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


img{
 vertical-align: bottom;
}

html {overflow: auto;}


/* 非表示項目 */
/* 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;
background:#fdd23c;
}
.topicpath-in{
margin : 0 auto;
padding : 0;
overflow:hidden;
}
#topicpath p{
padding :5px 0 5px 10px;
margin : 0 auto;
font-size : .8em;
line-height : 1em;
text-align: left;
}

@media print, screen and (min-width: 769px) { /* for PC  */
.topicpath-in{max-width :960px;}
#topicpath p{width :60%;float: left;}
} /* end for PC */

@media screen and (max-width: 768px) { /* for SP,Tablet */
#topicpath{padding : 5px 0 0 0;overflow:hidden;}
} /* end for SP,Tablet */


/*========== シェアボタン ==========*/


#share {
		margin: 0 auto;
		padding :0 0 5px 0;
		overflow:hidden;
		width: 160px;
		height: 20px;
		float: right;
}


#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;
}



/*========== ヘッダー ==========*/

/*==背景白・角丸・90％==*/
#header {
		margin : 0 auto;
		padding : 10px 0;
		width :90%;
		overflow:hidden;
		background-color:#fff;
		text-align: center;
		border-radius:16px;

}


#header h2 {
		margin : 0 auto;
		text-align:center;
		padding: 10px 1rem 0 1rem;
		font-weight:normal;
		color:#db0b00;
		font-size : 1rem;
}


/*========== youtube ==========*/

#movie {
		max-width:960px;
		margin:2rem auto;
}

.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 480px) {

#movie {
		width:90%;
		margin:1rem 5%;
}

}


/*========== タイムテーブル欄 ==========*/

.timetable-title {
		margin : 0 auto;
		text-align:center;
		padding: 10px 0;
		color: #000;
		background-color: #f39fc3;
		font-weight:bold;
		clear:both;
}
.timetable-title img {
		width: 30px;
		margin-right : 5px;
}
.timetable-title p {
		font-size:1.2rem;
		margin : 1rem auto;
		padding: 0;
		letter-spacing:.2rem;
}


.timetable-title a {
		margin : .3rem auto;
		display: inline-block;
		padding: 10px 20px;
		text-decoration: none;
		color:#f39fc3;
		background:#000;
		font-size : 1.15rem;
		line-height : 1.4rem;
		font-weight700;
}

.timetable-title a:hover {
		color: #1da1f3;
		background:#fff;
}




/*========== SNSタグ欄 ==========*/

.tag-title {
		margin : 0 auto;
		text-align:center;
		padding: 10px 0;
		color: #f39fc3;
		background-color: #000;
		font-weight:bold;
		clear:both;
}
.tag-title img {
		width: 30px;
		margin-right : 5px;
}
.tag-title p {
		font-size:1.2rem;
		margin : 1rem auto;
		padding: 0;
		letter-spacing:.2rem;
}


.tag-title a {
		margin : .3rem auto;
		display: inline-block;
		padding: 10px 20px;
		text-decoration: none;
		color: #000;
		background:#f39fc3;
		font-size : 1.15rem;
		line-height : 1.4rem;
		font-weight700;
}

.tag-title a:hover {
		color: #1da1f3;
		background:#fff;
}


/*========== テキスト装飾 ==========*/


p.txt20 {
	font-size:2rem;

}

/*========== セクション ==========*/


section {
	width:100%;
	margin:0 auto;
	padding:10px 0;
}

/*================================*/

#about img,
#guest img,
#schedule img,
#present img {
		max-width: 100%;

}

#schedule img{
		max-width: 960px;
}


/*================================*/

/*==背景ピンク==*/
#about {
		margin:0 auto;
		padding: 2rem 1rem;
		background:#f5dedd;
		text-align:center;
		overflow:hidden;
}



#about p {
		font-size:1.4rem;
		color:#000;
		line-height:1.6;
		font-family: serif;
}


#about p span {
		font-size:1.8rem;
		color:#3f51b5;
		line-height:1.6;
		font-family: serif;
}


#about h2 {
		margin: 0 auto;
		padding: 0;
		overflow: hidden;
		text-align: center;
		color:#000;
		font-family: serif;
		font-size:2.2rem;

}

#about h2 span {
		position: relative;
		display: inline-block;
		margin: 0;
		padding: 1em;
		text-align: left;
		font-size :2rem;
		line-height : 1.8rem;
}

#about h2 span::before,
#about h2 span::after {
		position: absolute;
		top: 50%;
		content: '';
		width: 400%;
		height: 1px;
		background-color: #fff;
}

#about h2 span::before {
		right: 100%;
}

#about h2 span::after {
		left: 100%;
}


#about h4 {
		margin: 0;
		padding: 10px 0;
		text-align: center;
		color:#ffcc00;
		font-size :1.6rem;
		line-height : 1.6;
		font-family: serif;

}

/*================================*/


#schedule h2 {
		margin: 0 auto;
		padding: 0;
		overflow: hidden;
		text-align: center;
		color:#000;

}

#schedule h2 span {
		position: relative;
		display: inline-block;
		margin: 0;
		padding: 1em;
		text-align: left;
		font-size :2rem;
		line-height : 1.8rem;
}

#schedule h2 span::before,
#schedule h2 span::after {
		position: absolute;
		top: 50%;
		content: '';
		width: 400%;
		height: 1px;
		background-color: #fff;
}

#schedule h2 span::before {
		right: 100%;
}

#schedule h2 span::after {
		left: 100%;
}


#schedule h3 {
		margin: 0;
		padding: 10px 0;
		text-align: center;
		color:#000;
		font-size :1.8rem;
		line-height : 1.6;
}



#schedule h4 {
		margin: 0;
		padding: 10px 0;
		text-align: center;
		color:#000;
		font-size :1.6rem;
		line-height : 1.6;
}



/*================================*/
/* ゲスト */
/*================================*/

#guest {
		margin : 0 auto;
		padding: 2rem 1rem;
		text-align: center;
		background-color:#f39fc3;
		/*background: url(img/guest_bg.jpg) no-repeat center center;
		background-attachment: fixed;
		background-size: cover;*/
}


/*================================*/
/* 画像部分 */
/*================================*/

#sns{
margin: 20px auto;
overflow:auto;
    width: 980px;
    height: 520px;

}


/*================================*/
/* スケジュール：背景水色 */
/*================================*/

#schedule {
		margin:0 auto;
		padding: 2rem 1rem;
		background:#f2f9ff;
		text-align:center;
		overflow:hidden;
}




/*================================*/
/* バナー */
/*================================*/

.banner {
		margin:0 auto;
		padding: 1.5rem 1rem;
		background:#fcf372;
		text-align:center;
		overflow:hidden;
		display: flex;
		justify-content: center;
}

.banner img{
		margin:2% auto;
		width: 96%;
}


@media screen and (max-width: 460px) {

.banner {
		margin:0 auto;
		padding: 1.5rem 1rem;
		background:#fcf372;
		text-align:center;
		overflow:hidden;
		display: block;
		justify-content: center;
}

.banner img{
		margin:2% auto;
		width: 96%;
}

}



/*================================*/
/* Youtube */
/*================================*/

.youtube-live {
  background-color: #00a0e9;
}
.youtube-wrap {
  margin: 0 auto;
  max-width: 940px;
  background-color: #00a0e9;
}

.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe{
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

/*================================*/
/*========== スマホ ==========*/
/*================================*/


@media screen and (max-width: 480px) {

		#about h2 {
				margin: 0;
				padding: 5px 0;
				text-align: center;
				color:#fff;
				font-size :1.2rem;
				line-height : 1.6;
		}


		#about h4 {
				margin: 0;
				padding:0;
				text-align: center;
				color:#ffcc00;
				font-size :1.2rem;
				line-height : 1.6;
		}

		#about p {
				font-size:.8rem;
/*				color:#fff;*/
				line-height:1.6;
				font-family: serif;
		}


		#about p span {
				font-size:1rem;
/*				color:#fff;*/
				line-height:1.6;
				font-family: serif;
		}



		.tag-title {
				margin : 0 auto;
				text-align:center;
				padding: 10px 0;
				color: #f39fc3;
				background-color: #000;
				font-weight:bold;
				clear:both;
		}

		.tag-title p {
				font-size:1rem;
				margin : 1rem auto;
				padding: 0 1rem;
				letter-spacing:.2rem;
		}

		.br-sp {
				display: none; 
		}

#guest img,
#schedule img,
#present img {
	width:100%;

}


}


/*================================*/
/*========== フッター ==========*/
/*================================*/

#footer{
margin : 0 auto;
padding: 0;
text-align:center;
}

<!--@media print, screen and (min-width: 1241px) {
#footer{}
}

@media screen and (max-width: 1240px) {
}-->

/*================================*/
/*========== コピーライト ==========*/
/*================================*/

#cr{
padding : 10px;
  font-size : 10px;
  line-height : 12px;
clear:both;
text-align:center;
}



/*================================*/
/*========== サイド ==========*/
/*================================*/



.sidebar, .main{
    padding: 20px;
}

.sidebar img, .main img {
	width:100%;
}

.sidebar{
    background-color: #fff;
}
.main{
    background-color: #fff;
}



@media screen and (min-width : 768px) {

    .container{
        display: flex;
				width:100%;
    }

    .sidebar, .main {
        width: 50%;
    }

}


.days {
		color:#fff;
		background-color:#03a9f4;
		text-align: center;
		font-size :2rem;
		padding:1rem;
		margin:0 auto;
		font-weight: 700;
}


.timetable {
		color:#fff;
		background-color:#e91e63;
		text-align: center;
		font-size :2rem;
		padding:1rem;
		margin:0 auto;
		font-weight: 700;
}

/*=======================*/

.wrap {
margin:0 auto;
max-width: 1280px;
overflow: hidden;
box-sizing: border-box;
display: flex;
flex-wrap :wrap;
justify-content: flex-start;
}


.item {
padding: 30px;
box-sizing: border-box;
width: 33%;
background-color: #fff;
}

/*.wrap {
display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

.item {
  padding: 30px;
  width: 32%;
  background-color: #fff;
}
.item:not(:nth-child(3n+3)) {
  margin-right: 2%;
}

.item:nth-child(n+4) {
  margin-top: 30px;
}
*/

@media not all and (min-width: 768px) {
  .item {
    width: 100%;
  }

  .item:not(:nth-child(3n+3)) {
    margin-right: 0;
  }

  .item:nth-child(n+2) {
    margin-top: 30px;
  }
}


/*=======================*/



a.btn--yellow {
  color: #000;
  background-color: #fff100;
  border-bottom: 5px solid #ccc100;
}

a.btn--yellow:hover {
  margin-top: 3px;
  color: #000;
  background: # fff20a;
  border-bottom: 2px solid #ccc100;
}




.btn,
a.btn,
button.btn {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;

}


.info_text {
  font-size: 1.6rem;
  font-weight: 700;
  border-radius: 0.5rem;
	border:2px solid #212529;
  padding: 1rem 4rem;	
	text-align:center;
background-color: cornsilk;
}

.t-left {
text-align:left;
}




.b_box {
	text-align:center;
	margin:1rem auto;
}