@charset "UTF-8";
/*
間取り
*/
.pages_main_image{height:auto;position: relative}
.pages_main_image .images{width: 100%;height: auto;min-width: 1200px;}
.pages_main_image .inner{position: absolute;left: 0;right: 0;margin: auto;top: 0}
#body_plan{background: #e6e6e6;padding: 80px 0}
#body_plan .body_area_inner{position: relative}


picture{position: relative;display: block}
figcaption{width: 96%;position: absolute;left: 0;right: 0;margin: auto;bottom: 10px;text-align: right;font-size: 12px;color: #fff}
@media screen and (max-width: 767px) {/*スマホ設定*/
figcaption{font-size: 10px}
}

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

#body_plan .col2.img{width:73%}
#body_plan .img{margin-left: -22%;}
#body_plan .img img{width: 100%;height: auto}
#body_plan .col22{width: 515px}
.plan_mapmenu {position: relative;width: 515px}
.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%;}

#body_plan .point{width: 960px;margin: 30px auto;padding: 30px 0; border-bottom: 1px solid #000;border-top: 1px solid #000;}
#body_plan .point .col1{border-bottom: 1px solid #000;padding-bottom: 30px;margin-bottom: 30px}
@media screen and (max-width: 767px) {
#body_plan .col2.img{width:100%}
#body_plan .img{margin-left: 0%;}


#body_plan .point{width: 96%;}
#body_plan .point .col2{width: 100%}
#body_plan .point div:nth-child(2){border-bottom: 1px solid #000;padding-bottom: 30px;margin-bottom: 30px}
}


#mapmenu_type_a{top:0px;left:77px;width:103px;height:723px;background: URL("../images/plan/roomplan_floors_a.svg") no-repeat 0 0;background-size: cover}
#mapmenu_type_d{top:0px;left:412px;width:103px;height:779px;background: URL("../images/plan/roomplan_floors_d.svg") no-repeat 0 0;background-size: cover}
#mapmenu_type_c{top:0px;left:300px;width:101px;height:779px;background: URL("../images/plan/roomplan_floors_c.svg") no-repeat 0 0;background-size: cover}


#mapmenu_type_b{top:0px;left:189px;width:101px;height:779px;background: URL("../images/plan/roomplan_floors_b.svg") no-repeat 0 0;background-size: cover}

#mapmenu_type_d1{top:785px;left:412px;width:103px;height:50px;background: URL("../images/plan/roomplan_floors_d1.svg") no-repeat 0 0;background-size: cover}
#mapmenu_type_c1{top:785px;left:300px;width:101px;height:50px;background: URL("../images/plan/roomplan_floors_c1.svg") no-repeat 0 0;background-size: cover}


/*プラン　メニュー*/
.limitedplan_menu {width: 940px;margin:50px auto}

.limitedplan_menu li img{ width:100%; height:auto;}
.limitedplan_menu li {/*
background: #0f3233;text-align: center;width: 450px;position:relative;  -webkit-transition: 0.3s ease-out;  -moz-transition: 0.3s ease-out;  -o-transition: 0.3s ease-out;  transition: 0.3s ease-out;padding-bottom: 40px;margin-bottom: 40px;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;*/
width:30%;margin-bottom: 30px;position: relative
}
.limitedplan_menu ul::after {
display: block;
content:"";
width: 30%;
}
.limitedplan_menu li a.close{pointer-events:none;-ms-filter:"alpha( opacity=50 )";filter:alpha(opacity=50);opacity:0.5;}
.limitedplan_menu li p{position: absolute;background: #ff0000;color: #fff;padding: 0 4px; font-size: 11px; top:-4px;right: -3px;display: inline-block}

.limitedplan_menu li p.icon2{position: absolute;background: #004ce8;color: #fff;padding: 0 4px; font-size: 11px; top:-4px;right: 100px;display: inline-block}
.limitedplan_menu li dt{margin-bottom: 20px}
.limitedplan_menu li dd{padding:0px 0px;margin-bottom: 12px;}
.limitedplan_menu li dd .close{}

@media screen and (max-width: 767px) {
#body_plan{padding: 40px 0}
#body_plan .body_area_inner{width: 96%;position: relative}
#body_plan .img{margin-left: 0%}
#body_plan .img img{width: 100%}
#body_plan .col2{width: 100%}
#body_plan .col22{width: 100%;margin: auto}
#body_plan .col22 img{width: 100%}
.plan_mapmenu {margin: 50px auto 0px;width:60%;}
.plan_mapmenu .mapmenu{display: none;height: 0}
.plan_mapmenu .mapmenu:hover,
.plan_mapmenu .mapmenu.onover {opacity: 0;}

.limitedbt{width: 90%;margin: auto}
.limitedplan_menu {width: 90%;margin:50px auto}
.limitedplan_menu li {width: 100%;margin: 0 auto 30px;padding-bottom:0px}
.limitedplan_menu li dd{}
}

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

.limitedbt:hover{opacity: 0.7}