@charset "UTF-8";
/*
間取り
*/
.pages_main_image{height:auto;position: relative;}
.pages_main_image .images{width: 100%;height: auto;min-width: 1200px;height: 700px!important;object-fit: cover}
.pages_main_image picture figcaption{width: 1200px;left: 0;right: 0;margin: auto;}
.pages_main_image .inner{position: absolute;width: 1200px;left: 0;right: 0;top: 0px; margin: auto}
.pages_main_image h2{width: 100%; color: #fff;font-size: 36px;letter-spacing: 0.2em;position: absolute;top: 35%;left: 50%;transform: translateY(0%) translateX(-50%);-webkit-transform: translateY(0%) translateX(-50%);z-index: 2;font-weight: normal;}
@media screen and (max-width: 767px) {/*スマホ設定*/
.pages_main_image .images{min-width: 100%;height: 240px!important;object-fit: cover}
.pages_main_image .inner{display: none}
.pages_main_image h2{font-size: 22px;}
.pages_main_image picture figcaption{width: 96%;bottom: 10px}
}
figcaption{text-shadow: 0 0 5px rgba(0,0,0,1);}

#body_plan{background: url("../images/concept/bg.jpg") repeat center top;padding-bottom: 60px}
#body_plan img{width: 100%;height: auto}
#body_plan .sec dl{padding-top:100px;}
#body_plan .sec dt{display: inline-block;font-size: 38px;letter-spacing: 0.1em;line-height: 1.8;border-bottom: 1px solid  #b48b66;padding-bottom: 30px;margin-bottom:30px}
#body_plan .sec dd .copy2{letter-spacing: 0.1em;line-height: 2;font-size: 18px;}
#body_plan .sec p.txt12{margin-top: 10px}
#body_plan .sec .zu{margin-top: 30px}
#body_plan .sec li dl{padding-top: 30px}
#body_plan .sec li dt{font-size: 30px}
#body_plan .sec li dd .copy2{line-height: 1.8;font-size: 16px;text-align: left}
@media screen and (max-width: 767px) {/*スマホ設定*/
#body_plan .sec dl{padding-top:60px;}
#body_plan .sec dt{font-size: 18px;}
#body_plan .sec dd .copy2{font-size: 13px;padding: 0 10%}
#body_plan .sec p.txt12{font-size: 11px;}
#body_plan .sec li{width: 100%}
#body_plan .sec li dt{font-size: 16px}
#body_plan .sec li dd .copy2{font-size: 13px;}
}



/*プラン　リンク付きmap*/

.plan_mapmenu {position: relative;margin: 100px auto 60px;}
.plan_mapmenu .mapmenu {  position: absolute;cursor: pointer;opacity: 0;-webkit-transition: opacity 0.25s linear;-o-transition: opacity 0.25s linear;transition: opacity 0.25s linear;}
.plan_mapmenu .mapmenu:hover,
.plan_mapmenu .mapmenu.onover {opacity: 1;}
.plan_mapmenu .mapmenu a {  display: block;height: 100%;}

#mapmenu_type_a{top:0px;left:82px;width:93px;height:610px;background: URL("../images/plan/roomplan_floors_a.svg") no-repeat 0 0;background-size: cover}
#mapmenu_type_d{top:0px;left:361px;width:93px;height:610px;background: URL("../images/plan/roomplan_floors_d.svg") no-repeat 0 0;background-size: cover}
#mapmenu_type_e{top:0px;left:454px;width:93px;height:610px;background: URL("../images/plan/roomplan_floors_e.svg") no-repeat 0 0;background-size: cover}
#mapmenu_type_k{top:0px;left:1012px;width:93px;height:610px;background: URL("../images/plan/roomplan_floors_k.svg") no-repeat 0 0;background-size: cover}
@media screen and (max-width: 767px) {
.plan_mapmenu {margin: 60px auto 30px;}
#body_plan h4{font-size: 14px;margin-bottom: 30px;margin-top: 50px; line-height: 1.9}
#body_plan h4 span{font-size: 20px;}
.plan_mapmenu .mapmenu{display: none;height: 0}
.plan_mapmenu .mapmenu:hover,
.plan_mapmenu .mapmenu.onover {opacity: 0;}
}


/*プラン　メニュー*/
.limitedplan_menu {}
.limitedplan_menu li img{ width:100%; height:auto;}
.limitedplan_menu li.comming{pointer-events: none}
.limitedplan_menu li.comming::after{position: absolute;background:url("../images/plan/comming.svg") center center;background-size: cover;
  content: "";  width: 100%;  height: 100%;  top: 0;  bottom: 0;  right: 0;  left: 0;}
.limitedplan_menu li{position: relative; text-align: center;width: 23%;padding: 20px;margin-bottom: 30px;background: #fff;border: 1px solid #666;box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;}
.limitedplan_menu li.pc{background: none}
.limitedplan_menu li div{width: 100%;margin: 12px auto 0}
.limitedplan_menu li p{position: absolute;right: 0;top: 0;font-size: 13px}
#body_plan .notice{text-align: left;}

@media screen and (max-width: 767px) {
.limitedplan_menu ul {width: 100%;margin: auto}
.limitedplan_menu li ,.limitedplan_menu li.premium{text-align: center;width: 48%; }

#body_plan .notice{text-align: left; font-size: 11px;}

}

/*===============================================================================
===============================================================================*/
@media print {/*印刷設定*/
.print{display: block;}
#body_plan .body_area_inner{width: 96%;margin: auto}
}