/*teaser index*/
#teaser_header{
	background: url("../images/music_top231101_bk2.jpg") no-repeat;
	background-size: cover;
	background-position: center center;
}

h1.teaser_hero{
  text-align: center;
	padding: 0 0;
}

h1.teaser_hero img{
	width:90%;
	max-width:350px;
	padding: 2% 0;
}

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

	h1.teaser_hero{
		overflow: hidden;
	}	
	
	
h1.teaser_hero img{
	width:100%;
}
	
	h1.teaser_hero{
	padding: 8% 0;
}
}

/*線*/
.common_gradeline_white{
	height: 1px;
    background: linear-gradient(to right, rgba(255,255,255,0),#FFFFFF,rgba(255,255,255,0));
    border: none;
    width: 90%;
    margin: 2em auto 0;
}
.common_gradeline_blue{
	height: 1px;
    background: linear-gradient(to right, rgba(255,255,255,0),#65b8ed,rgba(255,255,255,0));
    border: none;
    width: 90%;
    margin: 2em auto 0;
}


section.section_grade{
	padding: 0 0 8%;
	/*background: linear-gradient(#FFFFFF , #dbedf5);*/
	/*background:  #EBF5F9;*/
}

section.section_grade:nth-child(even){
	background: #FFF;
	/*position: relative;*/
}

.common_area{
	max-width: 1000px;
	margin: 5% auto 0;
	width: 95%;
	
}

.common_headline_m:before, .common_headline_m:after{
	background-color: #52A8DE;
}



section.section_grade.grade_blue_wrap{
	background:linear-gradient(to right, #52a8de ,#2383c0);
	color: #FFF;
	width: 90%;
	margin: auto;
	border-radius: 30px;
}

section.conductor_flex_wrap{
	margin: 5% auto 0;
	max-width: 1200px;
	width: 95%;
}

.grade_blue_wrap .common_headline_m:before, .grade_blue_wrap .common_headline_m:after{
	background-color: #B2E1FF;
}


.conductor_flex_wrap {
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  justify-content: flex-start;
  flex-wrap: wrap;
  width: 95%;
  max-width: 1200px;
  margin: 5% auto 0;
}
.conductor_flex_l {
  display: inline-block;
  width: calc((100% - 3%) / 2);
  margin-right: 3%;
  margin-bottom: 1.5rem;
  box-sizing: border-box;
  text-align: center;
}

.conductor_flex_r img,.conductor_flex_l img{
	width: 100%;
}
img.top_flyer_img{
max-width: 300px;
	width: 100%;
	margin: auto;
}


.conductor_flex_r{
	  display: inline-block;
  width: calc((100% - 3%) / 2);
  margin-right:0;
  box-sizing: border-box;
}

.conductor_name{
	text-align: right;
	font-size: .8em;
	margin-top: .5em;
}

@media screen and (max-width: 640px) {
	.conductor_flex_l,.conductor_flex_r{
		width: 100%;
		margin-right: 0;
	}
	
	.conductor_flex_reverse{
		flex-direction: column-reverse;
	}
	
	.conductor_flex_reverse .conductor_flex_r{
		margin-bottom: 1.5rem;
	}
}

/*リンクボタン*/
.white_line_link_wrap{
	text-align: center;
}

a.white_line_link:link,a.white_line_link:visited{
	padding: 1em;
	border:1px solid #FFFFFF;
	border-radius: 100px;
	margin: 1.5em auto 0;
	text-decoration: none;
	display: block;
	font-size: .9rem;
	color: #FFF;
	max-width: 300px;
	font-weight: bold;
	background: rgba(255,255,255,.20);
	
}

a.white_line_link:hover,a.white_line_link:active{
	border:1px solid #FFFFFF;
	background: rgba(255,255,255,.50);
	text-decoration: none;
}

.white_line_link_ic{
	padding-left: 1rem;
	position: relative;
}

.white_line_link_ic::before{
	content: 'chevron_right';
	font-family: 'Material Symbols Rounded';
	position: absolute;
	top: -2px;
	left: 0;
}

/*青ボタン*/
.blue_line_link_wrap{
	text-align: center;
}

a.blue_line_link:link,a.blue_line_link:visited{
	padding: 1em;
	border:1px solid #006fb5;
	border-radius: 100px;
	margin: 1.5em auto 0;
	text-decoration: none;
	display: block;
	font-size: .9rem;
	color: #FFF;
	max-width: 300px;
	font-weight: bold;
	background: rgba(0,111,181,.90);
	
}

a.blue_line_link:hover,a.blue_line_link:active{
	border:1px solid #FFFFFF;
	background: rgba(0,111,181,.80);
	text-decoration: none;
}

.blue_line_link_ic{
	padding-left: 1rem;
	position: relative;
}

.blue_line_link_ic::before{
	content: 'chevron_right';
	font-family: 'Material Symbols Rounded';
	position: absolute;
	top: -2px;
	left: 0;
}


/*白ボタン　青文字*/
.white_blue_link_wrap{
	text-align: center;
}

a.white_blue_link:link,a.white_blue_link:visited{
	padding: 1em;
	border:1px solid #006fb5;
	border-radius: 100px;
	margin: 1.5em auto 0;
	text-decoration: none;
	display: block;
	font-size: .9rem;
	color: rgba(0,111,181,.90);
	max-width: 300px;
	font-weight: bold;
	background: rgba(255,255,255,.20);
	
}

a.white_blue_link:hover,a.white_blue_link:active{
	border:1px solid #006fb5;
	background:#D6E4F7;
	text-decoration: none;
}

.white_blue_link_ic{
	padding-left: 1rem;
	position: relative;
}

.white_blue_link_ic::before{
	content: 'chevron_right';
	font-family: 'Material Symbols Rounded';
	position: absolute;
	top: -2px;
	left: 0;
}


/*
NEWS
*/

.news_area{
	padding-bottom: 8%;
}


.news_box{
	width: 90%;
	height: 200px;
	overflow-y: scroll;
	border-radius: 3px;
	max-width: 800px;
	border:1px solid  #B1D1DD;
	margin: 2em auto 0;
}

.news_box::-webkit-scrollbar{
   width:10px;
}
.news_box::-webkit-scrollbar-track{
   background-color: #ebf5f9;
}
.news_box::-webkit-scrollbar-thumb{
   background-color: #52A8DE;
}


dl.news_txt{
	text-align: left;
	padding: 2em;
	box-sizing: border-box;
	display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;flex-wrap:wrap;
}

dl.news_txt dt{
	display: inline-block;
	width: 8em;
	font-size: .9em;
	border-bottom: 1px solid #AECCD8;
	margin-bottom: 10px;
}

dl.news_txt dd{
	display: inline-block;
	width: calc(100% - 8em);
	border-bottom: 1px solid #AECCD8;
	margin-bottom: 10px;
}


@media only screen and (max-width:640px){
dl.news_txt dt,dl.news_txt dd{
		width: 100%;
	}
	
	dl.news_txt dt{
		margin-bottom: 0;
		border: 0;
	}
}



/*-----主催・協賛-----*/
.offer{
background: rgba(255,255,255,1.00);
color: rgba(0,0,0,1.00);
    text-align: center;
    margin: 3em 1em 0;
	padding: 20px 0;
}
.presents{
    margin: 1em 0 2em;
}
.presents img{
    max-width: 350px;
    width: 100%;
}
.subpresents{
    display: flex;
    justify-content: center;
    margin: 1em;
}
.subpresents li{
    text-align: center;
}
.subpresents img{
    max-width: 200px;
    width: 100%;
}



.playguide_btn_wrap{
text-align: center;
max-width: 800px;
width: 100%;
margin:0 auto;
padding-top: 60px ;
}
.playguide_btn_wrap img{
width: 98%;
}


/*ファイナルコンサート*/
.final_concert_wrap{
max-width: 980px;
width: 95%;
margin: 20px auto;
background: #FFFFFF;
color: #000000;
}