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

html{}
body{line-height:1.6;background:var(--black);color:var(--white);font-size:clamp(0.1rem, calc(18 / var(--width) * 100vw), 27px);;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/background.jpg) center bottom/cover no-repeat;
  opacity: 0.2;
  -webkit-background-size: cover;
}
section,.mv{max-width: 2160px;margin: 0 auto;}
a{text-decoration: none;color: var(--white);}
div,section{box-sizing: border-box;}
a:visited{color: ;}
a:hover{text-decoration:  underline;}
ul,ol,dl{margin: 0;padding: 0;list-style-type: none;}
li,dd,td,th{line-height: 1.8;word-break: break-all;text-align: justify;box-sizing: border-box;}
dd{margin: 0 0 2em 0;}
figure{margin: 0;}
img{display: block;max-width: 100%;width: 100%;}
figure img{max-width: 100%;}
p{line-height: 1.8;    word-break: break-all;text-align: justify;}
h1,h2,h3{margin: 0;}
.atts{font-size: 0.8em;}
a.txt[target="_blank"]:after{content:"";display: inline-block;margin-left:0.5em;margin-right:0.5em;width:0.65em;height:0.65em;background: url(../img/outlink.svg) no-repeat center center;vertical-align: middle;}
.fixed{    position: fixed;top: 0; bottom: auto;z-index: 2;}

.loader-bg{background: var(--black);width: 100vw; height: 100vh; position: fixed; top: 0;left: 0;z-index: 9999;display: flex;justify-content: center; align-items: center;}
.loader{width: 7.5%;}
.loader figure{margin-bottom: 1em;}
.loader #container { font-size:0.6em; margin: 0 auto; width:70%; height: 0.25em;position: relative;}
.loader img{width: 100%;}
.loader .progressbar-text{right:auto;text-align:center;}

.mv{position: relative;overflow: hidden;}
.mv ul{display:flex;width: 100%;}
.mv ul li{width: 100%;transition: .5s cubic-bezier(.91,0,1,.73);opacity:0;margin: 0;position: relative;left:;}
.mv ul li:nth-child(even){top:-25em}
.mv ul li:nth-child(odd){top:25em}
.mv ul li.gom{width: 100%;opacity:1;left:auto;top:0;bottom:0;position: relative;left:0%;/*transform: rotateY(360deg);*/}
.mv div.catch{padding: 2em;clip-path: inset(0 0 0 100%);transition: .5s;}
.mv div.catch.gocw{background: var(--white);clip-path: inset(0)!important;}
.mv div.catch h1{width:75%;margin-bottom: 0.5em;clip-path: inset(0 100% 0 0);transition: .5s;position:relative;}
.mv div.catch h2{width:30%;margin-bottom: 0.75em;clip-path: inset(0 100% 0 0);transition: .5s;position:relative;}
.mv div.catch h3{width:35%;clip-path: inset(0 100% 0 0);transition: .5s;position:relative;}
.mv div.catch .goc{clip-path: inset(0)!important;left:0;}
.mv div.vtm{transition: .5s cubic-bezier(.91,0,1,.73);opacity:0;margin: 0;top:-25em}
.mv div.vtm.gov{opacity:1;left:auto;top:0;position: relative;}
.mv figure{position:absolute;width: 25%;right: 3%;top:30em;mix-blend-mode: multiply;opacity: 0;transition:1.5s;z-index: 1;clip-path: inset(0 0 100% 0);}
.mv figure.gof{opacity: 1;top:23em;clip-path: inset(0)!important;}

section,footer{padding: 10%;}
.ttl1{width: 24em;margin:0 auto 3em;}
.ttl2{width: 12.8em;margin:0 auto 3em;}
.ttl3{width: 6em;margin:0 auto 3em;}
.ttl4{width: 17em;margin:0 auto 3em;}
.ttl5{width: 6em;margin:0 auto 3em;}
.ttl6{width: 11.8em;margin:0 auto 3em;}

.btn{width: 100%;margin-bottom: 0.5em;border-image: linear-gradient(45deg, #B67B03 0%, #DAAF08 45%, #FEE9A0 70%, #DAAF08 85%, #B67B03 90% 100%);
  border-image-slice: 1;    border-top: 1px solid;border-bottom: 1px solid;border-right: 1px solid;border-left: 1px solid;}
.btn a{display:block;background: #000;padding: 2em ;text-align: center;border-radius:0.25em;position:relative;color:#fff;font-weight: 600;}
.btn a:after{content: "";display: block;width: 0.75em;height: 0.75em;position: absolute;right: 3em;top: calc(50% - 1px);border-top: solid 1px;border-right: solid 1px;transform: rotate(45deg) translateY(-50%);color: inherit;transition:.3s}
.btn a:hover{text-decoration: none;}
.btn a:hover:after{right: 2em;}
.btn + small{display:block;text-align: center;}

.wrapper{/*opacity:0;transition: .5s;*/}
.wrapper.gow{opacity:1;}

.introduction{}
.introduction .inner{}
.introduction .inner_in{padding:7.5% 15%;background:url(../img/kai.png) center center no-repeat;background-size:auto 100% ;}
.introduction p{font-size: 1.5em;margin:0 auto;}

.outline .inner{background: #00000070;box-shadow: 0 0 1em #000;}
.outline .inner .inner_in{padding:7.5% 15%;}
.outline table{font-size:1em;margin:0 auto 2em;}
.outline table th span{color:#fcda97;}
.outline table th{width: 15%;vertical-align: top;padding: 0.5em 0;}
.outline table td{width: 85%;vertical-align: top;padding: 0.5em 0;}
.outline table td b{font-size:1.1em;}
.outline .novelty{display: block;margin: 1em 0;width: 60%;}

.exhibition .inner{background: #00000070;box-shadow: 0 0 1em #000;}
.exhibition .inner .inner_in{padding:7.5% 15%;}
.exhibition p{}
.exhibition h3{width: 100%;display: flex; align-items: center;margin-bottom: 1em;margin-top: 3em;}
.exhibition span{margin-right: 1em;white-space: nowrap;color:#fcda97;}
.exhibition h3:after{width: 100%;height: 1px;content: "";display: inline-block;background: #fff;}
.exhibition dl{columns: 2;}
.exhibition dl dt{}
.exhibition dl dd{margin-bottom: 1em;}
.exhibition p.more{text-align: right;}
.exhibition ul.hg{width: 100%;display: flex;gap: 2%;}
.exhibition ul.hg li{width: 49%;}

.special .inner{background: #00000070;box-shadow: 0 0 1em #000;}
.special .inner .inner_in{padding:7.5% 15%;}
.special table{font-size:1em;margin:0 auto 2em;}
.special table th span{color:#fcda97;}
.special table th{width: 20%;vertical-align: top;padding: 0.5em 0;}
.special table td{width: 80%;vertical-align: top;padding: 0.5em 0;}
.special h3{ font-size:1.4em;}


.goods .inner{background: #00000070;box-shadow: 0 0 1em #000;}
.goods .inner .inner_in{padding:7.5% 15%;}
.goods .goods_wrap >h2{text-align: center;color: var(--red);    margin: 2em 0;font-size: 2em;}
.goods .goods_wrap >h2 small{font-size:0.6em;color: #fff;display: block;}
.goods img {width: 100%;height: auto;}
.goods div .mds{right: 2em;top: -2em; font-size: 1em;transform: skewX(-40deg);}
.goods div .mds span{transform: skewX(40deg);}
.goods ul.goods_list {display: flex;flex-wrap: wrap;justify-content: space-between;margin-bottom: 3em;}
.goods ul.goods_list:after{display: block;content:"";width: 30%;order:1;}
.goods ul.goods_list li {width: 30%;}
.goods ul.goods_list li:not(:nth-child(-n+3)) {margin-top: 2em;}
.goods ul.goods_list li a {text-decoration: none;color: #fff;}
.goods ul.goods_list li a img{border-radius: 0.5em;transition: .3s;}
.goods ul.goods_list li a:hover img{scale: 1.05;}
.goods ul.goods_list li .text_box p{text-align: center;}
.goods ul.goods_list li .text_box span.names{font-size: 0.7em;display:block;}
.goods ul.goods_list li .text_box span.goods_price{display: block;}
.goods ul.goods_list li .text_box span.limit{font-size: 0.6em;display:block;background: #600000;color:#fff;padding: 0.25em 0.75em;display: table;margin: 1em auto 0;border-radius: 0.25em;}

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


.faq .inner{background: #00000070;box-shadow: 0 0 1em #000;}
.faq .inner .inner_in{padding:7.5% 15%;}
.faq .qa {margin-bottom: 3em;margin-top: 1em;}
.faq .qa__box {width: 100%;margin: 0 auto;position: relative;z-index: 1;}
.faq .qa__box > dl{}
.faq .qa__box > dl > dt {display: flex;align-items: center;padding:0 3em 0 1em;position: relative;transition: 0.3s;}
.faq .qa__box > dl > dt:hover{cursor: pointer;background:#FFFFFF30;}
.faq .qa__box > dl > dt .crossBar {width: 1em;height: 1em;position: absolute;top: 50%;right: 1em;transform: translateY(-50%);}
.faq .qa__box > dl > dt .crossBar::before {content: "";display: inline-block;width: 1.6px;height: 100%;background-color: #fff;position: absolute;top: 0;left: 50%;transform-origin: center center; transform: translateX(-50%) rotate(0deg);transition: transform 0.8s cubic-bezier(0.19, 1, 0.22, 1);}
.faq .qa__box > dl > dt .crossBar::after {content: "";display: inline-block;width: 100%;height: 1.6px;background-color: #fff;position: absolute;top: 50%;left: 0;transform: translateY(-50%);}
.faq .qa__box > dl > dt > span {    top: -0.1em;position: relative;font-size: 2em;line-height: 1.75;font-weight: 700;font-style: normal;margin-right: 0.5em;}
.faq .qa__box > dl > dd {opacity:0;margin: 0;display: flex;align-items: flex-start;margin-bottom: 1em;padding:0 0 0 3em;max-height: 0;overflow: hidden;transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1);}
.faq .qa__box > dl > dd > span {font-size: 2em;line-height: 1.7;font-weight: 700;font-style: normal;margin-right: 0.5em;}
.faq .qa__box > dl > dd a{text-decoration: underline;color:#fff}
.faq .qa__box > dl > dd a:hover{text-decoration: none;}
.faq .qa__box > dl > dd.is-open {max-height: fit-content;padding:1em 0em 1em 3em;opacity:1;}
.faq .qa__box > dl > dt.is-open .crossBar::before {transform: translateX(-50%) rotate(90deg);}

.gold{display: inline-block;background: linear-gradient(90deg, #a38131 0%, #e7c76d 33%, #ffe6c5 62%, #e3c05d 83%, #9d874e 100%);background: -webkit-linear-gradient(0deg, #a38131 0%, #e7c76d 33%, #ffe6c5 62%, #e3c05d 83%, #9d874e 100%);  -webkit-background-clip: text;-webkit-text-fill-color: transparent;}

.twitter{width: 80%;margin: 0 auto;}
.twitter h4{text-align: center;}

.favall{margin-top:3em;}
.favall a{}
.favall a img{width: 100%;transition: .3s ease;box-sizing: border-box;}
.favall a:hover img{scale: 1.05;}

h5.jttl{font-family: "Zen Antique Soft", serif;font-weight: 100;writing-mode: vertical-rl;white-space: nowrap;opacity:0;transition: .5s;position: fixed; margin: 0;font-size: 15em; z-index: 0;filter: opacity(0.075);color: #fff; }
h5.jttl.is-active{opacity:1;transition: .5s;}
.outline h5.jttl{right: -0.25em;top: -0em;}
.exhibition h5.jttl{left: -0.25em;top: -0em;}
.special h5.jttl{right: -0.25em;top: -0em;}
.goods h5.jttl{left: -0.25em;top: -0em;}
.faq h5.jttl{right: -0.25em;top: -0em;}

.atts ol{list-style-type: disc;}
.atts ol li{margin-left: 2em;}

/*header*/
header {margin-bottom: 5em;opacity:0;transition:.3s;position: relative;z-index: 2;}
header nav{background: #000;width: 100%;}
header nav ul {display: flex;align-items: center;justify-content: space-between;}
header nav ul li{    border-bottom: 1px solid;border-right: 1px solid;border-top: 1px solid;    border-image: linear-gradient(45deg, #B67B03 0%, #DAAF08 45%, #FEE9A0 70%, #DAAF08 85%, #B67B03 90% 100%);border-image-slice: 1;width:25%;}
header nav ul li:last-child{border-right:none;}
header nav ul li a{font-weight: 100;padding: 1em 0;text-align: center;font-size: 1.1em;display: block;color: #fff;    font-weight: 800;position:relative;transition:.3s;}
header nav ul li a:after{opacity:0;content: "";display: block;width: 0.75em;height: 0.75em;position: absolute;right:calc(50%);left:calc(50% - 0.75em);bottom:1.5em;margin:auto;border-top: solid 1px;border-right: solid 1px;transform: rotate(135deg) translateY(-50%);color: inherit;transition: all .4s ease;}
@media (hover: hover) and (pointer: fine) {
  header nav ul li a:hover{text-decoration:none;background: #fff;color:#000}
  header nav ul li a:hover:after{bottom:1em;opacity:1;}
  }
header nav ul li a:not([href]){opacity: 0.3;}
header nav ul li a:not([href]):hover{cursor: default;background: #000;}
header nav ul li a:not([href]):after{opacity:0;}



footer{font-size:0.8em;text-align: center;}
footer figure{width: 5%;margin: 0 auto 1em;}
footer small{display:block;}
footer p{text-align: center;}

.toindex{position: fixed;bottom:2em;right:1em;z-index: 2;cursor: pointer;transition: .25s ;}
.toindex{}
.toindex .square{animation: rotate1 7.5s infinite linear;width: 3.5em;height: 3.5em;}
.toindex .square img{width: 3em;}
.toindex .square > span {animation: rotate2 7.5s infinite linear;width: 3em;display: block;}

@keyframes rotate1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes rotate2 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}
@media (hover: hover) and (pointer: fine) {
.toindex:hover{bottom:3em;right:2em;transform: rotateZ( 360deg )  scale(1.5);transition: .25s ;cursor: pointer;}
}

.inner.is-active{position: relative;}
.inner:before{clip-path: inset(0 100% 0 0);transition:1s;display:block;content:"";position: absolute;top:0;left:0;width: 100%;height:0.1em;background:linear-gradient(45deg, #B67B03 0%, #DAAF08 45%, #FEE9A0 70%, #DAAF08 85%, #B67B03 90% 100%);}
.inner:after{clip-path: inset(0 0 100% 0);transition:1s;transition-delay: 1s;display:block;content:"";position: absolute;top:0;right:0;width: 0.1em;height:100%;background: linear-gradient(45deg, #B67B03 0%, #DAAF08 45%, #FEE9A0 70%, #DAAF08 85%, #B67B03 90% 100%);}
.inner.is-active:before{clip-path: inset(0);}
.inner.is-active:after{clip-path: inset(0);}
.inner.is-active .inner_in{position: relative;    z-index: 1;}
.inner_in:before{clip-path: inset(0 0 0 100%);transition:1s;display:block;content:"";position: absolute;bottom:0;left:0;width: 100%;height:0.1em;background: linear-gradient(45deg, #B67B03 0%, #DAAF08 45%, #FEE9A0 70%, #DAAF08 85%, #B67B03 90% 100%);}
.inner_in:after{clip-path: inset(100% 0 0 0);transition:1s;transition-delay: 1s;display:block;content:"";position: absolute;top:0;left:0;width: 0.1em;height:100%;background: linear-gradient(45deg, #B67B03 0%, #DAAF08 45%, #FEE9A0 70%, #DAAF08 85%, #B67B03 90% 100%);}
.inner.is-active .inner_in:before{clip-path: inset(0);}
.inner.is-active .inner_in:after{clip-path: inset(0);}

.inner_in{opacity:0;transition:1s;clip-path: inset(0 100% 0 0);}
.inner_in.is-active{opacity:1;clip-path: inset(0);}

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



@media (max-width: 900px) {
  .toindex{z-index: 1;}
  body{line-height:1.6;font-size:calc(26/ var(--spwidth) * 100vw);}
  section, footer{padding: 5%;}
  .pc{display:none;}
  .sp{display:block;}
  .loader{width: 15%;}
  .mv ul li:nth-child(4){display:none;}
  .mv div.catch h1{width:50%;}
  .mv div.catch h2{width:40%;}
  .mv div.catch h3{width:50%;}
  .ttl1{width: calc(24em / 2);margin:0 auto 3em;}
  .ttl2{width: calc(12.8em / 2);margin:0 auto 3em;}
  .ttl3{width: calc(6em / 2);margin:0 auto 3em;}
  .ttl4{width: calc(17em / 2);margin:0 auto 3em;}
  .ttl5{width: calc(6em / 2);margin:0 auto 3em;}
  .ttl6{width: calc(11.8em / 2);margin:0 auto 3em;}
  .mv figure{width: 56%;right: 3%;}
  .mv figure.gof{top:11.25em;}

  .btn a{padding: 2em 4em;}
  .btn a:after{right: 2em;}

  .introduction{height: 100vh;display: flex;align-items: center;}
  .introduction .inner_in{padding: 15% 7.5% 5%;}
  .outline .inner{}
  .outline .inner .inner_in{padding: 15% 10% 7.5%;}
  .exhibition .inner{}
  .exhibition .inner .inner_in{padding: 15% 10% 7.5%;}
  .special .inner{}
  .special .inner .inner_in{padding: 15% 10% 7.5%;}
  .faq .inner{}
  .faq .inner .inner_in{padding: 15% 10% 7.5%;}

  .outline table th{display: block;width: 100%;display: flex;align-items: center;}
  .outline table th span{margin-right: 1em;white-space: nowrap;}
  .outline table th:after{width: 100%;height: 1px;content:"";display: inline-block;background: #fff;}
  .outline table td{display: block;width: 100%;}
  .outline .novelty{width: 100%;}

  .goods .inner{}
  .goods .inner .inner_in{padding:7.5% 7.5%;}
  .goods ul.goods_list {margin-top: 1em;}
  .goods ul.goods_list li {width: 48%;}
  .goods ul.goods_list li:not(:nth-child(-n+3)) {margin-top: 0;}
  .goods ul.goods_list li:not(:nth-child(-n+2)) {margin-top: 2em;}
  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;
    color: var(--red);
    padding-right: 1.6em;
    width: 15%;
  }
  .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;
  }
  
  
  /* 共通設定 */
  
  .slick-next::before,
  .slick-next::after,
  .slick-prev::before,
  .slick-prev::after {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
  }
  .slick-next::after,
  .slick-prev::after {
  }
  .slick-next:before{height: 3em;}
  .slick-prev:before{left:0;    height: 3em;}
 
  
  /* prev */
  
  .slick-prev {
    left: -2vw;
  }
  .slick-prev::after {
    left: 2vw;
    transform: rotate(-135deg);
  }
  .goods .modal_content .js-modal-img-thumb .slick-prev.slick-disabled::after,
  .goods .modal_content .js-modal-img-thumb .slick-next.slick-disabled::after {
    opacity: 0.2;
  }
  .goods ul.goods_list li .text_box span.limit{font-size: 0.8em;}
  .goods a.js-modal-close.button p{line-height: 1.5;}

  .special table th{display: block;width: 100%;display: flex;align-items: center;}
  .special table th span{margin-right: 1em;white-space: nowrap;}
  .special table th:after{width: 100%;height: 1px;content:"";display: inline-block;background: #fff;}
  .special table td{display: block;width: 100%;}

  .exhibition dl dd{font-size: 0.9em;}

header{opacity:1;}
   /*********************/
#nav-toggle {position: fixed;top: 1.5em;right:  1.5em;height: 2em;cursor: pointer;z-index: 15;}
#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:var(--white);}
.home #nav-toggle span{background: #fff;}

#nav-toggle span:nth-child(1) {top: 0;}
#nav-toggle span:nth-child(2) {top: 0.75em;}
#nav-toggle span:nth-child(3) {top: 2em;}
#nav-toggle:hover span:nth-child(1) {top: 4px;}
#nav-toggle:hover span:nth-child(3) {top: 23px;}


#gloval-nav {background: #000;color: #fff;position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 990;text-align: center;display: flex;visibility: hidden;flex-direction: column;justify-content: center;align-items: center;opacity: 0;transition: opacity .6s ease, visibility .6s ease;}
.white div span{background: #fff!important;}

#gloval-nav ul{margin-bottom: 2em;}
#gloval-nav li{opacity:0;}
#gloval-nav div{opacity:0;}
#gloval-nav li.lg{margin:0 auto 1em ;text-align: center;width: 30%;}
#gloval-nav li.lg figcaption{font-size:0.8em;}
#gloval-nav li.lg a{width: 100%;position:relative;border-bottom:none;}
#gloval-nav li.lg a img{}


header nav ul li:not(.lg) a:after{opacity:1;left:auto;}

.open #gloval-nav {z-index: 11;background: #000;position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 10;text-align: center;display: flex;visibility: hidden;flex-direction: column;justify-content: center;align-items: center;opacity: 0;transition: opacity .3s ease, visibility .3s ease;}
.open #gloval-nav ul li a {font-size:1.4em;height: auto;display: block;text-decoration: none;padding: 0.25em 0.5em;transition: color .6s ease;text-align:left;border-bottom:1px solid #ffffff20;}
.open #gloval-nav ul li a:after{content: "";display: block;width: 0.25em; height: 0.25em;position: absolute;right: 1em;top: calc(50% - 1px); border-top: solid 1px; border-right: solid 1px;transform: rotate(45deg) translateY(-50%);color: inherit;}
.open #gloval-nav ul li.lg a:after{display: none;}
.open #gloval-nav ul li.lg a{border-bottom: none;}
.open #gloval-nav ul li a:hover {color: #666;}
.open #gloval-nav ul {width: 70vw;position: relative;list-style: none;}
.open #gloval-nav ul li {will-change: transform;border:none;opacity:1;transform: translatey(-20px);transition: opacity .2s ease, -webkit-transform .6s ease;transition: transform .6s ease, opacity .2s ease;transition: transform .6s ease, opacity .2s ease, -webkit-transform .6s ease;}
.open #gloval-nav ul li:nth-child(2) {transition-delay: .05s;}
.open #gloval-nav ul li:nth-child(3) {transition-delay: .1s;}
.open #gloval-nav ul li:nth-child(4) {transition-delay: .15s;}
.open #gloval-nav ul li:nth-child(5) {transition-delay: .20s;}
.open #gloval-nav ul li:nth-child(6) {transition-delay: .25s;}
.open #gloval-nav ul li:nth-child(7) {transition-delay: .30s;}
.open #gloval-nav ul li:nth-child(8) {transition-delay: .35s;}
.open #gloval-nav ul li:nth-child(9) {transition-delay: .40s;}
.open #gloval-nav ul li:nth-child(10) {transition-delay: .45s;}
.open #gloval-nav ul li:nth-child(11) {transition-delay: .50s;}
.open #gloval-nav div{will-change: transform;border:none;opacity:1;transform: translatey(-20px);transition: opacity .2s ease, -webkit-transform .6s ease;transition: transform .6s ease, opacity .2s ease;transition: transform .6s ease, opacity .2s ease, -webkit-transform .6s ease;}
.open #gloval-nav div{transition-delay: .25s;}

.open #nav-toggle{z-index:11;}
.open #nav-toggle span {background: #fff;}
.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 */
.open {overflow: hidden;}
.open #gloval-nav {visibility: visible;opacity: 1;margin:0;}
.open #gloval-nav li {will-change: transform;opacity: 1;-webkit-transform: translateX(0); transform: translateX(0);transition: opacity .9s ease, -webkit-transform 0.3s ease;transition: transform 0.3s ease, opacity .9s ease;transition: transform 0.3s ease, opacity .9s ease, -webkit-transform 0.3s ease;}
.open #gloval-nav li.guide a{font-size: 1.2rem; margin-right: 1em;}

header nav{min-width:auto;}
header nav ul{flex-wrap:wrap;}
header nav ul li{width:100%;text-align: left;}
header nav ul li a.current:before{display:none;}
header nav ul li a:hover{background: none;}


}