@charset "UTF-8";


html, body { height: auto; }
.iziModal-content *{ -webkit-font-smoothing: subpixel-antialiased; }
.modal-view02{ width: 90%!important; max-width: 940px!important; border-radius: 0!important; z-index: 8000!important; }
.iziModal-navigate{ z-index: 8001!important; }
.iziModal-overlay{ z-index: 7998!important; }
/*.iziModal-navigate-caption{ display: none!important; }*/
.iziModal-navigate > button{ width: 64px; height: 64px; background-color: rgba(0,0,0,0.9); top: 50%; opacity: 1; transform: translateY(-50%); }
.iziModal-navigate > .iziModal-navigate-prev{ left: 0; margin: 0!important; }
.iziModal-navigate > .iziModal-navigate-next{ right: 0; margin: 0!important; }
.modal-view02 .inner-modal img{ max-width: 100%; height: auto; }
.modal-view02 .ns{ font-size: 12px; line-height: 1.5; }

.modal-view02 .inner-modal{ padding: 50px; }
.modal-view02 .inner-modal .ttl{ font-family: 'YakuHanMP', 'EB Garamond', 'Cormorant Garamond', 'Lora', 'Noto Serif JP', serif; font-size: 26px; line-height: 1.5; color: #796a56; font-weight: normal; margin-bottom: 10px; }
.modal-view02 .inner-modal .ttl .sub{ font-size: 44.4444%; }
.modal-view02 .inner-modal .list-item .item .photo{ position: relative; }
.modal-view02 .inner-modal .list-item .item .photo .caption{ position: absolute; left: 0; bottom: 0; padding: 2px 7px; background-color: rgba(0,0,0,0.8); color: #ffffff; }
.modal-view02 .inner-modal .list-item .item p{ color: #796a56; }
.modal-view02 .inner-modal .list-item .item .head{ font-size: 18px; line-height: 1.25; font-weight: normal; margin-top: 5px; color: #796a56; }
.modal-view02 .inner-modal .list-item .item .txt{ font-size: 14px; line-height: 1.25; margin-top: 5px; }
.modal-equipment01 .inner-modal .list-item{ display: flex; display: -ms-flex; flex-wrap: wrap; }
.modal-equipment01 .inner-modal .list-item .item{ width: 22.619%; margin-left: 3.174%; }
.modal-equipment01 .inner-modal .list-item .item:nth-child(4n+2){ margin-left: 0; }
.modal-equipment01 .inner-modal .list-item .item:nth-child(n+2){ margin-top: 40px; }
.modal-equipment01 .inner-modal .list-item .item01{ width: 100%; margin-left: 0; }
.modal-equipment02 .inner-modal .list-item{ overflow: hidden; }
.modal-equipment02 .inner-modal .list-item .item{ width: 26.9048%; float: right; }
.modal-equipment02 .inner-modal .list-item .item01{ width: 68.6905%; float: left; }
.modal-equipment02 .inner-modal .list-item .item:nth-child(n+3){ margin-top: 40px; }
.modal-equipment03 .inner-modal .list-item{ overflow: hidden; }
.modal-equipment03 .inner-modal .list-item .item{ width: 26.9048%; float: right; }
.modal-equipment03 .inner-modal .list-item .item01{ width: 68.6905%; float: left; }
.modal-equipment03 .inner-modal .list-item .item:nth-child(n+3){ margin-top: 40px; }


.modal-view02 .inner-modal .close-btn{ margin: 30px auto 0; max-width: 220px; display: block; background-color: #efefef; border: 1px solid #c4c4c4; box-sizing: border-box; padding: 15px 0; font-size: 18px; line-height: 1.5; color: #666666; text-decoration: none; text-align: center; position: relative; cursor: pointer; }


@media screen and (max-width: 940px){ /*940px以下のcss*/
	.modal-view02 .inner-modal{ padding: 7% 5%; }
}
@media screen and (max-width: 768px){ /*768px以下のcss*/
	.modal-view02 .inner-modal .list-item .item .head{ font-size: 16px; }
	.modal-view02 .inner-modal .list-item .item img{ width: 100%; height: auto; }
	.modal-equipment01 .inner-modal .list-item .item{ width: 48%; }
	.modal-equipment01 .inner-modal .list-item .item:nth-child(2n+2){ margin-left: 0; }
	.modal-equipment01 .inner-modal .list-item .item:nth-child(2n+3){ margin-left: 4%; }
	.modal-equipment01 .inner-modal .list-item .item:nth-child(n+2){ margin-top: 5%; }
	.modal-equipment01 .inner-modal .list-item .item01{ width: 100%; }
	.modal-equipment02 .inner-modal .list-item{ display: flex; display: -ms-flex; flex-wrap: wrap; justify-content: flex-start; }
	.modal-equipment02 .inner-modal .list-item .item{ width: 48%; float: none; }
	.modal-equipment02 .inner-modal .list-item .item01{ width: 100%; float: none; }
	.modal-equipment02 .inner-modal .list-item .item:nth-child(n+2){ margin-top: 5%; }
	.modal-equipment02 .inner-modal .list-item .item:nth-child(2n+2){ margin-left: 0; }
	.modal-equipment02 .inner-modal .list-item .item:nth-child(2n+3){ margin-left: 4%; }
	.modal-equipment03 .inner-modal .list-item{ display: flex; display: -ms-flex; flex-wrap: wrap; justify-content: flex-start; }
	.modal-equipment03 .inner-modal .list-item .item{ width: 48%; float: none; }
	.modal-equipment03 .inner-modal .list-item .item01{ width: 100%; float: none; }
	.modal-equipment03 .inner-modal .list-item .item:nth-child(n+2){ margin-top: 5%; }
	.modal-equipment03 .inner-modal .list-item .item:nth-child(2n+2){ margin-left: 0; }
	.modal-equipment03 .inner-modal .list-item .item:nth-child(2n+3){ margin-left: 4%; }
}