@charset 'UTF-8';

/*  gallery
--------------------------------------- */

.gallery {
max-width: 1066px;
margin: 0 auto;
padding: 20px 20px 40px;
box-sizing: border-box;
}

.gallery h1 {
margin: 0 0 50px;
font-size: 32px;
text-align: center;
}

.gallery .ctBox {
position: relative;
padding: 0 0 85px;
}

.gallery h2 {
display: inline-block;
margin: 0 0 30px;
padding: 0 30px;
font-size: 17px;
line-height: 1.12;
border-left: 1px solid #3d3a39;
border-right: 1px solid #3d3a39;
}

.gallery .instagram {
position: absolute;
top: 0;
right: 0;
width: 30px;
}

.gallery ul {
display: flex;
flex-wrap: wrap;
}

.gallery ul li {
width: 24.17%;
margin: 0 1.1% 14px 0;
}

.gallery ul li:nth-child(4n) {
margin: 0 0 14px;
}

.gallery .dog li:nth-child(n+9) {
display: none;
}

.gallery .more {
width: 189px;
margin: 0 auto;
padding: 23px 0 0;
}

.gallery .more a {
display: block;
padding: 13px 0;
color: #fff;
font-size: 14px;
text-align: center;
background: #3d3a39;
}

.bx-wrapper .bx-pager-item:last-child:first-child{
display: none;
}

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

.gallery {
width: 85.33vw;
max-width: inherit;
margin: 0 auto -2vw;
padding: 3vw 0 0;
}

.gallery h1 {
margin: 0 0 8vw;
font-size: 6vw;
}

.gallery .ctBox {
padding: 0 0 15vw;
}

.gallery h2 {
display: inline-block;
margin: 0 0 2.4vw;
padding: 0 4vw;
font-size: 3.6vw;
line-height: 1;
border-left: 1px solid #3d3a39;
border-right: 1px solid #3d3a39;
}

.gallery .instagram {
position: absolute;
top: -1.33vw;
right: 0;
width: 5.33vw;
}

.gallery ul {
display: flex;
flex-wrap: wrap;
}

.gallery ul li {
width: 41.46vw;
margin: 0 2.13vw 2.4vw 0;
}

.gallery ul li:nth-child(2n) {
margin: 0 0 2.4vw !important;
}

.gallery .more {
width: 100%;
padding: 2.4vw 0 0;
}

.gallery .more a {
display: block;
padding: 5vw 0;
color: #fff;
font-size: 3.46vw;
text-align: center;
background: #3d3a39;
}


}