/***************************************
	PC版モデルハウスページ用CSS
	
	
***************************************/


/* モデルハウストップページ */

.modelhouse-open-section ul.modelhouse-open-item-list li{

}

.modelhouse-open-section ul.modelhouse-open-item-list li .modelhouse-open-headline{
	font-size:28px;
	color:#ffffff;
	background:rgba(109,172,189,0.9);
	padding:10px 20px;
	position: sticky; /* ここに注目! */
	top: 0;
	z-index:1000;
	margin:40px 0;
	text-align:center;
}


	/* 画像表示場所 */
	
.modelhouse-gallery-display-section{
	max-width:1600px;
	margin:0 auto;
	position:relative;
}

	
.modelhouse-gallery-display-section ul.modelhouse-gallery-image-list .modelhouse-gallery-image{
}

.modelhouse-gallery-display-section ul.modelhouse-gallery-image-list .modelhouse-gallery-image img{
	width:100%;
}


.modelhouse-gallery-display-section ul.modelhouse-gallery-image-list .modelhouse-gallery-caption{
	text-align:center;
	padding-top:10px;
	padding-bottom:6px;
	border-bottom:2px solid #dbeaee;
	margin-bottom:20px;
}


.modelhouse-gallery-display-section .modelhouse-gallery-display-next:hover,
.modelhouse-gallery-display-section .modelhouse-gallery-display-prev:hover{
	border:1px solid #6dacbd;
	cursor:pointer;
}


.modelhouse-gallery-display-section .modelhouse-gallery-display-next img,
.modelhouse-gallery-display-section .modelhouse-gallery-display-prev img{
	max-height:100%;
	transition:.3s;
}

.modelhouse-gallery-display-section .modelhouse-gallery-display-next:hover img,
.modelhouse-gallery-display-section .modelhouse-gallery-display-prev:hover img{
	opacity:0.6;
}


	/* サムネイル */

.modelhouse-gallery-thumbnail-section{
	margin:20px 20px 20px
	
}

.modelhouse-gallery-thumbnail-section ul.modelhouse-gallery-thumbnail-list{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	max-width:1600px;
	margin:0 auto;
}

.modelhouse-gallery-thumbnail-section ul.modelhouse-gallery-thumbnail-list li{
	margin:2px;
	transition:.3s;
	max-width:240px;
}

.modelhouse-gallery-thumbnail-section ul.modelhouse-gallery-thumbnail-list li:hover{
	opacity:0.5;
	cursor:pointer;
}

	/* 物件の特徴 */
	
.modelhouse-open-deta-section{
	margin:0 auto;
	
}


	
.modelhouse-open-deta-section ul.modelhouse-open-data-list{
	max-width:860px;
	margin:0 auto;
	display:flex;
	flex-direction:column;
	align-items:center;
	border:2px solid #dbeaee;
	padding:20px;
	position:relative;
	overflow:hidden;
}

.modelhouse-open-deta-section ul.modelhouse-open-data-list::before{
	background:#dbeaee;
	width:60px;
	height:60px;
	position:absolute;
	top:-34px;
	left:-34px;
	transform:rotate(45deg);
	content:"";
}

.modelhouse-open-deta-section ul.modelhouse-open-data-list li.modelhouse-open-data-area{
	background:url('../img/modelhouse/icon-address.png') no-repeat;
	background-size:auto 24px;
	background-position:0 center;
	padding:10px 28px;
	font-size:18px
}

.modelhouse-open-deta-section ul.modelhouse-open-data-list li.modelhouse-open-data-access{
	background:url('../img/modelhouse/icon-access.png') no-repeat;
	background-size:auto 24px;
	background-position:0 center;
	padding:10px 28px;
	font-size:18px
}

.modelhouse-open-deta-section ul.modelhouse-open-data-list li.modelhouse-open-data-style{
	margin:10px;
}

.modelhouse-open-deta-section ul.modelhouse-open-data-list li.modelhouse-open-data-style > div{
	padding:10px 20px;
}

.modelhouse-open-deta-section ul.modelhouse-open-data-list li.modelhouse-open-data-style .modelhouse-open-data-style-french{
	background:#6dacbd;
	color:#ffffff;
}

.modelhouse-open-deta-section ul.modelhouse-open-data-list li.modelhouse-open-data-catch{
	font-size:20px;
	margin:10px;
	text-align:left;
}



.modelhouse-open-deta-section ul.modelhouse-open-data-list li.modelhouse-open-data-tag ul.modelhouse-open-data-tag-list{
	display:flex;
	margin:10px;
	flex-wrap:wrap;
}

.modelhouse-open-deta-section ul.modelhouse-open-data-list li.modelhouse-open-data-tag ul.modelhouse-open-data-tag-list li{
	color:#6dacbd;
	border:1px solid #6dacbd;
	border-radius:10px;
	padding:10px;
	letter-spacing:0.02em;
	margin-right:10px;
	display:flex;
	align-items:center;
}

	/* お問い合わせボタン */
	
.modelhouse-open-section .link-button button{
	border:none;
	display:flex;
	background:#36535b;
	color:#ffffff;
	font-size:20px;
	padding:14px 40px;
	margin:0 20px 20px;
	transition:.3s;
}

.modelhouse-open-section .link-button button:hover{
	background:#6dacbd;
	color:#ffffff;
	cursor:pointer;
}


	/* WEBモデルハウス */
	
.modelhouse-web-section{
	padding:40px 0;
	border-top:2px solid #bbbbbb;
	margin:80px 0 40px;
}	

	
.modelhouse-web-section dl.modelhouse-web-virtual-tour-data dt{
	text-align:center;
	font-size:20px;
}

.modelhouse-web-section dl.modelhouse-web-youtube-data{
	width:1000px;
	margin:0 auto;
}

.modelhouse-web-section dl.modelhouse-web-youtube-data > div{
	margin-bottom:40px;
}

.modelhouse-web-section dl.modelhouse-web-youtube-data > div > dt{
	font-size:24px;
	text-align:center;
	padding:10px;
}