@charset "UTF-8";

@import url("base.css");
@import url("print.css");

body{ background:#fff;}
.pc{ display:block}
.sp{ display:none}


.back {
	position: fixed;
	bottom: 10px;
	right: 10px;
}


#page {
	position: relative;
	width: 100%;
}

#header {
width: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 30;
background:url(../images/header_bg.png) repeat-x bottom left;background-size:cover;
height:90px;
text-align: center;
z-index: 200;

}

#header h1 img{height: 88px; width: auto}
#header #btshoplist{position: absolute;top: 40px;right: 50px}
#header #btshoplist img{height: 15px;;width: auto}

.fixed{display: none}

#footer {
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 200;
	height:80px;
	background: url(../images/nav_bg.png) repeat-x;background-size:cover;
}
.removefixed{display: none;visibility: hidden}

#footer #nav {
	text-align: right;margin-right: 50px
}
#footer #nav li {
	display: inline-block;text-align: right;margin-left: 50px;margin-top: 20px
}
#footer #nav li a {
	display: block;
	
}
#footer #nav li img{height:60px;width: auto;}


#contents {
	position: relative;
	z-index: 100;
	width: 100%;
	text-align: center;
}
.sec1{background: url(../images/section1.jpg) no-repeat center center; background-size:100% auto;min-height: 500px}
.sec2{background: url(../images/section2.jpg) no-repeat center center; background-size:100% auto;min-height: 500px}
.sec3{background: url(../images/section3.jpg) no-repeat center center; background-size:100% auto;min-height: 500px}
.sec4{background: url(../images/section4.jpg) no-repeat center center; background-size:100% auto;min-height: 500px}
.sec5{background: url(../images/section5.jpg) no-repeat center center; background-size:100% auto;min-height: 500px}
.sec6{background: url(../images/section6_withtax.jpg) no-repeat center center; background-size:100% auto;min-height: 500px}
.sec7{background: url(../images/section7.jpg) no-repeat center center; background-size:100% auto;min-height: 500px}
.store{background: url(../images/store.jpg) no-repeat center center; background-size:100% auto;min-height: 500px}
.sec1 img,
.sec2 img,
.sec3 img,
.sec4 img,
.sec5 img,
.sec6 img,
.sec7 img,
.store img{display: none}


/*shoplist*/
#shoplist{padding-top:75px; padding-bottom:40px; overflow:hidden;}
.movie-wrap {
    position: relative;
    height: 86%;
	box-sizing:border-box;
	overflow: hidden;
}
 
.movie-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
	width: 100% !important;
	height: 100% !important;
}

@media only screen and (max-width: 768px) {
#header {
height:60px;
background-size: cover
}
#header h1 img{height: 56px; width: auto}
#header #btshoplist{position: absolute;top: 20px;right: 10px}
#header #btshoplist img{height: 10px;;width: auto}


#footer{height: 50px;background-size: cover}
#footer #nav {
	margin-right: 0px;text-align: center;font-size: 0;
}
#footer #nav li {font-size: 13px;	margin-left: 15px;margin-right: 0px; margin-top: 12px;
}
#footer #nav li:first-child{margin-left: 0}
#footer #nav li img{height:36px;width: auto}

.sec1,
.sec2,
.sec3,
.sec4,
.sec5,
.sec6,
.sec7,
.store{background: none}
.sec1 img,
.sec2 img,
.sec3 img,
.sec4 img,
.sec5 img,
.sec6 img,
.sec7 img,
.store img{display: block;width: 100%;height: auto}

}