@charset "UTF-8";
/* CSS Document */


#heroTopicEnWrap.entrybody{
width:1094px;
}
#heroTopicEnWrap{
width:1094px;
margin:0 auto;
padding-bottom: 0;
    padding:30px 0 0;
  
}
/*公演内容用
#heroTopicEnWrap{
width:1094px;
margin:0 auto;
padding-bottom: 0;
    padding: 35px 0 0;
}*/
.m0auto{
    width: 80%;
    margin:0 auto;
}
#heroTopicEnWrap 
.topicEnHead{
	width:100%;
	margin:30px auto 0;
	}
.topicEnHead h1 {
	display:none;
	}
.topicEnHead.eyeCache{
margin:0;
}
#tpxMainBtm {
  position: relative;
  background-color: #000;
  width: 1094px;
  overflow: visible;
  padding: 20px 0 30px 0;

}
/* ※印用 */
.indent_kome3{
padding-left:1em;
text-indent:-1em;
}
.btn_cover {
    margin: 0 auto 10px;
    text-align: center;
    padding-top:20px;
}
a.btnWhite{
	padding: 15px;
	font-weight: bold;
	border: 2px solid #fff;
	color: #fff;
	border-radius: 100vh;
}

a.btnWhite:hover {
	color: #fff;
	background-color: rgba(255,255,255,0.20);
}
a.btnBlk {
    margin-top:20px;
	padding: 15px;
	font-weight: bold;
	border: 2px solid #000;
	color: #fff;
	border-radius: 100vh;
    background-color: rgba(0,0,0,1.00);
}

a.btnBlk:hover {
	color: #fff;
	background-color: rgba(0,0,0,0.70);
}

a.btnPnk {
    margin-top:20px;
	padding: 15px;
	font-weight: bold;
	border: 2px solid #cc0000;
	color: #fff;
	border-radius: 100vh;
  background-color: rgba(204, 0, 0, 1.0);
}

a.btnPnk:hover {
	color: #fff;
	background-color: rgba(204, 0, 0, 0.7);
}

.articlWrap{
background-color:#4851a0;
    padding-bottom: 0;

}


#heroTopicEnWrap #articlBody{
background-color:#fff;
    margin-bottom: 0;
}

#tpxCont {
width:1094px;
}
#tpxCont h2{
	font-size:24px;
}
#tpxCont h3{
    font-size:20px;
    text-align: center;
    margin-bottom:3px;
    }
#tpxCont h2{
	margin-bottom:40px;
	text-align:center;
	}

#tpxCont 
.gradationRbg {
 background-image:url("/img/hero/guide/gozyuger/02/sharp3.png"), linear-gradient(150deg,rgba(135, 241, 245, 1) 0%, rgba(255, 255, 255, 1) 33%, rgba(255, 255, 255, 1) 100%);
background-repeat:no-repeat;
}
 
#tpxCont 
.gradationLbg  {
background-image:url("/img/hero/guide/gozyuger/02/sharp4.png"),linear-gradient(150deg,rgba(255, 255, 255, 0.89) 0%, rgba(255, 255, 255, 1) 48%, rgba(255, 255, 255, 1) 66%, rgba(135, 241, 252, 1) 100%);
background-repeat:no-repeat;
    background-position: bottom right;
}


/*#tpxCont .stripeBg{
 width:1094px;
 background: repeating-linear-gradient(-36deg, #efe4cc, #efe4cc 5px, #fff 5px, #fff 10px);
position: relative;
        text-align: center;
    padding: 40px 0;
}
#tpxCont .goldBg{
 background-image: url("/img/upload/bun04/bggold2.jpg");}
 

#tpxCont .stripeBg div.message{
    width: 90%;
    background-color: #fff;
    margin:20px auto;
}
*/
.cast-staff{
	text-align: center;
}
#tpxCont .overview,#tpxCont .synopsis{
 	width:100%;
padding:40px 10%;
	}
#tpxCont .welcome,#tpxCont .shakehands,#tpxCont .photo{
    width:100%;
padding:40px 5%;
	
}
#tpxCont 
.ribbon {
    margin: -18px auto 10px;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
}
.ribbon {
  --r: .6em; /* control the ribbon shape */
  padding-inline: calc(var(--r) + 2em);
  line-height: 1.8;
  clip-path: polygon(0 0,100% 0,calc(100% - var(--r)) 50%,100% 100%,0 100%, var(--r) 50%);
  background: #cc0000; /* the main color */
  width: fit-content;
}
#birthday{
    width:90%;
    margin: 40px auto;
    background: #fff;
    border: #cc0000 2px solid;
    padding:0 3px;
}
#bdPoint{
    width: 78%;
    margin:10px auto;
    font-weight: 700;
    font-size: 1.1em;
}
#tpxCont .column2 {
 	width:100%;
    margin: 0 auto;
padding:0 0 10px;
	}
 #tpxCont .overview{
   position: relative;
    }

#tpxCont .synopsis{
       position: relative;
    text-align: center;

    }

#tpxCont .synopsis-lead{
        font-size: 1.1em;
    font-weight: 600;
        line-height:2.0;
        padding-bottom: 30px;
    }

/*#tpxCont .tickets ,#tpxCont .sns,#tpxCont .cast-staff,#tpxCont .live{
  width: 1094px;
  padding: 40px 9% 30px;
}*/
#tpxCont .tickets,#tpxCont .cast-staff,#tpxCont .gwEvent {
  width: 1094px;
  padding: 40px 9% 60px;
}
#tpxCont .gwEvent{
  background-image:url('/img/hero/guide/gozyuger/gwbg.svg');
}
#tpxCont .gwEvent #photoSpot,#tpxCont .gwEvent #photospot,#tpxCont .gwEvent #poster,#tpxCont .gwEvent #sticker,#tpxCont .gwEvent #drinkLabel,#tpxCont .gwEvent #natsu-wari,#tpxCont .gwEvent #acrylicstage{
  background-color: rgba(255, 255, 255,0.7);
  padding: 40px 5%;
  margin-bottom: 30px;
}
#tpxCont .gwEvent p.plus{
  font-size: 1.2em;
  font-weight: 600;
  text-align: left;
}
#tpxCont .gwEvent h4{
  background-color: hsl(48, 90%, 68%);
  padding: 2px 5px;
  margin-bottom: 5px;
  margin-top: 15px;
}

.gwEvent p{
  padding-top: 5px;
}
 #tpxCont .tickets h2{
        padding-top: 30px;
    }
 #tpxCont .ticketinfo{
 background-color:#f5f5f5;
 padding:5px 1.3%;
 }

/*#tpxCont ul.column2 li{
    display: inline-block;
        width: 44%;
    vertical-align: text-top;
margin: 0 2%;}
#tpxCont ul.clumn2 li .penlight{
    position: relative;

          }*/
#tpxCont .penlight{
    margin: 0 auto;
    padding:40px 10%;
    width: 1094px;
}
#tpxCont .penlight p.fst{
        text-align: center;
    }
#tpxCont .penlight img#star04{
        position: absolute;
        top:15px;
        right:130px;
    }
#tpxCont .guestHero img#goonR{
    width: 70%;
}
#tpxCont .change{
width:1094px;
	padding:40px 9% 30px;

}
#tpxCont h4.information{
font-size:1.1em;
border-bottom:1px dotted #666;
}
#tpxCont .cast-staff h2{
        padding-top: 0;   
    }

/* 見出しの下に短い下線 */
.heading {
  position: relative;
  text-align: center; /* 文字の中央寄せ */
}
.heading::before {
  background-image:url("/img/hero/guide/gozyuger/giza.png"); 
    background-repeat: no-repeat;
  bottom: -20px; /* 線の位置 */
  content: "";
  height: 20px; /* 線の高さ */
  left: 50%; /* 線の中央寄せ */
  position: absolute;
  transform: translateX(-50%); /* 線の中央寄せ */
  width: 105px; /* 線の長さ */

}
/* Acordion Faq */
.tab {
  position: relative;
  margin: 20px auto;
  width: 100%;
  color: #000;
  overflow: hidden;
border-left: 15px #FFF200 solid;
}
input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
label {
  position: relative;
  display: block;
  padding: 10px 0 10px 1em;
  background: #fff;
  font-weight: bold;
  line-height: 1.6;
  cursor: pointer;
  background-color:#F9FF91;
  
}

.tab-content {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height .35s;
  -o-transition: max-height .35s;
  transition: max-height .35s;
  color: #000;
background-color: #fff;
}

.tab-content p {
  margin: 1em;
}
.tab-content ul.tabInner li{
display:inline-block;
width:45%;}
/* :checked */
input:checked ~ .tab-content {
  max-height: 100%;
}
/* Icon */
label::after {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  width: 3em;
  height: 3em;
  line-height: 3;
  text-align: center;
  -webkit-transition: all .35s;
  -o-transition: all .35s;
  transition: all .35s;
}
input[type=checkbox] + label::after {
  content: "+";
  font-weight:bold;
}
input[type=radio] + label::after {
  content: "\25BC";
}
input[type=checkbox]:checked + label::after {
  transform: rotate(315deg);
}
input[type=radio]:checked + label::after {
  transform: rotateX(180deg);
}

.tab2 {
  position: relative;
  margin: 20px auto;
  width: 100%;
  color: #000;
  overflow: hidden;
border-left: 15px #c09b46 solid;
}
.cpr{
font-size:0.9em;
text-align:center;
}


img.noDl{
 pointer-events:none;
 }
 
 /* html {
	選択禁止 
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}*/
.bTp{
  border-top: 3px solid #000;
}

@media screen and (min-width: 933px) {
  #heroGuideWrap {
    padding: 30px 0 0;
    }
#tpxCont ul.column2 li{
    display: inline-block;
        width: 44%;
    vertical-align: text-top;
margin: 2%;}
#tpxCont ul.clumn2 li .penlight{
    position: relative;
    }

}

@media screen and (min-width:0) and (max-width:932px) {
#heroTopicEnWrap.entrybody{
width:100%;
}
#heroTopicEnWrap{
width:100%;
margin:0 auto;
}
#tpxCont{
        width:100%;
        margin: 0 auto;
}

#tpxCont ul.column2 li{
    display: inline-block;
        width: 44%;
    vertical-align: text-top;
margin: 2%;}
#tpxCont ul.clumn2 li .penlight{
    position: relative;
          }
#tpxCont .penlight img#star04{
        position: absolute;
        top:15px;
        right:130px;
    }

#tpxCont .stripeBg {
        width:100%;
    margin-left: 0;
    }
#tpxCont .stripeBg div.message{
    width: 90%;
    background-color: #fff;
    margin:10px auto;
}
#tpxCont .stripeBg div.message figure img{
        max-width:97%;
    }
    img.streching{
        width: 95%;
    }

#heroGuideWrap {
    padding: 20px 0 0;
  }
#tpxMainBtm{
    position: relative;
    background-color: #000;
    width:100%;
    margin:0 auto 0 ;
    overflow: visible;
    padding-bottom: 20px;
    }
.topicEnHead.eyeCache{
margin:0;
padding-bottom:15px;
}
#heroTopicEnWrap .topicEnHead {
    padding:0;
  }
  
.btn_cover {
    margin: 0 auto 10px;
    text-align: center;
    padding-top: 30px;
}

.articlWrap{
width:100%;
background-color:#efe4cc;
    padding: 0;
}

#tpxCont h2{
	font-size:1.2rem;
}
#tpxCont h3{
    font-size:1.1rem;
    text-align: center;
    }
#tpxCont h2{
	margin-bottom:40px;
	text-align:center;
	}
#tpxCont ul.column2 li{
    display: block;
        width: 100%;
    vertical-align: text-top;
margin: 2%;}
    #tpxCont ul.clumn2 li img{
        margin: 0 auto;
    }
#tpxCont ul.clumn2 li .penlight{
    position: relative;
          }
#tpxCont .penlight img#star04{
        position: absolute;
        top:15px;
        right:130px;
    }

#tpxCont .overview,#tpxCont .synopsis,#tpxCont .penlight{
 	width:100%;
	padding:40px 3%;
    margin-left: 0;
	}
	
#tpxCont .synopsis{
    text-align: left;
    }
#tpxCont .synopsis-lead{
        font-size: 1.08rem;
        line-height:1.8;
        padding-bottom: 30px;
    }
#tpxCont .tickets,#tpxCont .cast-staff,#tpxCont .gwEvent{
  width:100% !important;
	padding:30px 3% 60px;
	margin-left:0;
	}
#tpxCont .change{
	margin-left: 0;
}
#tpxCont .tickets h2 {
  padding-top: 50px;
}

#tpxCont .penlight h2 {
  padding-top: 0;
}

#tpxCont .penlight p.fst{
        text-align: left;
    }
    
#tpxCont .change{
width:100%;
padding:40px 2% 40px;
}



.tab-content ul.tabInner li{
display:block;
width:100%;
}
label {
  position: relative;
  display: block;
  padding: 0.5em 0 0.5em 0.7em;
  background: #000;
  font-weight: bold;
  line-height: 1.5;
  cursor: pointer;
      background-color:#F9FF91;
}
/* Icon */

label::after {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  width: 3.5em;
  height: 3.5em;
  line-height: 1.5;
  text-align: center;
  font-weight:bold;
  -webkit-transition: all .35s;
  -o-transition: all .35s;
  transition: all .35s;

}
}

.photo-details summary {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: fit-content;              /* 内容に合わせた幅にする */
  margin: 1em auto;                /* 上下マージン1em、左右をautoで中央寄せ */
  padding: 0.6em 1.2em;
  background-color: #fff;
  border: 2px solid #d00c0c;
  border-radius: 30px;
  font-weight: bold;
  font-size: 1.05em;
  cursor: pointer;
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
  list-style: none;
  user-select: none;
}
.photo-details summary::marker,
.photo-details summary::-webkit-details-marker {
  display: none;
}

.photo-details summary:hover {
  background-color: #f9b7b1;
  box-shadow: 0 0 5px rgba(0,0,0,0.08);
}

/* ＋ or − の切り替え */
.photo-details summary::after {
  content: "+";
  margin-left: 1em;
  color: #666;
  font-size: 1.2em;
  transition: all 0.2s ease;
}

.photo-details[open] summary::after {
  content: "−"; /* 全角マイナス記号で縦位置が揃いやすい */
}