@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap");
/*------------------------------------------------------------
	basic
------------------------------------------------------------*/
body {
  -webkit-text-size-adjust: 100%;
  font-family: YakuHanMP, "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Serif", Meiryo, serif;
  font-size: min(1.38vw,18px);
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.05em;
  color: #23211f;
  background: url(../images/common/bg.jpg) left top/100% repeat-y;
}

@media screen and (max-width: 768px) {
  body {
    font-size: 3.125vw;
    line-height: 1.875;
    -webkit-font-feature-settings: 'palt' 1;
    font-feature-settings: 'palt' 1;
  }
}

body.fixed {
  overflow: hidden;
}

img {
  vertical-align: middle;
  border: none;
}

a {
  color: #23211f;
}

@media screen and (min-width: 769px) {
  a {
    opacity: 1;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
  }
  a:hover {
    opacity: 0.7;
  }
}

li {
  list-style: none;
}

/*------------------------------------------------------------
	common
------------------------------------------------------------*/
.rightTxt {
  text-align: right;
}

.leftTxt {
  text-align: left;
}

.centerTxt {
  text-align: center;
}

.tategaki {
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
}

.sp {
  display: none;
}

@media screen and (max-width: 768px) {
  .sp {
    display: block;
  }
  .sp._inline {
    display: inline;
  }
  .sp._inline-block {
    display: inline-block;
  }
}

@media screen and (max-width: 768px) {
  .pc {
    display: none;
  }
}

img {
  vertical-align: middle;
  border: none;
  max-width: 100%;
  margin: 0 auto;
  max-height: 100%;
}

.p-event.l-lower {
  background-position: top 62.5vw center;
}

@media screen and (min-width: 769px) {
  .p-event.l-lower {
    background-position: top min(32.69vw,425px) center;
  }
}

.p-event .p-lower-fv {
  background: url(../images/common/bg_pattern_stripe-purple.jpg) left top/17.83854vw repeat;
}

@media screen and (min-width: 769px) {
  .p-event .p-lower-fv {
    background-size: min(10.54vw,137px);
  }
}

.p-event .p-lower-fv__content {
  height: 62.5vw;
}

@media screen and (min-width: 769px) {
  .p-event .p-lower-fv__content {
    height: min(27.69vw,360px);
  }
}

.p-event .p-lower-fv h1 {
  width: 89.97396vw;
  margin: auto;
}

@media screen and (min-width: 769px) {
  .p-event .p-lower-fv h1 {
    width: min(61.54vw,800px);
  }
}

.p-event-intro__lead {
  font-size: 3.90625vw;
  text-align: center;
  line-height: 1.9;
}

@media screen and (min-width: 769px) {
  .p-event-intro__lead {
    font-size: min(1.85vw,24px);
  }
}

.p-event-intro__btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 5.20833vw;
  margin-block: 7.8125vw 12.36979vw;
}

@media screen and (max-width: 768px) {
  .p-event-intro__btns {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

@media screen and (min-width: 769px) {
  .p-event-intro__btns {
    margin-block: min(7.69vw,100px);
    gap: min(2.31vw,30px);
  }
}

.p-event-intro__btns .btn {
  background-color: #9b7ae8;
  color: #000;
  width: 68.09896vw;
  height: 15.625vw;
  margin: 0;
}

@media screen and (max-width: 768px) {
  .p-event-intro__btns .btn {
    font-size: 3.90625vw;
  }
}

@media screen and (min-width: 769px) {
  .p-event-intro__btns .btn {
    width: min(31.38vw,408px);
    height: min(8.85vw,115px);
  }
}

.p-event-intro__btns .btn::after {
  background-image: url(../images/common/icon_arrow-black_bottom.png);
}

.p-event__topicTitle {
  text-align: center;
  margin: 0 auto 4.55729vw;
}

@media screen and (min-width: 769px) {
  .p-event__topicTitle {
    width: min(38.51vw,647px);
    margin: 0 auto min(2.31vw,30px);
  }
}

.p-event__topicTitle img {
  height: auto;
}

.p-event-stage__box {
  border: 0.78125vw solid #000;
  background-color: #fff;
  border-radius: 2.60417vw;
  overflow: hidden;
  margin-bottom: 7.16146vw;
  padding: 5.85938vw;
  overflow: hidden;
}

@media screen and (min-width: 769px) {
  .p-event-stage__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 6px solid #000;
    margin-bottom: min(1.54vw,20px);
    padding: min(4.77vw,62px) min(4.77vw,62px) min(4.31vw,56px);
  }
}

.p-event-stage__box:nth-of-type(1) .p-event-stage__box-title {
  background-image: url(../images/event/sp/subttl-stage_event1.png);
}

@media screen and (min-width: 769px) {
  .p-event-stage__box:nth-of-type(1) .p-event-stage__box-title {
    background-image: url(../images/event/subttl-stage_event1.png);
  }
}

.p-event-stage__box:nth-of-type(even) .p-event-stage__box-img {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

.p-event-stage__box:nth-of-type(even) .p-event-stage__box-text {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  margin-inline: 0 auto;
}

.p-event-stage__box:nth-of-type(2) .p-event-stage__box-title {
  background-image: url(../images/event/sp/subttl-stage_event2.png);
}

@media screen and (min-width: 769px) {
  .p-event-stage__box:nth-of-type(2) .p-event-stage__box-title {
    background-image: url(../images/event/subttl-stage_event2.png);
  }
}

.p-event-stage__box:nth-of-type(3) .p-event-stage__box-title {
  background-image: url(../images/event/sp/subttl-stage_event3.png);
}

@media screen and (min-width: 769px) {
  .p-event-stage__box:nth-of-type(3) .p-event-stage__box-title {
    background-image: url(../images/event/subttl-stage_event3.png);
  }
}

.p-event-stage__box:nth-of-type(4) .p-event-stage__box-title {
  background-image: url(../images/event/sp/subttl-stage_event4.png);
  background-size: auto 17.1875vw;
  height: 21.09375vw;
}

@media screen and (min-width: 769px) {
  .p-event-stage__box:nth-of-type(4) .p-event-stage__box-title {
    background-image: url(../images/event/subttl-stage_event4.png);
    background-size: auto min(7.54vw,98px);
    height: min(10.15vw,132px);
  }
}

@media screen and (min-width: 769px) {
  .p-event-stage__box:nth-of-type(4) .p-event-stage__box-txt {
    min-height: 11.28em;
  }
}

@media screen and (min-width: 769px) {
  .p-event-stage__box-img {
    width: min(42.31vw,550px);
  }
  .p-event-stage__box-text {
    width: min(36.15vw,470px);
    margin-left: auto;
  }
}

.p-event-stage__box-title {
  text-align: center;
  font-size: 0;
  text-indent: -9999px;
  height: 11.97917vw;
  background: top center/auto 8.07292vw no-repeat;
  border-bottom: 2px dotted #404040;
  margin-block: 5.20833vw;
}

@media screen and (min-width: 769px) {
  .p-event-stage__box-title {
    height: min(6.54vw,85px);
    background-size: auto min(3.92vw,51px);
    margin-block: 0 min(2.31vw,30px);
  }
}

.p-event-stage__box-txt {
  line-height: 1.88;
}

@media screen and (max-width: 768px) {
  .p-event-stage__box-txt {
    font-size: 3.90625vw;
  }
}

@media screen and (min-width: 769px) {
  .p-event-stage__box-txt {
    min-height: 13.16em;
  }
}

.p-event-stage__box-guest {
  border-top: 2px dotted #404040;
  padding-top: 5.20833vw;
  margin-top: 5.85938vw;
}

@media screen and (min-width: 769px) {
  .p-event-stage__box-guest {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-top: 2px dotted #404040;
    padding-top: min(2.31vw,30px);
    margin-top: min(2.31vw,30px);
  }
}

.p-event-stage__box-guest dt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1;
  font-size: 3.38542vw;
  font-weight: 700;
  border: 0.52083vw solid #ffd432;
  border-radius: 50vw;
  width: 19.53125vw;
  height: 6.51042vw;
  margin-bottom: 1.30208vw;
}

@media screen and (min-width: 769px) {
  .p-event-stage__box-guest dt {
    font-size: min(1.54vw,20px);
    border: 3px solid #ffd432;
    width: min(9.23vw,120px);
    height: min(3.08vw,40px);
    margin-right: min(1.54vw,20px);
    margin-bottom: 0;
  }
}

.p-event-stage__box-guest dd {
  line-height: 1.5;
}

.p-event-stage__box-guest dd p:not(:last-child) {
  margin-block: .25em .3em;
}

.p-event-stage__box-guest .-job {
  font-size: 3.125vw;
  margin-right: 1em;
}

@media screen and (min-width: 769px) {
  .p-event-stage__box-guest .-job {
    font-size: min(1.23vw,16px);
  }
}

.p-event-stage__box-guest .-name {
  font-size: 3.90625vw;
  font-weight: 700;
}

@media screen and (min-width: 769px) {
  .p-event-stage__box-guest .-name {
    font-size: min(1.54vw,20px);
  }
}

.p-event-floor {
  margin-top: 14.32292vw;
}

@media screen and (min-width: 769px) {
  .p-event-floor {
    margin-top: min(8.46vw,110px);
  }
}

.p-event-floor__box {
  border: 0.78125vw solid #000;
  background-color: #fff;
  border-radius: 2.60417vw;
  overflow: hidden;
  margin-bottom: 6.51042vw;
  text-align: center;
  padding: 6.51042vw 5.85938vw;
}

@media screen and (min-width: 769px) {
  .p-event-floor__box {
    border: 6px solid #000;
    border-radius: 20px;
    margin-bottom: min(3.08vw,40px);
    padding-block: min(3.46vw,45px) min(5.38vw,70px);
    padding-inline: 0;
  }
}

.p-event-floor__box:nth-of-type(1) .p-event-floor__box-title {
  background-image: url(../images/event/sp/subttl-floor_event1.png);
}

@media screen and (min-width: 769px) {
  .p-event-floor__box:nth-of-type(1) .p-event-floor__box-title {
    background-image: url(../images/event/subttl-floor_event1.png);
  }
}

.p-event-floor__box:nth-of-type(2) .p-event-floor__box-title {
  background-image: url(../images/event/sp/subttl-floor_event2.png);
}

@media screen and (min-width: 769px) {
  .p-event-floor__box:nth-of-type(2) .p-event-floor__box-title {
    background-image: url(../images/event/subttl-floor_event2.png);
  }
}

.p-event-floor__box-title {
  text-align: center;
  font-size: 0;
  text-indent: -9999px;
  height: 11.97917vw;
  background: top center/auto 8.07292vw no-repeat;
  border-bottom: 2px dotted #404040;
}

@media screen and (min-width: 769px) {
  .p-event-floor__box-title {
    height: min(6.54vw,85px);
    background-size: auto min(3.92vw,51px);
    margin: 0 min(2.69vw,35px) min(3.08vw,40px);
  }
}

.p-event-floor__box-txt {
  display: inline-block;
  margin: auto;
  line-height: 1.88;
  margin-block: 5.20833vw 7.8125vw;
}

@media screen and (min-width: 769px) {
  .p-event-floor__box-txt {
    margin-block: 0 min(3.08vw,40px);
  }
}

.p-event-floor__box-img {
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
  text-align: center;
  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
}

.p-event-floor .slick-current .p-event-floor__box-img {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
}

.p-event__footer {
  margin: 13.67188vw auto 18.22917vw;
}

@media screen and (min-width: 769px) {
  .p-event__footer {
    margin: min(6.92vw,90px) auto min(10.77vw,140px);
  }
}

.p-event__footer .btn {
  width: 68.09896vw;
  height: 15.625vw;
  font-size: 3.90625vw;
}

@media screen and (min-width: 769px) {
  .p-event__footer .btn {
    width: min(40.38vw,525px);
    height: min(8.92vw,116px);
    font-size: min(2vw,26px);
  }
}

.p-event__footer .btn::before {
  content: "";
  display: block;
  width: 5.07813vw;
  height: 5.07813vw;
  background: url(../images/common/icon_arrow-black.png) center/contain no-repeat;
  position: absolute;
  left: 3.64583vw;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(180deg);
  -ms-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}

@media screen and (min-width: 769px) {
  .p-event__footer .btn::before {
    width: min(3vw,39px);
    height: min(3vw,39px);
    left: min(2.15vw,28px);
  }
}

.p-event__footer .btn::after {
  display: none;
}
