@charset "UTF-8";

/* CSS Document */

*{ margin: 0; padding: 0;}

/*-----------------------------
reset
-----------------------------*/
#trmContentWrap2016 { width: 100% !important;}
.sp { display: none;}
ul,
ol { margin: 0; padding: 0;}
ul li { list-style-type: none;}

/*-----------------------------
content
-----------------------------*/
.content_bk { background: #000; font-family: "ヒラギノ角ゴ Pro", "メイリオ", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif, "-apple-system", "Helvetica Neue", "Yu Gothic", YuGothic, Verdana, Meiryo, sans-serif; font-size: 16px; line-height: 1.6; margin: 0; overflow: hidden; padding: 0 0 60px; width: 100%;}
.fireworks-header { background: #153969; border-bottom: 1px solid rgba(0, 0, 0, 0.2); border-top: 1px solid rgba(0, 0, 0, 0.2); font-weight: 700;}
.fireworks-header h1 a { color: #fff; display: block; font-size: 36px; line-height: 1.3; padding: 15px 0; text-align: center; text-decoration: none;}
.fireworks-header h1 a p.date { display: block; font-size: 18px;}
a { color: #AB8956; transition: all 0.6s;}
a:hover { opacity: 0.7;}
a.marked:before { content: "\0bb"; display: inline-block; margin-right: 0.5em; text-decoration: none;}
.caution-text { font-size: 13px; }
.cauArea{ margin: 20px auto 0; width: 940px; color: #fff;}
.h20 { height: 20px;}
.h60 { height: 60px;}
.h80 { height: 80px;}
.h160 { height: 160px;}
.heading-text{ background: none; color: #AB8956 !important; -webkit-text-fill-color: #AB8956; }
.heading-wrap.heading-recommend img{ width: 513px; height: 34px;}
.heading-wrap.heading-pickup img{ max-width: 389px; height: 34px;}
.swiper-container{ background: #000;}
.button-gradient-text{ background: none; color: #AB8956 !important; -webkit-text-fill-color: #AB8956;}
.article.article-no-design .article-heading{ color: #fff !important;}
.article-type{ background: none; color: #AB8956 !important; -webkit-text-fill-color: #AB8956;}
.article-image{ background-color: #000;}

/*-----------------------------
footer
-----------------------------*/
#footer { margin: 30px auto; overflow: hidden; width: 980px; font-family: "ヒラギノ角ゴ Pro", "メイリオ", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif, "-apple-system", "Helvetica Neue", "Yu Gothic", YuGothic, Verdana, Meiryo, sans-serif;}
#footer p.note { font-size: 12px; float: left; text-align: left; width: 980px !important; max-width: 980px !important;}

/*-----------------------------
top main visual
-----------------------------*/
#topMainVisual { height: 35vw; overflow: hidden; position: relative; width: 100%;}
#topMainVisual .image { display: block; height: 35vw; margin: 0; overflow: hidden; padding: 0; position: absolute; width: 100vw;}
#topMainVisual .image img { height: 35vw; left: 50%; position: absolute; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); top: 50%; transform: translate(-50%, -50%); width: 100%;}

.mainImage{ line-height:0; display: none; background: none !important; min-height:auto !important;}
.mainImage img{ width:100%;}
.mainMovie { display: block; width: 100%; margin:0; padding:0; line-height: 0;}
.mainMovie video { margin: 0 auto; width: 100%;	}

h1.hiddenH1{font-size: 0; margin: 0; line-height: 0;}
.ImgArea-wide-pc{ background: #000000; padding: 10px 0 0;}
.ImgArea-wide-pc p{ height: 300px; overflow: hidden; position: relative;}
.ImgArea-wide-pc p img{ width: 1920px; position: absolute; top: 0; left: calc(50% - 960px);}
.ImgArea-wide-sp{ display: none;}
#content-header-image02 { width: 100%; display: block;}
#content-header-image02 img { width: 100%; display: block;} 

.cancellBox{ background: #cccccc; width: 980px; margin: 30px auto 0; box-sizing: border-box; padding: 30px; color: #272727;}
.cancellBox .ttl{ color: #D90000; text-align: center; margin-bottom: 20px; font-size: 22px; font-weight: bold;}
.cancellBox .ttl span{ color: #272727;}
.cancellBox .text .red{ color: #D90000; font-weight: bold;}

/*-----------------------------
fireworks navi
-----------------------------*/
#nav{
	background: #C79F62;
	border-bottom: 1px solid #002648;
}
.fireworks-navi {
	width: 980px;
    font-size: 16px;
    margin:0 auto 0;
    padding:15px 0 15px;
    position: relative;
    text-align: center;
	color: #fff;
	vertical-align: middle;
	display: table;
}

.fireworks-navi .menu-item {
    display: table-cell;
	background: url(../img/common/nav_line.gif) no-repeat right center;
	padding: 0 20px;
	vertical-align: middle;
	text-align: center;
	line-height: 1.4;
}

.fireworks-navi .menu-item:last-child {
	background: none;
}

.fireworks-navi .menu-item a {
	color: #fff;
    padding: 4px 23px 2px 0;
    text-decoration: none;
    transition: all 0.65s;
	position: relative;
	display: inline-block;
}

.fireworks-navi .menu-item.active a {
    background: #DCCDB8;
    color: #000;
}

.fireworks-navi .menu-item a:after {
	top:32%;
	right: 0;
    content: "\0bb";
    display: inline-block;
    margin-left: 0.2em;
    text-decoration: none;
	position: absolute;
	width: 1em;
	height: 1em;
	line-height: 1;
}

.fireworks-navi .menu-item.active a:before {
    content: "";
    position: absolute;
    top: 25px;
    bottom: -30px;
    left: 0;
    right: 0;
}

.fireworks-navi-sub {
    background: #002648;
    border: 1px solid rgba(0, 0, 0, 0.1);
    display: none;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-align-items: stretch;
    align-items: stretch;
    margin: -20px auto 0;
    padding: 40px 0;
    position: absolute;
    left: 0;
    right: 0;
    width: 980px;
    z-index: 1000;
    opacity: 0;
    /*visibility: hidden;*/
	transition: opacity .3s ease .3s;
	color: #fff;
}

.fireworks-navi-sub.active {
    opacity: 1;
	transition: opacity .3s ease .3s;
    /*visibility: visible;*/
	display: flex;
}

.fireworks-navi-sub ul {
    width: -webkit-calc(100% / 2 - 1px);
    width: calc(100% / 2 - 1px);
}

.fireworks-navi-sub li {
    margin-bottom: 0.5em;
    padding: 0 1em;
}

.fireworks-navi-sub .submenu-separatorline {
    background: #C9C9C9;
    margin: 0;
    width: 1px;
}


.fireworks-navi-sub li a {
    color: #fff;
    text-decoration: none;
}

.fireworks-navi-sub li a:hover {
    text-decoration: underline;
}


/*-----------------------------
sec
-----------------------------*/
#content-header-image { background: url(../img/summer/common/sec_bgtop.jpg) top center no-repeat, #000; background-size: auto 100%; min-height: 200px; overflow: hidden; position: relative; width: 100%; text-align: center;}
.sec-ttl{ color: #AB8956; font-size: 35px !important; font-weight: 70; line-height: 1.3; margin: 80px auto 20px; text-align: center; width: 980px;}
.content-copy { font-size: 20px; margin: 0 auto 60px; width: 880px;}

/*-- link-go-top --*/
.link-go-top{ margin: 20px auto 0; width: 980px;}
.link-go-top ul{ text-align: right;}
.link-go-top::after{ content:""; display:block; clear:both;}
.link-go-top li{ display: inline; margin-right: 30px; padding-right: 15px; position: relative;}
.link-go-top li:last-child{ margin-right: 0;}
.link-go-top li a{ color: #ffffff;}
.link-go-top li a::after{ top:5px; right:0; width: 8px; height: 8px; border-top: 2px solid #ffffff; border-right: 2px solid #ffffff; -webkit-transform: rotate(45deg); transform: rotate(45deg); content: ""; position: absolute; transition: all 0.6s;}
.link-go-top li a:hover::after{ right: -5px;}




/*-- content-title --*/
.content-title { margin: 80px auto 20px; text-align: center; width: 980px;}
.content-title h2 { color: #AB8956; font-size: 45px; font-weight: 70; line-height: 1.3;}
.content-title:after { background-color: #AB8956; content: ''; display: block; height: 1px; margin: 15px auto 0; width: 200px;}

/*-- event-detail-title --*/
.event-detail-title { color: #467DC8; font-size: 24px; line-height: 1.3; margin: 20px auto; text-align: center;}
.event-detail-title span { color: #EED80F; padding-right: 10px;}

/*-- event-detail-copy --*/
.event-detail-copy { font-size: 16px; margin: 0 auto 60px; width: 940px; color: #fff;}
.event-detail-copy.center { text-align: center;}
.event-detail-copy-mt30 { font-size: 16px; margin: 30px auto 60px; width: 940px; color: #fff;}
.event-detail-copy-mb30 { font-size: 16px; margin: 0 auto 30px; width: 940px; color: #fff;}

/*-- event-detail-visual --*/
.event-detail-visual { display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; margin: 0 auto; width: 940px;}
.event-detail-visual.mb60 { margin-bottom: 60px;}
.event-detail-visual_mini { display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; margin: 0 auto; width: 500px;}
.event-detail-visual_mini img{ width:100%; height:211px !important;}
.event-detail-visual div { margin: 0 5px 30px; width: -webkit-calc(100% / 2 - 10px); width: calc(100% / 2 - 10px);}
.event-detail-visual div.center { margin: 0 auto; }
.event-detail-visual div.column2 { margin: 0 2px 30px; width: -webkit-calc(100% / 2 - 20px); width: calc(100% / 2 - 20px);}
.event-detail-visual div.column3 { margin: 0 2px 30px; width: -webkit-calc(100% / 3 - 4.001px); width: calc(100% / 3 - 4.001px);}
.event-detail-visual div.column4 { margin: 0 2px 30px; width: -webkit-calc(100% / 4 - 4.001px); width: calc(100% / 4 - 4.001px);}
.event-detail-visual div.column4_last3 { margin: 0 237px 30px 2px; width: -webkit-calc(100% / 4 - 4.001px); width: calc(100% / 4 - 4.001px);}
.event-detail-visual div.column3_first_sp { margin: 0 2px 30px; width: -webkit-calc(100% / 3 - 4.001px); width: calc(100% / 3 - 4.001px);}
.event-detail-visual-caption,
.event-detail-visual div p,
.event-detail-visual div.column3 p,
.event-detail-visual div.column4 p{ font-size: 13px; margin-top: 0.3em; text-align: center; color: #fff;}
.event-detail-visual div p.clumn_txt{ font-size: 16px; margin: 0.3em 5px 0; text-align: left;}
.event-detail-visual div p.clumn_txt span{ font-size: 16px; display:inline-block; margin: 0 0 10px; padding: 0; text-align: center; color:#AB8956 !important;}
.event-detail-visual div img { height: auto; width: 100%;}

/*--openingArea_w --*/
.openingArea_w { width:940px; margin: 0 auto;}
.openingArea_w dl.acm{ margin:0 auto 50px; padding:0; line-height:150%;}
.openingArea_w dl.acm dt{ margin:40px 0 0; padding:0;}
.openingArea_w dl.acm dt a{ display:block; color:#FFF; font-weight:bold; font-size:18px; line-height:150%; padding:10px 15px; margin:0; text-decoration: none; background:#AB8956; width:910px;}
.openingArea_w dl.acm dt a:hover { text-decoration: none;}
.openingArea_w a.menuitem{ display:block; position:relative; width:100%; padding:0; margin:0 0 20px; text-decoration:none;}
.openingArea_w a.menuitem:hover{ text-decoration:none;}
.openingArea_w a.menuitem:hover img{ opacity:1.0; filter:alpha(opacity=100);}
.openingArea_w dd.submenu{ width:100%; margin:30px 0 0;}
.openingArea_w a.menuitem .statusicon{ position:absolute; top:14px; right:15px; border:none; width: 17px;}


/*-- button --*/
.content-btn { margin: 70px auto 90px; text-align: center; width: 400px;}
.content-btn.plan { margin: 25px auto 0;}
.content-btn a { color: #fff; font-size: 18px; font-weight: 700; display: block; line-height: 70px; text-decoration: none; transition: all 0.6s; margin-bottom: 30px; background: #153969;}
.content-btn a:last-child { margin-bottom: 0;}
.content-btn a:hover { opacity: 0.65;}
.content-btn a:after { content: "\0bb"; display: inline-block; margin-left: 0.5em; text-decoration: none;}


/*-- table --*/
ul.content-table { border-bottom: 1px solid #CCCCCC; color: #fff; font-size: 16px !important; list-style: none; margin: 0 auto !important; width: 940px;}
ul.content-table.w460 { width: 460px !important;}
ul.content-table dl { display: table; width: 100%; overflow: hidden;}
ul.content-table li { border-top: 1px solid #CCCCCC;}
ul.content-table dl dt,
ul.content-table dl dd { display: table-cell; padding: 5px 0; vertical-align: top;}
ul.content-table dl dt { width: 5em;}
ul.content-table dl dd { margin-left: 0px;}
ul.content-table dl dd span.price-red { color:#D90000; font-weight: bold;}
ul.content-table dl dt.w3em { width: 3em;}
ul.content-table dl dt.w4em { width: 4em;}
ul.content-table dl dt.w5em { width: 5em;}
ul.content-table dl dt.w6em { width: 6em;}
ul.content-table dl dt.w7em { width: 7em;}
ul.content-table dl dt.w8em { width: 8em;}
ul.content-table dl dt.w9em { width: 9em;}
ul.content-table dl dt.w10em { width: 10em;}
ul.content-table dl dt.w11em { width: 11em;}
ul.content-table dl dt.w12em { width: 12em;}
ul.content-table dl dt.w13em { width: 13em;}
ul.content-table dl dt.w14em { width: 14em;}
ul.content-table dl dt.w15em { width: 15em;}
ul.content-table dl dt.w16em { width: 16em;}
ul.content-table dl dd ul li { border: none; list-style-type: disc !important; list-style-position: outside; margin-left: 1em;}


/*-- other --*/
p.lead_point{ font-size: 20px; text-align: center; color:#EED80F; font-weight: 700; margin: 0 auto 20px;}

.point3ProfBox{ width: 940px; margin: 0 auto 60px; color: #fff; display: flex; justify-content: space-between; flex-wrap: wrap;}
.point3ProfBox .img{ width: 100%;  margin-bottom: 30px;}
.point3ProfBox .textBox{ width: 100%;}
.point3ProfBox .textBox h4{ font-size: 22px; margin: 0 auto 25px;}


/*-----------------------------
guide
-----------------------------*/
h3.point-ttl{ color: #467DC8; font-size: 24px; line-height: 1.3; margin: 0 auto 20px; text-align: center; width: 980px;}
h3.point-ttl_mt60{ color: #467DC8; font-size: 24px; line-height: 1.3; margin: 60px auto 20px; text-align: center; width: 980px;}
h3.point-ttl span{ color: #AB8956; margin-right: 20px;}
h3.point-ttl_mt60 span{ color: #AB8956; margin-right: 20px;}
.point-seat-ttl{ width:940px;margin:60px auto 30px; padding:10px; text-align:center; border:#AB8956 solid 2px; background:#FFF; font-size:22px !important; font-weight: bold; color:#AB8956; box-sizing: border-box;}
.point-seat-ttl_mt100{ width:940px;margin:100px auto 30px; padding:10px; text-align:center; border:#AB8956 solid 2px; background:#FFF; font-size:22px !important; font-weight: bold; color:#AB8956; box-sizing: border-box;}
p.point-seat{ font-size: 15px!important; margin-top: 0.3em; text-align: left !important;}
p.point-seat span{font-size: 17px!important; font-weight:bold; color:#AB8956 !important;}
.partWrap{ width: 880px; margin: 0 auto;}
.part_cotion{font-size: 13px; text-align: right; color: #fff; margin-bottom:10px;}
.partWrap li{ display: block; margin-bottom: 20px;}
.partWrap li:last-child{ margin-bottom: 0;}
.partWrap li img{ height: 150px;}

/*--guide--*/
 p.ttl_type{ font-size:18px !important; font-weight: bold; color:#AB8956 !important; margin-bottom: 10px !important;}
.miniImg{ width: 540px; margin: 0 auto; text-align: center !important;}
p.guide_point{ margin: 20px 0; font-size: 18px; font-weight: bold; color:#AB8956;}
.w940{ width: 940px; margin: 20px auto 0;}

.youtube-wrap{ display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: flex-start; align-items: flex-start; margin: 50px auto 90px; width: 980px; text-align: center;}
.youtube-wrap .youtubeW560 { width: 560px; margin: 0 auto;}
.youtube-wrap .youtubeW560 .youtube-content, .youtube-wrap .youtubeW560 .youtube-content iframe { width: 560px; margin: 0 auto !important; height: 315px; text-align: center;}
.youtube-wrap p { font-size: 16px; font-weight: normal; padding: 5px 0 0; text-align: center; width: auto; color: #fff;}

.pointAward .ttl { display: block; color: #FFF; font-weight: bold; font-size: 18px; line-height: 150%; padding: 10px 15px; background: #AB8956; width: 940px; box-sizing: border-box; margin: 0 auto 15px;}

.awards{ width: 940px; margin: 0 auto; border: #AB8956 solid 2px; padding: 20px; margin-bottom: 40px;}
.awards p{ color: #AB8956; font-size: 16px; font-weight: bold; line-height: 1.8;}

.r-txt{ display: block; text-align: right;}



/*-----------------------------
page-top
-----------------------------*/
#page-top{ width:50px; height:50px; display:none; position:fixed; right:40px; bottom: 40px; z-index:200;}
#page-top p{ margin:0; padding:0;}
#page-top p img{ width:50px; opacity:0.8; filter:alpha(opacity=80);}
#page-top p:hover img{ opacity:0.6; filter:alpha(opacity=60);}
#move-page-top{ text-decoration:none; display:block; cursor:pointer;}

.clear{ clear: both; display: block;}
.sp{ display: none !important;}
.fw-b{ font-weight: bold;}


#secInfo { width: 100%; padding: 30px 0 20px; margin: 0 auto; background: #F5F5F5; font-family: "ヒラギノ角ゴ Pro", "メイリオ", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif, "-apple-system", "Helvetica Neue", "Yu Gothic", YuGothic, Verdana, Meiryo, sans-serif;}
#secInfo p { padding: 20px; width: 980px; text-align: center; font-size: 18px; color: #E50012; margin: 0 auto; line-height: 1; border: #E50012 solid 2px; box-sizing: border-box; background: #FFF;}

/* -------------------------------------------------------
 utilities
------------------------------------------------------- */
.u-mt0:not(:root) { margin-top: 0; }
.u-mt10:not(:root) { margin-top: 10px; }
.u-mt20:not(:root) { margin-top: 20px; }
.u-mt30:not(:root) { margin-top: 30px; }
.u-mt40:not(:root) { margin-top: 40px; }
.u-mt50:not(:root) { margin-top: 50px; }
.u-mt60:not(:root) { margin-top: 60px; }
.u-mt70:not(:root) { margin-top: 70px; }
.u-mt80:not(:root) { margin-top: 80px; }
.u-mt90:not(:root) { margin-top: 90px; }
.u-mt100:not(:root) { margin-top: 100px; }

.u-mtM10:not(:root) { margin-top: -10px; }
.u-mtM20:not(:root) { margin-top: -20px; }
.u-mtM30:not(:root) { margin-top: -30px; }
.u-mtM40:not(:root) { margin-top: -40px; }
.u-mtM50:not(:root) { margin-top: -50px; }
.u-mtM60:not(:root) { margin-top: -60px; }
.u-mtM70:not(:root) { margin-top: -70px; }
.u-mtM80:not(:root) { margin-top: -80px; }
.u-mtM90:not(:root) { margin-top: -90px; }
.u-mtM100:not(:root) { margin-top: -100px; }

.u-mb0:not(:root) { margin-bottom: 0; }
.u-mb10:not(:root) { margin-bottom: 10px; }
.u-mb20:not(:root) { margin-bottom: 20px; }
.u-mb30:not(:root) { margin-bottom: 30px; }
.u-mb40:not(:root) { margin-bottom: 40px; }
.u-mb50:not(:root) { margin-bottom: 50px; }
.u-mb60:not(:root) { margin-bottom: 60px; }
.u-mb70:not(:root) { margin-bottom: 70px; }
.u-mb80:not(:root) { margin-bottom: 80px; }
.u-mb90:not(:root) { margin-bottom: 90px; }
.u-mb100:not(:root) { margin-bottom: 100px; }

.u-mbM10:not(:root) { margin-bottom: -10px; }
.u-mbM20:not(:root) { margin-bottom: -20px; }
.u-mbM30:not(:root) { margin-bottom: -30px; }
.u-mbM40:not(:root) { margin-bottom: -40px; }
.u-mbM50:not(:root) { margin-bottom: -50px; }
.u-mbM60:not(:root) { margin-bottom: -60px; }
.u-mbM70:not(:root) { margin-bottom: -70px; }
.u-mbM80:not(:root) { margin-bottom: -80px; }
.u-mbM90:not(:root) { margin-bottom: -90px; }
.u-mbM100:not(:root) { margin-bottom: -100px; }

.u-ml0:not(:root) { margin-left: 0; }
.u-ml10:not(:root) { margin-left: 10px; }
.u-ml20:not(:root) { margin-left: 20px; }
.u-ml30:not(:root) { margin-left: 30px; }
.u-ml40:not(:root) { margin-left: 40px; }
.u-ml50:not(:root) { margin-left: 50px; }
.u-ml60:not(:root) { margin-left: 60px; }
.u-ml70:not(:root) { margin-left: 70px; }
.u-ml80:not(:root) { margin-left: 80px; }
.u-ml90:not(:root) { margin-left: 90px; }
.u-ml100:not(:root) { margin-left: 100px; }

.u-mr0:not(:root) { margin-right: 0; }
.u-mr10:not(:root) { margin-right: 10px; }
.u-mr20:not(:root) { margin-right: 20px; }
.u-mr30:not(:root) { margin-right: 30px; }
.u-mr40:not(:root) { margin-right: 40px; }
.u-mr50:not(:root) { margin-right: 50px; }
.u-mr60:not(:root) { margin-right: 60px; }
.u-mr70:not(:root) { margin-right: 70px; }
.u-mr80:not(:root) { margin-right: 80px; }
.u-mr90:not(:root) { margin-right: 90px; }
.u-mr100:not(:root) { margin-right: 100px; }

.u-alLeft:not(:root) { text-align: left; }
.u-alRight:not(:root) { text-align: right; }
.u-alCenter:not(:root) { text-align: center; }