@charset "UTF-8";
/* CSS Document */
/*アーキテックスの追加css*/

/*2023/11/14*/


#present-cap {
	width: 100%;
	margin: 0 0 1.5em 0;
	padding: 0 0 10% 0;
	vertical-align: middle;
}
/*sp表示*/
@media only screen and (max-width: 750px) {
#present-cap {
	width: 80vw;
	}
}


#present-cap p.cap_ttl{
	font-size: .9em;
	font-weight: bold;
	text-align: left;
	padding:1em 0 .5em 0;
}
#present-cap p.ue{
	margin:2em 0 0 0;
}

#present-cap ul li{
	font-size: .8em;
	text-align: left;
	padding:0 0 0 .8em;
	text-indent: -.8em;
}


/*2023/11/30*/
/*来場フォームのフッター*/
/*2023/12/11*/
/*資料請求フォームのフッター*/

.end_row_reserve,.end_row_request{
	width: 100vw;
	background:#fff;
	line-height:1.2;
	padding:10px 0;
	font-size:12px;
	text-align: center;
/*	margin-top:1%;*/
	display: block;
	}	


/*2024/01/11追加*/
/*mapAPIようのスタイル（元：common-style.cssの700・746行目）*/

/*sp*/
.gmap_API{
margin: 30px 0;
height:400px;
}

/*PC*/
.gmap_API{
margin: 60px 0;
overflow:hidden;
    -webkit-overflow-scrolling:touch;
    width:100%;
    height:400px;
}

/*吹き出しのpadding調整*/
.gm-style .gm-style-iw-c {
/*padding: 5px 7px !important;*/
}

/*×ボタンの表示*/
button.gm-ui-hover-effect{
	display: none !important;
}


/*2024/01/22追加*/
/*来場店舗*/
div.ALC_shoplist{
	text-align: left;
}
div.ALC_shoplist p.read{
	font-size: 1rem;
	display: block;
	clear: both;
	padding:30px 0;
	text-align: center;
}
div.ALC_shoplist ul{
	width: 100%;
}

div.ALC_shoplist ul li{
	display: inline-block;
	clear: both;
	vertical-align: top;
	list-style: none;
/*	padding: 5%;*/
	width: 47%;
/*	text-align: left;*/
	margin: 20px 0;
	}

div.ALC_shoplist ul li.left{
	margin-right: 5%;
	}
div.ALC_shoplist ul li p{
	font-size: .9em;
	line-height: 1.2rem;
	vertical-align: bottom;
	margin: 10px 0;
	}
div.ALC_shoplist ul li img{
	width: 100%;
	height: auto;
	margin: 10px 0;
	clear: both;
	border-radius: 10px;
	}
div.ALC_shoplist ul li p span.shop_name{
	font-size: 1.1rem;
	line-height: 1.3rem;
	vertical-align: bottom;
	font-weight:  bold;
	}
div.ALC_shoplist ul li p span.gglmap{
	font-size: .8em;
	display: inline-block;
	margin-top:10px; 
	}

/*sp表示*/
@media only screen and (max-width: 750px) {
	div.ALC_shoplist p.read{
	font-size: 1rem;
	display: block;
	clear: both;
	padding:10px 0;
	text-align: center;
	}
	div.ALC_shoplist ul li{
	display: inline-block;
	clear: both;
	vertical-align: top;
	list-style: none;
	width: 100%;
	margin: 20px 0;
	}
	div.ALC_shoplist ul li p span.shop_name{
/*
	border-left: 1px #000000 solid;
	padding-left: 15px;
*/
	display: inline-block;
	vertical-align: middle;
	font-size: 1.3rem;
	line-height: 1.7rem;
	font-weight: bold;
	margin-top: 5px;
	}
	div.ALC_shoplist ul li p span.gglmap{
	font-size: 1em;
	display: inline-block;
	margin-top:10px; 
	}
	div.ALC_shoplist ul li p{
	font-size: 1em;
	line-height: 1.5rem;
	vertical-align: bottom;
	margin: 10px 0;
	}
}

/*2024/01/22追加*/
/*店舗下TEL・タップ*/
div.atx_tel{
	width: 100%;
	text-align: center;
	}

div.atx_tel img.ds_pc{
	display: inline-block;
	width: 80%;
	text-align: center;
	clear: both;
	margin-top: 30px !important;
	}
div.atx_tel p{
	display: none;
	}
	

/*sp表示*/
@media only screen and (max-width: 750px) {
	div.atx_tel p{
	width: 100%;
	text-align: center;
	font-size: 1.2rem;
	font-weight:bold;
	display: inline-block;
	margin: 50px 0 10px;
	}
	div.atx_tel img.ds_pc{
	display: none;
	}

}


/*2024/07/04追加*/

ul.event{
	width: 100%;
	text-align: center;
	height: auto;
	margin: 0 0 80px 0;
}

ul.event li{
	display: inline-block;
	text-align: center;
	width:200px;
	font-size: 18px;
	padding:18px;
}

ul.event a li {
	text-decoration: none;
	color: inherit !important;
}


ul.event li.btn_event{
	margin:0 1% 0 1%;
	text-align: center;
	background: #888171;
	color: #ffffff !important;
}

ul.event li.btn_visit{
	margin:0 1% 0 1%;
	text-align: center;
	background: #edeacb;
	color: #000000 !important;
}

ul.event li.btn_mh{
	margin:0 1% 0 1%;
	text-align: center;
	background: #cccccc;
	color: #000;
	padding:18px 2%;
}

/*sp表示*/
@media only screen and (max-width: 750px) {

	ul.event{
		width: 100%;
		float: left;
		height: auto;
		margin: 0 0 50px 0;
	}

	ul.event li{
		display: inline-block;
		text-align: center;
		width:40%;
		font-size: 18px;
		padding:18px 2%;
	}

	ul.event li a{
		text-decoration: none;
		color: inherit !important;
	}


	ul.event li.btn_event{
		margin:0 1% 0 1%;
		text-align: center;
		background: #888171;
		color: #ffffff !important;
	}
	
	ul.event li.btn_visit{
		margin:0 1% 0 1%;
		text-align: center;
		background: #edeacb;
		color: #000000 !important;
	}

	ul.event li.btn_mh{
		margin:0 1% 0 1%;
		text-align: center;
		background: #cccccc;
		color: #000;
		padding:18px 2%;
	}
}

div.bnr_event{
	margin: 25px 0 40px 0;
	
}


/*2024/11/28追加 モデルハウス複数紹介*/

div .md_intro_OKZ,div .md_intro_TYK {
	display: block;
	min-height: 330px;
	margin-top: 20px 0;
	overflow: hidden;
}
div .md_intro_OKZ p.md_01 , div .md_intro_TYK p.md_01{
	float: left;
	display: inline-block;
	font-size: .9em;
	padding-top: 10px;
}
div .md_intro_OKZ img , div .md_intro_TYK img{
	float: left;
	display: inline-block;
}
div .md_intro_OKZ img{
	width: 60%;
}
div .md_intro_OKZ p{
	width: 36%;
	padding: 0 2%;
}

div .md_intro_TYK img{
	width: 50%;
}
div .md_intro_TYK p{
	width: 46%;
	padding: 0 2%;
}


div .md_accessmap{
	width: 100%;
	margin: 20px 0  ;
	clear: both;
	height: auto;
}

p.mdttl{
	width: 100%;
	display: block;
	background: url("/images/241128_repeat_wave_underline.png") left bottom;
	padding-bottom: 10px;
	background-repeat: repeat-x;
	text-align: center;
	font-size: 1.5em;
	font-weight: normal;
	letter-spacing: 1px;
}
p.mdttl span{
	font-size: 2rem;
	padding-left: 1rem;	
	font-weight: 300;
	letter-spacing: 1px;
}

div #mh_anchor_but{
	width: 100%;
	display: block;
	text-align: center;
	height: auto;
	margin: 2em 0 0 0;
}
div #mh_anchor_but p{
	margin-bottom: 2em;
}

div #mh_anchor_but img{
	width: 47%;
	margin: 0 1% !important;
	height: auto;
	display:inline-block;
}

/*sp表示*/
@media only screen and (max-width: 750px) {
	div .md_accessmap{
	margin: 20px 0 20px 0 ;
}
	div .md_intro_OKZ img , div .md_intro_TYK img{
	width: 100%;
	display: block;
	clear: both;
}
	div .md_intro_OKZ p.md_01 , div .md_intro_TYK p.md_01{
	font-size: 0.9em !important;
	width: 95%;
	display: block;
	clear: both;
	margin: 2em 0;
}
div #mh_anchor_but{
	width: 100%;
	display: block;
	text-align: center;
	height: auto;
}
div #mh_anchor_but img{
	width: 90%;
	display:block;
	overflow: hidden;
	float: left;
	margin: .5em 5% !important;
}


}


/*2025/02/18追加　販売情報*/

div .price{	
	margin: 20px 0 20px 0 ;
}
div .price p.price_ttl{
	padding: 5px 10px;
	background: #000;
	color: #fff;
	display: inline-block;
	float: left;
	font-size: 1em;
	vertical-align: bottom;
	height: auto;
	margin:30px 30px 0 0;
	}	
div .price p.price_sall{
	padding: 0;
	color: #97080B;
	display: inline-block;
	float: left;
	font-size: 5em;
	line-height: 1em;
	font-weight: bold;
	vertical-align: bottom;
	height: auto;
	font-family: Arial, Helvetica, 'sans-serif';
	}

div .price p.price_sall span.taxin{
	font-size: 0.5em;
	font-weight: bold;
	}

div .price p.loan{
	clear: both;
	background: #E9E9E9;
	padding: 20px;
	display:block;
	float: left;
	font-size: .8em;
	line-height: 1.2em;
	margin: 0 0 20px 0;
	vertical-align: text-bottom;
}

div .price p.loan span.loan_ttl{
	font-size: 1.2em;
	margin-bottom: .5em;
	display: inline-block;
	padding-top: 10px;
	float: left;
	width: 7.5em;
	}

div .price p.loan span.loan_price{
	font-size: 1.5em;
	margin-bottom: .5em;
	display: inline-block;
	padding-top: 10px;
	float: left;
	width: auto;
	}

div .price p.loan span.cap{
	display: block;
	clear: both;
	height: auto;
	}


div .price p.gaiyou{
	clear: both;
	display:block;
	float: left;
	font-size: .6em;
	line-height: 1.5em;
	margin: 1em 0 3em 0;
	}


/*sp表示*/
@media only screen and (max-width: 750px) {
	div .price{
	margin: 20px 0 20px 0 ;
	}
div .price p.price_ttl{
	font-size: 1em !important;
	margin-bottom: .1em;
	}	
div .price p.price_sall{
	font-size: 5em !important;
	}

div .price p.price_sall span.taxin{
	font-size: 0.5em;
	}

div .price p.loan{
	padding: 1.2em;
}

div .price p.loan span.loan_ttl{
	padding-top: 0.5em;
	}

div .price p.loan span.loan_price{
	}

div .price p.loan span.cap{
	}

div .price p.gaiyou{
	font-size: .8em !important;
	line-height: 1.5em;
	}

}