/* -------------------------------------------------- */
/* Created by Indocat  */
/* URL:https://indocat.net/  */
/* Created:September 9, 2025  */
/* -------------------------------------------------- */

/* Wall photo gallery  */
/* サイズ固定  */

.gal_wrap {
    width:100%;
    display:block;
    text-align: center;
    padding: 0 auto;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

.gallery li {
    display:inline-table;
    margin:0 36px 150px 0;
    padding: 0;
}

.gallery li:nth-child(4),.gallery li:nth-child(8),.gallery li:nth-child(12),.gallery li:nth-child(16){
    margin-right: 0;
}

.gallery img{
  width:200px;
  height:320px;
  object-fit: cover;
}

.gallery figcaption{
    text-align: left;    
    margin: 30px auto 0;
    font-family: fot-tsukuaoldmin-pr6n,sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size:1em;
    letter-spacing:0.2em;
    line-height:180%;
}

/*===============================================
画面の横幅が1024pxまで（Nest Hub）
===============================================*/

@media only screen and (max-width: 1024px) {

.gal_wrap{
    text-align: left;
    padding: 0 auto;
    margin: 0 0 0 45px;
}

.gallery li {
    display:inline-table;
    margin:0 36px 150px 0;
    padding: 0;
}

.gallery li:nth-child(1),.gallery li:nth-child(2),.gallery li:nth-child(4),.gallery li:nth-child(5),.gallery li:nth-child(7),.gallery li:nth-child(8),.gallery li:nth-child(10),.gallery li:nth-child(11),.gallery li:nth-child(13),.gallery li:nth-child(14){
    margin-right:36px;
}

.gallery li:nth-child(3),.gallery li:nth-child(6),.gallery li:nth-child(9),.gallery li:nth-child(12),.gallery li:nth-child(15){
    margin-right: 0;
}

.gallery img{
  width:210px;
  height:320px;
  object-fit: cover;
}

}

/*===============================================
画面の横幅が853pxまで（Zenbook）
===============================================*/

@media only screen and (max-width: 853px) {

.gal_wrap{
    text-align: left;
    padding: 0 auto;
    margin: 0 0 0 35px;
}

.gallery img{
  width:200px;
  height:290px;
  object-fit: cover;
}

}

/*===============================================
画面の横幅が820pxまで（iPad）
===============================================*/

@media only screen and (max-width: 820px) {

.gal_wrap{
    text-align: left;
    padding: 0 auto;
    margin: 0 0 0 35px;
}

.gallery img{
  width:190px;
  height:280px;
  object-fit: cover;
}

/*===============================================
画面の横幅が800pxまで（iPad mini）
===============================================*/

@media only screen and (max-width: 800px) {

.gal_wrap{
    text-align: left;
    padding: 0 auto;
    margin: 0 0 0 15px;
}

.gallery img{
  width:180px;
  height:250px;
  object-fit: cover;
}

}

/*===============================================
画面の横幅が540pxまで（Surface Duo）
===============================================*/

@media only screen and (max-width: 540px) {

.gal_wrap{
    text-align: left;
    padding: 0 auto;
    margin:0 0 0 5px;
}

.gallery li:nth-child(1),.gallery li:nth-child(2),.gallery li:nth-child(4),.gallery li:nth-child(5),.gallery li:nth-child(7),.gallery li:nth-child(8),.gallery li:nth-child(10),.gallery li:nth-child(11),.gallery li:nth-child(13),.gallery li:nth-child(14){
    margin-right:15px;
}

.gallery img{
  width:140px;
  height:220px;
  object-fit: cover;
}

.gallery figcaption{
    margin: 15px auto 0;
    font-size:0.8em;
    letter-spacing:0.1em;
}

}

/*===============================================
画面の横幅が430pxまで（Nest Hub）
===============================================*/

@media only screen and (max-width: 430px) {

.gal_wrap{
    text-align: center;
    padding: 0 auto;
    margin: 0 auto;
}

.gallery li:nth-child(1),.gallery li:nth-child(3),.gallery li:nth-child(5),.gallery li:nth-child(7),.gallery li:nth-child(9),.gallery li:nth-child(11),.gallery li:nth-child(13),.gallery li:nth-child(15){
    margin-left:0;
    margin-right:10px;
}

.gallery li:nth-child(2),.gallery li:nth-child(4),.gallery li:nth-child(6),.gallery li:nth-child(8),.gallery li:nth-child(10),.gallery li:nth-child(12),.gallery li:nth-child(14),.gallery li:nth-child(16){
    margin-left:10px;
    margin-right: 0;
}


}

/*===============================================
画面の横幅が375pxまで
===============================================*/

@media only screen and (max-width: 375px) {

.gallery img{
  width:125px;
  height:200px;
  object-fit: cover;
}

.gallery li:nth-child(1),.gallery li:nth-child(3),.gallery li:nth-child(5),.gallery li:nth-child(7),.gallery li:nth-child(9),.gallery li:nth-child(11),.gallery li:nth-child(13),.gallery li:nth-child(15){
    margin-left:0;
    margin-right:3px;
}

.gallery li:nth-child(2),.gallery li:nth-child(4),.gallery li:nth-child(6),.gallery li:nth-child(8),.gallery li:nth-child(10),.gallery li:nth-child(12),.gallery li:nth-child(14),.gallery li:nth-child(16){
    margin-left:3px;
    margin-right: 0;
}

}