@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Fauna+One&family=Noto+Sans+JP:wght@400;500;700&family=Noto+Serif+JP:wght@400;500;600&display=swap');

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

/* reset css */
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}body {line-height:1;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block;}nav ul {list-style:none;}blockquote, q {quotes:none;}blockquote:before, blockquote:after,q:before, q:after {content:'';content:none;}a {margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}/* change colours to suit your needs */ins {background-color:#ff9;color:#000;text-decoration:none;}/* change colours to suit your needs */mark {background-color:#ff9;color:#000; font-style:italic;font-weight:bold;}del {text-decoration: line-through;}abbr[title], dfn[title] {border-bottom:1px dotted;cursor:help;}table {border-collapse:collapse;border-spacing:0;}/* change border colour to suit your needs */hr {display:block;height:1px;border:0; border-top:1px solid #cccccc;margin:1em 0;padding:0;}input, select {vertical-align:middle;}


/*
 * defaut style
 */
html { height:100%; overflow-y:scroll; background:#F6F6F6; font-size:15px; min-height:600px; -webkit-text-size-adjust: 100%; }
body { color: #ffffff;  word-wrap:break-word; -webkit-font-smoothing: antialiased; }
body { font-family:'Noto Sans JP', sans-serif; font-weight:400; }
select,input,textarea { font-family: 'Noto Sans JP', sans-serif; font-size:15px; color:#ffffff; }
body.loading .contents,
body.loading #header { opacity:0.2; }
body.loading2 .contents,
body.loading2 #header  { opacity:0; }
body.loaded .contents,
body.loaded #header { opacity:1; /* animation:fadeInEx2 0.5s ease 0.8s forwards!important; */ }
body.loaded2 .contents,
body.loaded2 #header { opacity:1; /* animation:fadeInEx 0.5s ease 0s forwards!important; */ }
body.loading #header-inner { opacity:0; }
body.loaded #header-inner { opacity:1; /* animation:fadeInEx 0.5s ease 0.8s forwards!important; */ }
table { word-break:break-word; } 
div { font-size:15px; }
img,input[type=image],video { max-width:100%; height:auto; width:auto; vertical-align:bottom; border:none; }
li { list-style-type:none; }
ol li {  margin-left:20px; padding-left:5px; list-style-type:decimal; margin-bottom:0.5em; line-height:180%; }
ul li {  margin-left:20px; padding-left:5px; list-style-type:disc; margin-bottom:0.5em; line-height:180%; }
p { margin-bottom:2em; line-height:180%; }
p:last-child { margin-bottom:0; }
a { color:#A9803E; text-decoration: none; }
sup { position:relative; font-size:100%; top:-5px; }
sub { position:relative; font-size:100%; bottom:-5px; }
.clearfix { *zoom: 1; }
.clearfix:after { content: ''; display: block; clear: both; height: 0; margin-top: -1px; }
.pc { display:none!important; }
.sp { display:block; }
img.sp { display:inline-block; }
.center { text-align:center; }
.right { text-align:right; } 
strong { font-weight:700; }
em { font-style:normal; }
.container iframe { max-width:100%; height:200px; }
iframe[name=google_conversion_frame] { display:none; }
.eng { font-family: din-2014, sans-serif; }


#loader-bg {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background-color: transparent;
  z-index: 9999;
}
#loader { position: fixed;	text-align: center; color: #333; z-index: 10000; width:60px; height:60px;	left:50%; top:50%; transform:translate(-50%,-50%); overflow:hidden; }
#loader span { position:absolute; width:60px; height:60px; left:0; bottom:0;  overflow:hidden; display:block; }
#loader span:nth-child(2) { height:0%; }
#loader span:nth-child(1) img { width:60px; height:60px; }
#loader span:nth-child(2) img { position:absolute; left:0; bottom:0; }







/*
 * contents
 */
body.loading { overflow:hidden; height:100%; }
body.loading #container { visibility:hidden; }

.bg-wrapper{ background:url("../img/bg_sp.jpg") no-repeat; background-size:cover; position: fixed; height: 100vh; width: 100%; background-position: top center}
.container { position:relative; } 
.contents { padding-top:120px; background-color: #ffffff; color: #000000; padding-bottom:50px;  }
.content-wrapper { overflow:hidden; }
.main-content { margin:0 10px 0; position:relative; z-index:1; }

.topic-path { display:none; width:1100px; height:45px; box-sizing:content-box; margin:-60px auto 30px; z-index:10; pointer-events:none; }
.topic-path ul { margin:0; padding:0 10px; white-space:nowrap; text-overflow: ellipsis; overflow:hidden; visibility: visible; width:3000px; line-height:25px; background:rgba(255,255,255,0.9); border-radius:8px 0 0 0; pointer-events:auto; }
.topic-path ul li { display:inline; line-height:25px; font-size:10px; margin:0; padding:0; }
.topic-path ul li:after { content:">"; margin:0 2px 0 7px; }
.topic-path ul li:last-child:after { display:none; }
.topic-path ul li a { position:relative; display:inline; line-height:25px; color:#D91A1D; vertical-align:bottom; transition:0.3s ease-in-out; }
.topic-path ul li:first-child a { width:15px; height:15px; margin-right:0px; padding-left:20px; }
.topic-path ul li:first-child a:after { position:absolute; left:0; top:50%; transform:translateY(-50%); content:""; display:inline-block; width:12px; height:12px; background:#fff; background:url(../img/ico_home.svg) no-repeat; background-size:cover; }
.topic-path ul li a:hover { text-decoration:none; opacity:0.7; }


/* 汎用 */
.section { margin-bottom:100px; pointer-events:none; }
.section * { pointer-events:auto; }
.section:last-child { margin-bottom:0; }
.section > .inner { max-width:1100px; }
.block { margin-bottom:140px; }
.article { margin:0 40px; }
.article p { line-height:180%; }
.indent01 { margin:0 45px 0; }
.red { color:#D12916; }


.section-title  { border-bottom: 1px solid #263234; margin:0 0 30px;padding:0 0 15px 0; font-size: 22px;font-family:"Noto Serif JP"; color: #000000; font-weight: 400 }
body.profile .section-title .en {font-size:16px;  font-weight: 400 }
.section p {padding: 5px} 
    
.page-title { position:relative; z-index:1;  background: linear-gradient(#B5945C 0%, #D9C48F 100%); margin:10px 0 50px; height: 80px }
.page-title h1 { position: absolute; color:#fff; font-family:"Noto Serif JP"; font-size:18px; font-weight:400; text-align: center; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.page-title h1 span {  color:#fff; font-family:"Fauna One"; font-size:12px; font-weight:400; display: block; padding-top: 15px; letter-spacing: 5px; color: #61431A}

.title01 { position:relative; margin-top:60px; margin-bottom:30px; color:#fff; font-family:"Noto Serif JP"; font-size:18px; font-weight:400; line-height:100%; background-color: #88691F; padding:12px 0 15px 20px ; }
.title01 span { font-size:12px; margin-left:10px; }
.title02 { position:relative; margin-top:30px; margin-bottom:25px; color:#fff; font-family:"Noto Serif JP"; font-size:16px; font-weight:700; line-height:140%; padding:0; background:#171717; padding:12px 22px; text-align:center; }

.btn01 { position:relative; margin:100px auto; text-align:center; }
.btn01 a { position:relative; display:block; background:#fff; display:inline-block; border:1px solid #D12916; color:#D12916; padding:15px; width:380px; line-height:150%; text-align:center; font-size:18px; font-weight:700; transition:0.3s ease-in-out; }
.btn01 a:after { content:""; display:block; position:absolute; right:25px; top:50%; transform:translateY(-50%); background:url(../img/ico_arrow01.svg) no-repeat; background-size:23.49px 5.28px; width:24px; height:6px; transition:0.2s ease-in-out; }
.btn01 a:hover { text-decoration:none; background:#D12916; border:1px solid #D12916; color:#fff; }
.btn01 a:hover:after { background-image:url(../img/ico_arrow01_w.svg); right:20px; }


.box01 { position:relative; margin-bottom:-30px; }
.box01:before { content:""; display:block; position:absolute; left:calc(455 / 1100 * 100%); top:0; background:#F7F7F7; width:3000px; height:100%; }
.box01 .inner { position:relative; padding-left:calc(455 / 1100 * 100%); }
.box01 .thumb { width:calc(550 / 1100 * 100%); position:absolute; top:50%; left:0; transform:translateY(-50%); }
.box01 .text { padding:90px 0 90px calc(155 / 645 * 100%); }

.box-flex01 { }
.box-flex01 > * { margin-bottom:40px; }


.table01 { margin-bottom: 30px}
.table01 table { display:block; width:100%; border-top:1px solid #707070; border-left:1px solid #707070; line-height:180%; }
.table01 table tbody,
.table01 table thead,
.table01 table tr,
.table01 table th,
.table01 table td { display:block; }
.table01 table th { border-bottom:1px solid #707070; border-right:1px solid #707070; font-weight:700; padding:8px 20px; vertical-align:top; background:#F5F3F0; text-align:left;color: #61431A }
.table01 table td { border-bottom:1px solid #707070; border-right:1px solid #707070; padding:15px 20px; vertical-align:top; }


.data-block01 { display:table; width:100%; border-top:1px solid #E4E5E4; }
.data-block01 dl { display:table-row; }
.data-block01 dt { display:table-cell; vertical-align:middle; border-bottom:1px solid #E4E5E4; background:#F7F7F7; padding:25px 25px; font-weight:700; text-align:center; width:170px; }
.data-block01 dd { display:table-cell; vertical-align:middle; border-bottom:1px solid #E4E5E4; padding:25px 25px 25px 40px; }



/* home */
.home .contents {background-color:transparent; color: #ffffff}
.main-logo {width: 100%; /*background:linear-gradient(#CDD7D9, 20%, #ffffff); */text-align: center; padding: 40px 0}
.main-logo img {width: 80%; margin:0 auto}
.main-img {width: 100%; margin-bottom: 60px; position: relative}
.main-img .credit1 { background-color:rgba(136,105,31,0.75); font-family: "Noto Serif JP"; color: #fff;  position:absolute; left:1%; bottom:-20px; width:48%; height: 60px; }
.main-img .credit2 { background-color:rgba(136,105,31,0.75); font-family: "Noto Serif JP"; color: #fff;  position:absolute; right:1%; bottom:-20px; width:48%; height: 60px; }
.main-img .credit1 .name { display: block; font-size:14px; margin: 10px 0 5px 10px}
.main-img .credit2 .name { display: block; font-size:14px; margin: 10px 0 2px 10px}
.main-img .credit1 .role, .main-img .credit2 .role { font-size:10px; display: inline-block; margin-left: 10px; line-height: 1.2 }	
.main-img .credit1 .en { font-size:10px;}
	
.outline-box {margin-bottom: 60px; }
.outline-box .title {width:100%; text-align:center; background-color:#9B8055;font-family: "Noto Serif JP"; font-size: 22px; padding: 20px 0; color: #5A4013; font-weight: 500}
.outline-box .title .title-text {}
.outline-box .title .en {font-family: 'Fauna One', serif; font-size: 14px; letter-spacing: 0.2em; display: block; margin-bottom: 15px; color: #ffffff; font-weight: 500}
.outline-box .schedule { background-color: rgba(245,245,245,0.8); width: 100%;}
.outline-box .schedule ul {display: flex; flex-wrap: wrap; margin-bottom: 0;padding-top: 40px; padding-bottom: 40px}
.outline-box .schedule ul li {list-style: none; position: relative; padding-left: 10px; margin-bottom: 25px; font-size: 14px; width: 40%}
.outline-box .schedule ul li:before { content:""; display:block; background:url(../img/ico_arrow03.svg) no-repeat; background-size:5px 8px; width:5px; height:8px; position:absolute; left:0; top:50%; transform:translateY(-50%); }
.outline-box .schedule ul li a {color: #000000}
.outline-box .soldout .note {position: absolute; left: 12px; bottom: -20px; font-size: 12px}

.info-area .title { position: relative; font-family: 'Fauna One', serif; font-size:24px; font-weight:500; color:#5A4013; text-align:center; margin-bottom:35px; letter-spacing: 0.2em}
.info-area .title:before { content:""; display:block; position:absolute; left:0; top: 50%; transform:translateY(-50%); width:26%; height: 1px; background-color: #5A4013}
.info-area .title:after { content:""; display:block; position:absolute; right:0; top: 50%; transform:translateY(-50%); width:26%; height: 1px; background-color: #5A4013}
.info-area .topics ul { padding:10px 20px; overflow:auto; max-height: 400px; margin:0; color: #000000;background-color: rgba(245,245,245,0.8)}
.info-area .topics ul li { border-bottom:1px solid rgba(119,99,65,0.45); padding:22px 0; list-style-type:none; margin:0; }
.info-area .topics ul li:last-child { border-bottom:none; }
.info-area .topics .date { font-size:14px; }
.info-area .topics ul::-webkit-scrollbar{  width: 10px; }
.info-area .topics ul::-webkit-scrollbar-track{ background-color: #9B8055; }
.info-area .topics ul::-webkit-scrollbar-thumb{ background-color: #4D4326; }
	
.pv-area {margin: 60px 0}
.pv-area .title { position: relative; font-family: 'Fauna One', serif; font-size:24px; font-weight:400; color:#5D6E72; text-align:center; margin-bottom:35px;letter-spacing: 0.1em}


/* intro */
.intro-text { font-size: 18px; line-height:200%; }
.intro-image .title { font-family:"Noto Serif JP"; font-size:16px; font-weight:400; color:#EED87E; text-align:center; margin-bottom:20px; }
.main-title { font-family:"Noto Serif JP"; font-size:18px; font-weight:700; color:#000000; text-align:center; margin-bottom:60px; line-height: 2}
.intro-image {margin-bottom: 120px;}
.main-photo {position: relative; width: 100%}
.main-photo:first-child {margin-bottom: 80px}
.intro-image .credit  { font-size:10px; position:absolute; right:10px; bottom:-18px; }


/* outline */
body.outline em { color:#B59557; font-weight:400; }
.outline-nav ul { display:flex; flex-wrap:wrap; margin:0; justify-content: space-between }
.outline-nav li { width:32%; margin:0; list-style-type:none; margin-bottom: 5px; margin-right: 1%; line-height: 1.6;padding: 0 }
.outline-nav li a { display:block; background:#ffffff; color:#61431A; font-family:"Noto Serif JP"; font-size:15px; font-weight:700; text-align:center; border: 1px solid #707070; padding: 15px 0; position:relative; }
/*.outline-nav li a span { display:block;}
.outline-nav li a span:nth-child(2n) { font-size: 10px}*/
body.outline li .date { font-size: 10px; display: block}
.outline-nav li a:after { content:""; display:block; background:url(../img/ico_arrow03.svg) no-repeat; background-size:5px 8px; width:5px; height:8px; position:absolute; right:8px; top:50%; transform:translateY(-50%); transition:0.3s ease-in-out; }
.outline-nav li a:hover { background:#88691F; opacity:1; color: #fff }
.outline-nav li a:hover:after { content:""; display:block; background:url(../img/ico_arrow02.svg) no-repeat; background-size:5px 8px; width:5px; height:8px; position:absolute; right:8px; top:50%; transform:translateY(-50%); transition:0.3s ease-in-out; }
.outline-nav li.active a { background:#88691F; color: #fff}
.outline-nav li.active a:after { content:""; display:block; background:url(../img/ico_arrow02.svg) no-repeat; background-size:5px 8px; width:5px; height:8px; position:absolute; right:8px; top:50%; transform:translateY(-50%); transition:0.3s ease-in-out; }
.price-group { display:flex; flex-wrap:wrap; margin:20px 0 0; justify-content: space-between }
.price-group dl { width:46%; margin-right:0; margin-bottom:15px; border:1px solid #707070; }
.price-group dt { background:#88691F; border-bottom:1px solid #707070; text-align:center; font-weight:700; padding:10px; margin:0; color: #CECECE }
.price-group dd { text-align:center; font-weight:700; padding:10px; margin:0; white-space:nowrap; }
.map iframe { width:100%; height:260px; margin:25px 0 0px; }
.sp-map { font-size:14px; }
.note {font-size: 80%}
.en-title {font-size: 80%; margin-bottom: 10px; display: inline-block}
body.outline .sponsorlogo2 {width: 70%}
body.outline .mt {margin-top: 10px}
body.outline .pdf-dl {position: relative; right: 0; top:-10px}
body.outline .pdf-dl a { position: absolute; right: 10px; top: -70px; display: block; width: 150px; line-height: 31px; font-size: 12px; text-align: center; background: #C49E51; transition: all 0.3s ease-in-out; font-family: "Noto Serif JP"; font-weight: 500;padding-right: 10px;}
body.outline .pdf-dl a:after { content: ""; display: block; background: url(../img/ico_arrow02.svg) no-repeat; background-size: 5px 8px; width: 5px; height: 8px; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); transition: 0.3s ease-in-out;}
body.outline .img-seats {text-align: center; margin: 0 auto 20px auto; }
body.outline .img-seats img {margin-bottom: 10px}	
body.outline .img-seats span {font-size: 80%; display: block}
body.outline .sche-list li span {display: inline-block}	
body.outline .sche-list li span:nth-of-type(2n) {margin-right: 1em}
body.outline .sche-list li {margin-bottom: 1.5em}
	

/* profile */
body.profile .img { width:calc(600 / 1100 * 100%); margin:20px auto 40px; position:relative; }
body.profile .img .credit { font-size:11px; position:absolute; right:0; bottom:-18px; }
.profile-box .credit { font-size:11px; position:absolute; right:0; bottom:-18px; }
.profile-box2 .credit { font-size:11px; position:absolute; right:0; bottom:-18px; }
    .profile-box {margin-bottom: 60px}
.profile-box .main-photo, .profile-box2 .main-photo{margin-bottom: 40px}

/* information */
body.information .date { text-align:right; font-family:"Noto Serif JP"; font-weight:500; margin-top:-15px; }




/* animation */
.standby { transform: translateY(30px); opacity:0; }
.is-animated { transition-delay:0.50s!important; transform: translateY(0px); opacity:1; transition-duration: .5s!important; transition-property:transform,opacity!important; }
.is-completed { transition-delay:0s!important; transition-duration:0s!important; }




/*
 * header & footer
 */
#header .pc { display:none!important; }
#header .sp { display:block!important; }
#header img.sp { display:inline-block!important; }
#header { position:fixed; left:0; top:0; width:100%; height:120px; z-index:1001;background:url("../img/bg_sp_title.jpg") no-repeat; background-size:150%; background-position: top center}
#header ul li { list-style-type:none; }
#header-inner {position: relative; width: 100%; height: 120px}
#header-inner .logo { width:70%; position:absolute; left:50%; top: 50%; transform:translateX(-50%) translateY(-50%); }
#header .logo:hover { text-decoration:none; }
#header .header-gnav { position:absolute; width:100%; top:0px; /* opacity:0; */ height:100vh; pointer-events:none; transition:opacity 0.2s ease-in-out; }
#header .header-gnav.isopen { opacity:1; height:100vh; padding:0 0 80px;  /* opacity:1; */ pointer-events:auto; overflow-y:auto; }
#header #sp-menu .btn { cursor:pointer; display:block; width:45px; height:45px; position:absolute; right:13px; top:38px; transition:0.2s ease-in-out; z-index:20; -webkit-tap-highlight-color:rgba(0,0,0,0); cursor:pointer; background:#88691f; border-radius:50px; }
#header #sp-menu .btn i { height:1px; background:#fff; display:block; position:absolute; left:14px; top:0; transform-origin: 50% 0%; transition:0.5s ease-in-out; }
#header #sp-menu .btn i:nth-child(1) { width:19px; top:15px; }
#header #sp-menu .btn i:nth-child(2) { width:15.58px; top:22px; }
#header #sp-menu .btn i:nth-child(3) { width:10px; top:29px; }
#header #sp-menu.isopen .btn { }
#header #sp-menu.isopen .btn i { width:22px; background:#fff; left:12px; }
#header #sp-menu.isopen .btn i:nth-child(1) { top:22px; transform:rotate(45deg); }
#header #sp-menu.isopen .btn i:nth-child(2) { opacity:0; }
#header #sp-menu.isopen .btn i:nth-child(3) { top:22px; transform: rotate(-45deg); }
	
#header .header-gnav { /* display:none; */ position:fixed; z-index:3; width:100%; top:120px; padding-top:0px; height:calc(0px); overflow: auto; -webkit-overflow-scrolling: touch; transition:0.5s ease-in-out; font-size:16px; background:#88691F; }
#header .header-gnav.isopen { height:calc(100vh - 54px); top:120px; /* display:block; */ }
#header .header-gnav ul { margin-bottom:0; }
#header .header-gnav > ul { padding-bottom:50px; margin-bottom:1px;/* box-shadow:0 0 15px rgba(0,0,0,0.15);*/ }
#header .header-gnav > ul > li { margin:0; padding:0; }
#header .header-gnav > ul > li > a { position:relative; line-height:60px; display:block; font-family:"Noto Serif JP"; font-size:16px; font-weight:400; padding:0 20px; color: #ffffff }
#header .header-gnav > ul > li > a:before { content:""; display:block; width:100%; height:1px; background:rgba(181,149,87,0.5); position:absolute; left:0; bottom:-1px; transition:all 0.3s ease-in-out; }
#header .header-gnav > ul > li > a:hover { text-decoration:none; }
#header .header-gnav > ul > li .sub { display:none!important; visibility:visible!important; }
#header .header-gnav > ul > li .sub.sp-open { display:block!important; }
#header .header-gnav > ul > li .sub > .nav > ul > li { margin:0; padding:0; }
#header .header-gnav > ul > li .sub > .nav > ul > li > a { position:relative; line-height:50px; display:block; padding:0 20px 0 40px; font-family:"Noto Serif JP"; font-size:13px; font-weight:400; color: #ffffff }
#header .header-gnav > ul > li .sub > .nav > ul > li > a:before { content:""; display:block; width:100%; height:1px; background:rgba(181,149,87,0.3); position:absolute; left:0; bottom:-1px; transition:all 0.3s ease-in-out; }
#header .header-gnav > ul > li .sub > .nav > ul > li > a:hover { text-decoration:none; }


#header .sns ul { display:block; text-align:center; }
#header .sns ul li { display:inline-block; list-style-type:none; margin:0 12px; padding:0; }
#header .sns ul li a { display:inline-block; transition:all 0.3s ease-in-out; }
#header .sns .X img { width: 26px;}


#footer { position:relative; z-index:2; font-size:11px; background: linear-gradient(rgba(181,148,92,1) 0%, rgba(223,206,163,1) 100%); color: #000000; min-height:180px; padding: 20px 0 }
#footer-inner { position:relative; max-width:1100px; margin:0 auto; padding-top:0px; z-index:1; }
#footer-inner a { }
#footer .page-top { opacity:0; position:fixed; right:20px; bottom:35px; transition:opacity 0.3s ease-in-out; }
#footer .page-top.visible { opacity:1; }
#footer .page-top a { background:url(../img/pagetop.svg) no-repeat; background-size:33px 131px; width:33px; height:131px; display:block; }
#footer .page-top a:hover { opacity:0.7; }

#footer .cookie { font-size:12px; text-align:left; margin:0 20px 30px; line-height:160%; }
#footer .cookie a { text-decoration:underline; color: #ffffff }
#footer .cookie a:hover { text-decoration:none; }
#footer .copyright { font-size:11px; text-align:center; line-height: 2.5; width: 100%;}
#footer.no-ticket { min-height:180px!important; }
#footer.no-ticket .copyright {transition:0.6s ease-in-out; }
#footer.no-ticket .page-top { bottom:35px!important; transition:0.6s ease-in-out; }


.ticketinfo { display:none; position:fixed; left:0; bottom:-103px; z-index:1000; width:100%; height:55px; background: linear-gradient(280deg, rgba(100,81,18,1) 0%, rgba(191,168,104,1) 50%, rgba(100,81,18,1) 100%); text-align:center; transition:0.6s ease-in-out 1.5s; }
body.home .ticketinfo { display:block; }
.ticketinfo.show { bottom:0; }
.ticketinfo.hide { opacity:0; transition:0.6s ease-in-out; pointer-events:none; }
.ticketinfo a { position:relative; color:#000; font-family:"Noto Serif JP"; font-size:18px; font-weight:700; display:inline-block; line-height:55px; transition:0.3s ease-in-out; }
.ticketinfo a:hover { text-decoration:none; opacity:0.7; }
.ticketinfo a:hover:after { right:-45px; }
.ticketinfo .close { background:url(../img/ico_close.svg) no-repeat; background-size:18px 18px; width:18px; height:18px; position:absolute; right:38px; top:50%; transform:translateY(-50%); transition:0.3s ease-in-out; cursor:pointer; }
.ticketinfo .close:hover { opacity:0.7; }




}