@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;object-position: bottom center;}
.pages_main_image p{position: absolute;width: 1200px;margin: auto;text-align: right;color: #fff;font-size: 11px; right: 0px;left: 0; bottom: 10px;text-shadow: 0 0 5px rgba(0,0,0,1);}
.pages_main_image .inner{position: absolute;width: 1200px;left: 0;right: 0;top: 0; margin: auto}

@media screen and (max-width: 767px) {/*スマホ設定*/
.pages_main_image .images{min-width: 100%;height: 250px!important;}
.pages_main_image p{width: 98%;font-size: 10px; }
.pages_main_image .inner{display: none}
}

#body_plan {padding: 100px 0 0;background: url("../images/plan/bg1.jpg") no-repeat center top;background-size: contain}
#body_plan img{width: 100%;height: auto}
#body_plan h2{color: #756f6c;font-size: 2rem;letter-spacing: 0.2em;text-indent: -0.2em; line-height: 2; font-weight: normal;}

@media screen and (max-width: 767px) {/*スマホ設定*/
#body_plan {padding: 40px 0 0;}
#body_plan h2{font-size: 18px;line-height: 1.8}

}

/*プラン　リンク付きmap*/
.plan_mapmenu {position: relative;width: 1180px;margin: 60px auto}
.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:810px;width:54px;height:490px; background:url("../images/plan/roomplan_floors_a.svg") no-repeat;background-size: cover}
#mapmenu_type_b{top:0px;left:872px;width:54px;height:490px; background:url("../images/plan/roomplan_floors_b.svg") no-repeat;background-size: cover}
#mapmenu_type_c{top:0px;left:935px;width:54px;height:490px; background:url("../images/plan/roomplan_floors_c.svg") no-repeat;background-size: cover}
#mapmenu_type_d{top:0px;left:999px;width:54px;height:490px; background:url("../images/plan/roomplan_floors_d.svg") no-repeat;background-size: cover}
#mapmenu_type_e{top:0px;left:1062px;width:54px;height:490px; background:url("../images/plan/roomplan_floors_e.svg") no-repeat;background-size: cover}
#mapmenu_type_f{top:0px;left:1126px;width:54px;height:455px; background:url("../images/plan/roomplan_floors_f.svg") no-repeat;background-size: cover}
@media screen and (max-width: 767px) {
.plan_mapmenu{width: 90%;margin: 30px auto}
.plan_mapmenu .mapmenu{display: none;height: 0}
.plan_mapmenu .mapmenu:hover,
.plan_mapmenu .mapmenu.onover {opacity: 0;}
}



/*プラン　メニュー*/
.limitedplan_menu {background: url("../images/design/bg.jpg") no-repeat;background-size: cover;color: #fff;padding: 60px 0}
#body_plan .limitedplan_menu h2{color: #fff}
.limitedplan_menu li img{ width:100%; height:auto;}
.limitedplan_menu li {text-align: center;padding: 30px; box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;margin-top: 30px;background: #fff}
.limitedplan_menu li div{width: 100%;margin: 20px auto 0;}
.limitedplan_menu li a.close{pointer-events: none;opacity: 0.5}
#body_plan .notice{text-align: right;margin-top: 30px;}
.no-link{pointer-events: none;  cursor: default;}

@media screen and (max-width: 767px) {
.limitedplan_menu {width: 100%;margin: auto;padding: 30px 0}
.limitedplan_menu ul{width: 80%;margin: auto}
.limitedplan_menu li.col3{width: 100%}
.limitedplan_menu li {padding: 20px;}
#body_plan .notice{font-size: 11px;}
}

@media screen and (max-width: 767px) {

#footer_contents_menu_area {padding-top: 0}
}

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