*,
*:before,
*:after {
	-webkit-box-sizing: inherit;
	box-sizing: inherit;
}


html {
	overflow: auto;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}




main{
background: linear-gradient(to bottom right, #fbfcdb, #eddaf7);
padding: 2em 1em;
}

hr {
    background-color: #e2d6ca;
}

header{
padding: 1em;
}

.title{
margin: auto;
max-width:900px;
text-align: center;
}

.msg{
font-size: clamp(1rem, 0.864rem + 0.68vw, 1.375rem);
}


.youtube-container{
max-width: 800px;
box-shadow: 20px 20px 0 #bc6483;
margin-bottom: 50px;
}


.schedule{
margin: 1em auto 5em auto;
padding: 0 1em;
max-width: 960px;
}




.schedule h3 {
font-family: serif;
position: relative;
line-height: 1.4;
padding:0.25em 1em;
display: inline-block;
top:0;
color:#5e3f1d;
}

.schedule h3:before,.schedule h3:after { 
position: absolute;
top: 0;
content:'';
width: 8px;
height: 100%;
display: inline-block;
}
.schedule h3:before {
border-left: solid 1px #5e3f1d;
border-top: solid 1px #5e3f1d;
border-bottom: solid 1px #5e3f1d;
left: 0;
}
.schedule h3:after {
content: '';
border-top: solid 1px #5e3f1d;
border-right: solid 1px #5e3f1d;
border-bottom: solid 1px #5e3f1d;
right: 0;
}
.schedule h4{
font-size:1.55em;
}



.theme{
text-align: center;
}
.theme span{
font-size:1.15em;
font-weight:500;
color:#bc6483;
}

.performer_box{
margin-top: 15px;
padding: 1em;
border-radius: 10px;
background: #fff;
box-shadow: 10px 10px 0 #ba9b66;
}

.performer-naiyou span.fonts{
font-size:.65em;
}
.performer-naiyou span.bkc{
background: #1770a9;
color:#fff;
padding: .5em;
border-radius: 3px;
}

.performer-naiyou{
padding: 1em;
}

@media screen and (min-width: 769px) {
.performer_box{display:flex;}
.performer-photo{max-width:45%;}
}

#more{
text-align: center;
}

/*Youtubeレスポンシブ*/
.responsive-youtube {
  width: 100%;
  aspect-ratio: 16 / 9; /* アスペクト比を16:9に設定 */
  /* 必要に応じて最大幅を設定 */
  min-width: 400px; /* 例: 最大幅を800pxにする場合 */
}

.youtube-container.news-arc {
	margin-bottom: 0;
	box-shadow: none;
}
.youtube-container.news-arc ~* {
	margin-top: 0;
}