@charset "utf-8";

/* ****************************************************************************

	response.css
	
******************************************************************************* */

/* ==
　smartphone
=============================================================================== */

@media screen and (min-width: 0) and (max-width: 480px) {
	
#contents{
	min-width: inherit;
}

#container{
	min-width: inherit;
}

/* ヘッダー */

header{
	background-color:#FFFFFF;
	padding:10px 0;
}

header div p a{
	display:inline-block;
}

.header-logo{
	float:none;
	margin-left:0;
	text-align:center;	
}

.header-social{
	float:none;
	text-align:center;
}

.social li{
	float:none;
	display:inline-block;
	margin-right:10px;
}


/* メインビジュアル */

#main-section{
	width: auto;
	height: 300px;
	min-width: inherit;
	background-size: auto 300px;
	-moz-background-size:auto 300px;
	webkit-background-size:auto 300px;	
}

/* メインビジュアル以下の幅設定 */

.story-section, .about-section, .schedule-section, .qa-section, .staff-section, .detail-section {
	width:100%;
}

/* ストーリー */

.story-section{
	height: auto;
	background-size: auto 270px;
	-moz-background-size:auto 270px;
	webkit-background-size:auto 270px;	

}

.story-contents{
	height: auto;
	margin-top:30px;
	background: none;
}

.story-contents h2{
	padding-top:0;
}

.story-contents h2 img{
	width:45%;
}

.story-contents p{
	padding-top:15px;
}

.story-contents p img{
	width:95%;
}


/* 謎解きコンとは？ */

.about-section{
	height:auto;
	background-size: auto 270px;
	-moz-background-size:auto 270px;
	webkit-background-size:auto 270px;
	margin-top:40px;
}

.about-lead h2{
	padding-top:10px;
}

.about-lead h2 img{
	width:70%;
}

.about-lead p{
	padding-top:10px;
}

.about-lead p img{
	width:95%;
}

.about-contents{
	width:90%;
	height: inherit;
	margin:20px auto 0;
	background:none;
	background:#F0EDEE;
	padding-bottom:15px;
}

.about-contents dl{
	padding-top:0;
	width:90%;
	margin:0 auto;
	line-height:1.5;
}

.about-contents dt{
	font-size:15px;
	margin-top:0;
	padding-top:12px;
}

.about-contents dd{
	font-size:13px;
	margin-top:5px
}

.about-contents > p{
	display: inherit;
	text-align:center;
	padding-top:15px;
}

.about-contents > p img{
	width:80%;
}

.about-parts1, .about-parts2, .about-parts3, .about-parts4{
	display:none;
}

/* 当日の流れ */

.schedule-section{
	height: auto;
	margin-top:40px;
	background-size: auto 250px;
	-moz-background-size:auto 250px;
	webkit-background-size:auto 250px;	
}

.schedule-section h2{
	padding-top:0;	
}

.schedule-section h2 img{
	width:48%;	
}

.schedule-txt{
	padding-top:15px;	
}

.schedule-txt img{
	width:95%;
}

.schedule-img{
	padding-top:20px;	
}

.schedule-img img{
	width:95%;
}


/* Q&A */

.qa-section{
	height: auto;
	margin-top:30px;
	background-size: auto 270px;
	-moz-background-size:auto 270px;
	webkit-background-size:auto 270px;	
}

.qa-contents{
	height: auto;
	background: none;
}

.qa-contents h2{
	padding-top:15px;
}

.qa-contents h2 img{
	width:30%;
}

.qa-contents dl{
}

.qa-contents dt{
	font-size:15px;
	font-weight:bold;
	margin-top:20px;
}

.qa-contents dd{
	font-size:13px;
	margin-top:10px;
}

/* スタッフ紹介 */

.staff-section{
	height: auto;
	margin-top:30px;
	background-size: auto 200px;
	-moz-background-size:auto 200px;
	webkit-background-size:auto 200px;	
}

.staff-section h2{
	padding-top:20px;
}

.staff-section h2 img{
	width:55%;
}

.staff-txt img{
	width:80%;
}

.staff-img img{
	width:100%;
}

/* イベント詳細 */

.detail-section{
	height:auto;
	margin-top:40px;
	background:none;
}

.detail-section h2{
	padding-top:0;
}

.detail-section h2 img{
	width:55%;
}

.detail-section dl{
	width: 90%;
	margin-top: 10px;
	display: inherit;
}

.detail-section dl .row{
	display: inherit;
}

.detail-section dt,.detail-section dd{
	display: inherit;
}

.detail-section dt{
	text-align:left;
	padding: 10px 15px 0;
	border:none;
	font-size:14px;
}

.detail-section dd{
	padding: 0 15px 10px;
	font-size:13px;
}

.detail-section .detail-caution dt,.detail-section .detail-caution dd{
	border-bottom:none;
}

.detail-section .detail-caution dd{
	font-size:11px;
}

.detail-parts1, .detail-parts2, .detail-parts3, .detail-parts4, .detail-parts5, .detail-parts6, .detail-parts7{
	display:none;
}


/* 下部 */
.foot-section{
	margin-top:20px;
	padding-bottom:30px;
}

.foot-contents{
	height: auto;
	background-size: auto 270px;
	-moz-background-size:auto 270px;
	webkit-background-size:auto 270px;	
}

.foot-txt-pc{
	display: none;
}

.foot-txt-spn{
	display: inherit;
}

.foot-contents > p img{
	width:85%;
}

/* シェアボタン */
.share-section {
	margin: 40px 0 0;
}
.share-section ul {
	overflow: hidden;
	width: 70%;
	margin: 0 auto;
}
.share-section li {
	width: 100%;
	padding:10px 0 ;
	min-height: inherit;
}
.share-section li:nth-of-type(1) {
	float: none;
}
.share-section li:nth-of-type(2) {
	float: none;
}
.share-section li:nth-of-type(3) {
	display: none;
}
.share-section .share-btn {
	display: inherit;
	padding-top:0;
}
.share-section .share-btn img {
	margin-bottom:10px;
}

/* プロデューサー */

.foot-producer > p{
	margin-top:30px;	
}

.foot-producer > p img{
	width:95%;
}

.foot-producer ul{
	width: auto;
}

.foot-producer li{
	float:none;
	text-align:center;
	margin-top:0;
}

.foot-producer-pk{
	padding-top:30px;
}

.foot-producer-pk img{
	width:40%
}

.foot-producer-pp{
	margin-left:0;
	padding-top:20px;
}

.foot-producer-pp img{
	width:50%;
}

.foot-producer-rush img{
	width:30%;
}

.foot-producer li.foot-producer-rush{
	float:none;
	padding-top:10px;
}

/* 申し込みボタン */

.omousikomi img{
width:100%;
}

.omousikomi a{
width:80%;
}


.omousikomi-top{
	margin-top:20px;
}

.omousikomi-middle{
	margin-top:50px;
}

.omousikomi-bottom{
	margin-top:30px;
}

/* お客様の声 */

#voice li {
	float: right;
	width: 50%;
}
#voice li img {
	width: 100%;
}

/* フッター */
#footer{
	min-width: inherit; 
	width:90%;
}

#foot-line{
	min-width: inherit; 
	width:90%;
}

/* topへ戻る */

.back-top a{
	display:none;
}

/* facebookプラグイン */

#fb-plugin{
	display:none;
}

#fb-plugin-spn{
	display: inherit;
	margin:20px auto; 
	padding:0;
	width:300px;
}


.report-link{
	font-size: 14px;
	padding: 10px;
	margin-top: 20px;
}