@charset "UTF-8";

body {
  font-size: 4.27vw;
}
.pc {
  display: none;
}
.sp {
  display: block;
}

/* ヘッダー */
.sp-header {
  display: none;
}
.sp-header.active {
  display: inline-block;
}
.sp-header {
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 1000;
  background: #1b277a;
  padding: 21.33vw 12.66vw 12vw;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: auto;
}
.sp-header .inner {
  width: auto;
  text-align: center;
}
.sp-header .logo {
  width: 45.33vw;
  margin: 0 auto;
}
.sp-header .globalnav li {
  border-top: 1px solid #ffffff;
  padding: 5.33vw 0;
}
.sp-header .globalnav li:last-of-type {
  border-bottom: 1px solid #ffffff;
}
.sp-header .globalnav li a {
  font-size: 5.33vw;
  color: #fff;
}

/* ハンバーガーメニュー */
.openbtn1-container {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 2000;
}
.openbtn1{
  position: relative;
  background:#fedd73;
  cursor: pointer;
  width: 13.333vw;
  height: 13.333vw;
}
.openbtn1 span {
  display: inline-block;
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  height: 0.5333vw;
  background: #000000;
  width: 7.466vw;
  }
.openbtn1 span:nth-of-type(1) {
  top:4vw;
}
.openbtn1 span:nth-of-type(2) {
  top:6.4vw;
}
.openbtn1 span:nth-of-type(3) {
  bottom: 4vw;
}
.openbtn1.active span:nth-of-type(1) {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
      -ms-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}
.openbtn1.active span:nth-of-type(2) {
  opacity: 0;
}
.openbtn1.active span:nth-of-type(3){
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
      -ms-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}

main {
  padding-top: 0;
}
.inner {
  width: 94.66vw;
}
.title {
  margin: 0 0 8vw;
}

/* キービジュアル */
.kv {
  height: 137.33vw;
}
.kv .img {
  width: 100%;
}

/* ABOUT */
#about .description {
  margin: 8vw 0;
  width: auto;
  text-align: left;
  font-size: 3.7vw;
}

/* SCHEDULE */
#schedule {
  padding: 8vw 0;
}
#schedule .date {
  margin: 0 auto 5.33vw;
  width: 80%;
}

#schedule .info{
  width: 94.66vw;
}
#schedule .info .infoInner{
  padding: 3vw 4vw;
}
#schedule .info .infoInner h3{
  font-size: 4.5vw;
  margin-bottom: 5vw;
}
#schedule .info .infoInner .credit{
  text-align: left;
  font-size: 3.7vw;
}
#schedule .info .infoInner .summary{
  display: block;
  margin-top: 4vw;
  padding-top: 4vw;
  font-size: 3.7vw;
}
#schedule .info .infoInner .summary img{
  width: 25vw;
  margin-bottom: 2vw;
}

/* TICKET */
#ticket {
  padding: 8vw 0;
}
#ticket .ticketPrice {
  margin: 0 auto 5.33vw;
  width: auto;
}
#ticket .text .price {
  width: auto;
  font-size: 5.33vw;
  text-align: center;
}
#ticket .text .contact {
  margin-bottom: 5.33vw;
  font-size: 4.27vw;
}
#ticket .playGuide {
  padding: 5.33vw;
  width: auto;
}
#ticket .titlePlayGuide {
  padding: 0 0 2.67vw;
  width: 40vw;
  font-size: 4.27vw;
}
#ticket .ticketList {
  margin: 0 auto;
  width: auto;
  font-size: 4.27vw;
}
#ticket .ticketItem {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
#ticket .ticketItem + .ticketItem {
  margin-top: 8vw;
}
#ticket .ticketItem th {
  margin-bottom: 2.67vw;
  font-size: 4.27vw;
}
#ticket .ticketItem td {
  width: auto;
  font-size: 3.73vw;
}
#ticket .note {
  margin: 5.33vw auto 0;
  width: auto;
  font-size: 3.2vw;
  text-align: left;
  line-height: 2;
}
#ticket .text .note {
  margin: 2.67vw auto 5.33vw;
}

/* CAST */
#cast {
  padding: 8vw 0;
}
.castItem,
.castItem .text {
  width: auto;
}
.castItem .text {
  font-size: 3.73vw;
}
.castItem .img {
  margin: 0 auto 5.33vw;
  width: 70%;
}
.castItem + .castItem {
  margin-top: 8vw;
}

/* cineoke */
#cineoke {
  padding: 8vw 0;
}
#cineoke .inner {
  padding: 5.33vw;
  width: 94.66vw;
}
#cineoke .title {
  margin-bottom: 2.67vw;
  font-size: 4.8vw;
}
#cineoke .title span {
  font-size: 2.67vw;
}
#cineoke .text {
  width: auto;
  font-size: 3.73vw;
}

/* footer */
footer .organized {
  padding: 5.33vw 0;
  font-size: 3.2vw;
  line-height: 1.8;
}
footer .organized p + p {
  margin-top: 0;
}
footer .logoList {
  padding: 5.33vw 0;
}
footer .logoPromax {
  margin-right: 8vw;
  width: 24vw;
}
footer .logoDisney {
  width: 32.4vw;
}

.pagetop {
  right: 2.67vw;
  bottom: 2.67vw;
}
.pagetop img {
  width: 14vw;
}