@charset "utf-8";

/* 仮配置の文言に対して、マーカー（背景色）を付けるスタイル */

.unsettled{
	background-color:rgba(255,255,10,0.5);
}


/* ##### common_sub ##### */
.common_sub_beginborder section:nth-child(2n){
	background:url(/grand/oakhills/assets/img/common/bg_pattern_light.png);
}
.common_sub_beginborder section:nth-child(2n+1).link_adjust {
	border-top:0;
	padding-top:100px;
}

/* ##### slide ##### */

#common_sub_slidewrapper {
	width:100%;
	height:52.5vw;
	max-height:630px;
	position:relative;
}
#common_sub_slidewrapper * {
	transition:initial;
}

#common_sub_slidewrapper .bxslider li {
	width:100%;
	height:52.5vw;
	max-height:630px;
	background-position:center;
	background-size:cover;
}

/* bx override */
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	bottom:14px;
}
.single_photo .bx-wrapper .bx-pager {
	display:none;
}

/* ##### common_sub_lead ##### */
.common_sub_lead {
	text-align:center;
}
.common_sub_lead_btnbox {
	text-align:center;
}

.common_sub_noslidettl {
	padding:40px 0;
}
.common_sub_noslidettl .contentbox h1 {
	font-size:64px;
	line-height:36px;
}
.common_sub_noslidettl .contentbox h1 small {
	font-size:24px;
}

/* ##### body patterns ##### */

/* ## common parts ## */
p.common_sub_p {
	margin-top:1em;
}
.common_sub_minittl {
	display:inline-block;
	background:#777777;
	padding:0.1em 1em 0px 1em;
	margin-bottom:0.5em;
	color:#ffffff;
}
/* lightcase用ボタン */
.common_sub_lightcase {
	position:relative;
}
.common_sub_lightcase:after {
	content:"";
	width:25px;
	height:25px;
	background:url(/grand/oakhills/assets/img/common/com_plusbtn.png);
	background-size:cover;
	position:absolute;
	bottom:5px;
	right:5px;
}

/* ## 1 photo with txt ## */
.common_sub_1pwtxt .common_sub_1pwtxt_ph {
	display:block;
	float:left;
	width:370px;
	margin-top:-38px;
}
.common_sub_1pwtxt .common_sub_1pwtxt_ph img {
	width:100%;
}
.common_sub_1pwtxt .common_sub_1pwtxt_ph a.common_sub_1pwtxt_ph_sub {
	width:49%;
	margin-right:1px;
	float:left;
}
.common_sub_1pwtxt .common_sub_1pwtxt_ph a.common_sub_1pwtxt_ph_sub:last-child {
	margin-right:0;
}
.common_sub_1pwtxt_txt {
	width:785px;
	float:right;
}
.contentbox .common_sub_1pwtxt h1 {
	font-size:28px;
	text-align:left;
	margin:0 0 10px 0;
	width:785px;
	float:right;
}
.contentbox .common_sub_1pwtxt h1 small {
	font-size:50%;
	padding-left:0.5em;
}

.common_sub_1pwtxt + .common_sub_thums {
	margin-top:24px;
}

/* ## 2 photos with txt ## */
.common_sub_2pwtxt .common_sub_2pwtxt_ph {
	display:block;
	float:right;
	width:535px;
	margin-top:-38px;
}
.common_sub_2pwtxt .common_sub_2pwtxt_ph img {
	width:100%;
}
.common_sub_2pwtxt .common_sub_2pwtxt_ph a.common_sub_2pwtxt_ph_sub {
	width:49%;
	margin-right:1px;
	float:left;
}
.common_sub_2pwtxt .common_sub_2pwtxt_ph a.common_sub_2pwtxt_ph_sub:last-child {
	margin-right:0;
}
.common_sub_2pwtxt_txt {
	width:620px;
	float:left;
}
.contentbox .common_sub_2pwtxt h1 {
	font-size:28px;
	text-align:left;
	margin:0 0 10px 0;
	width:620px;
	float:left;
}
.contentbox .common_sub_2pwtxt h1 small {
	font-size:50%;
	padding-left:0.5em;
}


/* ## / 1 photo with txt ## */

/* ## common_sub_thums ## */
.common_sub_thums {
	margin:0 auto;
	padding:0;
	width: fit-content;
}
.common_sub_thums + .common_sub_thums { margin-top: 30px; }
.common_sub_thums li strong{ font-size:22px; letter-spacing:-2px; line-height:1em; display:block; text-align:center; }
.common_sub_thums_sub li strong { font-size:24px; letter-spacing:-1px; font-weight:normal; }
.common_sub_thums li small{ font-size:14px; line-height:1em; margin-bottom:1em; display:block; text-align:center; }
.common_sub_thums li a strong {
	padding-right:0.5em;
}
.common_sub_thums li a strong:before {
	content:"";
	display:inline-block;
	width:15px;
	height:15px;
	background:url(/grand/oakhills/assets/img/common/com_thumb_linkhead.png);
	background-size:cover;
	margin-right:5px;
}
.common_sub_thums_thumb {
	display:block;
	width:100%;
	margin-bottom:1em;
	position:relative;
}
.common_sub_thums li strong + .common_sub_thums_thumb {
	margin-top:1em;
}
.common_sub_thums_thumb img {
	width:100%;
}

.common_sub_thums .com_btn_weak {
	margin-bottom:15px;
}
.common_sub_thums span.common_sub_thumbs_txt {
	display:inline-block;
	text-align:left;
	padding:0 5px 5px 5px;
}


/* common_sub_thumsL */
.common_sub_thumsL {
	max-width:825px;
	margin-left:auto;
	margin-right:auto;
	padding-left:20px;
	padding-right:20px;
}
.common_sub_thumsL li {
	width:370px;
	margin:0 45px 30px 0;
	text-align:center;
	float:left;
}
.common_sub_thumsL li:nth-child(2n) { margin-right:0; }

/* common_sub_thumsS */
.common_sub_thumsS {
	margin-left:auto;
	margin-right:auto;
}
.common_sub_thumsS li {
	width:270px;
	margin:0 40px 30px 0;
	text-align:center;
	float:left;
}
.common_sub_thumsS li:nth-child(4n) { margin-right:0; }

/* common_sub_thumsM */
.common_sub_thumsM li {
	width:370px;
	margin:0 45px 30px 0;
	text-align:center;
	float:left;
}
.common_sub_thumsM li:nth-child(3n),
.common_sub_thumsM li:last-child { margin-right:0; }

/* common_sub_thums_alone */
.common_sub_thumsM.common_sub_thums_alone li {
	float:none;
	margin-left:auto;
	margin-right:auto;
}



/* common_sub_thums_txtOnly */
.common_sub_thums_txtOnly li {
	background:#ffffff;
	text-align:center;
	padding:25px 15px;
	font-size:16px;
}
.common_sub_thums_txtOnly li strong {
	font-size:24px;
	line-height:1.5;
	padding-bottom:15px;
}
.common_sub_thums_txtOnly li span.common_sub_thums_txtOnly_note {
	font-size:12px;
}
.common_sub_thums_txtOnly li span.common_sub_thums_txtOnly_cont {
	display:inline-block;
	text-align:left;
	transition:initial;
}
.common_sub_thums_txtOnly li .common_sub_thums_txtOnly_cont_list {
	text-align:left;
	transition:initial;
	display:inline-block;
	margin:0 auto;
	font-size:13px;
	letter-spacing:-1px;
}

.common_sub_thums_btnbox {
	padding-top:30px;
}

.common_sub_thums_longTxt li {
	text-align:left;
}

/* ## / common_sub_thums ## */



/* ##### responsive ##### */
@media (max-width: 1199px) {
	/* ## 1 photo with txt ## */
	.common_sub_1pwtxt {
		width:100%;
		padding-left:20px;
		padding-right:20px;
	}
	.common_sub_1pwtxt .common_sub_1pwtxt_ph {
		width:46%;
		margin-top:0;
		margin-right:4%;
	}
	.common_sub_1pwtxt_txt {
		width:50%;
	}
	.contentbox .common_sub_1pwtxt h1 {
		float:none;
		text-align:center;
		width:100%;
	}
	.contentbox .common_sub_1pwtxt h1 small {
		display:block;
		padding-left:0;
	}
	/* ## 2 photos with txt ## */
	.common_sub_2pwtxt {
		width:100%;
		padding-left:20px;
		padding-right:20px;
	}
	.common_sub_2pwtxt .common_sub_2pwtxt_ph {
		width:44%;
		margin-top:0;
		margin-left:2%;
		margin-right:4%;
	}
	.common_sub_2pwtxt_txt {
		width:50%;
	}
	.contentbox .common_sub_2pwtxt h1 {
		float:none;
		text-align:center;
		width:100%;
	}
	.contentbox .common_sub_2pwtxt h1 small {
		display:block;
		padding-left:0;
	}
	/* ## common_sub_thums ## */
	.common_sub_thums {
		width:100%;
		padding-left:20px;
		padding-right:20px;
	}
	/* common_sub_thumsL */
	.common_sub_thumsL li {
		width:49%;
		margin:0 2% 3vw 0;
	}
	/* common_sub_thumsM */
	.common_sub_thumsM li {
		width:32%;
		margin:0 2% 3vw 0;
	}
	/* common_sub_thumsS */
	.common_sub_thumsS {
		max-width:825px;
		margin-left:auto;
		margin-right:auto;
		padding-left:20px;
		padding-right:20px;
	}
	.common_sub_thumsS li {
		width:370px;
		margin:0 45px 30px 0;
		text-align:center;
		float:left;
	}
	.common_sub_thumsS li:nth-child(2n) { margin-right:0; }
}
@media (max-width: 1099px) {
	.common_sub_beginborder section:nth-child(2n+1).link_adjust {
		border-top:0;
		padding-top:50px;
	}
}
@media (max-width:899px) {
	/* ## slide ## */
	.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
		bottom:12px;
	}
	/* ## common_sub_lead ## */
	.common_sub_lead {
		padding-right:15px;
		padding-left:15px;
	}
	/* common_sub_thums_2SP, common_sub_thumsM */
	.common_sub_thums_2SP {
		max-width:initial;
	}
	.common_sub_thumsM li, .common_sub_thumsM li:nth-child(3n), .common_sub_thums_2SP li, .common_sub_thums_2SP li:nth-child(2n) {
		float:left;
		width:49%;
		margin:2vw 2% 3vw 0;
	}	.common_sub_thumsM li:nth-child(2n), .common_sub_thums_2SP li:nth-child(2n) { margin-right:0; }

/* common_sub_thums_txtOnly */
	.common_sub_thums_txtOnly li, .common_sub_thums_txtOnly li:nth-child(3n) {
		width:100%;
	}
}
@media (max-width:799px) {
	/* ## slide ## */
	#common_sub_slidewrapper .bxslider li {
		height:55vw;
	}
}
@media (max-width:699px) {
	/* ## slide ## */
	#common_sub_slidewrapper .bxslider li {
		height:58vw;
	}
	/* ## common_sub_lead ## */
	.common_sub_lead {
		text-align:left;
	}
	.common_sub_lead br {
		display:none;
	}
	.common_sub_lead .common_sub_lead_addlink {
		text-align:center;
	}
	.common_sub_noslidettl .contentbox h1 { font-size:42px; line-height:24px; }
	.common_sub_noslidettl .contentbox h1 small { font-size:16px; }
	/* ## 1 photo with txt ## */
	.common_sub_1pwtxt {
		padding-left:0;
		padding-right:0;
	}
	.common_sub_1pwtxt_txt {
		width:100%;
		float:none;
		padding-left:15px;
		padding-right:15px;
	}
	.common_sub_1pwtxt .common_sub_1pwtxt_ph {
		width:100%;
		height:42vw;
		min-height:180px;
		margin:0;
		overflow:hidden;
	}
	.common_sub_1pwtxt .common_sub_1pwtxt_ph img {
		display:block;
		width:100%;
		position:absolute;
		top:0;
		left:0;
		bottom:0;
		right:0;
		margin:auto;
	}
	/* ## 2 photo with txt ## */
	.common_sub_2pwtxt {
		padding-left:0;
		padding-right:0;
	}
	.common_sub_2pwtxt_txt {
		width:100%;
		float:none;
		padding-left:15px;
		padding-right:15px;
	}
	.common_sub_2pwtxt .common_sub_2pwtxt_ph {
		width:100%;
		margin:0;
	}
	.common_sub_2pwtxt .common_sub_2pwtxt_ph img {
		display:block;
		width:100%;
		position:absolute;
		top:0;
		left:0;
		bottom:0;
		right:0;
		margin:auto;
	}
	.common_sub_2pwtxt .common_sub_2pwtxt_ph a.common_sub_2pwtxt_ph_sub {
		display:block;
		width:100%;
		float:none;
		position:relative;
		width:100%;
		height:35vw;
		min-height:150px;
		margin:2px 0 0 0;
		overflow:hidden;
	}
	/* ## common_sub_thums ## */
	.common_sub_thums {
		width:100%;
		padding:0;
	}
	.common_sub_thums li {
		display:flex;
		flex-direction:column;
		-webkit-flex-direction:column;
		font-size:14px;
	}
	.common_sub_thums li strong {
		display:block;
		width:100%;
		font-size:24px;
	}
	.common_sub_thums_sub li strong {
		font-size:20px;
	}
	.common_sub_thums li small {
		display:block;
		width:100%;
		font-size:14px;
	}.common_sub_thums li a strong:before {
		width:18px;
		height:18px;
	}
	.common_sub_thums li .common_sub_thums_thumb {
		order:99;
		-webkit-order:99;
		margin-top:0;
		margin-bottom:0;
		width:100%;
		height:42vw;
		min-height:180px;
		overflow:hidden;
	}
	.common_sub_thums li a.common_sub_thums_thumb {
		margin-top:1em;
	}
	.common_sub_thums li .common_sub_thums_thumb img {
		display:block;
		width:100%;
		position:absolute;
		top:0;
		left:0;
		bottom:0;
		right:0;
		margin:auto;
	}
	.common_sub_thums .com_btn_weak {
		width:160px;
		margin-top:10px;
		margin-left:auto;
		margin-right:auto;
	}

	/* common_sub_thums_2SP */
	.common_sub_thums_2SP {
		widht:100%;
		padding:0 15px;
	}
	.common_sub_thums_2SP li a.common_sub_thums_thumb {
		margin-top:0;
		height:auto;
		min-height:auto;
	}
	.common_sub_thums_2SP li a.common_sub_thums_thumb img {
		display:block;
		width:100%;
		position:static;
		top:auto;
		left:auto;
		bottom:auto;
		right:auto;
		margin:initial;
	}
	/* common_sub_thumsL */
	.common_sub_thumsL li, .common_sub_thumsL li:nth-child(2n) {
		float:none;
		width:100%;
		margin:0px;
		padding:0 0 30px 0;
	}
	.common_sub_thumsL li:last-child {
		padding-bottom:0;
	}
	/* common_sub_thumsM */
	.common_sub_thumsM li, .common_sub_thumsM li:nth-child(3n) {
		float:none;
		width:100%;
		margin:0px;
		padding:0 0 30px 0;
	}
	.common_sub_thumsM li:last-child {
		padding-bottom:0;
	}
	/* common_sub_thums_txtOnly */
	.common_sub_thums_txtOnly li, .common_sub_thums_txtOnly li:nth-child(3n) {
		width:94%;
		margin:10px 3%;
		padding:15px 10%;
	}
	.common_sub_thums_txtOnly li strong {
		font-size:20px;
		padding-bottom:5px;
	}
	.common_sub_thums_longTxt_box {
		display:block;
		padding:10px 20px 0 20px;
	}
}
@media (max-width:374px) {
	.common_sub_noslidettl .contentbox h1 { font-size:38px; line-height:20px; }
	.common_sub_noslidettl .contentbox h1 small { font-size:14px; }
	/* ## slide ## */
	.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
		bottom:8px;
	}
}