@charset "UTF-8";


#main-content img{ width: 100%; height: auto; }
#main-content .section-model{ max-width: 1400px; margin: 0 auto; }
#main-content .en-ttl{ font-size: 24px; line-height: 1.5; font-family: 'YakuHanMP', 'EB Garamond', 'Cormorant Garamond', 'Lora', 'Noto Serif JP', serif; color: #ada076; letter-spacing: 0.2em; font-weight: normal; padding-bottom: 60px; display: flex; display: -ms-flex; align-items: center; }
#main-content .en-ttl:before,
#main-content .en-ttl:after{ content: ""; height: 1px; flex: 1; background-color: #ada076; }
#main-content .en-ttl .word{ position: relative; padding: 0 1em; }
#main-content .en-ttl .word::before,
#main-content .en-ttl .word::after{ content: ""; position: absolute; top: 50%; height: 30px; width: 1px; background-color: #ada076; transform: translateY(-50%); }
#main-content .en-ttl .word::before{ left: 0; }
#main-content .en-ttl .word::after{ right: 0; }
#main-content .section-model .model{ padding: 120px 5% 70px; background-color: #dcd9d6; }
#main-content .section-model .model .photo-list{ position: relative; margin-top: 70px; }
#main-content .section-model .model .photo-list .arrow{ width: 60px; padding-top: 90px; background-color: #66615a; position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; cursor: pointer; transition: opacity 0.5s; }
#main-content .section-model .model .photo-list .arrow:hover{ opacity: 0.8; }
#main-content .section-model .model .photo-list .prev-arrow{ left: 0; }
#main-content .section-model .model .photo-list .next-arrow{ right: 0; }
#main-content .section-model .model .photo-list .arrow::before{ content: ""; width: 20%; padding-top: 20%; border: 3px solid transparent; position: absolute; left: 50%; top: 50%; }
#main-content .section-model .model .photo-list .prev-arrow::before{ border-left-color: #ffffff; border-top-color: #ffffff; transform: translate(-50%,-50%) translateX(25%) rotate(-45deg); }
#main-content .section-model .model .photo-list .next-arrow::before{ border-right-color: #ffffff; border-bottom-color: #ffffff; transform: translate(-50%,-50%) translateX(-25%) rotate(-45deg); }
#main-content .section-model .model .photo-list .item{ position: relative; }
#main-content .section-model .model .photo-list .item .caption{ position: absolute; right: 0; bottom: 0; padding: 2px 7px; color: #ffffff; background-color: rgba(0,0,0,0.5); }
#main-content .section-model .model .thumb-list{ max-width: 1104px; margin: 20px auto 0; }
#main-content .section-model .model .thumb-list .item .inner-body{ margin: 0 4px; position: relative; cursor: pointer; }
#main-content .section-model .model .thumb-list .item.slick-current .inner-body{ cursor: auto; }
#main-content .section-model .model .thumb-list .item .inner-body::before{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(102,97,90,0.7); transition: opacity 0.5s; }
#main-content .section-model .model .thumb-list .item.slick-current .inner-body::before{ opacity: 0; }
#main-content .section-model .model .thumb-list .item .inner-body .caption{ font-family: 'YakuHanMP', 'EB Garamond', 'Cormorant Garamond', 'Lora', 'Noto Serif JP', serif; font-size: 14px; line-height: 1.3; color: #ffffff; width: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); text-align: center; transition: opacity 0.5s; }
#main-content .section-model .model .thumb-list .item.slick-current .inner-body .caption{ opacity: 0; }
#main-content .section-model .model-etc{ padding: 0; }
#main-content .section-model .model-etc .copy{ font-size: 24px; line-height: 1.5; color: #231815; text-align: center; }
#main-content .section-model .model-etc .list-item{ display: flex; display: -ms-flex; justify-content: space-between; margin: 50px auto 0; max-width: 1110px; }
#main-content .section-model .model-etc .list-item .item{ width: 20.0901%; }






/*--レスポンシブ追加プロパティ--------------------------------------*/
@media screen and (max-width: 1112px){ /*1112px以下のcss*/
}
@media screen and (max-width: 768px){ /*768px以下のcss*/
	#main-content .en-ttl{ font-size: 4.8vw; padding-bottom: 7%; }
	#main-content .section-model{ padding: 0; }
	#main-content .section-model .model{ padding: 10% 5% 10%; }
	#main-content .section-model .model .copy{ font-size: 5vw; }
	#main-content .section-model .model .photo-list{ margin-top: 10%; }
	#main-content .section-model .model .photo-list .arrow{ width: 7.8125%; padding-top: 11.7187%; }
	#main-content .section-model .model .photo-list .arrow::before{ border-width: 0.3906vw; }
	#main-content .section-model .model .thumb-list{ margin-top: 5px; }
	#main-content .section-model .model .thumb-list .item{ width: 25%!important; }
	#main-content .section-model .model .thumb-list .item:nth-child(n+5){ margin-top: 2px; }
	#main-content .section-model .model .thumb-list .item .inner-body{ margin: 0 1px; }
	#main-content .section-model .model-etc .copy{ font-size: 5vw; }
	#main-content .section-model .model-etc .list-item{ margin: 10% auto 0; padding: 0 5%; flex-wrap: wrap; justify-content: space-between; }
	#main-content .section-model .model-etc .list-item .item{ width: 48%; }
	#main-content .section-model .model-etc .list-item .item:nth-child(n+3){ margin-top: 4%; }
}
@media screen and (max-width: 480px){ /*480px以下のcss*/
	#main-content .section-model .model .thumb-list .item .inner-body .caption{ font-size: 2.9166vw; }
}




