/*トリミングエリア*/

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/trimming/bg.png);
	background-position:3% 2%;
	background-repeat:no-repeat;
	background-color:#faf9f5;
	padding-bottom:5%;
}


.trimbox{
	width:100%;
	height:auto;
	margin:0 auto;
	letter-spacing:0.1em;
}


section h2 img{
	margin:8% auto 0 auto;
	width:54%;
	height:auto;
	max-width:470px;
}

.trimbox h3 img{
	margin:0 auto 2% auto;
	width:70%;
	height:auto;
	max-width:370px;
}

.trimbox h4 img{
	margin:2% auto 5% auto;
	width:95%;
	height:auto;
	max-width:510px;
}



.trimbox h5{
	font-size:80%;
	width:78%;
	font-weight:bold;
	line-height:2;
	text-align:left;
	xmargin-bottom:5%;
	margin:0 auto 2% 12%;
}


#trimtext{
	margin-bottom:10%;
}


#trimtext p{
	text-align:justify;
	width:76%;
	line-height:150%;
	font-size:70%;
	margin:0 auto 2% 12%;
}



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


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



.trimp{
	width:90%;
	height:auto;
	margin:0 auto;
	letter-spacing:0.1em;
}

.trimp2{
	width:90%;
	height:auto;
	margin:0 auto;
	letter-spacing:0.1em;
}


.trimp2 h4 img{
	margin:2% auto 5% auto;
	width:100%;
	height:auto;
	max-width:604px;
}



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



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


.trimbox td{
	padding:10px 4px 10px 6px;
	border:1px dotted #C6AA85;
	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);
}


.trimp2 p{
	text-align:right;
	font-size:70%;
}


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


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

/*トリミングエリア*/




/*ファーストトリム*/

#area3{
	width:100%;
	height:auto;
	margin:0 auto;
	background-image:url(../../image/trimming/mainbg3.jpg);
	padding:2% 0 8% 0;
}



.firstbox{
	width:90%;
	height:auto;
	margin:0 auto;
	letter-spacing:0.1em;
}

.firstbox h2 img{
	margin:8% auto 0% auto;
	width:54%;
	height:auto;
	max-width:470px;
}


.firstbox h3 img{
	margin:0 auto 10% auto;
	width:100%;
	height:auto;
	max-width:430px;
}



.firstbox h4{
	font-size:90%;
	line-height:1.5;
	text-align:justify;
	font-weight:bold;
	margin-bottom:5%;
}


.firstbox p{
	text-align:justify;
	line-height:150%;
	font-size:80%;
	margin-bottom:2%;
}

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


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


/*ファーストトリム*/




/*.special*/

#special{
	width:100%;
	height:auto;
	margin:0 auto;
	xbackground-image:url(../../image/trimming/mainbg.jpg);
	background-image:url(../image/trimming/bg4.png),url(../image/trimming/bg5.png),url(../../image/trimming/mainbg.jpg);
	background-repeat:no-repeat,no-repeat,repeat;
	background-position:top right,bottom right,center top;
	background-size:70%,70%,auto;
	padding:2% 0 8% 0;
}



.specialbox{
	width:90%;
	height:auto;
	margin:0 auto;
	letter-spacing:0.1em;
		
}

.specialbox h2 img{
	margin:8% auto 0 auto;
	width:54%;
	height:auto;
	max-width:470px;
}


.specialbox h3 img{
	margin:0 auto 2% auto;
	width:70%;
	height:auto;
	max-width:245px;
}



.specialbox h4{
	font-size:100%;
	line-height:1.5;
	text-align:center;
	font-weight:bold;
	margin-bottom:5%;
}


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

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


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


/*.special*/








/*夜トリミング*/

#night{
	width:100%;
	height:auto;
	margin:0 auto;
	background:#F0F9FC;
	padding:2% 0 0 0;
}



.nightbox{
	width:90%;
	height:auto;
	margin:0 auto;
	letter-spacing:0.1em;
}

.nightbox h2 img{
	margin:8% auto 8% auto;
	width:54%;
	height:auto;
	max-width:470px;
}


.nightbox h3 img{
	margin:0 auto 0 auto;
	width:100%;
	height:auto;
	max-width:430px;
}



.nightbox h4{
	font-size:100%;
	line-height:1.5;
	text-align:center;
	font-weight:bold;
	margin-bottom:5%;
}


.nightbox p{
	text-align:justify;
	line-height:150%;
	font-size:90%;
	margin-bottom:2%;
}




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


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


/*夜トリミング*/








/*送迎サービス*/

#area2{
	width:100%;
	height:auto;
	margin:0 auto;
	background-image:url(../../image/trimming/mainbg.jpg);
	padding:2% 0 8% 0;
	background:#F0F9FC;
}




.sougeibox{
	width:90%;
	height:auto;
	margin:0 auto;
	letter-spacing:0.1em;
}




.sougeibox h3 img{
	margin:5% auto 5% auto;
	width:100%;
	height:auto;
	max-width:604px;
}



.sougeiimg img{
	width:100%;
	max-width:828px;
	margin-bottom:5%;
}


.sougeibox h4{
	font-size:90%;
	line-height:1.5;
	text-align:left;
	margin-bottom:5%;
}


.sougeibox p{
	text-align:justify;
	line-height:150%;
	font-size:90%;
	margin-bottom:2%;
}

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


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




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

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

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


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