@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: #C79F62; 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.uline{ text-decoration: underline;}
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; }
.caution-text02 { font-size: 14px !important; }
.caution-text03 { font-size: 13px !important; margin-top: 20px; color: #fff;}
.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;}

.pageNotice {
	width: 980px;
    margin: 60px auto 30px;
    padding: 30px;
    box-sizing: border-box;
    background: #FFFFFF;
    border: 2px solid #D90000;
}

.pageNotice .red {
    color: #D90000;
}


/*-- パンくず --*/
.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%;	}

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

#content-header-image02 .header-image-logo-pc img {
    width: 640px;
    position: absolute;
    bottom: 30px;
	left: 0;
	right: 0;
	margin: auto;
}

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

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; position: relative;}
#content-header-image02 > img { width: 100%; display: block;} 
#content-header-image02 > a{ position: absolute; left: calc(50% - 8.75%); bottom: 2%; width: 17.2%; display: block;}

.bnr-survey{ text-align: center;}
.bnr-survey a{ display: block;}

.topLeadImg{ margin: 30px auto 80px; }
.topLeadImg img{ margin: 0 auto; display: block; max-width: 100%; width: auto;}

.winterLead{ color: #AB8956; font-size: 24px; font-weight: bold; line-height: 1.8; text-align: center; padding-top: 50px; min-width: 980px;}
.winterLead .leadLink{ margin-top: 15px;}
.winterLead .leadLink a{ text-decoration: underline; color: #FFF; font-size: 18px; font-weight: normal;}
.winterLead .leadLink a:hover{ text-decoration: none;}

.sameday-ticket{ width: 700px; margin: 0 auto 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;}

/*-----------------------------
fireworks navi
-----------------------------*/
#nav{
	background: #002648;
	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/winter/common/nav_line.gif) no-repeat right center;
	padding: 0 12px 0 18px;
	vertical-align: middle;
	text-align: center;
	line-height: 1.4;
}

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

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

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

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

.fireworks-navi .menu-item a:after {
	top:20%;
	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: #B19263;
    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; margin: 0 auto; width: 100%;}
#top_slide li .credit{ position: absolute; right: 10px; bottom: 10px; color: #ffffff; font-size: 12px;}
#top_slide li a{ display: block;}
#top_slide li a img{ width:100%;}
#top_slide .slick-dots li button:before { background: white; content: ''; border-radius: 50%; width: 10px; height: 10px;}
#top_slide .slick-dots { position:relative; margin: 20px 0 10px; bottom: 0;}
.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; margin: 0 auto;}
.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: 850px; color: #FFF;}
.category-title { margin: 100px 0 50px; 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 0; width: 980px;}
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: #AB8956; 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%;}

ul.iconLinkBtn{ width: 980px; margin: 60px auto; display: flex; justify-content: space-between; flex-wrap: wrap;}
ul.iconLinkBtn li{ width: 31%; position: relative; margin: 0 0 30px; box-sizing: border-box;}
ul.iconLinkBtn li.ticket{ background: #D84040;}
ul.iconLinkBtn li.schedule{ background: #666666;}
ul.iconLinkBtn li.guide{ background: #004FA8;}
ul.iconLinkBtn li.notice{ background: #0BCFF8;}
ul.iconLinkBtn li.area{ background: #0380C0;}
ul.iconLinkBtn li.foods{ background: #FF8D1C;}
ul.iconLinkBtn li.hotel{ background: #03C067;}
ul.iconLinkBtn li.map{ background: #018A05;}
ul.iconLinkBtn li.attraction{ background: #AB8956;}
ul.iconLinkBtn li.event{ background: #018A05;}
ul.iconLinkBtn li.fg{ background: #FF8D1C;}
ul.iconLinkBtn li.noLink{ opacity: 0.3;}
ul.iconLinkBtn li a,
ul.iconLinkBtn li span{ display: flex; justify-content: center; align-items: center; flex-direction: column; height: 200px; color: #ffffff !important; font-size: 34px; font-weight: bold; text-align: center; line-height: 1.2; text-decoration: none !important;}
ul.iconLinkBtn li span.sup{ display: block; height: auto; margin-top: 10px; font-size: 18px;}
ul.iconLinkBtn li a img,
ul.iconLinkBtn li span img{ width: 100px; margin: 0 0 10px; max-width: 100%; height: auto; box-sizing: border-box;}
ul.iconLinkBtn li.notice a img,
ul.iconLinkBtn li.notice span img,
ul.iconLinkBtn li.attraction a img,
ul.iconLinkBtn li.attraction span img{ width: 200px;}

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

.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.w800 { width: 800px;}
.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{ width: 470px;}
.bnr-wrap.top span{ width: 470px;}
.bnr-wrap .bnr-wrap_ex{ color: #FFF; text-align: center; margin: 8px 0 30px;}
.bnr-wrap.mb00 img{ margin-bottom: 0;}

.btn_top{ width: 700px; /*width: 850px;*/ margin: 60px auto 20px !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; background: #c31b3c;}
.btn_top span.catch{ color: #fff; font-size: 22px; font-weight: 700; line-height: 1.2; text-align: center; background: none;  display: block; margin-bottom: 20px;}
.btn_top a { color: #fff; font-size: 38px; font-weight: 700; display: block; line-height: 90px; text-decoration: none; transition: all 0.6s; padding: 0 40px 0 40px; text-align: center; background: #c31b3c;}
.btn_top a:hover { opacity: 0.5;}
.btn_top a:after { width: 20px; height: 20px; border-top: 5px solid #FFF; border-right: 5px solid #FFF; -webkit-transform: rotate(45deg); transform: rotate(45deg); content: ""; display: inline-block;}
.txt-detail{ width: 700px; margin: 0 auto!important; text-align: center !important;}
.txt-detail p{ font-size:16px; color: #ffffff;}

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

.youtube{ position:relative; width:100%;  padding-top:56.25%; float:none; margin-bottom:30px;}
.youtube iframe{ position:absolute; top:0; left: 0; width:100% !important; height:100% !important;}

.partBox{ width: 980px; margin: 60px auto 20px;}
.partBox h3{ text-align: center; color: #fff; font-size: 36px; margin-bottom: 20px;}
.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;}
.partBox .partBoxLead{ color: #FFF; font-weight: bold; font-size: 20px; margin-bottom: 50px; line-height: 200%;}
.partBox .partBoxTxt{ color: #FFF; font-size: 18px; margin-bottom: 20px; line-height: 200%; text-align: center;}
.partBox .partCaution{ color: #fff; font-size: 12px; text-align: right;}
.partBox .partText{ text-align: center; color: #AB8956; font-size: 20px; font-weight: bold;}
.partBox rt{ font-size: 40%; letter-spacing: 0.2em;}
/* 
.partList{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.partList li{ margin-bottom: 15px; width: 236px;}
.partList li img{ width: 100%;}
*/

.partList{ display: flex; flex-wrap: wrap; justify-content: center;}
.partList li{ width: 300px; margin: 40px 40px 0 0;}
.partList li:nth-child(-n+3){ margin-top: 0;}
.partList li:nth-child(3n){ margin-right: 0;}
.partList li img{ display: block; width: 100%;}

.partEx{ width: 980px; margin: 0 auto 80px; border: 1px solid #AB8956; padding: 30px; box-sizing: border-box;}
.partEx p{ color: #FFF; text-align: center; line-height: 200%;}
.partEx p.pittl{ font-size: 22px; margin-bottom: 15px;}


/*-----------------------------
sec
-----------------------------*/
#content-header-image { background: url("../img/winter/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-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 a { color: #fff; font-size: 18px; font-weight: 700; display: block; line-height: 1.6; text-decoration: none; transition: all 0.6s; margin-bottom: 30px; padding: 20px 0; 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;}

.content-btn.plan { margin: 30px auto 0 0;}
.content-btn.plan a { color: #fff; font-size: 18px; font-weight: 700; display: block; line-height: 1.6; text-decoration: none; transition: all 0.6s; margin-bottom: 15px; padding: 20px 0; background: #153969;}
.content-btn.plan a:last-child{ margin-bottom: 0;}
.content-btn.plan.split2{ display: flex; justify-content: space-between; width: 100%;}
.content-btn.plan.split2 a{ width: 48%; margin-bottom: 0; margin-top: 15px;}
.content-btn.plan.split2 a:nth-child(-n+2){ margin-top: 0;}


/*-- 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: 5em; padding: 5px 0; vertical-align: top; text-align: left;}
table.content-table td { border-top: 1px solid #999999; padding: 5px 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; text-decoration: underline;}
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(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;}
.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;}
.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 h2 span.small{ color: #AB8956; font-size: 20px; }

h2 span.special{ color: #c31b3c; text-align: center; font-size: 28px; margin-bottom: 10px;}
h2 span.special::before{ content: "＼"; margin-right: 5px;}
h2 span.special::after{ content: "／"; margin-left: 5px;}
.mainBox .splitWrap-copy{ font-weight: bold; font-size: 18px; margin-bottom: 10px; }
.mainBox .sub-txt{ line-height: 1.8; }

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

.flow4{ margin-top: 40px; color: #FFF;}
.flow4 .flowTtl{ font-size: 18px; margin-bottom: 10px; font-weight: bold;}
.flow4 ul{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: top;}
.flow4 li{ width: 229px;}
.flow4 li img{ margin-bottom: 10px;}



.list-sprit{ display: flex; justify-content: space-between; width: 100%; margin: 20px auto 40px; list-style: none;}
.list-sprit li{ width: 440px; margin-right: 60px; }



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



/*-- アコーディオン
----------------------------------------------*/
.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;}



/*-----------------------------
food&Goods
-----------------------------*/
.ttl-shop{ color: #FFF; font-size: 30px; font-weight: 70; margin: 0 auto 50px; text-align: center; position: relative; display: flex; align-items: center; justify-content: center;}
.ttl-shop::before{ height: 1px; background: #FFF; width: 40px; margin-right: 15px; content: "";}
.ttl-shop::after{ height: 1px; background: #FFF; width: 40px; margin-left: 15px; content: "";}
.foodBox{ width: 940px; margin: 60px auto 80px;}
.foodBox:last-child{ margin-bottom: 0;}
.foodBox .foodWrap .ttlShop{ margin-bottom: 40px; text-align: center;}
.foodBox .foodWrap h3{ font-size: 28px; font-weight: bold; margin: 0 auto 20px; text-align: center;line-height: 1.3; color: #AB8956;}
.foodBox .foodWrap .txtFood{ text-align: center; color: #FFF; margin-bottom: 40px;}
.foodBox .foodWrap .ttlShop img{ width: 550px;}
.foodBox .foodWrap .listMenu{ display: flex; flex-wrap: wrap; margin-bottom: 80px;}
.foodBox .foodWrap .listMenu li{ width: 450px; margin: 60px 40px 0 0; }
.foodBox .foodWrap .listMenu li:nth-child(even),
.foodBox .foodWrap .listMenu li:last-child{ margin-right: 0;}
.foodBox .foodWrap .listMenu li:nth-child(-n+2){ margin-top: 0;}
.foodBox .foodWrap .listMenu li h4{ font-size: 22px; font-weight: bold; margin: 0 auto 20px; text-align: center;line-height: 1.3; color: #AB8956;}
.foodBox .foodWrap .listMenu li .img{ margin-bottom: 15px;}
.foodBox .foodWrap .listMenu li .img img{ width: 100%; }
.foodBox .foodWrap .listMenu li .text{ margin-bottom: 15px; color: #FFF;}
.foodBox .foodWrap .listMenu li .price{ border-bottom: 1px solid #999999; color: #fff; font-size: 16px !important; list-style: none; margin: 0 auto !important; width: 100%; border-spacing: 0;}
.foodBox .foodWrap .listMenu li .price th{ border-top: 1px solid #999999; width: 5em; padding: 5px 0; vertical-align: top; text-align: left;}
.foodBox .foodWrap .listMenu li .price td{ border-top: 1px solid #999999; padding: 5px 0; vertical-align: top; text-align: right;}
.foodBox section{ border: solid 1px #AB8956; box-sizing: border-box; margin: 20px auto 0;}
.foodBox .gf-text{ color: #FFF; margin-bottom: 50px; text-align: center;}

.contentListblock {
    background: #2b1a03;
    height: auto;
    width: 938px;
    margin: 0 auto 0;
}

.contentListblock a {
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: center;
    align-items: center;
    text-decoration: none !important;
    transition: all 0.6s;
}

.contentListblock a:hover {
    opacity: 0.7;
}

.contentListblock a:after {
    content: url("../img/winter/event/arrow.png");
    display: inline;
    font-size: 40px;
	margin-left: auto;
    margin-right: 20px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.contentListblock a.active::after {
    transform: rotateX(180deg);
}

.contentListblock .img{
	width: auto;
	height: inherit;
	padding: 20px;
	line-height: 1;
}

.contentListblock .img img {
    height: auto;
    width: 100%;
}

.contentListblock .desc {
    margin-left: 33px;
    width: 600px;
}

.contentListblock .desc h2.title {
    font-size: 20px;
    line-height: 1.4;
    /*    margin-bottom: 10px;*/
}

.contentText {
	display: none;
    color: #FFF;
    font-size: 16px;
    margin: 0 auto;
    padding: 20px 30px;
    width: auto;
	background: #2b1a03;
}

.second3Column{
    margin: 0 -15px;
    letter-spacing: -0.5em;
    overflow: hidden;
}
.second3Column,
.second3Column *{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.second3Column li{
    display: inline-block;
    width: 33.333%;
    margin: 0;
    padding: 0 15px;
    vertical-align: top;
    letter-spacing: normal;
}
.second3Column li img{
    display: block;
    margin: 0 0 15px;
    max-width: 100%;
    height: auto;
}
.second3Column li .catch{
    font-size: 14px;
    font-weight: normal;
}
.second3Column li .subHeading{
    margin: 0 0 15px;
}
.second3Column li .subHeading .new{
    display: inline-block;
    margin: -4px 0 0;
    padding: 5px 10px;
    color: #fff;
    font-size: 12px;
    line-height: 1;
    vertical-align: middle;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    background: #f00;
}
.second3Column li .txt{
    font-size: 14px;
}

#donguri{ margin-bottom: 80px;}


.clear{ clear: both; display: block;}
.sp{ display: none !important;}


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

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

/* FUYUMARCHE */
.visualArea{ width: 100%; margin: 0 auto 0;}
ul.artist-list { margin: 50px auto 0; 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;}

.bnr-wrap_sec{ width: 980px; margin: 0 auto;}
.bnr-wrap_sec.mt100{ margin-top: 100px;}


/*-----------------------------
plan
-----------------------------*/
*:focus { outline:none; }
.wrapContents{ width:980px; margin:60px auto 0;}

.select{ width:990px; margin:0 auto 60px; padding: 0;}
.select.under{ margin:20px auto 100px;}
.select::after{ content: ""; display: block; clear: both; }
.select li{ display: block; font-weight:bold; text-align:center; padding:20px 0; position: relative; text-decoration:none !important; line-height:100%; float: left; margin-right: 10px;}
.select li.btn_infant{ background:#EE544D; cursor: pointer;}
.select li.btn_student{ background:#4A7EE4; cursor: pointer;}
.select li.btn_couple{ background:#AB8956; cursor: pointer;}
.select li span.selectDate{ color: #FFF; font-size:22px;}
.select li::after{ content: ""; position:absolute; top:50%; right:20px; width:10px; height:10px; border-top:3px solid #fff; border-right:3px solid #fff; transform:rotate(45deg); margin-top:-7px;}
.select .slick-track{ transform:translate3d(0pc, 0px, 0px) !important;}

h2.heading{ text-align:center; margin-bottom:60px; font-size:24px; color: #fff;}
.note{ margin:0;}

#slide .open{ width:auto; margin:0 auto 60px; text-align:center; font-size:24px; line-height:100%; color:#AB8956; font-weight:bold; border-top:1px solid #AB8956; border-bottom:1px solid #AB8956; padding:20px 0;}

.plan_section{ width:980px; margin:0 auto; padding:0 0 120px; position: relative;}
.plan_section::before{ content: ""; display: block; background:url(../img/winter/plan/dot.png) repeat-y; background-size: 3px; height: 120px; position: absolute; bottom: 0; left: 90px; width: 3px;}
.plan_section.mb_none{ margin-bottom: 0;}

.timeline{ padding: 0; box-sizing: border-box; text-align: left; color: #ffffff; font-weight: bold; font-size: 28px; line-height: 1.4; margin-bottom: 15px; width: 100%;}
.infant .timeline{ color:#EE544D !important;}
.student .timeline{ color:#4A7EE4 !important;}
.couple .timeline{ color:#AB8956 !important;}

.contentsline{ width: 100%; display: flex; justify-content: center; gap: 40px; position: relative; flex-direction: row-reverse;}
.contentsline .detailarea{ width: calc(55% - 40px); padding: 30px 35px 30px; position: relative;}
.contentsline .detailarea::before{ content: ""; display: block; width: calc(100% + 35px); height: 100%; background: #fff; position: absolute; top: 0; left: 0; z-index: -1;}
.contentsline .planTtl{ font-size: 24px; font-weight: bold; text-align: left; margim:0 auto;}
.contentsline .planTtl span.launch{ font-size:36px; color:#D01339;}
.contentsline .planTtl span.ticket{ color:#D01339;}
.contentsline .planImg{ width: 45%; position: relative; display: flex; flex-direction: column; align-items: flex-end; justify-content: flex-end; transform: translateY(50px)}
.contentsline .planImg img{ width: calc(100% + 60px); max-width: calc(100% + 60px); }
.contentsline .planImg p{ margin-top:10px; font-size: 14px;}
.contentsline .planTxt{ width: auto; font-size: 18px; text-align: left; line-height: 160%; margin-top:20px;}
.contentsline .planBtnTxt{ width: auto; font-size: 18px; text-align: center; line-height: 140%; margin-top:50px;}
.contentsline .planTxt .pickup { font-size:18px; background: #df153e; padding: 3px 10px; color: #fff; margin-bottom:5px; display: inline-block;}

.youtube{ position:relative; width:100%;  padding-top:56.25%; float:none; margin-bottom:30px;}
.youtube iframe{ position:absolute; top:0; left: 0; width:100% !important; height:100% !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;}

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


.w980{ width: 980px !important;}
.fs80{ font-size: 80%; }