@charset "UTF-8";


@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=National+Park:wght@200..800&display=swap');


/* ==============================================================
*  base
* ============================================================ */
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

h1 {
    font-size: inherit;
    margin: 0;
    line-height: 0;
    display: none;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre {
  font-size: 1em;
}

a {
  background-color: transparent;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

b, strong {
  font-weight: bolder;
}

code, kbd, samp {
  font-size: 1em;
}

small {
  font-size: 80%;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -.25em;
}

sup {
  top: -.5em;
}

img {
  border-style: none;
}

button, input, optgroup, select, textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button, input {
  overflow: visible;
}

button, select {
  text-transform: none;
}

[type=button], [type=reset], [type=submit], button {
  -webkit-appearance: button;
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: .35em .75em .625em;
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type=checkbox], [type=radio] {
  box-sizing: border-box;
  padding: 0;
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

/*# sourceMappingURL=normalize.min.css.map */
body {
  word-wrap: break-word;
}

section, main {
  display: block;
}

*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  outline: none;
}

i, em {
  font-style: normal;
}

table {
  border-collapse: collapse;
}

li {
  list-style: none;
}

img {
  max-width: 100%;
  line-height: 0;
}

* {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}

a {
  outline: none;
}

/*   ==============================================================
*  contents
*  ============================================================ */
/* common.scss
============================== */
html, body {
  height: 100%;
}

body {
    background: #3BBEE7;
    color: #231815;
    font-family: 'Manrope','Zen Kaku Gothic New', sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.8;
    word-wrap: break-word;
}
.loader{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #FFF;
  pointer-events: none;
  z-index: 100;
}
.loaded .loader{
  opacity: 0;
}
a {
  color: inherit;
  text-decoration: none;
  line-height: 1;
}

img {
  max-width: 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  line-height: 0;
}

.clearfix::after {
  content: "";
  display: block;
  clear: both;
}

::selection {
  background: #ccc;
  color: #231815;
}

::-moz-selection {
  background: #ccc;
  color: #231815;
}

.svg-parts {
  width: 0;
  height: 0;
  pointer-events: none;
  position: absolute;
  bottom: 0;
}

.svg-parts .svg-symbol {
  display: none;
}

.sml {
    font-size: 0.85em;
}

.btn {
  text-align: center;
}

.btn-base-style, .btn--main {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: inline-block;
  font-size: 1.1em;
  border: none;
  cursor: pointer;
  text-decoration: none !important;
}

.btn--main {
    position: relative;
    font-style: normal;
    font-weight: 800;
    letter-spacing: 0.02em;
    font-size: 19px;
    background: #e50075;
    color: #FFF;
    padding: 28px;
    border: 1px solid #231815;
    border-radius: 3em;
    box-shadow: 2px 3px 0 #161616;
}

.btn--main.btn_orange {
    background: #e79800;
    margin-bottom: 35px;
}

.btn + .att {
    text-align: center;
    margin-top: 1em;
}

.txt {
    margin-bottom: 1em;
}
.txt:last-child {
    margin-bottom: 0;
}

.txt--basic {
  margin: 0 0 1em;
}

.txt--sub {
  font-size: 0.85em;
  line-height: 1.8em;
}

.txt--big {
  font-size: 1.5em;
  margin: 0 0 1em;
}

.left {
  text-align: left;
}

.right {
  text-align: right;
}

.center {
  text-align: center;
}

.bold {
  font-weight: bold;
}



.ph, .thumb {
  position: relative;
  line-height: 0;
}

.ph img, .thumb img {
  width: 100%;
}

.ph .dummy, .thumb .dummy {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.ph::after, .thumb::after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}




.block--attention p {
  font-size: 14px;
  line-height: 1.6;
}

.list--attention {
margin-bottom: 2em
}
.list--attention:last-child {
    margin-bottom: 0;
}

.list--attention li {
  font-size: 14px;
  margin: 0.4em 0 0 0.8em;
  line-height: 1.6;
  text-indent: -0.8em;
}

.list--attention li:last-child {

}

.list--artist li:first-child {
  width: 50%;
  margin: 0 auto;
}

.list--artist li:first-child figure img {
  border: 7px solid #231815;
  border-radius: 10px;
  margin-bottom: 20px;
}

.list--artist li:first-child figure::after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.list--artist li:first-child figcaption {
  font-style: normal;
  font-weight: 800;
  letter-spacing: 0.02em;
  font-size: 30px;
  line-height: 0.8;
  text-align: center;
}

.list--artist li:first-child figcaption span {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.8;
  font-weight: bold;
  font-size: 14px;
}

dl.list--type {
    position: relative;
    font-weight: bold;
    font-size: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border: 2px solid;
    border-radius: 16px;
    overflow: hidden;
}
dl.list--type dt {
    width: 100%;
    text-align: center;
    padding: 1em;
    position: relative;
    background: #3bbee7;
    display: block;
}

dl.list--type dt::before {
}
dl.list--type dd {
    width: 100%;
    padding: 1em;
    background: #fff;
    margin: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 1.2em;
}
dl.list--type dd .txt {
    margin-bottom: 0;
}
dl.list--type dd .txt .u18{
    display: inline-block;
    font-size: 14px;
    line-height: 1em;
    padding: 4px 12px;
    vertical-align: 3px;
    font-weight: 800;
    background: #3bbee7;
    color: #000000;
    border-radius: 4px;
    margin: 0 4px 0 0;
}

dl.list--type.fin dt {
    background: #aaa;
}


dl.list--type .special {
    display: inline-block;
    margin: 0 0.5em;
    background: #231815;
    color: #ffffff;
    border-radius: 2em;
    line-height: 1;
    padding: 0.4em 0.7em;
    font-size: 80%;
}

dl.list--type.fin {
    color: #4f4f4f;
}
dl.list--type.fin dd {
    background: #dbdbdb;
}
dl.list--type.fin .special {
    background: #4f4f4f;
}

dl.list--ticket {
  position: relative;
  font-weight: bold;
  font-size: 20px;
}

.block--yonfes dl.list--ticket {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  border: solid 1px;
margin: -1px 0 0;
}

.block--yonfes dl.list--ticket dt {
    width: 22%;
    text-align: center;
    padding: 1em;
    position: relative;
    font-size: 0.9em;
    letter-spacing: 0.1em;
}
.block--yonfes dl.list--ticket dt:before {
 position: absolute;
  content:"";
background:#161616;
  width:1px;
  height:2em;
  right:0;
  top:50%;
transform: translateY(-50%);
}

.block--yonfes dl.list--ticket dd {
text-align: left;
    width: 78%;
    padding: 1em 2em;
}
.block--yonfes dl.list--ticket dd .sml {
    display: inline-block;
}

.block--yonfes dl.list--ticket dd ul {
  padding: 28px 0;
}

.block--yonfes dl.list--ticket dd ul li {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}

.block--yonfes dl.list--ticket dd ul li .type {
  width: 12em;
}

.block--yonfes dl.list--ticket dd ul li::before {
  content: "";
  width: 10px;
  height: 10px;
  background: #FFE96F;
  border: 2px solid #231815;
  border-radius: 50%;
  position: relative;
  top: 8px;
  margin-right: 12px;
}

.block--yonfes dl.list--ticket dd ul li:not(:first-child) {
  margin-top: 15px;
}

.block--yonfes dl.list--ticket dd ul li:not(:last-child) {
  border-bottom: 1px solid rgba(163, 163, 163, 0.3);
  padding-bottom: 15px;
}

.block--yontown dl.list--ticket {
  width: 100%;
  padding: 34px 0;
}

.block--yontown dl.list--ticket div {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.block--yontown dl.list--ticket div:not(:last-child) {
  border-bottom: 1px solid rgba(163, 163, 163, 0.3);
  padding-bottom: 30px;
  margin-bottom: 30px;
}

.block--yontown dl.list--ticket dt {
  width: 27%;
  padding-left: 34px;
  text-align: left;
  float: left;
}

.block--yontown dl.list--ticket dd.period {
  font-size: 20px;
}

.block--yontown dl.list--ticket p.type {
  margin-right: 16px;
}

.block--yontown dl.list--ticket dd.tickettype {
  width: 73%;
}

.block--yontown dl.list--ticket dd.tickettype ul li {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}

.block--yontown dl.list--ticket dd.tickettype ul li .type {
  width: 12em;
}

.block--yontown dl.list--ticket dd.tickettype ul li::before {
  content: "";
  width: 10px;
  height: 10px;
  background: #FFE96F;
  border: 2px solid #231815;
  border-radius: 50%;
  position: relative;
  top: 8px;
  margin-right: 12px;
}

.block--yontown dl.list--ticket dd.tickettype ul li:not(:first-child) {
  margin-top: 15px;
}


.block--yonfes dl.list--ticket .ticket_type {
    display: inline-block;
    background: #39b1c7;
    border: 1px solid;
    font-size: 0.82em;
    line-height: 1.6;
    padding: 0 10px;
}

footer {
  position: relative;
  font-weight: bold;
}

footer .block--footer-partner {
    background: #fff;
    padding: 80px 70px 80px 180px;
}

footer .block--footer-partner .partner {
    margin: 0 auto;
    display: block;
    max-width: 1100px;
}

footer .block--footer-partner .partner div {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}

footer .block--footer-partner .partner div dt {
  white-space: nowrap;
  font-size: 14px;
  float: left;
  margin-right: 32px;
}

footer .block--footer-partner .partner div dd {
  display: inline-block;
}

footer .block--footer-partner .partner div dd img {
  width: 150px;
  display: block;
}

footer .block--footer-partner .partner div dd a {
  display: block;
  float: left;
}

footer .block--footer-partner .partner div dd a:not(:last-child) {
  margin-right: 26px;
}

footer .block--footer-partner .partner div a.tel {
  position: relative;
  top: 9px;
  font-weight: 600;
  font-size: 10px;
}

footer .block--footer-partner .partner div:not(:last-child) {
  margin-bottom: 34px;
}

footer .block--footer-bottom {
    background: #3BBEE7;
    padding: 80px 150px;
}

footer .block--footer-bottom .block--archive {
  max-width: 960px;
  width: 100%;
  margin: 0 auto 0px;
}

footer .block--footer-bottom .block--archive .list--archive {
    display: flex;
    justify-content: center;
    gap: 40px;
    flex-wrap: wrap;
}

footer .block--footer-bottom .block--archive .list--archive li {
    width: 15%;
}

footer .block--footer-bottom .block--archive .list--archive li a {
  display: block;
}

footer .block--footer-bottom p.copyright {
  text-align: center;
}


.footer__bottom {
    padding-top: 4rem;
}

.btnHome a {
    display: block;
    width: 20rem;
    margin: 0 auto 1.5rem;
}

.socialList {
    display: flex;
    justify-content: center;
    margin: 0 0 40px;
}

.socialList li {
    padding: 0 0.7rem;
    line-height: 0;
    display: inline-block;
}

.socialList li a {
    font-size: 1.5rem;
}

.content--body {
    position: relative;
    z-index: 10;
    background: none;
}

.wrap {
  min-height: 100%;
  position: relative;
}

.wrap .bg_line {
    position: fixed;
    width: 110vw;
    height: 110vh;
    z-index: 0;
    top: 0;
    left: 0;
}

.wrap .bg_line img {
object-fit: cover;
}

.wrap .bg_line.bg_line_01{
  background: url(../../images/bg_deco_gY6jGfSm.png) center center no-repeat;
  background-size: cover;
  opacity: 0;
  transition: all 1s 1.3s;
}

.loaded .wrap .bg_line.bg_line_01 {
    perspective: 1000;
    -webkit-perspective: 1000;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    opacity: 1;
}
.wrap .bg_line_02{
    position: fixed;
    left: 0;
    top: 0;
    width: auto;
    height: auto;
    overflow: hidden;
    transform: translate(0, -50%);
}
.wrap .bg_line_03{
    position: fixed;
    left: 0;
    bottom: 0;
    width: auto;
    height: auto;
    top: auto;
    transform: translate(0, 50%);
    overflow: hidden;
}
.wrap .movingLine{
    width: 200vw;
    display: flex;
}
.bg_line_02 .movingLine{
    animation: loop-text 34s linear infinite;
}
.bg_line_03 .movingLine{
    animation: loop-text 34s linear infinite reverse;
}
.wrap .movingLine img{
  width: 100vw;
}

@keyframes loop-text {
  0% {
    transform: translateX(-50%);
  }
  100% {
    transform: translateX(0%);
  }
}

.scrollDown {
    position: absolute;
    bottom: 40px;
    left: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 16px;
    background: #FFF;
    padding: 16px 8px;
    border-radius: 100px;
    border: 2px solid;
    opacity: 0;
    transition: 0.5s ease 2s;
}
.loaded .scrollDown {
  opacity: 1;
}
.scrollDown .scrollTxt {
    font-size: 70%;
    transition: 0.5s ease;
    font-family: "Poppins", sans-serif;
    font-weight: 800;
    color: #000;
    writing-mode: vertical-rl;
}
.scrollDown .scrollarrow {
    width: 1px;
    height: 40px;
    background: #000;
    animation: scrollarrow 3s cubic-bezier(.19, 1, .22, 1) 0.5s infinite;
}
@keyframes scrollarrow{
  0% {clip-path: inset(0 0 100% 0);}
  25% {clip-path: inset(0 0 0 0);}
  75% {clip-path: inset(0 0 0 0);}
  100% {clip-path: inset(100% 0 0 0);}
}

.fvNav{
    position: absolute;
    right: 40px;
    top: 40px;
    display: flex;
    gap: 8px;
    max-width: 400px;
    flex-wrap: wrap;
    justify-content: flex-end;
    opacity: 0;
    transition: 0.5s ease 2s;
}
.loaded .fvNav{
  opacity: 1;

}
.fvNav li{

}
.fvNav li a{
    display: inline-block;
    background: #FFF;
    padding: 6px 14px;
    border-radius: 100px;
    font-family: "National Park", sans-serif;
    font-weight: 800;
    border: 2px solid;
    position: relative;
    overflow: hidden;
}
.fvNav li a.blank{
    background: #DDD;
    pointer-events: none; 
}
.fvNav li a span{
  position: relative;
  z-index: 1;
}
.fvNav li a:before{
  content: '';
    width: 0%;
    display: block;
    height: 100%;
    background: #3abee8;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    transition: 0.3s;
    border-radius: 0 50px 50px 0;
    border-left: none;
}
.fvNav li a:hover:before{
  width: 100%;
}
.fvSns{
    position: absolute;
    right: 40px;
    bottom: 40px;
    display: flex;
    gap: 8px;
    max-width: 400px;
    flex-wrap: wrap;
    justify-content: flex-end;
    opacity: 0;
    transition: 0.5s ease 2s;
}
.loaded .fvSns{
  opacity: 1;
}
.fvSns li a{
    background: #FFF;
    padding: 12px;
    border-radius: 100px;
    border: 2px solid;
    position: relative;
    overflow: hidden;
    aspect-ratio: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 133%;
    line-height: 1em;
}
.fvSns li a span{
  position: relative;
  z-index: 1;
}
.fvSns li a:before{
    content: '';
    width: 0%;
    display: block;
    height: 100%;
    background: #3abee8;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    transition: 0.3s;
    border-radius: 0 50px 50px 0;
    border-left: none;
}
.fvSns li a:hover:before{
  width: 100%;
}
.wrap::before {
    content: '';
    width: 100%;
    height: 100%;
    background: #3BBEE7;
    background-size: cover;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    pointer-events: none;
    opacity: 0;
    transition: all 1.2s 0.2s;
    filter: hue-rotate(145deg);
}
.loaded .wrap::before {
    opacity: 1;
    filter: hue-rotate(0deg);
}

.wrap::after {
}


.block--label {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  background: #6FBA2C;
  color: #FFE96F;
  width: 100%;
  overflow: hidden;
  bottom: -2.9vw;
  z-index: 2;
}

.block--label p {
  white-space: nowrap;
  font-style: normal;
  font-weight: 800;
  letter-spacing: 0.02em;
  font-size: 1.6vw;
  animation: slide 20s linear infinite;
  transform-origin: left;
  transform: translateX(100%);
}

.block--label span {
  margin-right: 1vw;
}

@keyframes slide {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}


.box-inner {
    margin-bottom: 60px;
    transition: all 0.5s ease-out 1s;
    transform: translateY(3rem);
    transition: 0.5s 0.1s;
    opacity: 0;
}
.loaded .box-inner {
    opacity: 1;
    transform: none;
}

.box-inner:last-child {
    margin-bottom: 0;
}

.btn_wrap {
    margin-bottom: 65px;
}

.section_tit {
    position: relative;
    margin-bottom: 35px;
    z-index: 1;
    text-align: left;
    transform: translateY(-20%);
    opacity: 0;
    transition: 0.5s 0.1s;
}
.loaded .section_tit.started {
    transform: none;
    opacity: 1;
}
.section_tit span {
  display: inline-block;
    color: transparent;
    font-size: 110px;
    letter-spacing: 0.1em;
    font-family: "National Park", sans-serif;
    font-weight: 600;
    line-height: 1;
    background: url(../../images/bg_title_gY6jGfSm.jpg);
    background-size: cover;
    background-clip: text;
    -webkit-background-clip: text;
    position: relative;
    -webkit-text-stroke: 3px #18130d;
}

.section_tit span + span{
    position: absolute;
    top: 0;
    left: 0;
    -webkit-text-stroke: initial;
}

.section_tit .tit_bg {
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    text-shadow: 2px 2px 1px #000000, -2px 2px 1px #000000, 2px -2px 1px #000000, -2px -2px 1px #000000, 2px 0px 1px #000000, 0px 2px 1px #000000, -2px 0px 1px #000000, 0px -2px 1px #000000;
    z-index: -1;
}


.section_tit_txt {
    display: inline-block;
    position: relative;
    filter: drop-shadow(3px 3px 0px black);
}


.section-tit {
    font-weight: bold;
    font-size: 27px;
    text-align: center;
    line-height: 1.3;
    padding: 0;
    margin: 0 auto 40px;
}

.section-tit span {
    display: inline-block;
    padding: 0 0.9em;
    color: #3bc5de;
    font-weight: 900;
    -webkit-text-stroke: 0.5px #007489;
    text-shadow: 1px 1px 0 #007489;
}

.box-detail {
    width: 100%;
    margin: auto;
    position: relative;
    padding: 50px 40px 50px;
    margin-bottom: 85px;
    background: #FFF;
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    box-shadow: 4px 4px 0 #16161633;
    border-radius: 40px;
}


.box-detail.box-ticket {
    margin-bottom: 35px;
}
.box-detail:last-child {
  margin-bottom: 0;
}

.box-detail .box-tit {
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    text-align: center;
    line-height: 1;
    padding: 0;
    margin: 0 auto 35px;
    margin-top: -74px;
}

.box-detail .box-tit.short {
    letter-spacing: 0.6em;
    text-indent: 0.6em;
}

.box-detail .box-tit span {
    background: #000;
    color: #FFF;
    display: inline-block;
    margin: 0;
    padding: 12px 45px;
    border-radius: 5em;
}

.box-detail .box-detail-tit {
  text-align: center;
  font-weight: bold;
  line-height: 1.4;
  font-size: 1.6em;
  margin-bottom: 4em;
}


.box-detail .ac dt {
    position: relative;
    cursor: pointer;
}

.box-detail .ac dt .section-tit {
    margin-bottom: 0;
    padding: 0 1em;
}
.box-detail .ac > dd {
    padding-top: 40px;
    display: none;
}
.box-detail .ac>dt::after {
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    border-right: #39b1c7 solid 4px;
    border-bottom: #39b1c7 solid 4px;
    position: absolute;
    top: calc(50% - 2px);
    right: 5px;
    transition: all 0.3s ease-out;
    transform: translateY(-50%) rotate(45deg);
}
.box-detail .ac.on>dt::after {
	top: 50%;
	transform: translateY(-50%) rotate(-135deg);
}


.box-detail .box-inner {
  text-align: center;
}

.tax {
  font-size: 10px;
  margin-left: 2px;
}

.txt--right {
  text-align: right;
}

.page--home .delighter {
}

.page--home .delighter.started {
}

.page--home .section--top {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -ms-flex-align: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  min-height: 43vw;
  position: relative;
  z-index: 0;
}

.page--home .section--top .block--image img {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  overflow: hidden;
}

.page--home .section--top .block--lead {
    width: 65%;
    position: relative;
    margin: 0 auto;
    transform: scale(1.4);
    opacity: 0;
    filter: blur(10px);
    transition: all 1s 1.5s;
    max-width: 100vh;
}

.loaded .section--top .block--lead {
  opacity: 1;
  filter: blur(0px);
  transform: none;
}



.logo_wrap > p:first-child {
    position: relative;
}

.logo_wrap > p:not(:first-child) {
    position: absolute;
    top: 0;
    left: 0;
    transition: 0.7s 1.5s;
    transform: translateY(-30%);
    opacity: 0;
}

.loaded .logo_wrap > p:not(:first-child) {
    opacity: 1;
    transform: none;
}

.logo_wrap > p:nth-of-type(3) {
    transition-delay: 1.6s;
}
.logo_wrap > p:nth-of-type(4) {
    transition-delay: 1.7s;
}
.logo_wrap > p:nth-of-type(5) {
    transition-delay: 1.8s;
}
.logo_wrap > p:nth-of-type(6) {
    transition-delay: 1.9s;
}
.logo_wrap > p:nth-of-type(7) {
    transition-delay: 2s;
}

.page--home .section--top .block--lead .block--lead__logo {
  width: 100%;
}

.page--home .section--top .block--lead .block--lead__info p {
  width: 60%;
  margin: 0 auto;
}

.page--home .section--top::before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url(../../assets/img/bg_mainvisual.jpg) no-repeat center center;
  background-size: cover;
  content:none;
}

.page--home .section--top .block--label {
  position: absolute;
}

.bnr_list {
    width: 100%;
    position: absolute;
    bottom: 40px;
    opacity: 0;
    transition: 0.65s 1.6s;
    transform: translateY(20px);
}

.loaded .bnr_list {
    opacity: 1;
    transform: translateY(0px);
}
.contentWrap{
    display: flex;
    align-items: flex-start;
    padding-bottom: 50px;
}
.page--detail .contentWrap{
    padding-bottom: 0;
}
.contentWrapClm{
    width: 100%;
    padding: 40px 90px 40px 0;
    box-sizing: border-box;
    margin: 0 0 0 auto;
    display: flex;
    flex-direction: column;
    gap: 120px;
}
.section--content {

}

.section--content .inner {
    width: 100%;
    margin: 0 auto;
}
.page--home .news .block--yonfes {
    padding-bottom: 0;
}

.block--yonfes .box-date {
    margin: 0 auto 20px;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.block--yonfes .soldout {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    background: #52aaba;
    font-family: industry-inc-base, sans-serif;
    font-weight: 400;
    font-size: 72px;
    line-height: 1;
    padding: 20px 40px;
    border: 4px solid;
    transform: translate(-50%, -50%) rotate(-12deg);
    box-shadow: 5px 5px 0 #0000004d;
    white-space: nowrap;
}

.access .box-detail {
    text-align: center;
}

.block--yonfes .box-date .date {
  font-style: normal;
  font-weight: 800;
  letter-spacing: 0.02em;
  font-size: 34px;
  line-height: 1;
  margin: 0 auto 0.5em;
}

.block--yonfes .box-date .date .sml {
    font-size: 0.7em;
}

.block--yonfes .time {
  font-style: normal;
  font-weight: 800;
  letter-spacing: 0.02em;
  font-size: 20px;
}

.block--yonfes .venue {
  font-weight: bold;
  font-size: 30px;
}

.block--yonfes .address {
  margin-bottom: 0px;
}

.block--yonfes .address a {
  display: block;
  font-weight: bold;
  font-size: 20px;
}

.block--yonfes .address a .icon {
  display: inline-block;
  width: 18px;
  transform: translateY(3px);
}

.block--yonfes .address a span {
  margin-left: 8px;
  line-height: 2;
}

.block--yonfes .address a .line {
  padding-bottom: 5px;
  border-bottom: 1px solid #231815;
  margin-left: 8px;
  line-height: 2;
}

.block--yonfes .andmore {
  position: absolute;
  right: 0;
  transform: translate(50%, -35%);
  width: 138px;
  height: 138px;
  border-radius: 50%;
  background: #231815;
  color: #fff;
  font-style: normal;
  font-weight: 800;
  letter-spacing: 0.02em;
  font-size: 23px;
  text-align: center;
  padding: 40px 30px 30px;
  line-height: 1.2;
}

.block--yontown {
  padding: 0 0 128px;
}

.block--yontown .section-tit {
  margin: 0 auto 25px;
}

.block--yontown .box-detail img {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 35%;
  transform: translate(-24%, 40%);
}

.guide_box {
    text-align: center;
    margin-bottom: 40px;
    border-bottom: 2px solid;
    padding-bottom: 30px;
}

.block--guidelines .box-detail-tit {
  margin-bottom: 0;
}

.block--guidelines .txt--attention {
  display: block;
  color: #c00;
  text-align: right;
  line-height: 1.4;
  font-size: 0.5em;
  margin-bottom: 2em;
}

.block--guidelines a {
  text-decoration: underline;
}

.block--guidelines .block--link {
  margin-top: 20px;
}

.block--guidelines .block--link p {
  line-height: 1.2;
}

.block--guidelines .block--link p:first-child {
  margin-bottom: 1em;
}

.block--guidelines .block--link a {
  font-size: .8em;
}

.block--guidelines dl.list--guidelines {
  padding-top: 40px;
}

.block--guidelines dl.list--guidelines dt {
  font-weight: bold;
  font-size: 1.4em;
  margin-bottom: 10px;
}

.block--guidelines dl.list--guidelines dd {
  margin-bottom: 4.5em;
}

.block--guidelines dl.list--guidelines dd:last-of-type {
  margin-bottom: 0;
}

.block--guidelines .list--attention ul {
  padding-top: 10px;
}

.block--guidelines .list--attention ul li {
  list-style: none;
}

.block--guidelines .list--attention li {
  margin-bottom: .8em;
}

.block--guidelines .list--attention li strong {
  display: block;
  font-size: 1.1em;
  letter-spacing: 0.03em;
}

.box-detail .box-inner .name {
  font-size: 25px;
  margin: 0 auto 20px;
  font-weight: bold;
  color: #007489;
}
.box-detail .box-inner .more {
  font-size: 20px;
  margin: 20px auto 0px;
  font-weight: bold;
}
ul.list--information {
    box-shadow: 4px 4px 0 #16161633;
    margin-bottom: 50px;
    border-radius: 40px;
    overflow: hidden;
}
ul.list--information li {
    border-bottom: solid 1px;
    display: block;
    font-weight: 500;
    font-size: 18px;
    text-align: left;
    background: #FFF;
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
}

ul.list--information li.no-data {
    text-align: center;
    padding: 25px;
}
ul.list--information li:last-child {
    border: none;
}

ul.list--information li .txt--title {
position: relative;
    cursor: pointer;
    padding: 24px 30px;
}
ul.list--information li .txt--title:before {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 30px;
    margin: auto;
    content: "";
    background: #161616;
    vertical-align: middle;
    width: 16px;
    height: 4px;
    z-index: 0;
}
ul.list--information li .txt--title:after {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 36px;
    margin: auto;
    content: "";
    background: #161616;
    vertical-align: middle;
    width: 4px;
    height: 16px;
    z-index: 0;
}
ul.list--information li .active .txt--title:after,
ul.list--information li .txt--title.active:after {
	content: none;
}

ul.list--information li .txt--title .date {
    margin: 0 0 3px;
    font-size: 16px;
    color: #e50075;
    letter-spacing: -0.01em;
    font-family: "National Park", sans-serif;
    font-weight: 800;
    line-height: 1;
}

ul.list--information li .txt--title .tit {
    padding: 0 1.5em 0 0;
    line-height: 1.4;
    font-size: 0.95em;
}

ul.list--information li .txt {
    cursor: auto;
    padding: 25px 30px;
    background: #ffffff7d;
    font-size: 0.85em;
    line-height: 1.7;
}
ul.list--information li .newsbtn {
text-align: center;
}

ul.list--information li .txt > a {
cursor: auto;
}

.artistBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-top: 1rem;
}

.artistBox .artist-inner {
    width: 48%;
    margin: 0px 0 0;
    padding: 50px 25px 25px;
}
.artistBox .artist-inner .artist-schedule {
text-align:center;
font-size: 25px;
font-weight: bold;
margin: 0 auto 4%;
}
.artistBox .artist-inner .artist-schedule span{
background: linear-gradient(transparent 80%, #fff100 20%);
padding: 0 0.5em;
}
.artistBox .artist-inner.day02  .artist-schedule span{
background: linear-gradient(transparent 80%, #a0ea00 20%);
}

ul.artistList {

display:-webkit-box;
display:-ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: space-between;
}
ul.artistList li {
width:48%;
margin:0 0 5%;
position: relative;
display:block;
min-height: 140px;
}

ul.artistList li:nth-last-child(-n + 2) {
    margin-bottom: 0;
}

ul.artistList li figure {
    margin: 0 0 12px;
    line-height: 0;
    box-shadow: 0px 2px 12px #00000042;
    border-radius: 9px;
    overflow: hidden;
}

ul.artistList li figcaption {
font-weight: bold;
text-align: center;
}

ul.artistList li .newIco{
position: absolute;
right: -10px;
top: -10px;
width: 4em;
height: 4em;
border-radius: 50%;
background: #e29423;
color: #fff;
font-weight: bold;
font-size: 10px;
text-align: center;
line-height: 1.2;
margin: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: center;
align-items: center;
z-index: 5;
}
ul.artistList li .newIco span{

}

.content--lower ul.artistList li a img {
  display: block;
  transition: .3s;
}
.content--lower ul.artistList li a:hover img {
    transform: scale(1.1);
}



.box-detail.box-ticket .btn--main {
margin: 30px 0 0;
}

.list--attention.list--guide {
    text-align: left;
    background: #eeeeee;
    padding: 1.2em 2em 2em;
    margin: 0px auto 0;
    border-radius: 12px;
}
.soon {
    position: absolute;
    right: 0;
    left: 0;
    width: 140px;
    height: 140px;
    border-radius: 50%;
    background: #52aaba;
    font-weight: bold;
    letter-spacing: 0.02em;
    font-size: 14px;
    text-align: center;
    line-height: 1.2;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.soon span{

}


footer .block--footer-partner .partner div dd.cosponsor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: center;
}
footer .block--footer-partner .partner div dd.cosponsor a{
    width: auto;
    height: 60px;
    max-width: 150px;
}
footer .block--footer-partner .partner div dd.cosponsor a.svr {
    height: 71px;
}
footer .block--footer-partner .partner div dd.cosponsor a img{
    width: auto;
    height: 100%;
    object-fit: contain;
} 
footer .block--footer-partner .partner div dd.cosponsor.especial_cosponsor a{
width: auto;
height: 25px;
}
footer .block--footer-partner .partner div dd.cosponsor.sponsor a {
    max-width: 110px;
}




.content--gallery {

}
.content--gallery ul.photoList{
display:-webkit-box;
display:-ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap:4%;
}
.content--gallery ul.photoList li {
  width: 22%;
  margin:0 0 4%;
}
.content--gallery ul.photoList li a{
display: block;
line-height: 0;
overflow: hidden;
position: relative;
padding: 70% 0 0;
text-align: center;
}

.content--gallery ul.photoList li a img{
transition: filter 0.3s ease;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
margin: auto;
width: 120%;
max-width: none;
}
.content--gallery ul.photoList li a:hover img {
filter:grayscale(100%);
}


.content--gallery ul.photoList li .year {
  font-style: normal;
  margin: 10px 0 0;
}


.content--gallery ul.photoall{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: center;
gap: 3%;
}

.content--gallery ul.photoall li {
width: 22%;
margin: 0 0 3%;
}
.content--gallery ul.photoall li a {
  line-height: 0;
  display: block;
}
.content--gallery ul.photoall li a img {
object-fit: cover;
width: 100%;
height: 180px;
}


.block--gallery {
text-align: center;
margin: 100px 0 0;
}
.block--gallery .galleryBtn{
background: url(../../assets/img/bg_aL5cQdYv.png) center;
background-size: 200%;
display: inline-block;
border-radius: 30px;
overflow: hidden;
border: solid 10px #fff;
}
.block--gallery .galleryBtn a {
display: block;
line-height: 1;
padding: 40px 40px 30px;
font-style: normal;
font-weight: 800;
font-size: 50px;
box-sizing: border-box;
mix-blend-mode: hard-light;
background: #ff5400;
color: #fff;
}
.block--gallery .galleryBtn a:hover {
background: #ffa700;
}

.anim {
    opacity: 0;
    filter: blur(10px);
    transition: all 0.5s ease-out;
}
.anim.on {
    opacity: 1;
    filter: blur(0px);
}


.cs_txt {
    padding: 1em 0;
    text-shadow: 2px 2px 1px #000000, -2px 2px 1px #000000, 2px -2px 1px #000000, -2px -2px 1px #000000, 2px 0px 1px #000000, 0px 2px 1px #000000, -2px 0px 1px #000000, 0px -2px 1px #000000;
    color: #ffd328;
    filter: drop-shadow(2px 2px 0px black);
    font-weight: 800;
    text-align: center;
    font-size: 45px;
}
.hamBox{
    position: sticky;
    top: 0;
}
.navBox {
    z-index: 999;
    height: 100dvh;
    display: flex;
    padding: 40px 90px 40px 40px;
    box-sizing: border-box;
}
.navBox .nav_inner{
    background: #FFF;
    border-radius: 40px;
    height: 100%;
    padding: 40px;
    overflow: scroll;
    flex-flow: column;
    -ms-overflow-style: none;
    scrollbar-width: none;
    box-sizing: border-box;
    width: 340px;
    display: flex;
    flex-direction: column;
    gap: 32px;
    justify-content: space-between;
}
.navBox::-webkit-scrollbar{
  display: none;
}

.navTop{
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.navTop h2{

}
.navTop h2 a{
    display: block;
    width: 80%;
    margin: 0 auto;
}
.navBox ul.navlist {
    height: 100%;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: flex-start;
    align-content: flex-start;
}
.navBox ul.navlist li a {
  display: block;
    color: #18130d;
    font-style: normal;
    font-size: 16px;
    text-align: left;
    position: relative;
    font-family: "National Park", sans-serif;
    font-weight: 800;
    z-index: 1;
    border: 2px solid;
    padding: 4px 8px 3px;
    border-radius: 100px;
    line-height: 1em;
    overflow: hidden;
}
.navBox ul.navlist li a.blank {
    background: #DDD;
    pointer-events: none; 
}

.navBox ul.navlist li a::before {
    content: '';
    width: 0%;
    display: block;
    height: 100%;
    background: #3abee8;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    transition: 0.3s;
    border-radius: 0 50px 50px 0;
    border-left: none;
}

.navBox ul.navlist li a:hover::before {
    width: 100%;
}
.navBox ul.navlist li a.current::before {
    width: 100%;
}

.navBtm{
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: center;
    justify-content: space-between;
}
.navBtm .snsList{

}
.navBtm .snsList li{

}
.navBtm .snsList li a{
    border: 2px solid;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    border-radius: 100px;
    font-size: 110%;
}
.navBox .copy {
    font-family: industry-inc-base, sans-serif;
    font-size: 11px;
    font-weight: 400;
    padding: 0;
    white-space: nowrap;
    pointer-events: none;
}


.box-access .venue_txt {
  font-size: 16px;
  margin: 0 auto 30px;
}


.box-access .ph_access {
  width: 70%;
  margin: 30px auto;
}

.box-access .ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
margin:20px 0;
}


.box-access .ggmap iframe,
.box-access .ggmap object,
.box-access .ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.box-access .list--attention {
  padding-top: 0;
  text-align: left;
}

.content--lower footer .block--footer-bottom {
  padding: 32px 0 32px;
}




.parkingBox {
  margin: 0 auto 35px;
  text-align: center;
}

#cboxClose {
    background: #007489 !important;
}

.busTicket {
  padding: 50px;
  max-width: 800px;
  box-sizing:border-box;
}

.busTicket .tit{
font-weight: bold;
font-size: 20px;
text-align: center;
line-height: 1;
  margin:0 auto 30px;
}
.busTicket .lead{
font-weight: bold;
font-size: 16px;
  margin:0 auto 30px;

}
.busTicket .parking{
margin: 0 auto 30px;
text-align: center;
font-weight: bold;
background: #e6f3ee;
padding: 20px;
}
.busTicket .parking .subtit{
font-weight: bold;
font-size: 18px;
text-align: center;
color: #007489;
}
.busTicket .parking .venue{
margin: 0 auto 5px;
font-size: 18px;
}
.busTicket .parking .address{

}


.busTicket .parkingDetail {
margin: 0 auto 15px;
}
.busTicket .parkingDetail .subtit{

font-weight: bold;
font-size: 18px;
text-align: center;
color: #007489;
}
.busTicket .parkingDetail .venue{
text-align: center;
margin: 0 auto 10px;
font-weight: bold;
font-size: 16px;
}

.busTicket table.price {
width: 100%;
border-collapse: collapse;
  border:solid 1px #000;
  
}


.busTicket table.price tr {

}
.busTicket table.price th {
border:solid 1px #000;
padding:15px;
}
.busTicket table.price td {
padding:15px;
}


.busTicket .notice {
margin: 0 auto 30px;
}
.busTicket .notice .must {
padding: 0 0px 0 1.0em;
text-indent: -1.0em;

}


.busTicket dl.attentionBox {
margin: 0 auto 0px;
}
.busTicket dl.attentionBox dt {
font-weight: bold;
font-size: 18px;
text-align: center;
color: #007489;
}
.busTicket dl.attentionBox dd {
padding:5px 0 0px 1.0em;
text-indent: -1.0em;
}



.box-detail.box-numbered {

}
.box-detail.box-numbered .box-tit.short {
  letter-spacing: normal;
  text-indent: 0;
}



.box-detail.box-numbered .txt {
    font-size: 16px;
    text-align: left;
    margin: 0 auto 35px;
}

.list--ticket_wrap {
    margin-bottom: 35px;
}

.block--yonfes .box-detail.box-numbered dl.list--ticket {
  font-weight: bold;
  font-size: 16px;
}
.block--yonfes .box-detail.box-numbered dl.list--ticket dt::before {
content: none;

}
.block--yonfes .box-detail.box-numbered dl.list--ticket dd {
position: relative;
}
.block--yonfes .box-detail.box-numbered dl.list--ticket dd:before {
position: absolute;
content: "";
width: 1px;
height: calc(100% - 1.5em);
left: 0;
top: 50%;
transform: translateY(-50%);
    border-left: 1px solid;
}
.block--yonfes .box-detail.box-numbered dl.list--ticket dd .sub {
font-size:80%;
}



.goodsTicket {
  padding: 50px;
  max-width: 900px;
  box-sizing:border-box;
  text-align:center;
}

.goodsTicket dl.attentionBox {
text-align: left;
background: #e6f3ee;
padding: 1.5em 2em 2em;
margin: 0px auto 20px;
font-size:15px;
}
.goodsTicket dl.attentionBox dt {

}
.goodsTicket dl.attentionBox dd {
margin: 0.5em 0 0 0.8em;
text-indent: -0.8em;
}
.goodsTicket dl.attentionBox .red{
color: #f00;

}
.goodsTicket dl.attentionBox .underline{
text-decoration: underline;
}
.goodsTicket .howtoTit {
font-weight: bold;
font-size: 22px;
text-align: center;
color: #007489;
margin: 50px auto 20px;
  letter-spacing: 0.2em;
}
.goodsTicket .howtoStep {
font-weight: bold;
font-size: 18px;
text-align: center;
margin: 0 auto 20px;
border: solid 2px;
}



.goodsTicket ul.stepBox {
display:-webkit-box;
display:-ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: space-between;
gap:5%;
margin: 0px auto 0px;
}
.goodsTicket ul.stepBox li {
width:30%;
margin: 0px 0 5%;
text-align:left;
}
.goodsTicket ul.stepBox li .howtoImg {
line-height:0;
margin: 0px auto 10px;
}

.goodsTicket ul.stepBox li .howtoDetail {
  margin: 0 0 0 1em;
  text-indent: -1em;
}

.goodsTicket .list--attention {
  padding-top: 35px;
  border-top: solid 2px;
}

.goodsTicket .list--attention li {
  margin: 0.3em 0 0 0.8em;
  text-indent: -0.8em;
  text-align: left;
}


.good_ph {
    line-height: 0;
    margin-bottom: 30px;
}


ul.tabslist {
display:-webkit-box;
display:-ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: space-between;
margin: 0 auto 55px;
}

.tabslist li {
    width: 49%;
}

ul.tabslist li a {
    display: block;
    border: 3px solid;
    line-height: 0;
    box-shadow: 0 3px 0 #000;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    top: 0;
}
ul.tabslist li a:hover {
    box-shadow: 0 0 0 #000;
    top: 3px;
}

.tabsdetail {
    border: 3px solid;
    line-height: 0;
    box-shadow: 5px 5px 0 #16161640;
}

.tabsdetail img {
    width: 100%;
}

.box-inner.sheetarea {
padding: 70px 0 0;
margin: 70px 0 0;
border-top: 10px solid #007489;
}
.box-inner.sheetarea .box-tit.short {
  letter-spacing: 0;
  text-indent: 0;
}
.box-inner.sheetarea .txt{
font-size: 18px;
margin: 0 auto 40px;
font-weight: bold;
}

.box-inner.sheetarea .list--attention {
margin: 40px auto 20px;
}




@media screen and (min-width: 961px) {

.section--content.food {
    padding-right: 50px;
}

}


.food .txt {
    text-align: left;
    margin-bottom: 20px;
}

.food ul.list--food {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-top: 30px;
    margin-top: -50px;
}

.food ul.list--food > li {
    width: 49%;
    margin: 50px 0 0;
    background: #ffffff;
    padding: 30px;
    text-align: left;
    border: 1px solid;
    border-radius: 15px;
}

.food ul.list--food > li.green {
    background: #ffffff;
}

.food ul.list--food > li.green h5 {
    background: #67b96c;
}

.food ul.list--food > li h5 {
    background: #5cb8c9;
    font-size: 18px;
    padding: 5px 20px;
    margin: -56px auto 20px;
    border-radius: 3em;
    border: 1px solid;
    font-weight: 800;
    text-align: center;
}
.food ul.list--food > li .foodcon {

}
.food ul.list--food > li .foodcon .foodimg {
    width: 100%;
    line-height: 0;
    margin-bottom: 20px;
    aspect-ratio: 10/7;
    background: #ffffff;
    overflow: hidden;
}
.food ul.list--food > li .foodcon .foodimg img {
    position: relative;
    width: 100%;
    object-fit: contain;
    height: 100%;
}

.food ul.list--food > li .foodcon .foodtext {
    width: 100%;
    font-weight: 500;
    font-size: 17px;
    line-height: 1.6;
    margin-bottom: 20px;
    background: #f1f1f1;
    padding: 20px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    border-radius: 8px;
}

.food ul.list--food > li .foodcon .foodtext > .food_list li {
    font-size: 14px;
    border-bottom: 1px dotted #aaa;
    padding: 3px 0;
}
.food ul.list--food > li .foodcon .foodtext > .food_list li:last-child {
    border: none;
}

.food ul.list--food > li .foodcon .foodtext > .food_list {
    width: 100%;
}
.food ul.list--food > li .foodcon .foodtext > .food_list_h {
    width: 48%;
}

.food ul.list--food > li .foodcon .food_com {
clear:both;
}

.food_wrap {
    padding-top: 40px;
    border-top: 1px solid;
    margin-top: 40px;
}


.playlist_box {
    margin-bottom: 45px;
}


.playlist_wrap iframe {
    max-width: 100% !important;
}
.playlist_wrap.playlist_yt iframe {
    aspect-ratio: 16/9;
    height: auto;
}

.playlist_wrap {
    margin-bottom: 20px;
}

.playlist_wrap:last-child {
    margin-bottom: 0;
}

.playlist_tit {
    font-size: 35px;
    font-weight: bold;
    padding-left: 20px;
}

.playlist_box:last-child {
    margin-bottom: 0;
}

.playlist_tit_box {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}

.playlist_icon {
    width: 100px;
    line-height: 0;
}


.graffiti-tit {
    text-align: center;
    margin-bottom: 30px;
}
.list--graffiti {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.list--graffiti > li {
    width: 24%;
}
.list--graffiti > li .graf_name {
    font-weight: bold;
    font-size: 17px;
}

.list--booth {
    display: flex;
    flex-wrap: wrap;
    gap: 1%;
}

.list--booth > li {
    width: 24.25%;
    margin-bottom: 8px;
}

.list--booth > li a {
    display: block;
    line-height: 0;
}

.list--booth > li a:hover {
    opacity: 0.7;
}




/*  page--error
------------------------------ */
@media screen and (min-width: 961px) {
  .sp {
    display: none !important;
  }
  a {
    transition: .3s;
  }
  body {
    position: relative;
  }
  .btn input {
    transition: .3s;
  }
  .btn--main {
    min-width: 380px;
    display: inline-block;
    transform: .3s;
  }
.btn--main:hover {
    filter: hue-rotate(46deg);
}
  footer .block--footer-bottom a:hover {
    opacity: 0.5;
  }
  .page--home .block--yonfes .box-date {

  }
  .page--home .block--yonfes .box-date .date {

  }
  .page--home .block--yonfes .box-date .date:first-child {

  }
  .page--home .block--yonfes .address a:hover {
    opacity: 0.5;
  }
  .page--home .block--yontown .section-tit {
    min-width: 400px;
  }
  .page--home .block--yontown .btn--main {
    margin: 25px 0 16px;
  }
  .page--home .block--yontown p.pc {
    font-size: 12px;
    text-align: center;
  }
  .page--home .block--guidelines a:hover {
    text-decoration: none;
  }
  .page--home .block--guidelines .box-detail-tit {
    margin-bottom: 10px;
  }
  .page--home .block--guidelines .txt--attention {
    display: block;
    color: #c00;
    text-align: right;
    line-height: 1.4;
    font-size: 0.5em;
    margin-bottom: 3em;
    margin-top: 1em;
  }
  .page--home .block--guidelines .list--attention {
    padding-left: 20px;
  }
}

/*==============================

================================*/
@media screen and (min-width: 1px) and (max-width: 960px) {

body {
height: 100%;
}
  .pc {
    display: none !important;
  }
  a {
    transition: .4s;
  }
  
.txt {
    font-size: 0.9em;
}

.btn--main {
    width: 100%;
    font-size: 15px;
    padding: 20px;
    box-shadow: 0px 2px 0 #161616;
    max-width: 300px;
    line-height: 1.4;
}

.btn--main.btn_orange {
    margin-bottom: 20px;
}

.btn + .att {
    text-align: left;
    font-size: 0.9em;
    text-indent: -1em;
    padding-left: 1em;
    line-height: 1.6;
}

.box-detail:last-child {
  margin-bottom: 21px;
}

header.nav_menu {
    z-index: 999;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}

.content--body {
    padding: 0;
    min-height: 100svh;
}

.page--detail .content--body {
    padding: 0;
}

.page--detail footer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.hamBtn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    position: fixed;
    top: 16px;
    right: 16px;
    z-index: 9999;
    border: none;
    text-decoration: none;
    opacity: 1;
    -webkit-animation: upIn 0.8s ease 2s 1 forwards;
    animation: upIn 0.8s ease 2s 1 forwards;
    background: #e40074;
    cursor: pointer;
    border-radius: 100px;
    box-shadow: 2px 2px 0 #16161633;
    opacity: 0;
    transition: opacity 0.5s ease 2s;
}
.loaded .hamBtn {
    opacity: 1;
}
.menu_btn_wrap {
    position: relative;
    width: 50px;
    height: 50px;
}


.hamBtn span {
    display: block;
    background: #fff;
    width: 24px;
    height: 3px;
    position: absolute;
    left: 13px;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}
.hamBtn span:nth-of-type(1) {
    top: calc(50% - 8px);
}
.hamBtn span:nth-of-type(2) {
    top: calc(50% + -1px);
}
.hamBtn span:nth-of-type(3) {
    top: calc(50% + 6px);
}

.hamBtn.open span {
}
.hamBtn.open span:nth-of-type(1) {
	transform: translateY(7px) rotate(45deg);
}
.hamBtn.open span:nth-of-type(2) {
	opacity: 0;
}
.hamBtn.open span:nth-of-type(3) {
	transform: translateY(-7px) rotate(-45deg); 
}
.hamBox{
    position: fixed;
    top: 0;
    left: auto;
    right: -101%;
    transition: 0.5s ease;
    width: 100%;
    z-index: 99;
}

.hamBox.open {
    right: 0;
    left: auto;
}
.cs_txt {
    text-shadow: 1px 1px 1px #000000, -1px 1px 1px #000000, 1px -1px 1px #000000, -1px -1px 1px #000000, 1px 0px 1px #000000, 0px 1px 1px #000000, -1px 0px 1px #000000, 0px -1px 1px #000000;
    filter: drop-shadow(1px 1px 0px black);
    font-size: 30px;
}

ul.list--information {
    box-shadow: 3px 3px 0 #16161633;
    margin-bottom: 35px;
    border-radius: 14px;
    overflow: hidden;
}

ul.list--information li {
font-size: 14px;
}
ul.list--information li .txt {
    padding: 15px;
}
ul.list--information li .txt--title::before {
    width: 12px;
    height: 2px;
    right: 15px;
}
ul.list--information li .txt--title::after {
    height: 12px;
    right: 20px;
    width: 2px;
}

ul.list--information li .txt--title .date {
    font-size: 12px;
    margin-bottom: 5px;
}

ul.list--information li .txt--title {
    padding: 15px 15px;
}

.artistBox {
display: block;
}
.artistBox .artist-inner.box-detail {
    width: 100%;
    padding: 20px 5%;
    margin: 0 auto 50px;
}

ul.artistList li figure {
    border-radius: 8px;
    margin: 0 0 10px;
}

ul.artistList li figcaption {
    font-size: 12px;
}


.list--attention.list--guide {
  padding: 10px;
  margin: 20px auto 0;
}


.box-detail.box-ticket .btn--main {
  margin: 20px 0 0;
}

.box-detail.box-ticket {
    margin-bottom: 25px;
}


.box-detail .ac > dd {
    padding-top: 20px;
}

.box-detail .ac>dt::after {
    border-width: 3px;
    width: 11px;
    height: 11px;
}
.box-detail .ac.on>dt::after {
    top: 56%;
}

.artistBox .artist-inner .artist-schedule {
font-size: 18px;
}


.btn_wrap {
    margin-bottom: 35px;
}

.box-inner {
    margin-bottom: 35px;
}


.soon {
width: 28vw;
height: 28vw;
font-size: 12px;
}
.wrapinner {
  overflow: hidden;
}

ul.artistList li {
min-height: 30vw;
}
ul.artistList li .newIco {
    right: -10px;
    top: -10px;
    font-size: 8px;
}

footer .block--footer-partner .partner div dd.cosponsor {
justify-content: center;
        padding: 0;
}


footer .block--footer-partner .partner div dd.cosponsor a {
  width: auto;
  height: 42px;
  margin: 0 17px 12px;
  max-width: 130px;
}
footer .block--footer-partner .partner div dd.cosponsor a.svr {
    height: 55px;
    padding: 0 5px;
}

footer .block--footer-partner .partner div dd a:first-child {
    margin-left: 0;
}

.content--lower .box-detail {
    margin-bottom: 15px;
    border-radius: 12px;
}

footer .block--footer-partner .partner div dd.cosponsor.sponsor a {
    max-width: 90px;
}


.content--gallery ul.photoList {
gap: 4%;
}
.content--gallery ul.photoList li {
  width: 47%;
  margin: 0 0 4%;
}
.content--gallery ul.photoList li:last-child {
  margin: 0 0;
}


.content--gallery ul.photoall {
gap: 4%;
}
.content--gallery ul.photoall li {
  width: 47%;
  margin: 0 0 4%;
}



.content--gallery ul.photoall li a img {
height: 130px;
}



.block--gallery .galleryBtn {
width: 100%;
border-radius: 25px;
}
.block--gallery .galleryBtn a {
padding: 25px 10px 15px;
font-size: 24px;
letter-spacing: 0.1em;
}



#spnavi {
position: fixed;
top: 15px;
right: 10px;
z-index: 15;
}

#spnavi #nav_toggle {
height: 30px;
width: 30px;
display: block;
cursor: pointer;
position: relative;
z-index: 20;

    -webkit-transition: transform 0.3s ease;
    transition: transform 0.3s ease;
}


#spnavi #nav_toggle span {
display: block;
background: #ff0;
height: 3px;
border-radius: 3em;
width: 100%;
box-shadow: 0 0 0px 3px #007489;
position: absolute;
top: 7px;
    -webkit-transition: transform 0.3s ease;
    transition: transform 0.3s ease;
}

#spnavi #nav_toggle span:nth-child(2){
bottom: 7px;
top: auto;
}
#spnavi #nav_toggle.ico_open span{
  top: 50%;
  -webkit-transform: rotate(315deg);
  transform: rotate(315deg);
}
#spnavi #nav_toggle.ico_open span:nth-child(2){
top: 50%;
bottom: auto;
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);

}
.navBox {
    transition: .4s;
    width: 100%;
    border: none;
    background: #FFF;
    padding: 20px 0;
}
.navBox .nav_inner {
    width: 100%;
    padding: 60px 24px 0;
}
.navBox.open {
  right: 0;
}
.navTop h2 a {
    width: 60%;
}
.navBox ul.navlist li a::before {
    display: none;
}
.section-tit {
  font-size: 20px;
}
.box-access .venue_txt {
  font-size: 12px;
    margin-bottom: 20px;
}

.box-access .ph_access {
    width: 98%;
    margin: 20px auto;
}


.content--lower ul.artistList li a:hover {
  transform: scale(1.05);
}


  footer .block--footer-partner {
    padding: 45px 0;
  }
  footer .block--footer-partner .partner {
    width: 86%;
    margin: 0 auto;
    display: block;
  }
  footer .block--footer-partner .partner div {
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  footer .block--footer-partner .partner div dt {
    font-size: 13px;
    text-align: center;
    margin: 0 0px 8px;
  }
  footer .block--footer-partner .partner div dd {
    margin: 0 auto;
    line-height: 1;
  }
  footer .block--footer-partner .partner div dd img {
    display: block;
    width: 45%;
    margin: 0 auto;
  }
  footer .block--footer-partner .partner div dd a:not(:last-child) {
    margin-right: 0px;
  }
  footer .block--footer-partner .partner div dd.oparation {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    padding-bottom: 10px;
  }
  footer .block--footer-partner .partner div a.tel {
      text-align: center;
      margin-top: 10px;
      top: 0;
  }
  footer .block--footer-partner .partner div.plan dd {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;
  }
  footer .block--footer-partner .partner div.plan dd img {
    width: 95%;
    margin: 0 auto;
  }
  footer .block--footer-bottom {
      padding: 45px 0 20px;
  }

  footer .block--footer-bottom .block--archive {
    width: 95%;
    margin-bottom: 30px;
  }
  footer .block--footer-bottom .block--archive .list--archive {

  }
  footer .block--footer-bottom .block--archive .list--archive li {
    width: 37%;
  }
  footer .block--footer-bottom .block--archive .list--archive li:not(:last-child) {
    margin-bottom: 27px;
  }

.footer__bottom {
    padding-top: 0;
}
footer .btnHome a {
    margin: 0 auto 1.2rem;
    width: 55%;
}
.socialList li a {
    font-size: 1.2rem;
}

  .list--attention {
      text-align: left;
      margin-bottom: 1em;
  }
  .list--attention li {
    font-size: 12px;
    margin: 0.4em 0 0 0.8em;
  }
  .list--artist li:first-child {
    width: 100%;
  }
  .list--artist li:first-child figure img {
    border: 6px solid #231815;
    margin-bottom: 6px;
  }
  .list--artist li:first-child figcaption {
    font-size: 18px;
    line-height: 1.2;
  }
  .list--artist li:first-child figcaption span {
    font-size: 12px;
  }

.box-date + .list--attention {
padding: 0;
}

dl.list--type {
    display: block;
    font-size: 16px;
    margin: 0 auto 0;
    width: 100%;
}
dl.list--type dt {
    width: 100% !important;
    margin-bottom: 0;
    padding: 10px;
    border-right: none;
}
dl.list--type dt:before {
    top: 100%;
    height: 1px;
    width: calc(100% - 20px);
    left: 0;
    margin: auto;
}
dl.list--type dd {
    width: 100% !important;
    padding: 10px;
}
dl.list--type dd .txt .u18{
    font-size: 12px;
    padding: 4px 10px;
}
.block--yonfes dl.list--ticket + dl.list--ticket {
    border-top: none;
}

.block--yonfes .box-detail.box-numbered dl.list--ticket {
    font-size: 14px;
}

.block--yonfes dl.list--ticket dt {
padding: 1em 1em 0;
position: relative;
border: none;
        margin-bottom: 0.2em;
}
  dl.list--ticket {
    font-size: 12px;
    margin-bottom: 24px;
  }
  dl.list--ticket dt {
    width: 100% !important;
    text-align: left !important;
border-bottom: 1px solid #fff100;
margin-bottom: 0;
  }
.block--yonfes dl.list--ticket dt::before {
content:none;
}
  dl.list--ticket dd {
    width: 100% !important;
  }
.block--yonfes dl.list--ticket dd {
    padding: 0 1em 1em;
    font-size: 13px;
    line-height: 1.7;
}
  
  .block--yonfes dl.list--ticket {
    display: block;
    margin: 0 auto 0px;
  }
  .block--yonfes dl.list--ticket dd ul {
    padding: 20px 0;
    font-size: 13px;
  }
  .block--yonfes dl.list--ticket dd ul li {
    display: block;
    position: relative;
    padding-left: 30px;
  }
  .block--yonfes dl.list--ticket dd ul li::before {
    position: absolute;
    left: 12px;
  }
  .block--yontown dl.list--ticket {
    padding: 0;
  }
  .block--yontown dl.list--ticket div {
    display: block;
    position: relative;
  }
  .block--yontown dl.list--ticket div:not(:last-child) {
    border-bottom: none;
    padding-bottom: 0px;
    margin-bottom: 27px;
  }
  .block--yontown dl.list--ticket dt {
    width: 100%;
    padding-left: 0px;
    float: none;
  }
  .block--yontown dl.list--ticket dd {
    padding: 16px 11px;
  }
  .block--yontown dl.list--ticket dd.period {
    font-size: 15px;
  }
  .block--yontown dl.list--ticket p.type {
    margin-right: 0px;
    width: 12em;
  }
  .block--yontown dl.list--ticket dd.tickettype {
    font-size: 13px;
    padding: 0;
  }
  .block--yontown dl.list--ticket dd.tickettype ul {
    padding: 20px 0;
  }
  .block--yontown dl.list--ticket dd.tickettype ul li {
    display: block;
    padding-left: 30px;
  }
  .block--yontown dl.list--ticket dd.tickettype ul li::before {
    position: absolute;
    left: 12px;
  }
  .block--yontown dl.list--ticket dd.tickettype ul li:not(:first-child) {
    margin-top: 15px;
  }
  .block--yontown dl.list--ticket dd.tickettype ul li:not(:last-child) {
    border-bottom: 1px solid rgba(163, 163, 163, 0.3);
    padding-bottom: 15px;
  }
  .wrap {
    position: relative;
  }
  .wrap::before {
  
  }
  .wrap::after {
  
  }
  
.contentWrapClm {
    padding: 0;
    gap: 60px;
}
.section--content {
    padding: 0 5%;
}

.section-tit {
    font-size: 16px;
    line-height: 1.4;
    margin-bottom: 20px;
}
.section-tit span {
    padding: 0 0.5em;
}

.section_tit {
    margin-bottom: 16px;
}

.section_tit span {
    font-size: 53px;
    -webkit-text-stroke: 2px #18130d;
}

.section_tit .section_tit_txt::before {
    height: 16px;
}

.section_tit_txt {
    filter: drop-shadow(2px 2px 0px black);
}

.box-detail {
    width: 100%;
    padding: 20px 5%;
    box-shadow: 3px 3px 0 #16161633;
    margin-bottom: 50px;
}

.box-detail .box-tit {
    font-size: 18px;
    padding: 0;
    margin: -40px auto 18px;
}

.box-detail .box-tit span {
    padding: 10px 30px;
    font-size: 16px;
}

  .box-detail .box-tit.box-tit_ticket {
    width: 132px;
  }
  .box-detail .box-detail-tit {
    text-align: left;
    font-size: 1.3em;
    line-height: 1.4;
    margin-bottom: 1.5em;
  }
  .block--label p {
    font-size: 4.3vw;
  }
  .block--label span {
    margin-right: 1.2vw;
  }
  .tax {
    font-size: 10px;
  }
  .page--home .section--top {
    min-height: 0;
    height: 100vh;
    height: 100svh;
  }
  .page--home .section--top .block--image img {
    width: auto;
    height: 100vh;
    object-fit: cover;
  }
  .page--home .section--top .block--lead {
    width: 82%;
  }
  .page--home .inner {
  }
  .block--yonfes {
      padding: calc(50px + 4.3vw) 0;
  }
  .block--yonfes .box-date {
    flex-direction: column;
    width: 100%;
    justify-content: center;
  }
  .block--yonfes .box-date .date {
    font-size: 20px;
    width: auto;
    line-height: 1.2;
    margin: 0;
  }
  .block--yonfes .box-date {
      margin: 0 auto 14px;
  }

  .block--yonfes .soldout {
      font-size: 52px;
      padding: 20px 35px;
  }

  .block--yonfes .time {
    font-size: 12px;
    letter-spacing: 0;
  }
  .block--yonfes .venue {
    font-size: 16px;
  }
  .block--yonfes .address {
    margin-bottom: 8px;
  }
  .block--yonfes .address a {
    font-size: 12px;
  }
  .block--yonfes .address a .icon {
    width: 12px;
  }
  .block--yonfes .andmore {
    transform: translate(25%, -30%);
    width: 76px;
    height: 76px;
    font-size: 12px;
    padding: 24px 15px 15px;
  }
  .block--yontown .section-tit {
    margin: 0 auto 15px;
  }
  .block--yontown .box-detail img {
    width: 60vw;
    left: 50%;
    transform: translate(-50%, 50%);
  }
  .block--guidelines {
    margin-top: 9em;
  }
  .block--guidelines .block--link a {
    font-size: 10px;
    line-height: 1;
    word-break: break-all;
  }
  .block--guidelines dl.list--guidelines dd {
    margin-bottom: 2em;
  }
  
.guideline .freearea font {
    font-size: 14px;
}

.guide_box {
    text-align: left;
    margin-bottom: 20px;
    padding-bottom: 15px;
}

.guide_box font {
    font-size: 14px;
}

.bnr_list .slick-slider li {
    width: 200px !important;
}
  

.box-detail .box-inner .name {
  font-size: 20px;
  margin: 0 auto 10px;
}
.box-detail .box-inner .more {
  font-size: 15px;
  margin: 15px auto 0px;
}

.wrap::before {
    width: 100vw;
    height: 100vh;
}

.wrap .bg_line {
}
.wrap .bg_line.bg_line_01{
  background: url(../../images/bg_deco_sp_gY6jGfSm.png) center center no-repeat;
  background-size: cover;
}
.wrap .movingLine{
    width: 600vw;
}
.wrap .movingLine img{
    width: 300vw;
}
.scrollDown {
    position: absolute;
    bottom: 16px;
    left: 16px;
    gap: 8px;
}
.scrollDown .scrollTxt {
    font-size: 60%;
}
.scrollDown .scrollarrow {
    height: 32px;
}
.fvNav{
  display: none;
}
.fvSns{
    right: 16px;
    bottom: 16px;
}
.busTicket {
  padding: 20px;
}
.busTicket .tit {
font-size: 17px;
line-height: 1.4;
margin: 0 auto 15px;
padding: 0 1em;
}
.busTicket .lead {
  font-weight: bold;
  font-size: 14px;
  margin: 0 auto 20px;
}
.busTicket .parking {
  margin: 0 auto 15px;
  padding: 10px;
}
.busTicket .parking .subtit {
  font-size: 16px;
}
.busTicket .parking .venue {
  margin: 0 auto 5px;
  font-size: 14px;
}
.busTicket .parking .address {
  font-size: 12px;
}
.busTicket .parkingDetail .subtit {
  font-size: 16px;
}

.busTicket .parkingDetail .venue {
  font-size: 14px;
}

.busTicket table.price th {
  border-top:none;
  border-right:none;
  border-left:none;
  padding: 15px;
  display: block;
  width: 100%;
}
.busTicket table.price td {
  padding: 15px;
  display: block;
  width: 100%;
}

.busTicket dl.attentionBox dt {
  font-size: 16px;
}



.box-detail.box-numbered .box-tit.short {
    font-size: 17px;
    line-height: 1.5;
}

.box-detail.box-numbered .box-inner {
  text-align: left;
}
.box-detail.box-numbered .txt {
    font-size: 14px;
    text-align: left;
    margin: 0 auto 20px;
}

.block--yonfes .box-detail.box-numbered dl.list--ticket dd:before {
    display: none;
}

.list--ticket_wrap {
    margin-bottom: 20px;
}


.good_ph {
    margin-bottom: 15px;
}

.goodsTicket {
  padding: 0 20px 20px;
}

.goodsTicket .howtoTit {
        font-size: 17px;
        margin: 35px auto 10px;
        letter-spacing: normal;
}
.goodsTicket dl.attentionBox {
  padding: 10px 15px 15px;
  margin: 0px auto 20px;
  font-size: 14px;
}


.goodsTicket .btn--main {
padding: 20px 5px 16px;
line-height: 1.5;
}

.goodsTicket .howtoStep {
  font-size: 15px;
  margin: 20px auto 20px;
}
.goodsTicket ul.stepBox li {
  width: 47%;
}
.goodsTicket ul.stepBox li .howtoDetail {

  line-height: 1.4;
  font-size: 13px;
}

.goodsTicket .list--attention {
  padding-top: 20px;
  margin: 20px 0 0;
}

.btn--main.btn--tt {
margin: 10px 0 0px;
padding: 20px 0 16px;
font-size: 16px;
}

.box-inner.sheetarea {
padding: 25px 0 0;
margin: 15px 0 0;
  border-top: 10px solid #007489;
  text-align: left;
}


.box-inner.sheetarea .txt {
  font-size: 14px;
  margin: 0 auto 20px;
  text-align: left;
}
.box-inner.sheetarea .box-tit.short {
line-height: 1.2;
}
.box-inner.sheetarea .list--attention {
  margin: 20px auto 0px;
}

.map .box-food .ph_food {
  width: 100%;
}
.map .box-food .ph_food a img{
margin:0;
}


.map .box-food .ph_food.ph_goodslink {
  width: 100%;
  margin: 20px 0 0;
}
.map .box-cloak {
margin: 0px auto 30px;
padding: 0 0 5px;
}


ul.tabslist {
    margin-bottom: 35px;
}

ul.tabslist li {
    width: 80%;
    margin: 0 auto 12px;
    max-width: 320px;
}

ul.tabslist li:last-child {
    margin-bottom: 0;
}

ul.tabslist li a {
    border: 2px solid;
    border-radius: 12px;
    box-shadow: 0 2px 0 #000;
}

.food_wrap {
    padding-top: 25px;
    margin-top: 25px;
}

.food .section-tit {
    font-size: 18px;
    margin-bottom: 10px;
}

.food .txt {
    margin-bottom: 10px;
    font-size: 13px;
    line-height: 1.7;
}

.food ul.list--food {
    display: block;
    margin-top: 0;
}
.food ul.list--food > li {
    width: 100%;
    margin: 0 0 35px;
    padding: 15px 13px;
}
.food ul.list--food > li:last-child {
    margin-bottom: 0;
}

.food ul.list--food > li h5 {
    padding: 4px 15px;
    font-size: 15px;
    margin: -34px auto 20px;
}

.food ul.list--food > li .foodcon .foodimg {
  width: 100%;
  float: none;
}

.food ul.list--food > li .foodcon .foodtext {
    width: 100%;
    line-height: 1.5;
    margin-bottom: 10px;
    padding: 14px;
}

.food ul.list--food > li .foodcon .foodtext > .food_list_h {
    width: 100%;
}

.food ul.list--food > li .foodcon .foodtext > .food_list li {
    font-size: 12px;
}

.food ul.list--food > li .foodcon .food_com {
    font-size: 13px;
    line-height: 1.5;
}

.playlist_icon {
    width: 70px;
}

.playlist_tit {
    font-size: 26px;
    padding-left: 15px;
}

.playlist_tit_box {
    margin-bottom: 20px;
}

.playlist_box {
    margin-bottom: 30px;
}

.playlist_wrap {
    margin-bottom: 15px;
}

.graffiti-tit {
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 20px;
}
.list--graffiti > li {
    width: 48%;
    margin-bottom: 12px;
}
.list--graffiti > li .graf_name {
    font-size: 14px;
}

.list--booth {
    gap: 2%;
}
.list--booth > li {
    width: 49%;
    margin-bottom: 5px;
}

}

/*  tablet
------------------------------ */
@media screen and (min-width: 768px) and (max-width: 960px) {
  body {
    font-size: 16px;
  }
  footer .block--footer-partner .partner {
    width: 50%;
  }
  footer .block--footer-bottom .block--archive {
    width: 40%;
  }
  .section-tit {
    width: 70%;
    margin: 0 auto 50px;
  }
  .btn--main {
  }
  .page--home .section--top .block--lead {
    width: 85%;
    max-width: 70vh;
  }
  .page--home .block--yonfes .andmore {
    width: 100px;
    height: 100px;
    font-size: 16px;
    padding: 30px 20px 20px;
  }
  .page--home .block--yontown .section-tit {
    margin: 0 auto 35px;
  }
  .page--home .block--yontown .box-detail img {
    width: 45vw;
  }





}