@charset "UTF-8";


html, body { height: auto; }
.iziModal-content *{ -webkit-font-smoothing: subpixel-antialiased; }
.modal-view{ width: 90%!important; max-width: 1200px!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-view .inner-modal img{ max-width: 100%; height: auto; }

.modal-view .inner-modal{ padding: 50px; }
.modal-view .plan-split{ margin: 0 auto; overflow: hidden; text-align: left; }
.modal-view .plan-split .plan-head{ float: left; width: 340px; background-color: #0b466f; position: relative; padding: 40px 24px; box-sizing: border-box; overflow: hidden; }
.modal-view .plan-split .plan-head::before{ content: ""; position: absolute; left: 50%; top: 0; width: 100%; height: 100%; background-color:  rgba(255,255,255,0.07); transform: skewX(15deg); transform-origin: 0 0; }
.modal-view .plan-split .plan-head *{ color: #ffffff; }
.modal-view .plan-split .plan-head .head .type{ font-family: 'YakuHanMP', 'EB Garamond', 'Cormorant Garamond', 'Lora', 'Noto Serif JP', serif; font-size: 14px; line-height: 1.5; }
.modal-view .plan-split .plan-head .head .type .marker{ font-size: 357.1428%; line-height: 0.5; }
.modal-view .plan-split .plan-head .head .ldk{ font-family: 'YakuHanMP', 'EB Garamond', 'Cormorant Garamond', 'Lora', 'Noto Serif JP', serif; font-size: 24px; line-height: 1.5; margin-top: 10px; padding-top: 10px; border-top: 1px solid rgba(255,255,255,0.3); }
.modal-view .plan-split .plan-head .head .ldk .marker{ font-size: 175%; line-height: 0.5; }
.modal-view .plan-split .plan-head .info{ margin-top: 20px; }
.modal-view .plan-split .plan-head .info .area{ font-size: 16px; line-height: 1.5; }
.modal-view .plan-split .plan-head .info .area .num{ font-size: 233.3333%; line-height: 1; font-family: 'YakuHanMP', 'EB Garamond', 'Cormorant Garamond', 'Lora', 'Noto Serif JP', serif; }
.modal-view .plan-split .plan-head .info .area .num .marker{ font-size: 142.8571%; line-height: 0.5; }
.modal-view .plan-split .plan-head .info .spec{ font-size: 14px; line-height: 1.5; margin-top: 10px; }
.modal-view .plan-split .plan-foot{ float: left; clear: left; width: 340px; margin-top: 20px; }
.modal-view .plan-split .plan-foot .caption{ font-size: 12px; line-height: 1.5; }
.modal-view .plan-split .plan-foot .caption .icon01{ display: inline-block; width: 20px; height: 13px; background-color: #e0d3c4; margin-right: 0.2em; }
.modal-view .plan-split .plan-foot .caption+.caption{ margin-top: 20px; }
.modal-view .plan-split .plan-body{ clear: none; float: none; padding-left: 380px; }
.modal-view .plan-split .plan-body .plan{ text-align: center; }
.modal-view .plan-split .navi-util{ float: left; clear: left; width: 340px; margin-top: 20px; }
.modal-view .plan-split .navi-util .navi a{ display: block; font-size: 15px; line-height: 1.5; text-decoration: none; padding: 20px 0; text-align: center; }
.modal-view .plan-split .navi-util .navi-entry a{ background: linear-gradient(to right, #937a55 0%, #ba9b6c 100%); color: #ffffff; }
.modal-view .plan-split .navi-util .navi-print{ margin-top: 10px; }
.modal-view .plan-split .navi-util .navi-print a{ background: linear-gradient(to right, #5f897c 0%, #83aea6 100%); color: #ffffff; }
.modal-view .plan-split .navi-util .navi-close{ margin-top: 10px; }
.modal-view .plan-split .navi-util .navi-close a{ background: #dcdddd; color: #666666; }

.modal-view .plan-split.view-wide{ display: flex; display: -ms-flex; flex-wrap: wrap; }
.modal-view .plan-split.view-wide .top-floor{ width: 620px; background-color: #161402; color: #b59e18; font-family: 'YakuHanMP', 'EB Garamond', 'Cormorant Garamond', 'Lora', 'Noto Serif JP', serif; font-size: 20px; line-height: 1.5; text-align: center; padding: 5px 0; }
.modal-view .plan-split.view-wide .top-floor+.plan-head{ background-color: #776d10; }
.modal-view .plan-split.view-wide .plan-head{ width: 620px; order: 1; float: none; display: flex; display: -ms-flex; justify-content: space-between; }
.modal-view .plan-split.view-wide .plan-head::before{ left: 25%; }
.modal-view .plan-split.view-wide .plan-head .head{ width: 40%; }
.modal-view .plan-split.view-wide .plan-head .info{ width: 56%; margin-top: 0; }
.modal-view .plan-split.view-wide .plan-foot{ flex: 1; order: 2; float: none; width: auto; margin: 0 0 0 20px; }
.modal-view .plan-split.view-wide .plan-body{ width: 100%; order: 3; padding-left: 0; margin-top: 40px; }
.modal-view .plan-split.view-wide .navi-util{ order: 4; float: none; width: 100%; max-width: 700px; display: flex; display: -ms-flex; flex-wrap: wrap; justify-content: center; margin: 50px auto 0; }
.modal-view .plan-split.view-wide .navi-util .navi{ width: 48%; }
.modal-view .plan-split.view-wide .navi-util .navi-print{ margin-top: 0; margin-left: 4%; }


@media screen and (max-width: 1112px){ /*1112px以下のcss*/
	.modal-view .plan-split.view-wide .top-floor{ width: 100%; }
	.modal-view .plan-split.view-wide .plan-head{ width: 100%; }
	.modal-view .plan-split.view-wide .plan-foot{ flex: auto; order: 3; width: 100%; margin: 40px 0 0; }
	.modal-view .plan-split.view-wide .plan-body{ order: 2; }
}
@media screen and (max-width: 940px){ /*940px以下のcss*/
	.modal-view .inner-modal{ padding: 7% 5%; }
	.modal-view .plan-split{ display: flex; display: -ms-flex; flex-wrap: wrap; }
	.modal-view .plan-split .plan-head{ width: 100%; order: 1; float: none; }
	.modal-view .plan-split .plan-foot{ order: 3; float: none; width: 100%; margin: 5% 0 0; }
	.modal-view .plan-split .plan-body{ width: 100%; order: 2; padding-left: 0; margin-top: 5%; }
	.modal-view .plan-split .navi-util{ order: 4; float: none; width: 100%; max-width: 700px; display: flex; display: -ms-flex; justify-content: space-between; margin: 5% auto 0; }
	.modal-view .plan-split .navi-util .navi{ width: 48%; }
	.modal-view .plan-split .navi-util .navi-close{ margin-top: 10px; }
	.modal-view .plan-split.view-wide .plan-head{ display: block;}
	.modal-view .plan-split.view-wide .plan-head::before{ left: 50%; }
	.modal-view .plan-split.view-wide .plan-head .head{ width: 100%; }
	.modal-view .plan-split.view-wide .plan-head .info{ width: 100%; margin-top: 20px; }
	.modal-view .plan-split.view-wide .plan-foot{ margin: 5% 0 0; }
	.modal-view .plan-split.view-wide .plan-body{ margin-top: 5%; }
	.modal-view .plan-split.view-wide .navi-util{ margin: 5% auto 0; }
}
@media screen and (max-width: 768px){ /*768px以下のcss*/
	.modal-view .plan-split .navi-util{ max-width: 380px; display: block; }
	.modal-view .plan-split .navi-util .navi{ width: 100%; }
	.modal-view .plan-split .navi-util .navi-print{ display: none; }
	.modal-view .plan-split.view-wide .navi-util{ max-width: 380px; display: block; }
	.modal-view .plan-split.view-wide .navi-util .navi{ width: 100%; }
}



@media print{
	.no-print{ display: none; }
	.iziModal-overlay{ display: none; }
	.modal-view.print{ height: auto!important; position: relative; box-shadow: none; }
	.modal-view.print .iziModal-wrap{ height: auto!important; overflow: visible; }
	.iziModal-navigate{ display: none; }
	.modal-view .navi-entry,
	.modal-view .navi-print,
	.modal-view .navi-close{ display: none; }
	.modal-view::after{ display: none; }
	.inner-body .plan-split .plan-body img{ max-width: 100%; height: auto; }
	html, body { scrollbar-width: none; width: 1112px; }
	.modal-view .inner-modal{ padding: 0!important; }
}