@charset "UTF-8";


html, body { height: auto; }
.iziModal-content *{ -webkit-font-smoothing: subpixel-antialiased; font-family: 'YakuHanMP', "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }
.modal-view{ width: 90%!important; max-width: 1000px!important; border-radius: 0!important; z-index: 6000!important; }
.iziModal-navigate{ z-index: 6001!important; }
.iziModal-overlay{ z-index: 5998!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-view .inner-body{ padding: 50px!important; margin: 0 auto; width: 100%; box-sizing: border-box; overflow: hidden; }
.modal-view .inner-body img{ max-width: 100%; height: auto; }
.modal-view .inner-body .plan-wrapper{ overflow: hidden; }
.modal-view .inner-body .plan-wrapper .info{ width: 35%; float: left; }
.modal-view .inner-body .plan-wrapper .info .name{ font-family: 'EB Garamond', 'Cormorant Garamond', serif; font-size: 54px; line-height: 1; color: #c9b94f; }
.modal-view .inner-body .plan-wrapper .info .name .s-size{ font-size: 50%;  }
.modal-view .inner-body .plan-wrapper .info .name .menu{ font-size: 30%;  }
.modal-view .inner-body .plan-wrapper .info .type{ font-family: 'EB Garamond', 'Cormorant Garamond', serif; font-size: 34px; line-height: 1; margin-top: 10px; }
.modal-view .inner-body .plan-wrapper .info .type .s-size{ font-size: 60%;  }
.modal-view .inner-body .plan-wrapper .info .area{ font-size: 16px; line-height: 1.5; margin-top: 20px; }
.modal-view .inner-body .plan-wrapper .info .area strong{ font-size: 250%; line-height: 1; }
.modal-view .inner-body .plan-wrapper .info .area strong span{ font-size: 50%; }
.modal-view .inner-body .plan-wrapper .info .spec{ font-size: 15px; line-height: 1.5; margin-top: 20px; }
.modal-view .inner-body .plan-wrapper .info .copy-list{ margin-top: 30px; }
.modal-view .inner-body .plan-wrapper .info .copy-list .copy{ padding-left: 1em; position: relative; font-size: 16px; line-height: 1.5; }
.modal-view .inner-body .plan-wrapper .info .copy-list .copy+.copy{ margin-top: 10px; }
.modal-view .inner-body .plan-wrapper .info .copy-list .copy::before{ content: ""; position: absolute; left: 0.5em; margin-top: 0.7em; width: 4px; height: 4px; background-color: #000; transform: translate(-50%,-50%); border-radius: 50%; }
.modal-view .inner-body .plan-wrapper .plan-body{ width: 65%; float: right; }
.modal-view .inner-body .plan-wrapper .navi-list{ width: 35%; float: left; margin-top: 50px; }
.modal-view .inner-body .plan-wrapper .navi-list .navi{ max-width: 230px; width: 100%; margin: 0 auto; }
.modal-view .inner-body .plan-wrapper .navi-list .navi:nth-child(n+2){ margin-top: 10px; }
.modal-view .inner-body .plan-wrapper .navi-list .navi a{ text-align: center; font-size: 16px; border: 1px solid transparent; display: block; padding: 12px 0; border-radius: 26px; transition: opacity 0.5s; }
.modal-view .inner-body .plan-wrapper .navi-list .navi-model a{ border-color: #c02940; color: #c02940; background-color: #ffffff; }
.modal-view .inner-body .plan-wrapper .navi-list .navi-reservation a{ background-color: #86c7bb; color: #ffffff; }
.modal-view .inner-body .plan-wrapper .navi-list .navi-request a{ background-color: #c02940; color: #ffffff; }
.modal-view .inner-body .plan-wrapper .navi-list .navi a img{ vertical-align: middle; margin-right: 0.2em; }
.modal-view .inner-body .plan-wrapper .navi-list .navi-reservation a img{ width: 24px; }
.modal-view .inner-body .plan-wrapper .navi-list .navi-request a img{ width: 28px; }
.modal-view .inner-body .plan-wrapper .navi-list .navi a:hover{ opacity: 0.7; }
.modal-view .inner-body .caption{ font-size: 14px; line-height: 1.5; margin-top: 20px; }
.modal-view .inner-body .caption .guide{ max-width: 254px; display: inline-block; }
.modal-view .inner-body .close-btn{ max-width: 230px; width: 100%; margin: 40px auto 0; }
.modal-view .inner-body .close-btn a{ text-align: center; font-size: 16px; border: 1px solid transparent; display: block; padding: 12px 0; transition: opacity 0.5s; background-color: #333333; color: #ffffff; }
.modal-view .inner-body .close-btn a:hover{ opacity: 0.7; }
.modal-view .inner-body .ugoclo{ margin: 50px auto 0; border: 2px dotted #b24262; padding: 40px; }
.modal-view .inner-body .ugoclo .ttl-body{ display: flex; display: -ms-flex; align-items: center; border-bottom: 1px solid #cccccc; padding-bottom: 20px; }
.modal-view .inner-body .ugoclo .ttl-body .logo{ width: 27.16%; }
.modal-view .inner-body .ugoclo .ttl-body .txt{ flex: 1; margin-left: 20px; font-size: 15px; line-height: 1.7; }
.modal-view .inner-body .ugoclo .split-view{ display: flex; display: -ms-flex; justify-content: space-between; align-items: center; margin-top: 20px; }
.modal-view .inner-body .ugoclo .split-view .item01{ width: 32.09%; }
.modal-view .inner-body .ugoclo .split-view .item02{ width: 31.48%; }
.modal-view .inner-body .ugoclo .split-view .item03{ width: 30.98%; }

/*--レスポンシブ追加プロパティ--------------------------------------*/
@media screen and (max-width: 1112px){ /*1112px以下のcss*/
	.modal-view .inner-body{ padding: 4.49vw; }
	.modal-view .inner-body .plan-wrapper .info .name{ font-size: 4.85vw;  }
	.modal-view .inner-body .plan-wrapper .info .type{ font-size: 3.05vw; margin-top: 0.89vw; }
	.modal-view .inner-body .plan-wrapper .info .area{ font-size: 1.43vw; margin-top: 1.79vw; }
	.modal-view .inner-body .plan-wrapper .info .spec{ font-size: 1.34vw; margin-top: 1.79vw; }
	.modal-view .inner-body .plan-wrapper .info .copy-list{ margin-top: 2.69vw; }
	.modal-view .inner-body .plan-wrapper .info .copy-list .copy{ font-size: 1.43vw; }
	.modal-view .inner-body .plan-wrapper .info .copy-list .copy+.copy{ margin-top: 0.89vw; }
	.modal-view .inner-body .plan-wrapper .info .copy-list .copy::before{ width: 0.35vw; height: 0.35vw;  }
	.modal-view .inner-body .plan-wrapper .navi-list{ margin-top: 4.49vw; }
	.modal-view .inner-body .plan-wrapper .navi-list .navi:nth-child(n+2){ margin-top: 0.89vw; }
	.modal-view .inner-body .plan-wrapper .navi-list .navi a{ font-size: 1.43vw; padding: 1.07vw 0; border-radius: 2.33vw; }
	.modal-view .inner-body .plan-wrapper .navi-list .navi-reservation a img{ width: 2.15vw; }
	.modal-view .inner-body .plan-wrapper .navi-list .navi-request a img{ width: 2.51vw; }
	.modal-view .inner-body .caption{ font-size: 1.25vw; margin-top: 1.79vw; }
	.modal-view .inner-body .close-btn{ margin-top: 3.59vw; }
	.modal-view .inner-body .close-btn a{ font-size: 1.43vw; padding: 1.07vw 0; }
}
@media screen and (max-width: 768px){ /*768px以下のcss*/
	.iziModal-navigate > button{ width: 48px; height: 48px; }
	.modal-view .inner-body{ padding: 10% 5%!important; }
	.modal-view .inner-body .plan-wrapper .info{ width: 100%; float: none; }
	.modal-view .inner-body .plan-wrapper .info .name{ font-size: 10.545vw; }
	.modal-view .inner-body .plan-wrapper .info .type{ font-size: 6.63vw; margin-top: 1.30vw; }
	.modal-view .inner-body .plan-wrapper .info .area{ font-size: 3.12vw; margin-top: 2.60vw; }
	.modal-view .inner-body .plan-wrapper .info .spec{ font-size: 3.12vw; margin-top: 2.60vw; }
	.modal-view .inner-body .plan-wrapper .info .copy-list{ margin-top: 3.90vw; }
	.modal-view .inner-body .plan-wrapper .info .copy-list .copy{ font-size: 3.12vw; }
	.modal-view .inner-body .plan-wrapper .info .copy-list .copy+.copy{ margin-top: 1.30vw; }
	.modal-view .inner-body .plan-wrapper .info .copy-list .copy::before{ width: 0.52vw; height: 0.52vw;  }
	.modal-view .inner-body .plan-wrapper .plan-body{ width: 100%; float: none; margin-top: 5%; }
	.modal-view .inner-body .plan-wrapper .navi-list{ width: 100%; float: none; margin-top: 5%; }
	.modal-view .inner-body .plan-wrapper .navi-list .navi{ max-width: none; }
	.modal-view .inner-body .plan-wrapper .navi-list .navi:nth-child(n+2){ margin-top: 1.30vw; }
	.modal-view .inner-body .plan-wrapper .navi-list .navi a{ font-size: 3.12vw; padding: 1.56vw 0; border-radius: 4.98vw; }
	.modal-view .inner-body .plan-wrapper .navi-list .navi-reservation a img{ width: 3.12vw; }
	.modal-view .inner-body .plan-wrapper .navi-list .navi-request a img{ width: 3.64vw; }
	.modal-view .inner-body .caption{ font-size: 2.73vw; margin-top: 5%; }
	.modal-view .inner-body .close-btn{ max-width: none; margin: 7% auto 0; }
	.modal-view .inner-body .close-btn a{ font-size: 3.12vw; padding: 1.56vw 0; }
	.modal-view .inner-body .ugoclo{ margin: 10% auto 0; border: 2px dotted #b24262; padding: 7% 5%; }
	.modal-view .inner-body .ugoclo .ttl-body{ display: block; padding-bottom: 5%; }
	.modal-view .inner-body .ugoclo .ttl-body .logo{ width: 60%; margin: 0 auto; }
	.modal-view .inner-body .ugoclo .ttl-body .txt{ margin-left: 0; font-size: 2.73vw; margin-top: 3%; }
	.modal-view .inner-body .ugoclo .split-view{ display: block; margin-top: 5%; }
	.modal-view .inner-body .ugoclo .split-view .item{ width: 100%; text-align: center; }
	.modal-view .inner-body .ugoclo .split-view .item+.item{ margin-top: 5%; }
}
@media screen and (max-width: 480px){ /*480px以下のcss*/
}