@charset "utf-8";
/* CSS Document */

html {
	font-size: 62.5%; /* font-size 1em = 10px on default browser settings */
}

body {
	width: 100%;
	line-height: 1.5;
	font-size: 1.0rem;
	font-family: -apple-system, 'Helvetica Neue', 'Hiragino Kaku Gothic ProN', '游ゴシック Medium', 'メイリオ', meiryo, sans-serif;
	min-width:320px;
	color:#333;
}

section{
	max-width:1180px;
	padding:0 10px;
	margin:60px auto 0;
	display:block;
}


@media screen and (max-width:480px) {
	section{
			margin:80px auto 0;

	}

}
#head_btn{
	background:#fff;
	border:1px solid #333;
	font-size:2rem;
	border-radius:30px;
	color:#333;
	text-decoration:none;
	padding:0 20px;
}

.btn{
	background:#fff;
	border:1px solid #333;
	font-size:2.6rem;
	border-radius:30px;
	color:#333;
	text-decoration:none;
	padding:5px 30px;
	display:table;
	margin:20px auto 0;
	font-weight:bold;
}

@media screen and (max-width:480px) {
	.btn{
		font-size:1.4rem;
	}
}

.btn:hover{
	opacity:0.6;
}

#mv{
	position:relative;
	display:flex;
	margin-top:0 !important;
}

#mv_img{
	position:absolute;
	right:0;
	top:0;
	z-index:0;
	width:65%;
	max-width:762px;
}

#mv .lb{
	z-index:1;
	height:100%;
	width:65%;
	padding:0 10px 30px;
	background:hsla(0,0%,100%,0.60)
}

#mv h1{
	margin-top:10px;
}

#mv #logo{
	margin-top:30px;
	width:100%;
	max-width:713px;
}


#mv dt{
	font-size:2.4rem;
	font-weight:bold;
	margin-top:20px;
}

#mv dd{
	font-size:1.4rem;
	margin-bottom:30px;
}

#mv #head_btn{
	position:absolute;
	top:10px;
	right:10px;
	z-index:1;
}
#mv_wifi {
		width: 60%;
}
@media screen and (max-width:640px) {

#mv #mv_wifi{
	position:absolute;
	bottom:-35px;
	z-index:3;
	width:30%;
}

#mv #head_btn{
	font-size:1rem;
}

}


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


#mv .btn{
	top:10px;
	right:10px;
	z-index:1;
}


#mv dt{
	font-size:1.4rem;
	margin-top:10px;
}

#mv dd{
	font-size:1.1rem;
	margin-bottom:10px;
}

#mv h1{
	margin-top:10px;
}

}

#e3{
	max-width:1180px;
	padding:0 10px;
	margin:60px auto 0;
	display:block;
}

#e3 h2{
	padding:0 10px;
	border:2px solid #265a9d;
}

#e3 h2 img{
	width:100%;
	display:block;
	margin:auto;
	max-width:1078px;
	padding:15px 0;
	vertical-align:bottom;
}

#e3 ul{
	display:flex;
	margin-top:20px;
}

#e3 ul li img{
	width:90%;
	display:block;
	margin:auto;
	height:auto;
}

#e3 ul li{
	margin-bottom:20px;
}

@media screen and (max-width:480px) {
#e3 ul{
	flex-wrap:wrap;
}

#e3 ul li{
	width:50%;
}

#e3 ul li img{
	width:90%;
}


}

.spec{
	position:relative;
}

.spec h2{
	display:flex;
	align-items:center;
}

.spec h2 img{
	display:block;
	margin:auto;
	width:100%;
	max-width:482px;
}

.spec h2:before{
	content:"";
	background:url(../images/spec_bg.png) repeat-x;
	height:11px;
	width:100%;
	display:block;
	position:absolute;
	z-index:-1;
	left: 0;
	top: initial;
}

.spec div{
	display:flex;
	justify-content:center;
	flex-direction: row-reverse;
	align-items:center;
	margin-top:20px;
}

.spec div p{
	font-size:2rem;
	margin-right:20px;
}

@media screen and (max-width:640px) {
	.spec div{
	display:block;
}

.spec div .spec_img{
	width:80%;
	display:block;
	max-width:434px;
	margin:auto;
}

.spec div p{
	font-size:1.6rem;
	margin-right:0;
	display:table;
	margin:auto;
}
}

#shop li .shop_box{
	display:flex;
	color:fff;
	}

#shop li:nth-child(odd) .shop_box{
	flex-direction: row-reverse;

}

#shop li{
	box-shadow: 0px 9px 5px -5px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 9px 5px -5px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 9px 5px -5px rgba(0,0,0,0.2);
	margin-bottom:40px;
}



#shop li .lb{
	width:100%;
	height:100%;
	max-width:440px;
	vertical-align:bottom;
}

#shop li .rb{
	color:#fff;
	font-size:1.4rem;
	background:url(../images/shop_wifi.png) no-repeat;
	background-position: right 10px bottom 10px;
	width:100%;
}

#shop li h2{
	padding:20px 20px 0

}

#shop li h2 img{
	width:100%;
	max-width:506px;
}

#shop li .rb strong{
	font-size:1.8rem;
	font-weight:bold;
	padding:0 20px;
	display:block;
	word-break:break-all;
}

#shop li .rb p{
	padding: 0 20px 20px;
	word-break:break-all;
}

#shop li:nth-child(1){
	background:#00a0e9;
}

#shop li:nth-child(2){
	background:#06cbc2;
}

#shop li:nth-child(3){
	background:#b6cb06;
}

#shop li:nth-child(4){
	background:#f98425;
}
#shop li:nth-child(5){
	background:#00a0e9;
}
#shop li:nth-child(6){
	background:#f98425;
}
#shop li:nth-child(7){
	background:#ADB7C0;
}
#shop li:nth-child(8){
	background:#06cbc2;
}

#shop li:nth-child(9){
	background:#f98425;
}


#shop li iframe{
	width:100%;
	vertical-align:bottom;
}


@media screen and (max-width:640px) {
	#shop li{
		margin-bottom:60px;
	}

	#shop li .shop_box{
		display:block;
	}

	#shop li .lb{
		max-width:inherit;
	}


	#shop li .rb{
	background:none;
}



}

#voice li{
	margin-bottom:15px;
	clear:both;
	display:flex;
}

#voice li{
	width:auto;
	height:auto;
}



#voice h2{
	background:#265a9d;
	padding:0 10px;
}

#voice h2 img{
	width:100%;
	display:block;
	margin:auto;
	max-width:320px;
	padding:15px 0;
	vertical-align:bottom;
}

#voice ul{
	margin-top:20px;
}

#voice li p {
	position: relative;
	padding: 0px;
	min-width: 120px;
	max-width: 100%;
	color: #555;
	font-size: 14px;
	background: #f1f1f1;
	word-wrap: break-word;
	width:100%;

}

#voice li p span{
	display:block;
	padding:10px 15px;
	word-break:break-all;

}
#voice li img{
	margin-right:10px;
	height:100%;
}

#voice li p:before{
	content: "";
	position: absolute;
	top: 50%;
	left: -20px;
	margin-top: -15px;
	border: 10px solid transparent;
	border-right: 15px solid #f1f1f1;
}

#instagram h2{
	width:80%;
	max-width:367px;
	margin:0 auto 20px;
}

#instagram h2 img{
	width:100%;
}

.page_top{
	margin:auto;
	padding:40px 10px;
	max-width:1180px;
}


.page_top a{
	margin: 0 0 0 auto;
	display:table;
}

.go_japan{
	display:block;
	margin:0 auto 40px;
	text-align: center;
}



footer{
	background:#f3f3f3;
	padding:10px 0;
	font-size:1.2rem;
	text-align:center;
}

.thanks{
	font-size:2rem;
	text-align:center;
	display:block !important;
	padding-top:40px;
}

.thanks p{
	margin-bottom:20px;
}