/*
Title: ジュネス和歌山　ポートヴラージュ小倉
Last Updated: 2025-09-06
Author: Ryu
*/
@charset "utf-8";

/*----------------------------------------
	layout
----------------------------------------*/

article{
	padding-top: 0 !important;
}
.clearfix:after{
	content: "";
	display: block;
	clear: both;
}
.clearfix{
	zoom: 100%;
}
.ttl_600{
	max-width: 600px;
	width: 80%;
}
.ttl_center{
	margin-left: auto;
	margin-right: auto;
}
.inner1040{
	max-width: 1080px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	box-sizing: border-box;
	padding-right: 20px;
	padding-left: 20px;
}
.inner1050{
	max-width: 1090px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	box-sizing: border-box;
	padding-right: 20px;
	padding-left: 20px;
}
.inner1060{
	max-width: 1100px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	box-sizing: border-box;
	padding-right: 20px;
	padding-left: 20px;
}
.inner1080{
	max-width: 1120px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	box-sizing: border-box;
	padding-right: 20px;
	padding-left: 20px;
}
.inner1090{
	max-width: 1130px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	box-sizing: border-box;
	padding-right: 20px;
	padding-left: 20px;
}
.ogura_nav{
	padding-top: 15px;
	padding-bottom: 15px;
	text-align: center;
	font-size: 18px;
}
.ogura_nav li{
	display: inline-block;
	margin-left: 20px;
	margin-right: 20px;
}
.ogura_nav li a{
	transition: all 0.4s;
	color: #0069b2;
	font-weight: bold;
}
.ogura_nav li a:hover{
	color: #f48a83;
}

@media print, screen and (min-width: 600px){

	.right{
		float: right;
	}
	.left{
		float: left;
	}
	.ogura_img{
		width: calc((500/1050)*100%);
	}
	.ogura_text{
		width: calc((500/1050)*100%);

	}


}/*END*/

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

	.ogura_nav{
		padding-top: 15px;
		padding-bottom: 15px;
		font-size: 16px;
	}
	.ogura_nav li{
		margin-left: 15px;
		margin-right: 15px;
	}

}/*END*/

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

	.ogura_nav{
		display: none;
	}

}/*END*/

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

	.ttl_600{
		width: 100%;
	}
	.ogura_img{
		width: 100%;
	}

}/*END*/


/*----------------------------------------
	text
----------------------------------------*/
.lh_12{
	line-height: 1.2;
}
.lh_14{
	line-height: 1.4;
}
.lh_15{
	line-height: 1.5;
}
.lh_16{
	line-height: 1.6;
}
.lh_22{
	line-height: 2.2;
}
.lh_24{
	line-height: 2.4;
}


/*----------------------------------------
	concept
----------------------------------------*/


@media print, screen and (min-width: 600px){


}/*END*/

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


}/*END*/


/*----------------------------------------
	spot & event
----------------------------------------*/

#spot{
	background: #f9cddb;
}

@media print, screen and (min-width: 600px){



}/*END*/

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


}/*END*/


/*----------------------------------------
	location
----------------------------------------*/

.text_green{
	color: #94b507;
}
.location_data table{
	width: 100%;
	line-height: 1.8;
	border-top: 1px solid #000;
}
.location_data table th{
	border-bottom: 1px solid #000;
	font-weight: normal;
	text-align: left;
	padding: 5px;
}
.location_data table td{
	border-bottom: 1px solid #000;
	text-align: right;
	padding: 5px 0 5px 5px;
}

@media print, screen and (min-width: 600px){



}/*END*/

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


}/*END*/

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



}/*END*/

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



}/*END*/


/*----------------------------------------
	access
----------------------------------------*/

#access{
	background: #f7f0de;
	display: block;
}
.map{
	aspect-ratio: 9/4;
	overflow: hidden;
}
.map iframe{
	width: 100%;
	height: 100%;
}

@media print, screen and (min-width: 600px){



}/*END*/

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

	.map{
		aspect-ratio: 3/2;
	}

}/*END*/


/*----------------------------------------
	land
----------------------------------------*/

#land{
	background: #f9cddb;
}
#land h4{
	text-align: center;
	padding: 20px 10px;
}
.land_table th,
.land_ttl{
	background: #f1e885;
}
.land_frame{
	background: #fff;
}
.land_frame table{
	width: 350px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	text-align: center !important;
	line-height: 1.5 !important;
}
.land_frame table th,
.land_frame table td{
	font-weight: normal !important;
	padding: 10px !important;
	border-bottom: 1px solid #d2d2d2 !important;
	vertical-align: middle;
}
.text_red{
	color: #d20a0a;
}
.land_img{
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	max-width: 600px;
}
.land_clumn2 .text_24{
	color: #f0c0cf;
}
.text_dgreen{
	color: #366b40;
}
.land_clumn2{
	margin-left: auto;
	margin-right: auto;
	width: calc((940/1040)*100%)
}
.plan_point{
	margin-bottom: 5px;
}
.plan_point span{
	display: inline-block;
	margin-right: 10px;
	padding: 6px 15px;
	line-height: 1;
	color: #fff;
	background: #f48a83;
	margin-bottom: 10px;
}
.text_bold{
	font-weight: bold;
}
.text_38{
	font-size: 38px;
}
.plan_img{
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	max-width: 940px;
}
.plan_notes{
	margin-top: 30px;
	text-align: center;
	font-size: 12px;
	max-width: 940px;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
	padding-left: 4%;
	padding-right: 4%;
}

@media print, screen and (min-width: 600px){

	.land_l{
		float: left;
		width: calc((450/940)*100%)
	}
	.land_r{
		float: right;
		width: calc((450/940)*100%)
	}



}/*END*/



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


}/*END*/

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




}/*END*/





/*----------------------------------------
	outline
----------------------------------------*/

#outline table{
	width: 100%;
	line-height: 1.8;
	border-top: 1px solid #e6e6e6;
}
#outline table th{
	font-weight: normal;
	background: #d5e3ef;
	text-align: left;
	padding: 8px 10px;
	border-bottom: 1px solid #e6e6e6;
	box-sizing: border-box;
	width: 150px;
}
#outline table td{
	padding: 8px 10px;
	border-bottom: 1px solid #e6e6e6;
	box-sizing: border-box;
}
.outline_b{
	width: 100%;
}

@media print, screen and (min-width: 769px){

	.outline_l{
		float: left;
		width: calc((550/1150)*100%);
	}
	.outline_r{
		float: right;
		width: calc((550/1150)*100%);
	}

}/*END*/

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

	.bt-back{
		padding-left: 4.5%;
		padding-right: 4.5%;
	}

}/*END*/

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

	.outline_b th,
	.outline_b td{
		display: block;
	}
	.outline_b th{
		width: 100% !important;
	}

}/*END*/

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

	#outline table{
		width: 100%;
	}
	#outline table th,
	#outline table td{
		display: block;
	}
	#outline table th{
		width: 100%;
		padding: 5px 10px;
	}

}/*END*/