body{
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, Meiryo, sans-serif;
}

html {
overflow: auto;
color:#4C4948;
}

ul:after {
 content: '';
 display: block;
 clear: both;
}

img {
vertical-align:top;
pointer-events: none; 
-webkit-touch-callout:none;
  -webkit-user-select:none;
  -moz-touch-callout:none;
  -moz-user-select:none;
  touch-callout:none;
  user-select:none;
max-width:100%;
}

p{
margin:0;
padding:0;
line-height:1.4em;
}


/* 非表示項目 */
/* pc */
@media print, screen and (min-width:481px) {
.sp_on {display : none;}
}
 



/* パンクズ*/
#topicpath{
margin : 0;
padding : 0;
text-align: center;
background-color :#FBF2E4;
}
#topicpath p{
margin : 0 auto;
padding : 5px 1rem;
max-width :1080px;
font-size : .8rem;
line-height : 1.2rem;
text-align: left;
color:#666;
}
#topicpath a{
color:#ea6076;
}



/*カウントダウン*/

.cdt_wrapper {
margin: 0;
padding: 0;
text-align: center;
line-height: 1.2;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
color:#FBF2E4;
background: #f47a91;
}


#CDT{
padding:.3rem;
font-size: 1rem;
}
#CDT .day{font-size: 2em;}
#CDT small{font-size: .75em;}

@media screen and (min-width: 768px) {
#CDT{ font-size: 1.4rem;}
}



/* 動画 */
.pr .inner{
padding-bottom: 2rem;
}

.yt
{
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

.yt iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

/* ヘッダー */

header{
margin : 0 auto;
padding :1.5rem 1.5rem 2.5rem 1.5rem;
text-align: center;
background-color :#FBF2E4;
}

header p{
margin : 0;
padding : 0;
}
header p.title{
margin : .5rem auto;
max-width :980px;
}

header img{
width :100%;
max-width :1420px;
}


/* レイアウト */

main{
margin : 0;
padding : 0;
}

.container{
margin: 0 auto;
padding: 1.5rem;
box-sizing: border-box;
width: 100%;
}

.inner{
margin: 0 auto;
padding: 0;
max-width: 980px;
}


.inner h3{
margin : 0 auto;
padding :0 0 .5rem 0;
border-bottom: 1px solid #ea6076;
color:#ea6076;
font-size : 1.5rem;
}
.inner h3 span{padding: .5rem;}
.inner h3 span.sm{font-size : 1.2rem;}

@media screen and (max-width: 480px) {
.inner h3{font-size : 1.2rem;}
.inner h4{font-size : 1rem;}
}

.sm{
font-size : .9em;
font-weight:normal;
}

p.info{
color:#ff0000;
font-size:1.05em;
padding-bottom:.5em;
}

/*メッセージ*/
.thanks{
margin : 0 auto;
padding :.3rem;
background: #ea6076;
color: #fff;
}
.thanks p {
margin: .7rem;
font-size: 1.05em;
text-align: center;
}




/* コロナ対策 */
.covid19 {
	margin-bottom: 1em;
	background: #ea6076;
	color: #fff;
}
.covid19 p {
	margin: .7em 0;
	font-size: 16px;
	line-height: 1.5;
}
@media screen and (min-width: 768px) {
	.covid19 p {
		margin: 1em 0;
		font-size: 18px;
		line-height: 1.7;
	}
}




/* 休館日 */
.kyukan{
background-color :#ffe537;
text-align: center;
font-size:1.25em;
font-weight:bold;
}
@media screen and (max-width: 768px) {
.kyukan{padding :.5rem 0;font-size:1.15em;}
}

/* キャンペーン */
.campaign{
background-color :#ffe1ed;
}
.campaign h2{
margin : 0 auto;
padding :0 0 .8rem 0;
color :#ea539b;
font-size : 1.5rem;
line-height:1.2em;
text-align: center;
/*background:linear-gradient(#ea539b, #efa5c7);*/
text-shadow:
           3px 3px 0px #fff, -3px -3px 0px #fff,
          -3px 3px 0px #fff,  3px -3px 0px #fff,
           3px 0px 0px #fff, -3px  0px 0px #fff,
           0px 3px 0px #fff,  0px -3px 0px #fff;
font-family: 'M PLUS Rounded 1c', sans-serif;
}
.campaign p{margin : .3rem auto;}
.campaign p span{color:#d80000;}

.campaign-shousai{
margin : .5rem auto;
padding :.8rem;
background-color :#fff;
border-radius:5px;
font-weight:bold;
}

@media screen and (min-width: 768px) {
.campaign h2{font-size : 2rem;}
.campaign p{font-size : 1.05em;}
.campaign-shousai{font-size : 1.05em;}
}


/* 概要 */

.gaiyou{
background-color :#ffffff;
}

.gaiyou dl {
display: flex;
flex-wrap: wrap;
border: 1px solid #ccc;
border-top: none;
}
.gaiyou dt {
background: #ea6076;
width: 15%;
padding: 1rem;
box-sizing: border-box;
border-top: 1px solid #ccc;
color: #fff;
text-align: center;
align-items: center;
}

.gaiyou dd {
padding: 1rem;
margin: 0;
border-left: 1px solid #ccc;
border-top: 1px solid #ccc;
width: 85%;
background: #fff;
box-sizing: border-box;
align-items: center;
font-size: 1.2rem;
line-height:1.3em;
}

.gaiyou dd span{
font-size: .9rem;
}


@media (max-width: 768px) {
.gaiyou dt {width: 100%; padding:.5rem 1rem;}
.gaiyou dd {width: 100%;border-left: none;}
}

/* 入場料 */
.ticket{
background-color :#ffffff;
}


.ticket h4{
color :#ea6076;
font-size: 1.2rem;
}

.ticket p{
padding-left:1em;
text-indent:-1em;
}

.ticket01, .ticket02{
margin: 1rem 0;
display: flex;
flex-wrap: wrap;
background: #fff;
border-right: 1px solid #ccc;
border-top: 1px solid #ccc;
}
.ticket01 box, .ticket02 box{
margin: 0;
padding: .8rem;
text-align: left;
border-left: 1px solid #ccc;
border-bottom: 1px solid #ccc;
font-size: 1.2rem;
box-sizing: border-box;
color :#ea6076;
}
.ticket01 box{width: 50%;}
.ticket02 box{width: 25%;}

.ticket01 box.spticket{
width: 100%;
background-color :#FBF2E4;
font-weight:bold;
}

.ticket01 box.spticket p{
color :#000;
font-weight:normal;
font-size: 1rem;
}

.ticket01 box span{
font-weight:bold;
}

@media (max-width: 768px) {
.ticket01 box{width: 100%;font-size: 1.15rem;}
.ticket02 box{width: 50%;font-size: 1.15rem;}
}



/* プレイガイド */

.playguide{
margin: 2rem 0 1rem 0;
padding :0;
font-size : 1rem;
overflow:hidden;
box-sizing: border-box;
clear:both;
}
.playguide h5{
margin: 0;
padding : .3rem .5rem;
color : #ea6076;
font-size : 1rem;
border: 1px solid #ea6076;
border-radius: 8px;
}

.playguide ul{
margin: 0;
padding : .5rem;
font-size : 1rem;
line-height : 1.4rem;
box-sizing: border-box;
}
.playguide li{
margin: 0;
padding : .2rem 0;
font-size : 1rem;
line-height : 1.4rem;
box-sizing: border-box;
}

.playguide li a{
color:#0097c6;
}

.insta-waku iframe{
min-width: 280px;
}

/* sns部分 */
ul.sns{
margin: 0;
padding :0;
width :100%;
}
ul.sns li{
margin: 0;
padding :0 3%;
list-style:none;
}

ul.sns li.insta-waku{
padding-top: 3rem;
}

.insta-waku h3{
margin :0 auto;
padding :5px 8px 8px 8px;
color: #fff;
font-size : 1.2rem;
font-weight:normal;
max-width :960px;
background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
border:none;
box-sizing: border-box;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}

@media print, screen and (min-width:769px) {
ul.sns{box-sizing: border-box;display:flex;}
.twitter-waku-kaisai{flex-basis:59%;}
.insta-waku{flex-basis:29%;}
ul.sns li.insta-waku{
padding-top: 0;
}

}

@media screen and (max-width: 899px){
.instagram-media{
 max-width:560px !important;
 max-width: 100% !important;
 min-width: initial !important;
 }
}



/* twitter部分 */
.twitter-waku{
text-align: left;
margin: 0 auto;
padding-bottom :1rem;
}

.twitter-waku-kaisai{
text-align: left;
margin: 0 auto;
padding-bottom :1rem;
max-width :740px;
}

.twitter-waku h3,.twitter-waku-kaisai h3{
margin :0 auto;
padding :5px 8px 8px 8px;
color: #fff;
font-size : 1.2rem;
font-weight:normal;
max-width :960px;
background-color : #00aced;
border:none;
box-sizing: border-box;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}

.timeline-Widget {
max-width: 300px!important;
width:200px !important; }
/*サイドウィジットへのtwetter埋め込み修正終わり*/

@media screen and (max-width: 480px) {
iframe.twitter-timeline-rendered {
width: 450px !important;
margin:0 auto;/*これを入れないとめっちゃ細く200pxくらいで表示されます。以下イメージあり！*/
}
}

@media print, screen and (min-width:769px) {
.twitter-waku{margin: 2rem auto 1rem auto;padding :0 0 0 .5rem;}
section{display:flex;}
.twitter-waku iframe.twitter-timeline-rendered {
width: 380px !important;
margin:0 auto;
}
}


/* 協賛 */

.sponsor h5{
margin: 0;
padding : .3rem .5rem;
color : #ea6076;
font-size : 1rem;
border: 1px solid #ea6076;
border-radius: 8px;
}

.sponsor ul{
margin: 0 auto;
padding: .5rem 0 1.5rem 0;
box-sizing: border-box;
display: flex;
flex-wrap :wrap;
justify-content: flex-start;
list-style:none;
}

.sponsor li{
max-width: calc(25% - 4px);
margin: 2px;
}

.sponsor li a{
display:block;}

.sponsor img{width:100%;}

@media (max-width: 768px) {
.sponsor li{
max-width: calc(50% - 4px);
margin: 2px;
}
}


/* トークショー */

.talk{
background: repeating-linear-gradient(45deg, #fff871, #fff871 12px, #fffcbd 12px, #fffcbd 24px);
padding: 2.5rem 1.5rem;
margin-bottom: 1.5rem;
}

.talk h4{
margin : 0 auto;
padding : .8rem;
color :#fff;
font-size : 2rem;
line-height:1.2em;
text-align: center;
background:linear-gradient(#ea539b, #efa5c7);
border-radius:5px;
text-shadow:
           2px 2px 0px #ea539b, -2px -2px 0px #ea539b,
          -2px 2px 0px #ea539b,  2px -2px 0px #ea539b,
           2px 0px 0px #ea539b, -2px  0px 0px #ea539b,
           0px 2px 0px #ea539b,  0px -2px 0px #ea539b;
font-family: 'M PLUS Rounded 1c', sans-serif;
}

@media (max-width: 768px) {
.talk h4{font-size : 1.45rem;}
}


.talk dl {
display: flex;
flex-wrap: wrap;
border: 1px solid #ccc;
border-top: none;
}
.talk dt {
background: #55c1bd;
width: 15%;
padding: 1rem;
box-sizing: border-box;
border-top: 1px solid #ccc;
color: #fff;
text-align: center;
align-items: center;
}

.talk dd {
padding: 1rem;
margin: 0;
border-left: 1px solid #ccc;
border-top: 1px solid #ccc;
width: 85%;
background: #fff;
box-sizing: border-box;
align-items: center;
font-size: 1.15rem;
line-height:1.2em;
}

.talk dd span{
font-size: .9rem;
}

.talk .btn{
margin: 1.5rem auto .5rem auto;
padding:0;
text-align: center;
box-sizing: border-box;
width:90%;

}

.talk .btn a{
margin:0;
padding:.5rem .8rem;
background:linear-gradient(#ff9fcd, #ff6eb3);
text-decoration: none;
color:#fff;
font-weight:bold;
display:inline-block;
border-radius:5px;
font-size: 1.45rem;
line-height:1.3em;
}

.talk .btn a:hover{
background:linear-gradient(#ff6eb3, #ff9fcd);
}

.talk p.sm{
padding-left:1em;
text-indent:-1em;
}


@media (max-width: 768px) {
.talk dt {width: 100%; padding:.5rem 1rem;}
.talk dd {width: 100%;border-left: none;}
}



/* 趣旨 */
.msg{
background-color :#FBF2E4;
}
.msg h4{
margin : 0 auto;
padding : .8rem 0;
color :#ea6076;
font-size : 1.4rem;
text-align: center;
}

.msg p{
margin : .7rem auto;
padding : 0;
text-align: left;
font-size : 1rem;
}

@media screen and (max-width: 480px) {
.msg h4{font-size : 1.1rem;}
.msg p{font-size : .95rem;}
}



/* プロフィール */

.profile{
text-align: center;
padding : 1rem 0;
}


.profile h4{
margin : 0 auto;
padding : .5rem 0;
text-align: left;
font-size : 1.2rem;
color : #ea6076;
}

.profile p{
margin : 0 auto;
padding : 0;
text-align: left;
font-size : .95rem;
}

.profile img{margin:0 auto;width :80%;max-width :300px;border-radius: 8px;
}

@media print, screen and (min-width:769px) {
.profile img{margin:0 1.5rem 1rem 0;width :30%;float:left;}
}

/* アクセス */
.access{
}
.access h4{
margin : 0 auto;
padding : .8rem 0 0 0;
color :#ea6076;
font-size : 1.2rem;
text-align: center;
}
.access h5{
margin : 0 auto .5rem auto;
padding : .6rem;
font-size : 1rem;
text-align: center;
border: 1px solid #ea6076;
max-width :520px;
}

.access p{
padding : .5rem 0;
text-align: center;
}

.access img{
border: 1px solid #7b756c;
border-radius: 10px;
}


/* チェックリスト */
.check{
text-align: center;
font-size : 1.15rem;
}

.check a{
color:#0097c6;
text-decoration: none;
}

.check a:hover{
background:#addce8;
}

.check h4{margin : 0;
padding : .1rem 0;}
.check p{padding : .1rem 0;
}



/* 主催 */
.shusai{
background: #f1f1f1;
}

.shusai p{
margin: 0 auto;
padding : .2rem 0;
font-size : .95rem;
line-height : 1.3rem;
color : #ea6076;
max-width :680px;
padding-left:1em;
text-indent:-1em;
}


/* シェアボタン */
.share{
margin:0 auto;
padding :0;
overflow:hidden;
width: 180px;
height: 20px;
}

.share ul{
list-style: none;
margin: 0 auto;
padding: 0;
overflow: hidden;
}

.share ul:after {
overflow: hidden;
}

.share li{
float: left;
margin: 0 0 0 5px;
padding: 0;
display: inline-block;
height: 20px;
overflow: hidden;
}

.fb-like {
display: inline-block;
height: 20px;
overflow: hidden;
}
.fb_iframe_widget span {
vertical-align: top !important;
}
.fb-share-button{
margin: 0;
padding: 0;
text-align: left;
}




/*footer*/
.footer{
margin: 0;
padding: 1rem 0;
text-align: center;
background: #fff;;
}
.copyright{
padding: .2rem;
font-size: .75rem;
}