@charset "utf-8";
#p_wrapper{position:relative;width:100%;max-width:640px;margin:0 auto;overflow:hidden}
#p_wrapper img{ width:100%;}
.btnBlank{background:url("../images/blank.png");overflow:hidden;text-indent:-99999px;position:absolute;	}
.miseenscene_top{position:relative;}
.videoArea{position:relative;}
.videoArea img{width:100%;opacity:0;}
.videoArea iframe{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1}
.miseenscene_top .videoArea iframe{ width:100%; height:100%;}
.tabImg{position:relative;}
.tabImg ul{position:absolute;left:0;top:0;width:100%;height:100%;}
.tabImg ul li{float:left;width:20%;height:100%; }
.tabImg ul li a{display:block;width:100%;height:100%;overflow:hidden;text-indent:-9999px;background:url("../images/blank.png");}
.miseenscene_menu{position:relative;}
.miseenscene_menu ul{height:100%; position:absolute; left:0; top:0; width:100%;}
.miseenscene_menu ul li{ float:left;width:25%;height:100%;}
.miseenscene_menu ul li a{display:block; overflow:hidden; text-indent:-99999px;height:100%;}

.miseenscene_sec01{ position:relative;background:#1e1e1e;}
.miseenscene_sec01 .swiper-pagination {
	bottom: 35vw;
	left: 0;
	width: 100%;
}
.miseenscene_sec01 .swiper-pagination .swiper-pagination-bullet{
	width:2.4vw;
	height:2.4vw;
	margin:0 1vw;
	background:#575757;
	opacity:1;
}
.miseenscene_sec01 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
	background:#ffc400;
}
.miseenscene_sec02{
	position:relative;
}
.miseenscene_sec02 .btnCoupon{
	left: 11%;
	top: 65%;
	width: 78%;
	height: 10%;
}

.miseenscene_sec03{ position:relative;background:#2d2d2d;}
.miseenscene_sec03 .swiper-pagination {
	bottom: 35vw;
	left: 0;
	width: 100%;
}
.miseenscene_sec03 .swiper-pagination .swiper-pagination-bullet{
	width:2.4vw;
	height:2.4vw;
	margin:0 1vw;
	background:#575757;
	opacity:1;
}
.miseenscene_sec03 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
	background:#ffc400;
}

.miseenscene_sec04{ position:relative;background:#ffe9b5;}
.miseenscene_sec04 .swiper-pagination {
	bottom: 17vw;
	left: 0;
	width: 100%;
}
.miseenscene_sec04 .swiper-pagination .swiper-pagination-bullet{
	width:2.4vw;
	height:2.4vw;
	margin:0 1vw;
	background:#ffffff;
	opacity:1;
}
.miseenscene_sec04 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
	background:#ffa819;
}


.miseenscene_sec05{ position:relative;background:#fff;}
.miseenscene_sec05 .swiper-container {
	position:absolute;left:0;top:54.5%;width:100%;

}
.miseenscene_sec05 .btnAfter {
	left: 11%;
	top: 41%;
	width: 78%;
	height: 10%;
}
.miseenscene_sec05 .alertShow {
	left: 0%;
	bottom: 0%;
	width: 100%;
	height: 5%;
}
.miseenscene_sec05 .swiper-pagination {
	bottom: 16vw;
	left: 0;
	width: 100%;
}
.miseenscene_sec05 .swiper-pagination .swiper-pagination-bullet{
	width:2.4vw;
	height:2.4vw;
	margin:0 1vw;
	background:#ffbe8b;
	opacity:1;
}
.miseenscene_sec05 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
	background:#ffffff;
	opacity:1;
}
.alert{position:absolute;margin:0 2vw;left:0;right:0;bottom:2.5vw;z-index:10}
.alert.alert1{display:none;}
.alert.alert2{display:none;}
.alert.alert3{display:none;}
.alert .btnClose{right: 0;top: 0;width: 7%; height: 7%;}

.miseenscene_sec04{ position:relative;}

.miseenscene_sec04 .btn_photo{
	left: 17%;
	top: 57.6%;
	width: 68%;
	height: 6%;
}

.miseenscene_popup{display:none; position:absolute; width:300px;margin:0 auto;left:0;right:0;top:100px;z-index:1000}
.miseenscene_popup img{width:100%;}
.miseenscene_popup .btnOk{
	left: 22%;
	top: 76%;
	width: 59%;
	height: 15%;
}
.miseenscene_popup .btnClose{
	right: 2%;
	top: 1%;
	width: 10%;
	height: 9%;
}
.dim_bg{ background:#000000; opacity:0.7; position:fixed; left:0; top:0; width:100%; height:100%;z-index:50;display:none;}