@charset "UTF-8";
/*書式設定
----------------------------------*/
@media only screen and (max-width: 990px) {

}/*990px end*/

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

.left { float: none; }
.right { float: none; }
.pc { display: none; }
.sp{display: block;}




/* footer
-------------------------------*/
#footer {
	min-width: initial;
	min-width: auto;
	padding-top: 0;
	padding-bottom: 50px;
}
#footer div {
    width: 100% !important;
}
#footer .re_logo {
    margin-left: 3%;
}
#footer .ja_logo {
    margin-right: 3%;
}


/* content
-------------------------------*/
/*#main img {width: 100%; height: auto;}*/
#main .title01 { width: 70%; margin: 0 auto; text-align: center;}

#contentWrap .content {width: 100%; padding: 0 20px; box-sizing: border-box;}
#contentWrap #cover01 {padding: 30px 0;}
#contentWrap #cover01 .box01 { width: 100%; margin: 30px auto ;}
#contentWrap #cover01 .point {width: 100%; padding: 0px; text-align: center; margin-bottom: 20px;}
#contentWrap #cover01 .point p {text-align: center;}
#contentWrap #cover01 .btn {width: 100%;}
#contentWrap #cover01 .btn img {width: 100%; height:  auto;}

#contentWrap #cover02 {padding: 0 0 30px;}
.box02 img {width: 100%; height: auto;}
.box01 img {width: 100%; height: auto;}

.linkBox {width: 46%; float: left; margin:0 2% 20px; }
.linkBox img {width:100%; height: auto; }
.tall{
	padding: 0;
}
.tallSP {
	padding-top: 35px; 
	height: 273px; 
 	}
.titleSP{
		height: 273px; 
	}	

a.scroll_point {height: 1px;
padding-top: 40px;
margin-top: -40px;
 display: block;}
	
.YadoBox-01 {display: block; width: 100%; }
#YadoBox-02 {display: block;}
#YadoBox-03 {display: block;}
	
.YadoBox-01 p {width:100%;}
#YadoBox-02 p {width:100%;}
.YadoBox-01 p img {width:100%;}
#YadoBox-02 p img {width:100%;}
#YadoBox-03 p img {width:100%;}	

	.YadoBox-01PC{
		
		display: none;
	}
	
	.YadoBox-01SP {
	display: block;
}
	

.BtnWrap {width:100%; position: relative;}

.MainBtn {position: absolute;
	top: 0px; left: 20px; width:250px; 
}

.logo { text-align: center; margin-top: 50px; margin-bottom: 20px;}
.hotel-btn { margin-top: 8px; margin-bottom: 30px;
	}
.hotel-btn p { float: none; width: 100%; margin-bottom: 3px;}
.hotel-btn p a { display: block; padding-top: 20px; font-size: 1.5em; color: #ffffff; height: 60px;}

.hotel-btn p.l {margin-right: 0px;}

.btn_01{
	position: fixed;
    right: 1px
    bottom: 20px;
	z-index: 9999;
	text-align: right;
}	

.btn_01 img {
width: 50%;
	margin-left: 50%;
}	
	

}/*640px end*/

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

	.tallSP {
	padding-top: 30px; 
	height: 232px; 
 	}
.titleSP{
		height: 232px; 
	}	
	
.hotel-btn p { float: none; width: 100%; margin-bottom: 3px;}
.hotel-btn p a { display: block; padding-top: 20px; font-size: 18px; color: #ffffff; height: 60px;}

.hotel-btn p.l {margin-right: 0px;}
	
#contentWrap .content {width: 100%; padding: 0 20px; box-sizing: border-box;}
	
.btn_01{
	position: fixed;
    right: 1px
    bottom: 20px;
	z-index: 9999;
	text-align: right;
}	

.btn_01 img {
width: 50%;
		margin-left: 50%;
}		
	
	
}/*380px end*/