@charset "UTF-8";

@import "../../common/magnific-popup.css";

.cont_gallery{font-size: 16px;line-height: 30px;color: #716c61;}
.cont_gallery *{-webkit-box-sizing: border-box;box-sizing: border-box;}


.cont_gallery .gallery .wrapper .area_list{/*display: flex;flex-wrap: wrap;justify-content: flex-end;*/
    display: grid;position: relative;
}
.cont_gallery .gallery .wrapper .area_list:nth-of-type(odd) .box:nth-of-type(1){
    grid-row-start: 1;grid-row-end: 3;
    grid-column-start: 1;grid-column-end: 3;
}
.cont_gallery .gallery .wrapper .area_list:nth-of-type(even) .box:nth-of-type(5){
    grid-row-start: 1;grid-row-end: 3;
    grid-column-start: 3;grid-column-end: 5;
}





/*
.cont_gallery .gallery .wrapper .area_list .box{display: flex;justify-content: center;align-items: center;}
*/
.cont_gallery .gallery .wrapper .area_list .box a{display: block;overflow: hidden;width: 100%;}
.cont_gallery .gallery .wrapper .area_list .box a span{display: block;width: 100%;height: 0;padding-top: 100%;background: #716c61;
background-repeat: no-repeat;background-size: cover;background-position:center;}

.cont_gallery .area_gallery .btn.morelink{display: flex;width: initial;padding-top: 30px;
    box-sizing: border-box;justify-content: center;width: 100%;grid-column-start: 1;grid-column-end: 5;
}
.cont_gallery .area_gallery .btn.morelink span{display: inline-block;text-align: center;cursor: pointer;
    background: #fff;color: #726e6f;font-size: 18px;width: 300px;height: 60px;line-height: 60px;-webkit-transition: all 1s ease;transition: all 1s ease;
}
.cont_gallery .area_gallery .btn.morelink span:hover{background: #726e6f;color: #fff;}
/**/
.mfp-content .f_detail{-webkit-box-sizing: border-box;box-sizing: border-box;}
.mfp-content .f_detail .frame{background: #fff;-webkit-box-sizing: border-box;box-sizing: border-box;}

.area_image .images .box span{display: block;width: 100%;height: 0;padding-top: 100%;background-repeat: no-repeat;background-size: cover;background-position:center;}
.area_image .thumb .box span{display: block;width: 100%;height: 0;padding-top: 100%;background-repeat: no-repeat;background-size: cover;background-position:center;}
#main-slider.splide{visibility: inherit;}
.splide__slide{width: 100%;}
#thumbnail-slider .splide__slide{height: 100px;}
#thumbnail-slider .splide__slide:hover{cursor: pointer;}
.mfp-auto-cursor .mfp-content{height: 100%;justify-content: center;align-items: center;}
.mfp-auto-cursor .mfp-content .f_detail{width: 100%;max-height: 100%;position: relative;}


.area_data h2{margin-bottom: 20px;font-weight: bold;}
.area_data h2 .account{display: block;text-align: right;font-family: -apple-system, BlinkMacSystemFont, "HiraKakuProN W6",Arial,Roboto,"Droid Sans","Helvetica Neue", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
    font-size: 13px; 
}
.area_data h3{
    border-bottom: 1px solid #cfccc7;
    margin-bottom: 8px;
    font-size: 16px;
    font-weight: bold;
    font-family: "Hiragino Mincho Pro";
}
.area_data .about p{padding-bottom: 15px;}
.area_data p.btn{padding: 40px 0 0;text-align: center;}
.area_data p.btn a{text-decoration: none;background: #f7f6f3;color: #726e6f;border-radius: 0;text-align: center;width: 100%;
    font-size: 15px;line-height: 60px;height: 60px;-webkit-box-sizing: border-box;box-sizing: border-box;}
.area_data p.btn a:hover{background:#726e6f;color:#f7f6f3;}
.f_detail .frame .area_data{max-width: 480px;margin: 0 auto;}
.f_detail .frame .area_data .item_list{display: flex;justify-content: flex-start;}
.f_detail .frame .area_data ul.item_list li span{display: block;width: 100%;height: 0;padding-top: 110%;background-repeat: no-repeat;background-size: contain;background-position:center;}
.f_detail .frame .area_data ul{display: flex;margin: 0 -5px;}
.f_detail .frame .area_data ul li{width: 25%;padding: 5px;-webkit-box-sizing: border-box;box-sizing: border-box;}

.f_detail .frame .area_image .thumb ul{display: flex;}
.f_detail .frame .area_image .thumb ul li{width: 25%;}

.f_detail .frame .area_image{max-width: 480px;margin: 0 auto;}
.f_detail .frame .area_image .image .box{height: 480px;display: flex;justify-content: center;align-items: center;}

/*767px*/
@media screen and (min-width: 768px){

    /**/
    .cont_gallery .gallery .wrapper{max-width: 1200px;margin: 0 auto;padding: 80px 0 150px;}
    /**/
    .mfp-container{padding: 30px 20px;}
    .mfp-content{max-width: 1020px;}
    .mfp-content .f_detail .frame{padding: 40px;}
    .f_detail .frame{display: flex;overflow-y: auto;overflow-x: hidden;}
    .f_detail .frame .area_image,.f_detail .frame .area_data{width: 50%;-webkit-box-sizing: border-box;box-sizing: border-box;}
    .f_detail .frame .area_data{padding-left: 30px;}
    .f_detail .frame .area_data ul{margin: 0 -5px 30px;}
	
	
}

@media screen and (max-width:1300px) {
    .cont_gallery .gallery .wrapper{max-width: 1080px;padding-right: 20px;padding-left: 20px;}
}


@media screen and (max-width:767px) {
.cont_gallery .gallery .wrapper .area_list{grid-template-columns: 1fr 1fr;grid-template-rows: 1fr 1fr;}
.f_detail .frame .area_data ul.item_list li span{padding-bottom: 10%;}
}
@media screen and (min-width:768px) {
.cont_gallery .gallery .wrapper .area_list{grid-template-columns: 1fr 1fr 1fr 1fr;grid-template-rows: 1fr 1fr;}
}
/*834px以下*/
@media screen and (max-width: 767px){
    .cont_gallery{font-size: 13px;line-height: 22px;}

    /**/
    .cont_gallery .gallery .wrapper{max-width: 750px;margin: 0 auto;padding: 40px 15px;}

   /**/
    .mfp-content .f_detail .frame{padding: 20px;    height: auto;}
    .f_detail .frame .area_data{margin-top: 20px;}
    .f_detail .frame .area_data h2{font-size: 22px;}
    .f_detail .frame .area_data ul{flex-wrap: wrap;}
    .f_detail .frame .area_data ul li{width: 50%;}
    .f_detail .frame .area_data p.btn a{width: 100%;font-size: 13px;line-height: 15px;padding: 17px 10px 18px;height: initial;}
	.area_data .about{height: 250px;    overflow-x: hidden;overflow-y: scroll;}
}
/*480px以下*/
@media screen and (max-width: 420px){
    .f_detail .frame .area_image .image .box{height: 300px;}

}