@charset "UTF-8";
/* ---------------------------------------------------------------------
 * コンセプトページ
 * --------------------------------------------------------------------- */
.pages_main_image{background:#f0eae6;height: auto}
#body_2ldk{background:#f0eae6;padding: 0px 0 0}
#body_2ldk .osusume{margin-top: 80px;padding-bottom: 80px;border-bottom: 1px solid #a35551}
#body_2ldk .osusume dt{margin-right: 30px}
#body_2ldk .osusume dd{text-align: left;font-size: 24px;line-height: 2}
#body_2ldk .osusume dd h2{color: #a35551;font-size: 42px;letter-spacing: 0.1em;}
#body_2ldk .osusume h3{font-size: 33px;color: #a35551;letter-spacing: 0.1em;}
#body_2ldk .osusume .copy{font-size: 20px;letter-spacing: 0.1em;line-height: 2;padding-top: 30px}

@media screen and (max-width: 767px) {/*スマホ設定*/
#body_2ldk .osusume{width: 96%;margin: auto;margin-top:30px;padding-bottom:30px;}
#body_2ldk .osusume dt{margin-right: 0px;width: 70%;margin: auto;margin-bottom: 12px;}
#body_2ldk .osusume dd{font-size: 14px;line-height: 2;width: 100%;text-align: center}
#body_2ldk .osusume dd h2{font-size: 20px;}
#body_2ldk .osusume h3{font-size:18px;}
#body_2ldk .osusume .copy{font-size: 15px;}
}

.osusume1 .zu{padding: 50px 0}
#body_2ldk .osusume.osusume1 h3{margin-bottom: 20px}
.osusume1 li,
.osusume3 li{width: 31%}
.osusume1 li img,
.osusume3 li img,
.osusume4 li img{width: 100%;height: auto}

.osusume2 .zu{padding: 50px 0 0}

.osusume4 ul{margin-top: 50px}

#body_2ldk .osusume.osusume3 h3,
#body_2ldk .osusume.osusume5 h3{margin: 50px 0 20px;font-size: 27px;  display: flex;    justify-content: center;    align-items: center;}
#body_2ldk .osusume.osusume3 h3::before,#body_2ldk .osusume.osusume3 h3::after,
#body_2ldk .osusume.osusume5 h3::before,#body_2ldk .osusume.osusume5 h3::after {
    content: "";    background-color: #a35551;    height: 3px;    width: 40px;}
#body_2ldk .osusume.osusume3 h3::before,
#body_2ldk .osusume.osusume5 h3::before{
    margin-right: 5px;    transform: rotate(60deg); }
#body_2ldk .osusume.osusume3 h3::after,
#body_2ldk .osusume.osusume5 h3::after{
    margin-left: 5px;    transform: rotate(-60deg); }


.osusume4 li{width: 48%}
.osusume4 li p{text-align: left;margin-top: 10px;}
#body_2ldk .osusume.osusume5{border-bottom:none}

@media screen and (max-width: 767px) {/*スマホ設定*/
.osusume1 li,
.osusume3 li{width: 80%;margin: 12px auto}
#body_2ldk .osusume.osusume3 h3,
#body_2ldk .osusume.osusume5 h3{font-size: 15px;}
}


.box{background: #fff;padding: 50px 0}
.tab-container{width: 50%;margin: auto;padding-bottom: 30px}
.tab-container .tab{width: 48%;cursor: pointer}
.tab img {filter: grayscale(100%);opacity: 0.7}
.tab.active img {        filter: grayscale(0%);opacity: 1      }
.content {  display: none; }
.content.show {  display: block; }

@media screen and (max-width: 767px) {/*スマホ設定*/
.box{overflow: hidden}
.tab-container{width: 100%;}
.imgDiv {

}
/*===========
scrollbar
===========*/
/*スクロールバー全体の高さ*/
.scroll-box::-webkit-scrollbar {
  height: 4px;
}
/*スクロールバー全体の背景*/
.scroll-box::-webkit-scrollbar-track {
  background: #eee;
}
/*スクロールバーの動く部分*/
.scroll-box::-webkit-scrollbar-thumb {
  background: #aaa;
  border: none;
}
/*スクロールバーの動く部分のホバー（マウスオーバー）*/
.scroll-box::-webkit-scrollbar-thumb:hover {
  background: #999;
}
}


#body_2ldk .osusume.osusume5 .roomplan_detail_payment {width: 1200px;margin: 0px 0 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;text-align: left;}
#body_2ldk .osusume.osusume5 .roomplan_detail_payment .st1{text-align: center;width: 20%;color:#8B816C;}
#body_2ldk .osusume.osusume5 .roomplan_detail_payment .st2{width: 76%;color:#8B816C;}
#body_2ldk .osusume.osusume5 .roomplan_detail_payment .st2 dd{width: 60%;}
#body_2ldk .osusume.osusume5 .roomplan_detail_payment dt{margin-right: 0px}
#body_2ldk .osusume.osusume5 .roomplan_detail_payment dd{text-align:center;font-size: 14px;line-height: 2}
#body_2ldk .osusume.osusume5 .roomplan_detail_payment h3{padding-top: 60px;padding-bottom: 20px}
@media screen and (max-width: 767px) {/*スマホ設定*/
#body_2ldk .osusume.osusume5 .roomplan_detail_payment {width: 100%;}
#body_2ldk .osusume.osusume5 .roomplan_detail_payment .st1,
#body_2ldk .osusume.osusume5 .roomplan_detail_payment .st2,
#body_2ldk .osusume.osusume5 .roomplan_detail_payment dt,
#body_2ldk .osusume.osusume5 .roomplan_detail_payment .st2 dd{width: 100%;}
}
@media print{
.body_area_inner{width: 96%;margin: auto}
#body_2ldk img{max-width: 100%;height: auto}

}