/* CSS Document */ @charset "utf-8";

@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);



/* base
--------------------------------- */
#wrap {
	font-size: 13px;
	padding:0;
}

#container{
	width:100%;
	padding:0;
	background:#f8f9fa;
}
.section{
	margin:0;
	padding:30px 4% 25px;
}
.section#dticket,
.section#about,
.section#entry,
.section#attention{
	background:#fff;
}
.area{
	margin-bottom:40px;
}
.dottList li{
	margin-bottom:15px;
}
.dottList li:last-child{
	margin-bottom:0;
}
.dottList li .tit{
	margin-bottom:5px;
}
.attentionList li{
	font-size: 12px;
	margin-bottom:12px;
}

.attentionList li:last-child{
margin-bottom:0;
}




/* contents
--------------------------------- */
/*ボタン*/

.btn a, .btn input{
	display:block;
	padding:15px 0;
	width:100%;
}
.btn .sub{
	min-width:auto;
	padding:15px 0;
}
.btn .main{
	min-width:auto;
}

.btn.official{
margin: 0 4% 0;
padding-bottom:1px;

}

#entry .entryArea div{
float:none;
width: 100%;
}
#entry .entryArea div:first-child{
margin-bottom:30px;
}

#entry .entryArea,
#entry .entryArea div:first-child{
box-sizing: border-box;
width: 100%;
}

#entry .listTit{font-size:16px;margin-bottom:10px;padding-top:5px;}


/* header */
#header{
	background: #fff;
	margin:0!important;
}

#header .ph{
	float: none;
	width: 100%;
	margin: 0;
}

#header .btn{
margin: 0 6%;
}

#header h1 {
	margin:0!important;
	padding:15px 4% 10px;
	font-size: 21px;
	line-height: 1.4em;
}
#header h1 span {
	text-align:left;
	font-size: 16px;
	margin-top: 10px;
}
/* タイトル */
.sectionTit{
	margin:0 0 20px!important;
	font-size:18px;
	font-weight:bold;
}
#about .introArea .mainLead{
	font-size:16px;
	line-height: 1.4;
}
.areaTit{
	font-size:16px;
	font-weight:bold;
}

/* チケットについて */

#about .introArea .lead{
	font-size: 13px;
	margin-bottom:10px;
}
#about .introArea .lead br { display: none; }
#about .introArea .attentionList li{
    margin-bottom: 6px;
}
#about .introArea .attentionList li:last-child{
    margin-bottom: 0;
}

/*対応端末*/

.deviceArea.area{ margin-bottom:0;}

.deviceArea .ph{
	width:100%;
	float:none;
	margin:0 0 15px 0;
	padding:0;
	text-align:center;
	border:none;
}
.deviceArea .dottList a{
	display:block;
	position: relative;
	margin:10px 0;
    padding: 8px 10px;
    color: #333;
    font-size: 12px;
    border: 1px solid #ddd;
    text-align: left;
	border-radius:6px;
	text-decoration:none;
}
.deviceArea .dottList a .fa{
	position:absolute;
	right:10px;
	top:12px;
	color:#999;
}
/* 応募時の注意 */
#about .attentionArea .txt br {
	display: none;
}

/* step */
.appDl { margin: 10px 0 15px;}
.appDlTxt{
	width:100%;
	float:none;
}
.appDl li{
text-align:left;
}
.summaryList.step{
	width:100%;
	margin: 0;
}
.summaryList.step td{
	width:100%;
}
.stepList{
	width:100%;
	margin: 0;
}

#step .summaryList { margin-bottom: 0; }
/* トレードについて */
#trade .ph{
	width:100%;
	float:none;
	margin: 0 0 20px 0;
}
#trade .ph img{
	width:100%;
}
#trade .ph{
	width:70%;
	margin: 25px auto 0;
	line-height:0;
}
#trade .mainLead{
	font-size:16px;
    padding: 20px 0 0;
}
#trade .mainLead .comingsoon{
	width:100%;
	margin:10px auto 30px ;
}
#trade .area{
	margin-bottom:20px;
}
#trade .attentionList {
	background: #eee;
	border-radius: 4px;
	padding: 10px;
}
#trade .attentionList li{
	margin-bottom:10px;
}
#trade .attentionList li:last-child{
	margin-bottom:0;
}
#trade .area .txt{
	margin-bottom:20px;
}
#trade .dottList{
	background: #fff;
	padding:15px 10px;
}
/* 電子チケットについて */
.pointArea .lead { font-size: 13px; }
.pointArea .lead br { display: none; }
.pointArea .subTxt { display: block; padding-top: 5px; }
.pointArea .tit{
	font-size:14px;
}
.pointArea li{
	width:100%;
	float:none;
	border-top: 1px dotted #ccc;
	padding: 15px 0 10px;
	margin-bottom: 0;
}
.pointArea li:last-child{
	margin-bottom:0;
}
.pointArea .ph {
	width:110px;
	float:left;
	margin: 0 10px 0 0;
	line-height:0;
}
.pointArea .txt{
	font-size:12px;
	line-height:1.5;
}
.pointArea .ph img{
	width:100%;
}
/*発券方法*/
.stepList dt{
	background:#9B9D9E;
	border:none;
	font-weight:bold;
	color:#fff;
}
.app_pc{
	display:none;
}
.app_sp{
	display: table;
	width: 100%;
}

/* ticket */
#ticket .summaryListSP th.seat{
	width: 50%;
	background: #eee;
	border-right: 1px solid #aaa;
	padding: 0 10px;
}

#ticket .app_sp.summaryListSP{
border:1px solid #aaa;
background:#fff;
box-sizing: border-box;
margin-bottom: 20px;
}

#ticket .app_sp.summaryListSP tr:nth-child(even) { border-bottom: 1px solid #aaa;}
#ticket .app_sp.summaryListSP tr:nth-child(even) td { width:25%; }
#ticket .summaryListSP td:last-child { padding-left:0; }
#ticket .app_sp.summaryListSP tr:last-child{border-bottom: none;}
#ticket .app_sp.summaryList tr:last-of-type(2) th.seat{ border-bottom:none; }
#ticket .summaryListSP td{
	width: 36%;
	box-sizing: border-box;
	text-align:left;
	font-size: 12px;
	background: #fff;
	padding: 7px 10px;
	border: none;
	border-bottom: 1px dotted #aaa;
}

#ticket .app_sp.summaryList .holiday,
#ticket .app_sp.summaryList .normal{
width: 31%;
box-sizing: border-box;
padding: 5px 8px;
border-bottom: none;
}
#ticket .txt { font-size: 13px; margin: 0; }
#ticket .txt br { display: none; }
#ticket .tit{margin-bottom:10px;}

#ticket .btn { padding: 0; }
#ticket .btn a { border: none; text-align: left; padding: 0; }
#ticket .ph{
float:none;
width: 100%;
margin: 0 auto 10px;
}
.spMap{display:block;width:100%;margin-bottom: 20px;}
.spMap img{width:100%;}
.pcMap{display:none;}

#ticket .summaryList th.app_sp.normal,
#ticket .summaryList th.app_sp.normal+td{

}


#dTicket .dticketAbout{margin-bottom:10px;}
#dTicket .dticketAbout .txt{margin-bottom:10px;}
#dTicket .dticketAbout .ph{
	width: 35%;
	margin-right: 10px;
}
#dTicket .dticketAbout .text .btn.pc{ display:none;}
#dTicket .dticketAbout .btn.sp{ display:block;}


/* エントリー */
#entry{
	margin:0;
}


#entry .summaryList{
	margin-top:0;
	margin-bottom: 0;
}
#entry .summaryList th,
#entry .summaryList td{
	width:100%;
	display:block;
	box-sizing: border-box;
	padding:5px;
	border:none;

}
#entry .summaryList th { background: #eee; }
#entry .summaryList td{
	    padding: 10px 5px;
}
#entry .summaryList tr:last-child td{ padding:10px 5px 0; }
#entry .summaryList td a,
.summaryList.step .appDl+ a {
	display:block;
	position: relative;
	margin:10px 0;
	padding: 8px 10px;
	color: #333;
	font-size: 12px;
	border: 1px solid #ddd;
	text-align: left;
	border-radius:6px;
	text-decoration:none;
}
#entry .summaryList td a .fa,
.summaryList.step .appDl+ a .fa{
	position:absolute;
	right:10px;
	top:12px;
	color:#999;
}
.entryArea { 	background: #fff; padding-top: 20px;}
#entry .entryArea .btn:last-child a{ margin-bottom:0;}
#entry .entryArea .btn .main{ font-size:16px; font-weight:bold; }
#entry .entryArea .tit{ margin: 10px 0 10px;}
.entryArea{ box-sizing: border-box;margin: 0 auto; }
.entryArea .btn .main{ width: 88%;}
#entry .entryArea .fin{ margin: 10px 0 20px; }
#entry .entryArea .txt{ padding:20px 0;}
.seatList dt {
float:none;
width:100%;
}
.seatList dd {
	padding-left: 0;
	padding-bottom: 10px;
	border-bottom: 1px dotted #aaa;
	margin-bottom: 10px;
}
.seatList dd span.pc{display:none;}
.seatList dd span{display:block;}

/* サポート */
.support{
	background:#f8f9fa;
	color: #888;
	font-size: 11px;
	padding:20px 4% 10px;
	border:none;
}
.support .red{
display:block;
margin-top:5px;
}

#ticket .summaryList th{
	width: auto;
	font-weight: bold;
	background: none;
	border:none;
	padding: 5px;
	font-size: 12px;
}

#check label{
border: 1px solid #aaa;
border-radius: 3px;
padding: 13px 9px;
box-sizing: border-box;
line-height: 100%;
width: 100%;
display: block;
}

#check {
	text-align: center;
	font-size: 14px;
	margin-bottom: 20px;
	padding: 0 6%;
}

#check input{margin-right:5px; vertical-align: -2px;}


/* footer
--------------------------------- */

#buy{
	background: rgba(255, 255, 255, 0.9);
	box-shadow: 0 -1px 4px rgba(0,0,0,0.6);
}

#buy .inner{
	width: 100%;
	padding: 0 4%;
	box-sizing: border-box;
}

#buy .inner .txt {
	display:none;
	float:none;
}
#buy .inner .btn {
	float: none;
	width: 100%;
}

#buy .inner .btn .main{
	width: 100%;
	padding: 5px 0;
}

.attention {
	font-size: 13px;
	font-weight: bold;
	text-align: left;
	margin-top: 10px;
}
/* footer
--------------------------------- */
#footer {
	width:92%;
	padding:10px 4%;
}
#footer ul{
	display:none;
}


/* coming soon
--------------------------------- */
.coming{
	width: 80%;
	background: #e6e6e6;
	text-align: center;
	border-radius: 4px;
	font-size: 14px;
	padding: 15px 4%;
	margin: 0 auto;
}