@charset "UTF-8";

/* ---------------------------------------------------------------------
 * 間取り詳細ページ
 * --------------------------------------------------------------------- */
 #plan .bgplan{background: linear-gradient(to bottom,  #928c70 0%,#ffffff 50%,#ffffff 50%);}
 
.pages_main_title{height:auto;position: relative;}
.pages_main_title .inner{position: absolute;left: 0;right: 0;margin: auto;top: 0}
.pages_main_title .inner2{width: 1200px;margin: auto;text-align: center;position: relative;}
.pages_main_title .inner2 h2{position: relative;top: -44px; color: #fff;font-weight: normal;font-size: 100px;letter-spacing: 0.2em}
.pages_main_title .inner2 img{width: 100%;height: auto}
.pages_main_title .inner2 .menseki{width: 55%;text-align: left}
.pages_main_title .inner2 .floor{width: 500px}
.pages_main_title .inner2 .menseki h3{width: 80%;padding-bottom: 20px}
.pages_main_title .inner2 .menseki dt{font-size: 19px;margin-top: 20px; margin-bottom: 6px}
.pages_main_title .inner2 .menseki dd{font-size: 14px}
@media screen and (max-width: 767px) {/*スマホ設定*/
.pages_main_title .inner2{width: 90%;}
.pages_main_title .inner2 h2{top: -30px; font-size: 70px;}
.pages_main_title .inner2 .menseki{width: 100%;}
.pages_main_title .inner2 .floor{display: none}
.pages_main_title .inner2 .menseki h3{width: 100%;}

.pages_main_title .inner2 .menseki dt{font-size: 16px;margin-top: 20px; margin-bottom: 6px}
.pages_main_title .inner2 .menseki dd{font-size: 12px}
}

/* 詳細 */
#body_roomplan img{max-width: 100%;height: auto}
#body_roomplan a:hover{opacity: 0.8}
#body_roomplan{margin-top: 70px}
#body_roomplan .box{background: #fff;box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;padding: 80px 0;box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;}
#body_roomplan .mark{text-align: right;padding-right: 30px}
#body_roomplan .mark img{width: 30%}
#body_roomplan .mark2{text-align: right;padding-right: 30px}
#body_roomplan .mark2 img{width: 40%}

@media screen and (max-width: 767px) {/*スマホ設定*/
#body_roomplan{margin-top: 40px}
#body_roomplan .box{padding: 30px 0}
#body_roomplan .mark img{width: 40%}
#body_roomplan .mark2 img{width: 50%}
#body_roomplan .floor{width: 60%;margin: 30px auto 0}
}

/* 鳥かご */
#roomplan_detail_floorBox {position: relative;text-align:left;margin: 0px auto 40px;}
#roomplan_detail_floorBox .floors {  position: absolute;  cursor: pointer;  opacity: 0;  -webkit-transition: opacity 0.25s linear;  -o-transition: opacity 0.25s linear;  transition: opacity 0.25s linear;}
#roomplan_detail_floorBox .floors:hover,
#roomplan_detail_floorBox .floors.onover {  opacity: 1;}
#roomplan_detail_floorBox .floors a {  display: block;  height: 100%;}

#roomplan_detail_floorBox #type_b{top:52px;left:81px;width:54px;height:324px;background: URL("../images/plan/detail/roomplan_floors_b.svg") no-repeat 0 0;background-size: cover}
#roomplan_detail_floorBox #type_h{top:52px;left:439px;width:54px;height:324px;background: URL("../images/plan/detail/roomplan_floors_h.svg") no-repeat 0 0;background-size: cover}
#roomplan_detail_floorBox #type_l{top:24px;left:185px;width:99px;height:22px;background: URL("../images/plan/detail/roomplan_floors_l.svg") no-repeat 0 0;background-size: cover}
#roomplan_detail_floorBox #type_n{top:24px;left:394px;width:99px;height:22px;background: URL("../images/plan/detail/roomplan_floors_n.svg") no-repeat 0 0;background-size: cover}

#roomplan_detail_floorBox #type_b.s2{top:52px;left:37px;width:54px;height:324px;background: URL("../images/plan/detail/roomplan_floors_b.svg") no-repeat 0 0;background-size: cover}
#roomplan_detail_floorBox #type_h.s2{top:52px;left:396px;width:54px;height:324px;background: URL("../images/plan/detail/roomplan_floors_h.svg") no-repeat 0 0;background-size: cover}
#roomplan_detail_floorBox #type_l.s2{top:24px;left:142px;width:99px;height:22px;background: URL("../images/plan/detail/roomplan_floors_l.svg") no-repeat 0 0;background-size: cover}
#roomplan_detail_floorBox #type_n.s2{top:24px;left:351px;width:99px;height:22px;background: URL("../images/plan/detail/roomplan_floors_n.svg") no-repeat 0 0;background-size: cover}

@media screen and (max-width: 767px) {/*スマホ設定*/

}

/* ボタン */
.roomplan_detail_btns{margin: 80px 0}
.roomplan_detail_btns p.roomplan_detail_print {	width: 380px;}
.roomplan_detail_btns p.roomplan_detail_close {width: 380px;}
@media screen and (max-width: 767px) {/*スマホ設定*/
.roomplan_detail_btns{margin: 30px 0}
.roomplan_detail_btns p.roomplan_detail_close {width: 80%;}
}

/* 次へ／前へ */
.flex--between{/*両端揃え*/-webkit-box-pack:justify;  -ms-flex-pack:justify;  justify-content:space-between;}
.roomplan_detail_navi_prev {width: 256px;}
.roomplan_detail_navi_next {width: 256px;}
@media screen and (max-width: 767px) {/*スマホ設定*/
.roomplan_detail_navi_prev,
.roomplan_detail_navi_next{width: 40%}
}

/*===============================================================================
===============================================================================*/
@media screen and (max-width: 767px) {/*スマホ設定*/


#roomplan_detail_floorBox {width: 50%;margin:0px auto}
#roomplan_detail_floorBox .floors a{display: none}
#roomplan_detail_floorBox .floors{display: none}


}

/*===============================================================================
===============================================================================*/
@media print {/*印刷設定*/

#roomplan_area .box_plan a:before,
#main_title_plan,
.roomplan_detail_btns,.roomplan_detail_navi_prev,.roomplan_detail_navi_next {display: none;}
#body_roomplan .box_plan a img {width: 100%;}
#body_roomplan .body_area_inner{width: 80%;margin: auto}

}