@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_roomplan{margin: 100px 0 60px}
#body_roomplan img{width: 100%;height: auto}
#body_roomplan dt{text-align: left}
#body_roomplan dt h2{width: 80%}
#body_roomplan dt h3{font-size:32px;letter-spacing: 0.1em;line-height: 1.9; margin: 60px 0;font-weight: normal }
#body_roomplan dt .point p{margin-top: 20px; font-size:22px;line-height: 1.9; margin-left: 1em;text-indent: -1em;width: 80%; }
#body_roomplan .mark{text-align: right;padding-top: 20px;}
#body_roomplan .mark img{width: 90%}


@media screen and (max-width: 767px) {/*スマホ設定*/
#body_roomplan{margin: 50px 0 30px}
#body_roomplan .col2{width: 80%;margin: auto}
#body_roomplan dt h2{width: 80%}
#body_roomplan dt h3{font-size:18px;margin: 30px 0;}
#body_roomplan dt .point p{margin-top: 20px; font-size:14px;line-height: 1.9; width: 100%; }
#body_roomplan dd.col2{margin: 40px auto}
}

/* 鳥かご */
#roomplan_detail_floorBox {width:600px;  position: relative;text-align:left;margin: 60px 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_a{top:0px;left:41px;width:47px;height:304px;background: URL("../images/plan/roomplan_floors_a.svg") no-repeat 0 0;background-size: cover}
#roomplan_detail_floorBox #type_d{top:0px;left:181px;width:47px;height:304px;background: URL("../images/plan/roomplan_floors_d.svg") no-repeat 0 0;background-size: cover}
#roomplan_detail_floorBox #type_e{top:0px;left:227px;width:47px;height:304px;background: URL("../images/plan/roomplan_floors_e.svg") no-repeat 0 0;background-size: cover}
#roomplan_detail_floorBox #type_k{top:0px;left:506px;width:47px;height:304px;background: URL("../images/plan/roomplan_floors_k.svg") no-repeat 0 0;background-size: cover}


@media screen and (max-width: 767px) {/*スマホ設定*/
#roomplan_detail_floorBox {width: 80%;margin:0px auto}
#roomplan_detail_floorBox .floors a{display: none}
#roomplan_detail_floorBox .floors{display: none}
}


/* ボタン */
.roomplan_detail_btns {    width: 820px;    margin: 0 auto 0px auto;}
.roomplan_detail_btns p img{width: 100%;height: auto}
.roomplan_detail_btns p.roomplan_detail_print {	float:right;  width: 400px;  height: 64px;}
.roomplan_detail_btns p.roomplan_detail_close {	float:left;  width: 400px;  height: 64px;}
.roomplan_detail_btns p.roomplan_detail_print a {  background: url(../images/plan/detail/detail_print_ov.svg) no-repeat 0 0;  display: block; background-size: cover; height: 64px;  width: 400px;}
.roomplan_detail_btns p.roomplan_detail_close a {  background: url(../images/plan/detail/detail_back_ov.svg) no-repeat 0 0;  display: block; background-size: cover;  height: 64px;  width: 400px;}
.roomplan_detail_btns p.roomplan_detail_print a:hover img,
.roomplan_detail_btns p.roomplan_detail_close a:hover img {  display: none;}



.roomplan_detail_navi_prev {    position: fixed;    top: 50%;    left: 0;    margin-top: -58px;    z-index: 100;}
.roomplan_detail_navi_next {    position: fixed;    top: 50%;    right: 0;    margin-top: -58px;    z-index: 100;}


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

/* ボタン */
.roomplan_detail_btns {  width: 80%;  margin: 20px auto 0;}
.roomplan_detail_btns p.roomplan_detail_close a,
.roomplan_detail_btns p.roomplan_detail_close img {  width: 100%;height: auto;  background: none;}
.roomplan_detail_btns p.roomplan_detail_close {  float:none;  width: 100%;}
.roomplan_detail_btns p.roomplan_detail_close a:hover img {  display: block;}

.roomplan_detail_navi_prev,
.roomplan_detail_navi_next {width: 45px;}
.roomplan_detail_navi_prev img,
.roomplan_detail_navi_next img {width: 100%;height: auto}

.roomplan_detail_navi_prev {    position: fixed;    top: 50%;    left: 0;    margin-top: -58px;    z-index: 100;    width: 30px;    height: 58px;}
.roomplan_detail_navi_next {    position: fixed;    top: 50%;    right: 0;    margin-top: -58px;    z-index: 100;    width: 30px;    height: 58px;}



}
/*===============================================================================
===============================================================================*/
@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}

}

/* タブ */
.roomplan_detail_menu {width: 60%;font-size: 0;text-align: center;margin: 0px auto 60px}
.roomplan_detail_menu li{display: inline-block;margin-left: 1%;margin-right: 1%;font-size: 15px;border: 1px solid #fff; background: #fff;position: relative;margin-bottom: 20px;border-radius: 4px;}

.roomplan_detail_menu li.act{background: #938c6c}
.roomplan_detail_menu a{color: #938c6c;display: block}
.roomplan_detail_menu.t3 li{width: 30%;}
.roomplan_detail_menu.t2 li{width: 47%;}
.roomplan_detail_menu.t4 li{width: 23%;}
.roomplan_detail_menu li.act{border: 1px solid #fff;}
.roomplan_detail_menu li.act a{color: #fff;}
.roomplan_detail_menu li.act:after{content: "";  position: absolute;  right: 0;  bottom: -10px;  left: 0;  width: 0px;  height: 0px;  margin: auto;  border-style: solid;  border-color: #fff transparent transparent transparent;border-width: 10px 10px 0 10px;}


.roomplan_detail_menu li a{display: block;padding: 20px 0;}
@media screen and (max-width: 767px) {/*スマホ設定*/
/* タブ */
.roomplan_detail_menu {margin: 10px auto;width: 100%}
.roomplan_detail_menu li{font-size: 13px;}
.roomplan_detail_menu li a{display: block;padding: 10px 0;}

}

.breadcrumb{z-index: 2}