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;
}

h3{
margin : 0 auto;
padding :0 0 .5rem 0;
border-bottom: 1px solid #47BBC5;
color:#47BBC5;
font-size : 1.5rem;
}
h3 span{padding: .5rem;}
h3 span.sm{font-size : 1.2rem;}

@media screen and (max-width: 480px) {
h3{font-size : 1.2rem;}
h4{font-size : 1rem;}
}


/* 非表示項目 */
/* pc */
@media print, screen and (min-width:481px) {
.sp_on {display : none;}
}
 



/* パンクズ*/
#topicpath{
margin : 0;
padding : 0;
text-align: center;
color:#444;
background: rgba(167,250,252,0.5);
}
#topicpath p{
margin : 0 auto;
padding : 5px 1rem;
max-width :980px;
font-size : .8rem;
line-height : 1.2rem;
text-align: left;
}
#topicpath a{
color:#444;
}


/* ヘッダー */

header{
margin : 0 auto;
padding :0 1.5rem 1rem 1.5rem;
max-width :980px;
text-align: center;
}

header h4{
margin : 0 auto;
padding :.8rem 0;
color:#db345b;
font-size : 1.5rem;
}

@media screen and (max-width: 640px) {
header h4{font-size : 1rem;}
}

header img{width :100%;margin : .5rem auto}


/* 開催中止のお知らせ */
header .chuushi{
margin : 1.5rem auto;
padding :0 1.5rem 1rem 1.5rem;
max-width :980px;
text-align: center;
border: 3px solid #db345b;
border-radius: 10px;
}

header .chuushi p{
margin : 0 auto;
padding :.3rem 0;
text-align: left;
font-size : 1.1rem;
}

@media screen and (max-width: 768px) {
header .chuushi p{font-size : 1rem;}
}


/* 概要 */

#gaiyou{
margin : 0 auto;
max-width :980px;
padding : 1rem;
text-align: left;
}

#gaiyou table{
margin : 0;
padding : 0;
font-size : 1.2rem;
line-height : 1.5rem;
}

#gaiyou th{
color:#47BBC5;
padding :.5rem;
}

#gaiyou td{
margin : 0 auto;
padding :.5rem;
color:#4C4948;
}

@media screen and (max-width: 768px) {
#gaiyou th,#gaiyou td{display:block;padding :.3rem .5rem;}
}



/* 入場料 */
#nyujou{
margin : 0 auto;
max-width :980px;
padding : .5rem 1.5rem 1.5rem 1.5rem;
text-align: left;
overflow:hidden;
}

#nyujou h4{
margin : 0 auto;
padding :.6rem 0;
color:#db345b;
font-size : 1.5rem;
}
#nyujou h4 p{
margin : 0;
padding :.3rem 0;
font-size : 1rem;
font-weight:normal;
}

@media screen and (max-width: 768px) {
#nyujou h4{font-size : 1.35rem;}
#nyujou h4 p{font-size : 1rem;}
}

.ryoukin{
padding-bottom : 1rem;
}

.ryoukin table{
margin : 0;
padding : 0;
font-size : 1.15rem;
line-height : 1.5rem;
box-sizing: border-box;
border-collapse: collapse;
width: 100%;
}

.ryoukin th{
padding :.5rem .3rem;
font-weight:normal;
text-align: center;
border: 1px solid #ccc;
border-collapse: collapse;
width: 33.3%;
}

.ryoukin td{
margin : 0 auto;
padding :.5rem .3rem;
color:#47BBC5;
font-weight:bold;
font-size : 1.5rem;
text-align: right;
border: 1px solid #ccc;
}
.ryoukin th.dantai{
font-size : 1rem;
}

#ryoukin td span{
font-size : 1.2rem;
}

.ryoukin p{
margin : 0 auto;
padding : .5rem .5rem 0 .5rem;
font-size : 1.2rem;
line-height : 1.6rem;
}

.ryoukin p span{
font-size : 1rem;
}
.ryoukin p.chuui{
font-size : 1rem;
line-height : 1rem;
}
.ryoukin p.chuui2{
color:#db345b;
}

@media screen and (max-width: 768px) {
.ryoukin td{font-size : 1.3rem;}
.ryoukin td span{font-size : .95rem;}
.ryoukin p{font-size : 1rem;line-height : 1rem;}
}


/* グッズ付き前売券 */
.maeuri{margin: 0;padding :0;}
.maeuri h5{
margin :0 auto;
padding :5px 8px;
color: #fff;
font-size : 1rem;
font-weight:normal;
background-color : #47BBC5;
border:none;
box-sizing: border-box;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}

.maeuri p{
margin :.5rem auto;
padding :.3rem 0 0 0;
font-size : 1rem;
}
.maeuri p.kingaku{
color:#47BBC5;
font-weight:bold;
font-size : 1.5rem;
}
.maeuri p.set{
font-weight:bold;
margin :0 auto;
padding :.5rem;
font-size : 1rem;
color:#47BBC5;
border-top: 1px dotted #47BBC5;
border-bottom: 1px dotted #47BBC5;
}


.maeuri img{margin: .3rem 0 0 5%;width:32%;float:right;}

@media print, screen and (min-width:961px) {
.ryoukin{margin:0 5% 0 0;width: 45%;float:left;box-sizing: border-box;}
.maeuri{margin:0;width: 50%;float:left;box-sizing: border-box;}
#nyujou h4 p{width: 50%;float:right;box-sizing: border-box;padding-top:.2rem;}
}


/* プレイガイド */
.playguide{
margin: 1rem 0;
padding :0;
font-size : 1rem;
overflow:hidden;
box-sizing: border-box;
clear:both;
}
.playguide p span{
color : #47BBC5;
}

.playguide p{
margin: 0;
padding : .5rem 0;
font-size : 1rem;
line-height : 1.4rem;
}




/* 新着情報 */
#wn{
margin: 3rem 0 0 0;
padding :2rem 1.5rem;
border-top: #aaa 1px solid;
box-sizing: border-box;
clear:both;
}

@media screen and (min-width: 861px) {
#shinchaku{display: flex;margin: 0 auto;max-width: 980px;}
#shinchaku .shinchaku-in,#shinchaku .twitter-waku{margin:0 1%;width: 40%;box-sizing: border-box;flex-wrap:wrap;}
#shinchaku .insta-waku{margin:0 1%;width: 18%;box-sizing: border-box;flex-wrap:wrap;}
}

#shinchaku .shinchaku-in h3{
margin :0 auto;
padding :5px 8px 8px 8px;
color: #fff;
font-size : 1.2rem;
font-weight:normal;
max-width :960px;
background-color : #47BBC5;
border:none;
box-sizing: border-box;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}
#shinchaku .shinchaku-in ul{
margin :0 auto;
padding : 0;
overflow:auto;
max-width :960px;
height : 300px;
background-color : #fff;
box-sizing: border-box;
}
#shinchaku .shinchaku-in li{
margin :0 .5%;
padding :.6rem;
text-align: left;
list-style: none;
border-bottom: #aaa 1px dashed;
font-size : 1em;
}




/* twitter部分 */
.twitter-waku{
text-align: left;
margin: 0 auto;
padding-bottom :1rem;
}
.twitter-waku 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;
}
@media screen and (max-width: 861px) {
.twitter-waku{padding-top : 20px;}
}



@media screen and (max-width: 480px) {
iframe.twitter-timeline-rendered {
width: 450px !important;
margin:0 auto;/*これを入れないとめっちゃ細く200pxくらいで表示されます。以下イメージあり！*/
}
}

.timeline-Widget {
max-width: 300px!important;
width:200px !important; }
/*サイドウィジットへのtwetter埋め込み修正終わり*/



/* insta部分 */
.insta-waku{
text-align: center;
margin: 0 auto;
padding : 0;
}
.insta-waku h3{
margin :0 auto;
padding :5px 8px 8px 8px;
color: #fff;
font-size : 1rem;
font-weight:normal;
background-color : #72c195;
border:none;
text-align: left;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}

.insta-waku img{
width: 160px;
margin: 0 auto;
padding : 0;
}

.insta-waku p{
margin: 0 auto;
padding : 0;
}



/* 趣旨 */
#msg{
margin : 0 auto;
padding : 1rem 1.5rem;
overflow:hidden;
background-color :#86E0E2;
text-align: center;
clear:both;
}
#msg h4{
margin : 0 auto;
padding : .8rem 0;
color :#fff;
font-size : 1.4rem;
}

#msg p{
margin : .7rem auto;
padding : 0;
max-width :980px;
text-align: left;
font-size : 1rem;
}

@media screen and (max-width: 480px) {
#msg h4{font-size : 1.1rem;}
#msg p{font-size : .95rem;}
}



/* プロフィール */

#profile{
margin : 0 auto;
padding : 1rem;
overflow:hidden;
text-align: center;
clear:both;
}


#profile .pro-in{
margin : 0 auto;
padding : 1rem;
max-width :980px;
overflow:hidden;
}

#profile .pro-in h4{
margin : 0 auto;
padding : .5rem 0;
text-align: left;
font-size : 1.2rem;
color : #47BBC5;
}
#profile .pro-in h4 span{
font-size : .9rem;
}

#profile .pro-in p{
margin : 0 auto;
padding : 0;
text-align: left;
font-size : .95rem;
}

#profile .pro-in img{margin:0 auto;width :80%;max-width :300px;border-radius: 8px;
}

@media print, screen and (min-width:769px) {
#profile .pro-in img{margin:0 1.5rem 1rem 0;width :25%;float:left;}
}

#profile img{max-width :980px;width :100%;}


/* アクセス */
#access{
margin : 1.2rem auto 2rem auto;
padding : 5px 1.5rem 15px 1.5rem;
max-width :980px;
}


@media screen and (max-width: 769px) {
#access{margin : 15px 0;}
#access .access-l{padding:1rem 0;}
}

@media print, screen and (min-width:901px) {
#access .access-l{width :60%;display: inline-block;}
#access .access-r{margin : 2% 0 0 1%;width :38%;display: inline-block;}
}


#access h4{
margin : 5px auto;
padding : 0;
font-size : 1.2rem;
font-weight:normal;
}

#access .access-r img{margin :0 5%;width :90%;}


#access p{
margin : 0 auto;
padding : .3rem 0;
font-size : .95rem;
line-height : 1rem;
}
#access p.koutu{
padding-left:3.5em;
text-indent:-3.5em;
}
#access p.chuui{
font-size : .8rem;
line-height : 1rem;
}


/* 協賛 */

#kyosan{
margin: 2rem 0 1rem 0;
padding : .5rem 0;
text-align: center;
background:#F4F4F4;
border-top: #aaa 1px solid;
border-bottom: #aaa 1px solid;
}

#kyosan h4 {
margin: .5rem auto;
padding: 0;
}


#kyosan ul{
margin: 0 auto;
padding : 0 1rem 0 1.5rem;
display: flex;
justify-content: center;
max-width :960px;
flex-wrap:wrap;
}
#kyosan ul:after {
 content: '';
 display: block;
 clear: both;
}

#kyosan li{
list-style: none;
margin: 0;
padding :.5% 0;
width: 16.6%;
}

#kyosan li a{
margin: 0;
padding:0;
display:block;
text-decoration:none;
}
#kyosan li a:hover{
opacity: 0.8;
}

#kyosan li img{
width :96%;
border-radius: 5px;
}

@media only screen and (min-width: 641px) and (max-width: 960px) {
#kyosan li{width: 25%;}
}

@media screen and (max-width: 640px) {
#kyosan li{width: 33.3%;}
}


/* 主催 */
.shusai{
margin: 0 auto;
padding : .5rem 1.5rem 1rem 1.5rem;
font-size : .75rem;
line-height : 1rem;
text-align: center;
background-color : #fff;
border-top: #86E0E2 1px solid;
}


.shusai h4 {
  position: relative;
  display: inline-block;
  padding: 0 55px;
margin: 1.2rem auto .3rem auto;
color:#47BBC5;
}

.shusai h4:before, .shusai h4:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 45px;
  height: 2px;
  border-top: solid 1px #47BBC5;
  border-bottom: solid 1px #47BBC5;
}

.shusai h4:before {
  left:0;
}
.shusai h4:after {
  right: 0;
}

.shusai p{
margin: 0 auto;
padding : .2rem 0;
max-width :960px;
font-size : .85rem;
line-height : 1.3rem;
}


/* シェアボタン */
#share{
margin: 2rem auto 0 auto;
padding :15px 0;
overflow:hidden;
width: 160px;
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;
}


/* コピーライト */
#cr{
margin: 0;
padding : 8px 0;
font-size : 10px;
line-height : 130%;
font-weight: normal;
text-align: center;
}
