@charset "UTF-8";


/*===========================================

MENU

===========================================*/

nav{
	width:100%;
	margin:0;
	padding:0;
	z-index:99999;
	position:relative;
}
	
@media screen and (min-width: 641px) { 
/* PC */
/* PCMENUは全ページ共通のため、commonに記述 */
}

@media screen and (max-width: 640px) {
/* SP */
/* SPMENUは全ページ共通のため、commonに記述 */
}


/*===========================================

MAIN

===========================================*/
	
.storeimg1{
	background: url(../images/m1.jpg) no-repeat center center;
	-webkit-transform:translate(-50%);
	-ms-transform:translate(-50%);
	transform:translate(-50%);
	-moz-background-size:cover;
	background-size:cover;
	text-indent:-99999px;
}

.storeimg2{
	background: url(../images/m2.jpg) no-repeat center center;
	-webkit-transform:translate(-50%);
	-ms-transform:translate(-50%);
	transform:translate(-50%);
	-moz-background-size:cover;
	background-size:cover;
}

.storeimg3{
	background: url(../images/m3.jpg) no-repeat center center;
	-webkit-transform:translate(-50%);
	-ms-transform:translate(-50%);
	transform:translate(-50%);
	-moz-background-size:cover;
	background-size:cover;
}

.storeimg4{
	background: url(../images/m4.jpg) no-repeat center center;
	-webkit-transform:translate(-50%);
	-ms-transform:translate(-50%);
	transform:translate(-50%);
	-moz-background-size:cover;
	background-size:cover;
}

.storeimg5{
	background: url(../images/m5.jpg) no-repeat center center;
	-webkit-transform:translate(-50%);
	-ms-transform:translate(-50%);
	transform:translate(-50%);
	-moz-background-size:cover;
	background-size:cover;
}

.storeimg6{
	background: url(../images/m6.jpg) no-repeat center center;
	-webkit-transform:translate(-50%);
	-ms-transform:translate(-50%);
	transform:translate(-50%);
	-moz-background-size:cover;
	background-size:cover;
}

.storeimg7{
	background: url(../images/m7.jpg) no-repeat center center;
	-webkit-transform:translate(-50%);
	-ms-transform:translate(-50%);
	transform:translate(-50%);
	-moz-background-size:cover;
	background-size:cover;
}

.dot.dotc1{
	background: url(../images/s1.jpg) no-repeat center center;	
}

.dot.dotc2{
	background: url(../images/s2.jpg) no-repeat center center;	
}

.dot.dotc3{
	background: url(../images/s3.jpg) no-repeat center center;	
}

.dot.dotc4{
	background: url(../images/s4.jpg) no-repeat center center;	
}

.dot.dotc5{
	background: url(../images/s5.jpg) no-repeat center center;	
}

.dot.dotc6{
	background: url(../images/s6.jpg) no-repeat center center;	
}

.dot.dotc7{
	background: url(../images/s7.jpg) no-repeat center center;	
}

.dot.dotc1.is-selected{
	background: url(../images/s1on.jpg) no-repeat center center;	
}

.dot.dotc2.is-selected{
	background: url(../images/s2on.jpg) no-repeat center center;	
}

.dot.dotc3.is-selected{
	background: url(../images/s3on.jpg) no-repeat center center;	
}

.dot.dotc4.is-selected{
	background: url(../images/s4on.jpg) no-repeat center center;	
}

.dot.dotc5.is-selected{
	background: url(../images/s5on.jpg) no-repeat center center;	
}

.dot.dotc6.is-selected{
	background: url(../images/s6on.jpg) no-repeat center center;	
}
	
.dot.dotc7.is-selected{
	background: url(../images/s7on.jpg) no-repeat center center;	
}
	
	
@media screen and (min-width: 641px) { 
/* PC */

	main{
		width:100%;
		overflow:hidden;
		position:relative;
		z-index:9000;
	}
	
	.maincontent{
		width: 100%;
		position:relative;	
	}
	
	.maincontentheadfr{
		width:950px;
		margin:0 auto;
		position:relative;
		left:25px;
		z-index:9999;
	}
	
	.maincontenthead{
		width:300px;
		height:575px;
		margin:0 auto;
		position:absolute;
		text-align:center;
		z-index:9999;
	}
	
	p.headtxt1{
		position:relative;
		color:#fff;
		font-size:14px;
		filter: alpha(opacity=100);
		-ms-filter: alpha(opacity=100);
		opacity: 1.0;
		text-align:center;
		margin:140px 0 0 0;
	}
	
	p.headtxt2{
		display:block;
		position:absolute;
		bottom:0;
		color:#fff;
		font-size:16px;
		filter: alpha(opacity=100);
		-ms-filter: alpha(opacity=100);
		opacity: 1.0;
		left:20px;
	}
	
	.maincontentheadbg{
		width:300px;
		height:575px;
		margin:0 auto;
		position:absolute;
		background-color:#000;
		filter: alpha(opacity=50);
		-ms-filter: alpha(opacity=50);
		opacity: 0.5;
		z-index:9000;
	}
	
	.maincontenthead h2{
		width:300px;
		text-align:center;
		overflow:hidden;
		margin:44px 0 0 0;
		padding:0;
		position:relative;
	}
	
	.maincontenthead h2 img{
		width:80%;	
	}
	
	#js-flickity{
		position:relative;
		z-index:9000;
	}
	
	#js-flickity li.gallery-cell{
		width:100%;
		height:500px;
		position:relative;
	}
	
	button.flickity-prev-next-button.previous,button.flickity-prev-next-button.next{
		display:none;	
	}
	
	.storeimg{
		position:absolute;
		min-width: 100%;
		min-height: 100%;
		width: auto;
		height: auto;
		z-index: 9000;
		left: 50%;
		top: 0;
		margin:0 auto;
		text-indent:-99999px!important;
	}
	
	ul#js-flickity.flickity-enabled.is-draggable{
		position:relative;
				
	}
	
	div.flickity-page-dots-frame{
		width:950px;
		height:80px;
		padding:0;
		margin:0 auto;
		position:relative;
	}
	
	.flickity-page-dots{
		width:630px;
		position:absolute;
		bottom:5px;
		overflow:hidden;
		right:20px;
	}
	
	.flickity-page-dots .dot{
		display:inline-block;
		width: 60px;
		height: 60px;
		margin-top: 0px;
		margin-right: 8px;
		margin-bottom: 0px;
		margin-left: 8px;
		display:block;
		float:left;
		cursor: pointer;
		border:none;
		border-top-left-radius: 0%;
		border-top-right-radius: 0%;
		border-bottom-right-radius: 0%;
		border-bottom-left-radius: 0%;
		background-color:none!important;
		opacity:1;
		z-index:9999;
	}
	
	.flickity-page-dots .dot.is-selected{
		opacity: 1;
		border:solid 5px #e74f5e;
	}
	
	.maincontenttext{
		width:950px;
		margin:0 auto;	
	}
	
	.maincontenttext p{
		width:900px;
		margin:40px auto 45px auto;
		color:#5a5a5a;
		line-height:2.2em;
		font-size:17px;
		max-height: 999999px;/*android font-size対応*/
	}
	
	.maincontentmapfr{
		width:100%;
		background: url(../../../common/images/movietop.png);
	}
	
	.maincontentmap{
		width:900px;
		margin:40px auto 20px auto;
		color:#5a5a5a;
		line-height:2.0em;
	}
	
	.maincontentmap:after{
		content: ".";   
		display: block;   
		height: 0;   
		clear: both;   
		visibility: hidden; 
	}
	
	.maincontentmap h3{
		width:300px;
		height:60px;
		background-color:#808080;
		color:#fff;
		font-size:16px;
		margin:0;
		text-align:left;
		display:table;
	}
	
	.maincontentmap h3 span{
		padding:0 0 0 20px;
		display:table-cell;
		vertical-align:middle;
	}
	
	.maincontentmap table{
		margin:20px 0 35px 0;
	}
	
	.maincontentmap table tr,.maincontentmap table tr td{
		margin:0;
		padding:0;
		font-size:16px;
		position:relative;
	}
	
	.maincontentmap table tr,.maincontentmap table tr td a{
		margin-bottom:20px;
		border-bottom: solid 1px #5a5a5a;
		padding:0;
		font-size:16px;
		position:relative;
	}
	
	.maincontentmap table tr td strong{
		font-weight:800;
	}
	
	.maincontentmap table tr td .icon{
		position:relative;
		top:-5px;
		margin:0 5px 0 0;
	}
	
	.maincontentmap .maptxt1{
		width:48%;
		float:left;
	}
	
	.maincontentmap .maptxt2{
		width:48%;
		float:right;
	}
	.gmapfr{
		width:950px;
		margin:0 auto;
	}
	.gmap{
		width:950px;
		height:500px;
	}
	.storemanagerfr{
		width:950px;
		margin:0 auto;
		padding:35px 0 35px 0;
		overflow:hidden;
		background-color:#fff;
	}
	.storemanager{
		width:880px;
		margin:0 auto;
	}
	
	.mgyoutubefr{
		width:400px;
		float:left;
	}
	
	.mgyoutube{
		  position: relative;
		  padding:30px 0 56.25% 0;
		  height: 0;
		  overflow: hidden;
		  width:100%;
	}
 
	.mgyoutube iframe{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	
	.storemanager img{
		float:left;	
	}
	
	.storemanagertxt{
		width:440px;
		float:right;
		color:#5a5a5a;
		font-size:14px;
		line-height:1.8em;
	}
	
	.storemanagertxt p{
		margin:0 0 20px 0;
	}
	
	.storemanagertxt p.title{
		font-size:16px;
		margin:0 0 20px 0;
	}
}

@media screen and (max-width: 640px) {
/* SP */
	main{
		width: 100%;
		overflow:hidden;
		position:relative;
		z-index:9900;
		margin:120px 0 0 0;
	}
	
	.maincontent{
		width: 100%;
		position:relative;	
	}
	
	.maincontentheadfr{
		width: 100%;
		margin:0 auto;
		position:relative;
		left:0;
		z-index:9999;
	}
	
	.maincontenthead{
		width:30%;
		height:50vw;
		margin:0 auto;
		position:absolute;
		text-align:center;
		z-index:9999;
	}
	
	p.headtxt1{
		width:70%;
		position:relative;
		color:#fff;
		font-size:2vw;
		filter: alpha(opacity=100);
		-ms-filter: alpha(opacity=100);
		opacity: 1.0;
		text-align:center;
		margin:15vw auto 0 auto;
	}
	
	.maincontenthead h2{
		width:70%;
		margin:5vw auto 0 auto;
	}
	
	.maincontenthead h2 img{
		width:100%;	
	}
	
	p.headtxt2{
		display:none;
		position:absolute;
		bottom:0;
		color:#fff;
		font-size:16px;
		filter: alpha(opacity=100);
		-ms-filter: alpha(opacity=100);
		opacity: 1.0;
		left:20px;
	}
	
	.maincontentheadbg{
		width:30%;
		height:50vw;
		margin:0 auto;
		position:absolute;
		background-color:#000;
		filter: alpha(opacity=50);
		-ms-filter: alpha(opacity=50);
		opacity: 0.5;
		z-index:9000;
	}
	
	#js-flickity{
		position:relative;
		z-index:9000;
	}
	
	#js-flickity li.gallery-cell{
		width:100%;
		height:50vw;
		position:relative;
	}
	
	button.flickity-prev-next-button.previous,button.flickity-prev-next-button.next{
		display:none;	
	}
	
	.storeimg{
		position:absolute;
		width: 100%;
		height: 100%;
		z-index: 9000;
		left: 50%;
		top: 0;
		margin:0 auto;
		text-indent:-99999px!important;
	}
	
	ul#js-flickity.flickity-enabled.is-draggable{
		position:relative;
				
	}
	
	div.flickity-page-dots-frame{
		min-width: 100%;
		height:14vw;
		padding:0;
		margin:0 auto;
		position:relative;
	}
	
	.flickity-page-dots{
		min-width: 100%;
		position:absolute;
		bottom:5px;
		overflow:hidden;
		left:0;
		margin:0;
		padding:0;
		text-align:center;
	}
	
	.flickity-page-dots .dot{
		display:inline-block;
		width: 10vw;
		height: 10vw;
		margin-top: 0px;
		margin-right: 1vw;
		margin-bottom: 0px;
		margin-left: 1vw;
		cursor: pointer;
		border:none;
		border-top-left-radius: 0%;
		border-top-right-radius: 0%;
		border-bottom-right-radius: 0%;
		border-bottom-left-radius: 0%;
		background-color:none!important;
		opacity:1;
		z-index:9999;
	}
	
	.flickity-page-dots .dot.is-selected{
		opacity: 1;
		border:solid 5px #e74f5e;
	}
	
	.maincontenttext{
		width:96%;
		margin:0 auto;	
	}
	
	.maincontenttext p{
		width:100%;
		margin:4vw auto 4vw auto;
		color:#5a5a5a;
		font-size:2.8vw;
		line-height:2.0em;
		max-height: 999999px;
	}
	
	.maincontentmapfr{
		width:100%;
		background: url(../../../common/images/movietop.png);
	}
	
	.maincontentmap{
		width:96%;
		margin:40px auto 20px auto;
		color:#5a5a5a;
		line-height:2.0em;
	}
	
	.maincontentmap:after{
		content: ".";   
		display: block;   
		height: 0;   
		clear: both;   
		visibility: hidden; 
	}
	
	.maincontentmap h3{
		width:100%;
		height:60px;
		background-color:#808080;
		color:#fff;
		font-size:2.8vw;
		margin:0;
		text-align:left;
		display:table;
	}
	
	.maincontentmap h3 span{
		padding:0 0 0 20px;
		display:table-cell;
		vertical-align:middle;
	}
	
	.maincontentmap table{
		margin:20px 0 20px 0;
	}
	
	.maincontentmap table tr,.maincontentmap table tr td{
		margin:0;
		padding:0;
		font-size:2.8vw;
		position:relative;
	}
	
	.maincontentmap table tr,.maincontentmap table tr td a{
		margin_bottom:10px;
		border-bottom: solid 1px #5a5a5a;
		padding:0;
		font-size:2.8vw;
		position:relative;
	}
	
	.maincontentmap table tr td strong{
		font-weight:800;
	}
	
	.maincontentmap table tr td .icon{
		position:relative;
		top:-5px;
		margin:0 5px 0 0;
	}
	
	.maincontentmap .maptxt1{
		width:100%;
		float:none;
	}
	
	.maincontentmap .maptxt2{
		width:100%;
		float:none;
	}
	.gmapfr{
		width:100%;
		margin:0 auto;
	}
	.gmap{
		width:100%;
		height:300px;
	}
	.storemanagerfr{
		width:100%;
		margin:0 auto;
		padding:45px 0 35px 0;
		overflow:hidden;
		background-color:#fff;
	}
	.storemanager{
		width:96%;
		margin:0 auto;
		text-align:center;
	}
	
	.mgyoutubefr{
		width:80%;
		margin:0 auto;
	}
	
	.mgyoutube{
		  position: relative;
		  padding:30px 0 56.25% 0;
		  height: 0;
		  overflow: hidden;
		  width:100%;
	}
 
	.mgyoutube iframe{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	
	.storemanagertxt{
		width:80%;
		color:#5a5a5a;
		font-size:2.8vw;
		line-height:1.8em;
		margin:0 auto;
	}
	
	.storemanagertxt p{
		margin:10px auto 30px auto;
		text-align:left;
		max-height: 999999px;
	}
	
	.storemanagertxt p.title{
		font-size:2.8vw;
		margin:25px 0 20px 0;
	}
	
	.storemanagertxt a{
		display:block;
		text-align:center;
	}
	
	.storemanagertxt img{
		width:40%;
		margin:0 auto;
	}
}


/*===========================================

FOOTER

===========================================*/

@media screen and (min-width: 641px) { 
/* PC */
/* PCFOOTERは全ページ共通のため、commonに記述 */
}

@media screen and (max-width: 640px) {
/* SP */
/* SPFOOTERは全ページ共通のため、commonに記述 */
}