@charset "utf-8";


@media screen and (min-width:768px){
/*pc・タブレットcss*/


/* ++++++++++++++++ */

.shop-movie {
	width:80%;
	max-width:744px;
	margin: 0 auto 150px;
}
.shop-movie .youtube {
	position: relative;
	padding-top: 56.25%;
	height: 0;
	margin-bottom:3vw;
}
.shop-movie iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* ++++++++++++++++ */

#shop-list{
}
#shop-list li{
	width:32%;
	margin-bottom:70px;
	margin-right:2%;
}
#shop-list li:nth-child(3n){
	margin-right:0;
}
#shop-list .ph{
	margin-bottom:20px;
}
#shop-list .shop-name{
	font-size:22px;
	margin-bottom:10px;
}
#shop-list .shop-data{
	margin-bottom:10px;
}

/* ++++++++++++++++ */

#shop-detail-page-ttl{
	font-size:34px;
	text-align:center;
}
	
#shop-detail-main{
	width:100%;
	max-width:900px;
	margin:0 auto 70px;
}
#shop-detail-main .slider{
	margin-bottom:20px;
}
#shop-detail-main .thumbnail li{
	position:relative;
	margin:0 5px;
}
#shop-detail-main .thumbnail li.slick-current:before{
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border: solid 3px #000;
}
#shop-detail-main .thumbnail.slick-initialized .slick-track.unset {
	transform: unset !important;
	width: auto !important;
}


.shop-detail-leadtxt{
	width:70%;
	margin:0 auto 160px;
}
.shop-detail-name{
	margin-bottom:10px;
	font-size:20px;
}
.shop-detail-data{
	width:70%;
	margin:0 auto 70px;
}
.shop-detail-data .data{
	margin-bottom:20px;
	-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
	-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
.shop-detail-data .data dt{
	width:6em;
}
.shop-detail-data .data dd{
	width:calc(100% - 6em);
}
.shop-detail-data .note{
	margin-bottom:20px;
	text-indent:-1em;
	padding-left:1em;
	font-size:14px;
	line-height:1.5;
}

.shop-detail-data .sns{
	-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
	-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
.shop-detail-data .sns li{
	width:25px;
	margin-right:20px;
}
.shop-detail-data .sns li.sns-txt{
	width: inherit;
}
.shop-detail-data .sns li.sns-txt a{
	font-size:11px;
	line-height:1;
	-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
	-webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;
	-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
.shop-detail-data .sns li.sns-txt img{
	width:25px;
	margin-right:10px;
}
	
.shop-detail-ttl01{
	margin-bottom:40px;
	font-size:26px;
	text-align:center;
}
.shop-detail-ttl02{
	margin-bottom:20px;
	font-size:18px;
	text-align:center;
}

.access-map{
	width: 100%;
	position: relative;
	padding-top: 56.25%;
	margin-bottom:20px;
}
.access-map iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none;
}
.shop-list-link{
	font-size:17px;
	text-align:center;
}


/* ++++++++++++++++ */

.foreign-merchant{
	-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
	-webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;
	-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
.foreign-merchant .ph{
	width:50%;
}
.foreign-merchant .shop-data{
	width:45%;
}
.foreign-merchant .shop-data li{
	margin-bottom:30px;
}
.foreign-merchant .shop-name{
	font-size:22px;
}


}

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



}

@media (max-width: 768px) {

	/* ++++++++++++++++ */
	
	.shop-movie {
		width:100%;
		margin: 0 auto 20vw;
	}
	.shop-movie .youtube {
		position: relative;
		padding-top: 56.25%;
		height: 0;
		margin-bottom:3vw;
	}
	.shop-movie iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	
	/* ++++++++++++++++ */
	

	#shop-list{
	}
	#shop-list li{
		width:47.5%;
		margin-bottom:10vw;
		margin-right:5%;
	}
	#shop-list li:nth-child(2n){
		margin-right:0;
	}
	#shop-list .ph{
		margin-bottom:2vw;
	}
	#shop-list .shop-name{
		font-size:16px;
		margin-bottom:2vw;
	}
	#shop-list .shop-data{
		margin-bottom:2vw;
	}
		
	/* ++++++++++++++++ */
	
	#shop-detail-page-ttl{
		font-size:24px;
		text-align:center;
	}
	
	#shop-detail-main{
		margin-bottom:10vw;
		padding-bottom:5vw;
		background:url(../img/shop/slider_icon.svg) no-repeat center bottom / 18% auto;
	}
	#shop-detail-main .slider{
		margin-bottom:3vw;
	}
	
	
	#shop-detail-main .thumbnail li{
		position:relative;
		margin:0 1vw;
	}
	#shop-detail-main .thumbnail.five-less li:nth-child(3){
		margin:0 0 0 1vw;
	}
	#shop-detail-main .thumbnail li.slick-current:before{
		content:"";
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		border: solid 3px #000;
	}
	#shop-detail-main .thumbnail.slick-initialized .slick-track.unset {
		transform: unset !important;
		width: auto !important;
	}	
	
	.shop-detail-leadtxt{
		margin:0 auto 16vw;
	}
	.shop-detail-name{
		margin-bottom:1vw;
		font-size:16px;
	}
	.shop-detail-data{
		margin:0 auto 10vw;
	}
	.shop-detail-data .data{
		margin-bottom:3vw;
		-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
		-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
	}
	.shop-detail-data .data dt{
		width:6em;
	}
	.shop-detail-data .data dd{
		width:calc(100% - 6em);
	}
	.shop-detail-data .sp-tel a{
		display:block;
		margin-bottom:6vw;
		font-size:23px;
		line-height:1;
		padding:3vw;
		text-align:center;
		border: solid 1px #707070;
	}
	.shop-detail-data .sp-tel a span{
		display:inline-block;
		padding-left:8vw;
		background:url(../img/shop/tel_icon.svg) no-repeat left center / auto 100%;
	}
	.shop-detail-data .note{
		margin-bottom:6vw;
		text-indent:-1em;
		padding-left:1em;
		font-size:12px;
		line-height:1.5;
	}
	
	.shop-detail-data .sns{
		-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
		-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
	}
	.shop-detail-data .sns li{
		width:25px;
		margin-right:20px;
	}
			
	.shop-detail-data .sns li.sns-txt{
		width: inherit;
	}
	.shop-detail-data .sns li.sns-txt a{
		font-size:11px;
		line-height:1;
		-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
		-webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;
		-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
	}
	.shop-detail-data .sns li.sns-txt img{
		width:25px;
		margin-right:10px;
	}
	
	
	.shop-detail-ttl01{
		margin-bottom:5vw;
		font-size:22px;
		text-align:center;
	}
	.shop-detail-ttl02{
		margin-bottom:3vw;
		font-size:18px;
		text-align:center;
	}
	
	.access-map{
		width: 100%;
		position: relative;
		padding-top: 56.25%;
		margin-bottom:20px;
	}
	.access-map iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border: none;
	}
	.shop-list-link{
		font-size:16px;
		text-align:center;
	}
	.url{
		word-break: break-all;
	}
	

	/* ++++++++++++++++ */
	
	.foreign-merchant{
		-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
		-webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;
		-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
	}
	.foreign-merchant .ph{
		width:100%;
		margin-bottom:5vw;
	}
	.foreign-merchant .shop-data{
		width:100%;
	}
	.foreign-merchant .shop-data li{
		margin-bottom:3vw;
	}
	.foreign-merchant .shop-name{
		font-size:18px;
	}
	
}