@charset "UTF-8";
@import 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css';
/* 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;}

#secInfo { width: 100%; padding: 30px 0 20px; margin: 0 auto; background: #F5F5F5;}
#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;}

/*-- パンくず --*/
.breadcrumb{ font-size: 14px; margin-bottom: 150px; width: 980px; margin: 15px auto 0; color: #ffffff;}
.breadcrumb a{ color: #AB8956; text-decoration: none;}

/*-----------------------------
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;}
.imgArea__caption { font-size: 14px; color: #fff; display: block; margin-top: 5px; }
#content-header-image02 { width: 100%; display: block; position: relative}
#content-header-image02 img { width: 100%; display: block;} 

.header-image-logo-pc {
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	color: #fff;
	font-family: "Noto Serif JP", serif;
}

#content-header-image02 .header-image-logo-pc img {
	width: 640px;
	position: relative;
	top: 160px;
}

.header-image-date-pc {
	position: relative;
	top: 170px;
	left: 120px;
	font-size: 30px;
	font-weight: bold;
}

.header-image-date-pc span {
	font-weight: bold;
	font-size: 40px;
}

.header-image-date-caption-pc {
	display: block;
	position: relative;
	top: 170px;
	left: 280px;
}

.header-image-logo-sp {
	display: none;
	
}

.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;
}

/*-----------------------------
top
-----------------------------*/


#top_slide{ width:100%; margin:0 auto;}
#top_slide li img{ display: block; width: 100%;}
#top_slide li a{ display: block;}
#top_slide li a img{ width:100%;}
.title-date{ font-weight: bold; font-size: 36px; text-align: center; width: 980px; margin: 65px auto 0; color: #AB8956; }
.bx-wrapper{position:relative; min-width: 980px;}
.bx-wrapper img {width:100%;}
.bx-viewport{ margin:0 auto; }
.bx-controls-direction{position:absolute; top:150px; height:42px; width:800px; left:0; right:0; margin: 0 auto;}
.top-copy { font-size: 20px; margin: 65px auto 0; width: 880px; color: #FFF;}
.category-title { margin: 50px 0; text-align: center; font-size: 16px; line-height: 1.6; font-weight: normal; color: #FFF;}
.category-title:after { background-color: #AB8956; content: ''; display: block; height: 1px; margin: 15px auto 0; width: 40px;}
ul.pickup-event { display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: stretch; align-items: stretch; margin: 50px auto 100px; width: 980px;}
ul.pickup-event li { background: #153969; display: block; line-height: 1.3; margin: 50px 0 0; overflow: hidden; text-align: center; vertical-align: top; width: 470px;}
ul.pickup-event li:first-child,
ul.pickup-event li:nth-child(2){ margin-top: 0;}
ul.pickup-event li:nth-child(n+7) { width: 300px;}
ul.pickup-event.allWide li:nth-child(n+7) { width: 470px;}
ul.pickup-event li .img{ overflow: hidden;}
ul.pickup-event li .img img { display: block; height: auto; width: 100%; transform: scale(1); transition: all .7s ease;}
ul.pickup-event li a:hover .img img{ transform: scale(1.05);}
ul.pickup-event li .text { padding: 15px 20px;}
ul.pickup-event li h3 { font-size: 20px; margin-bottom: 10px; color: #ffffff; text-align: left; display: block; font-weight: bold;}
ul.pickup-event li h3 span{ font-size: 14px; }
ul.pickup-event li h3 span.new{ display: inline-block; color: #F02629; font-size: 16px;}
ul.pickup-event li p { display: block; font-size: 14px; font-weight: normal; text-align: left; line-height: 1.6; color: #ffffff;}
ul.pickup-event li a { color: #333; text-decoration: none; transition: all 0.6s; display: block;}
ul.pickup-event li a:hover { opacity: 1;}
ul.pickup-event li img.sp { display: none;}

ul.related-content { display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: stretch; align-items: stretch; margin: 50px auto 50px; width: 980px;}
ul.related-content li { display: block; line-height: 1.3; margin: 0; overflow: hidden; text-align: center; vertical-align: top; width: 227px;}
ul.related-content li h3 { font-size: 16px; padding-top: 10px;}
ul.related-content li p { display: block; font-size: 14px; font-weight: normal; padding: 5px 10px 10px; text-align: left;}
ul.related-content li a { color: #fff; text-decoration: none; transition: all 0.6s;}
ul.related-content li a:hover { opacity: 0.65;}
ul.related-content li a img { height: auto; width: 100%;}

.oL{ width: 800px; margin: 0 auto 90px;}
.oL table{ width: 100%; border-top: #AB8956 solid 1px; border-collapse: collapse; border-spacing: 0;}
.oL table th{ width: 6em; padding: 18px 25px 16px; border-bottom: #AB8956 solid 1px; font-weight: normal; text-align: left; vertical-align: top; color: #AB8956;}
.oL table td{ padding: 18px 25px 16px; border-bottom: #AB8956 solid 1px; color: #fff;}
.oL table td a{ color : #AB8956;}
.oL table td span.sml{ font-size: 12px;}

.bnr-wrap { width: 980px; margin: 0 auto;}
.bnr-wrap.w740 { width: 740px;}
.bnr-wrap.mt60 { margin-top: 60px;}
.bnr-wrap.mt90 { margin-top: 90px;}
.bnr-wrap img { width: 100%; margin: 0 auto 30px;}
.bnr-wrap.split2 { width: 980px; margin: 0 auto; display: flex; justify-content: space-between;}
.bnr-wrap.split2 a{ width: 470px; display: block;}
.bnr-wrap.top { display: flex; justify-content: space-between; flex-wrap: wrap;}
.bnr-wrap.top a,
.bnr-wrap.top .buttonText01,
.bnr-wrap.top .buttonText03,
.bnr-wrap.top .buttonText04 { width: 470px;}

.bnr-wrap.single {
	
}

.bnr-x{ width: 500px; margin: 0 auto;}
.bnr-x p.ex_x{ margin: 15px 0 0; font-size: 12px; color: #FFF; text-align: center;}


.btn_top{ width: 650px; background: #C79F62; margin: 60px auto 0 !important; text-align: center !important; vertical-align: middle; position: relative;}
.btn_top span { color: #fff; font-size: 38px; font-weight: 700; display: block; line-height: 90px; text-align: center;}
.btn_top a { color: #fff; font-size: 38px; font-weight: 700; display: block; line-height: 90px; text-decoration: none; transition: all 0.6s; text-align: left; text-align: center;}
.btn_top a:hover { opacity: 0.5;}
.btn_top a:after { top:32px; right:30px; width: 20px; height: 20px; border-top: 6px solid #FFF; border-right: 6px solid #FFF; -webkit-transform: rotate(45deg); transform: rotate(45deg); content: ""; position: absolute;}

.bnrBox{ margin: 40px auto 80px; padding: 0; width: 450px;}
.bnrBox a{ color:#AB8956; text-decoration:none; width:450px; border:solid 3px #AB8956; padding:10px 15px; text-align:center; font-size:20px; font-weight:bold; box-sizing: border-box; display: inline-block; vertical-align: middle; position: relative;}
.bnrBox a:hover{ color: #AB8956; text-decoration:underline; opacity: 1;}
.bnrBox a::after{ top:20px; right:20px; width: 10px; height: 10px; border-top: 2px solid #AB8956; border-right: 2px solid #AB8956; -webkit-transform: rotate(45deg); transform: rotate(45deg); content: ""; position: absolute;}

/*TBS生中継*/
.note-wrap { width: 980px; margin: 0 auto;}
.note-wrap p{ font-size:14px; color: #FFF; text-align: center;}

#Notice{ margin: 60px auto; width: 980px;}
#Notice .openBox{ padding: 30px; box-sizing: border-box; color: #ffffff; border: 2px solid #AB8956;}
#Notice .openBox .ttl{ font-size: 22px; font-weight: bold; margin: 0 0 30px; padding: 10px 0; text-align: center; border-bottom: 2px solid #AB8956; }
#Notice .openBox .text{ margin-bottom: 20px;}
#Notice .openBox .text .emp{ font-weight: bold; color: #D90000}
#Notice .openBox .attentionList{ display: flex; justify-content: space-between; flex-wrap: wrap; margin: 40px auto;}
#Notice .openBox .attentionList li{ width: 32%; background: #dddddb; padding: 15px; box-sizing: border-box;}
#Notice .openBox .attentionList li .img{ margin-bottom: 15px;}
#Notice .openBox .attentionList li .img img{ width: 100%;}
#Notice .openBox .attentionList li .text{ font-weight: bold; margin-bottom: 0; color: #000;}
#Notice .openBox .openBtn{ background: #AB8956; border: none; font-size: 16px; padding: 10px; width: 250px; margin: 40px auto 0; color: #ffffff; text-align: center; font-weight: bold; position: relative; display: block; outline: none; cursor: pointer; border-radius: 5px; font-family: "ヒラギノ角ゴ Pro", "メイリオ", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif, "-apple-system", "Helvetica Neue", "Yu Gothic", YuGothic, Verdana, Meiryo, sans-serif;}
#Notice .openBox .openBtn::after{ position: absolute; right: 10px; top: 50%; display: inline-block; margin-top: -10px; padding: 3px; content: "＋"; font-size: 16px; line-height: 1; color: #AB8956; border-radius: 3px; background: #fff; transition: 0.4s;}
#Notice .openBox .openBtn.active::after{ content: "－"; transform: rotate(360deg);}
#Notice .openBox .fadeBox{ padding-top: 40px; display: none;}
#Notice .openBox .fadeBox dl dt{ margin-bottom: 5px; font-size: 16px; font-weight: bold;} 
#Notice .openBox .fadeBox dl dt::before{ content: "\25A0"; margin-right: 5px;} 
#Notice .openBox .fadeBox dl dd{ margin-bottom: 30px; font-size: 14px;}
#Notice .openBox .fadeBox dl dd:last-child{ margin-bottom: 0;}
#Notice .openBox .fadeBox dl dd .emp{ color: #D90000}

#Notice_ticket{ margin: 60px auto 30px; width: 980px; background: #FFFFFF;}
#Notice_ticket .text{ padding: 30px; box-sizing: border-box; color: #ffffff; border: 2px solid #D90000;}
#Notice_ticket .text .emp{ font-weight: bold; color: #D90000}

.noticeList{ color: #000000; font-size: 14px;}
.noticeList dt:first-child{ margin-bottom: 20px;}
.noticeList dd{ margin-bottom: 20px;}
.noticeList a{ color: #000000; text-decoration: underline;}


.partBox{ width: 980px; margin: 100px auto 100px; }
/*.partBox h3{ color: #dc5f99; font-size: 40px; font-weight: 70; margin: 0 auto 40px; text-align: center; position: relative; display: flex; align-items: center; justify-content: center;}
.partBox h3::before{ height: 2px; background: #dc5f99; width: 60px; margin-right: 10px; content: "";}
.partBox h3::after{ height: 2px; background: #dc5f99; width: 60px; margin-left: 10px; content: "";}*/
.partBox h3{ text-align: center; color: #fff; font-size: 36px; margin-bottom: 40px;}
.partBox h3.h-border{ display:flex; align-items: center; justify-content: center;}
.partBox h3.h-border:before,
.partBox h3.h-border:after{ content: ""; width: 70px; border-top: 1px solid #AB8956;}
.partBox h3.h-border:before{ margin-right: 40px;}
.partBox h3.h-border:after{ margin-left: 40px;}
.partBox h4 {
    text-align: center;
    color: #AB8956;
    font-size: 24px;
    margin-bottom: 20px;
}
.partList{ display: flex; flex-wrap: wrap; justify-content: center;}
.partList li{
	font-family: "Noto Serif JP", serif;
	width: 300px;
	height: 210px;
	margin: 40px 40px 0 0;
	border: 1px solid #153969;
	text-align: center;
	color: #fff;
	background: #000 url("../img/summer/common/bg-001.png") no-repeat center top;
	background-size: 130px auto;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}
.partList li:nth-child(-n+3){ margin-top: 0;}
.partList li:nth-child(3n){ margin-right: 0;}
.partList li img{ display: block; width: 100%;}
.partBoxLead {
	color: #FFF;
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 50px;
    line-height: 200%;
}
.partListItemLabel {
	position: absolute;
    top: 4px;
    left: 0;
    right: 0;
	font-size: 18px;
}

.partListItemLabel span {
	font-size: 26px;
}

.partListItemTheme {
	font-size: 24px;
	margin-top: 50px;
}


#Notice_ticket-box{ width: 980px; margin: 60px auto 30px; padding: 30px; box-sizing: border-box; background: #FFFFFF; border: 2px solid #D90000;}
#Notice_ticket-box .red{color: #D90000;}
#Notice_ticket-box p{color: #000;}
.b-txt{ font-weight: bold;}
.r-txt{ text-align: right;}
.mt15{ margin-top: 15px;}
.mt20{ margin-top: 20px;}

/*-- 払い戻し --*/
#Notice_ticket-box02{ width: 980px; margin: 60px auto 30px; padding: 40px; box-sizing: border-box; background: #FFFFFF; border: 2px solid #D90000; text-align: left;}
#Notice_ticket-box02 .memo{ width: 100%; margin: 0 auto 30px;}
#Notice_ticket-box02 .memo::after{ content: ""; display: block; clear: both;}
#Notice_ticket-box02 .memo p.data{ float: right;}
#Notice_ticket-box02 h3.Ntb-ttl{ margin: 0 auto 40px; color:#D90000; font-size: 22px; line-height: 1.6; text-align: center; font-weight: bold;}
#Notice_ticket-box02 .Ntb-lead{ margin: 0 auto 40px; }
#Notice_ticket-box02 h4.Ntb{ margin: 0 0 10px; font-size: 18px; line-height: 1.6; font-weight: bold;}
#Notice_ticket-box02 h5.Ntb{ margin: 0 0 10px; font-size: 17px; line-height: 1.6; font-weight: bold;}
#Notice_ticket-box02 .details-box{ margin: 0 auto 40px;}
#Notice_ticket-box02 .details-box p{ padding-left:1em; text-indent: -1em;}
#Notice_ticket-box02 .customer{ font-weight: 600; margin-bottom: 10px;}
#Notice_ticket-box02 .payment{ margin-bottom: 10px;}
#Notice_ticket-box02 .u-Line{ text-decoration: underline;}
#Notice_ticket-box02 .big-note{ color: #D90000; margin-top: 10px;}
#Notice_ticket-box02 .note-txt{ font-size: 90%;}
#Notice_ticket-box02 .indent-txt{ padding-left: 2.2em !important;}
#Notice_ticket-box02 a{ text-decoration: underline;}
#Notice_ticket-box02 a:hover{ text-decoration: none;}
#Notice_ticket-box02 ol{ list-style: decimal; padding-left: 1em;}
#Notice_ticket-box02 ol li{ margin-bottom: 10px;}
#Notice_ticket-box02 .Inquiry-box{ border-top: solid 1px #D90000; padding-top: 15px;}




.snsArea{ width: 500px; margin: 90px auto;}
.snsArea::after{ content: ""; display: block; clear: both;}
.snsArea .category-title{ margin-top: 0; margin-bottom: 50px;}
.snsArea .twitter{ width: 500px;}

/*-----------------------------
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;}
#content-header-image.imageEvent { background: url(../img/summer/common/sec_bgtop_event.jpg) top center no-repeat; }
.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-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_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 --*/
table.content-table { border-bottom: 1px solid #999999; color: #fff; font-size: 16px !important; list-style: none; margin: 0 auto !important; width: 100%; border-spacing: 0;}
table.content-table th { border-top: 1px solid #999999; width: 6em; padding: 10px 0; vertical-align: top; text-align: left;}
table.content-table td { border-top: 1px solid #999999; padding: 10px 0; vertical-align: top;}
table.content-table span.price-red { color:#D90000; font-weight: bold;}
table.content-table a { color: #AB8956; transition: all 0.6s;}
table.content-table .w3em { width: 3em;}
table.content-table .w4em { width: 4em;}
table.content-table .w5em { width: 5em;}
table.content-table .w6em { width: 6em;}
table.content-table .w7em { width: 7em;}
table.content-table .w8em { width: 8em;}
table.content-table .w9em { width: 9em;}
table.content-table .w10em { width: 10em;}
table.content-table .w11em { width: 11em;}
table.content-table .w12em { width: 12em;}
table.content-table .w13em { width: 13em;}
table.content-table .w14em { width: 14em;}
table.content-table .w15em { width: 15em;}
table.content-table .w16em { width: 16em;}
table.content-table.no-border { border-bottom: none;}


/*-- table(ul) --*/
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;}

/*-- eventWrap --*/
.eventWrapBox{ padding: 60px 0;}
.eventWrapBox .eventWrap{ margin: 0 auto 100px; width: 940px;}
.eventWrapBox .eventWrap:last-child{ margin-bottom: 0;}
.eventWrap.noDetail {
	border-bottom: 1px solid #999;
	padding-bottom: 60px;
}
.mainBox{ width: 940px; margin: 0 auto; display: flex; justify-content: space-between;}
.mainBox .imgArea{ width: 420px; }
.mainBox .imgArea p{ font-size: 12px; margin-top: 10px; color: #FFF; text-align: right;}
.mainBox .imgArea img{ display: block; width: 100%;}
.mainBox .imgArea img:nth-child(n+2){ margin-top: 15px;}
.mainBox .imgArea .eventSlider{ width: 100%; margin-bottom: 0;}
.mainBox .imgArea .eventSlider .slick-dots{ position: relative; top: auto; bottom: auto; left: auto; right: auto; display: flex; gap: 15px; justify-content: center; margin-top: 15px;}
.mainBox .imgArea .eventSlider .slick-dots li{ width: 10px; height: 10px; display: block; margin: 0;}
.mainBox .imgArea .eventSlider .slick-dots li button{ padding: 0; width: 100%; height: 100%;}
.mainBox .imgArea .eventSlider .slick-dots li button:before{ content: ""; width: 100%; height: 100%; border-radius: 50%; opacity: 1; background: #CCCCCC;}
.mainBox .imgArea .eventSlider .slick-dots li.slick-active button:before{ opacity: 1; background: #AB8956;}
.wide-imgArea { margin-top: 55px;}
.mainBox .txtArea{ width: 480px; color: #FFF;}
.mainBox h2{ font-size: 28px; font-weight: bold; margin: 0 auto 20px; line-height: 1.3; color: #AB8956;}
.mainBox h2 span{ color: #c31b3c; }
.mainBox .sub-txt.mt20{ margin-top: 20px;}



.subBox{ display: none; padding-top: 60px;}
.subBox.open{ display: block;}

.subBox-02{ width: 480px; padding-top: 40px;}

.mainBox-wide{ width: 940px; margin: 0 auto; display: flex; justify-content: space-between;}
.mainBox-wide h2 { color: #AB8956; font-size: 36px; font-weight: bold; line-height: 1.3;}
.mainBox-wide h2:after { background-color: #AB8956; content: ''; display: block; height: 1px; margin: 20px auto 30px; width: 740px;}
.mainBox-wide .txtArea{ width: 940px; color: #FFF; text-align: center; line-height: 1.8; }
.mainBox-wide .txtArea .font-big{ font-size: 20px;}

.incident{ margin: 50px auto 0; padding: 35px 40px 40px;box-sizing: border-box; border: solid 1px #AB8956; color: #FFF; background: #2b1a03;}
.incident h3.incident-ttl{ font-size: 24px; font-weight: 600; color: #AB8956; margin: 0;}
.incident h3.incident-ttl span{ color: #cb2e3c;}
.incident-txtArea{ width: 100%; color: #FFF; margin: 10px auto 30px;}
.incident-cauArea{ width: 100%; color: #FFF; margin: 20px auto 0;}
.incident-cauArea p{ font-size: 14px;}

.present-box{ width: 100%; margin: 50px auto 0; box-sizing: border-box;}
.present-box h3{ font-size: 22px; color: #AB8956; margin-bottom: 10px;}
.present-box p{ color: #FFFFFF;}


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


/*-----------------------------
event
-----------------------------*/
.eventBox{ width: 940px; margin: 0 auto 140px;}
.eventBox.mt100{ margin-top: 100px;}
.eventBox .wrapEventCategoryTtl{ margin-bottom: 40px;}
.eventBox .eventCategoryTtl{ color: #dc5f99; font-size: 40px; font-weight: 70; margin: 0 auto; text-align: center; position: relative; display: flex; align-items: center; justify-content: center;}
.eventBox .eventCategoryTtl::before{ height: 2px; background: #dc5f99; width: 60px; margin-right: 10px; content: "";}
.eventBox .eventCategoryTtl::after{ height: 2px; background: #dc5f99; width: 60px; margin-left: 10px; content: ""}

.btn_event { width: 460px; margin: 30px auto 0;}
.btn_event a { text-decoration: none; width: 100%; padding: 10px; text-align: center; font-size: 20px; font-weight: bold; box-sizing: border-box; display: inline-block; vertical-align: middle; position: relative; border: solid 2px #AB8956 !important;}
.btn_event a::after { top: 20px; right: 20px; width: 10px; height: 10px; position: absolute; transition: right 0.6s; border-top: 2px solid #AB8956; border-right: 2px solid #AB8956; -webkit-transform: rotate(45deg); transform: rotate(45deg); content: "";}
.btn_event a:hover::after{ right: 10px; }
.btn_event p.caution-text { margin-top: 10px;}
.btn_event .point-txt{ font-weight: bold; color: #fff; margin: 30px 0 10px; font-size: 18px; display: block;}
.btn_event .point-txt::before{ content: "\FF3C"; margin-right: 10px;}
.btn_event .point-txt::after{ content: "\FF0F"; margin-left: 10px;}

.catch{ width: auto; margin: 100px auto 0; text-align: center; color: #AB8956; font-size: 24px; font-weight: normal;}
h3.facility_ttl{ width: 940px; margin: 0 auto 30px; text-align: center; color: #AB8956; font-size: 35px; font-weight: normal; background: url(../img/winter/common/facility_ttl_line.gif) center repeat-x;}
h3.facility_ttl.first{ margin: 40px auto 30px;}
h3.facility_ttl span{ padding: 0 20px; background: #000; }
h3.facility_ttl.noCatch { margin-top: 100px;}


/* quartet */
ul.artist-list-2 { margin: 15px 0 ; color: #fff; display: flex; flex-wrap: wrap;}
ul.artist-list-2::after { content: ""; display: block; clear: both;}
ul.artist-list-2 li{ width: 397px; margin-top: 30px; margin-right: 50px;}
ul.artist-list-2 li:first-child,
ul.artist-list-2 li:nth-child(2){ margin-top: 0; }
ul.artist-list-2 li:last-child,
ul.artist-list-2 li:nth-child(2n){ margin-right: 0; }
ul.artist-list-2 li img{ width:100%;}
ul.artist-list-2 li h3{ color: #AB8956; text-align: center; margin: 10px auto 10px; font-size: 17px; cursor: pointer;}
ul.artist-list-2 li h3::after{ content: ""; display: inline-block; background: url("../img/winter/common/closed.png") no-repeat center center; background-size: 10px; padding: 5px; margin: 0 0 3px 20px; border: 1px solid #AB8956; width: 20px; height: 20px;  box-sizing: border-box; border-radius: 50%; transition: all 0.5s; vertical-align: middle; }
ul.artist-list-2 li h3.active::after{ transform: rotate(180deg);}
ul.artist-list-2 li .openBox{ display: none;}

.table-accordion{ margin:0 0 20px; width: 100%; color: #fff;}
.table-accordion img{ width:100%;}
.table-accordion p{ color: #AB8956; text-align: left; margin: 0 0; font-size: 16px; cursor: pointer; position: relative;}
.table-accordion p::after{ content: ""; display: inline-block; background: url("../img/winter/common/closed.png") no-repeat center center; background-size: 8px; padding: 5px; margin: 0 0 5px 10px; border: 1px solid #AB8956; width: 18px; height: 18px;  box-sizing: border-box; border-radius: 50%; transition: all 0.5s; vertical-align: middle; }
.table-accordion p.active::after{ transform: rotate(180deg);}
.table-accordion .openBox{ display: none;}


/* FUYUMARCHE */
.visualArea{ width: 100%; margin: 80px auto 0;}
ul.artist-list { margin: 50px auto 100px; width: 940px; color: #fff; display: flex; flex-wrap: wrap;}
ul.artist-list::after { content: ""; display: block; clear: both;}
ul.artist-list li{ width:280px; margin-top: 50px; margin-right: 50px;}
ul.artist-list li:first-child,
ul.artist-list li:nth-child(2),
ul.artist-list li:nth-child(3){ margin-top: 0; }
ul.artist-list li:last-child,
ul.artist-list li:nth-child(3n){ margin-right: 0; }
ul.artist-list li img{ width:100%;}
ul.artist-list li h3{ color: #AB8956; text-align: center; margin: 10px auto 10px; font-size: 17px; cursor: pointer; position: relative;}
ul.artist-list li h3::after{ content: ""; display: block; background: url("../img/winter/common/closed.png") no-repeat center center; background-size: 10px; padding: 5px; border: 1px solid #AB8956; width: 22px; height: 22px; position: absolute; top: 0; right: 0; box-sizing: border-box; border-radius: 50%; transition: all 0.5s;}
ul.artist-list li h3.active::after{ transform: rotate(180deg);}
ul.artist-list li .openBox{ display: none;}
ul.artist-list li .genre{ font-weight: bold; margin-bottom: 10px;}
ul.artist-list li .ttlprofile{ font-weight: bold; margin: 20px 0 5px;}
ul.artist-list li .openingArea a.menuitem .statusicon{ position:absolute; top:4px; left:6.5em; border:none; width: 17px;}

.fwCancelText{ margin: 0 auto 100px; color: #ffffff; width: 940px; background: rgba(255, 255, 255, 0.25); text-align: center; padding: 20px; box-sizing: border-box; font-size: 14px;}

.lotteryList{ display: flex; flex-wrap: wrap; justify-content: space-between; margin: 30px auto 0;}
.lotteryList li{ width: calc((100% - 40px) / 3);}
.lotteryList li .img{ display: block; width: 100%; margin: 0 auto 10px;}
.lotteryList li .img img{ display: block; width: 100%;}
.lotteryList li .text{ display: block; font-size: 14px;}


/*-----------------------------
plan
-----------------------------*/
/*-- top --*/
.planTopLead{ color: #AB8956; font-size: 35px; width: 980px; margin: 80px auto 60px; text-align: center; font-weight: normal;}
.planTopList{ width: 980px; margin: 80px auto 100px;}
.planTopList li{ margin-bottom: 50px;}
.planTopList li:last-child{ margin-bottom: 0;}
.planTopList li a{ display: block;}
.planTopList li a img{ display: block;}
.planTopList li span{ display: block; opacity: 0.5;}

/*-- plan01～04 --*/
.planAttentionText{ text-align: center; margin: 80px auto 0px; font-size: 16px;}
.planAttentionText a{ text-decoration: none;}
.planTtl{ width: 980px;margin: 80px auto 60px; font-size: 45px; color: #ffffff; text-align: center; font-weight: normal;}
.planTtl span{ display: block; box-sizing: border-box; text-align: center; width: 760px; padding: 15px 15px; margin: 0 auto 20px; font-size: 26px; font-weight: bold; }
.planTtl.plan01 span{ background: #CD164A;}
.planTtl.plan02 span{ background: #DD5F99;}
.planTtl.plan03 span{ background: #338ACC;}
.planTtl.plan04 span{ background: #1F4F88;}
.planTtl span b{ font-size: 60px; display: block; line-height: 1;}
.planList{ width: 980px; margin: 40px auto 100px; background: url("../img/summer/plan/dot.png") repeat-y left 158px top 0; background-size: 3px;}
.planList li{ margin-bottom: 60px;}
.planList li.mb00{ margin-bottom: 0;}
.planList li::after{ display: block; content: ""; clear: both;}
.planList li:last-child{ margin-bottom: 0; background: #000;}
.planList li:nth-last-child(2){ background: #000; margin-bottom: 0; padding-bottom: 60px;}
.planList li .time{ padding: 20px 25px; box-sizing: border-box; width: 320px; text-align: center; color: #ffffff; font-weight: bold; font-size: 30px; float: left; line-height: 1.4;}
.planList.plan01 li .time{ background: #CD164A;}
.planList.plan02 li .time{ background: #DD5F99;}
.planList.plan03 li .time{ background: #338ACC;}
.planList.plan04 li .time{ background: #1F4F88;}
.planList li .time span{ font-size: 24px; }
.planList li .whiteBox{ padding: 30px; width: 620px; box-sizing: border-box; background: #ffffff; float: right;}
.planList li .ttl{ font-size: 24px; text-align: center; margin-bottom: 30px; font-weight: bold;}
.planList li .ttl.mb00{ margin-bottom: 0;}
.planList li .bigttl{ font-size: 32px; text-align: center; margin-bottom: 30px; font-weight: bold; color: #CD164A;}
.planList li .img{ margin-top: 20px;}
.planList li .img img{ width: 100%; display: block;}
.planList li .text{ margin-top: 20px; font-size: 18px; text-align: left;}
.planList li .text b{ font-size: 20px;}
.planList li .text.small{ font-size: 14px;}
.planList li .text.mt00{ margin-top: 0;}
.planList li .text.red{ color: #D90000; font-weight: bold;}
.planList li .text a{ text-decoration: underline; color:#AB8956;}
.planList li .whiteBox.nopd{ padding: 0 0 20px;}
.planList li .whiteBox.nopd .img{ margin: 0 auto;}
.planList li .whiteBox.nopd .text{ padding: 0 25px;}
.planList li .whiteBox.nopd .text{ padding: 0 25px;}
.planList li .whiteBox.nopd .btnPlan a{ border: 2px solid #153969; background: #153969; color: #fff;}
.planList li .whiteBox.nopd .btnPlan a:hover{ background: #fff ; color: #153969;}

.planList li .one-point{ font-size: 20px; color: #CD164A; font-weight: bold; background: url("../img/summer/plan/one-point.png") no-repeat left center; background-size: 40px; padding: 17px 0 0px 45px; display: block; margin-bottom: 5px;}
.planList li .toku{ font-size: 20px; color: #CD164A; font-weight: bold; background: url("../img/summer/plan/toku.png") no-repeat left center; background-size: 70px; padding: 10px 0 5px 80px;}
.planList li .new{ background: url("../img/plan/new.png") no-repeat left center; background-size: 70px; padding: 10px 0 5px 80px; display: block;}

.planList li .subttl-red{ color: #CD164A; font-size: 24px; font-weight: bold; margin: 60px auto 0; text-align: center; position: relative; display: flex; align-items: center; justify-content: center;}
.planList li .subttl-red.mt00{ margin: 0 auto 0;}
.planList li .subttl-red::before{ height: 2px; background: #CD164A; width: 60px; margin-right: 10px; content: "";}
.planList li .subttl-red::after{ height: 2px; background: #CD164A; width: 60px; margin-left: 10px; content: ""}

.planList li .caution{ margin-top: 20px; font-size: 16px;}
.planList li .btnPlan{ width: 400px; margin: 40px auto 0;}
.planList li .btnPlan a{ display: block; padding: 15px 0; text-align: center; text-decoration: none; border: 2px solid #AB8956; font-size: 18px; color: #AB8956; font-weight: bold; margin-bottom: 20px;}
.planList li .btnPlan a:hover{ color: #ffffff; background: #AB8956; opacity: 1; }
.planList li .btnPlan a:last-child{ margin-bottom: 0;}
.planList li .btnPlan a::after{ content: "\0bb"; display: inline-block; margin-left: 0.5em; text-decoration: none;}
.planList li .planAccordion{ float: right; width: 620px;}
.planList li .planAccordion .planAccordionBtn .planAccordionHead{ display: block; width: 100%; padding: 15px; box-sizing: border-box; color: #ffffff; background: #AB8956; text-decoration: none; font-weight: bold; position: relative; text-align: center; font-size: 24px;}
.planList li .planAccordion .planAccordionBtn .planAccordionHead .accordsuffix{ display: block; width: 24px; position: absolute; top: calc(50% - 14px); right: 30px;}
.planList li .planAccordion .planAccordionBtn .planAccordionHead .accordsuffix img{ width: 100%;}
.planList li .planAccordion .planAccordionOpen{ background: #ffffff; padding: 30px;}
.planTable{ border-top: 1px solid #CCCCCC; border-spacing: 0; width: 100%; margin: 20px auto 0;}
.planTable th{ border-bottom: 1px solid #CCCCCC; padding: 8px 0; font-weight: normal; width: 7em; vertical-align: top;}
.planTable td{ border-bottom: 1px solid #CCCCCC; padding: 8px 0; vertical-align: top;}
.planList li .mb00{ margin-bottom: 0 !important;}
.planList li .mt00{ margin-top: 0 !important;}
.planList li .mt40{ margin-top: 40px !important;}
.planLinkList{ display: flex; justify-content: center; flex-wrap: wrap; width: 980px; margin: 0 auto 100px;}
.planLinkList li{ width: 100%; width: 736px;}
.planLinkList li a{ display: block; }
.planLinkList li a img{ display: block; margin: 0 auto;}
.planLinkList li span{ display: block; opacity: 0.5;}
.planLinkList li span img{ width: 100%; display: block;}

/*-----------------------------
PLAN accordion
-----------------------------*/
#openBox-event .openBtn-event{ border: 2px solid #AB8956; width: 400px; margin: 20px auto 0;  display: block; padding: 15px 0; text-align: center; text-decoration: none; font-size: 18px; color: #AB8956; font-weight: bold; margin-bottom: 25px;}
#openBox-event .openBtn-event::after{ content: "＋"; display: inline-block; margin-left: 0.5em; text-decoration: none; transition: 0.4s;}
#openBox-event .openBtn-event.active::after{ content: "－"; transform: rotate(360deg);}
#openBox-event .fadeBox{ width: 560px; padding: 25px; display: none; background: #FBF9F6; box-sizing: border-box;}
#openBox-event table.nomal-table{ width: 100%; border-top: 1px solid #AB8956; border-spacing: 0; margin: 0 auto;}
#openBox-event table.nomal-table th{ border-bottom: 1px solid #AB8956; width: 100px; text-align: left; padding: 15px 10px; font-weight: normal;}
#openBox-event table.nomal-table td{ border-bottom: 1px solid #AB8956; text-align: left; padding: 15px 10px;}
#openBox-event a{ color: #9E763B; transition: all 0.6s;}
#openBox-event a:hover { opacity: 0.5;}
.fs14{ font-size: 14px; line-height: 1.5; display: inline-block;}
.fs90{ font-size: 90%; line-height: 1.5; display: inline-block;}
.fs80{ font-size: 80%; line-height: 1.5; display: inline-block;}
.mt60{ margin-top: 60px !important;}





/*-----------------------------
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;}


.buttonText01,
.buttonText01__text--min,
.buttonText02,
.buttonText03,
.buttonText04 {
	position: relative;
	margin-bottom: 30px;
}

.bnr-wrap .buttonText01 img,
.bnr-wrap .buttonText01__text--min img,
.bnr-wrap .buttonText02 img,
.bnr-wrap .buttonText03 img,
.bnr-wrap .buttonText04 img {
	margin-bottom: 0;
}

.buttonText01 a,
.buttonText01__text--min a,
.buttonText02 a,
.buttonText03 a,
.buttonText04 a{
	display: block;
}

.buttonText01__text,
.buttonText01__text--min,
.buttonText02__text,
.buttonText04__text,
.buttonText05__text{
	position: absolute;
	left: 20px;
	top: 0;
	bottom: 0;
	margin: auto;
	color: #fff;
	font-weight: bold;
	display: flex;
	align-items: center;
}

.buttonText01__text {
	font-size: 34px;
	/*line-height: 140%;*/
}

.buttonText01__text--min {
	font-size: 23px;
	text-shadow: 1px 1px 1px #000;
}

.buttonText02__text {
	font-size: 44px;
	line-height: 160%;
	left: 60px;
}

.buttonText03__text{
	position: absolute;
	top: 20px;
	margin: auto;
	color: #fff;
	font-weight: bold;
	font-size: 24px;
	line-height: 140%;
	left: 1px;
}

.buttonText03__text span {
	padding: 5px 40px 5px 20px;
	background-image: linear-gradient(90deg, rgba(35, 24, 21, 0.4) 81%, rgba(35, 24, 21, 0));
}

.buttonText04__text {
	font-size: 34px;
	line-height: 110%;
	left: 120px;
	flex-wrap: wrap;
	display: block;
	padding-top: 50px;
}

.buttonText04__textPdf {
	font-size: 23px;
	font-weight: normal;
	display: block;
}

.buttonText05__text {
	font-size: 34px;
	line-height: 110%;
	left: 20px;
	flex-wrap: wrap;
	display: block;
	padding-top: 50px;
}

.buttonText05__textSub {
	font-size: 20px;
	font-weight: normal;
	display: block;
}

.buttonX01 {
	color: #fff;
}

.buttonX01 a {
	display: block;
	background-color: #153969;
	background-image: url("../img/summer/common/icon-arrow-02.png");
	background-repeat: no-repeat;
	background-size: auto 40px;
	background-position: right 30px center;
	color: #fff;
	font-weight: bold;
	font-size: 26px;
	padding: 1em;
}

.bnr-1colbox {
	width: 500px;
    margin: 0 auto;
	padding-bottom: 40px;
}

.imgBenefit img {
	width: 380px;
}

/*-- アコーディオン

----------------------------------------------*/

.l-button{ margin: 30px auto 0;}

.contactAccordionBtn{ border: solid 2px #AB8956 !important; color: #AB8956; font-size: 20px; width: 460px !important;}

.contactAccordionBtn::before{ content: none;}

.contactAccordionBtn .button-icon{ width: 20px; height: 20px; transition: none; }

.contactAccordionBtn .button-icon .inner{ width: 20px; height: 20px; position: relative; display: block; transition: all 0.5s;}

.contactAccordionBtn:hover .button-icon{ transform: none;}

.contactAccordionBtn .button-icon .inner::before{ content: ""; display: block; height: 2px; width: 20px; background: #AB8956; position: absolute; top: calc(50% - 1px); left: 0;  transition: all 0.5s;}

.contactAccordionBtn .button-icon .inner::after{ content: ""; display: block; height: 20px; width: 2px; background: #AB8956; position: absolute; left: calc(50% - 1px); top: 0; transition: all 0.5s;}

.contactAccordionBtn.active .button-icon .inner{ transform: rotate(360deg);}

.contactAccordionBtn.active .button-icon .inner::after{ opacity: 0; transform: scaleY(0)}

.contactOpenBox{ display: none; padding-top: 30px;}

.contactOpenBox .areaBox .innerArea01{ width: 100%; box-sizing: border-box; margin: 0 auto 50px; display: flex; justify-content: space-between; flex-wrap: wrap;}

.contactOpenBox .areaBox .innerArea01 > .ttl{ width: 100%;}

/*
.contactOpenBox .areaBox .innerArea01 > div{ width: calc(50% - 30px);}

.contactOpenBox .areaBox .innerArea01 > div:nth-of-type(1) > .area,

.contactOpenBox .areaBox .innerArea01 > div:nth-of-type(2) > .area,

.contactOpenBox .areaBox .innerArea01 > div:nth-of-type(1) > div:first-child > .area,

.contactOpenBox .areaBox .innerArea01 > div:nth-of-type(2) > div:first-child > .area{ margin-top: 0;}
*/

.contactOpenBox .ttl{ font-size: 20px; font-weight: bold; margin: 40px auto 15px; color: #fff;}

.contactOpenBox .ttl:first-child{ margin-top: 0;}

.contactOpenBox .ttl::before{ content: "\25A0"; color: #AB8956; margin-right: 7px;}

.contactOpenBox .area{ margin: 30px auto 10px; color: #fff; font-size: 16px; font-weight: bold;}

.contactOpenBox .linkList{ border-top: 1px dashed #ccc;}

.contactOpenBox .linkList li{ border-bottom: 1px dashed #ccc; padding: 10px; font-size: 14px; font-weight: bold; display: flex; width: 100%; box-sizing: border-box;}

.contactOpenBox .linkList li .text{ display: inline-block; max-width: 200px; margin-right: 20px;}

.contactOpenBox .linkList li a{ display: inline-block;/* margin-left: 30px;*/ color: #AB8956; text-decoration: underline;}

.contactOpenBox .caution{ margin-top: 30px; font-size: 14px; line-height: 2;}

/* -------------------------------------------------------
------------------------------------------------------- */
.blockKitchenCarShops {
	color: #fff;
}

.blockKitchenCarShops ul {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	column-gap: 3%;
}

.blockKitchenCarShops li {
	width: calc(100% / 3 - 2%);
	margin-bottom: 30px;
}

.nameShop {
	margin-top: 10px;
	font-weight: bold;
}

.blockKitchenCarShops .shopArea {
	    margin-left: 5px;
    background: #fff;
    color: #000;
    font-size: 14px;
    padding: 2px 1em 0;
    border-radius: 1000px;
    display: inline-block;
	line-height: 130%;
	position: relative;
	top: -1px;
}

.shopArea.areaTochigi {
	background: #fde892;
}

.shopArea.areaIbaraki {
	background: #a1dcff;
}

/* アンカーリンクブロック
----------------------------------------------*/
ul.btn-list {
  list-style: none;
  margin: 0 auto 40px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  color: #333;
  font-weight: bold;
}
ul.btn-list li {
  width: auto;
  font-size: 19px !important;
  position: relative;
  text-align: center;
  margin-left: 1em;
  margin-right: 1em;
  margin-bottom: 3em;
  display: flex;
}
ul.btn-list li a {
  position: relative;
  transition: all 0.6s;
  color: #fff;
  /*background-image: -webkit-gradient(0deg, #c6daed 19.44%, #ffffff 19.44%, #ffffff 50%, #c6daed 50%, #c6daed 69.44%, #ffffff 69.44%, #ffffff 100%);
  background-image: linear-gradient(0deg, #c6daed 19.44%, #ffffff 19.44%, #ffffff 56%, #c6daed 50%, #c6daed 69.44%, #ffffff 69.44%, #ffffff 100%);
  background-size: 36.00px 72.00px;*/
	background: linear-gradient(transparent 70%, #AB8956 30%);
  margin: 0 auto 50px;
  padding: 0 10px 0 10px;
  display: inline-block;
  min-width: 12em;
}
ul.btn-list li a::after {
  position: absolute;
  top: 45px;
  left: 0;
  right: 0;
	font-family: "Font Awesome 5 Free";
  	font-weight: bold;
  content: '\f078';
  display: block;
  margin: auto;
	font-size: 30px;
	color: #AB8956;
}
ul.btn-list li a:hover {
  opacity: 0.7;
}
ul.btn-list li a span.tab_date {
  font-size: 16px;
  display: block;
  color: #fff;
	position: absolute;
	bottom: -30px;
	left: 0;
	right: 0;
	margin: auto;
}



/* -------------------------------------------------------
 utilities
------------------------------------------------------- */
.u-sp {
	display: none;
}
.u-pc {
	
}
.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; }