/*アクアゼオエリア*/

article{
	width:100%;
	height:auto;
	margin:0 auto 5% auto;
	text-align:center;
	background:#fff;
}



#area1{
	width:100%;
	height:auto;
	margin:0 auto;
	background-image:url(../../image/info/bg.png);
	background-position:0 5%;
	background-repeat:no-repeat;
	background-size:100%;
	background-color:#faf9f5;
	text-align:center;
	padding-bottom:5%;
}


#area2{
	width:100%;
	height:auto;
	margin:0 auto;
	background-image:url(../../image/info/bg.png);
	background-position:0 5%;
	background-repeat:no-repeat;
	background-size:100%;
	text-align:center;
	padding-bottom:5%;
}


.infobox{
	width:90%;
	height:auto;
	margin:0 auto;
	text-align:center;
	letter-spacing:0.1em;
	padding-bottom:5%;
	border-bottom:1px solid #E2D1BA;
	
}


section h2 img{
	margin:5% auto 5% auto;
	width:56%;
	height:auto;
	max-width:500px;
}



.infobox h3 img{
	width:100%;
	max-width:828px;
	margin-bottom:10%;
}


.infobox h4 img{
	width:100%;
	max-width:750px;
	margin-bottom:5%;
}


.aquap{
	margin:0 auto 6% auto;
	text-align:justify;
	line-height:150%;
	font-size:80%;
	width:100%;
}



.aquap2{
	margin:0 auto 2% auto;
	text-align:center;
	line-height:200%;
	font-size:80%;
	width:90%;
	font-weight:bold;
}


.aquap3{
	margin:0 auto 2% auto;
	text-align:justify;
	line-height:200%;
	font-size:80%;
	width:100%;
	font-weight:bold;
}


.aquap4{
	margin:0 auto 2% auto;
	text-align:justify;
	line-height:150%;
	font-size:80%;
	width:100%;
}




.aquapw img{
	margin:0 auto 2% auto;
	text-align:center;
	xline-height:200%;
	xfont-size:80%;
	width:100%;
	xfont-weight:bold;
}




.infobox h5{
	margin:10px auto 10px auto;
	font-weight:bold;
	text-align:left;
	font-size:90%;
	letter-spacing:0.1em;
	border-left:6px solid #633;
	padding-left:2%;
	
}



.infobox table{
	background:#FFF;
	line-height:1.5;
	vertical-align:top;
	width:100%;
	height:auto;
	font-size:12px;
	color:#333;
	margin-bottom:2%;
}


.infobox td{
	padding:10px 4px 10px 6px;
	border:1px dotted #C99;
	vertical-align:middle;
}

.red{
	width:50%;
	color:#400;
	background-image:url(../../image/hotel/tbg.png);
}


.red2{
	color:#400;
	background-image:url(../../image/hotel/tbg.png);
}


@media(max-width:350px){
.infobox table{
	font-size:10px; /* 幅が500px以上になるとvw指定は文字が大きくなりすぎるので、サイズを固定する。 */
}
}


@media(min-width:500px){
.infobox table{
	font-size:16px; /* 幅が500px以上になるとvw指定は文字が大きくなりすぎるので、サイズを固定する。 */
}
}




@media(max-width:400px){
.infobox p{
	font-size:12px; /*  */
}
}


@media(min-width:500px){
.infobox p{
	font-size:16px; /* 幅が500px以上になるとvw指定は文字が大きくなりすぎるので、サイズを固定する。 */
}
}







/*ピックアップエリア*/

#pick{
	width:100%;
	height:auto;
	max-width:828px;
	margin:0% auto;
	text-align:center;
	padding:3% 0% 5% 0%;


	background-image:
	url(../image/pbg.png), /* 最前面の背景レイヤーの背景画像 */
    url(../../image/pickbg.png);

	background-repeat:
    no-repeat, /* 最前面の背景レイヤーに対応 */
	repeat;

	background-position:
    right top, /* 最前面の背景レイヤーに対応 */
	top;
	
	background-size:
	100%,
	180%;
}


#pickup{
	width:90%;
	height:auto;
	margin:0 auto;
}



#pick h4 img{
	width:56%;
	height:auto;
	max-width:485px;
	margin:0px auto 15px auto;
	text-align:center;
}



#pick h5 img{
	width:49%;
	height:auto;
	max-width:245px;
	margin-bottom:16px;
	float:left;
	padding-bottom:2%;
	text-align:center;
}


/*ピックアップエリア*/