@charset "utf-8";

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

	

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

html {
	background: #000000;
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	position: relative;
}

article, aside, details, figcaption, figure, footer, header, hgroup,
main, menu, nav, section, summary {
	display: block
}

body {
	background: #000000 url(../img/bg_01.png) repeat-y;
	background-size: 100% auto;
	line-height: 1;
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
	-webkit-text-size-adjust: 100%;
	margin: 0;
	height: 100%;
	width: 100%;
	position: relative;
	z-index: 1;
}
p {
	margin: 0 0 0 0;
}
a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
iframe {
	z-index: 1 !important;
}

.pbr { display:none; }
@media (min-width: 1000px) {
.br { display:none; }
.pbr { display:block; }
}

a:focus{
  outline: none;
}
/*-------#header-------*/
header {
	width: 100%;
	position: absolute;
	margin: 0 0 0 0;
	top: 0;
	left: 0;
	z-index: 9999;
}
	.headerWrap {
		width: 92%;
		background: #f9be00;
		padding: 0 0 0 0;
		position: relative;
		z-index: 9999;
	}
	#header.top #g_navi {
		background: none;
	}

	/*---#g_menu----*/
	#g_navi {
		background: #f9be00;
		margin: 0;
		width: 100%;
		height: auto;
		text-align: center;
		z-index: 10000;
		position: fixed;
		padding: 3% 0 2% 0;
		top: 0;
	}
	#g_menu .hdBox {
		width: 100%;
		padding: 3% 0 2% 0;
		overflow: hidden;
		position: fixed;
		z-index: 9999;
	}
	#g_menu .hdBox2 {
		width: 100%;
	}
	#g_navi .btn {
		width: 12.5%;
		float: left;
	}
	#g_navi .logo {
	width: 43%;
		margin: 0 auto 0 auto;
	}
	#g_navi #menuBtn {
		width: 7%;
		margin: 6% 3% 0 0;
		float: right;
	}
	#g_navi #menuClose {
		width: 7%;
		margin: 6% 3% 0 0;
		float: right;
	}
	#g_navi .navi {
		font-size: 20px;
		position: relative;
		overflow: hidden;
		display: block;
		width: 92%;
		margin: 0 auto 0 auto;
		padding: 2% 0 1% 0;
		border: 2px solid #eff2d4;
		border-image: url(../img/line_bg.png) 5 round;
		background: #000000 url(../img/bg_01.png) repeat-y;
		background-size: 100% auto;
	}
	#g_navi .nav {
		width: 100%;
		margin: 0 0 5% 0;
		font-size: 23px;
		color: #EEEEEE;
		overflow: hidden;
	}
	#g_navi .nav li {
		width: 60%;
		color: #FFFFFF;
		margin: 0 auto 0 auto;
		padding: 0 0 1% 0;
		float: none;
		height: auto;
		border-left: none;
	}
	.hdBox2 {
		padding: 2.2% 0 2% 0;
		overflow: hidden;
	}
		#g_navi .nav li a {
			height: auto !important;
			display: block;
		}
	#g_navi .nav li.txt {
		font-size: 14px;
		padding: 10px 0 0 0;
		color: #545454;
	}
	body div#g_navi a {
		color: #AAAAAA;
	}
	body div#g_navi a:hover {
		text-decoration: none;
		color: #CCCCCC;
	}
	#g_menu{
		background: rgba(0, 0, 0, 0.50);
		position: fixed;
		width: 100%;
		margin: 0 0 0 0;
		padding: 3% 0 0 0;
		z-index: 10000;
		display: none;
		top: 0;
		bottom: 0;
	}
	#g_navi .navBox {
		width: 92%;
		margin: 0 auto 0 auto;
		overflow: hidden;
		border: 2px solid #eff2d4;
		border-image: url(../img/line_bg.png) 5 round;
		background: #000000 url(../img/bg_01.png) repeat-y;
		background-size: 100% auto;
	}
	
	@media (min-width: 1000px) {
	header {
		width: 100%;
		position: relative;
		padding: 20px 0 20px 0;
	}
	.headerWrap {
		width: 1042px;
		background: none;
		padding: 0 0 0 0;
		margin: 0 auto 0 auto;
		position: relative;
		z-index: 9999;
		border: 4px solid #eff2d4;
		border-image: url(../img/line_bg.png) 5 round;
		overflow: hidden;
	}
	#g_navi {
		padding: 0 0 0 0;
		position: relative;
	}
	#g_menu{
		padding: 0 0 0 0;
		width: 100%;
		background: none;
		position: relative;
		display: block !important;
			overflow: auto;
			overflow-x: auto;
			overflow-y: auto;
	}
	#g_menu .hdBox {
		padding: 5px 0 5px 0;
		border-bottom: none;
		z-index: 9999;
		overflow: hidden;
	}
		#g_menu .hdBox2 {
			width: auto;
			background: none;
			padding: 0 0 0 0;
			overflow: auto;
			float: left;
		}
			#g_navi .btn {
				width: 90px;
				float: left;
			}
			#g_navi .logo {
				background: url(../img/nav_logo.png) no-repeat center center ;
				height: 45px;
				width: 83px;
				float: left;
				padding: 6px 0 6px 0;
				margin: 0 65px 0 25px;
			}
			#g_navi .logo a { height: 45px; display: block; }
			#g_navi .logo:hover { 
				opacity: 0.5;
				filter: alpha(opacity=50);
				-ms-filter: "alpha(opacity=50)";
				-moz-opacity: 0.5;
				-khtml-opacity: 0.5;
			}
			#g_navi .logo img { display: none; }
			
	#g_navi .navBox {
		width: 100%;
		margin: 0 0 0 0;
		overflow: hidden;
		border: none;
		background: none;
	}
	#g_navi .nav {
		width: auto;
		float: left;
		border: none;
		margin: 0 0 0 0;
	}
	#g_navi .nav li {
		color: #FFFFFF;
		padding: 20px 0 20px 0;
		margin: 0 35px 0 0;
		float: left;
		height: auto;
		border: none;
	}
	#g_navi .nav li img {
		display: none;
	}
	#g_navi .nav li a {
		display: block;
		height: 30px !important;
	}
		#g_navi .nav li.nav_story {
			background: url(../img/nav_story.png) no-repeat center center;
			width: 72px;
			height: 15px;
		}
		#g_navi .nav li.nav_story:hover {
			background: url(../img/nav_story_on.png) no-repeat center center;
		}
		#g_navi .nav li.nav_schedule {
			background: url(../img/nav_schedule.png) no-repeat center center;
			width: 71px;
			height: 17px;
		}
		#g_navi .nav li.nav_schedule.cr,
		#g_navi .nav li.nav_schedule:hover {
			background: url(../img/nav_schedule_on.png) no-repeat center center;
		}
		#g_navi .nav li.nav_goods {
			background: url(../img/nav_goods.png) no-repeat center center;
			width: 49px;
			height: 16px;
		}
		#g_navi .nav li.nav_goods.cr,
		#g_navi .nav li.nav_goods:hover {
			background: url(../img/nav_goods_on.png) no-repeat center center;
		}
		#g_navi .nav li.nav_aboutgame {
			background: url(../img/nav_aboutgame.png) no-repeat center center;
			width: 158px;
			height: 17px;
		}
		#g_navi .nav li.nav_aboutgame:hover {
			background: url(../img/nav_aboutgame_on.png) no-repeat center center;
		}
		#g_navi .nav li.nav_about {
			background: url(../img/nav_about.png) no-repeat center center;
			width: 151px;
			height: 17px;
		}
		#g_navi .nav li.nav_about:hover {
			background: url(../img/nav_about_on.png) no-repeat center center;
		}
		#g_navi .nav li.nav_faq {
			background: url(../img/nav_faq.png) no-repeat center center;
			width: 40px;
			height: 17px;
		}
		#g_navi .nav li.nav_faq.cr,
		#g_navi .nav li.nav_faq:hover {
			background: url(../img/nav_faq_on.png) no-repeat center center;
		}
		#g_navi .nav li.nav_staff {
			background: url(../img/nav_staff.png) no-repeat center center;
			width: 94px;
			height: 18px;
			margin-right: 0px;
		}
		#g_navi .nav li.nav_staff.cr,
		#g_navi .nav li.nav_staff:hover {
			background: url(../img/nav_staff_on.png) no-repeat center center;
		}
	#g_navi #menuBtn {
		display: none;
	}
	#g_navi #menuClose {
		display: none;
	}
	#g_navi .navi {
		display: none;
	}
	}

/*-------#content-------*/
#content {
	width: 100%;
	margin: 0 auto 0 auto;
}
#content.f {

}
	#contentinner {
		width: 100%;
		font-size: 16px;
	}
	#contentinner.inner {
		padding: 26% 0 0 0;
		color: #f2f0e5;
	}
	#contentinner .contentBox {
		width: 92%;
		margin: 0 auto 0 auto;
	}
	#contentinner .contentBox h2 {
		margin: 9% auto 0 auto;
		text-align: center;
	}
	#contentinner .contentBox h2.lineA {
		width: 100%;
		margin: 3% auto 0 auto;
		padding: 4% 0 3% 0;
		border: 2px solid #eff2d4;
		border-image: url(../img/line_bg.png) 5 round;
	}
		#contentinner .contentBox .video {
			margin: 5% auto 0 auto;
			position: relative; 
			padding-bottom: 56.25%; 
			height: 0; 
			overflow: hidden; 
			max-width: 100%;
		}
		.video iframe, .video object, .video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
		.navArea { display: block; margin: 2% 0 0 0; }
	
		@media (min-width: 1000px) {
		#contentinner.inner {
			padding: 0 0 0 0;
		}
		#contentinner .contentBox {
			width: 100%;
			width: 1050px;
			margin: 0 auto 0 auto;
		}
		#contentinner .contentBox h2 {
			height: 50px;
			margin: 30px auto 0 auto;
			text-align: center;
			background-position: center center !important;
		}
		#contentinner .contentBox h2.lineA {
			width: 1042px;
			height: 50px;
			margin: 30px auto 0 auto;
			padding: 20px 0 20px 0;
			border: 4px solid #eff2d4;
			border-image: url(../img/line_bg.png) 5 round;
			background-position: center center !important;
		}
		#contentinner .contentBox .video {
			width: 451px;
			height: 254px;
			margin: 0 auto 0 auto;
			position: relative; 
			padding-bottom: 0; 
			overflow: hidden; 
			max-width: auto;
		}
		.navArea { display: none; }
		}

/*-------#main-------*/
#main {
	width: 100%;
	margin: 0 auto 0 auto;
	overflow: hidden;
	position: relative;
}
	#main .mainImg {
		background: url(../img/sp/main_img.png) no-repeat center top;
		background-size: 100% auto;
		margin: 0 0 0 0;
		line-height: 0;
	}
	#main .snsBox {
		display: block;
	}
	#main .snsBox ul {
		display: none;
	}
	#main .btnNazo {
		position: absolute;
		width: 30%;
		height: auto;
		z-index: 1;
		left: 6%;
		bottom: 7%;
		display: block;
	}
	@media (min-width: 1000px) {
	#main {
		width: 100%;
		min-width: 1050px;
		margin: 0 auto 0 auto;
		overflow: hidden;
		position: relative;
	}
		#main .mainImg {
			background: url(../img/mv_img.png) no-repeat center top;
			background-size: 1176px auto;
			width: 100%;
			height: 580px;
			margin: 0 auto 0 auto;
			line-height: 0;
		}
		#main .mainImg img {
			display: none;
		}
		#main .snsBox {
			width: 100%;
			top: 0;
			left: 0;
			display: block;
			position: absolute;
		}
		#main .snsBox div.sns {
			width: 1050px;
			height: 580px;
			margin: 0 auto 0 auto;
			text-align: right;
			position: relative;
		}
		#main .btnNazo {
			position: absolute;
			width: 176px;
			height: 134px;
			z-index: 1;
			left: auto;
			right: 370px;
			bottom: 2px;
		}
		#main .snsBox ul {
			position: absolute;
			right: 17px;
			bottom: 20px;
			display: block;
		}
		#main .snsBox ul li {
			float: left;
		}
		#main .snsBox ul li.tit {
			padding: 20px 10px 0 0;
		}
		#main .btnNazo {
			display: none;
		}
	}
	
	
/*-------#bnrBox-------*/
#bnrBox {
	background: url(../img/bg_02.png) repeat;
	background-size: 100% auto;
	margin:  0 auto 0 auto;
	width: 92%;
	padding: 3% 0 3% 0;
	overflow: hidden;
	
border: 2px solid #eff2d4;
border-image: url(../img/line_bg.png) 5 round;
border-top: 0px;
border-bottom: 0px;
}
	#bnrBox div {
		float: left;
		margin: 0 0 0 0;
	}
	#bnrBox .btn_character {
		width: 26%;
		padding: 4% 0 0 0;
		margin: 0 0 0 7%;
	}
	#bnrBox .btn_nazoletter_2 {
		display: none;
	}
	#bnrBox .btn_tv {
		width: 27%;
		padding: 7.8% 0 0 0;
		margin: 0 0 0 6%;
	}
	#bnrBox .btn_gyakuten {
		width: 21%;
		margin: 1% 2% 0 6%;
	}
	
	@media (min-width: 1000px) {
	#bnrBox {
		width: 1042px;
		margin: 0 auto 0 auto;
		padding: 19px 0 21px 0;
		overflow: hidden;
		border: 4px solid #eff2d4;
		border-image: url(../img/line_bg.png) 5 round;
		border-top: 0px;
		border-bottom: 0px;
	}
	#bnrBox div {
		float: left;
		margin: 0 0 0 0;
	}
		#bnrBox .btn_character {
			width: 204px;
			height: 192px;
			display: block;
			margin: 12px 0 0 56px;
			padding: 0 0 0 0;
		}
		#bnrBox .btn_nazoletter_2 {
			width: 186px;
			height: 183px;
			display: block;
			margin: 15px 0 0 45px;
			padding: 0 0 0 0;
		}
		#bnrBox .btn_tv {
			width: 197px;
			height: 151px;
			display: block;
			margin: 52px 0 0 48px;
			padding: 0 0 0 0;
		}
		#bnrBox .btn_gyakuten {
			width: 156px;
			height: 205px;
			display: block;
			margin: 0 0 0 65px;
			padding: 0 0 0 0;
		}
	}
	
/*-------#news-------*/
#news {
	width: 100%;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
	overflow: hidden;
}
	#news .contentBox {
		background: url(../img/bg_02.png) repeat;
		background-size: 100% auto;
		padding: 0 4px 0 0;
	}
	#contentinner #news .contentBox h2.lineA {
		margin: 0 0 0 0;
	}
	#news ul {
		width: 100%;
		margin: 0 auto 0 auto;
		padding: 2% 0 4% 0;
		border: 2px solid #eff2d4;
		border-image: url(../img/line_bg.png) 5 round;
		border-top: 0px;
	}
		#news ul li {
			font-size: 13px;
			text-align: left;
			padding: 3% 2% 1% 5%;
			color: #f2f0e5;
			line-height: 1.4;
		}
		#news ul li .date { color: #ddd8af; float: left; clear: left; }
		#news ul li dd { margin: 0 0 0 13%; }
		#news ul li a {
			color: #f2f0e5;
			text-decoration: underline;
		}
		#news ul li a:hover { text-decoration: none; }
		
	@media (min-width: 1000px) {
	#news {
		width: 100%;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
	}
	#news h2 {
		background: url(../img/news_tit.png) no-repeat;
		background-size: 92px 40px;
	}
	#contentinner #news .contentBox h2.lineA {
		margin: 0 0 0 0;
	}
	#news h2 img {
		display: none;
	}
	#news .contentBox {
		padding: 0 0 0 0;
	}
	#news ul {
		width: 1042px;
		border: 4px solid #eff2d4;
		border-image: url(../img/line_bg.png) 5 round;
		border-top: 0px;
		padding: 30px 0 10px 0;
	}
		#news ul li {
			font-size: 18px;
			padding: 0 0 15px 0;
			color: #f2f0e5;
		}

		#news ul li .date { font-size: 18px; padding: 0 0 0 200px; }
		#news ul li dd { font-size: 18px; margin: 0 0 0 250px; }

	}

/*-------#cm-------*/
#cm {
	width: 100%;
	text-align: center;
	margin: 0 0 10% 0;
}
	#cm .video {
		margin: 0 auto 0 auto;
	}

	@media (min-width: 1000px) {
	#cm {
		width: 100%;
		margin: 0px 0 80px 0;
	}
	#cm h2 {
		background: url(../img/cm_tit.png) no-repeat;
		background-size: 91px 44px;
	}
	#cm h2 img {
		display: none;
	}
	#cm .video {
		width: 560px !important;
		height: 315px !important;
		height: auto;
		margin: 50px auto 0 auto !important;
	}
	}
	
/*-------#story-------*/
#story {
	width: 100%;
	margin: 0 auto 0 auto;
	padding: 0 0 8% 0;
	overflow: hidden;
}
	#story ul {
		
	}
		#story ul li {
			margin: 3% auto 0 auto;
		}
		
	@media (min-width: 1000px) {
	#story {
		width: 100%;
		padding: 50px 0 80px 0;
	}
	#story h2 {
		background: url(../img/story_tit.png) no-repeat;
		background-size: 107px 43px;
	}
	#story h2 img {
		display: none;
	}
	#story ul {
		margin: 30px auto 0 auto;
	}
		#story ul li {
			margin: 0 auto 0 auto;
		}
		#story ul li img {
			display: none;
		}
		#story ul li.txt1 {
			background: url(../img/story_txt_01.png) no-repeat center top;
			width: 811px;
			height: 84px;
		}
		#story ul li.txt2 {
			background: url(../img/story_txt_02.png) no-repeat center top;
			width: 811px;
			height: 103px;
		}
		#story ul li.txt3 {
			background: url(../img/story_txt_03.png) no-repeat center top;
			width: 811px;
			height: 72px;
		}
		#story ul li.txt4 {
			background: url(../img/story_txt_04.png) no-repeat center top;
			width: 811px;
			height: 115px;
		}
	}
		
/*-------#schedule-------*/
#schedule {
	width: 100%;
	margin: 0 auto 0 auto;
	padding: 0 0 9% 0;
	overflow: hidden;
}
	#schedule .contentBox {
		background: url(../img/bg_02.png) repeat;
		background-size: 100% auto;
		padding: 0 4px 0 0;
	}
	#schedule ul {
		width: 100%;
		overflow: hidden;
		padding: 0 2px 0 0;
		margin: 0 auto 0 auto;
		border-right: 2px solid #eff2d4;
		border-image: url(../img/line_bg.png) 5 round;
	}
		#schedule ul li {
			width: 32.62612%;
			margin: 0 0 0 0;
			padding: 0 0 0 0;
			float: left;
			border: 2px solid #eff2d4;
			border-image: url(../img/line_bg.png) 5 round;
			border-top: 0px;
			border-right: 0px;
			line-height: 0;
		}
		#schedule ul li p {
			margin: 0 0 0 0;
		}
		#schedule ul li.event00_2 { display: block; }
		#schedule ul li.event00_3 { display: none; }


	@media (min-width: 1000px) {
	#schedule {
		padding: 0 0 0 0;
	}
	#schedule .contentBox {
		padding: 0 0 0 0;
	}
	#schedule h2 {
		background: url(../img/schedule_tit.png) no-repeat;
		background-size: 106px 44px;
	}
	#schedule h2 img {
		display: none;
	}
	#schedule ul {
		width: 1046px;
		overflow: hidden;
		padding: 0 0 0 0;
		margin: 0 auto 0 auto;
		border-right: 4px solid #eff2d4;
		border-image: url(../img/line_bg.png) 5 round;

	}
		#schedule ul li {
			width: 257.5px;
			height: 170px;
			margin: 0 0 0 0;
			float: left;
			border: 4px solid #eff2d4;
			border-image: url(../img/line_bg.png) 5 round;
			border-top: 0px;
			border-right: 0px;
			line-height: 0;
		}
		#schedule ul li img {
			display: none;
		}
		#schedule ul li p {
			width: 257.5px;
			height: 170px;
			margin: 0 0 0 0;
		}
		#schedule ul li a p:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
		}
		#schedule ul li.event1 p { background: url(../img/schedule_btn01.png) no-repeat 0 0; }
		#schedule ul li.event2 p { background: url(../img/schedule_btn02.png) no-repeat 0 0; }
		#schedule ul li.event3 p { background: url(../img/schedule_btn03.png) no-repeat 0 0; }
		#schedule ul li.event4 p { background: url(../img/schedule_btn04.png) no-repeat 0 0; }
		#schedule ul li.event5 p { background: url(../img/schedule_btn05.png) no-repeat 0 0; }
		#schedule ul li.event6 p { background: url(../img/schedule_btn06.png) no-repeat 0 0; }
		#schedule ul li.event7 p { background: url(../img/schedule_btn07.png) no-repeat 0 0; }
		#schedule ul li.event8 p { background: url(../img/schedule_btn08.png) no-repeat 0 0; }
		#schedule ul li.event9 p { background: url(../img/schedule_btn09.png) no-repeat 0 0; }
		#schedule ul li.event10 p { background: url(../img/schedule_btn10.png) no-repeat 0 0; }
		#schedule ul li.event11 p { background: url(../img/schedule_btn11.png) no-repeat 0 0; }
		#schedule ul li.event12 p { background: url(../img/schedule_btn12.png) no-repeat 0 0; }
		#schedule ul li.event13 p { background: url(../img/schedule_btn13.png) no-repeat 0 0; }
		#schedule ul li.event14 p { background: url(../img/schedule_btn14.png) no-repeat 0 0; }
		#schedule ul li.event15 p { background: url(../img/schedule_btn15.png) no-repeat 0 0; }
		#schedule ul li.event16 p { background: url(../img/schedule_btn16.png) no-repeat 0 0; }
		#schedule ul li.event17 p { background: url(../img/schedule_btn17.png) no-repeat 0 0; }
		#schedule ul li.event18 p { background: url(../img/schedule_btn18.png) no-repeat 0 0; }
		#schedule ul li.event19 p { background: url(../img/schedule_btn19.png) no-repeat 0 0; }
		#schedule ul li.event00_2 { display: none; }
		#schedule ul li.event00_3 { display: none; }
		#schedule ul li.event00_1 p { background: url(../img/schedule_btn00_1.png) no-repeat 0 0; }
		#schedule ul li.event00_2 p { background: url(../img/schedule_btn00_2.png) no-repeat 0 0; }
		#schedule ul li.event00_3 p { background: url(../img/schedule_btn00_1.png) no-repeat 0 0; }

	}

/*-------#aboutGame-------*/
#aboutGame {
	width: 100%;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
	overflow: hidden;
}
	#aboutGame .txt1 {
		margin: 4% auto 0 auto;
	}
	#aboutGame .txt1 .t1 {
		margin: 4% auto 0 auto;
		color: #dcdddd;
		font-size: 13px;
		line-height: 1.4;
	} 
	ul.link2site {
		width: 100%;
		display: table;
		margin: 5% auto 10% auto;
		padding: 0;
		list-style: none;
	}
	ul.link2site li {
		width: 32%;
		float: left;
		margin-right: 2%;
	}
	ul.link2site li:last-child{
		margin-right: 0;
	}
	ul.link2site li a {
		display: block;
		padding: 3% 0 4% 0;
		color: #fff;
		height: 20px;
		font-size: 13px;
		text-decoration: none;
		text-align: center;
		border-radius: 2px;
		line-height: 20px;
		font-weight: normal;
	}
	ul.link2site li.link-item-web a {
		background: #32b16c;
		font-size: 11px;
	}
	ul.link2site li.link-item-twitter a {
		background: #55acee;
	}
	ul.link2site li.link-item-twitter img {
		width: 10%;
		height: auto;
	}
	ul.link2site li.link-item-facebook a {
		background: #3b5a9a;
	}
	ul.link2site li.link-item-facebook img {
		width: 5%;
		height: auto;
	}
	#aboutGame ul.link2site.pc {
		display: none;
	}
	
	ul.link2site li a:hover{
	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	}
			
	@media (min-width: 1000px) {
	#aboutGame {
		padding: 50px 0 0 0;
	}
	#aboutGame h2 {
		background: url(../img/game_tit.png) no-repeat;
		background-size: 473px 46px;
	}
	#aboutGame h2 img {
		display: none;
	}
	#aboutGame .txt1 {
		width: 960px;
		margin: 50px auto 0 auto;
		overflow: hidden;
	}
	#aboutGame .txt1 .video {
		width: 451px;
		height: 254px;
		margin: 5px 0 0 0;
		float: left;
		overflow: visible;
	}
	#aboutGame .txt1 ul {
		margin: 285px 0 0 0;
	}
	#aboutGame .txt1 .t1 {
		width: 451px;
		float: right;
		font-size: 16px;
		margin: 0 0 50px 0;
		line-height: 32px;
	}
	ul.link2site {
		width: 455px;
		display: table;
		margin: 0px auto 0px auto;
		padding: 0;
		list-style: none;
	}
	ul.link2site li {
		width: 145px;
		float: left;
		margin-right: 8px;
	}
	ul.link2site li:last-child{
		margin-right: 0;
	}
	ul.link2site li a {
		display: block;
		margin: 0 0 0 0;
		padding: 5px 0 5px 0;
		color: #fff;
		height: auto;
		font-size: 18px;
		text-decoration: none;
		text-align: center;
		border-radius: 5px;
		line-height: 30px;
		font-weight: bold;
	}
	ul.link2site li.link-item-web a {
		background: #32b16c;
		font-size: 16px;
	}
	ul.link2site li.link-item-twitter a {
		background: #55acee;
	}
	ul.link2site li.link-item-facebook a {
		background: #3b5a9a;
	}
	ul.link2site li.link-item-twitter img {
		width: 20px;
		height: auto;
		padding: 3px 0 0 0;
	}
	ul.link2site li.link-item-facebook img {
		width: 9px;
		height: auto;
		padding: 3px 0 0 0;
	}
	#aboutGame ul.link2site.pc {
		display: none;
	}
	#aboutGame ul.link2site.pc {
		display: block;
	}
	#aboutGame ul.link2site.sp {
		display: none;
	}
	}

/*-------#about-------*/
#about {
	width: 100%;
	margin: 0 auto 0 auto;
	padding: 0 0 9% 0;
	overflow: hidden;
}
#about .contentBox {
background: url(../img/bg_02.png) repeat;
background-size: 100% auto;
padding: 0 4px 0 0;
}
	#about .txt1 {
		width: 100%;
		margin: 0 auto 0 auto;
		padding: 0 0 0 0;
		border: 2px solid #eff2d4;
		border-image: url(../img/line_bg.png) 5 round;
		border-top: 0px;
	}
	#about .txt1 .t1 {
		margin: 0 auto 0 auto;
		padding: 0 5% 0 5%;
		font-size: 13px;
		color: #dcdddd;
		line-height: 1.4;
	}
	#about .txt1 .t1 .img {
		width: 100%;
		height: auto;
	}
	#about .txt1 .t2 {
		margin: 4% auto 0 auto;
		padding: 0 5% 0 5%;
		font-size: 13px;
		color: #dcdddd;
		line-height: 1.4;
	} 
	#about ul.link2site {
		width: 70%;
		display: table;
		margin: 8% auto 8% auto;
		padding: 0 0 0 0;
		font-size: 13px;
		padding: 0 0 0 0;
		list-style: none;
	}
	#about ul.link2site li {
		width: 48%;
		float: left;
		margin-right: 2%;
	}
	#about ul.link2site.pc {
		display: none;
	}

	@media (min-width: 1000px) {
	#about {
		padding: 0 0 0 0;
	}
	#about .contentBox {
		background: url(../img/bg_02.png) repeat;
		background-size: 100% auto;
	}
	#about h2 {
		background: url(../img/about_tit.png) no-repeat;
		background-size: 580px 46px;
	}
	#about h2 img {
		display: none;
	}
	#about .txt1 {
		width: 1042px;
		margin: 0 auto 0 auto;
		overflow: hidden;
		font-size: 16px;
		border: 4px solid #eff2d4;
		border-top: 0px;
		border-image: url(../img/line_bg.png) 5 round;
	}
	#about .txt1 .t1 {
		width: 450px;
		margin: 40px 0 0 45px;
		padding: 0 0 0 0;
		float: left;
		font-size: 16px;
		line-height: 32px;
	}
	#about .txt1 .t1 .img {
		width: 450px;
		height: 220px;
	}
	#about .txt1 .t1 p {
		width: 451px;
		margin: 0 0 20px 0;
	}
	#about .txt1 .t2 {
		width: 451px;
		float: right;
		padding: 0 0 0 0;
		margin: 40px 45px 40px 0;
		font-size: 16px;
		line-height: 32px;
	}
	#about ul.link2site {
		padding: 0 0 0 80px;
		margin: 0 0 0 0;
	}
	#about ul.link2site.pc {
		display: block;
	}
	#about ul.link2site.sp {
		display: none;
	}
	}
	
	
.twbox {
	width: 84%;
	text-align: center;
	margin: 2% auto 0 auto;
}

.twbox .txt {
	margin: 12% auto 0 auto;
	font-size: 12px;
	color: #cccccc;
	line-height: 1.6;
}
	@media (min-width: 1000px) {
	.twbox {
		width: 520px;
		margin: 80px auto 0 auto;
	}
	.twbox .txt {
		margin: 80px auto 0 auto;
		font-size: 17px;
		line-height: 1.8;
	}
	}

/*-------#details-------*/
.detailsWrap {
	width: 100%;
}
	#details {
		width: 100%;
		margin: 0 auto 0 auto;
	}
	#details .contentBox {
		width: 92%;
		margin: 0 auto 0 auto;
		padding: 0 4px 0 0;
	}
		#details .contentBox ul.detailsBox {
			background: url(../img/sp/bg_03.jpg) repeat-y center top;
			background-size: 100% auto;
			margin: 3% auto 0 auto;
			padding: 0 0 5% 0;
			border: 2px solid #eff2d4;
			border-image: url(../img/line_bg.png) 5 round;
			width: 100%;
		}
		
	#details .contentBox ul .img {
		width: 42%;
		margin: 5% 0 0 3%;
		float: left;
	}
	#details .contentBox ul .txtWrap .tit {
		width: 48%;
		text-align: left;
		float: left;
		margin: 20% 0 20% 3%;
		overflow: hidden;
	}
		#details .contentBox ul .txtWrap .tit .t1 {
			background: #d71518;
			font-size: 12px;
			float: left;
			color: #ddd8af;
			padding: 2px 3px 2px 3px;
			margin: 0 0 5% 0;
		}
		#details .contentBox ul .txtWrap .tit .t2 {
			font-size: 9px;
			clear: left;
		}
		#details .contentBox ul .txtWrap .tit .t3 {
			font-size: 18px;
			margin: 3% 0 0 0;
			font-weight: bold;
		}
		#details .contentBox ul .txtWrap .tit .t3 span {
			font-size: 12px;
			color: #ddd8af;
			font-weight: normal;
		}
		
		#details .contentBox .txt {
			color: #FFFFFF;
			padding: 0 5% 0 5%;
			text-align: left;
			font-size: 13px;
			clear: left;
		}
			#details .contentBox .txt p {
				margin: 0 auto 0 auto;
				line-height: 1.6;
				font-size: 13px;
			}
			#details .contentBox .txt p.f20 {
				font-size: 13px !important;
			}
			#details .contentBox .txt p span {
				font-size: 12px;
			}
			#details .contentBox .txt p span.lt {
				font-size: 13px;
				text-decoration: line-through;
			}
			.detailsWrap {
				margin: 7% auto 0 auto;
			}
				.detailsWrap h3 {
					text-align: left;
					color: #ddd8af;
					font-size: 12px;
					margin: 3% auto 0 auto;
				}
			.detailsWrap a {
				text-decoration: underline;
				color: #f2f0e5;
			}
			.detailsWrap a:hover {
				text-decoration: none;
			}
			.detailsWrap  .txtBox {
				width: 100%;
				margin: 3% auto 0 auto;
				padding: 1.70% 0 0 0;
				font-size: 18px;
			}
			.detailsWrap  .txtBox a {
				color: #f2f0e5;
				text-decoration: underline;
			}
			.detailsWrap  .txtBox a:hover {
				text-decoration: none;
			}
				.detailsWrap .txtBox div {
					padding: 0 0 1.70% 0;
				}
					.detailsWrap .txtBox div p {
						margin: 0 0 0 0;
						padding: 2% 5% 2% 5%;
						font-size: 16px;
					}
					.detailsWrap .txtBox p {
						line-height: 1.5;
					}
						.detailsWrap .txtBox span {
							font-weight: bold;
							font-size: 12px;
						}
						.detailsWrap .txt {
							margin: 4% auto 0 auto;
							color: #ffffff;
							line-height: 1.7;
							font-size: 13px;
						}
	.dfWrap {
		width: 92%;
		background: url(../img/bg_02.png) repeat;
		background-size: 100% auto;
		border: 2px solid #eff2d4;
		border-top: 0px;
		border-image: url(../img/line_bg.png) 5 round;
		margin: 0 auto 18% auto;
		padding: 0 0 5% 0;
		overflow: hidden;
	}
	.dfWrap h2 {
		font-size: 16px;
		color: #ddd8af;
	}
	.detailsWrap .txt{
		overflow: hidden;
	}
	.detailsWrap .txtBox a {
		color: #efd524;
		font-size: 12px;
		text-decoration: underline;
		font-weight: normal;
	}

	.detailsWrap .txtBox div p {
		font-size: 12px;
		line-height: 1.4;
		padding: 0 0 0 0;
	}
	.detailsWrap .txtBox {
		margin: 3% 0 3% 0;
		padding: 0 0 0 0;
		overflow: hidden;
	}
	.detailsWrap .txtBox div {
		padding: 0 0 0 0;
	}
	.detailsWrap .txtBox span {
		font-size: 12px;
		line-height: 1.5;
		font-weight: normal;
		color: #a6a891;
	}
	.detailsWrap .txtBox span.lt {
		text-decoration: line-through;
		color: #f2f0e5;
	}
	.detailsWrap .txtBox .f18 {
		font-size: 12px;
		color: #f2f0e5;
	}
	.detailsWrap .txtBox span.f18 {
		font-weight: bold;
	}
	.detailsWrap .txtBox .f18g {
		font-size: 12px;
		line-height: 1.5;
		color: #a6a891;
	}
	
	#additional {
		margin: 8% auto 3% auto;
		width: 90%;
		text-align: center;
	}
	#additional .txt {
		font-size: 14px;
		color: #f1080a;
		margin: 0 0 2% 0;
	}
	#additional .btn {
		background: #d71518;
		font-size: 16px;
		color: #f2f0e5;
		width: 80%;
		margin: 0 auto 0 auto;
		padding: 3% 0 3% 0;
		display: block;
	}
	#additional .btn a {
		text-decoration: none;
	}
	
	#detailsWarning.detailsWrap .txtBox p {
		font-size: 11px;
		line-height: 1.8;
	}
	#detailsWarning.detailsWrap .txtBox p span {
		font-size: 11px;
		font-weight: bold;
		color: #f2f0e5;
	}
	#detailsSale.detailsWrap .txtBox .f18 {
		font-size: 12px !important;
	}
						
	@media (min-width: 1000px) {
	#details {
		background: none;
	}
	.detailsWrap {
		margin: 50px auto 0 auto;
	}
	.detailsWrap .txt {
		margin: 0 0 0 0;
	}
	#details.detailsWrap .contentBox {
		background: none;
	}
	#details h2 {
		background: url(../img/schedule_tit.png) no-repeat;
		background-size: 106px 44px;
	}
	#details h2 img {
		display: none;
	}
	#details .contentBox ul {
		width: 1042px;
		margin: 45px auto 0 auto;
		overflow: hidden;
	}
		#details .contentBox ul.detailsBox {
			width: 1042px;
			background: url(../img/bg_03.jpg) repeat-y center top;
			background-size: 100% auto;
			margin: 3% auto 0 auto;
			padding: 0 0 30px 0;
			border: 4px solid #eff2d4;
			border-image: url(../img/line_bg.png) 5 round;
		}

	#details .contentBox ul .img {
		width: 300px;
		height: 421px;
		margin: 30px 0 30px 130px;
		float: left;
	}
	#details .contentBox ul .txtWrap {
		width: 500px;
		float: right;
		margin: 0 50px 0 0;
		padding: 45px 0 0 0;
	}
	#details .contentBox ul .txtWrap .tit {
		text-align: left;
		margin: 0 0 10px 0;
		width: 450px;
		float: left;
		clear: left;
		overflow: hidden;
	}
		#details .contentBox ul .txtWrap .tit .t1 {
			background: #d71518;
			font-size: 20px;
			float: left;
			color: #ddd8af;
			padding: 2px 3px 2px 3px;
			margin: 0 0 15px 0;
		}
		#details .contentBox ul .txtWrap .tit .t2 {
			font-size: 18px;
			clear: left;
		}
		#details .contentBox ul .txtWrap .tit .t3 {
			font-size: 36px;
			margin: 10px 0 0 0;
			font-weight: bold;
		}
		#details .contentBox ul .txtWrap .tit .t3 span {
			font-size: 18px;
			color: #ddd8af;
			font-weight: normal;
		}

	#details .contentBox ul .txtWrap .txt {
		text-align: left;
		padding: 0 0 0 0;
	}
			#details .contentBox .txt p {
				margin: 0 0 0 0;
				font-size: 22px;
				line-height: 1.2;
			}
			#details .contentBox .txt span {
				font-size: 16px;
			}
			#details .contentBox .txt p span {
				font-size: 16px;
			}
			#details .contentBox .txt p.f20 {
				font-size: 20px !important;
			}
			#details .contentBox .txt p span.lt {
				font-size: 20px;
				text-decoration: line-through;
			}
	#details .contentBox ul .txtWrap .txt h3 {
		text-align: left;
		font-size: 18px;
		margin: 20px 0 0 0;
	}
	#details .contentBox {
		width: 100%;
		padding: 0 0 0 0;
	}
	#contentinner .dfWrap .detailsWrap .contentBox {
		width: 560px;
	}
	.dfWrap {
		width: 1042px;
		background: url(../img/bg_02.png) repeat;
		background-size: 100% auto;
		border: 4px solid #eff2d4;
		border-top: 0px;
		border-image: url(../img/line_bg.png) 5 round;
		margin: 0 auto 0 auto;
		padding: 30px 0 30px 0;
		overflow: hidden;
	}
	.dfWrap .detailsWrap {
		width: 560px;
		margin: 0 auto 0 auto;
	}
	.dfWrap h2 {
		font-size: 25px;
		color: #ddd8af;
	}
	.detailsWrap .txt{
	overflow: hidden;
	}
	.detailsWrap .txtBox a {
		color: #efd524;
		font-size: 18px;
		text-decoration: underline;
		font-weight: bold;
	}
	.detailsWrap .txtBox span a {
		text-decoration: underline;
		font-size: 14px;
		line-height: 1.5;
		font-weight: normal;
		color: #a6a891;
	}

	.detailsWrap .txtBox div p {
		font-size: 18px;
		line-height: 1.4;
		padding: 0 0 0 0;
	}
	.detailsWrap .txtBox {
		margin: 0 0 30px 0;
		padding: 0 0 0 0;
		overflow: hidden;
	}
	.detailsWrap .txtBox div {
		padding: 0 0 15px 0;
	}
	.detailsWrap .txtBox span {
		font-size: 14px;
		line-height: 1.5;
		font-weight: normal;
		color: #a6a891;
	}
	.detailsWrap .txtBox span.lt {
		text-decoration: line-through;
		color: #f2f0e5;
		font-size: 18px;
	}
	.detailsWrap .txtBox .f18 {
		font-size: 18px;
		color: #f2f0e5;
	}
	.detailsWrap .txtBox span.f18 {
		font-weight: bold;
	}
	.detailsWrap .txtBox .f18g {
		font-size: 18px;
		line-height: 1.5;
		color: #a6a891;
	}
	
	#additional p {
		text-align: center;
		
	}
	#additional .btn {
		font-size: 22px;
		width: 100%;
		height: 70px;
		line-height: 70px;
	}
	#additional {
		margin: 20px auto 50px auto;
		width: 560px;
	}
	#additional .txt {
		text-align: center;
		font-size: 25px;
		color: #f1080a;
		margin: 0 0 15px 0;
	}
	#additional .btn {
		font-size: 22px;
		width: 100%;
		height: 70px;
		line-height: 70px;
		text-align: center;
		display: block;
		padding: 0 0 0 0;
	}
	#additional .btn:hover {
		opacity: 0.5;
	}
	#additional .btn a {
		width: 100%;
		height: 100%;
		text-decoration: none;
		display: block;
	}
	#additional .btn a:hover {
		text-decoration: none;
	}
	
	
	#detailsWarning.detailsWrap .txtBox p {
		font-size: 14px;
		line-height: 1.8;
	}
	#detailsWarning.detailsWrap .txtBox p span {
		font-size: 18px;
		color: #f2f0e5;
	}
	#detailsSale.detailsWrap .txtBox .f18 {
		font-size: 18px !important;
	}
	}
	

/*-------innner-------*/
.innerWrap {
	width: 100%;
}
  br.pc {
	display: none;
}
  br.sp {
	display: block;
}
	#mv {
		width: 100%;
		margin: 0 auto 0 auto;
	}
	#mv .contentBox {
		width: 92%;
		margin: 0 auto 0 auto;
		padding: 0 4px 0 0;
	}
		#mv .contentBox div.detailsBox {
			margin: 3% auto 0 auto;
			padding: 0 0 0 0;
			border: 2px solid #eff2d4;
			border-image: url(../img/line_bg.png) 5 round;
			width: 100%;
			line-height: 0;
			position: relative;
		}
		#mv .contentBox div.detailsBox .pc {
			display: none;
		}
		#mv .contentBox div.detailsBox .sp {
			display: block;
		}
	.itWrap {
		width: 92%;
		background: url(../img/bg_02.png) repeat;
		background-size: 100% auto;
		border: 2px solid #eff2d4;
		border-top: 0px;
		border-image: url(../img/line_bg.png) 5 round;
		margin: 0 auto 18% auto;
		padding: 0 0 5% 0;
		overflow: hidden;
	}
	.itWrap h2 {
		font-size: 16px;
		color: #ddd8af;
	}
	.innerWrap .txt{
		overflow: hidden;
	}
	.innerWrap .txtBox a {
		color: #efd524;
		font-size: 12px;
		text-decoration: underline;
		font-weight: normal;
	}
	.innerWrap .txtBox div p {
		font-size: 12px;
		line-height: 1.4;
		padding: 0 0 0 0;
	}
	.innerWrap .txtBox {
		margin: 3% 0 3% 0;
		padding: 0 0 0 0;
		overflow: hidden;
	}
	.innerWrap .txtBox div {
		padding: 0 0 0 0;
	}
	.innerWrap .txtBox span {
		font-size: 12px;
		line-height: 1.5;
		font-weight: normal;
	}
	.innerWrap .txtBox .f18 {
		font-size: 12px;
		color: #f2f0e5;
	}
	.innerWrap .txtBox span.f18 {
		font-weight: bold;
	}
	.innerWrap .txtBox .f18g {
		font-size: 12px;
		line-height: 1.5;
		color: #a6a891;
	}
	.innerWrap .txtBox.txtA p {
		font-size: 11px;
		line-height: 1.8;
	}
	.innerWrap .txtBox.txtA p span {
		font-size: 11px;
		font-weight: bold;
		color: #f2f0e5;
	}

	@media (min-width: 1000px) {
	#mv {
		background: none;
	}
	.innerWrap {
		margin: 50px auto 0 auto;
	}
	  br.pc {
		display: block;
	}
	  br.sp {
		display: none;
	}
	.innerWrap .txt {
		margin: 0 0 0 0;
	}
	#mv.innerWrap .contentBox {
		background: none;
	}
	#mv h2 img {
		display: none;
	}
		#mv .contentBox div.detailsBox {
			width: 1042px;
			margin: 3% auto 0 auto;
			padding: 0 0 0 0;
			border: 4px solid #eff2d4;
			border-image: url(../img/line_bg.png) 5 round;
			line-height: 0;
		}
		#mv .contentBox div.detailsBox .pc {
			display: block;
		}
		#mv .contentBox div.detailsBox .sp {
			display: none;
		}
	#mv .contentBox {
		width: 100%;
		padding: 0 0 0 0;
	}
	
	#contentinner .itWrap .innerWrap .contentBox {
		width: 560px;
	}
	.itWrap {
		width: 1042px;
		background: url(../img/bg_02.png) repeat;
		background-size: 100% auto;
		border: 4px solid #eff2d4;
		border-top: 0px;
		border-image: url(../img/line_bg.png) 5 round;
		margin: 0 auto 0 auto;
		padding: 30px 0 30px 0;
		overflow: hidden;
	}
	.itWrap .innerWrap {
		width: 560px;
		margin: 0 auto 0 auto;
	}
	.itWrap h2 {
		font-size: 25px;
		color: #ddd8af;
	}
	.innerWrap .txt{
		overflow: hidden;
	}
	.innerWrap .txtBox a {
		color: #efd524;
		font-size: 18px;
		text-decoration: underline;
		font-weight: bold;
	}
	.innerWrap .txtBox span a {
		text-decoration: underline;
		font-size: 14px;
		line-height: 1.5;
		font-weight: normal;
		color: #a6a891;
	}
	.innerWrap .txtBox div p {
		font-size: 18px;
		line-height: 1.4;
		padding: 0 0 0 0;
	}
	.innerWrap .txtBox {
		margin: 0 0 30px 0;
		padding: 0 0 0 0;
		overflow: hidden;
	}
	.innerWrap .txtBox div {
		padding: 0 0 15px 0;
	}
	.innerWrap .txtBox span {
		font-size: 14px;
		line-height: 1.5;
		font-weight: normal;
	}
	.innerWrap .txtBox .f18 {
		font-size: 18px;
		color: #f2f0e5;
	}
	.innerWrap .txtBox span.f18 {
		font-weight: bold;
	}
	.innerWrap .txtBox .f18g {
		font-size: 18px;
		line-height: 1.5;
		color: #a6a891;
	}
	.innerWrap .txtBox.txtA p {
		font-size: 14px;
		line-height: 1.8;
	}
	.innerWrap .txtBox.txtA p span {
		font-size: 18px;
		color: #f2f0e5;
	}
	}

/*--#faq---*/
	@media (min-width: 1000px) {
	#mv h2.faq {
		background: url(../img/faq_tit.png) no-repeat;
		background-size: 188px 42px;
	}
	}
		
/*--#staff---*/
	@media (min-width: 1000px) {
	#mv h2.staff {
		background: url(../img/staff_tit.png) no-repeat;
		background-size: 102px 42px;
	}
	}
	
/*--#goods---*/
.goods .itWrap {
	padding: 0 0 0 0;
}
.goodsWrap {
	width: 100%;
}
	.goodsWrap .goods1colBox {
		overflow: hidden;
		border: 2px solid #eff2d4;
		border-top: 0px;
		border-right: 0px;
		border-left: 0px;
		border-image: url(../img/line_bg.png) 5 round;
	}
		.goodsWrap .goods1colBox .img {
			width: 90%;
			float: auto;
			line-height: 0;
		}
		.goodsWrap .goods1colBox .txtBox {
			float: auto;
			width: 90%;
			margin: 0 auto 0 auto;
			padding: 0 0 8% 0;
		}
			.goodsWrap .goods1colBox .txtBox .tit {
				font-size: 18px;
				color: #ddd8af;
			}
			.goodsWrap .goods1colBox .txtBox .txt {
				font-size: 12px;
				color: #f2f0e5;
				margin: 3% 0 0 0;
				line-height: 1.6;
			}
			.goodsWrap .goods1colBox .txtBox .price {
				font-size: 14px;
				color: #a6a891;
				margin: 3% 0 0 0;
			}
			
	.goodsWrap .goods2colBox {
		overflow: hidden;
	}
		.goodsWrap .goods2colBox .colBox {
			float: left;
			border: 2px solid #eff2d4;
			padding: 0 0 0 0;
			border-top: 0px;
			border-right: 0px;
			border-left: 0px;
			border-image: url(../img/line_bg.png) 5 round;
		}
		.goodsWrap .goods2colBox .colBox.l {
			border: none;
		}
		.goodsWrap .goods2colBox .img {
			width: 100%;
			line-height: 0;
		}
		.goodsWrap .goods2colBox .txtBox {
			width: 90%;
			margin: 10% auto 0 auto;
			padding: 0 0 8% 0;
		}
			.goodsWrap .goods2colBox .txtBox .tit {
				font-size: 18px;
				color: #ddd8af;
			}
			.goodsWrap .goods2colBox .txtBox .txt {
				font-size: 12px;
				color: #f2f0e5;
				margin: 3% 0 0 0;
				line-height: 1.6;
			}
			.goodsWrap .goods2colBox .txtBox .price {
				font-size: 14px;
				color: #a6a891;
				margin: 3% 0 0 0;
			}

	@media (min-width: 1000px) {
	#mv h2.goods {
		background: url(../img/goods_tit.png) no-repeat;
		background-size: 130px 41px;
	}
	
	.goods .itWrap {
		padding: 0 0 0 0;
	}
	.goodsWrap {
		width: 100%;
	}
		.goodsWrap .goods1colBox {
			overflow: hidden;
			border: 4px solid #eff2d4;
			border-top: 0px;
			border-right: 0px;
			border-left: 0px;
			border-image: url(../img/line_bg.png) 5 round;
		}
			.goodsWrap .goods1colBox .img {
				width: 519px;
				float: left;
				line-height: 0;
			}
			.goodsWrap .goods1colBox .txtBox {
				float: left;
				margin: 140px 0 0 0;
				padding: 0 0 0 65px;
				width: auto;
			}
				.goodsWrap .goods1colBox .txtBox .tit {
					font-size: 25px;
					color: #ddd8af;
				}
				.goodsWrap .goods1colBox .txtBox .txt {
					font-size: 18px;
					color: #f2f0e5;
					margin: 15px 0 0 0;
					line-height: 1.6;
				}
				.goodsWrap .goods1colBox .txtBox .price {
					font-size: 20px;
					color: #a6a891;
					margin: 15px 0 0 0;
				}
				
		.goodsWrap .goods2colBox {
			overflow: hidden;
		}
			.goodsWrap .goods2colBox .colBox {
				float: left;
				border: 4px solid #eff2d4;
				padding: 0 0 40px 0;
				border-top: 0px;
				border-bottom: 0px;
				border-left: 0px;
				border-image: url(../img/line_bg.png) 5 round;
			}
			.goodsWrap .goods2colBox .colBox.l {
				border: none;
			}
			.goodsWrap .goods2colBox .img {
				width: 519px;
				line-height: 0;
			}
			.goodsWrap .goods2colBox .txtBox {
				margin: 15px 0 0 0;
				padding: 0 0 0 65px;
			}
				.goodsWrap .goods2colBox .txtBox .tit {
					font-size: 25px;
					color: #ddd8af;
				}
				.goodsWrap .goods2colBox .txtBox .txt {
					font-size: 18px;
					color: #f2f0e5;
					margin: 15px 0 0 0;
					line-height: 1.6;
				}
				.goodsWrap .goods2colBox .txtBox .price {
					font-size: 20px;
					color: #a6a891;
					margin: 15px 0 0 0;
				}
	}
	
/*--#charactor---*/

.charactor .itWrap {
	padding: 0 0 0 0;
	border: none;
	background: none;
}

.charactorWrap {
	width: 100%;
	margin: 5% auto 0 auto;
}
	.charactorWrap .charactorBox {
		position: relative;
		background: url(../img/bg_02.png) repeat;
		background-size: 100% auto;
		border: 2px solid #eff2d4;
		border-image: url(../img/line_bg.png) 5 round;
		margin: 0 0 8% 0;
	}
		.charactorWrap .charactorBox .txtBox {
			float: auto;
			width: 90%;
			margin: 0 auto 0 auto;
			padding: 0 0 8% 0;
		}
		.charactorWrap .charactorBox .txtBox .name {
			width: 35%;
			margin: 5% 0 0 0;
		}
		.charactorWrap .charactorBox .txtBox .img {
			width: 100%;
			margin: 5% 0 0 0;
		}
		.charactorWrap .charactorBox .txtBox .txt {
			width: 100%;
			margin: 8% 0 0 0;
			font-size: 11px;
			line-height: 1.6;
		}

	@media (min-width: 1000px) {
	#mv h2.charactor {
		background: url(../img/charactor_tit.png) no-repeat;
		background-size: 203px 42px;
	}
	
	.charactor .itWrap {
		padding: 0 0 0 0;
	}
	.charactorWrap {
		width: 100%;
		margin: 3% 0 0 0;
	}
		.charactorWrap .charactorBox {
			height: 500px;
			border: 4px solid #eff2d4;
			border-image: url(../img/line_bg.png) 5 round;
			position: relative;
			z-index: 0;
			margin: 0 0 100px 0;
		}
		.charactorWrap .charactorBox .txtBox {
			float: auto;
			width: auto;
			margin: 0 auto 0 auto;
			padding: 165px 150px 0 150px;
		}
		.charactorWrap #charactor02.charactorBox .txtBox,
		.charactorWrap #charactor04.charactorBox .txtBox {
			padding: 180px 0 0 470px;
		}
		.charactorWrap .charactorBox .txtBox .name {
			width: 200px;
			margin: 0 0 0 0;
		}
		.charactorWrap .charactorBox .txtBox .img {
			width: 450px;
			margin: 0 0 0 0;
			position: absolute;
			z-index: 1:
		}
		.charactorWrap #charactor01.charactorBox .txtBox .img { top: -35px; right: 20px; }
		.charactorWrap #charactor02.charactorBox .txtBox .img { top: -30px; left: 20px; }
		.charactorWrap #charactor03.charactorBox .txtBox .img { top: -55px; right: 20px; }
		.charactorWrap #charactor04.charactorBox .txtBox .img { top: -50px; left: 10px; }
		.charactorWrap .charactorBox .txtBox .txt {
			width: 100%;
			margin: 25px 0 0 0;
			font-size: 18px;
			line-height: 1.6;
		}
	}
	
/*--#nazoletter---*/
	#mv.correct .img {
		
	}
	#mv.correct .txt {
		position: absolute;
		top: 0;
		left: 0;
	}
	#mv.incorrect .img {
		
	}
	#mv.incorrect .txt {
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}
		#mv.incorrect .btn {
		width: 40%;
		height: 40px;
		display: block;
		color: #fff;
		text-decoration: none;
		text-align: center;
		border-radius: 2px;
		border-color: #206434;
		font-weight: normal;
			background: #206434;
			font-size: 12px;
			margin: 0 0 0 -20%;
			line-height: 40px;
			position: absolute;
			bottom: 5%;
			left: 50%;
		}
		#mv.incorrect .btn a {
			color: #FFFFFF;
		}
		#mv.incorrect .btn a:hover {
			text-decoration: none;
		}
		#mv.incorrect .btn:hover{
		opacity: 0.5;
		filter: alpha(opacity=50);
		-ms-filter: "alpha(opacity=50)";
		-moz-opacity: 0.5;
		-khtml-opacity: 0.5;
		cursor: pointer;
		}
		
	.nazoletter .itWrap {
		border-bottom: 0px;
		margin-bottom: 0px;
	}
	#contentinner.nazoletter .contentBox h2 {
		margin-top: 70px;
		line-height: 1.6;
	}

	@media (min-width: 1000px) {
	#mv.correct .img {
		background: url(../img/nazoletter_correct_img.jpg) no-repeat center top;
		width: 1042px;
		height: 591px;
	}
	#mv.correct .img img { display: none; }
	#mv.correct .txt {
		background: url(../img/nazoletter_correct_txt.png) no-repeat center top;
		width: 762px;
		height: 355px;
		position: absolute;
		top: 96px;
		left: 138px;
	}
	#mv.correct .txt img { display: none; }
	#mv.incorrect .img {
		background: url(../img/nazoletter_incorrect_img.jpg) no-repeat center top;
		width: 1042px;
		height: 572px;
	}
	#mv.incorrect .img img { display: none; }
	#mv.incorrect .txt {
		background: url(../img/nazoletter_incorrect_txt.png) no-repeat center top;
		width: 762px;
		height: 355px;
		position: absolute;
		top: 96px;
		left: 138px;
	}
	#mv.incorrect .txt img { display: none; }

		#mv.incorrect .btn {
		width: 240px;
		height: 55px;
		display: block;
		color: #fff;
		text-decoration: none;
		text-align: center;
		border-radius: 2px;
		border-color: #206434;
		font-weight: normal;
			background: #206434;
			font-size: 18px;
			margin: 0 0 0 -120px;
			line-height: 55px;
			position: absolute;
			bottom: 60px;
			left: 50%;
		}
		#mv.incorrect .btn  a {
			display: block;
		}

	#contentinner.nazoletter .contentBox h2 {
		margin-top: 100px;
	}

	}
	
	#contentinner .nazoletterWrap .contentBox {
		width: 100%;
	}
	.nazoletterWrap {
		width: 90%;
		margin: 0 auto 10% auto;
		padding: 0 0 0 0;
		overflow: hidden;
	}
		.nazoletterWrap form {
			overflow: hidden;
		}
		.nazoletterWrap input, .nazoletterWrap button, .nazoletterWrap textarea, .nazoletterWrap select {
			border:0;
			padding:5px;
			font-size:16px;
			font-family:Arial, sans-serif;
			color: #000000;
			border:solid 1px #d2d2d2;
			margin:0 5px 0 5px;
			width:50%;
			line-height: 16px;
		}
			.nazoletterWrap input[type="text"]:focus {
			  outline: 0;
			  border-color: #d2d2d2;
			}
		.nazoletterWrap form p {
			color: #d71518;
			font-size: 13px;
			float: left;
			line-height: 26px;
		}
		.nazoletterWrap form p.txt0 {
			width: 100%;
			margin: 5% 0 2% 0;
			font-size: 12px;
			color: #f2f0e5;
			text-align: center;
		}
		.nazoletterWrap form p.txt1 {
			float: none;
			width: 100%;
			margin: 2% 0 2% 0;
			text-align: center;
			line-height: 25px;
			font-size: 18px;
		}
		.nazoletterWrap form p.txt2 {
			width: 10%;
			text-align: center;
			font-size: 18px;
		}
		.nazoletterWrap form input {
			float: left;
		}
		.nazoletterWrap form input.transmit {
		width: 30%;
		display: block;
		color: #fff;
		text-decoration: none;
		text-align: center;
		border-radius: 2px;
		border-color: #206434;
		font-weight: normal;
			background: #206434;
			font-size: 12px;
			margin: 0 0 0 0;
		}

		.nazoletterWrap form input.transmit:hover{
		opacity: 0.5;
		filter: alpha(opacity=50);
		-ms-filter: "alpha(opacity=50)";
		-moz-opacity: 0.5;
		-khtml-opacity: 0.5;
		cursor: pointer;
		}
	.nazoletterWrap p .pc {
		display: none;
	}
	.nazoletterWrap p .sp {
		display: block;
	}

	.nazoletterWrap p.twTxt {
		width: 100%;
		margin: 12% auto 0 auto;
		text-align: left;
		font-size: 12px;
		line-height: 1.6;
	}
	@media (min-width: 1000px) {
	.nazoletterWrap p.twTxt {
		text-align: center;
		line-height: 1.6;
		font-size: 16px;
		margin: 80px auto 0 auto;
	}

	#contentinner .nazoletterWrap .contentBox {
		width: 910px;
	}
	.nazoletterWrap {
		width: 910px;
		margin: 0 auto 100px auto;
		padding: 0 10px 0 10px;
		overflow: hidden;
	}
		.nazoletterWrap form {
			overflow: hidden;
		}
		.nazoletterWrap input, .nazoletterWrap button, .nazoletterWrap textarea, .nazoletterWrap select {
			border:0;
			padding:10px;
			font-size:26px;
			font-family:Arial, sans-serif;
			color: #000000;
			border:solid 1px #d2d2d2;
			margin:0 10px 0 10px;
			width:260px;
			line-height: 35px;
		}
			.nazoletterWrap input[type="text"]:focus {
			  outline: 0;
			  border-color: #d2d2d2;
			}
		.nazoletterWrap form p {
			color: #d71518;
			font-size: 26px;
			float: left;
			line-height: 55px;
		}
		.nazoletterWrap form p.txt0 {
			width: 100%;
			margin: 0 0 5px 0;
			font-size: 18px;
			color: #f2f0e5;
			text-align: center;
		}
		.nazoletterWrap form p.txt1 {
			float: left;
			width: auto;
			margin: 0 0 0 0;
			text-align: left;
			line-height: 55px;
			font-size: 26px;
		}
		.nazoletterWrap form p.txt2 {
			width: auto;
			text-align: left;
			font-size: 26px;
		}
		.nazoletterWrap form input {
			float: left;
		}
		
		.nazoletterWrap form input.transmit {
		width: 150px;
		display: block;
		color: #fff;
		text-decoration: none;
		text-align: center;
		border-radius: 2px;
		border-color: #206434;
		font-weight: normal;
			background: #206434;
			font-size: 18px;
			margin: 0 0 0 10px;
		}

		.nazoletterWrap form input.transmit:hover{
		opacity: 0.5;
		filter: alpha(opacity=50);
		-ms-filter: "alpha(opacity=50)";
		-moz-opacity: 0.5;
		-khtml-opacity: 0.5;
		cursor: pointer;
		}
	.nazoletterWrap p {
		width: 762px;
		text-align: center;
		margin: 0 auto 0 auto;
	}
	.nazoletterWrap p .pc {
		display: block;
	}
	.nazoletterWrap p .sp {
		display: none;
	}
	}

	#contentinner .itWrap h2.lineA {
		width: 100%;
		margin: 3% 0 0 -2px;
		padding: 4% 0 3% 0;
		border: 2px solid #eff2d4;
		border-image: url(../img/line_bg.png) 5 round;
	}
	#contentinner .itWrap h2.lineA img {
		display: block;
	}
		@media (min-width: 1000px) {
		#contentinner .itWrap h2.lineA {
			width: 1042px;
			height: 50px;
			margin: 30px 0 0 -4px;
			padding: 20px 0 20px 0;
			border: 4px solid #eff2d4;
			border-left: none;
			border-right: none;
			border-image: url(../img/line_bg.png) 5 round;
			background-position: center center !important;
		background: url(../img/sp/nazoletter_tit.png) no-repeat;
		background-size: 592px 42px;
		}
		#contentinner .itWrap h2.lineA img {
			display: none;
		}
		}
		
		
/*--#tokuten---*/
	#contentinner.tokuten .contentBox h2 {
		margin-top: 8%;
		margin-bottom: 3%;
	}
	#mv.tcorrect .img {
		
	}
	#mv.tcorrect .txt {
		position: absolute;
		top: 0;
		left: 0;
	}
	#mv.tincorrect .img {
		
	}
	#mv.tincorrect .txt {
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}
		#mv.tincorrect .btn {
		width: 40%;
		height: 40px;
		display: block;
		color: #fff;
		text-decoration: none;
		text-align: center;
		border-radius: 2px;
		border-color: #206434;
		font-weight: normal;
			background: #206434;
			font-size: 12px;
			margin: 0 0 0 -20%;
			line-height: 40px;
			position: absolute;
			bottom: 5%;
			left: 50%;
		}
		#mv.tincorrect .btn a {
			color: #FFFFFF;
		}
		#mv.tincorrect .btn a:hover {
			text-decoration: none;
		}
		#mv.tincorrect .btn:hover{
		opacity: 0.5;
		filter: alpha(opacity=50);
		-ms-filter: "alpha(opacity=50)";
		-moz-opacity: 0.5;
		-khtml-opacity: 0.5;
		cursor: pointer;
		}
		
	.tokuten .itWrap {
	}

	@media (min-width: 1000px) {
	#mv h2.tokuten {
		background: url(../img/tokuten_tit.png) no-repeat;
		background-size: 321px 49px;
		margin: 10px 0 20px 0;
	}
	#mv.tcorrect .img {
		background: url(../img/tokuten_correct_img.jpg) no-repeat center top;
		width: 1042px;
		height: 572px;
	}
	#mv.tcorrect .img img { display: none; }
	#mv.tcorrect .txt {
		background: url(../img/tokuten_correct_txt.png) no-repeat center top;
		width: 762px;
		height: 355px;
		position: absolute;
		top: 110px;
		left: 140px;
	}
	#mv.tcorrect .txt img { display: none; }
	#mv.tincorrect .img {
		background: url(../img/tokuten_incorrect_img.jpg) no-repeat center top;
		width: 1042px;
		height: 572px;
	}
	#mv.tincorrect .img img { display: none; }
	#mv.tincorrect .txt {
		background: url(../img/tokuten_incorrect_txt.png) no-repeat center top;
		width: 633px;
		height: 324px;
		position: absolute;
		top: 110px;
		left: 200px;
	}
	#mv.tincorrect .txt img { display: none; }

		#mv.tincorrect .btn {
		width: 240px;
		height: 55px;
		display: block;
		color: #fff;
		text-decoration: none;
		text-align: center;
		border-radius: 2px;
		border-color: #206434;
		font-weight: normal;
			background: #206434;
			font-size: 18px;
			margin: 0 0 0 -120px;
			line-height: 55px;
			position: absolute;
			bottom: 55px;
			left: 50%;
		}
		#mv.tincorrect .btn  a {
			display: block;
		}

	#contentinner.tokuten .contentBox h2 {
		margin-top: 10px;
		margin-bottom: 20px;
	}

	}
	
	
	#contentinner .tokutenWrap .contentBox {
		width: 100%;
	}
	.tokutenWrap {
		width: 90%;
		margin: 8% auto 8% auto;
		padding: 0 0 0 0;
		overflow: hidden;
	}
	.tokutenWrap.tcorrect {
		margin: 4% auto 0 auto;
	}
		.tokutenWrap form {
			overflow: hidden;
		}
		.tokutenWrap input, .tokutenWrap button, .tokutenWrap textarea, .tokutenWrap select {
			border:0;
			padding:5px;
			font-size:16px;
			font-family:Arial, sans-serif;
			color: #000000;
			border:solid 1px #d2d2d2;
			margin:0 5px 0 5px;
			width:50%;
			line-height: 16px;
		}
			.tokutenWrap input[type="text"]:focus {
			  outline: 0;
			  border-color: #d2d2d2;
			}
		.tokutenWrap form p {
			color: #d71518;
			font-size: 13px;
			float: left;
			line-height: 26px;
		}
		.tokutenWrap form p.txt0 {
			width: 100%;
			margin: 5% 0 2% 0;
			font-size: 12px;
			color: #f2f0e5;
			text-align: center;
		}
		.tokutenWrap form p.txt1 {
			float: none;
			width: 100%;
			margin: 2% 0 4% 0;
			text-align: center;
			line-height: 25px;
			font-size: 18px;
		}
		.tokutenWrap form p.txt2 {
			width: 10%;
			text-align: center;
			font-size: 18px;
			margin-right: 2%;
		}
		.tokutenWrap form input {
			float: left;
		}
		.tokutenWrap form input.transmit {
		width: 30%;
		display: block;
		color: #fff;
		text-decoration: none;
		text-align: center;
		border-radius: 2px;
		border-color: #206434;
		font-weight: normal;
			background: #206434;
			font-size: 12px;
			margin: 0 0 0 0;
		}

		.tokutenWrap form input.transmit:hover{
		opacity: 0.5;
		filter: alpha(opacity=50);
		-ms-filter: "alpha(opacity=50)";
		-moz-opacity: 0.5;
		-khtml-opacity: 0.5;
		cursor: pointer;
		}
	.tokutenWrap p {
		width: 90%;
		text-align: center;
		margin: 0 auto 1% auto;
		font-size: 12px;
		color: #ddd8af;
		line-height: 1.6;
	}
	
	.tokutenWrap p .pc {
		display: none;
	}
	.tokutenWrap p .sp {
		display: block;
	}

	.tokutenWrap p.twTxt {
		width: 100%;
		margin: 12% auto 0 auto;
		text-align: left;
		font-size: 12px;
		line-height: 1.6;
	}
			.tokutenWrap .audioBox {
				position: relative;
				height: 100%;
			}
			.tokutenWrap .audio {
width: 18.66666%;
height: 52.88888%;
position: absolute;
right: 40.44444%;
top: 20.55555%;
			}
			.tokutenWrap .audiobg {
				width: 100%;
				margin: 0 auto 0 auto;
			}
			
			
			
	@media (min-width: 1000px) {
	.tokutenWrap.tcorrect {
		margin: 35px auto 30px auto;
	}
	.tokutenWrap p.twTxt {
		text-align: center;
		line-height: 1.6;
		font-size: 16px;
		margin: 80px auto 0 auto;
	}

	#contentinner .tokutenWrap .contentBox {
		width: 910px;
	}
	#contentinner .tokutenWrap .contentBox .txtBox {
		width: 720px;
		margin: 0 auto 0 auto;
	}
	
	.tokutenWrap {
		width: 910px;
		margin: 35px auto 30px auto;
		padding: 0 10px 0 10px;
		overflow: hidden;
	}
		.tokutenWrap form {
			overflow: hidden;
		}
		.tokutenWrap input, .tokutenWrap button, .tokutenWrap textarea, .tokutenWrap select {
			border:0;
			padding:10px;
			font-size:26px;
			font-family:Arial, sans-serif;
			color: #000000;
			border:solid 1px #d2d2d2;
			margin:0 10px 0 10px;
			width:260px;
			line-height: 35px;
		}
			.tokutenWrap input[type="text"]:focus {
			  outline: 0;
			  border-color: #d2d2d2;
			}
		.tokutenWrap form p {
			color: #d71518;
			font-size: 26px;
			float: left;
			line-height: 55px;
		}
		.tokutenWrap form p.txt0 {
			width: 100%;
			margin: 0 0 5px 0;
			font-size: 18px;
			color: #f2f0e5;
			text-align: center;
		}
		.tokutenWrap form p.txt1 {
			float: left;
			width: auto;
			margin: 0 0 0 0;
			text-align: left;
			line-height: 55px;
			font-size: 26px;
		}
		.tokutenWrap form p.txt2 {
			width: auto;
			text-align: left;
			font-size: 26px;
			margin-right: 0;
		}
		.tokutenWrap form input {
			float: left;
		}
		
		.tokutenWrap form input.transmit {
		width: 150px;
		display: block;
		color: #fff;
		text-decoration: none;
		text-align: center;
		border-radius: 2px;
		border-color: #206434;
		font-weight: normal;
			background: #206434;
			font-size: 18px;
			margin: 0 0 0 10px;
		}

		.tokutenWrap form input.transmit:hover{
		opacity: 0.5;
		filter: alpha(opacity=50);
		-ms-filter: "alpha(opacity=50)";
		-moz-opacity: 0.5;
		-khtml-opacity: 0.5;
		cursor: pointer;
		}
		
	.tokutenWrap p {
		width: 762px;
		text-align: center;
		margin: 0 auto 0 auto;
		font-size: 18px;
		color: #ddd8af;
		line-height: 1.6;
	}
	.tokutenWrap p .pc {
		display: block;
	}
	.tokutenWrap p .sp {
		display: none;
	}
	
			.tokutenWrap .audioBox {
				background: url(../img/tokuten_message_bg.png) no-repeat 0 0;
				width: 911px;
				height: 308px;
				position: relative;
				margin: 20px auto 0 auto;
			}
			.tokutenWrap .audio {
				width: 170px;
				height: 170px;
				position: absolute;
				left: 373px;
				top: 66px;
			}
			.tokutenWrap p.audiobg {
				display: none;
			}

	}


			


/*-------#share-------*/
#share {
	background: #000000;
	width: 100%;
	margin: 10% auto 0 auto;
	padding: 5% 0 8% 0;
	overflow: hidden;
}
	#share ul {
		width: 60%;
		margin: 0 auto 0 auto;
	}
		#share ul li {
			width: 50%;
			margin: 3% auto 0 auto;
			float: left;
			text-align: center;
		}

.twBtn {
	width: 68%;
	margin: 6% auto 0 auto;
	text-align: center;
}

	@media (min-width: 1000px) {
	#share {
		margin: 40px 0 0 0;
		padding: 30px 0 40px 0;
	}
	#share ul {
		width: 280px;
		margin: 0 auto 0 auto;
	}
		#share ul li {
			width: 50%;
			margin: 20px auto 0 auto;
			float: left;
		}
		.twBtn {
			width: 368px;
			height: 84px;
			margin: 40px auto 0 auto;
			text-align: center;
		}
	}


#popup {
	display: none;
}
#popupBtn {
	position: fixed;
	right: 3%;
	bottom: 3%;
	z-index: 100;
	text-align: right;
	cursor: pointer;
}
#popupBtn img {
	width: 60%;
	height: auto;
 border-style:none;
 }
#cboxLoadedContent {
	max-width: 300px !important;
}
#privilege {
	background: url(../img/bg_02.png) repeat;
	background-size: 100% auto;
	width: 100%;
	overflow: hidden;
	text-align: center;
}
.popupWrap .privilegeWrap {
width: 100%;
margin: 0 auto 0 auto;
padding: 5% 0 0 0;
}
#privilege .img {
	width: 80%;
	padding: 5% 10% 0 10%;
	margin: 0 auto 0 auto;
	position: relative;
}
#privilege .cl {
	display: none;
}
#privilege .img img {
	width: 100%;
	height: auto;
}
#privilege .txt {
	width: 80%;
	margin: 0 auto 0 auto;
	padding: 3% 10% 5% 10%;
	font-size: 12px;
	color: #f2f0e5;
	line-height: 1.4;
	text-align: left;
}
#privilege .txt span {
	font-size: 7px;
	color: #999999;
}
	@media (min-width: 1000px) {
		
#popup {
	display: none;
}
#popupBtn {
	position: fixed;
	right: 10px;
	bottom: 10px;
	z-index: 100;
	cursor: pointer;
}
#popupBtn img {
	width: 100%;
 border-style:none;
 }
#cboxLoadedContent {
	max-width: 100% !important;
}
#privilege {
	background: url(../img/bg_02.png) repeat;
	background-size: 100% auto;
	width: 100%;
	overflow: hidden;
	text-align: center;
}
.popupWrap .privilegeWrap {
width: 100%;
margin: 0 auto 0 auto;
padding: 0 0 0 0;
}
#privilege .img {
	width: 77%;
	max-width: 700px;
	padding: 0 13% 0 10%;
	margin: 0 auto 0 auto;
	position: absolute;
	top: -10px;
}
#privilege .cl {
	display: block;
	width: 80%;
	max-width: 700px;
	padding: 0 10% 0 10%;
}
#privilege .img img {
	width: 100%;
	height: auto;
}
#privilege .txt {
	width: 77%;
	max-width: 700px;
	margin: 0 auto 0 auto;
	padding: 0 13% 5% 10%;
	font-size: 17px;
	color: #f2f0e5;
	line-height: 1.4;
	text-align: left;
}
#privilege .txt span {
	font-size: 12px;
	color: #999999;
}
		
	}

/*-------footer-------*/
#footer {
	width: 100%;
	background: #000000;
	text-align: center;
	margin: 0 0 0 0;
	padding: 0 0 5% 0;
}
	#footer .txt {
		width: 24%;
		margin: 0 auto 8% auto;
	}
	#footer .copyright {
		font-size: 12px;
		margin: 0 0 2% 0;
		color: #cccccc;
	}
	#footer .copyright img {
		width: 70%;
		margin: 0 auto 0 auto;
	}
	
	@media (min-width: 1000px) {
	#footer .txt {
		width: 580px;
		margin: 0 auto 35px auto;
	}
	#footer .txt img {
		width: 131px;
	}
	#footer .copyright {
		font-size: 14px;
		margin: 0 0 10px 0;
		color: #cccccc;
	}
	#footer .copyright img {
		width: 272px;
	}
	#contentinner.quizinner #footer {
		padding: 0 0 0 0;
	}
	}