@charset "utf-8";
@import url('https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css');

/* ================================================

- ギャラリー

================================================ */  
.gallery__main{
    padding: 80px 0 110px 0;
    background-color: #000000;
}
.gallery__main__inner{
    max-width: 800px;
    margin: 0 auto 45px;
    padding: 7px;
    border: solid 1px #666666;
    -webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.gallery__main__inner__thumb,
.gallery__main__inner{
    position: relative;
	z-index: 1;
}
.gallery__main__inner__thumb{
    max-width: 800px;
    margin: 0 auto 40px;
}
.gallery__main__inner__thumb ul{
    margin: 0 -7px;
}
.gallery__main__inner__thumb ul li{
    margin: 0 7px;
}
.gallery__main__inner ul li img,
.gallery__main__inner__thumb ul li img{
    width: 100%;
    height: auto;
}
.gallery__main__inner__thumb ul li{
    cursor: pointer;
    -ms-filter: "alpha( opacity=60 )";
    filter: alpha( opacity=60 );
    opacity: 0.6;
}
.gallery__main__inner__thumb ul li.slick-current{
    -ms-filter: "alpha( opacity=100 )";
    filter: alpha( opacity=100 );
    opacity: 1;
}
.gallery__thumb--next,
.gallery__thumb--prev,
.gallery__main--next,
.gallery__main--prev{
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 6.0rem;
    color: #FFFFFF;
    color: #4D4D4D;
    z-index: 2;
    cursor: pointer;
}   
.gallery__main--prev{
    left: -45px;
}
.gallery__main--next{
    right: -45px;
}
.gallery__thumb--prev{
    left: -30px;
    font-size: 4.0rem;
}
.gallery__thumb--next{
    right: -30px;
    font-size: 4.0rem;
}
.gallery__main--cap{
    position: absolute;
    right: 10px;
    bottom: 10px;
    display: inline-block;
    padding: 10px;
    font-size: 1.2rem;
    letter-spacing: 0;
    color: #FFFFFF;
    background: rgba(0,0,0,1);
    z-index: 2;
}



.gallery .common__indentTxt{
    max-width: 800px;
    margin: 0 auto;
}  
.gallery .common__indentTxt p{
    position: relative;
    padding: 0 0 0 1.3rem;
    font-size: 1.2rem;
    line-height: 1.3;
    color: #FFFFFF;
}
.gallery .common__indentTxt p::before{
    display: inline-block;
    content: "※";
    position: absolute;
    top: 0;
    left: 0;
    font-size: 1.2rem;
}
/* ====================================================================================

- @media screen

==================================================================================== */
@media screen and (max-width: 799px){   
.gallery__thumb--next,
.gallery__thumb--prev,
.gallery__main--next,
.gallery__main--prev{
    font-size: 5.0rem;
    color: #FFFFFF;
}   
.gallery__main--prev{
    left: 15px;
}
.gallery__main--next{
    right: 15px;
}
.gallery__thumb--prev{
    left: 15px;
    font-size: 4.0rem;
}
.gallery__thumb--next{
    right: 15px;
    font-size: 4.0rem;
}

} /* media screen */
/* ====================================================================================

- @media screen

==================================================================================== */
@media screen and (max-width: 568px){   
.gallery__main{
    padding: 30px 0 60px 0;
}
.gallery__main__inner{
    margin: 0 auto 20px;
    padding: 5px;
}
.gallery__main__inner__thumb ul{
    margin: 0 -2px;
}
.gallery__main__inner__thumb ul li{
    margin: 0 2px;
}
.gallery__thumb--next,
.gallery__thumb--prev,
.gallery__main--next,
.gallery__main--prev{
    font-size: 4.0rem;
}   
.gallery__main--prev{
    left: 10px;
}
.gallery__main--next{
    right: 10px;
}
.gallery__thumb--prev{
    left: 10px;
    font-size: 4.0rem;
}
.gallery__thumb--next{
    right: 10px;
    font-size: 4.0rem;
}
.gallery__main--cap{
    right: 5px;
    bottom: 5px;
    padding: 5px;
    font-size: 1.0rem;
}    
.gallery .common__indentTxt{
    margin: 0 auto;
    padding: 0 3.2%;
}  
.gallery .common__indentTxt p{
    padding: 0 0 0 1.2rem;
    font-size: 1.1rem;
    line-height: 1.2;
}
.gallery .common__indentTxt p::before{
    font-size: 1.1rem;
}


} /* media screen */