@charset "UTF-8";
.artaudio {
  padding-bottom: 50px;
  position: relative;
  z-index: 1;
}
@media (min-width: 835px) {
  .artaudio {
    padding-bottom: 80px;
  }
}

.artaudio__inner {
  padding: 0 20px;
  position: relative;
}
@media (min-width: 835px) {
  .artaudio__inner {
    margin: 0 auto;
    max-width: 640px;
    padding: 0;
  }
}

.artaudio__lead {
  font-size: 0.875rem;
  margin-bottom: 25px;
}
@media (min-width: 835px) {
  .artaudio__lead {
    margin-bottom: 35px;
  }
}

.artaudio__castttl {
  margin-bottom: 20px;
  width: 18.8vw;
}
@media (min-width: 835px) {
  .artaudio__castttl {
    margin-bottom: 25px;
    width: 76px;
  }
}

@media (min-width: 835px) {
  .artaudio__castlist {
    align-items: center;
    display: flex;
  }
}
.artaudio__castlist + .artaudio__castlist {
  margin-top: 20px;
}
@media (min-width: 835px) {
  .artaudio__castlist + .artaudio__castlist {
    margin-top: 40px;
  }
}
.artaudio__castlist dt {
  font-weight: 900;
  font-size: 1.125rem;
}
@media (min-width: 835px) {
  .artaudio__castlist dt {
    width: 120px;
    font-size: 1.625rem;
  }
}
.artaudio__castlist dd {
  margin-top: 5px;
  font-size: 0.6875rem;
}
@media (min-width: 835px) {
  .artaudio__castlist dd {
    margin-top: 0;
    width: calc(100% - 120px);
    font-size: 0.75rem;
  }
}

.artaudio__mc {
  border-top: 2px dotted #000;
  margin-bottom: 35px;
  margin-top: 20px;
  padding-top: 15px;
  font-size: 0.8125rem;
}
@media (min-width: 835px) {
  .artaudio__mc {
    font-size: 1rem;
    margin-bottom: 40px;
    margin-top: 40px;
    padding-top: 20px;
  }
}
.artaudio__mc strong {
  font-weight: 900;
}

.artaudio__pricettl {
  margin-bottom: 20px;
  width: 20.9vw;
}
@media (min-width: 835px) {
  .artaudio__pricettl {
    margin-bottom: 20px;
    width: 85px;
  }
}

.artaudio__pricetxt {
  font-size: 0.875rem;
  font-weight: 700;
  margin-bottom: 15px;
}
@media (min-width: 835px) {
  .artaudio__pricetxt {
    margin-bottom: 30px;
  }
}

.artaudio__pricelist {
  align-items: center;
  border-bottom: 2px dotted #000;
  border-top: 2px dotted #000;
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
  padding: 20px 0;
}
@media (min-width: 835px) {
  .artaudio__pricelist {
    padding: 15px 0;
  }
}
.artaudio__pricelist dt {
  font-size: 0.8125rem;
  font-weight: 900;
}
@media (min-width: 835px) {
  .artaudio__pricelist dt {
    font-size: 1rem;
  }
}
.artaudio__pricelist dd {
  width: 28.4vw;
}
@media (min-width: 835px) {
  .artaudio__pricelist dd {
    width: 132px;
  }
}

@-webkit-keyframes artcurtainanim {
  0% {
    transform: scaleX(0);
    transform-origin: 0% 0;
  }
  50% {
    transform: scaleX(1);
    transform-origin: 0% 0;
  }
  51% {
    transform-origin: 100% 0;
  }
  100% {
    transform: scaleX(0);
    transform-origin: 100% 0;
  }
}

@keyframes artcurtainanim {
  0% {
    transform: scaleX(0);
    transform-origin: 0% 0;
  }
  50% {
    transform: scaleX(1);
    transform-origin: 0% 0;
  }
  51% {
    transform-origin: 100% 0;
  }
  100% {
    transform: scaleX(0);
    transform-origin: 100% 0;
  }
}
.artmain__curtain {
  display: block;
  position: relative;
}
.artmain__curtain:after {
  position: absolute;
  top: 0;
  left: 0;
  background: #3737e2;
  content: "";
  height: 100%;
  transform: scaleX(0);
  width: 100%;
}
.artinfo__venue__ttl .artmain__curtain:after, .artinfo__venue__notice .artmain__curtain:after {
  background: #000;
}
.artmain__curtain img {
  opacity: 0;
}
.artmain__curtain .artmain__curtain__span {
  opacity: 0;
}
.-reveal .artmain__curtain:after {
  -webkit-animation: artcurtainanim 1s 0s cubic-bezier(0.85, 0, 0.15, 1) forwards;
          animation: artcurtainanim 1s 0s cubic-bezier(0.85, 0, 0.15, 1) forwards;
}
.-reveal .artmain__curtain img {
  opacity: 1;
  transition: opacity 0.3s 0.5s ease;
}
.-reveal .artmain__curtain .artmain__curtain__span {
  opacity: 1;
  transition: opacity 0.3s 0.5s ease;
}

.artexhibits {
  position: relative;
  z-index: 1;
}

.artexhibits__inner {
  padding: 0 20px;
  position: relative;
}
@media (min-width: 835px) {
  .artexhibits__inner {
    margin: 0 auto;
    max-width: 640px;
    padding: 0;
  }
}

.artexhibits__ttl.artmain__secttl {
  margin-bottom: 20px;
  margin-top: 35px;
}
@media (min-width: 835px) {
  .artexhibits__ttl.artmain__secttl {
    margin-bottom: 30px;
    margin-top: 85px;
  }
}

.artexhibits__notice {
  margin: 10px 0 20px;
}
@media (min-width: 835px) {
  .artexhibits__notice {
    margin: 10px 0 40px;
  }
}

.artexhibits__cont {
  margin-bottom: 35px;
}
@media (min-width: 835px) {
  .artexhibits__cont {
    margin-bottom: 80px;
  }
}

.artexhibits__list__item {
  margin-top: 5px;
  opacity: 0;
  transform: translate(0, 10%);
}
@media (min-width: 835px) {
  .artexhibits__list__item {
    margin-top: 8px;
  }
}
.-reveal .artexhibits__list__item {
  opacity: 1;
  transform: translate(0, 0);
}
.-reveal .artexhibits__list__item:nth-child(1) {
  transition: all 0.6s 0.2s ease;
}
.-reveal .artexhibits__list__item:nth-child(2) {
  transition: all 0.6s 0.3s ease;
}
.-reveal .artexhibits__list__item:nth-child(3) {
  transition: all 0.6s 0.4s ease;
}
.-reveal .artexhibits__list__item:nth-child(4) {
  transition: all 0.6s 0.5s ease;
}
.-reveal .artexhibits__list__item:nth-child(5) {
  transition: all 0.6s 0.6s ease;
}
@media (min-width: 835px) {
  .artexhibits__list__item dl {
    align-items: center;
    display: flex;
  }
}
.artexhibits__list__item[data-cont="0"] {
  background: url(/assets/img/art/exhibits/c0/ph_contbg_nrw.png) no-repeat 0 0/cover;
}
@media (min-width: 835px) {
  .artexhibits__list__item[data-cont="0"] {
    background: url(/assets/img/art/exhibits/c0/ph_contbg.png) no-repeat 0 0/cover;
  }
}
.artexhibits__list__item[data-cont="1"] {
  background: url(/assets/img/art/exhibits/c1/ph_contbg_nrw.png) no-repeat 0 0/cover;
}
@media (min-width: 835px) {
  .artexhibits__list__item[data-cont="1"] {
    background: url(/assets/img/art/exhibits/c1/ph_contbg.png) no-repeat 0 0/cover;
  }
}
.artexhibits__list__item[data-cont="2"] {
  background: url(/assets/img/art/exhibits/c2/ph_contbg_nrw.png) no-repeat 0 0/cover;
}
@media (min-width: 835px) {
  .artexhibits__list__item[data-cont="2"] {
    background: url(/assets/img/art/exhibits/c2/ph_contbg.png) no-repeat 0 0/cover;
  }
}
.artexhibits__list__item[data-cont="3"] {
  background: url(/assets/img/art/exhibits/c3/ph_contbg_nrw.png) no-repeat 0 0/cover;
}
@media (min-width: 835px) {
  .artexhibits__list__item[data-cont="3"] {
    background: url(/assets/img/art/exhibits/c3/ph_contbg.png) no-repeat 0 0/cover;
  }
}
.artexhibits__list__item[data-cont="4"] {
  background: url(/assets/img/art/exhibits/c4/ph_contbg_nrw.png) no-repeat 0 0/cover;
}
@media (min-width: 835px) {
  .artexhibits__list__item[data-cont="4"] {
    background: url(/assets/img/art/exhibits/c4/ph_contbg.png) no-repeat 0 0/cover;
  }
}

.exhcont__ttl {
  padding: 14px 14px 12px;
}
@media (min-width: 835px) {
  .exhcont__ttl {
    flex-basis: 240px;
    flex-shrink: 0;
    padding: 0 0 0 24px;
  }
}

.exhcont__ttl__txt {
  height: 26px;
}
@media (min-width: 835px) {
  .exhcont__ttl__txt {
    height: 21px;
  }
}
.exhcont__ttl__txt img {
  height: 100%;
  width: auto;
}
[data-cont="2"] .exhcont__ttl__txt {
  height: 27px;
}
@media (min-width: 835px) {
  [data-cont="2"] .exhcont__ttl__txt {
    height: 22px;
  }
}

.exhcont__cont {
  position: relative;
}

.exhcont__cont__txt {
  line-height: 1.5;
  padding: 0 10px 20px 50px;
  position: relative;
  font-size: 0.875rem;
}
@media (min-width: 835px) {
  .exhcont__cont__txt {
    font-size: 0.875rem;
    line-height: 1.7857142857;
    padding: 28px 20px 28px 0;
  }
}

.artexhibits .artmain__ph .swiper-slide {
  overflow: hidden;
}
.artexhibits .artmain__slider-thumbnail .swiper-slide img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.artgoods {
  padding-bottom: 40px;
  position: relative;
  z-index: 1;
}
@media (min-width: 835px) {
  .artgoods {
    padding-bottom: 100px;
  }
}

.artgoods__inner {
  padding: 0 20px;
  position: relative;
}
@media (min-width: 835px) {
  .artgoods__inner {
    margin: 0 auto;
    max-width: 640px;
    padding: 0;
  }
}

.artgoods__bnr {
  display: block;
}
@media (min-width: 835px) {
  .artgoods__bnr {
    margin-top: 30px;
  }
}

.artinfo {
  position: relative;
  z-index: 1;
}
.artinfo .js-acc {
  overflow: hidden;
  height: 0px;
  transition: height 0.4s 0s ease;
  /* max-height: 0;
  overflow: hidden;
  height: auto; */
}

@media (min-width: 835px) {
  .artinfo__catch {
    position: absolute;
    top: 640px;
    left: 5px;
    width: 150px;
  }
}

.artinfo__inner {
  padding: 0 15px;
  position: relative;
}
@media (min-width: 835px) {
  .artinfo__inner {
    margin: 0 auto;
    max-width: 640px;
    padding: 0;
  }
}

.artinfo__headline {
  line-height: 1;
  position: relative;
}
.artinfo__headline:before {
  background: #3737e2;
  content: "";
  display: block;
  height: 4px;
  margin-bottom: 15px;
  margin-left: -5px;
  transform: scaleX(0);
  width: 46px;
}
@media (min-width: 835px) {
  .artinfo__headline:before {
    margin-bottom: 20px;
    margin-left: -10px;
    width: 94px;
  }
}
.artinfo__headline.-reveal:before {
  transform: scaleX(1);
  transform-origin: 0 0;
  transition: transform 1s 0s ease;
}

.artinfo__subttl {
  font-size: 0.8125rem;
  font-weight: 900;
  margin-bottom: 10px;
}
@media (min-width: 835px) {
  .artinfo__subttl {
    font-size: 1rem;
    margin-bottom: 10px;
  }
}

.artinfo__overview {
  margin-bottom: 20px;
  width: 32vw;
}
@media (min-width: 835px) {
  .artinfo__overview {
    margin-bottom: 30px;
    width: 141px;
  }
}

.artinfo__about {
  margin-bottom: 20px;
  width: 23.6vw;
}
@media (min-width: 835px) {
  .artinfo__about {
    margin-bottom: 30px;
    width: 95px;
  }
}

.artinfo__place {
  margin-bottom: 20px;
  width: 55vw;
}
.-osaka .artinfo__place {
  margin-bottom: 15px;
  width: 58.8vw;
}
.-toyama .artinfo__place {
  margin-bottom: 15px;
  width: 70.2vw;
}
@media (min-width: 835px) {
  .artinfo__place {
    margin-bottom: 30px;
    width: 250px;
  }
  .-osaka .artinfo__place {
    width: 517px;
  }
  .-toyama .artinfo__place {
    width: 317px;
  }
}

.artinfo__place__notice {
  margin: 0 0 18px;
}
@media (min-width: 835px) {
  .artinfo__place__notice {
    margin: 10px 0 20px;
  }
}
.artinfo__place__notice a {
  text-decoration: underline;
}

.artinfo__schedule {
  width: 69.8vw;
}
.-osaka .artinfo__schedule {
  width: 54.5vw;
}
.-toyama .artinfo__schedule {
  width: 51.7vw;
}
@media (min-width: 835px) {
  .artinfo__schedule {
    width: 331px;
  }
  .-osaka .artinfo__schedule {
    width: 455px;
  }
  .-toyama .artinfo__schedule {
    width: 353px;
  }
}
.artinfo__schedule__sub {
  font-size: 0.8125rem;
  font-weight: 700;
  margin-top: 5px;
}
@media (min-width: 835px) {
  .artinfo__schedule__sub {
    font-size: 1rem;
  }
}

.artinfo__schedule__notice {
  margin: 18px 0;
}
@media (min-width: 835px) {
  .artinfo__schedule__notice {
    margin: 20px 0;
  }
}

.artinfo__benefitrow {
  margin-bottom: 50px;
  position: relative;
}
@media (min-width: 835px) {
  .artinfo__benefitrow {
    display: flex;
    margin-bottom: 80px;
    margin-top: 20px;
  }
}

.artinfo__benefit {
  margin-top: 25px;
  width: 27.7vw;
}
@media (min-width: 835px) {
  .artinfo__benefit {
    margin-top: 30px;
    width: 113px;
  }
}

@media (min-width: 835px) {
  .artinfo__benefit__ph {
    flex-basis: 396px;
    flex-shrink: 0;
  }
}

@media (min-width: 835px) {
  .artinfo__benefit__info {
    padding-left: 20px;
  }
}

.artinfo__benefit__subttl {
  margin: 12px 0;
}
@media (min-width: 835px) {
  .artinfo__benefit__subttl {
    margin: 0;
  }
}

.artinfo__benefit__phttl {
  margin-top: 7px;
}

.artinfo__benefit__notice {
  margin: 5px 0 0;
}

.artinfo__ticketwrap {
  position: relative;
}
.-osaka .artinfo__ticketwrap {
  margin-top: 26px;
}
.-toyama .artinfo__ticketwrap {
  margin-top: 26px;
}
@media (min-width: 835px) {
  .artinfo__ticketwrap {
    margin-top: 30px;
  }
}

.artinfo__ticket {
  margin-bottom: 15px;
  width: 24.2vw;
}
@media (min-width: 835px) {
  .artinfo__ticket {
    margin-bottom: 25px;
    width: 98px;
  }
}

.artinfo__ticketlist {
  margin-bottom: 15px;
}
@media (min-width: 835px) {
  .artinfo__ticketlist {
    margin-bottom: 20px;
  }
}

.artinfo__ticketlist__row {
  margin-top: 20px;
}
@media (min-width: 835px) {
  .artinfo__ticketlist__row {
    align-items: flex-start;
    display: flex;
    margin-top: 30px;
  }
}

.artinfo__ticketlist__item {
  border-top: 2px dotted #000;
  padding: 15px 0;
  font-size: 0.8125rem;
}
@media (min-width: 835px) {
  .artinfo__ticketlist__item {
    padding: 25px 0;
    font-size: 1rem;
  }
}
.artinfo__ticketlist__item:last-child {
  border-bottom: 2px dotted #000;
}
@media (min-width: 835px) {
  .artinfo__ticketlist__item .outdl {
    display: flex;
    justify-content: space-between;
  }
}
@media (min-width: 835px) {
  .artinfo__ticketlist__item .outdl__dt {
    margin-top: 5px;
  }
}
.artinfo__ticketlist__item .indl {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-top: 8px;
}
@media (min-width: 835px) {
  .artinfo__ticketlist__item .indl {
    margin-top: 0;
  }
}
@media (min-width: 835px) {
  .artinfo__ticketlist__item .indl + .indl {
    margin-top: 20px;
  }
}
.artinfo__ticketlist__item .indl dt {
  font-weight: 700;
}
.artinfo__ticketlist__item .indl dd {
  height: 27px;
}
@media (min-width: 835px) {
  .artinfo__ticketlist__item .indl dd {
    height: 31px;
  }
}
.artinfo__ticketlist__item .indl dd img {
  height: 100%;
  max-width: initial;
  width: auto;
}
@media (min-width: 835px) {
  .artinfo__ticketlist__item dt {
    width: 150px;
  }
}

@media (min-width: 835px) {
  .artinfo__ticketlist__item__ph {
    flex-basis: 372px;
    flex-shrink: 0;
  }
}
.artinfo__ticketlist__item__ph .swiper {
  height: 45.3vw;
  width: 100%;
}
@media (min-width: 835px) {
  .artinfo__ticketlist__item__ph .swiper {
    height: auto;
    max-width: 372px;
    width: auto;
  }
}

.artinfo__ticketlist__info {
  margin-top: 20px;
}
@media (min-width: 835px) {
  .artinfo__ticketlist__info {
    margin-top: 0;
    padding-left: 20px;
  }
}

.artinfo__ticketlist__info__txt {
  font-size: 0.8125rem;
  margin-top: 0.5em;
}

.artinfo__ticket__notice {
  margin: 5px 0 0;
}
@media (min-width: 835px) {
  .artinfo__ticket__notice {
    margin: 10px 0 0;
  }
}

.artinfo__salewrap {
  margin-top: 26px;
  position: relative;
}
@media (min-width: 835px) {
  .artinfo__salewrap {
    margin-top: 30px;
  }
}

.artinfo__sale {
  width: 66.4vw;
}
@media (min-width: 835px) {
  .artinfo__sale {
    width: 269px;
  }
}

.artinfo__sale__link {
  align-items: center;
  border: 1px solid #000;
  display: flex;
  font-weight: 700;
  height: 60px;
  justify-content: center;
  line-height: 1;
  margin: 20px 0 16px;
  text-align: center;
  font-size: 1rem;
}
@media (min-width: 835px) {
  .artinfo__sale__link {
    height: 76px;
    margin: 30px 0 20px;
    max-width: 324px;
    font-size: 1.125rem;
  }
}
.artinfo__sale__link .small {
  display: block;
  font-weight: 400;
  margin-top: 5px;
  font-size: 0.8125rem;
}
@media (min-width: 835px) {
  .artinfo__sale__link .small {
    font-size: 0.75rem;
    margin-top: 8px;
  }
}

.artinfo__sale__reserveline {
  margin-top: 30px;
  position: relative;
}
.artinfo__sale__reserve {
  margin: 12px 0;
  width: 53.3vw;
}
.-osaka .artinfo__sale__reserve {
  width: 49.3vw;
}
.-toyama .artinfo__sale__reserve {
  width: 49.3vw;
}
@media (min-width: 835px) {
  .artinfo__sale__reserve {
    margin: 15px 0;
    width: 229px;
  }
  .-osaka .artinfo__sale__reserve {
    width: 211px;
  }
  .-toyama .artinfo__sale__reserve {
    width: 212px;
  }
}

.artinfo__sale__subttl.artmain__subttl {
  font-size: 1rem;
}
@media (min-width: 835px) {
  .artinfo__sale__subttl.artmain__subttl {
    font-size: 1.125rem;
  }
}

@media (min-width: 835px) {
  .artinfo__sale__subttl.artmain__subttl.-df {
    align-items: center;
    display: flex;
  }
}
.artinfo__sale__subttl.artmain__subttl.-df span {
  border: 2px solid;
  color: #ff0000;
  display: inline-block;
  line-height: 1;
  margin-top: 7px;
  padding: 5px 7px;
  font-size: 0.75rem;
}
@media (min-width: 835px) {
  .artinfo__sale__subttl.artmain__subttl.-df span {
    margin-left: 14px;
    margin-top: 0;
    padding: 5px 8px;
    padding: 5px 8px;
  }
}

.artinfo__sale__subttl_under {
  font-size: 0.8125rem;
  font-weight: 700;
  margin-top: 0.5em;
}
@media (min-width: 835px) {
  .artinfo__sale__subttl_under {
    font-size: 1rem;
  }
}

.artinfo__sale__subttl2 {
  font-size: 0.8125rem;
  font-weight: 700;
  margin-bottom: 10px;
}
@media (min-width: 835px) {
  .artinfo__sale__subttl2 {
    font-size: 1rem;
  }
}
@media (min-width: 835px) {
  .artinfo__sale__subttl2 .slash {
    display: inline-block;
    margin: 0 0.75em;
  }
}

.artinfo__sale__txt {
  font-size: 0.8125rem;
  margin-top: 7px;
}
@media (min-width: 835px) {
  .artinfo__sale__txt {
    margin-top: 15px;
  }
}
.-end .artinfo__sale__txt {
  color: #707070;
}

.artinfo__sale__btn {
  margin-top: 16px;
}
@media (min-width: 835px) {
  .artinfo__sale__btn {
    margin-top: 20px;
  }
}

.artinfo__discountwrap {
  background: rgba(195, 195, 244, 0.5);
  margin: 32px -12px;
}
@media (min-width: 835px) {
  .artinfo__discountwrap {
    margin: 40px -32px 0;
  }
}

.artinfo__discount {
  padding: 26px 12px;
}
@media (min-width: 835px) {
  .artinfo__discount {
    padding: 36px 32px;
  }
}

.artinfo__discount__subttl.artmain__subttl {
  font-size: 1rem;
}
@media (min-width: 835px) {
  .artinfo__discount__subttl.artmain__subttl {
    font-size: 1.125rem;
  }
}

.artinfo__discount__lead {
  font-size: 0.8125rem;
  line-height: 1.4615384615;
  margin-top: 10px;
}
@media (min-width: 835px) {
  .artinfo__discount__lead {
    font-size: 0.875rem;
    line-height: 1.7857142857;
    margin-top: 12px;
  }
}
.artinfo__discount__lead span {
  font-size: 0.6875rem;
  display: block;
  line-height: 1.7272727273;
  margin-top: 6px;
}
@media (min-width: 835px) {
  .artinfo__discount__lead span {
    font-size: 0.75rem;
    line-height: 1.6666666667;
    margin-top: 2px;
  }
}
.artinfo__discount__lead span a {
  text-decoration: underline;
}

.artinfo__discount__detailttl {
  font-size: 0.8125rem;
  font-weight: 900;
}
@media (min-width: 835px) {
  .artinfo__discount__detailttl {
    font-size: 1rem;
  }
}

.artinfo__discount__detailttl {
  margin-top: 16px;
}

.artinfo__discount__detailcont {
  align-items: center;
  border-top: 2px dotted #000;
  border-bottom: 2px dotted #000;
  display: flex;
  margin-top: 14px;
  padding: 14px 0;
  justify-content: space-between;
}
@media (min-width: 835px) {
  .artinfo__discount__detailcont {
    margin-top: 20px;
    padding: 16px 0;
  }
}
.artinfo__discount__detailcont dt {
  font-size: 0.8125rem;
  font-weight: 900;
}
@media (min-width: 835px) {
  .artinfo__discount__detailcont dt {
    font-size: 1rem;
  }
}
.artinfo__discount__detailcont dd {
  height: 23px;
  margin-left: 16px;
  width: 96px;
}
@media (min-width: 835px) {
  .artinfo__discount__detailcont dd {
    height: 29px;
    width: 123px;
  }
}
.artinfo__discount__detailcont dd img {
  vertical-align: top;
}

.artinfo__discount__notice {
  font-size: 0.6875rem;
  font-weight: 400;
  line-height: 1.7272727273;
  margin-top: 16px;
}
@media (min-width: 835px) {
  .artinfo__discount__notice {
    font-size: 0.75rem;
    line-height: 1.6666666667;
    margin-top: 20px;
  }
}

.artinfo__staff {
  width: 100%;
}
@media (max-width: 834px) {
  .artinfo__staff {
    margin-top: 30px;
  }
}
@media (min-width: 835px) {
  .artinfo__staff {
    margin-top: 45px;
  }
}
.artinfo__staff__item {
  display: flex;
  width: 100%;
}
@media (max-width: 834px) {
  .artinfo__staff__item {
    font-size: 0.8125rem;
    margin-top: 15px;
  }
}
@media (min-width: 835px) {
  .artinfo__staff__item {
    font-size: 0.8125rem;
    margin-top: 30px;
  }
}
.artinfo__staff__role {
  font-weight: 700;
  display: inline-block;
  flex-shrink: 0;
}
@media (min-width: 835px) {
  .artinfo__staff__role {
    display: inline-block;
    min-width: 96px;
  }
}
@media (max-width: 834px) {
  .artinfo__staff__name {
    margin-left: 10px;
  }
}

.artinfo__ticket__notice2__strong {
  font-weight: 700;
}

.artmain__hirakatapark {
  margin-top: 2em;
  font-size: 0.75rem;
}
@media (min-width: 835px) {
  .artmain__hirakatapark {
    font-size: 0.875rem;
  }
}
.artmain__hirakatapark strong {
  font-weight: 900;
}

.art__line.-line1 {
  -webkit-clip-path: inset(0 0 100% 0);
          clip-path: inset(0 0 100% 0);
  transition: -webkit-clip-path 0.35s 1s ease-in;
  transition: clip-path 0.35s 1s ease-in;
  transition: clip-path 0.35s 1s ease-in, -webkit-clip-path 0.35s 1s ease-in;
}
.art__line.-line2 {
  height: 0 !important;
  transition: height 0.35s 1.5s ease-in;
}

.art__board::before {
  -webkit-clip-path: inset(0 100% 0 0);
          clip-path: inset(0 100% 0 0);
  transition: -webkit-clip-path 0.25s 1s ease-in;
  transition: clip-path 0.25s 1s ease-in;
  transition: clip-path 0.25s 1s ease-in, -webkit-clip-path 0.25s 1s ease-in;
}
.art__board__text {
  -webkit-clip-path: inset(0 50% 0 0);
          clip-path: inset(0 50% 0 0);
  opacity: 1;
  transition: all 0.25s 1s ease-out;
}

.l-lower.-ready .art__line.-line1 {
  -webkit-clip-path: inset(0 0 0 0);
          clip-path: inset(0 0 0 0);
}
.l-lower.-ready .art__line.-line2 {
  height: 250vw !important;
}
.l-lower.-ready .art__board::before {
  -webkit-clip-path: inset(0 0 0 0);
          clip-path: inset(0 0 0 0);
}
.l-lower.-ready .art__board__text {
  -webkit-clip-path: inset(0 0 0 0);
          clip-path: inset(0 0 0 0);
  opacity: 1;
}

.art__line1 {
  position: absolute;
  top: 233.3vw;
  right: 0;
  height: 200%;
  mix-blend-mode: difference;
  transform: rotate(60deg);
  transform-origin: 0 0;
}
@media (min-width: 835px) {
  .art__line1 {
    position: absolute;
    top: 8%;
    right: 0;
  }
}
.art__line1 .obj {
  transform: scaleY(0);
}
.art__line1.-reveal .obj {
  -webkit-animation: lineanim 1s 5s cubic-bezier(0.85, 0, 0.15, 1) forwards;
          animation: lineanim 1s 5s cubic-bezier(0.85, 0, 0.15, 1) forwards;
}

.art__line2 {
  height: 200%;
  mix-blend-mode: difference;
  transform: rotate(-60deg);
  transform-origin: 0 0;
}
@media (min-width: 835px) {
  .art__line2 {
    position: absolute;
    top: 36%;
    left: 0;
  }
}
.art__line2 .obj {
  transform: scaleY(0);
}
.art__line2.-reveal .obj {
  -webkit-animation: lineanim 1s 0s cubic-bezier(0.85, 0, 0.15, 1) forwards;
          animation: lineanim 1s 0s cubic-bezier(0.85, 0, 0.15, 1) forwards;
}

.art__line3 {
  position: absolute;
  top: 70%;
  right: 0;
  height: 200%;
  mix-blend-mode: difference;
  transform: rotate(60deg);
  transform-origin: 0 0;
}
@media (min-width: 835px) {
  .art__line3 {
    position: absolute;
    top: 56%;
    right: 0;
  }
}
.art__line3 .obj {
  transform: scaleY(0);
}
.art__line3.-reveal .obj {
  -webkit-animation: lineanim 1s 0s cubic-bezier(0.85, 0, 0.15, 1) forwards;
          animation: lineanim 1s 0s cubic-bezier(0.85, 0, 0.15, 1) forwards;
}

button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
}

@media (min-width: 835px) {
  .l-lower__content {
    overflow: visible;
  }
}

.c-lower__title_wrap {
  z-index: 2;
}

.art {
  background: #000;
}

.artmain {
  opacity: 0;
}
.-ready .artmain {
  opacity: 1;
  transition: opacity 0.5s 1s ease;
}
.-noanim .artmain {
  opacity: 1;
  transition: none;
}

.artmain__wrapper {
  padding-bottom: 24px;
  position: relative;
}
@media (min-width: 835px) {
  .artmain__wrapper {
    padding-bottom: 40px;
  }
}
.artmain__wrapper:before {
  position: absolute;
  top: -13.4vw;
  left: 0;
  background: url(/assets/img/art/common/ph_mainbg_nrw.png) no-repeat 50% 0/100%;
  content: "";
  height: calc(100% + 13.3vw);
  opacity: 0.6;
  width: 100%;
}
@media (min-width: 835px) {
  .artmain__wrapper:before {
    position: absolute;
    top: -400px;
    left: 0;
    background: url(/assets/img/art/common/ph_mainbg.png) repeat-y 50% 0/100%;
    height: calc(100% + 400px);
    opacity: 0.7;
  }
}

.artmain__the {
  position: absolute;
  bottom: 388px;
  right: 0;
  background: url(/assets/img/art/common/txt_the.svg) no-repeat 0 0/100%;
  height: 949px;
  transform: translate(100%, 0);
  width: 320px;
}

.artmain__art {
  position: absolute;
  left: 0;
  bottom: -450px;
  background: url(/assets/img/art/common/txt_art.svg) no-repeat 0 0/100%;
  height: 960px;
  transform: translate(-100%, 0);
  width: 320px;
}

.artmain__secttl {
  height: 6.4vw;
  margin-bottom: 15px;
  margin-left: -5px;
}
.artmain__secttl img {
  height: 100%;
  width: auto;
}
.artmain__secttl .artmain__curtain {
  display: block;
  height: 100%;
  width: 100%;
}
@media (min-width: 835px) {
  .artmain__secttl {
    height: 31px;
    margin-bottom: 15px;
    margin-left: -10px;
  }
}

.artmain__subttl {
  font-weight: 900;
  font-size: 0.8125rem;
}
@media (min-width: 835px) {
  .artmain__subttl {
    font-size: 1rem;
  }
}

.artmain__ph.-bd {
  border: 1px solid #cbcbcb;
}
.artmain__ph img {
  max-width: initial;
  width: 100%;
}

.artmain__notice {
  font-size: 0.6875rem;
  font-weight: 300;
}
@media (min-width: 835px) {
  .artmain__notice {
    font-size: 0.75rem;
  }
}

.artmain__noticebtn {
  align-items: center;
  border: 1px solid #000;
  border-radius: 20px;
  color: #000;
  display: flex;
  height: 40px;
  justify-content: flex-start;
  line-height: 1;
  padding-left: 15px;
  position: relative;
  text-align: left;
  width: 100%;
  font-size: 0.8125rem;
}
@media (min-width: 835px) {
  .artmain__noticebtn {
    border-radius: 24px;
    height: 48px;
    justify-content: center;
    max-width: 324px;
    padding-left: 0;
  }
}
.artmain__noticebtn .ico {
  background: url(/assets/img/art/info/ico_notice.svg) no-repeat 0 0/100%;
  display: block;
  height: 13px;
  margin-right: 5px;
  width: 15px;
}
@media (min-width: 835px) {
  .artmain__noticebtn .ico {
    height: 17px;
    margin-right: 8px;
    width: 19px;
  }
}
.artmain__noticebtn:after {
  position: absolute;
  top: 50%;
  right: 15px;
  background: url(/assets/img/art/info/ico_plus.svg) no-repeat 0 0/100%;
  content: "";
  height: 13px;
  transform: translate(0, -50%);
  width: 13px;
}
@media (min-width: 835px) {
  .artmain__noticebtn:after {
    height: 16px;
    width: 16px;
    position: absolute;
    top: 50%;
    right: 16px;
  }
}

.artmain__footer {
  padding: 0 20px;
  position: relative;
  text-align: center;
  font-size: 0.8125rem;
}
.artmain__footer:before {
  background: #3737e2;
  content: "";
  display: block;
  height: 4px;
  margin: 0 auto 20px;
  width: 47px;
}
@media (min-width: 835px) {
  .artmain__footer:before {
    width: 94px;
  }
}
.artmain__footer .txt {
  font-weight: 700;
}
.artmain__footer .img {
  margin: 10px auto 25px;
  max-width: 305px;
}
@media (min-width: 835px) {
  .artmain__footer .img {
    margin: 15px auto 35px;
  }
}
.artmain__footer .coms {
  font-size: 0.8125rem;
  line-height: 1.8461538462;
  margin-top: 1em;
}

.artmain__imageplus {
  position: relative;
}
.artmain__imageplus:after {
  background: url(/assets/img/art/ico_plus.svg) no-repeat 0 0/100%;
  content: "";
  height: 20px;
  width: 20px;
  z-index: 1;
  position: absolute;
  bottom: 0;
  right: 0;
}

.artmodal {
  position: fixed;
  top: 0;
  left: 0;
  background: #fff;
  height: 100%;
  opacity: 0;
  overflow-y: scroll;
  transition: all 0.4s 0s ease;
  visibility: hidden;
  width: 100%;
  z-index: 4;
}
.artmodal.-active {
  opacity: 1;
  visibility: visible;
}
.artmodal.-gd {
  background: #3737e2;
}

.artmodal__inner {
  background: #fff;
  padding: 80px 40px 40px;
}
@media (min-width: 835px) {
  .artmodal__inner {
    margin: 0 auto;
    max-width: 800px;
  }
}
.-gd .artmodal__inner {
  background: none;
  max-width: 1040px;
}

.artmodal_sec {
  margin-top: 28px;
  padding-top: 24px;
  position: relative;
}
.artmodal_sec:before {
  position: absolute;
  top: 0;
  left: 0;
  background: #323232;
  content: "";
  display: block;
  height: 1px;
  width: 80px;
}
.artmodal_sec.-nomt {
  margin-top: 0;
}

.artmodal__ttl {
  background: #464646;
  color: #fff;
  font-weight: 900;
  line-height: 1;
  padding: 16px;
  text-align: center;
  font-size: 1.125rem;
}

.artmodal__txt {
  font-size: 0.8125rem;
  color: #323232;
  line-height: cal(46/26);
  margin: 1em 0;
}
@media (min-width: 835px) {
  .artmodal__txt {
    font-size: 0.875rem;
  }
}
.artmodal__txt__red {
  color: #ff0000;
}
.artmodal__txt.-spaceleft {
  position: relative;
}
@media (max-width: 834px) {
  .artmodal__txt.-spaceleft {
    margin: 0 0 0 0.9rem;
  }
}
@media (min-width: 835px) {
  .artmodal__txt.-spaceleft {
    margin: 0 0 0 1.2rem;
  }
}
.artmodal__txt.-spaceleft:before {
  content: "・";
  height: 100%;
  width: 100%;
}
@media (max-width: 834px) {
  .artmodal__txt.-spaceleft:before {
    position: absolute;
    top: 0;
    left: -0.5rem;
  }
}
@media (min-width: 835px) {
  .artmodal__txt.-spaceleft:before {
    position: absolute;
    top: 0;
    left: -0.6rem;
  }
}
.artmodal__txt.-enter {
  margin: 1em 0 0;
}
.artmodal__txt.-last {
  margin: 0 0 1em;
}

.artmodal__subttl {
  font-size: 1rem;
  color: #464646;
  font-weight: 700;
}
@media (min-width: 835px) {
  .artmodal__subttl {
    font-size: 1.0625rem;
  }
}

.artmodal__notice {
  font-size: 0.6875rem;
  color: #323232;
  font-weight: 300;
  margin: 1.5em 0;
}
@media (min-width: 835px) {
  .artmodal__notice {
    font-size: 0.75rem;
  }
}

.artmodal__endtxt {
  color: #ff0000;
  font-weight: 700;
  margin: 1.5em 0;
  text-align: center;
  font-size: 1.0625rem;
}
@media (min-width: 835px) {
  .artmodal__endtxt {
    font-size: 1.625rem;
  }
}

.artmodal__rblock {
  padding: 0 0 25px;
  position: relative;
}
@media (min-width: 835px) {
  .artmodal__rblock {
    padding: 0 0 30px;
  }
}
.artmodal__rblock:before {
  background: #323232;
  content: "";
  display: block;
  height: 1px;
  margin-bottom: 25px;
  margin-left: -8px;
  width: 80px;
}
@media (min-width: 835px) {
  .artmodal__rblock:before {
    height: 2px;
    margin-bottom: 30px;
    margin-left: -10px;
    width: 100px;
  }
}

.artmodal__close {
  z-index: 9999;
}

@-webkit-keyframes artmvanim {
  0% {
    filter: brightness(1.5) saturate(0);
    transform: scale(1.5) rotate(3deg);
  }
  45% {
    filter: brightness(1) saturate(0);
  }
  55% {
    filter: brightness(1.25) saturate(1);
  }
  100% {
    filter: brightness(1) saturate(1);
    transform: scale(1) rotate(0deg);
  }
}

@keyframes artmvanim {
  0% {
    filter: brightness(1.5) saturate(0);
    transform: scale(1.5) rotate(3deg);
  }
  45% {
    filter: brightness(1) saturate(0);
  }
  55% {
    filter: brightness(1.25) saturate(1);
  }
  100% {
    filter: brightness(1) saturate(1);
    transform: scale(1) rotate(0deg);
  }
}
.artmain__mv {
  margin-top: -40px;
  position: relative;
}
@media (min-width: 835px) {
  .artmain__mv {
    margin-top: -50px;
  }
}

.artmain__mv__bg {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  overflow: hidden;
  width: 100%;
}
.artmain__mv__bg:before {
  position: absolute;
  top: 0;
  left: 0;
  background: url(/assets/img/art/common/ph_mvbg_nrw.png) no-repeat 50% 0/100%;
  content: "";
  height: 100%;
  width: 100%;
}
@media (min-width: 835px) {
  .artmain__mv__bg:before {
    position: absolute;
    top: 0;
    left: 0;
    background: url(/assets/img/art/common/ph_mvbg.jpg) no-repeat 50% 0/100%;
    height: 100%;
  }
}
.-ready .artmain__mv__bg:before {
  -webkit-animation: artmvanim 5s 1s ease forwards;
          animation: artmvanim 5s 1s ease forwards;
}
.-noanim.-ready .artmain__mv__bg:before {
  -webkit-animation: artmvanim 5s 0s ease forwards;
          animation: artmvanim 5s 0s ease forwards;
}

.artmain__mv__inner {
  padding: 0 20px 60px;
  position: relative;
  z-index: 0;
}
@media (min-width: 835px) {
  .artmain__mv__inner {
    margin: 0 auto;
    max-width: 640px;
    padding: 0 0 70px;
    z-index: 1;
  }
}
.artmain__mv__inner:after {
  position: absolute;
  left: 0;
  bottom: 0;
  background: linear-gradient(0deg, white 0%, rgba(255, 255, 255, 0) 100%);
  content: "";
  height: 13.3vw;
  width: 100%;
  z-index: -1;
}
@media (min-width: 835px) {
  .artmain__mv__inner:after {
    display: none;
  }
}

.artmain__mv__logo {
  opacity: 0;
  padding: 40.4vw 0 44.4vw;
  width: 74vw;
}
@media (min-width: 835px) {
  .artmain__mv__logo {
    padding: 80px 0 100px;
    width: 600px;
  }
}
.-ready .artmain__mv__logo {
  opacity: 1;
  transition: opacity 2s 2.5s ease;
}

.artmain__mv__catch {
  position: absolute;
  top: calc(3vw + 40px);
  right: 2.8vw;
  width: 6.5vw;
}
@media (min-width: 835px) {
  .artmain__mv__catch {
    width: 151px;
    z-index: 1;
    position: absolute;
    top: 105px;
    right: 5px;
  }
}

.artmain__mv__subcatch {
  font-weight: 700;
  letter-spacing: 0.01em;
  letter-spacing: 0.1em;
  line-height: 1.2413793103;
  opacity: 0;
  position: relative;
  text-shadow: 0px 0px 8px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff;
  font-size: 1.625rem;
}
@media (min-width: 835px) {
  .artmain__mv__subcatch {
    font-size: 2.25rem;
  }
}
.-ready .artmain__mv__subcatch {
  letter-spacing: 0;
  opacity: 1;
  transition: opacity 2s 3.5s ease, letter-spacing 2s 3.5s ease;
}

.artmain__mv__read {
  font-weight: 700;
  line-height: 1.7333333333;
  margin-top: 10px;
  opacity: 0;
  position: relative;
  text-shadow: 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff;
  font-size: 0.9375rem;
}
@media (min-width: 835px) {
  .artmain__mv__read {
    line-height: 2;
    margin-top: 30px;
    font-size: 1.0625rem;
  }
}
.-ready .artmain__mv__read {
  opacity: 1;
  transition: opacity 1s 3.5s ease;
}

.artmain__mv__txtwrap {
  position: relative;
}

.artmain__mv__bnr {
  position: absolute;
  top: -33.4vw;
  left: -1.4vw;
  opacity: 0;
  width: 30.6vw;
}
@media (min-width: 835px) {
  .artmain__mv__bnr {
    position: absolute;
    top: -150px;
    left: auto;
    right: -40px;
    width: 150px;
  }
}
.-ready .artmain__mv__bnr {
  opacity: 1;
  transition: opacity 1s 3.5s ease;
}

.artmain__navwrap {
  position: fixed;
  bottom: 40px;
  right: 0;
  opacity: 0;
  width: 80px;
  z-index: 2;
}
@media (min-width: 835px) {
  .artmain__navwrap {
    position: fixed;
    left: calc(50% + 640px);
    bottom: 16px;
    right: auto;
    width: 120px;
  }
}
.-ready .artmain__navwrap {
  opacity: 1;
  transition: opacity 0.3s 1s ease;
}

.artmain__nav {
  position: relative;
  transform: translate(100%, 0);
  transition: transform 0.4s 0s ease, opacity 0.4s 0s ease;
}
@media (min-width: 835px) {
  .artmain__nav {
    opacity: 0;
    transform: translate(-100%, 0);
  }
}
.artmain__nav.-active {
  transform: translate(0, 0);
}
@media (min-width: 835px) {
  .artmain__nav.-active {
    opacity: 1;
    transform: translate(-100%, 0);
  }
}

.artmain__nav__item {
  align-items: center;
  display: flex;
  height: 31px;
  justify-content: center;
  margin-top: 2px;
  position: relative;
  width: 100%;
  z-index: 0;
}
@media (min-width: 835px) {
  .artmain__nav__item {
    height: 35px;
    margin-top: 4px;
  }
}
.artmain__nav__item:before {
  position: absolute;
  top: 0;
  left: 0;
  background: #3737e2;
  content: "";
  height: 100%;
  transform-origin: 100% 50%;
  transition: all 0.2s 0s ease;
  width: 100%;
  z-index: -1;
}
@media (min-width: 835px) {
  .artmain__nav__item:hover:before {
    filter: brightness(2);
    transform: scaleX(1.1);
  }
}
.artmain__nav__item img {
  height: 9px;
  width: auto;
}
@media (min-width: 835px) {
  .artmain__nav__item img {
    height: 10px;
  }
}

.artmain__slider-thumbnail {
  margin: 4px 0;
  position: relative;
}
.artmain__slider-thumbnail .swiper-slide {
  background: #fff;
  border: 1px solid #cbcbcb;
  cursor: pointer;
  height: 45px;
  overflow: hidden;
  position: relative;
  width: 45px;
}
@media (min-width: 835px) {
  .artmain__slider-thumbnail .swiper-slide {
    height: 60px;
    width: 60px;
  }
}
.artmain__slider-thumbnail .swiper-slide img {
  position: absolute;
  top: 50%;
  left: 50%;
  height: auto;
  transform: translate(-50%, -50%);
  width: 100%;
}
.artmain__slider-thumbnail .swiper-slide:after {
  position: absolute;
  top: 0;
  left: 0;
  background: #0073ff;
  content: "";
  height: 100%;
  opacity: 0;
  width: 100%;
}
.artmain__slider-thumbnail .swiper-slide.swiper-slide-thumb-active:after {
  opacity: 0.8;
}

.artmain .swiper-pagination-bullet-active {
  background: #3737e2;
}

.artmain .swiper-button-next {
  background: url(/assets/img/art/ico_arw_r.svg) no-repeat 0 0/100%;
  height: 27px;
  margin: 0;
  right: 0;
  width: 27px;
}
@media (min-width: 835px) {
  .artmain .swiper-button-next {
    height: 32px;
    width: 32px;
  }
}
.artmain .swiper-button-next:after {
  content: "";
  display: none;
}
.artmain .swiper-button-prev {
  background: url(/assets/img/art/ico_arw_l.svg) no-repeat 0 0/100%;
  height: 27px;
  left: 0;
  margin: 0;
  width: 27px;
}
@media (min-width: 835px) {
  .artmain .swiper-button-prev {
    height: 32px;
    width: 32px;
  }
}
.artmain .swiper-button-prev:after {
  content: "";
  display: none;
}
.artmain .swiper-button-disabled {
  opacity: 0;
}

.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
  line-height: 1;
}

.artinfo__venue__content {
  background: rgba(195, 195, 244, 0.5);
}
@media (max-width: 834px) {
  .artinfo__venue__content {
    padding: 0 0 25px;
  }
}
@media (min-width: 835px) {
  .artinfo__venue__content {
    padding: 0 0 36px;
  }
}
@media (max-width: 834px) {
  .artinfo__venue__top {
    padding: 20px 12px 0;
  }
}
@media (min-width: 835px) {
  .artinfo__venue__top {
    padding: 36px 32px 0;
  }
}
@media (max-width: 834px) {
  .artinfo__venue__acccont {
    padding: 0 12px;
  }
}
@media (min-width: 835px) {
  .artinfo__venue__acccont {
    padding: 0 32px;
  }
}
.artinfo__venue__header {
  background: #000;
  display: flex;
  position: relative;
  width: 100%;
}
@media (max-width: 834px) {
  .artinfo__venue__header {
    padding: 2.6vw;
  }
  .artinfo__venue__header.-tokyo, .artinfo__venue__header.-osaka {
    margin-top: 30px;
  }
}
@media (min-width: 835px) {
  .artinfo__venue__header {
    padding: 12px 18px;
  }
  .artinfo__venue__header.-tokyo, .artinfo__venue__header.-osaka {
    margin-top: 42px;
  }
}
.artinfo__venue__header__ico {
  position: absolute;
  top: 50%;
  display: block;
  transform: translateY(-50%);
}
@media (max-width: 834px) {
  .artinfo__venue__header__ico {
    height: 3.4vw;
    right: 2.6vw;
    width: 3.4vw;
  }
}
@media (min-width: 835px) {
  .artinfo__venue__header__ico {
    height: 18px;
    right: 18px;
    width: 18px;
  }
}
.artinfo__venue__header__ico .accico {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  height: 100%;
  transition: all 0.2s;
  width: 100%;
}
.artinfo__venue__header__ico .-icoopen {
  background: url(../../../assets/img/common/ico/ico_acc_p.svg) no-repeat 0 50%/100%;
}
.-active .artinfo__venue__header__ico .-icoopen {
  transform: rotate(-90deg);
}
.artinfo__venue__header__ico .-icoclose {
  background: url(../../../assets/img/common/ico/ico_acc_m.svg) no-repeat 0 50%/100%;
}
@media (max-width: 834px) {
  .-osaka .artinfo__venue__ttl {
    width: 22vw;
  }
  .-tokyo .artinfo__venue__ttl {
    width: 21.6vw;
  }
  .-toyama .artinfo__venue__ttl {
    width: 27.4vw;
  }
}
@media (min-width: 835px) {
  .-osaka .artinfo__venue__ttl {
    width: 116px;
  }
  .-tokyo .artinfo__venue__ttl {
    width: 114px;
  }
  .-toyama .artinfo__venue__ttl {
    width: 145px;
  }
}
.artinfo__venue__ttl img {
  height: 100%;
  width: auto;
}
.artinfo__venue__notice {
  color: #ff1d25;
  font-weight: 700;
}
@media (max-width: 834px) {
  .artinfo__venue__notice {
    font-size: 3.4vw;
    margin-left: 2.2vw;
  }
}
@media (min-width: 835px) {
  .artinfo__venue__notice {
    font-size: 1rem;
    margin-left: 17px;
  }
}
.artinfo__venue__bottom {
  display: block;
}
@media (max-width: 834px) {
  .artinfo__venue__bottom {
    height: 4vw;
  }
}
@media (min-width: 835px) {
  .artinfo__venue__bottom {
    height: 70px;
  }
}

.artinfo__venue__accbtn {
  border: 1px solid #000;
  border-radius: 999px;
  display: flex;
  justify-content: center;
  position: relative;
  width: 100%;
}
@media (max-width: 834px) {
  .artinfo__venue__accbtn {
    margin: 20px auto 0;
    padding: 2.6vw;
    width: 38.6vw;
  }
}
@media (min-width: 835px) {
  .artinfo__venue__accbtn {
    margin: 20px auto 0;
    padding: 12px 18px;
    width: 160px;
  }
}
.artinfo__venue__accbtn__ico {
  position: absolute;
  top: 50%;
  display: block;
  transform: translateY(-50%);
}
@media (max-width: 834px) {
  .artinfo__venue__accbtn__ico {
    height: 3.4vw;
    right: 2.6vw;
    width: 3.4vw;
  }
}
@media (min-width: 835px) {
  .artinfo__venue__accbtn__ico {
    height: 18px;
    right: 18px;
    width: 18px;
  }
}
.artinfo__venue__accbtn__ico .accico {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  height: 100%;
  transition: all 0.2s;
  width: 100%;
}
.artinfo__venue__accbtn__ico .-icoopen {
  background: url(../../../assets/img/common/ico/ico_acc_p_b.svg) no-repeat 0 50%/100%;
}
.-active .artinfo__venue__accbtn__ico .-icoopen {
  opacity: 0;
}
.artinfo__venue__accbtn__ico .-icoclose {
  background: url(../../../assets/img/common/ico/ico_acc_m_b.svg) no-repeat 0 50%/100%;
}

.artgoods {
  opacity: 0;
}
.-ready .artgoods {
  opacity: 1;
  transition: opacity 0.5s 1s ease;
}

.artgoods__back {
  position: absolute;
  top: -28px;
  left: 12px;
  width: 7.7vw;
  z-index: 1;
}
@media (min-width: 835px) {
  .artgoods__back {
    position: absolute;
    top: -30px;
    left: 20px;
    width: 60px;
  }
}

.artgoods__wrapper {
  position: relative;
}

.artgoods__head {
  background: #fff;
  position: relative;
}
.artgoods__head:before {
  position: absolute;
  top: -40px;
  left: 0;
  background: url(/assets/img/art/goods/ph_head_nrw.jpg) no-repeat 50% 0/100%;
  content: "";
  height: 100%;
  width: 100%;
}
@media (min-width: 835px) {
  .artgoods__head:before {
    position: absolute;
    top: -50px;
    left: 0;
    background: url(/assets/img/art/goods/ph_head.jpg) no-repeat 50% 0/100%;
    height: 421px;
  }
}

.artgoods__head__inner {
  margin: 0 20px;
  position: relative;
}
@media (min-width: 835px) {
  .artgoods__head__inner {
    margin: 0 auto;
    max-width: 640px;
  }
}

.artgoods__head__ttl {
  padding-top: 10.6vw;
  width: 64.2vw;
}
@media (min-width: 835px) {
  .artgoods__head__ttl {
    padding-top: 60px;
    width: 482px;
  }
}

.artgoods__head__main {
  margin-top: 4vw;
}
@media (min-width: 835px) {
  .artgoods__head__main {
    margin-top: 40px;
  }
}

.artgoods__head__sub {
  font-weight: 700;
  line-height: 1.7692307692;
  margin-top: 15px;
  font-size: 0.8125rem;
}
@media (min-width: 835px) {
  .artgoods__head__sub {
    font-size: 1.0625rem;
    margin-top: 25px;
  }
}

.artgoods__head__notice {
  margin-top: 5px;
}
@media (min-width: 835px) {
  .artgoods__head__notice {
    margin-top: 10px;
  }
}

.artgoods__notice {
  font-size: 0.6875rem;
  font-weight: 300;
}
@media (min-width: 835px) {
  .artgoods__notice {
    font-size: 0.75rem;
  }
}

.artgoods__enterbtn {
  background: #3737e2;
  color: #fff;
  display: block;
  font-weight: 700;
  text-align: center;
}
@media (max-width: 834px) {
  .artgoods__enterbtn {
    font-size: 1rem;
    line-height: 1.25;
    margin: 3px auto 10px;
    padding: 13px 0;
    width: 100%;
  }
}
@media (min-width: 835px) {
  .artgoods__enterbtn {
    font-size: 1.125rem;
    line-height: 1.3333333333;
    margin: 5px 0 0 0;
    padding: 18px 0;
    width: 324px;
  }
}
.artgoods__enterbtn small {
  font-weight: 400;
}
@media (min-width: 835px) {
  .artgoods__enterbtn small {
    font-size: 0.75rem;
  }
}

@media (min-width: 835px) {
  .artgoods__main__head {
    margin: 0 auto;
    max-width: 640px;
  }
}
@media (max-width: 834px) {
  .artgoods__main__head .artgoods__main__noticebtn {
    margin: 50px auto 0;
  }
}
@media (min-width: 835px) {
  .artgoods__main__head .artgoods__main__noticebtn {
    margin: 90px auto 0;
  }
}

.artgoods__online {
  color: #3737e2;
  font-weight: 900;
}
@media (max-width: 834px) {
  .artgoods__online {
    font-size: 1.3125rem;
    line-height: 1.3;
  }
}
@media (min-width: 835px) {
  .artgoods__online {
    font-size: 1.75rem;
  }
}

.artgoods__period {
  font-weight: 700;
}
@media (max-width: 834px) {
  .artgoods__period {
    font-size: 1.25rem;
    letter-spacing: -0.02em;
    line-height: 1.1;
    margin-top: 3px;
  }
}
@media (min-width: 835px) {
  .artgoods__period {
    font-size: 1.5625rem;
  }
}
.artgoods__period .ttl {
  font-weight: 900;
}
@media (max-width: 834px) {
  .artgoods__period .ttl {
    font-size: 1.125rem;
  }
}
@media (min-width: 835px) {
  .artgoods__period .ttl {
    font-size: 1.375rem;
  }
}

.artgoods {
  opacity: 0;
}
.-ready .artgoods {
  opacity: 1;
  transition: opacity 0.5s 1s ease;
}
.-noanim .artgoods {
  opacity: 1;
  transition: none;
}

.artgoods__noitem {
  font-weight: 700;
  margin: 5em 0;
  text-align: center;
  font-size: 0.8125rem;
}
@media (min-width: 835px) {
  .artgoods__noitem {
    font-size: 1rem;
  }
}

.artgoods__main {
  background: #fff;
  padding: 20px 0 40px;
  position: relative;
}
@media (min-width: 835px) {
  .artgoods__main {
    padding: 40px 0 80px;
  }
}
.artgoods__main:before {
  position: absolute;
  top: 0;
  left: 0;
  background: url(/assets/img/art/goods/ph_bodybg_nrw.jpg) repeat-y 50% 0/100%;
  content: "";
  height: 100%;
  opacity: 0.5;
  width: 100%;
}
@media (min-width: 835px) {
  .artgoods__main:before {
    position: absolute;
    top: 0;
    left: 0;
    background: url(/assets/img/art/goods/ph_bodybg.jpg) repeat-y 50% 0/100%;
  }
}

.artgoods__main__inner {
  margin: 0 20px;
  position: relative;
}
@media (min-width: 835px) {
  .artgoods__main__inner {
    margin: 0 auto;
    max-width: 1012px;
  }
}

.artgoods__main__tab {
  display: flex;
  margin-top: 30px;
}
@media (min-width: 835px) {
  .artgoods__main__tab {
    margin-top: 40px;
  }
}

.artgoods__main__tab__item {
  font-size: 0.9375rem;
  border: 1px solid #3737dc;
  color: #3737dc;
  cursor: pointer;
  font-weight: 900;
  line-height: 1;
  padding: 6px 8px 8px;
  text-align: center;
  width: 50%;
}
@media (min-width: 835px) {
  .artgoods__main__tab__item {
    font-size: 1rem;
    border: 2px solid #3737dc;
  }
}
.artgoods__main__tab__item .c-interactive_elm {
  visibility: visible;
  z-index: 1;
}
.artgoods__main__tab__item.-active {
  background: #3737dc;
  color: #fff;
  pointer-events: none;
}
.artgoods__main__tab__item.-active .c-interactive_elm {
  visibility: hidden;
}

.artgoods__main__panel {
  display: none;
}
.artgoods__main__panel.-active {
  display: block;
}

.artgoods__main__list {
  display: flex;
  flex-wrap: wrap;
  margin: 16px -5px 58px;
}
@media (min-width: 835px) {
  .artgoods__main__list {
    margin: 32px -12px 58px;
  }
}

.artgoods__main__list__item {
  cursor: pointer;
  margin: 10px 5px;
  width: calc(50% - 10px);
}
@media (min-width: 835px) {
  .artgoods__main__list__item {
    margin: 20px 12px;
    width: calc(25% - 24px);
  }
}
.artgoods__main__list__item .thumb {
  aspect-ratio: 1;
  background: #fff;
  position: relative;
}
.artgoods__main__list__item .thumb .c-imgreveal {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  overflow: hidden;
}
.artgoods__main__list__item .thumb:before {
  border-left: 2px solid #000;
  border-top: 2px solid #000;
  content: "";
  height: calc(100% - 10px);
  width: calc(100% - 10px);
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
}
.artgoods__main__list__item .thumb:after {
  border-bottom: 2px solid #000;
  border-right: 2px solid #000;
  content: "";
  height: calc(100% - 10px);
  width: calc(100% - 10px);
  z-index: 1;
  position: absolute;
  bottom: 0;
  right: 0;
}
.artgoods__main__list__item .ttl {
  font-size: 0.8125rem;
  font-weight: 700;
  margin-top: 8px;
}
@media (min-width: 835px) {
  .artgoods__main__list__item .ttl {
    margin-top: 12px;
  }
}
.artgoods__main__list__item .price {
  font-size: 0.8125rem;
  color: #707070;
  font-weight: 700;
  margin-top: 5px;
}
@media (min-width: 835px) {
  .artgoods__main__list__item .price {
    margin-top: 12px;
  }
}

.artgoodsmodal {
  position: fixed;
  top: 0;
  left: 0;
  background: #000;
  height: 100%;
  opacity: 0;
  overflow-y: scroll;
  transition: all 0.4s 0s ease;
  visibility: hidden;
  width: 100%;
  z-index: 4;
}
.artgoodsmodal.-active {
  opacity: 1;
  visibility: visible;
}

.artgoodsmodal__wrapper {
  align-items: center;
  background: #000;
  display: flex;
  min-height: 100%;
  padding: 80px 40px;
}
@media (min-width: 835px) {
  .artgoodsmodal__wrapper {
    padding: 0 40px;
  }
}

.artgoodsmodal__inner {
  margin: 0 auto;
  max-width: 1040px;
}

@media (min-width: 835px) {
  .artgoodsmodal__row {
    align-items: center;
    display: flex;
  }
}

.artgoodsmodal__slider {
  height: auto;
  width: 78.6vw;
}
@media (min-width: 835px) {
  .artgoodsmodal__slider {
    height: auto;
    width: 560px;
  }
}

.artgoodsmodal__swiper {
  background: #fff;
}
@media (max-width: 834px) {
  .artgoodsmodal__swiper {
    height: 78.6vw;
  }
}
@media (min-width: 835px) {
  .artgoodsmodal__swiper {
    height: 560px;
  }
}

.artgoodsmodal__info {
  color: #fff;
}
@media (min-width: 835px) {
  .artgoodsmodal__info {
    padding-left: 45px;
    width: calc(100% - 560px);
  }
}

.artgoodsmodal__ttl {
  font-weight: 700;
  margin-top: 24px;
  font-size: 1.125rem;
}
@media (min-width: 835px) {
  .artgoodsmodal__ttl {
    margin-top: 0;
    font-size: 1.25rem;
  }
}

.artgoodsmodal__price {
  font-weight: 700;
  font-size: 1.25rem;
}

.artgoodsmodal__cap {
  border-top: 1px dotted #fff;
  font-weight: 500;
  margin-top: 20px;
  padding-top: 15px;
  font-size: 0.6875rem;
}
.artgoodsmodal__cap a {
  text-decoration: underline;
}
@media (min-width: 835px) {
  .artgoodsmodal__cap {
    margin-top: 30px;
    padding-top: 25px;
    font-size: 0.8125rem;
  }
}

.artgoodsmodal__spec {
  font-weight: 500;
  margin-top: 10px;
  opacity: 0.7;
  font-size: 0.6875rem;
}
@media (min-width: 835px) {
  .artgoodsmodal__spec {
    margin-top: 20px;
    font-size: 0.8125rem;
  }
}

.artgoodsmodal__notice {
  align-items: center;
  background: #fff;
  color: #000;
  display: flex;
  font-weight: 700;
  justify-content: center;
  margin-top: 20px;
  font-size: 0.625rem;
}
@media (max-width: 834px) {
  .artgoodsmodal__notice {
    height: 15px;
  }
}
@media (min-width: 835px) {
  .artgoodsmodal__notice {
    margin-top: 80px;
    padding: 3px;
    font-size: 0.8125rem;
  }
}

@media (max-width: 834px) {
  .artgoodsmodal__thumb {
    margin-top: 1.7vw;
  }
}
@media (min-width: 835px) {
  .artgoodsmodal__thumb {
    margin-top: 6.8px;
  }
}
.artgoodsmodal__thumb__inner {
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 834px) {
  .artgoodsmodal__thumb__inner {
    gap: 1.7vw;
  }
}
@media (min-width: 835px) {
  .artgoodsmodal__thumb__inner {
    gap: 6.8px;
  }
}

.artgoodsmodal__thumb__item {
  background: rgba(0, 0, 0, 0.025);
  cursor: pointer;
  opacity: 1;
  overflow: hidden;
  position: relative;
}
@media (max-width: 834px) {
  .artgoodsmodal__thumb__item {
    height: 14.333vw !important;
    width: 14.333vw !important;
  }
}
@media (min-width: 835px) {
  .artgoodsmodal__thumb__item {
    height: 64px !important;
    width: 64px !important;
  }
}
.artgoodsmodal__thumb__item img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.artgoodsmodal__thumb__item.-active::after {
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 115, 255, 0.8);
  content: "";
  height: 100%;
  width: 100%;
}

.swiper-button-next {
  left: auto !important;
  right: 0 !important;
}
@media (max-width: 834px) {
  .swiper-button-next {
    height: 27px !important;
    width: 27px !important;
  }
}
@media (min-width: 835px) {
  .swiper-button-next {
    height: 32px !important;
    width: 32px !important;
  }
}

.swiper-button-prev {
  left: 0 !important;
  right: auto !important;
}
@media (max-width: 834px) {
  .swiper-button-prev {
    height: 27px !important;
    width: 27px !important;
  }
}
@media (min-width: 835px) {
  .swiper-button-prev {
    height: 32px !important;
    width: 32px !important;
  }
}

.swiper-button-next:after,
.swiper-button-prev:after {
  background: url(../../img/art/goods/ico_slide_next.png) no-repeat;
  background-size: cover;
  content: "";
  cursor: pointer;
  font-size: 0;
  height: 100%;
  width: 100%;
  z-index: 9999;
  position: absolute;
  top: 0;
  left: 0;
}

.swiper-button-prev:after {
  transform: rotate(180deg);
}

.swiper-button-next:after,
.swiper-button-prev:after,
.swiper-container-rtl {
  content: "" !important;
}

.artgoods__paging {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-top: 30px;
}
@media (min-width: 835px) {
  .artgoods__paging {
    margin-top: 50px;
  }
}

.artgoods__paging__item {
  font-size: 0.75rem;
}
.artgoods__paging__item.-prev, .artgoods__paging__item.-next {
  height: 12px;
  margin: 0 20px;
  position: relative;
  width: 8px;
}
.artgoods__paging__item.-prev a, .artgoods__paging__item.-next a {
  display: block;
  height: 100%;
  position: relative;
}
.artgoods__paging__item.-prev {
  background: url(/assets/img/art/goods/ico_arw_l.svg) no-repeat 0 0/100%;
}
.artgoods__paging__item.-next {
  background: url(/assets/img/art/goods/ico_arw_r.svg) no-repeat 0 0/100%;
}
.artgoods__paging__item.-num {
  align-items: center;
  display: flex;
  height: 25px;
  justify-content: center;
  margin: 0 8px;
  position: relative;
  width: 25px;
  z-index: 0;
}
.artgoods__paging__item.-num.-active:before {
  background: #000;
  border-radius: 50%;
  color: #fff;
  content: "";
  font-weight: 700;
  height: 100%;
  transform: translate(-50%, -50%);
  width: 100%;
  z-index: -1;
  position: absolute;
  top: 50%;
  left: 50%;
}
.artgoods__paging__item.-num.-active {
  color: #fff;
  font-weight: 700;
}
.artgoods__paging__item.-disable {
  opacity: 0.2;
  pointer-events: none;
}