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

	cmn.css

	--------------------
	・base
		- アイコンフォント読み込み
		- リセット
		- clearfix
	・color
	・container
	・共通パーツ
	・TOPページ共通パーツ
	・フォーム・MYページ
	・フォーム
	-------------------

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

.balloonLleft::before {
    border-color: transparent #ff0066 transparent transparent;
    border-style: solid;
    border-width: 5px 7px 5px 0;
    content: "";
    display: block;
    height: 0;
    left: -7px;
    margin-top: -5px;
    position: absolute;
    top: 50%;
    width: 0;
    z-index: 0;
}
.balloonLleft {
    background: #ff0066 none repeat scroll 0 0;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    margin: 0 0 0 10px;
    padding: 2px 5px 0;
    position: relative;
    text-align: center;
    width: auto;
    z-index: 0;
}


#end .lead {
	padding:20px 0 10px;
	color:#333;
	font-size:20px;
	font-weight:normal;
	text-align:center;
}
#end .inner{
	display:none;
}
#end #btnDetail{
	position: relative;
	width:300px;
	margin:0 auto 30px;
	padding:15px;
	color:#fff;
	font-size:18px;
	text-align:center;
	letter-spacing: 0.1em;
	background:#f26242;
	border-radius:3px;
	cursor:pointer;
	transition: all 0.3s ease 0s;
}
#end #btnDetail:hover{
	filter:brightness(130%);
}

#end #btnDetail.open::after {
	transition: all 0.3s ease 0s;
    border-right: 1px solid #fff;
    border-top: 1px solid #fff;
    bottom: 0;
    content: "";
    height: 12px;
    margin: auto;
    position: absolute;
    right: 15px;
    top: 5px;
    transform: rotate(-45deg);
    vertical-align: middle;
    width: 12px;
    z-index: 0;
}
#end #btnDetail::after {
	transition: all 0.3s ease 0s;
    border-right: 1px solid #fff;
    border-top: 1px solid #fff;
    bottom: 0;
    content: "";
    height: 12px;
    margin: auto;
    position: absolute;
    right: 15px;
    top: -5px;
    transform: rotate(135deg);
    vertical-align: middle;
    width: 12px;
    z-index: 0;
}

.red{
	color:#FF0000!important;
}

@media only screen and (min-width:750px) {



/* base
================================= */


/* font
----------------------------------- */
@font-face {
   font-family: 'Noto Sans Japanese';
   font-style: normal;
   font-weight: 500;
   src: url(https://fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Medium.woff2) format('woff2'),
        url(https://fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Medium.woff) format('woff'),
        url(https://fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Medium.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans Japanese';
   font-style: normal;
   font-weight: 700;
   src: url(https://fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Bold.woff2) format('woff2'),
        url(https://fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Bold.woff) format('woff'),
        url(https://fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Bold.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans Japanese';
   font-style: normal;
   font-weight: 900;
   src: url(https://fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Black.woff2) format('woff2'),
        url(https://fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Black.woff) format('woff'),
        url(https://fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Black.otf) format('opentype');
 }

/* アイコンフォント読み込み
--------------------------------- */
@import url('iconfont.css');


/* reset
--------------------------------- */

html{color:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;}

body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif}table{font-size:inherit;font:100%}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%}


/* clearfix
--------------------------------- */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size: 0;
}
.clearfix {
  min-height: 1px;
}
* html .clearfix {
  height: 1px;
  height: auto;
  overflow: hidden;
}

.sp{
display:none !important;
}
/* body
--------------------------------- */
body{
/*background:url(../../../img/vol3/cmn/bg.jpg) repeat left top;*/
font-family: Helvetica, 'MS Sans Serif', 'Noto Sans Japanese', sans-serif;
    -webkit-text-size-adjust: 100%;
	background: #FFFCEF;
}

.header{
width:100%;
margin:0 auto;
padding:20px 0 0;
}

.header .fb{
padding-left:30px;
display:inline-block;
}

.header .tw{
padding-left:10px;
display:inline-block;
}


.header a:hover{
color:#D4CEAA;
}

.container{
padding:10px 0 0;
}



/* menu
--------------------------------- */
.navWrap{
width:700px;
height:62px;
margin:0 auto 60px;
background:url(../../../img/vol3/pc/bg_nav.png) no-repeat left top;
overflow:hidden;
}

.subArea .fix,#top .fix{
top:20px;
left: 50%;
margin-left:-350px;
position:fixed;
z-index:99;
}


.menuArea {
overflow: hidden;
width: 530px;
margin: 14px auto 0;
}

.menuArea li a{
display:block;
float:left;
margin-right:30px;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}

.menuArea .home a{
width:39px;
height:26px;
background:url(../../../img/vol3/pc/nav_top.png) no-repeat left top;
text-indent:-9999px;
}

.menuArea .home a:hover,#top .menuArea .home a{
background:url(../../../img/vol3/pc/nav_top_active.png) no-repeat left top;
}

.menuArea .news a{
width:60px;
height:26px;
background:url(../../../img/vol3/pc/nav_news.png) no-repeat left top;
text-indent:-9999px;
}

.menuArea .news a:hover,#news .menuArea .news a{
background:url(../../../img/vol3/pc/nav_news_active.png) no-repeat left top;
}

.menuArea .live a{
width:94px;
height:26px;
background:url(../../../img/vol3/pc/nav_liveinfo.png) no-repeat left top;
text-indent:-9999px;
}

.menuArea .live a:hover,#liveinfo .menuArea .live a{
background:url(../../../img/vol3/pc/nav_liveinfo_active.png) no-repeat left top;
}

.menuArea .ticket a{
width:72px;
height:26px;
background:url(../../../img/vol3/pc/nav_ticket.png) no-repeat left top;
text-indent:-9999px;
}

.menuArea .ticket a:hover,#ticket .menuArea .ticket a{
background:url(../../../img/vol3/pc/nav_ticket_active.png) no-repeat left top;
}

.menuArea .goods a{
width:69px;
height:26px;
background:url(../../../img/vol3/pc/nav_goods.png) no-repeat left top;
text-indent:-9999px;
}

.menuArea .goods a:hover,#goods .menuArea .goods a{
background:url(../../../img/vol3/pc/nav_goods_active.png) no-repeat left top;
}

.menuArea .qa a{
width:46px;
height:26px;
background:url(../../../img/vol3/pc/nav_qa.png) no-repeat left top;
text-indent:-9999px;
margin:0;
}

.menuArea .qa a:hover,#faq .menuArea .qa a{
background:url(../../../img/vol3/pc/nav_qa_active.png) no-repeat left top;
}


/* アコーディオン
--------------------------------- */

.btnAccord{
    position: relative;
    width: 300px;
    margin: 0 auto 0;
    padding: 15px;
    color: #fff;
    font-size: 18px;
    text-align: center;
    letter-spacing: 0.1em;
    background: #CC362E;
    border-radius: 3px;
    cursor: pointer;
    transition: all 0.3s ease 0s;
}
.btnAccord::after {
    transition: all 0.3s ease 0s;
    border-right: 1px solid #fff;
    border-top: 1px solid #fff;
    bottom: 0;
    content: "";
    height: 12px;
    margin: auto;
    position: absolute;
    right: 15px;
    top: -5px;
    transform: rotate(135deg);
    vertical-align: middle;
    width: 12px;
    z-index: 0;
}
.btnAccord.open::after {
    transition: all 0.3s ease 0s;
    border-right: 1px solid #fff;
    border-top: 1px solid #fff;
    bottom: 0;
    content: "";
    height: 12px;
    margin: auto;
    position: absolute;
    right: 15px;
    top: 5px;
    transform: rotate(-45deg);
    vertical-align: middle;
    width: 12px;
    z-index: 0;
}
.btnAccord.open{
}
.accordBox{
	display:none;
	padding:20px 0 0 0;
}


/* header
--------------------------------- */
.mainArea{
padding-top:0px;
width:1180px;
margin:0 auto 40px;
}

.mainArea .mainTit{
width:590px;
float:left;
}

.subArea .mainArea{
width:1000px;
}

.subArea .mainArea .mainTit{
	text-align: center;
    margin: 0 auto 0;
    width: 100%;
    padding: 60px 0 40px;
}

.subArea .mainArea .mainTit img{
    width: 480px;
}

.scheduleArea{
width:540px;
float:right;
}

.subArea .scheduleArea{
width:680px;
}

.subArea .scheduleList{
margin: -50px 0 0 40px;
position: relative;
overflow: hidden;
z-index: 3;
}

.scheduleList {
margin: -40px 0 0 40px;
}

.scheduleList li{
font-size:19px;
margin-bottom:15px;
color:#FFF;
font-weight:bold;
text-shadow:0 0 2px rgba(0,0,0,0.6);
}

.subArea .scheduleList li{
width: 310px;
float: left;
font-size:14px;
margin:0 20px 8px 0;
}

.subArea .scheduleList li:nth-child(even){
margin:0 0 8px 0;

}

.scheduleList li span{
width: 180px;
font-family: 'Montserrat', 'Noto Sans Japanese';
font-weight:normal;
display:inline-block;
font-weight:600;
}

.subArea .scheduleList li span{
width:130px;
}



/* contents
--------------------------------- */
.contents{
width:1000px;
margin:0 auto;
}

.subArea .space,#top .space {
    padding: 122px 0 0;
}


.lead{
font-size:16px;
line-height:1.5em;
margin-bottom:8px;
font-weight:bold;
}



.dTit{
font-size: 23px;
text-align:center;
margin-bottom:20px;
font-weight:bold;
}


/* news
--------------------------------- */
.newsList{
overflow:hidden;
}

.newsList a{
text-decoration:none;
}

.newsList dt{
float:left;
padding-right:30px;
color:#6e3706;
font-size:12px;
font-weight:bold;
}

.newsList dd{
margin-bottom:25px;
color:#222;
font-size:14px;
font-weight:bold;
}

.newsDetail .date{
margin-bottom:5px;
}

.newsDetail .lead{
font-weight:normal;
font-size:14px;
line-height:1.6em;
}

.newsDetail h3{
padding-bottom:10px;
margin-bottom:15px;
border-bottom:solid 1px #45372B;
font-size:18px;
font-weight:bold;
}

/* live info
--------------------------------- */

.scList li span{
display:inline-block;
width:110px;
}

.scList li{
font-size:15px;
margin-bottom:10px;
}

.scList li:last-child{
margin:0;
}

.liveTxt{
font-size:15px;
}

.liveCaption {
margin-top:8px;
}

.liveCaption li{
margin-bottom:5px;
font-size:12px;
font-weight:normal;
text-indent:-1em;
padding-left:1em;
line-height:1.4em;
}


/* ticket
--------------------------------- */
.ticketBox dt{
margin-bottom:8px;
padding-left:1em;
font-size:16px;
font-weight:bold;
text-indent:-1em;
line-height:1.4em;
}


.ticketBox dt.space30{
margin-bottom:30px;
}

.ticketBox dd{
margin-bottom:30px;
}

/* goods
--------------------------------- */

#goods .lead{
padding-top:130px;
color:#666;
}

/* faq
--------------------------------- */

#faq .faqList{
    border-top: 1px solid #484540;
}

#faq .faqList dt {
    display: block;
    color: #222;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
    padding: 17px 40px 17px 0;
    position: relative;
    cursor: pointer;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    border-bottom: 1px solid #484540;
line-height:1.4em;
}

#faq .faqList dd {
	background: #FFF; 
	border: 1px solid #484540;
	border-top:none;
	padding: 20px 20px 10px;
	margin: 0 0 20px;
	position: relative;
	display: none;
}

#faq .faqList dd .txt {
    font-size: 14px;
    line-height: 1.5em;
    margin: 0 0 10px;
}

#faq .faqList dt:after {
content: "\f196";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 20px;
    position: absolute;
    right: 0;
    top: 50%;
    width: 15px;
    height: 20px;
    margin-top: -10px;
}

#faq .faqList dt.open:after {
    content: "\f147";
}



.caption{
margin-bottom:20px;
}

.caption li{
font-size:12px;
margin-bottom:7px;
}

.areaBox{
/*box-shadow:0 3px 3px rgba(0,0,0,0.7); */
position:relative;
overflow:hidden;
}

.section{
padding:40px 30px;
position: relative;
z-index:3;
}

.ticketAreaWrap{
width:670px;
float:left;
}

.ticketArea{
	width: 1000px;
    float: left;
    margin-bottom: 30px;
    /*
    background: url(../../../images/ph_bg_paper.jpg) repeat left top;
    background-size: 200px;
	*/
    background: #F5B0A1;
    border-radius: 20px;
}

.ticketArea .section{
width:auto;
position:relative;
}


.ticketArea table{
width:100%;
/*border:solid 1px  rgba(153, 153, 153, 0.45) ;*/
margin:0 auto 20px;
border:solid 1px #333;
}

.subTit{
text-align:center;
margin-bottom:30px;
}

.top{
position: absolute;
top:0;
    line-height: 0;
    width:100%;
z-index:0;

}




.bottom{
position: absolute;
bottom:0;
    line-height: 0;
    width:100%;
z-index:0;
}

.ticketArea .liveTable dl{
display:table;
}

.ticketArea .liveTable dt{
display:table-cell;
width:160px;
background:#290A09;
color:#ECE9C6;
font-size:15px;
font-weight:bold;
text-align:center;
border-bottom:solid 1px #4F2928;
vertical-align:middle;
}

.ticketArea .liveTable dd{
display:table-cell;
width:450px;
padding:10px;
color:#290A09;
font-size:18px;
font-weight:bold;
background:#FFF;
border-bottom:solid 1px #4F2928;
}

.boxTit{
font-size:18px;
font-weight:bold;
margin-bottom:20px;
border-bottom:solid 1px #2A0807;
padding-bottom:10px;
color:#CC362E;

}


.boxTit span{
font-size:14px;
padding-left:5px;
}

.requirementBox{
margin-top:20px;
padding:20px 20px 5px;
border:solid 1px #2A0807;
}

.attentionList li{
padding-left:1em;
margin-bottom:8px;
line-height:1.6em;
font-size:13px;
text-indent:-0.5em;
}

.fa-check{
color:#CC362E;
}

.requirementList li{
margin-bottom:15px;
padding-left:1em;
font-size:15px;
text-indent:-1em;
line-height:1.5em;
font-weight:bold;
color:#CC0000;
}

.requirementList li span{
display:block;
font-size:12px;
padding-top:2px;
font-weight:normal;
color:#151515;
}

.coming{
font-size:18px;
font-weight:bold;
text-align:center;
padding-top:15px;
}

.twitterArea{
width:300px;
float:right;
background:url(../../../img/vol3/pc/bg_tiwitter.jpg) repeat left top;
}

footer{
background:#000;
margin-top:60px;
padding:8px 60px;
color:#CCC;
font-size:10px;
}

.footerInr{
overflow:hidden;
}

footer .txtLink a{
color:#EEE;
font-size:13px;
font-weight:bold;
text-decoration:none;
}

footer .txtLink a:hover{
color:#D7BA7A;
}

footer .txtLink{
display:inline-block;
padding-right:25px;
font-size:13px;
}

footer .copy{
text-align:center;
}

.bnrArea{
margin:0 auto;
padding-top:50px;
clear:both;
overflow:hidden;
}

.bnrArea li{
width:242px;
float:left;
margin-right:10px;
}

.bnrArea li img{
width:244px;

}

.bnrArea li:nth-child(4n){
margin:0;
}


}

a{
	transition: all 0.3s ease 0s;
}

.contTit {
    font-size: 32px;
    font-weight: 700;
    line-height: 1.4em;
    margin-bottom: 0;
    padding:0;
    text-align: center;
}

.subTit {
    border-bottom: 1px solid #333;
    color: #000;
    font-size: 28px;
    margin-bottom: 40px;
    padding-bottom: 20px;
    text-align: center;
}
#leadTop{
	width:1000px;
	margin:20px auto;
	padding:10px 0;
	color:#fff;
	font-size:30px;
	font-weight:bold;
	text-align:center;
	background:#333;
}
.center {
    text-align: center;
}
#dticket .txt {
    font-size: 16px;
    line-height: 1.6em;
    margin: 0 0 10px;
    overflow: hidden;
}

.appliBox {
    background-color:rgba(255,255,255,0.2);
    margin: 0 auto 20px;
    overflow: hidden;
    padding: 20px;
}
.apptxtBox p {
    font-size: 14px;
    line-height: 1.6em;
}
.apptxtBox {
    float: left;
    width: 480px;
}
.appRight {
    float: right;
    width: 330px;
}

.app {
    margin-bottom: 10px;
    overflow: hidden;
}

.app li:first-child {
    margin-right: 10px;
}
.app li {
    float: left;
    width: 160px;
}
.app li img {
    width: 160px;
}
.subBtn a{
    background:#fff;
    border:1px solid #666;
    border-radius: 5px;
    color: #666;
    display: block;
    margin: 0 auto 20px;
    padding:8px 0;
    text-align: center;
    text-decoration: none;
    width: 200px;
}
.subBtn a:hover{
	background:#666;
	color: #fff;
}

.section.device {
    /*background:rgba(255,251,217,0.7);*/
    border: medium none;
    padding: 20px;
	background: #fff;
}
.fa-check {
    padding-right: 5px;
}
.section .sectionTit {
    color: #cc362e;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.05em;
    line-height: 1.5em;
    margin: 0 0 20px;
}

.section.device .attentionList li {
    font-size: 13px;
    margin-bottom: 15px;
    padding-left: 1.5em;
    text-indent: -0.8em;
    font-weight:normal;
}

.device .attentionTxt {
	color: #CB362E;
    font-size: 14px;
    font-weight: normal;
}
.device .attentionTxt span{
    display: block;
    font-weight: bold;
    font-size: 16px;
}
.sideBox {
/*    float: left;
    width:100%;*/
    position: relative;
    margin: 0 30px;
}
.sideBox .tit {
    color: #333;
    font-size: 25px;
    font-weight: bold;
    margin-bottom: 15px;
    text-align: center;
}
.sideBox .dticketTable {
    border-color: #992420;
}
.sideBox .caption th {
    /*background:  rgba(153, 153, 153, 0.45) ;*/
    color: #fff;
    font-size: 17px;
    font-weight: bold;
    padding: 10px;
    text-align: center;
    width: 240px;
	background: #333;
}

.sideBox .caption td {
    font-size: 13px;
    line-height: 1.4em;
    padding: 15px;
/*    width: 260px;*/
    background: #FFFCEF;
}
.dticket .section{
    border-bottom: 2px solid #999;
    overflow: hidden;
    padding-bottom: 35px;
}

.dticket .sectionTit {
    color: #0e6eb8;
}
.left {
    float: left;
    width:560px;
}
.dticket .section .ph {
    float: left;
    line-height: 0;
    width: 260px;
}

.dticket .section.memorialcollection .ph {
    float: left;
    line-height: 0;
    margin-left: 0px;
    width: 300px;
    text-align:center;
}
.dticket .txt {
    font-size: 16px;
    line-height: 1.6em;
    margin: 0 0 10px;
    overflow: hidden;
}

.dticket .attentionTxt {
    font-weight: normal;
    color: #CB362E;
    font-size: 14px;
    line-height: 1.6em;
    margin: 0 0 10px;
}
.dticket .attentionTxt span{
    display: block;
    font-size: 15px;
    font-weight: bold;
}
.ticketArea .ouboTable {
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    width: 100%;
}

#contentsList{
	width:400px;
	/*background: rgba(255, 251, 217, 0.7);*/
	padding:15px;
	margin:0 0 20px;
	font-size:16px;
	line-height:1.8em;
	background: #fff;
}
#contentsList ul li{
	float:left;
	width:44%;
}
#contentsList ul li:nth-child(2n+1){
	width:56%;
}
#contentsList h3{
	font-size:16px;
	margin:0 0 8px;
}
#contentsList i{
	margin:0 3px 0 0;
	color:#0e6eb8;
}
.ouboTable{
    background-color: #ededed;
}
.ouboTable dt{
	float:left;
	display:table-cell;
    background-color: #ededed;
    border-top: 1px solid #ccc;
    color: #444;
    font-size: 13px;
    font-weight: bold;
    padding:15px 10px;
    text-align: center;
    vertical-align: middle;
    width: 120px;
}

.ouboTable dd{
	display:table-cell;
	width:786px;
    background-color: #ffffff;
    border: 1px solid #ccc;
    border-bottom:none;
    line-height: 1.3em;
    padding:15px; 10px;
    text-align: left;
    vertical-align: middle;
}

.ouboTable dd .atention li {
    font-size: 12px;
    line-height: 1.5em;
    margin: 0 0 4px;
    padding: 0 0 0 1.7em;
    text-indent: -0.7em;
}

.mainBtn a{
    background: #e83710;
    border: 2px solid #e83710;
    border-radius: 5px;
    color: #fff;
    display: block;
    font-size: 20px;
    margin: 0 auto 20px;
    padding: 18px 0;
    text-align: center;
    text-decoration: none;
    width: 350px;
}
.mainBtn a:hover{
	background:#fff;
	color:#e83710;
}
.txtLink{
	text-align: center;
}
.txtLink a{
    color:#222;
    font-size: 14px;
}
#faq dd a:hover,
#faq td a:hover,
.atention li a:hover,
.attentionList li a:hover,
.ouboList li a:hover,
.txtLink a:hover{
	text-decoration:none;
}
#faq dd a,
#faq td a,
.atention li a,
.attentionList li a,
.ouboList li a{
	color:#222;
}
#faq table {
    border-collapse: collapse;
    border:none;
    margin:40px 0 30px;
    width: 100%;
}

#faq th.q {
    background: #666 none repeat scroll 0 0;
}
#faq th {
    border-bottom: 2px solid #ccc;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    line-height: 60px;
    text-align: center;
    width: 60px;
}

#faq td.q {
    background: #f5f5f5 none repeat scroll 0 0;
    color: #333;
    font-weight: bold;
}
#faq td {
    border-bottom: 2px solid #ccc;
    font-size: 12px;
    padding: 8px 15px;
    width: 400px;
}

#faq th.a {
    background: #333 none repeat scroll 0 0;
}

#faq td.a {
    background: #eee none repeat scroll 0 0;
}
.space5 {
    margin-bottom: 5px !important;
}
.space10 {
    margin-bottom: 10px !important;
}
.space20 {
    margin-bottom: 20px !important;
}
.space30 {
    margin-bottom: 30px !important;
}
.leadFc{
	font-size:23px;
}
.leadM{
	font-size:18px;
}

.caution {
    width: 1000px;
    margin: 0 auto;
}
.cautionBnr {
    width: 465px;
    padding: 0 66px 20px 0px;
    display: inline-block;
}
.cautionBnr img {
    width: 465px;
}

.ancArea {
    position:relative;
}
#anc1 {
    position:absolute;
    display:block;
    top:-20px;
}
#anc2 {
    position:absolute;
    display:block;
    top: 35px;
}

.entryBtnList{
    width: 780px;
    margin: 0 auto 10px;
}
.entryBtnList li{
    float: left;
    width: 50%;
    text-align: center;
    box-sizing: border-box;

}

.entryBtnList li .caption{

}
.entryBtnList li:nth-child(odd){
    padding: 0 10px 0 0;
}
.entryBtnList li:nth-child(even){
    padding: 0 0 0 10px;
}

.entryBtnList li:nth-child(odd) .caption{
	font-size: 15px;
    margin-bottom: 10px;
    color:#E83710;
}
.entryBtnList li:nth-child(even) .caption{
	font-size: 15px;
    margin-bottom: 10px;
    color:#4572C2;
}
.entryBtnList li a{
    display: block;
    background: #ffce00;
    border: 2px solid #ffce00;
    color: #FFF;
    text-decoration: none;
    padding: 15px;
    font-size: 20px;
    border-radius: 3px;
}
.entryBtnList li a:hover{
    background: #FFF;
    border: 2px solid #ffce00;
    color: #ffce00;
}

.entryBtnList li a.pTicket{
    display: block;
    background: #4572C2;
    border: 2px solid #4572C2;
    color: #FFF;
    text-decoration: none;
    padding: 15px;
    font-size: 20px;
    border-radius: 3px;
}
.entryBtnList li a.pTicket:hover{
    background: #FFF;
    border: 2px solid #4572C2;
    color: #4572C2;
}

.entryBtnList li a.cTicket{
    display: block;
    background: #24236f;
    border: 2px solid #cccccc;
    color: #FFF;
    text-decoration: none;
    padding: 15px;
    font-size: 20px;
    border-radius: 3px;
}
.entryBtnList li a.cTicket:hover{
    background: #FFF;
    border: 2px solid #cccccc;
    color: #cccccc;
}

.entryBtnList li a.over{
    display: block;
    background: #cccccc;
    border: 2px solid #cccccc;
    color: #FFF;
    text-decoration: none;
    padding: 15px;
    font-size: 20px;
    border-radius: 3px;
    width:50%;
    margin:0 auto 0;
}
.entryBtnList li a.over:hover{
    background: #FFF;
    border: 2px solid #cccccc;
    color: #cccccc;

}


@media only screen and (max-width:750px) {
.spmb0{margin-bottom: 0!important;}

.pc{
display:none !important;
}


/* アイコンフォント読み込み
--------------------------------- */
@import url('iconfont.css');


/* reset
--------------------------------- */

html{color:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;}

body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif}table{font-size:inherit;font:100%}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%}


/* clearfix
--------------------------------- */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size: 0;
}
.clearfix {
  min-height: 1px;
}
* html .clearfix {
  height: 1px;
  height: auto;
  overflow: hidden;
}

/* header
--------------------------------- */
.subArea .header {
width: 100%;
height: 40px;
background: #000;
box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
position: fixed;
left: 0;
top: 0;
z-index: 999;
}

.header h1 a {
display: block;
font-size: 15px;
font-weight: bold;
text-decoration: none;
text-align: center;
padding-top:5px;
color:#FFF;
}

#navBtn {
width: 50px;
height: 50px;
position: fixed;
left: 0;
top: 0;
z-index: 1000;
}

#navBtn span {
display: block;
position: absolute;
left: 9px;
width: 26px;
height: 2px;
background: #FFF;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}

#navBtn .top {
top: 16px;
}

#navBtn .middle {
top: 24px;
}

#navBtn .bottom {
top: 32px;
}

.navWrap{
display:none;
width: 100%;
height: 100%;
padding: 50px 0 0;
background: rgba(0, 0, 0, 0.9);
-moz-background-size: auto 50px;
-webkit-background-size: auto 50px;
background-size: auto 50px;
box-sizing: border-box;
position: fixed;
left: 0;
top: 0;
z-index: 98;
}

.menuArea{
padding:0 3%;
}

.menuArea li {
width: 50%;
float: left;
padding-right: 5%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

.menuArea li:nth-child(2n){
padding:0;
}

.menuArea li a{
display: block;
padding: 15px 0 7px;
border-bottom: solid 1px #333;
text-decoration: none;
font-family: 'Montserrat', sans-serif;
color: white;
}

/* body
--------------------------------- */
body{
/*
background:url(../../../img/vol3/cmn/bg.jpg) repeat left top;
background-size:contain;
*/
background: #FFFCEF;
}

.header{
width:100%;
padding:10px 0 0;
}

.header .fb{
position: absolute;
padding-left: 10px;
display: inline-block;
right: 3%;
}

.header .tw{
padding-left: 10px;
display: inline-block;
position: absolute;
right: 110px;
}

#goods .ticketArea  .top{
display:none;
}

.container{
padding:10px 0 0;
}

.mainArea{
margin:0 auto;
}

.mainArea .mainTit{
    text-align: center;
    margin: 30px 20px;
}
.mainArea .mainTit img{
width:85%;
}

.scheduleArea{
padding:0 3% 3%;
position:relative;
}

.scheduleList {
margin: 0 3% 20px;
padding-bottom: 20px;
position: relative;
z-index: 3;
}

.scheduleList li{
font-size:15px;
margin-bottom:4px;
color:#301210;
font-weight:bold;
}

.scheduleList li span{
display:inline-block;
padding-right:10px;
font-size:12px;
font-family: 'Montserrat', sans-serif;
padding-bottom:5px;
font-weight:normal;
font-weight:600;
width:112px;
color:#542C2B;
letter-spacing:-0.03em;
}

.contents{
margin:0 3%;
}

.subArea .contents{
}

.lead{
font-weight:bold;
font-size:14px;
line-height:1.4em;
margin-bottom:8px;
}

.caption{
margin-bottom:20px;
}

.caption li{
font-size:12px;
margin-bottom:7px;
text-indent:-1em;
padding-left:1em;
line-height:1.4em;
}

.areaBox{
/*
box-shadow:0 3px 3px rgba(0,0,0,0.7); 
*/
position:relative;
overflow:hidden;
}

.section{
padding:3%;
position: relative;
z-index:3;
}

.ticketArea,.twitterArea,.scheduleArea{
/*
    background: url(../../../img/vol3/sp/bg_contents.jpg) repeat left top;
    background-size: 200px;
*/
    margin-bottom: 5%;
	background: #F5B0A1;
    border-radius: 10px;
}

.scheduleArea{
position:relative;
margin:0 3%;
padding:0;
}

.scheduleTit{
padding-top:10px;
position:relative;
}


.ticketArea .section{
position:relative;
margin-bottom:5%;
}


.ticketArea table{
width:100%;
border:solid 1px #4F2928;
margin-bottom:3%;
}

.subTit{
text-align:center;
padding:20px 0 30px;
}

.top{
position: absolute;
top:0;
    line-height: 0;
z-index:0;

}

.bottom{
position: absolute;
bottom:0;
    line-height: 0;
z-index:0;
}

ticketArea .liveTable dl{
}

.ticketArea .liveTable dt{
padding-bottom:7px;
border-bottom:solid 1px #4F2928;
margin-bottom:10px;
color:#333;
font-size:16px;
font-weight:bold;
text-align:left;
vertical-align:middle;
}

.ticketArea .liveTable dd{
margin-bottom:30px;
color:#333;
font-size:13px;
font-weight:normal;
}

.scList li{
margin-bottom:10px;
font-weight:bold;
}

.scList li span{
display: inline-block;
width: 105px;
}

.liveCaption{
margin:0 0 20px;
}

.liveTxt{
font-weight:bold;
margin-bottom:10px;
}

.liveCaption li{
font-size:11px;
text-indent:-1em;
padding-left:1em;
margin-bottom:3px;
line-height:1.6em;
}

.ticketBox dt{
font-weight:bold;
font-size:14px;
line-height:1.4em;
margin-bottom:5px;
}

.ticketBox dt.space30{
margin:0 0 20px;
}


.boxTit{
font-size:16px;
font-weight:bold;
margin-bottom:12px;
padding-bottom: 5px;
border-bottom: solid 1px #2A0807;
line-height:1.4em;
}

.boxTit span{
display:block;
font-size:12px;
}

.requirementBox{
padding:4% 4% 0;
margin-bottom:0;
border:solid 1px #2A0807;
}

.requirementList li{
margin-bottom:12px;
padding-left:0.7em;
font-size:13px;
text-indent:-0.7em;
line-height:1.3em;
font-weight:bold;
letter-spacing:-0.02em;
color:#CC0000;
}

.attentionList li{
padding-left:1em;
margin-bottom:8px;
line-height:1.6em;
font-size:12px;
text-indent:-0.5em;
}

.dTit {
    font-size: 18px;
    margin: 10px 0;
    font-weight: bold;
line-height:1.4em;
}

.fa-check{
color:#CC362E;
}

.requirementList li span{
display:block;
font-size:11px;
padding-top:3px;
font-weight:normal;
color:#151515;
}

.coming{
font-size:15px;
line-height:1.5em;
font-weight:bold;
padding-top:10px;
}

/* news
--------------------------------- */
.newsList{
overflow:hidden;
}

.newsList a{
text-decoration:none;
}

.newsList dt{
color:#6e3706;
font-size:12px;
font-weight:bold;
margin-bottom:5px;
}

.newsList dd{
margin-bottom:25px;
color:#222;
font-size:14px;
font-weight:bold;
}

.newsDetail .date{
margin-bottom:5px;
font-size:12px;
}

.newsDetail .lead{
font-weight:normal;
font-size:13px;
line-height:1.6em;
}

.newsDetail h3{
padding-bottom:7px;
margin-bottom:10px;
border-bottom:solid 1px #45372B;
font-size:16px;
font-weight:bold;
}


/* faq
--------------------------------- */

#faq .faqList{
    border-top: 1px solid #484540;
}

#faq .faqList dt {
    display: block;
    color: #222;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    padding: 17px 40px 17px 0;
    position: relative;
    cursor: pointer;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    border-bottom: 1px solid #484540;
line-height:1.4em;
}

#faq .faqList dd {
	background: #FFF; 
	border: 1px solid #484540;
	border-top:none;
	padding: 20px 20px 10px;
	margin: 0 0 20px;
	position: relative;
	display: none;
}

#faq .faqList dd .txt {
    font-size: 12px;
    line-height: 1.5em;
    margin: 0 0 10px;
}

#faq .faqList dt:after {
content: "\f196";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 20px;
    position: absolute;
    right: 0;
    top: 50%;
    width: 15px;
    height: 20px;
    margin-top: -10px;
}

#faq .faqList dt.open:after {
    content: "\f147";
}



footer{
background:#000;
margin-top:0;
padding:0 0 5px;
color:#999;
font-size:10px;
}

.footerInr{
margin:0 auto;
overflow:hidden;
text-align:center;
}

footer .txtLink a{
color:#EEE;
font-size:13px;
font-weight:bold;
text-decoration:none;
}

footer .txtLink a:hover{
color:#D7BA7A;
}

footer .txtLink{
padding:0 0 7px;
}

footer .copy{
margin-top:10px;
text-align:center;
font-size:10px;
}


.bnrArea{
margin:0 3%
padding-top:50px;
clear:both;
overflow:hidden;
}

.bnrArea li{
width:48%;
float:left;
margin-bottom:3%;
}

.bnrArea li:nth-child(2n){
margin-left:3%;
}

.bnrArea li img{
width:100%;

}


#leadTop{
	width:auto;
	margin:20px 3%;
	padding:8px 0 6px;
	font-size:20px;
}
.appliBox{
	padding:3%;
}
.apptxtBox{
	width:auto;
}
.apptxtBox p{
	font-size:14px !important;
}
.apptxtBox p.lead{
	font-size:12px !important;
}
.section .section{
	padding:0;
}
.section  .section.device{
	padding:3% 3% 1%;
}
.contTit {
	padding:0 0 3%;
	font-size:18px;
}
.subTit{
	margin:0 0 15px;
	padding:0 0 3px;
	font-size:16px;
}
.leadFc{
	font-size:14px;
	text-align: left!important;
}

#contentsList{
	width:100%;
	padding:8px;
	margin:0 0 10px;
	color:#222;
	font-size:14px;
	font-weight:bold;
	line-height:1.8em;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
#contentsList ul li:nth-child(2n+1),
#contentsList ul li{
	width:100%;
}
#contentsList h3{
	font-size:14px;
}
#contentsList i{
	margin:0 3px 0 0;
	color:#0e6eb8;
}

.leadM{
    font-size: 13px;
    text-align: left!important;
}
.spLeft{
    text-align: left!important;
}
.spIndent{
    text-indent: -16px;
    padding: 0 0 0 16px;
}
.iphone a,
.android a{
	display:block;
	text-align:center;
}
.center{
	text-align:center;
}
.dticket .txt{
	font-size:12px;
}
.section .sectionTit{
	margin:0 0 10px;
	font-size:14px;
}
.section.device .attentionList li{
	margin:0 0 10px;
	font-size:11px;
}
.device .attentionTxt {
    line-height: 1.6em;
    color: #CB362E;
    font-size: 11px;
    font-weight: normal;
}
.device .attentionTxt span {
    display: block;
    font-weight: bold;
    font-size: 13px;
}

.mainBtn a{
	width:100%;
	font-size:18px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.subBtn a{
	margin:15px auto;
	width:90%;
}
.sideBox {
    width: 100%;
    margin: 0 auto;
}
.sideBox .tit{
	margin-bottom:1%;
	font-size:16px;
}
.dticket .attentionTxt {
    font-weight: normal;
    color: #CB362E;
    font-size: 12px;
    line-height: 1.6em;
    margin: 0 0 10px;
}
.dticket .attentionTxt span {
    margin: 0 0 10px;
    display: block;
    font-size: 13px;
    font-weight: bold;
}
.sideBox table{
	margin:0 0 5px;
	border:none;
}
.dticket .left .txt,
.left{
	width:100% !important;
}

.dticket .section .ph,
.dticket .section .ph img{
	width:100% !important;
}
.ouboTable{
	background:rgba(0, 0, 0, 0);
}
.ouboTable dd,
.ouboTable dt{
	float:none;
	display:block;
	width:100%;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.ouboTable dt{
	padding:6px 10px 5px;
	color:#333;
	text-align:left;
	border-right: 1px solid #ccc;
	/*background:rgba(0, 0, 0, 0.2);*/
}
.ouboTable dd{
	padding:10px;
	border-left:none;
	/*background:rgba(255, 255, 255, 0.3);*/
	background: #fff;
}
#faq dl {
    width:100%;
}

#faq dd {
    display:block;
    font-size:12px;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    padding:9px;
}
#faq dt.q {
	padding:9px;
	color:#333;
    font-weight: bold;
    line-height:1.4em;
    font-size:12px;
	background:rgba(0, 0, 0, 0.2);
}
#faq dt.q:before {
    content:'Q.';
}
#faq dd.a {
	background:rgba(255, 255, 255, 0.3);
    font-size:12px;
    line-height:1.5em;
    padding-bottom:10px;
}
#faq dd.a:before {
    content:'A.';
    color:#cc362e;
    font-weight:bold;
}
#faq dd .subTxt {
    display:block;
    font-size:10px;
    line-height:1.3em;
    padding:8px 0 0;
}

}

.chargeArea {
    padding:0px 0 0!important;
     width: 798px!important;
}

.chargeArea ul {

}
.chargeArea ul li:first-child{
float:left;
width:528px;
border-right:solid 1px #cccccc;
}

.chargeArea ul li:last-child{
float:left;
width:269px;
}


.chargeArea ul li table.charge {
border:none;
border-collapse: collapse;
margin:0;
}

.chargeArea ul li table.charge tr {
border:none;
text-align:center;
}
.chargeArea ul li table.charge tr th{
border:none;
padding:15px;
text-align:center;
}
.chargeArea ul li table.charge tr td{
border-top:solid 1px #cccccc;
padding:15px;
}

ul.conditionalList {

}

ul.conditionalList li {
text-indent:-1.0em;
padding:0 0 5px 1.0em;
}

.dticketArea{
	background: #FFEEA2!important;
}

.entryArea{
	background: #CFE0EA!important;
}



@media only screen and (max-width: 750px) {

.pcOnly{
display:none;
}

ul.conditionalList li:first-child {
font-weight:bold;
}

.chargeArea {
    padding:0px 0 0!important;
     line-height: 1.3em!important;
     width: 100%!important;
}

.chargeArea ul {

}
.chargeArea ul li:first-child{
width:100%;
float:none;
}

.chargeArea ul li:last-child{
width:100%;
float:none;
}


.chargeArea ul li table.charge {
border:none;
border-collapse: collapse;
margin:0;
    -webkit-text-size-adjust: 100%;
}

.chargeArea ul li table.charge tr {
border:none;
text-align:left;
}
.chargeArea ul li table.charge tr th{
border:none;
padding:10px;
text-align:left;
font-weight:bold;
}


.chargeArea ul li:last-child table.charge tr th{

border-top:solid 1px #cccccc;
}

.chargeArea ul li table.charge tr td{
border-top:solid 1px #cccccc;
padding:10px;
}

.dticket .section.memorialcollection .ph img.massege {

    width: 70%!important;
    text-align:center;
}



.sideBox .caption th {
    /*background: #aaa none repeat scroll 0 0;*/
    color: #fff;
    font-size: 17px;
    font-weight: bold;
    padding: 10px 10px 5px;
    text-align: center;
    width: 240px;
}


.sp.sideBox .txt {
    font-size: 13px;
    line-height: 1.6em;
    margin: 0 0 10px;
}

#fin{
	padding:0 0 10px;
	font-size:18px !important;
}
#end .lead {
	padding:0 0 5px;
	color:#333;
	font-size:16px;
	font-weight:normal;
	text-align:center;
}
#end .inner{
	display:none;
}
#end #btnDetail{
	padding:10px 0;
	width:80%;
	font-size:16px;
}

.caution {

}
.cautionBnr {
    width: 100%;
    padding: 10px 3% 5px;
    box-sizing: border-box;
}
.cautionBnr img {
    width: 100%;
}



.entryBtnList{
width: 100%;
    margin: 0 auto 10px;
}
.entryBtnList li{
    float: none;
    width: 100%;
    text-align: center;
    box-sizing: border-box;

}


.entryBtnList li:nth-child(odd){
    padding: 0 0 20px;
}
.entryBtnList li:nth-child(even){
    padding: 0;
}

.entryBtnList li:nth-child(odd) .caption{
	font-size: 14px;
	font-weight:bold;
    margin-bottom: 10px;
    color:#E83710;
}
.entryBtnList li:nth-child(even) .caption{
	font-size: 14px;
	font-weight:bold;
    margin-bottom: 10px;
    color:#4572C2;
}


.entryBtnList li a{
    display: block;
    background: #ffce00;
    border: 2px solid #ffce00;
    color: #FFF;
    text-decoration: none;
    padding: 15px;
    font-size: 18px;
    border-radius: 3px;
}
.entryBtnList li a:hover{
    background: #FFF;
    border: 2px solid #ffce00;
    color: #E83710;
}

.entryBtnList li a.pTicket{
    display: block;
    background: #4572C2;
    border: 2px solid #24236f;
    color: #FFF;
    text-decoration: none;
    padding: 15px;
    font-size: 18px;
    border-radius: 3px;
}
.entryBtnList li a.pTicket:hover{
    background: #FFF;
    border: 2px solid #24236f;
    color: #24236f;
}


.entryBtnList li a.cTicket{
    display: block;
    background: #cccccc;
    border: 2px solid #cccccc;
    color: #FFF;
    text-decoration: none;
    padding: 15px;
    font-size: 18px;
    border-radius: 3px;
}
.entryBtnList li a.cTicket:hover{
    background: #FFF;
    border: 2px solid #cccccc;
    color: #cccccc;
}

.entryBtnList li a.over{
    display: block;
    background: #cccccc;
    border: 2px solid #cccccc;
    color: #FFF;
    text-decoration: none;
    padding: 15px;
    font-size: 18px;
    border-radius: 3px;
    width:100%;
    box-sizing:border-box;
}
.entryBtnList li a.over:hover{
    display: block;
    background: #cccccc;
    border: 2px solid #cccccc;
    color: #FFF;
    text-decoration: none;
    padding: 15px;
    font-size: 18px;
    border-radius: 3px;
}

/* アコーディオン
--------------------------------- */

.btnAccord{
    position: relative;
    width: 100%;
    margin: 0 auto 0;
    padding: 15px;
    color: #fff;
    font-size: 18px;
    text-align: center;
    letter-spacing: 0.1em;
    background: #CC362E;
    border-radius: 3px;
    cursor: pointer;
    transition: all 0.3s ease 0s;
    box-sizing: border-box;
}
.btnAccord::after {
    transition: all 0.3s ease 0s;
    border-right: 1px solid #fff;
    border-top: 1px solid #fff;
    bottom: 0;
    content: "";
    height: 12px;
    margin: auto;
    position: absolute;
    right: 15px;
    top: -5px;
    transform: rotate(135deg);
    vertical-align: middle;
    width: 12px;
    z-index: 0;
}
.btnAccord.open::after {
    transition: all 0.3s ease 0s;
    border-right: 1px solid #fff;
    border-top: 1px solid #fff;
    bottom: 0;
    content: "";
    height: 12px;
    margin: auto;
    position: absolute;
    right: 15px;
    top: 5px;
    transform: rotate(-45deg);
    vertical-align: middle;
    width: 12px;
    z-index: 0;
}
.accordBox{
	display:none;
	padding:20px 0 0 0;
}


}


@media only screen and (min-width:754px) {

.dticket .section.memorialcollection .ph img.massege {

    width: 70%!important;
    text-align:center;
}



}