@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=Libre+Caslon+Text:ital,wght@0,400;0,700;1,400&family=Noto+Serif+JP:wght@300;400;500;600;700;900&family=Zen+Antique+Soft&display=swap');
@charset 'utf-8';:root {
  --black: #000000;
  --white: #ffffff;
  --red: #E60000;
  --width: 1440;
  --spwidth:900;
  --max-width: 10000
}
/*font-family: "Noto Serif JP", serif;
font-family: "Libre Caslon Text", serif;
 font-family: "Zen Antique Soft", serif;
*/
*{box-sizing: border-box;}
section{margin: 0;padding: 0;}
figure{margin: 0;padding: 0;}
img{width: 100%;}
p,div{line-height: 2;text-align: justify;word-break: break-all;}
a{color: #9a1b0c;}
li{list-style-type: none;}
.inner{max-width:1400px;margin: 0 auto;width: 80%;padding: 3em;background: #ffffff;box-shadow: 0 0  1em #ccc;margin: 2em auto;border: 0.5em solid transparent;border-image: linear-gradient(45deg, #B67B03 0%, #DAAF08 45%, #FEE9A0 70%, #DAAF08 85%, #B67B03 100%);border-image-slice: 1;box-shadow: 0 0 1em #816f1f;}
.fixed{position: fixed;top: 4.5em;left: 0; right: 0;z-index: 1000;}
.btn{background: var(--black);color: var(--white);padding: 1.5em;text-align: center;margin: 1.5em auto;border-radius: 0.5em;display: block;text-decoration: none;width: 80%;border: 0.2em solid #fff;transition: border-color 0.3s, box-shadow 0.3s, transform 0.2s;}
.btn:hover{border-color: #DAAF08;box-shadow: 0 0 12px #DAAF0880;transform: translateY(-2px);}

html{}
body{line-height:1.6;color:var(--black);font-size:clamp(0.1rem, calc(18 / var(--width) * 100vw), 18px);;font-family: "Libre Caslon Text","Noto Serif JP",serif;font-weight: 500;font-feature-settings : "palt";letter-spacing: 0.1em;}
body::before{content: "";
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100vh;
  background: url(../img/bg_osaka.webp) center center/cover no-repeat;
  opacity: 1;
  -webkit-background-size: cover;
}

section.mv{max-width:1400px;margin:-4em auto 0;overflow: hidden;aspect-ratio: 5 / 3.7;position: relative;}
section.mv >div{position: relative;}
section.mv figure{overflow: hidden;}
section.mv figure.c1{width: 100%;position: relative;z-index: 1;animation: mvBlurIn 0.5s ease-out both;}
section.mv figure.c2{width: 83%;position: absolute;top: 22.5%;right: 0;left:0;margin: auto;z-index: 1;animation: mvClipDown 0.3s ease-in both;animation-delay: 0.8s;}
section.mv figure.c3{width: 12%;position: absolute;top: 5%;right: 8%;animation: mvClipDown 0.3s ease-in both;animation-delay: 0.8s;}
section.mv figure.c4{width: 13.5%;position: absolute;top: 5%;left: 10%;animation: mvClipDown 0.3s ease-in both;animation-delay: 0.8s;}
section.mv figure.c5{width: 40%;position: absolute;top: 40%;left: 0;z-index: 1;right: 0;margin: auto;animation: mvClipDown 0.3s ease-in both 0.8s, mvKira 4s ease-in-out 1.1s infinite;}

@keyframes mvBlurIn {
  0%   { filter: blur(20px) brightness(4); opacity: 0; transform: scale(2); }
  60%  { filter: blur(6px) brightness(2); opacity: 0.8; }
  100% { filter: blur(0) brightness(1); opacity: 1; transform: scale(1); }
}
@keyframes mvKira {
  0%, 80%, 100% { filter: brightness(1); }
  88%           { filter: brightness(2.5) contrast(1.1); }
}
@keyframes mvClipDown {
  from { clip-path: inset(0 0 100% 0); transform: translateY(-2em); }
  to   { clip-path: inset(0 0 0% 0); transform: translateY(0); }
}
section.mv h1{position: absolute;}
@keyframes mvBBlurIn {
  from { filter: blur(10px); opacity: 0; }
  to   { filter: blur(0); opacity: 0.2; }
}
section.mv >div> span{opacity: 0;mix-blend-mode: multiply;position: absolute;animation: mvBBlurIn 0.5s ease-out forwards;animation-delay: 1.1s;}
section.mv >div> span.b1{right:0;top: 32%;width: 60%;}
section.mv >div> span.b2{right: 0;top:0;width: 62%;}
section.mv >div> span.b3{left: 0;bottom:0;width: 66%;}
section.mv >div> span.b4{left: 9.5%;top:7.5%;width: 45%;}
section.mv >div> span.b5{right: 0;bottom:0;width: 43%;}


header{width: 100%;position: sticky;top: 1em;z-index: 1000;margin-top: -2em;}
header nav{box-shadow: 0 0 0.5em #00000060;border-radius: 3em;background: linear-gradient(45deg, #B67B03 0%, #DAAF08 45%, #FEE9A0 70%, #DAAF08 85%, #B67B03 90% 100%);padding: 0.2em;width: 90%;margin: 0 auto;width: 90%;max-width:1400px;}
header nav h1{display: none}
header nav ul{overflow: hidden;border-radius: 3em;background: var(--black);display: flex;justify-content: center;align-items: center;margin: 0;padding: 0;position: relative;}
header nav ul li {width: 20%;border-right:0.1em solid ;border-image: linear-gradient(45deg, #B67B03 0%, #DAAF08 45%, #FEE9A0 70%, #DAAF08 85%, #B67B03 90% 100%);border-image-slice: 1;;}
header nav ul li:last-child{border: none;}
header nav ul li a{color: var(--white);padding:1.5em 1em;display: block;text-align: center;text-decoration: none;transition: .3s;}
header nav ul li a:hover{background: #4c0000;}
header nav ul li a:not([href]) {pointer-events: none;color: #333;}

section.introduction{position: relative;}
section.introduction h2.ttl{text-transform: uppercase;}
section.introduction p{margin-bottom: 1em;}
section.introduction .bookinformation{padding: 1em;background: #00000010;border-radius: 1em;display: flex;margin-bottom: 1em;}
section.introduction .bookinformation figure{width: 50%;    border-radius: 0.5em;overflow: hidden;display: flex;align-items: center;gap: 2%;}
section.introduction .bookinformation figure img{width: 50%;height: 100%;object-fit: cover;}
section.introduction .bookinformation p{padding-left: 4%;width: 50%;}

section.introduction .heighlight{padding: 1em;background: #00000010;border-radius: 1em;margin-bottom: 1em;position:relative;}
section.introduction .heighlight:before{content:"";display:block;position: absolute;left: -0.5em; top: -2em; width: 4em; height: 4em;}
section.introduction .heighlight:nth-last-child(2):before{background:url(../img/hl1.svg) no-repeat; }
section.introduction .heighlight:last-child:before{background:url(../img/hl2.svg) no-repeat; }

section.introduction .heighlight > div{display: flex;}
section.introduction .heighlight > div figure{    height: fit-content;width: 50%;    border-radius: 0.5em;overflow: hidden;display: flex;}
section.introduction .heighlight > div figure img{width: 50%;}
section.introduction .heighlight > div p{width: 50%;padding-left: 5%;}
section.introduction .heighlight ol{padding: 0;margin: 0;font-size:}

section.outline{position: relative;}
section.outline h2.ttl{text-transform: uppercase;}
section.outline table{}
section.outline table th{width: 8em;padding: 0.5em;vertical-align: top;text-align: left;}
section.outline table td{padding: 0.5em;}
section.outline table td ul{margin-left: -1.5em;padding-left: 1.5em;}
section.outline table td ul li{list-style-type: none;margin-bottom: 0.5em;}
section.outline table td small{display: block;font-size: 0.8em;text-indent: -1em;margin-left: 1em;line-height: 1.7;margin-bottom: 0.3em;}

section.ticket h2.ttl{text-transform: uppercase;}
section.ticket h3{color: #9a1b0c;}
section.ticket small{text-indent:-1em;margin-left: 1em;display: block;}
section.ticket ul{margin-left: -1.5em;}
section.ticket ul li{list-style-type: disc;margin-bottom: 0.5em;}
section.ticket .tickets{padding: 1.5em;background: #00000010;border-radius: 1em;margin-bottom: 2em;}
section.ticket .tickets h4{ background: #00000020; padding: 0.25em 0.5em; margin-top: 0; border-radius: 0.5em;}
section.ticket .tkinfo{text-align: center;color: #9a1b0c;font-weight: 600;margin-bottom: 0;}
section.ticket .tkinfo + .btn{margin-top: 0;}

/* TICKET BLOCK DESIGN */
section.ticket .ticket-block{margin-bottom: 3em;}
section.ticket .ticket-block-title{text-align: center;background: var(--black);color: var(--white);border: 0.15em solid;border-image: linear-gradient(45deg, #B67B03 0%, #DAAF08 45%, #FEE9A0 70%, #DAAF08 85%, #B67B03 90% 100%);border-image-slice: 1;padding: 0.6em;letter-spacing: 0.3em;font-size: 1.1em;margin: 0 0 1.5em;}
section.ticket .ticket-price-table{width: 100%;border-collapse: collapse;margin-bottom: 1.2em;}
section.ticket .ticket-price-table td{padding: 0.7em 0.5em;border-bottom: 0.05em solid #cccccc50;vertical-align: middle;}
section.ticket .ticket-price-table td.price{text-align: right;font-weight: 700;white-space: nowrap;color: #9a1b0c;width: 14em;}
section.ticket .ticket-notes{margin: 0 0 1em;padding: 0;}
section.ticket .ticket-notes li{list-style: none;font-size: 0.85em;text-indent: -1em;margin-left: 1em;margin-bottom: 0.4em;line-height: 1.8;}
section.ticket .ticket-sales-info{background: #00000010;border-radius: 0.5em;padding: 1.5em;margin-bottom: 1.5em;}
section.ticket .ticket-sales-info dl{margin: 0;display: grid;grid-template-columns: 5.5em 1fr;gap: 0.8em 1.2em;align-items: start;}
section.ticket .ticket-sales-info dt{font-weight: 700;white-space: nowrap;padding-top: 0.2em;}
section.ticket .ticket-sales-info dd{margin: 0;border-left: 0.1em solid #ccc;padding-left: 0.8em;}
section.ticket .ticket-sales-info dd p{margin: 0 0 0.8em;line-height: 1.8;}
section.ticket .ticket-sales-info small{display: block;font-size: 0.8em;text-indent: -1em;margin-left: 1em;line-height: 1.7;margin-bottom: 0.3em;}
section.ticket .ticket-btns{display: flex;gap: 1em;margin-top: 1.2em;}
section.ticket .ticket-btns > div{flex: 1;}
section.ticket .ticket-btns p{font-size: 0.85em;text-align: center;margin-bottom: 0.3em;}
section.ticket .ticket-btns .btn{width: 100%;font-size: 0.85em;padding: 1em;margin: 0;}
section.ticket .ticket-goods-box{border: 0.1em solid;border-image: linear-gradient(45deg, #B67B03 0%, #DAAF08 45%, #FEE9A0 70%, #DAAF08 85%, #B67B03 90% 100%);border-image-slice: 1;padding: 1.5em;margin-top: 1.5em;}
section.ticket .ticket-goods-box h4{text-align: center;margin: 0 0 0.8em;font-size: 1em;}
section.ticket .ticket-goods-box > p{margin-bottom: 1em;}
section.ticket .ticket-goods-imgs{display: flex;gap: 1.5em;margin: 0 0 1.2em;padding: 0;}
section.ticket .ticket-goods-imgs li{flex: 1;text-align: center;list-style: none;}
section.ticket .ticket-goods-imgs li p{font-size: 0.85em;margin: 0.5em 0 0;line-height: 1.4;}
section.ticket .img-placeholder{background: #cccccc20;border: 0.1em dashed #aaa;aspect-ratio: 1;display: flex;align-items: center;justify-content: center;color: #999;font-size: 0.8em;width: 100%;}
section.ticket .ticket-dual-venue{display: flex;align-items: flex-start;gap: 2em;margin-bottom: 1em;}
section.ticket .ticket-dual-venue .img-placeholder{width: 28%;flex-shrink: 0;aspect-ratio: 1;}
section.ticket .ticket-dual-venue img{width: 28%;flex-shrink: 0;}
section.ticket .ticket-dual-venue p{margin: 0;line-height: 2;}



section.special{position: relative;}
section.special h2.ttl{text-transform: uppercase;}
section.special h3{color: #9a1b0c;}
section.special table{}
section.special table th{width: 8em;padding: 0.5em;vertical-align: top;text-align: left;}
section.special table td{padding: 0.5em;}
section.special table td ul{    padding-left: 1em; margin: 0;}
section.special table td ul li{list-style-type: disc;margin-bottom: 0.5em;}
section.special table td ul li {}
section.special table td small{display: block;font-size: 0.8em;text-indent: -1em;margin-left: 1em;line-height: 1.7;margin-bottom: 0.3em;}

section.goods{position: relative;}
section.goods .inner{position: relative;}
section.goods .gift{background: var(--black);display: flex;margin-bottom: 1em;padding: 0.15em;width: 80%;margin: 0 auto 1em;align-items: center;background: linear-gradient(45deg, #B67B03 0%, #DAAF08 45%, #FEE9A0 70%, #DAAF08 85%, #B67B03 90% 100%);overflow: hidden;position: absolute;width: 42%;top: -1em;right: 1.5em;}
section.goods .gift figure{width: 20%;display: block;margin: 0;padding: 0;height: auto;}
section.goods .gift figure img{display: block;}
section.goods .gift h2{width: 80%;padding: 0.5em;color: #000000;font-size: 1em;}
section.goods .gift div{background: #ffffff;width: 100%;display: flex;padding: 0;align-items: center;overflow: hidden;}

section.goods ul{display: flex;justify-content: space-between;flex-wrap: wrap;margin: 0;padding: 0;}
section.goods ul li{width: 32.5%;margin-bottom: 0.5em;background: #fff;transition: .3s;}
section.goods ul li a{text-decoration: none;}
section.goods ul li:hover{transform: scale(1.025);}
section.goods ul li a p{font-size: 0.6em;}

section.goods dl{margin-left: 0;padding-left: 0;}
section.goods dl dt{font-weight: 700;margin-bottom: 0.5em;}
section.goods dl dd{margin-bottom: 0.5em;margin-left: 0;padding-left: 0;margin-inline-start: 0;list-style-type:disc;display: list-item;margin-left: 1em;}


.goods_item .text_box{text-align: center;padding: 0.4em;}
.goods_item .text_box p{margin: 0;}
.goods_item .text_box .goods_price{display: block;}

section.kei{}
section.kei .inner{display: flex;}
section.kei .inner > figure{width: 30%;}
section.kei .inner > div{width: 70%;padding-left: 2em;}

section.attention{display: none;}
section.attention dl{margin-left: 0;padding-left: 0;}
section.attention dl dt{font-weight: 700;margin-bottom: 0.5em;}
section.attention dl dd{margin-bottom: 0.5em;margin-left: 0;padding-left: 0;margin-inline-start: 0;list-style-type:disc;display: list-item;margin-left: 1em;}

footer{text-align: center;padding: 2em;}




.modal_content .text_box p{font-size: 1.8em;font-weight: 700;}
.modal_content .text_box span.names{font-size: clamp(0.2em,0.7em,24px);font-weight: 500;display:block;}
.modal_content .text_box span.goods_price{font-size:clamp(0.2em,0.7em,18px);font-weight: 500;display: block;}
.modal_content .text_box span.goods_detail{font-size:clamp(0.2em,0.7em,18px);font-weight: 500;display: block;margin-bottom: 1em;}
.modal_content .text_box span.goods_detail span{font-family: serif;}
.modal_content .text_box span.size{   font-size:clamp(0.2em,0.6em,14px);font-weight: 500;display: block;}
.modal_content .text_box span.limit{  font-size:clamp(0.2em,0.6em,14px);font-weight: 500;display: block;}
.slick-track{margin-left: 0;margin-right: 0;}
.slick-next, .slick-prev{z-index: 1;}
.slick-next:before{content: "";width: 1em;height: 4em;position: absolute; right: 1em;display: block;opacity: 1 !important;top: -1.5em;background: url(../img/arr01.svg) center center no-repeat #000;background-size: 50% auto;}
.slick-prev:before{content: "";width: 1em;height: 4em;position: absolute; left: 1em;display: block;opacity: 1 !important;top: -1.5em;background: url(../img/arr02.svg) center center no-repeat #000;background-size: 50% auto;}

.goods_item img {
  opacity: 0;
  -webkit-transition: opacity 3s;
  transition: opacity 3s;
}
.goods_item img.lazyloaded {
  opacity: 1;
}

.goods .modal{
  position: fixed;
  z-index: 9999;
  width: 100vw;
  height: 100vh;
  left: 0;
  top: 0;
  overflow-y: auto;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px;
  display: none;
}
.goods .modal_bg{
  background: rgba(0, 0, 0, 0.9);
  width: 100vw;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
}
.goods .modal_content{
  border: 1px solid;border-image: linear-gradient(45deg, #B67B03 0%, #DAAF08 45%, #FEE9A0 70%, #DAAF08 85%, #B67B03 90% 100%);border-image-slice: 1;
  width: 40%;
  max-width: 900px;
  z-index: 9999;
  background: #000;
  color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 2%;
  zoom: 1;
  max-height: 80vh;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  overflow-y: scroll;
}
.goods .modal_content div.text_box {position: relative;}
.goods a.js-modal-close.button {
  position: absolute;
  bottom: 1vh;
  left: calc(50% - 64.5px);
  z-index: 2;
  cursor: pointer;
  color: #fff;
  padding-right: 1.6em;
}
.goods a.js-modal-close.button:hover {
  text-decoration: none;
}
.goods a.js-modal-close.button p {position: relative;color: #fff;font-size: 1.2em; line-height: 2;}
.goods a.js-modal-close.button p::before,
.goods a.js-modal-close.button p::after {
  display: block;
  content: "";
  width: 1.6em;
  height: 1px;
  background: linear-gradient(45deg, #B67B03 0%, #DAAF08 45%, #FEE9A0 70%, #DAAF08 85%, #B67B03 90% 100%);
  position: absolute;
  right: -1.7em;
  top: 1em;
}
.goods a.js-modal-close.button p::before {
transform: rotate(-45deg);
}
.goods a.js-modal-close.button p::after {
transform: rotate(45deg);
}
.goods .modal_content span.goods_detail {
  display: block;
  margin-top: 1em;
}
.goods .modal_content .modal_img_box {
 /* display: flex;
  justify-content: space-between;
  align-items: flex-start;*/
}
.goods .modal_content .js-modal-img-main {
  width: 100%;
}
.goods .modal_content .js-modal-img-main img{
  scale: 99%;
}
.goods .modal_content .js-modal-img-thumb {
  width: 100%;
}
.goods .modal_content .js-modal-img-thumb img {
  opacity: .3;
  transition: opacity .3s linear;
  cursor: pointer;
  scale: 95%;
}
.goods .modal_content .js-modal-img-thumb .slick-current {
  opacity: 1;
}
.goods .modal_content .js-modal-img-thumb .slick-track img:not(:last-child) {
}
.goods .modal_content .js-modal-img-thumb .slick-list {
  height: 100%!important;
}



.pc{display:block;}
.sp{display:none;}

@media (max-width: 768px) {
body{line-height:1.6;color:var(--black);font-size:calc(26/ var(--spwidth) * 100vw);}
.inner{width: 90%;padding: 2em;}
.pc{display:none;}
.sp{display:block;}

.mov h2,
.mov h3,
.mov h4{width: 5%;}

section.mv{aspect-ratio: auto;margin: 0 auto;min-height: auto;height: auto; mask-image: linear-gradient(to bottom, #000 90%, transparent 100%);}
section.mv div{width: 100%;left: 0%;position: relative;}
section.mv figure.c1{top:65%;}
section.mv figure.c2{top:65%;width: 90%;}
section.mv figure.c3{        top: 4%;
        width: 17%;
        right: 4%;
        z-index: 1;}
section.mv figure.c4{top: 3%;  left: 9%; width: 17.5%;}
section.mv figure.c5{top: 82.5%;}

/* POPUP */
section.mv #modal-open{
  right: 23%;
  width: 12%;
}
.wrap-img-btn{
  position: absolute;
  width: 80%;
  height: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  display: inline-table;
}
.close-icon{
  position: relative;
  color: #fff;
  margin: 1.2em auto 0;
  display: block;
  width: 10%;
}
.close-icon::before, .close-icon::after { /* 共通設定 */
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 60%;
  height: 2.4px;
  background: #fff;
}
#popup-btn {
  right: 2.6%;
  bottom: auto;
  top: 12vw;
  animation: popup-display linear both;
  animation-timeline: scroll();
  animation-range: 100px 600px;
}

section.introduction{margin-top: -3em;}
section.introduction .bookinformation{display: block;}
section.introduction .bookinformation figure{width: 100%;}
section.introduction .bookinformation p{padding-left: 0;width: 100%;}
section.outline table th{width: 6em;}
section.special table th,
section.special table td{width: 100%;display: block;}
section.introduction .heighlight > div{display: block;}
section.introduction .heighlight > div figure{width: 100%;}
section.introduction .heighlight > div p{width: 100%;padding-left: 0;}

section.goods .gift{position: relative;width: 100%;top: 0;right: 0;}
section.goods .gift figure{width: 30%;}
section.goods .gift h2{width: 70%;}
section.goods ul li{width: 49%;}

section.kei .inner{display: block;}
section.kei .inner > figure{width: 100%;display: flex;}
section.kei .inner > figure img{width: 50%;}
section.kei .inner > div{width: 100%;padding: 0;}

#nav-toggle {position: fixed;top: 1.25em;right:  2em;height: 2em;cursor: pointer;z-index: 9990}
#nav-toggle > div {position: relative;width: 3em;}
#nav-toggle span {will-change: transform;width: 100%;height: 1px;left: 0;display: block;position: absolute;transition: top .3s ease, -webkit-transform .3s ease-in-out;transition: transform .6s ease-in-out, top .3s ease;transition: transform .3s ease-in-out, top .3s ease, -webkit-transform .3s ease-in-out;}
#nav-toggle.is-in span {will-change: transform;width: 100%;height: 1px;left: 0;display: block;position: absolute;transition: top .3s ease, -webkit-transform .3s ease-in-out;transition: transform .6s ease-in-out, top .3s ease;transition: transform .3s ease-in-out, top .3s ease, -webkit-transform .3s ease-in-out;}
#nav-toggle span{background:linear-gradient(45deg, #B67B03 0%, #DAAF08 45%, #FEE9A0 70%, #DAAF08 85%, #B67B03 90% 100%);border-image-slice: 1;;}
#nav-toggle.on-mv{display: none;}
#nav-toggle span:nth-child(1) {top: 0.8em;}
#nav-toggle span:nth-child(2) {top: 1.2em;}

#gloval-nav {display:none;opacity:0;}
.open #gloval-nav {display:block;overflow: scroll;opacity:1;z-index: 11;background: var(--black);color: #fff;position: fixed;top:0;left: 0;right: 0;bottom: 0;z-index: 10;text-align: left;display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;transition: opacity .3s ease, visibility .3s ease;padding:5.5% 7.5%;}
.open #nav-toggle{z-index:11;}
.open #nav-toggle span:nth-child(1) {will-change: transform;top: 15px;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.open #nav-toggle span:nth-child(2) {will-change: transform;top: 15px;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}

.open #gloval-nav {display: block;align-items: center;padding:20% 10% 0 10%;}
.open #gloval-nav ul{width: 100%;display: block;align-items: center;position: relative;top:0.2em;padding: 0;}
.open #gloval-nav ul li{list-style-type:none;margin-bottom:1em 0 ;border-bottom:0.1em solid #000;position: relative;}
.open #gloval-nav ul li a{position: initial;display: block;padding:1.5em 0 ;}
.open #gloval-nav ul li:after{display: none;}
.open #gloval-nav ul li a:not([href]):after {border: 0.1em solid #333;}
.open #gloval-nav ul li a:after{transition: .3s; content: ''; width: 0.5em;height: 0.5em; border: 0.1em solid var(--white); border-left: 0;border-bottom: 0;transform: rotate(45deg);transform-origin: top right;position: absolute;top: 50%;right:0; box-sizing: border-box;margin-left: 0.5em;}
.open #gloval-nav ul li:last-child::after{display:none;}

header nav{background: none;width: 100%;}
header nav h1{width: 90%;margin: 0 auto;display: block;filter: invert(1);}
header nav ul li{width: 100%;border-right:none;border-bottom: linear-gradient(45deg, #B67B03 0%, #DAAF08 45%, #FEE9A0 70%, #DAAF08 85%, #B67B03 90% 100%);}

section.ticket .ticket-goods-imgs{display: flex;flex-direction: column;}
section.ticket .ticket-goods-imgs li{display: flex;flex: 1;text-align: center;list-style: none;align-items: center;}
section.ticket .ticket-goods-imgs li img{width: 30%;}
section.ticket .ticket-goods-imgs li p{font-size: 0.85em;margin: 0.5em 0 0;line-height: 1.4;width: 70%;padding-left: 5%;}

section.goods .modal_content {width: 90vw;max-width: 660px;padding: 4%;overflow-x: hidden;    max-height: 70vh;}
  .goods .modal_content span.goods_detail {}
  .goods .modal_content .modal_img_box {display: block;}
  .goods .modal_content .js-modal-img-main {width: 100%;margin-bottom: 4%;}
  .goods .modal_content div.text_box {padding-top: 0.5em;}
  .goods a.js-modal-close.button p::before, section.goods a.js-modal-close.button p::after {
    display: block;
    content: "";
    width: 1.6em;
    height: 1px;
    position: absolute;
    right: -1.6em;
    top: 0.8em;
  }
  .goods a.js-modal-close.button {
    position: absolute;
    bottom: auto;
    right: 1em;
    left: auto;
    top:1em;
    margin: 0 auto;
    display: block;
    z-index: 2;
    cursor: pointer;
    padding-right: 1.6em;
    width: 15%;
  }
  .goods a.js-modal-close.button p{    padding-right: 4em;right: 1.5em;}
  .slick-arrow {
    display: block;
    position: absolute;
    top: 6vw;
    bottom: 0;
    margin: auto;
    padding: 0;
    width: 6vw;
    height: 6vw;
    color: transparent;
    z-index: 1;
    transition: opacity 0.5s;
    z-index: 1;
  }
  /* TICKET SP */
  section.ticket .ticket-sales-info dl{grid-template-columns: 1fr;}
  section.ticket .ticket-sales-info dt{border-right: none;padding-right: 0;border-bottom: 0.05em solid #ccc;padding-bottom: 0.3em;}
  section.ticket .ticket-btns{flex-direction: column;}
  section.ticket .ticket-goods-imgs{gap: 0.8em;}
  section.ticket .ticket-dual-venue{flex-direction: row;align-items: flex-start;}
  section.ticket .ticket-dual-venue img{width: 50%;}
  section.ticket .ticket-dual-venue p{width: 50%;}

  }

  section.ticket .ticket-price-table td.price{width: auto;}
  section.ticket .ticket-sales-info dd{padding-left:0;border-left:0}