body{
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, Meiryo, sans-serif;
background-image: url(img/bg.png);
}

#container{
width:100%;
text-align: center;
}

html {overflow: auto;}

img{
margin : 0;
padding : 0;
border: none;
vertical-align: bottom;
}
ul:after {
 content: '';
 display: block;
 clear: both;
}


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

@media only screen and (min-width: 641px) and (max-width: 768px) {
.pc_on {display : none;}
}
 
/* smartPhone */
@media screen and (max-width: 640px) {
.pc_on {display : none;}
}



/* パンクズ*/
#topicpath{
margin : 0;
padding : 5px 0 0 0;
text-align: center;
background:#54c2f1;
}
.topicpath-in{
margin : 0 auto;
padding : 0;
max-width :960px;
overflow:hidden;
}
#topicpath p{
margin: 0;
padding :0 10px;
max-width :500px;
padding-top : 2px;
font-size : 12px;
line-height : 14px;
text-align: left;
color:#ffffff;
float: left;
}
#topicpath a{
color:#ffffff;
}

/* シェアボタン */
#share{
margin: 0 auto;
padding :0 0 5px 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;
}

@media print, screen and (min-width:769px) {
#share{float: right;}
}


/* タイトル */

#title{
margin : 0;
padding :50px 0;
text-align: center;
background:#fff000;
background-image: url(../img/title_bg.jpg);
background: linear-gradient(rgba(255, 255, 255, 0) 86%, rgba(255, 255, 255, 0.8) 96%, rgba(255, 255, 255, 1)), url(img/title_bg.jpg)center top ;
/*border-bottom: 35px solid #e4007e;*/
}

@media screen and (max-width:1201px) {
#title{padding : 10px 0;background-size:100%;}
}
@media screen and (max-width:768px) {
#title{padding : 15px 0;}
#title img{width: 90%;}
}


/* 募集見出し */

.boshu-t{
background-image: url(img/boshu-tbg.png);
background-position: bottom center;
background-repeat: no-repeat;
padding : 0;
margin : 0;
}
@media screen and (max-width:500px) {
.boshu-t img{width: 100%;}
}


/* 日時 */
#nichiji{
margin : 0;
padding : 1rem 0;
box-sizing: border-box;
}
#nichiji img{margin-bottom : .5rem;vertical-align: bottom;margin : 0;}

@media screen and (max-width:768px) {
#nichiji{padding : 10px;}
#nichiji img{width: 80%;}
}

/* ゲスト */
#guest{
margin : 0;
padding :0;
background-image:-webkit-linear-gradient(-45deg, #fff 25%, #f5f5f5 25%, #f5f5f5 50%, #fff 50%, #fff 75%, #f5f5f5 75%, #f5f5f5);
-webkit-background-size: 28px 28px;
overflow:hidden;
color:#ffffff;
box-sizing: border-box;
}

#guest h3{
margin : 0 0 15px 0;
padding :6px 0;
background:#66bfe9;
background-image:-webkit-linear-gradient(-45deg, #5bb7e2 25%, #66bfe9 25%, #66bfe9 50%, #5bb7e2 50%, #5bb7e2 75%, #66bfe9 75%, #66bfe9);
-webkit-background-size: 28px 28px;
font-size : 1.4rem;
}
#guest h3 span{font-size : 1.2rem;}


#guest-m,#guest-o{
margin : 1rem auto;
padding : 0;
max-width: 980px;
box-sizing: border-box;
}

#guest-m box,#guest-o box{
margin : 0;
padding : 0;
overflow:hidden;
}

#guest-m box{
margin : 1.5rem;
display:block;
background:#81c890;
background-image:-webkit-linear-gradient(-45deg, #74c484 25%, #81c890 25%, #81c890 50%, #74c484 50%, #74c484 75%, #81c890 75%, #81c890);
-webkit-background-size: 28px 28px;
border-radius: 8px;
box-sizing: border-box;
}

#guest-m box img{
margin : 0 5%;
padding : 0;
vertical-align: bottom;
border-radius: 8px;
width: 90%;
}

#guest-m box p{
margin : 0;
padding : .5rem 1rem;
text-align: left;
font-size : .85rem;
}

#guest-m box h4 {
  position: relative;
  display: inline-block;
  margin:.5em 0 1em 0;
  padding: 7px 1.5rem;
  max-width: 100%;
  color: #555;
  font-size: 16px;
  background: #fff;
border-radius: 8px;
font-size : 1.4rem;
color:#ff8400;
}

#guest-m box h4:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #fff;
}

#guest-m box h4 span{
color:#52bf67;
}

#guest-o box{
margin : 0 0 1rem 0;
padding : 0;
box-sizing: border-box;
}

#guest-o box img{
border: 2px solid #74c484;
box-sizing: border-box;
}


#guest-o box h4 {
  position: relative;
  display: inline-block;
  margin:.5em 0 1em 0;
  padding: 7px 1.5rem;
  max-width: 100%;
  color: #555;
  font-size: 16px;
  background: #74c484;
border-radius: 8px;
font-size : 1rem;
color:#fffc00;
}

#guest-o box h4:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #74c484;
}

#guest-o box h4 span{
color:#fff;
}


#guest-o box img{
margin : 0 20%;
padding : 0;
vertical-align: bottom;
border-radius: 8px;
width: 60%;
}

#guest-o box p{
margin : 0;
padding : .5rem 2rem;
text-align: left;
font-size : .85rem;
color:#379f4c;
}

@media print, screen and (min-width:769px) {
#guest-m,#guest-o{display: -webkit-flex;display: flex;-webkit-justify-content: flex-start;justify-content: flex-start;}
#guest-m box,#guest-o box{-webkit-flex-grow: 1;flex-grow: 1;}
#guest-m box{margin : 1rem 1%;width: 98%;}
#guest-o box{margin : 0 0 1rem 0;padding : 0  1%;width: 33.3%;}
#guest-o box img{margin : 0;width: 100%;}
#guest-o box p{margin : 0;padding : .5rem 0;}
}
@media only screen and (min-width: 481px) and (max-width: 768px) {
#guest-o box{margin : 0 0 1rem 0;padding : 0 1.8rem;display: inline-block;box-sizing: border-box;
}
#guest-o box img{margin : 0;padding : 0;width: 40%;float:left;}
#guest-o box p{margin : 0;padding : 0;width: 58%;float:right;}
}


#guest .msg{
text-align: center;
padding : 1% 3%;
}
#guest .msg a{
margin-bottom :.5rem;
display:block;
padding:1.5% 3%;
color:#3c9724;
text-decoration: none;
background:#ffe970;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border: 1px solid #3c9724;
}
#guest .msg a:hover{
background:#fff;
}


/* ステージスケジュール */
#schedule{
margin : 0;
padding :0 0 25px 0;
overflow:hidden;
}
#schedule h2{
margin : 0;
padding : 5px 0;
background:#2eb6aa;
color:#fff;
font-size : 1.6rem;
}
#schedule h3{
margin : 15px auto 6px auto;
padding :3px 0;
background:#fff100;
color:#2eb6aa;
font-size : 1.4rem;
}
#schedule h3 span{
font-size : 1rem;
}

#schedule ul{
margin : 0 1rem;
padding :0;
max-width: 960px;
}

#schedule li{
margin :.0 1%;
padding : 0;
list-style: none;
}
#schedule li img{
width: 100%;
}

@media print, screen and (min-width:481px) {
#schedule ul{margin : 0 auto;}
#schedule li{width: 48%;float: left;}
}

#schedule h5{
margin : 1% auto;
padding : .5% 0;
background:#2eb6aa;
color:#fff;
clear:both;
max-width: 940px;
font-size : 1rem;
border-radius: 8px;
}

#schedule p{
margin : 0;
padding : 15px 0;
font-size : 1.2rem;
}
@media screen and (max-width:960px) {
#schedule h5{margin : 1% 1.5rem;padding : .5% 1rem;font-weight:normal;}
}


/* 学校一覧 */
#school-list{
margin : 0;
padding :0 0 1.5rem 0;
overflow:hidden;
background-image:-webkit-linear-gradient(-45deg, #fff 25%, #f5f5f5 25%, #f5f5f5 50%, #fff 50%, #fff 75%, #f5f5f5 75%, #f5f5f5);
-webkit-background-size: 28px 28px;
box-sizing: border-box;
}


#school-list h2{
margin : 0 auto;
padding : 5px 0;
background:#66bfe9;
color:#fff;
font-size : 1.4rem;
}


#school-list p.chuui{
margin : 0;
padding :3px 0;
font-size : .8rem;
}

#school-list ul{
margin : 0;
padding :0;
overflow: hidden;
display:-webkit-box;
display:-moz-box;
display:-ms-box;
display:-webkit-flexbox;
display:-moz-flexbox;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
box-sizing: border-box;
}

#school-list li{
margin :0;
padding : .5rem;
float: left;
list-style: none;
box-sizing: border-box;
}

#school-list li img{
margin :0;
width: 100%;
border-radius: 8px;
border: 1px solid #66bfe9;
}

.msg-m{margin : 10px auto;max-width: 600px;}


@media print, screen and (min-width:981px) {
#school-list h2{font-size : 1.8rem;}
#school-list ul{margin : 1rem auto;max-width: 960px;}
#school-list li{width: 25%;}
}


@media only screen and (min-width: 641px) and (max-width: 980px) {
#school-list ul{padding : 0 1rem;}
#school-list li{width: 33.3%;}
}

@media screen and (max-width: 640px) {
#school-list ul{padding : 0 1rem;}
#school-list li{width: 50%;}
.msg-m{margin : 10px 1.5rem;}
}



/* 概要 */

#gaiyou{
margin : 0;
padding :0 0 25px 0;
background: #fff;
overflow:hidden;
}
#gaiyou h2{
margin : 0 auto;
padding : 5px 0;
background:#66bfe9;
color:#fff;
font-size : 1.5rem;
}



/* てゲハイとは */
.tegeinfo{
margin :20px auto;
padding : 15px 10px 15px 10px;
background:#fff;
overflow:hidden;
max-width: 760px;
clear:both;
background-image: url(img/iwasaki.jpg);
background-position: bottom right;
background-repeat: no-repeat;
background-size:140px;
text-align: left;
}

.tegeinfo img{
margin : 0 0 10px 10px;
padding : 0;
width: 74%;
}
.tegeinfo p{
margin : 0;
padding : 0 110px 3px 10px;
font-size : 1rem;
line-height : 1.2rem;
font-weight:normal;
}
@media print, screen and (min-width:769px) {
.tegeinfo img{width: 60%;background-size:120px;}
}

/* 募集内容 */
#boshu{
margin : 0;
padding : 0;
background:#fff100;
background-image:-webkit-linear-gradient(-45deg, #fff990 25%, #fff100 25%, #fff100 50%, #fff990 50%, #fff990 75%, #fff100 75%, #fff100);
-webkit-background-size: 28px 28px;
}
#boshu h3 {
margin : 0;
padding : 10px 0;
background:#e4007e;
font-size : 1.8rem;
line-height: 2rem;
color:#fff;
clear:both;
}
#boshu .boshu-gaiyou p{
margin : 0;
font-size : 1.1rem;
}

@media print, screen and (min-width:769px) {
#boshu .boshu-gaiyou{
transform: skew(-15deg);
margin :20px auto;
padding : 0;
background:#fff;
overflow:hidden;
max-width: 720px;
}
#boshu .boshu-gaiyou p{padding : 20px 30px;transform: skew(15deg);}
}

@media screen and (max-width:768px) {
#boshu h3{font-size : 1.3rem;line-height: 1.6rem;padding : 10px;}
#boshu .boshu-gaiyou{
margin :1rem;
padding : 0;
background:#fff;
overflow:hidden;
}
#boshu .boshu-gaiyou p{
padding : 20px;
font-size : .95rem;
text-align: left;
}
}

#boshu ul{
margin : 0 auto;
padding :20px 0;
box-sizing: border-box;
}

#boshu li{
margin : 0;
padding :.5rem 0;
list-style: none;
}
#boshu img{
margin : 0 2%;
width: 96%;
}
#boshu li h4{
margin : 0;
padding :0 20px;
font-size : 1.2rem;
}
#boshu li p{
margin : 20px;
font-size : 1rem;
text-align: left;
}
#boshu li p img{
width: 100px;
float: left;
}
@media print, screen and (min-width:769px) {
#boshu ul{display: flex;flex-wrap:wrap;justify-content: center;max-width: 1240px;}
#boshu li{width: 50%;flex-wrap:wrap;}
}

/* エントリー */
#entry{
margin : 0 0 25px 0;
padding :0 0 20px 0;
text-align: center;
overflow:hidden;
background:#fff;
border-bottom:3px solid #e4007e;
}

#entry h3 {
margin : 0 0 20px 0;
padding : 8px 0;
background:#e4007e;
line-height: 135%;
color:#fff;
font-size : 1.8rem;
clear: both;
}

#entry .oubo-youkou{
margin : 20px auto;
max-width: 820px;
text-align: left;
line-height: 135%;
}
#entry .oubo-youkou h4{
margin : 0;
padding :0 10px 25px 10px;
text-align: center;
color:#e4007e;
font-size : 1.1rem;
}


#entry .oubo-youkou p{
margin :0 0 20px 0;
padding-left:1em;
text-indent:-1em;
font-size : 1rem;
}



@media screen and (max-width:920px) {
#entry img{width: 90%;}
#entry .oubo-youkou p{padding:0 2rem;}
#entry h3 {font-size : 1.3rem;padding : 8px 10px;}
}


/* 川柳応募ボタン */
.senryu-oubo{
margin : 0 auto 2rem auto;
overflow:hidden;
padding : 0 2rem;
}
.senryu-oubo a{
max-width: 320px;
margin : 0 auto;
padding : 8px 0;
display:block;
background:#975fcb;
text-decoration: none;
 -webkit-border-radius: 4px;
 border-radius: 4px;
color:#ffffff;
text-align: center;
font-weight:bold;
font-size : 1.2rem;
}
.senryu-oubo a:hover{
background:#d7b9f2;
color:#975fcb;
}


/* タグ付きボタン */

.tw-oubo{
margin : 10px auto 20px auto;
max-width: 700px;
overflow:hidden;
padding : 0;
}
.tw-oubo a{
margin : 2% auto;
padding : 8px 0;
display:block;
background:#55acee;
text-decoration: none;
 -webkit-border-radius: 4px;
 border-radius: 4px;
color:#ffffff;
text-align: center;
font-weight:bold;
}
.tw-oubo a:hover{
background:#ffffff;
color:#55acee;
}

@media print, screen and (min-width:641px) {
.tw-oubo a{width: 48%;}
}
@media screen and (max-width:640px) {
.tw-oubo a{width: 80%;font-size : 16px;}
}




/* MC */

.mc{
margin :10px auto;
padding : 0;
}

@media screen and (max-width:640px) {
.mc img{width: 96%;}
}

.mc h3{
padding : 0;
background:#52c3f1;
overflow:hidden;
transform: skew(-15deg);
margin :30px auto 20px auto;
max-width: 280px;
}
.mc h3 p{
font-size : 20px;
line-height : 100%;
margin : 0;
padding : 10px 20px 5px 20px;
transform: skew(15deg);
color:#fff;
}

.mc h3 p span{
font-size : 12px;
}

/* アーカイブ・問い合わせ */

.archive{
padding : 0;
background:#e4007f;
overflow:hidden;
font-weight:bold;
transform: skew(-15deg);
margin :30px auto 20px auto;
max-width: 280px;
}
.archive p{
font-size : 20px;
line-height : 100%;
margin : 0;
padding : 10px 20px 5px 20px;
transform: skew(15deg);
}
.archive a{
display:block;
color:#fff;
text-decoration: none;
}
.archive a:hover{
background:#f23da2;
}
.archive p span{
font-size : 12px;
}

.archive-photo{
margin : 0;
padding : 0 10px;
overflow:hidden;
}
.archive-photo li{
margin : 0.5%;
padding : 0;
width: 19%;
list-style-type:none;
float: left;
}
.archive-photo img{
width: 100%;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}

.contact{
padding : 0;
background:#595656;
overflow:hidden;
font-weight:bold;
transform: skew(-15deg);
margin :30px auto 10px auto;
max-width: 280px;
clear:both;
}
.contact p{
font-size : 20px;
line-height : 100%;
margin : 0;
padding : 10px 20px 5px 20px;
transform: skew(15deg);
color:#fff;
}

.contact p span{
font-size : 12px;
}



/* 協賛 */
#kyosan{
padding : 8px 0;
font-size : 15px;
line-height : 130%;
font-weight: normal;
clear:both;
}

#kyosan img{
 vertical-align:middle;
margin-left :8px;
}

/* 主催 */
#shusai{
padding : 0 0 8px 0;
font-size : 16px;
line-height : 130%;
clear:both;
}

#shusai span{
font-size : 10px;
}

@media print, screen and (min-width: 641px) { /* for PC,Tablet  */
#shusai a{
pointer-events: none;
text-decoration: none;
color : #000000;
}
}


/* コピーライト */
#cr{
padding : 8px 0;
font-size : 11px;
line-height : 130%;
background:#000000;
color:#fff;
text-align: center;
}