@charset "utf-8";

/* ヘッダー */
header{
	position: relative;
	margin: 60px auto 0 auto ;
	display: block;
	width: 100%;
}
header #keyvisual{
	position: relative;
	margin: 0 auto ;
	display: block;
	background-image: url("../img/header_sp.jpg");
	background-repeat: no-repeat;
	background-position: 50% 0;
	background-size: contain;
	padding-top: 141.5625%;
	width: 100%;
}

/* キャッチコピー */
.catch{
	position: relative;
	margin: 0 auto;
	padding: 5% 3%;
	background-image: url("../img/catch_bg.jpg");
	background-repeat: no-repeat;
	background-position: 50% 0;
	background-size: cover;
}

.headerTxt{
	position: relative;
	margin: 0 auto;
	background-color: #7d0000;
	color: #ffffff;
	font-size: .17rem;
	font-weight: 900;
	line-height: 1.5em;
	padding: 3% 0;
}


/* イントロ */
#intro{margin: 0.5% auto 0 auto;}
/* photo slider */
#intro div#photoArea{
	position: relative;
	margin: 0 auto;
	width: 100%;
	overflow: hidden;
}
#intro .photoWrap {
    top: 0;
    left: 2%;
    height:100px;
	width: 100%;
    overflow: hidden;
    position: absolute;
}
#intro .photoWrap:after {
    content: "";
    display: none;
    clear: none;
}
#intro div.photo{
	position: relative;
	margin: 0;
	padding:0;
	width: 100%;
	height:100px;
	overflow: hidden;
}
#intro div.photo ul{
	float: left;
	height:100px;
	overflow: hidden;
}
#intro div.photo ul li{
	position: relative;
	height:100px;
	width: 152px;
	float: left;
    display: inline;
    overflow: hidden;
}
#intro div.photo ul li img{
	height: 100%;
	width: auto;
}

/* ニュース */
#news{font-weight: 400;}
#news::before{
	position: absolute;
	content: '';
	top: 0;
    right: 40%;
    bottom: -50px;
    left: 0;
	background: -webkit-linear-gradient(bottom, rgba(64,64,108,1) 63%, rgba(121,140,46,1));
	background: -o-linear-gradient(bottom, rgba(64,64,108,1) 63%, rgba(121,140,46,1));
	background: linear-gradient(to bottom, rgba(64,64,108,1) 63%, rgba(121,140,46,1));
	z-index: 1;
}
#news .contents-wrap{box-shadow:6px 6px 0px 0px #40406c; overflow: hidden;}
#news .newsBox{position: relative;}
#news .newsBox ul{
	position: relative;
	margin: 0 auto;
	width: 100%;
	text-align: left;
	height: 150px;
	overflow: hidden;
}
#news .newsBox ul li{
	position: relative;
	margin: 3% auto;
	padding-bottom: 1%;
	border-bottom: solid 1px #a0a0a0;
}
#news .newsBox ul li span{
	display: block;
	color: #37508e;
}
#news .newsBox ul li p, #news .newsBox ul li a{
	color: #000000;
	text-decoration: none;
}
#news .newsBox ul li a{color: #ce2454;}

/* 物語 */
#story::before{
	position: absolute;
	content: '';
	top: 44px;
    right: 40%;
    bottom: -50px;
    left: 0;
	background: -webkit-linear-gradient(bottom, rgba(121,140,46,1) 50%, rgba(169,99,147,1));
	background: -o-linear-gradient(bottom, rgba(121,140,46,1) 50%, rgba(169,99,147,1));
	background: linear-gradient(to bottom, rgba(121,140,46,1) 50%, rgba(169,99,147,1));
	z-index: 1;
}
#story .contents-wrap{box-shadow:6px 6px 0px 0px #798c2e;}
#story p{ text-align: left; margin: 0 auto 20px auto;}
#story .about{ position: relative; margin: 30px auto 50px auto;}

/* イベント概要 */
#event::before{
	position: absolute;
	content: '';
	top: 44px;
    right: 40%;
    bottom: -50px;
    left: 0;
	background: -webkit-linear-gradient(bottom, rgba(169,99,147,1) 69%, rgba(199,140,16,1));
	background: -o-linear-gradient(bottom, rgba(169,99,147,1) 69%, rgba(199,140,16,1));
	background: linear-gradient(to bottom, rgba(169,99,147,1) 69%, rgba(199,140,16,1));
	z-index: 1;
}
#event .contents-wrap{box-shadow:6px 6px 0px 0px #a96393;}
/* 遊び方 */
#event ul.howto{
	position: relative;
	margin: 0 auto 30% auto;
}
#event ul.howto li{
	position: relative;
	margin: 0 auto 12% auto;
	padding: 0;
}
#event ul.howto li h5{
	position: relative;
	margin: 6% auto 3% auto;
	font-size: .18rem;
	font-weight: 900;
	color: #3d568d;
}
#event ul.howto li p{
	position: relative;
	margin: 0 auto;
	font-size: .16rem;
	line-height: 1.65em;
}
#event ul.howto li img{
	height: auto;
	display: block;
	position: relative;
	margin: 0;
}
#event ul.howto li:nth-child(1) img{width: 74%;}
#event ul.howto li:nth-child(2) img{width: 98%;}
#event ul.howto li:nth-child(3) img{width: 86%;}
#event ul.howto li:nth-child(4) img{width: 94%;}
#event .btn_ruroken{ margin: 8% auto 0 auto;}


/* ゲームの特徴 */
#event ul.game{
	position: relative;
	margin: 0 auto ;
	text-indent: -8px;
	margin-left: 8px;
}
#event ul.game li{
	position: relative;
	margin: 0 auto 6% auto;
	padding: 0 0 0 8px;
	text-align: left;
}
#event ul.game li:before {
	position: absolute;
	top:5px;
	left:-18px;
    content:  "";
    width:  15px;
    height:  15px;
    display:  inline-block;
	background-image: url("../img/icon-p.png");
	background-repeat: no-repeat;
	background-position: 50% 0;
	background-size: contain;
}
#event ul.game li h5{
	position: relative;
	margin: 6% auto 3% auto;
	font-size: .18rem;
	font-weight: 900;
	color: #392b45;
}
#event ul.game li div{
	position: relative;
	margin: 0 auto;
	font-size: .16rem;
	line-height: 1.65em;
	text-indent: 1px;
}
#event ul.game li ul.game-child{
	position: relative;
	margin: 5% auto 20% auto;
	text-indent: -12px;
	margin-left: 12px;
}
#event ul.game li ul.game-child li:before {background-image: none;}
#event ul.game li ul.game-child li h6{
	position: relative;
	margin: 6% auto 3% auto;
	font-weight: 900;
	font-size: .17rem;
	color: #392b45;
}
#event ul.game li ul.game-child li div{
	position: relative;
	margin: 0 auto;
	line-height: 1.65em;
	text-indent: 1px;
}
#event .howtoTxt{
	position: relative;
	margin: 0 auto 30% auto;
	text-align: left;
	width: 90%;
	border-top: solid 1px #000000;
	border-bottom: solid 1px #000000;
	padding: 5% 0;
}
#event .TxtB{font-size: .18rem;}

/* チケット情報 */
#ticket::before{
	position: absolute;
	content: '';
	top: 44px;
    right: 40%;
    bottom: -50px;
    left: 0;
	background: -webkit-linear-gradient(bottom, rgba(199,140,16,1) 20%, rgba(113,28,58,1));
	background: -o-linear-gradient(bottom, rgba(199,140,16,1) 20%, rgba(113,28,58,1));
	background: linear-gradient(to bottom, rgba(199,140,16,1) 20%, rgba(113,28,58,1));
	z-index: 1;
}
#ticket .contents-wrap{box-shadow:6px 6px 0px 0px #c78c10;}
#ticket ul{
	position: relative;
	margin: 0 auto 12% auto;
	text-indent: -8px;
	margin-left: 8px;
}
#ticket ul li{
	position: relative;
	margin: 0 auto 6% auto;
	padding: 0 0 0 8px;
	text-align: left;
}
#ticket ul li:before {
	position: absolute;
	top:5px;
	left:-18px;
    content:  "";
    width:  15px;
    height:  15px;
    display:  inline-block;
	background-image: url("../img/icon-y.png");
	background-repeat: no-repeat;
	background-position: 50% 0;
	background-size: contain;
}
#ticket ul li h5{
	position: relative;
	margin: 6% auto 3% auto;
	font-size: .18rem;
	font-weight: 900;
	color: #7d5605;
}
#ticket ul li div{
	position: relative;
	margin: 0 auto;
	font-size: .16rem;
	line-height: 1.65em;
	text-indent: 1px;
}
.nazoticket{font-size: .13rem;}

/* 謎解き */
#nazo::before{
	position: absolute;
	content: '';
	top: 44px;
    right: 40%;
    bottom: -50px;
    left: 0;
	background: -webkit-linear-gradient(bottom, rgba(113,28,58,1) 60%, rgba(102,132,121,1));
	background: -o-linear-gradient(bottom, rgba(113,28,58,1) 60%, rgba(102,132,121,1));
	background: linear-gradient(to bottom, rgba(113,28,58,1) 60%, rgba(102,132,121,1));
	z-index: 1;
}
#nazo .contents-wrap{ box-shadow:6px 6px 0px 0px #711c3a;}
#nazo .nazoImg{padding-top: 8%;}
#nazo dl.hint{
	position: relative;
	margin: 0 auto 12% auto;
	font-size: .16rem;
}
#nazo dl.hint dt{
	position: relative;
	margin: 8% auto 0 auto;
	padding: 5px 0;
	font-size: .18rem;
	color: #711c3a;
	border: solid 2px #711c3a;
	background-color: #e4d8dc;
}
.nazo_arrow::after{
	position: absolute;
	content: '';
	top:50%;
	transform: translateY(-50%);
	left: 90%;
	width: 19px;
	height: 10px;
	background-image: url('../img/hint_arrow.png');
	background-repeat: no-repeat;
}
.nazo_arrow01::after{
	position: absolute;
	content: '';
	top:50%;
	transform: translateY(-50%);
	left: 90%;
	width: 19px;
	height: 10px;
	background-image: url('../img/hint_arrow01.png');
	background-repeat: no-repeat;
}
#nazo dl.hint dd{
	position: relative;
	margin: 0 auto;
	padding: 5px;
	text-align: left;
	font-size: .14rem;
	display: none;
	border-left: solid 2px #711c3a;
	border-right: solid 2px #711c3a;
	border-bottom: solid 2px #711c3a;
}
#nazo .inputArea{
	position: relative;
	margin: 0 auto 10% auto;
}
#nazo .inputArea .inputTxt{
	position: relative;
	margin:  0 auto;
	padding: 0 5px;
	border: solid 1px #707070;
	background-color: #f8f8f8;
	border-radius: 5px;
	width: 100%;
	height: 2em;
	font-size: .16rem;
}
#nazo .inputArea .btn_send{ 
	position: relative;
	display: block;
	width: 70%;
	margin: 6% auto 4% auto;
	padding: 2% 3%;
	text-decoration: none;
	border: none;
	border-radius: 10px;
	background-color: #711c3a;
	transition: all 0.16s ease-out;
	text-align: center;
	color: #ffffff;
	font-size: .16rem;
	font-weight: 700;
}
.resultImg{ 
	position: relative;
	margin: 20px auto;
	width: 60%;
}
.resultImg.typeN{ padding-right: 9%;}
.resultImg.typeO{ padding-right: 5%;}
.resultTxt{
	position: relative;
	margin: 30px auto;
	text-align: center;
}
.snsNazoShare{
	position: relative;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	margin: 0 auto 30px auto;
}
.snsNazoShare li{width: 40px;margin: 0 10px;}

/* グッズ情報 */
#goods::before{
	position: absolute;
	content: '';
	top: 44px;
    right: 40%;
    bottom: -50px;
    left: 0;
	background: -webkit-linear-gradient(bottom, rgba(102,132,121,1) 60%, rgba(71,89,132,1));
	background: -o-linear-gradient(bottom, rgba(102,132,121,1) 60%, rgba(71,89,132,1));
	background: linear-gradient(to bottom, rgba(102,132,121,1) 60%, rgba(71,89,132,1));
	z-index: 1;
}
#goods .contents-wrap{box-shadow:6px 6px 0px 0px #668479;}
#goods .goodsTxt{position: relative;}
#goods .nazoplus{
	background-image: url("../img/icon_nazo.png");
	background-repeat: no-repeat;
	background-position: 100% 0;
	background-size: 70px auto;
	padding-top: 10px;
}
#goods ul{
	position: relative;
	margin: 0 auto 12% auto;
}
#goods ul li{
	position: relative;
	margin: 12% auto 24% auto;
	text-align: left;
	font-size: .14rem;
}
#goods ul li h5{
	position: relative;
	margin: 6% auto 3% auto;
	padding-bottom: .4em;
	font-size: .22rem;
	font-weight: 900;
	color: #214135;
	border-bottom: solid 1px #214135;
}
#goods .nazoplus h5{padding-right: 80px;}
#goods ul li .goodsAbout{font-size: .16rem;}
#goods ul li .goodsprice{font-size: .20rem; text-align: right;padding: .4em 0;}
#goods ul li .goodsprice span{color:#cc0909; font-weight: 700;}
#goods ul li .goodsprice span.goodspricetxt{font-size: .18rem;}
#goods ul li .goodsImg{text-align: center;padding: 4% 0;}


/* よくある質問 */
#faq::before{
	position: absolute;
	content: '';
	top: 44px;
    right: 40%;
    bottom: -50px;
    left: 0;
	background: -webkit-linear-gradient(bottom, rgba(71,89,132,1) 60%, rgba(77,133,120,1));
	background: -o-linear-gradient(bottom, rgba(71,89,132,1) 60%, rgba(77,133,120,1));
	background: linear-gradient(to bottom, rgba(71,89,132,1) 60%, rgba(77,133,120,1));
	z-index: 1;
}
#faq .contents-wrap{box-shadow:6px 6px 0px 0px #475984;}
#faq dl.caution{
	position: relative;
	margin: 0 auto 12% auto;
	text-indent: -8px;
	margin-left: 8px;
	font-size: .16rem;
	line-height: 1.65em;
}
#faq dl.caution dt{
	position: relative;
	margin: 3% auto;
	padding: 0 0 0 8px;
	text-align: left;
	font-size: .17rem;
	color: #ce2454;
	text-decoration: underline;
}
#faq dl.caution dt:before {
	position: absolute;
	top:5px;
	left:-18px;
    content:  "";
    width:  15px;
    height:  15px;
    display:  inline-block;
	background-image: url("../img/icon-b.png");
	background-repeat: no-repeat;
	background-position: 50% 0;
	background-size: contain;
}
#faq dl.caution dd{
	position: relative;
	margin: 0 auto 6% auto;
	padding: 0;
	text-align: left;
	text-indent: 1px;
	display: none;
}

#faq dl.faq{
	position: relative;
	margin: 0 auto;
	text-indent: -1em;
	margin-left: 1em;
	font-size: .16rem;
	line-height: 1.65em;
}
#faq dl.faq dt{
	position: relative;
	margin: 3% auto;
	padding: 0 ;
	text-align: left;
	text-indent: 1px;
	font-size: .17rem;
	color: #ce2454;
	text-decoration: underline;
}
#faq dl.faq dt:before {
	position: absolute;
	top:0;
	left:-1em;
    content:  "Q";
    width:  1em;
    height:  1em;
    display:  inline-block;
}
#faq dl.faq dd{
	position: relative;
	margin: 0 auto 6% auto;
	padding: 0;
	text-align: left;
	text-indent: 1px;
	display: none;
}
#faq dl.faq dd:before {
	position: absolute;
	top:0;
	left:-1em;
    content:  "A";
    width:  1em;
    height:  1em;
    display:  inline-block;
}

.goods{	margin: 30px auto 0 auto;}
.btn_exspo{	margin: 30px auto 50px auto;}
.attention{
	position: relative;
	font-size: .14rem;
	font-weight: 500;
	text-align: left;
}
#faq .attention{
	margin: 0 auto 20% auto;
}

/* ----- pc ----- */
@media screen and (min-width: 641px) {

	/* ヘッダー */
	header #keyvisual{
		margin: 0 auto ;
		background-image: url("../img/header.jpg");
		/*padding-top: 56.25%;*/
		padding-top: 58.34%;
	}

	/* キャッチコピー */
	.catch{padding: 50px 0 30px 0;}

	.headerTxt{
		font-size: .24rem;
		padding: 35px 0;
	}


	/* イントロ */
	#intro{margin: 3px auto 0 auto; width: 100% !important;}
	/* photo slider */
	#intro div#photoArea{width: 100%;}
	#intro .photoWrap {
		left: 0;
		height:270px;
		width: 100%;
	}
	#intro div.photo{width: 100%;height:270px;}
	#intro div.photo ul{height:270px;}
	#intro div.photo ul li{height:270px;width: 408px;}

	
	/* ニュース */
	#news::before{right: calc(50% + 240px);}
	#news .contents-wrap{box-shadow:15px 15px 0px 0px #40406c;}
	#news .newsBox ul{height: 200px;}
	#news .newsBox ul li{
		margin: 10px auto;
		padding-bottom: 5px;
	}
	#news .newsBox ul li span{
		display: inline-block;
		padding-right: 1.5em;
	}
	#news .newsBox ul li p{display: inline-block;}

	
	/* 物語 */
	#story::before{top: 35px;right: calc(50% + 240px);}
	#story .contents-wrap{box-shadow:15px 15px 0px 0px #798c2e;}
	#story p{ margin: 0 auto 20px auto;}


	/* イベント概要 */
	#event::before{top: 35px;right: calc(50% + 240px);}
	#event .contents-wrap{box-shadow:15px 15px 0px 0px #a96393;}
	#event .btn_ruroken{ margin: 40px auto 0 auto;}

	/* 遊び方 */
	#event ul.howto{
		margin: 0 auto 60px auto;
		display:-webkit-box;
		display:-webkit-flex;
		display:-ms-flexbox;
		display:flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: flex-start;
		width: 800px;
	}
	#event ul.howto li{width: 350px; margin: 0 0 50px 0;}
	#event ul.howto li h5{
		margin: 15px auto 30px auto;
		font-size: .24rem;
	}
	#event ul.howto li:nth-child(1) img{width: auto;}
	#event ul.howto li:nth-child(2) img{width: auto;padding: 19px 0 13px 0;}
	#event ul.howto li:nth-child(3) img{width: auto;}
	#event ul.howto li:nth-child(4) img{width: auto;padding: 3px 0 12px 0;}

	/* ゲームの特徴 */
	#event ul.game{
		margin: 0 auto 80px auto;
		text-indent: -20px;
		margin-left: 20px;
	}
	#event ul.game li{
		margin: 0 auto 30px auto;
		padding: 0 0 0 20px;
		display:-webkit-box;
		display:-webkit-flex;
		display:-ms-flexbox;
		display:flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: flex-start;
	}
	#event ul.game li:before {
		top:3px;
		left:-36px;
		width: 25px;
		height: 27px;
	}
	#event ul.game li h5{
		margin: 0;
		font-size: .24rem;
		width: 260px;
	}
	#event ul.game li div{margin: 0;}
	#event ul.game li .areaMap{width: 100%; text-align:center; margin-top: 20px;}
	#event ul.game li ul.game-child{
		margin: 20px 0 30px 0;
		text-indent: -5px;
		margin-left: 5px;
	}
	#event ul.game li ul.game-child li{
		position: relative;
		display:block;
	}
	#event ul.game li ul.game-child li:before {
		top:0;
		left:0;
		width: 10px;
	}
	#event ul.game li ul.game-child li h6{
		margin: 0 0 10px 0;
		font-size: .18rem;
		width: auto;
		display:inline-block;
		vertical-align: top;
		padding-right: 2em;
	}
	#event ul.game li ul.game-child li div{
		margin: 0 auto 10px auto;
		width: auto;
		display:inline-block;
		vertical-align: top;
	}
	#event .howtoTxt{margin: 0 auto 120px auto; text-align: center;}
	#event .TxtB{font-size: .22rem;}
		
	/* チケット情報 */
	#ticket::before{top: 35px;right: calc(50% + 240px);}
	#ticket .contents-wrap{box-shadow:15px 15px 0px 0px #c78c10;}
	#ticket ul{
		margin: 40px auto 50px auto;
		text-indent: -20px;
		margin-left: 20px;
	}
	#ticket ul li{
		margin: 0 auto 30px auto;
		padding: 0 0 0 20px;
		display:-webkit-box;
		display:-webkit-flex;
		display:-ms-flexbox;
		display:flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: flex-start;
	}
	#ticket ul li:before {
		top:3px;
		left:-36px;
		width: 25px;
		height: 27px;
	}
	#ticket ul li h5{
		margin: 0;
		font-size: .24rem;
		width: 200px;
	}
	#ticket ul li div{margin: 0;}
	.nazoticket{font-size: .16rem;}

	
	/* 謎解き */
	#nazo::before{top: 35px;right: calc(50% + 240px);}
	#nazo .contents-wrap{ box-shadow:15px 15px 0px 0px #711c3a;}
	#nazo .nazoImg{padding-top: 35px; padding-bottom: 20px;}
	#nazo dl.hint{margin: 0 auto 50px auto;width: 750px;}
	#nazo dl.hint dt{
		margin: 30px auto 0 auto;
		padding: 0;
		font-size: .26rem;
		height: 60px;
		line-height: 60px;
	}
	#nazo dl.hint dt:hover{cursor: pointer;}
	.nazo_arrow::after, .nazo_arrow01::after{left: 710px;}
	#nazo dl.hint dd{
		padding: 20px;
		font-size: .16rem;
	}
	#nazo .inputArea{margin: 10px auto 20px auto;}
	#nazo .inputArea .inputTxt{
		padding: 0 15px;
		width: 730px;
		height: 60px;
		line-height: 60px;
	}
	#nazo .inputArea .btn_send{ 
		width: 280px;
		height: 60px;
		margin: 30px auto;
		padding: 0;
		line-height: 60px;
		font-size: .24rem;
		background-color: #711c3a;
	}
	#nazo .inputArea .btn_send:hover{opacity: .7; cursor: pointer;}
	.resultImg{ width: 420px;}
	.resultImg.typeN{ padding-right: 30px;}
	.resultImg.typeO{ width:364px;padding-right: 0;}
	.resultTxt{margin: 50px auto; font-size: .18rem;}
	.snsNazoShare li{width: 58px;margin: 0 20px;}

	
	/* グッズ情報 */
	#goods::before{top: 35px;right: calc(50% + 240px);}
	#goods .contents-wrap{box-shadow:15px 15px 0px 0px #668479;}
	#goods .goodsTxt{ width: 505px;}
	#goods .nazoplus{background-size: 96px auto;}
	#goods ul{margin: 50px auto 0 auto;}
	#goods ul li{
		margin: 0 auto 80px auto;
		font-size: .16rem;
		display:-webkit-box;
		display:-webkit-flex;
		display:-ms-flexbox;
		display:flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: flex-start;
	}
	#goods ul li h5{
		margin: 30px 0 15px 0;
		font-size: .26rem;
		padding-bottom: 12px;
		width: 490px;
	}
	#goods .nazoplus h5{padding-right: 100px;width: 390px;}
	#goods ul li .goodsAbout{font-size: .18rem;width: 490px;}
	#goods ul li .goodsprice{font-size: .22rem; width: 490px; padding: 12px 0;}
	#goods ul li .goodsImg{width: 300px;padding: 4% 0;}


	

	/* よくある質問 */
	#faq::before{top: 35px;right: calc(50% + 240px);bottom: -150px;}
	#faq .contents-wrap{box-shadow:15px 15px 0px 0px #475984;}
	#faq dl.caution{
		margin: 0 auto 50px auto;
		text-indent: -20px;
		margin-left: 20px;
	}
	#faq dl.caution dt{
		margin: 20px auto;
		padding: 0 0 0 20px;
		font-size: .18rem;
	}
	#faq dl.caution dt:before {
		top:3px;
		left:-36px;
		width: 25px;
		height: 27px;
	}
	#faq dl.caution dd{margin: 0 auto 30px auto;}

	#faq dl.faq dt{
		margin: 20px auto;
		font-size: .18rem;
	}
	#faq dl.faq dd{margin: 0 auto 20px auto;}
	#faq .attention{margin: 0 auto 120px auto;}
	
	.btn_exspo{	margin: 80px auto 150px auto;}

		
}