@charset "UTF-8";
/*
間取り
*/
   a.anker{
   display:block;z-index: -1;
   margin-top:-110px;
   padding-top:110px;
}

.pages_main_image{height:auto;position: relative;}
.pages_main_image .images{width: 100%;height: auto;min-width: 1200px;height: 300px!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: 3px 3px 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: 100px!important;}
.pages_main_image p{width: 98%;font-size: 10px; }
.pages_main_image .inner{display: none}
}

figcaption{text-shadow: 0 0 5px rgba(0,0,0,1);}
figcaption.black{text-shadow: 0 0 5px rgba(255,255,255,1);}
.body_area img{width: 100%;height: auto}

.body_area{padding: 80px 0}
.body_area h2{font: 22px;letter-spacing: 0.3em;font-weight: normal}
.body_area h2 span{font-size: 34px;color: #a7901f}
.body_area h3{font-size: 30px;letter-spacing: 0.1em;font-weight: normal;margin-top: 60px}
@media screen and (max-width: 767px) {/*スマホ設定*/
.body_area{padding: 40px 0}
.body_area h2{font: 18px;}
.body_area h2 span{font-size: 25px;}
.body_area h3{font-size: 18px;margin-top: 30px}
}

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

/*プラン　リンク付きmap*/
.plan_mapmenu {position: relative;width: 985px;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:162px;left:79px;width:80px;height:245px; background:#94897c;mix-blend-mode: multiply;}
#mapmenu_type_b{top:162px;left:158px;width:80px;height:245px; background:#94897c;mix-blend-mode: multiply;}
#mapmenu_type_i{top:0px;left:747px;width:80px;height:407px; background:#94897c;mix-blend-mode: multiply;}
@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 {padding: 60px 0}
.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: url("../images/design/bg.jpg") no-repeat;background-size: cover;}
.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;}
@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: 30px 20px 30px;}
#body_plan .notice{font-size: 11px;}
}

.seinou{width: 452px;margin: 80px auto 0}
.jinun{width: 1000px;margin: 80px auto 0}

@media screen and (max-width: 767px) {
.seinou{width: 90%;margin: 40px auto 0}
.jinun{width: 90%;margin: 40px auto 0}
#footer_contents_menu_area {padding-top: 0}
}

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