@charset "utf-8";

/**完売関連**/
.btns_sout{	padding-top: 2em; text-align: center; font-size: 2rem; padding-bottom: 1em;}
.btns_sout .btn_list{ padding-top: 1.5em;}
.btns_sout .btn_list a.comm_btn{}


/**ロケーション**/
#loca_sec{}
#loca_sec dl {}
#loca_sec dl dt{}
#loca_sec dl dd{}

#loca_sec dl dd #acc_train{}
#loca_sec dl dd #acc_train .location_photo{ margin-bottom: 5em;}
#loca_sec dl dd #acc_bus{ padding-top: 4em;}



#loca_sec dl dd .location_photo{ width: 100%; height: auto;}
#loca_sec dl dd figcaption{	text-align: left; padding-top: 0.75em;}
.routemap_box{ margin-bottom:2em;}
.routemap_box img{ width: 100%;	height: auto;}
#loca_sec dl dd .ccopy{
	font-size: 24px;
	text-align: left;
	padding-bottom: 2em;
	font-weight: bold;
}
#loca_sec dl dd .ratio_55-45 + .ccopy{
	padding-top: 2em;
}

#loca_sec dl#acc_lifeinfo{ padding-top: 20px;}


/**モデルルーム**/
#model_sec dl dd .model_photo img{ width: 100%; height:auto; }
#model_sec dl dd .def_txt{ }
.onesl_box{	width: 1000px; margin-left: auto; margin-right: auto;}
.onebuild_sl{
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	width: calc(100% - 116px);
	position: relative;
}
.onebuild_sl img{ width: 100%; height: auto;}
.onebuild_sl p{
    background-color: rgba(0,0,0,0.50);
    position: absolute;
    bottom: 0px;
    right: 0px;
    left: 0px;
    display: block;
    width: 100%;
    padding-bottom: 14px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    font-size: 1.4rem;
    line-height: 1.4em;
    text-align: left;
    color: rgba(255,255,255,1.00);
    font-weight: normal;
    letter-spacing: normal;
}

.onebuild_thm{ width: calc(100% - 116px); margin-left: auto; margin-right: auto;}
.onebuild_thm img{ width: 100%; height: auto;}
.onebuild_thm .slick-slide{ padding: 10px; position: relative; outline: none!important;}
.onebuild_thm .slick-slide.slick-current:after{	content: ""; width: calc(100% - 30px); height: calc(100% - 30px); position: absolute; border: 5px solid #000000; top: 10px;	left: 10px;}

.onebuild_thm button.slick-prev{
    border-style: none;
    width: 24px;
    display: none;
    cursor: pointer;
    text-indent: -9999px;
    background-color: rgba(0,0,0,0.50);
    position: absolute;
    z-index: 1000;
    height: 84px;
    border-radius: 0px;
    top: 0px;
    left: 0px;
    bottom: 0px;
    margin: auto;
    min-width: auto;
}
.onebuild_thm button.slick-next {
    border-style: none;
    display: none;
    cursor: pointer;
    text-indent: -9999px;
    position: absolute;
    right: 0px;
    z-index: 1000;
    height: 84px;
    background-color: rgba(0,0,0,0.50);
    width: 24px;
    border-radius: 0px;
    top: 0px;
    bottom: 0px;
    margin: auto;
    min-width: auto;
}
.onebuild_thm button.slick-prev:after {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    display: block;
    top: 0px;
    bottom: 0px;
    background-image: url(../../../com/img/comm_arrWH01.svg);
    background-repeat: no-repeat;
    margin: auto;
    background-size: 100% auto;
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    left: 0px;
}
.onebuild_thm button.slick-next:after {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    display: block;
    top: 0px;
    bottom: 0px;
    background-image: url(../../../com/img/comm_arrWH01.svg);
    background-repeat: no-repeat;
    margin: auto;
    background-size: 100% auto;
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    right: 0px;
}


#room_list { padding-top: 60px; text-align: left; line-height: 2em;}
#room_list h4{ font-size: 1.6rem; padding-bottom: 1em;}
#room_list h5{ font-size: 3.5rem;	padding-top: 0.5em;	border-bottom: 1px solid #000000; margin-bottom: 0.5em;}
#room_list h5 small{ font-size: 50%; margin-left: 0.3em; margin-right: 0.3em;}
#room_list a.fplan{ display: block; width: 100%; position: relative; }
#room_list a.fplan img{ width: auto; position: absolute; top: 0px; bottom: 0px;	left: 0px;	margin: auto; right: 0px; height: 90%;}
#room_list a.fplan:before{ content: ""; display: block; padding-top: 100%;}
#room_list a.fplan:after{ content: ""; background-repeat: no-repeat; background-image: url(../../../com/img/comm_zoom01.svg); width: 40px; height: 40px; position: absolute; bottom: 30px; right: 30px; background-size: 100% auto;}
.vr_box {
	text-align: left;
	display: inline-block;
	margin-top: 0.5em;
}
.vr_link {
	display: inline-block!important;
	margin-left: auto;
	margin-right: auto;
	font-size: 1.4rem;
	border: 1px solid #395775;
	padding-top: 0px;
	padding-right: 10px;
	padding-left: 0px;
	padding-bottom: 0px;
	border-radius: 6px;
	background-color: #FFFFFF;
	width: auto;
	line-height: 1em;
}
.vr_link:before {
	content: "";
	background-color: #395775;
	height: 2em;
	display: inline-block;
	width: 40px;
	vertical-align: middle;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	margin-right: 6px;
	background-image: url(../../../com/img/comm_vr01.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 90% auto;
	line-height: 1em;
}

#model_sec .atten{
	font-size: 16px;
	padding-top: 3em;
	line-height: 1.6em;
}

#model_sec dl dd .design_photo img{ display: block; width: 100%; }

#room_list>li { width: 45%!important;  margin-right: 10%!important;}
#room_list>li:last-child { margin-right: 0%!important;}

/**デザイン**/
#design_sec dl dd .design_photo img{ display: block; width: 100%; }
#design_sec dl dd .def_txt{}
#design_sec dl dd .oview_name{ border-style: none; margin-bottom: 0px;}

/**設備仕様**/
#facility_sec dl dd .facility_photo img{ display: block; width: 100%; }
li.facility_mid .oview_name{ font-weight: bold;}
#facility_sec dl dd .oview_name { }

.area_name{
	font-size: 24px;
	padding-bottom: 2.5em;
	font-weight: bold;
	padding-top: 0.5em;
}
.area_name small{
	display: block;
	font-size: 16px;
	padding-top: 1.5em;
	font-weight: normal;
}


/**物件概要**/
a.accord_btn{ cursor: pointer;}
a.accord_btn:before{content:"もっと詳しく";}
a.accord_btn:after { -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg);}
a.accord_btn + .outline_box{ display: none; margin-top: 2em;}
a.accord_btn.opened:after{ -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg);}
a.accord_btn.opened:before{content:"閉じる";}

#outline_sec{}
ul.outline_box {}
ul.outline_box li{ display: flex; border-bottom: 1px solid #c2c2c2;	padding-top: 1em; padding-bottom: 1em; text-align: left;}
ul.outline_box li .ol_name{ width:15%;}
ul.outline_box li .ol_info{ width:85%;}

ul.outline_box li .ol_info ul.toroku_license{display: flex; flex-wrap: wrap; padding-top: 0.5em;}
ul.outline_box li .ol_info ul.toroku_license li{padding-bottom: 0.25em; border-bottom-style: none; padding-top: 0;}
ul.outline_box li .ol_info ul.toroku_license li:nth-child(3n+1){width: 11em;}
ul.outline_box li .ol_info ul.toroku_license li:nth-child(3n+2){width: 1em;}
ul.outline_box li .ol_info ul.toroku_license li:nth-child(3n){width:calc(100% - 12em);}

/**lightcase上書き**/
html[data-lc-type=image] #lightcase-content .lightcase-contentInner{
	background-color: #FFFFFF;
}

@media only screen and (max-width: 760px) {

/**完売関連**/
.btns_sout{	text-align: left; font-size: 1.4rem; padding-bottom: 1em;}
.btns_sout .btn_list{ text-align: center}
.btns_sout .btn_list a.comm_btn{}

/**ロケーション**/

#loca_sec dl dd #acc_train .location_photo {
    margin-bottom: 2em;
}
#loca_sec dl dd h3.ccopy{
	font-size: 20px;
	text-align: center;
}

#loca_sec .ratio_55-45+.ratio_55-45,
#loca_sec .colspa_02-sp100per + .colspa_02-sp100per{
	padding-top: 3em;
}

#loca_sec dl dd #acc_train ul[class*="sp100per"]>li + li{ margin-top: 0!important; }

/**モデルルーム**/
#model_sec .atten{
	font-size: 12px;
}

#obje_index #model_sec ul[class*="sp100per"]>li + li{
	/*margin-top: 0px!important;*/
}

.onesl_box{	width:100%;}
.onebuild_sl{ width: calc(100%); margin-bottom: 4px;}
.onebuild_sl p{	font-size: 1.2rem;padding: 1em;}
.onebuild_thm{width: 100%;}
.onebuild_thm .slick-slide{ padding: 4px;}
.onebuild_thm .slick-slide.slick-current:after{	content: ""; width: calc(100% - 16px); height: calc(100% - 16px); position: absolute; border: 4px solid #000000; top: 4px;	left: 4px;}
.onebuild_thm button.slick-prev,.onebuild_thm button.slick-next{
	height: 38px;
}
#room_list{ font-size: 1.2rem;}
#room_list h4{ font-size: 1.5rem;}
#room_list h5{ font-size: 2.5rem;}
#room_list h5 small{ }
#room_list>li { width: 100%!important;  margin-right: 0%!important;}

.vr_link {
	font-size: 1.2rem;
}


/**デザイン**/
#design_sec dl dd .def_txt{	}
#design_sec dl dd .colspa_02-sp100per + .colspa_04{	padding-top: 2em;}

/**設備仕様**/
li.facility_mid { width: 100%!important; margin-right: 0px; margin-left: 0px;}
.area_name{
	font-size: 16px;
	padding-bottom: 2.5em;
	padding-top: 0em;
}
.area_name small{
	font-size: 14px;
	padding-top: 1em;
}


ul[class*="colspa_"] + .area_name{
	padding-top: 2em;
}

/**物件概要**/
ul.outline_box li .ol_name{ width:90px;}
ul.outline_box li .ol_info{ width:calc(100% - 90px)}

ul.outline_box li .ol_info ul.toroku_license{}
ul.outline_box li .ol_info ul.toroku_license li{}
ul.outline_box li .ol_info ul.toroku_license li:nth-child(3n+1){width: auto;}
ul.outline_box li .ol_info ul.toroku_license li:nth-child(3n+2){}
ul.outline_box li .ol_info ul.toroku_license li:nth-child(3n){width:100%; padding-bottom: 0.5em;}
}