@charset "utf-8";

/*-- common --*/
.sp{ display: none;}
.pc{ display: inline-block;}
.pc2{ display: inline-block;}

a.gc_arrow{ background: url(../img/arr_blue.jpg) no-repeat right 50%; padding-right: 9px; text-decoration: underline;}
a.tel_link{ color: #333;}
a.tel_link:hover{ opacity: 1.0;}

.container{	width: 960px; margin: 0 auto; padding: 0;}
#page_content{ border-bottom: solid 1px #C8C8C8;}

/*-- header footer --*/
#gc_header{ overflow: hidden;}
#gc_header h1{ float: left;	padding: 17px 10px 15px; margin: 0;}
#gc_header #header_acros_logo{ float: right; padding: 0;}

/*-- contents --*/
.gc_title img{ width: 960px;}
.gc_frm{ width: 100%; /*background: url(../img/decoration/frm1b.png) repeat-y;*/ background-size: 960px; margin: 40px auto;}
.gc_frm_inner{ background: url(../img/decoration/frm1h.png) top no-repeat; background-size: 960px; position: relative;}
.gc_frm_footer{ background: url(../img/decoration/frm1f.png) bottom no-repeat; background-size: 960px; padding: 30px 20px 30px 30px; overflow: hidden; text-align: center; word-wrap: break-word;}
.clamid{ width:100%; background: url(../img/classic/clamid.png) repeat-y; margin: 20px auto;}
.clatop{ background: url(../img/classic/clatop.png) top no-repeat;}
.clabot{ background: url(../img/classic/clabot.png) bottom no-repeat; padding: 30px 40px 40px 40px; overflow: hidden;}
.gc_frm_img { padding: 0 0 0 16px; margin:0 0 0 auto; text-align: right;}
.gc_frm_img a{ display: block; float: left; padding: 0; margin-top: 5px; margin-bottom: 5px;}
.gc_frm_img a.first{ padding-right: 10px;}
.gc_frm_img2 { padding: 0 0 0 10px; margin: 0 0 0 auto; text-align: right; position: relative;}
.gc_frm_img3 { padding: 0 0 0 10px; margin: 0 0 0 auto; position: relative;}
@media (min-width: 768px) {
	.gc_title img{ width: 100%;}
	.gc_frm_img2 .a-bottom{ text-align: bottom; position: absolute; right: 40px; bottom: 0px;}
	.gc_frm_img3 .a-bottom{ text-align: bottom; position: absolute; right: 40px; bottom: 0px;}
	
	.event_tab{ margin: 30px auto 50px; overflow: hidden; display: flex; justify-content: space-between;}
	.event_tab li{ padding: 0; text-align: center; width: 100%;}
	
	.event_tab3{ margin: 0 auto 10px; overflow: hidden; display: flex; justify-content: space-between;}
	.event_tab3 li{ padding: 0; text-align: center; width: 100%;}
	.event_tab3 li img{ width: auto; height: 82px!important; object-fit: contain;}
}
.gc_frm_img2 a{ display: block; float: left; padding: 0; margin-top: 5px; margin-bottom: 5px;}
.gc_frm_img2 a.first{ padding-right: 10px;}
.gc_frm_img3 a{ display: block; float: left; padding: 0; margin-top: 5px; margin-bottom: 5px;}
.gc_frm_img3 a.first{ padding-right: 10px;}
.gc_frm_txt{ padding: 0; line-height: 1.7; font-size: 16px;}
.event_tab{ margin: 30px auto 0; overflow: hidden; display: flex; justify-content: space-between; flex-wrap: wrap; }
.event_tab li{ padding: 0; text-align: center; width: 50%; margin: 0 0 10px 0;}
.event_tab2{ margin: 0 auto 50px;}
.event_tab2 li{ padding: 0; text-align: center; width: 100%;}
.event_tab li img{ width: auto; height: 82px; object-fit: contain;}
.eve_block{ background: url(../img/bar01.png) top no-repeat; margin: 4px auto 60px; border-left: solid 1px #C8C8C8; border-right: solid 1px #C8C8C8; border-bottom: solid 1px #C8C8C8; padding: 15px 20px 20px;}
.eve_block .date{ color: #846B17; font-size: 18px;}
.eve_block .date2{ color: #846B17; font-size: 18px;}
.eve_block2{ background: url(../img/classic/line1.png) top no-repeat; margin: 4px auto 60px; border-left: solid 1px #C8C8C8; border-right: solid 1px #C8C8C8; border-bottom: solid 1px #C8C8C8; padding: 15px 20px 20px;}
.eve_block2 .date{ color: #846B17; font-size: 18px;}
.eve_block2 .date2{ color: #846B17; font-size: 18px;}
.fes2{ background: url(../img/classic/line2.png) top no-repeat;}
.gakkifes{ background: url(../img/classic/line6.png) top no-repeat;}
.clinic{ background: url(../img/classic/line9.png) top no-repeat;}
.lesson{ background: url(../img/classic/line8.png) top no-repeat;}
.ensemble{ background: url(../img/classic/line4.png) top no-repeat;}
.back{ background: url(../img/classic/line3.png) top no-repeat;}
.eve_title{ border-bottom: solid 1px #C8C8C8; position: relative;}
.eve_title2{ margin-top:20px; margin-bottom :20px; border-bottom: solid 1px #C8C8C8;}
.eve_contents{ overflow: hidden; padding: 20px 0 10px;}
.eve_contents_img{ width:200px; float: left;}
.eve_contents_img span{ display: block; font-size: 11px; padding: 5px 0 0 0;}
.eve_contents_txt{ width: 698px; float: right;}
.eve_contents dl,.eve_contents dt,.eve_contents dd{ box-sizing: border-box; vertical-align: top; line-height:1.6;}
.eve_contents dl{ background:#F1F1F1; margin: 0 auto 10px;}
.eve_contents dt,.eve_contents dd{ padding: 8px 0; line-height: 1.7;}
.eve_contents dt{ width: 16%; float: left; text-align: center;}
.eve_contents dd{ margin-left: 16%; background:#FFF url(../img/line.png) right bottom no-repeat; padding-left:20px;}
.eve_contents dd:after { content: ''; display: block; clear: both; zoom: 1;}
.eve_contents2{ overflow: hidden;/*920*/padding:0px 20px 10px;}
.eve_contents2_img{ width: 190px; float: left;}
.eve_contents2_img span{ display: block; font-size: 11px ;padding: 5px 0 0 0;}
.eve_contents2_txt{width: 650px;float:right;}
.eve_contents2 dl,.eve_contents2 dt,.eve_contents2 dd{ box-sizing: border-box; vertical-align: top; line-height:1.6;}
.eve_contents2 dl{ background:#F1F1F1; margin: 0 auto 10px;}
.eve_contents2 dt,.eve_contents2 dd{ padding: 8px 0; line-height: 1.7;}
.eve_contents2 dt{ width: 16%; float: left; text-align: center;}
.eve_contents2 dd{ margin-left: 16%; background: #FFF url(../img/line.png) right bottom no-repeat; padding-left: 20px;}
.eve_contents2 dd:after { content: '';display: block; clear: both;zoom: 1;}
.eve_contents3{ overflow:  hidden; padding: 20px 20px 10px;}
.eve_contents3_img{ width:190px; float: left;}
.eve_contents3_img span{ display: block; font-size: 11px; padding: 5px 0 0 0;}
.eve_contents3_txt{ width: 830px;}
.eve_contents3 dl,.eve_contents3 dt,.eve_contents3 dd{ box-sizing: border-box; vertical-align: top; line-height: 1.6;}
.eve_contents3 dl{ background: #F1F1F1; margin:0 auto 10px;}
.eve_contents3 dt,
.eve_contents3 dd{ padding: 8px 0; line-height:1.7;}
.eve_contents3 dt{ width: 16%; float: left; text-align: center;}
.eve_contents3 dd{ margin-left: 16%; background: #FFF url(../img/line2.png) left bottom no-repeat; padding-left: 20px;}
.eve_contents3 dd:after { content: ''; display: block; clear: both; zoom: 1;}

p.gc_txt{ line-height: 1.8;}
.btn_area{ margin: 30px auto 0;}
.btn_area a{ width: 180px; font-size: 14px; padding: 6px; text-align: center; color: #fff; display: inline-block; border-radius: 5px; font-weight: bold; position: relative;}
.btn_area a:first-child { background-color: #9C893F; margin-right: 8px;}
.btn_area a:nth-child(2) { background-color: #DE6318; margin-right: 8px;}
.btn_area a:nth-child(3) { background-color: #d3a12a;}
.btn_area_ex a:last-child { background-color: #9C893F!important;}
.btn_area a::after { content: "▶︎"; font-size: 10px; position: absolute; right: 12px; top: 10px;}
.btn_area a::after { content: ""; display: block; width: 14px; height: 14px; position: absolute; top: 50%; right: 10px; margin-top: -7px; margin-left: 20px; border-top: 1px solid #ffffff; border-right: 1px solid #ffffff; transform: rotate(45deg);}
.btn_area2{ margin: 20px auto 0; padding-right:0px;}
.btn_area2 a{ width: 180px; font-size: 14px; padding: 6px; text-align: center; color: #fff; display: inline-block; border-radius: 5px; font-weight: bold; position: relative;}
.btn_area2 a:hover{ opacity: 1.0;}
.btn_area2 a:first-child { background-color: #9C893F; margin-right: 8px;}
.btn_area2 a:last-child { background-color: #DE6318 ;margin-right: 0px;}
.btn_area2 a::after { content: "▶︎"; font-size: 10px; position: absolute; right: 12px; top: 10px;}
.btn_area2 a::after { content: ""; display: block; width: 14px;height: 14px; position: absolute; top: 50%; right: 10px; margin-top: -7px; margin-left: 20px; border-top: 1px solid #ffffff; border-right: 1px solid #ffffff; transform: rotate(45deg);}
.btn_area3{ margin: 10px 0px 0px auto;}
.btn_area3 a{ width: 180px; font-size: 14px; padding: 6px; text-align: center; color:#fff; display: inline-block; border-radius: 5px; font-weight: bold; position: relative;}
.btn_area3 a { background-color: #C4567A;}
.btn_area3 a:first-child { background-color: #29aae4;}
.btn_area3b a:first-child { background-color: #eb747f;}
.btn_area3 a::after { content: "▶︎"; font-size: 10px; position: absolute; right: 12px;top: 10px;}
.btn_area3 a::after { content: ""; display: block; width: 14px; height: 14px; position: absolute; top: 50%; right: 10px; margin-top: -7px; margin-left: 20px; border-top: 1px solid #ffffff; border-right: 1px solid #ffffff; transform: rotate(45deg);}
.btn_area4{ margin: 5px auto 20px; padding-right:0px;}
.btn_area4 a{ width: 180px; font-size: 14px; padding: 6px; text-align: center; color:#fff; display: inline-block; border-radius: 5px; font-weight: bold; position: relative;}
.btn_area4 a:first-child { background-color: #9C893F; margin-right: 8px;}
.btn_area4 a:last-child {background-color: #DE6318; margin-right: 0px;}
.btn_area4 a::after { content: "▶︎";font-size: 10px;  position: absolute; right: 12px;  top: 10px;}
.btn_area4 a::after { content: "";display: block; width: 14px;height: 14px; position: absolute;top: 50%; right: 10px; margin-top: -7px;  margin-left: 20px; border-top: 1px solid #ffffff; border-right: 1px solid #ffffff; transform: rotate(45deg);}
.button1 a{ background-color: #9C893F !important;}
.btn_area .kogaku_logo { border: 1px solid #000; background-color: #fff!important;}
.btn_area .kogaku_logo::after { border-top: 1px solid #000; border-right: 1px solid #000;}
.btn_area .kogaku_logo img{ width: 90px;}

/*-- ticket --*/
.ticket_block{ border:solid #C8C8C8 1px; padding: 20px; margin:0 0 20px;}
.ticket_block2{ padding: 20px; margin:0 0 20px; background:#F8F7EF;}
.ticket_box { margin:0 auto 10px;}
.ticket_box a{  display: inline-block; border-radius: 5px; color: white; font-weight: bold; position: relative; width: 256px; font-size: 14px; padding: 5px 5px 5px 0; text-align: center;}
.ticket_box a:hover{ color:white;}
.ticket_box a:first-child{ background-color: darkorange; margin-right:10px;}
.ticket_box a:last-child{ background-color: darkorange;}
.ticket_box2 a:first-child{ background-color: #864944;}
.ticket_box_ex a{ background-color: #864944!important;}
.bold_box{ font-size: 20px; font-weight: bold;}

.ticket_box a::after { content: "▶︎";	font-size: 10px;position: absolute;right: 12px;top: 10px;}
.ticket_box a::after { content: ""; display: block; width: 14px; height: 14px;position: absolute;top: 50%;right: 10px;margin-top: -7px; margin-left: 20px; border-top: 1px solid #ffffff;  border-right: 1px solid #ffffff;transform: rotate(45deg);}
.tel_mail_box{ margin-bottom:0;}
.tel_mail .title {padding: 15px 0 0 0; display: inline-block;font-size: 20px;font-weight: bold;background: url(../img/dotsline.png) top repeat-x;letter-spacing: -.4em;}
.tel_mail .title strong{letter-spacing: normal;}
.tel_mail .acros_ads{font-size: 16px;font-weight: bold;display: inline-block;letter-spacing: normal;}
.tel_mail .mail,.tel_mail .tel{background-size: 60px;background-position: left;background-repeat: no-repeat;height: 60px;display: inline-block;vertical-align: top;}
.tel_mail .tel a{	font-size: 24px;font-weight: bold;padding: 4px 0 0;display: block;line-height:1.0;}
.tel_mail .mail a{ font-size: 16px; color: #136db2; border: #cccccc 1px solid; padding: 6px 30px 6px 10px; border-radius: 5px; display: inline-block; font-weight: bold;margin-right: 40px;position: relative;vertical-align: middle;}
.tel_mail .mail a::after{content: ""; display: block;width: 12px;height: 12px; position: absolute; top: 50%; right: 10px; margin-top: -6px;margin-left: 20px;border-top: 1px solid #8e8e8e; border-right: 1px solid #8e8e8e;transform: rotate(45deg);}
.online_tel{display: block;margin:10px 0 0;}


/*-- h --*/
#page_content h2.gch2{margin-top:40px;border-bottom: solid 1px #C8C8C8;padding:0 6px 16px;}
#page_content h3.gch3{font-weight:bold;font-size: 28px;padding-top: 8px;}
#page_content h3.gch3a{background:#EDEBE2;font-size:18px;color:#7F734A;font-weight:bold;line-height:44px;height:44px;padding-left:20px;margin: 30px auto 0;}
#page_content h4.gch4{font-weight:bold;font-size: 20px;color:#342D1F;line-height:1.5;margin:0 0 20px;}
#page_content h5.gch5{font-weight:bold;font-size: 15px;margin: 36px 0 18px;border-left:solid 5px #9C893F;padding: 0 0 0 10px;line-height: 1.5;}
#page_content h4.gch4a{color:#7F734A;font-size:18px;font-weight:bold;padding:0 0 10px 0;}
#page_content h3.gch6{font-weight:bold;font-size: 28px;padding-top: 8px;}
#page_content h3.gch7{font-weight:bold;font-size: 28px;padding-top: 8px;}
#page_content h3.gch8{font-weight:bold;font-size: 28px;padding-top: 8px;}
#page_content h3.gch9{font-weight:bold;font-size: 28px;padding-top: 8px;}
#page_content h3.gch10{font-weight:bold;font-size: 28px;padding-top: 8px;}
#page_content h3.gch11{font-weight:bold;font-size: 28px;padding-top: 8px;}
#page_content h3.gch12{font-weight:bold;font-size: 28px;padding-top: 8px;}

.icon_floormap {position: relative;top: 1px;display: inline-block;font-style: normal;font-weight: normal;line-height: 1;background:url(../img/icon_floormap.png) no-repeat;}
.btn.btn_link { width: auto;	padding: 3px 4px;	margin-right:6px;}
.btn.btn_link span.txt{padding-right: 8px;}
.icon_access {position: relative; top: 1px;display: inline-block; font-style: normal; font-weight: normal; line-height: 1;background:url(../img/icon_access.png) right no-repeat;width: 20px;/*12*/height:16px;}
.icon_floormap { position: relative; top: 0; display: inline-block; font-style: normal; font-weight: normal; line-height: 1;background:url(../img/icon_floormap.png) right no-repeat;width: 21px;/*13*/height:13px;}
a.blue{ color: #136db2;}

@media (min-width: 768px) and (max-width:960){
	.container{width:100%;}
}
@media (min-width: 768px) {
body.fixed{ padding-top:0;}
}

@media (max-width: 767px) {
	/*-- common --*/
	.fs18{font-size:106%;}
	a.tel_link{color:#337ab7;}
	
	/*-- layout common --*/
	.container{	width:100%;}
	.sp{display: block;}
	.pc{display: none;}
	.pc2{display: none;}
	html{font-size: 62.5%;}
	body { 	padding-top: 0;	font-family: -apple-system, BlinkMacSystemFont, 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;	font-size: 1.4rem;}
	img{width:100%;}
	
	/*-- header footer--*/
	#gc_header h1{ padding: 1% 4px 2px 4px; margin:0; width: 150px; max-width: 300px;}
	#gc_header #header_acros_logo{ padding: 15px 4px 5px 4px; width: 100%; max-width:160px;}
	
	/*-- contents --*/
	.gc_frm{ width:96%;/*background:url(../img/decoration/frm1b.png) repeat-y;*/background-size: 100% auto;	margin:15px auto;}
	.gc_frm_inner{ width:100%;background: url(../img/decoration/frm1h.png) top no-repeat;background-size: 100% auto;margin:0 auto;text-align: center;}
	.gc_frm_footer{	width:100%; background: url(../img/decoration/frm1f.png) bottom no-repeat;background-size: 100% auto;padding: 15px;}
	.clamid{ width:96%; background:url(../img/classic/clamid.png) repeat-y;background-size: 100% auto;margin:15px auto;}
	.clatop{ width:100%; background: url(../img/classic/clatop.png) top no-repeat;background-size: 100% auto;margin:0 auto;text-align: center;}
	.clabot{ width:100%; background: url(../img/classic/clabot.png) bottom no-repeat;background-size: 100% auto;padding: 30px;}
	.gc_frm_footer2{ width:100%;background: url(../img/frm1f.png) bottom no-repeat;	background-size: 100% auto;padding: 15px;}
	.gc_frm_img { padding:10px 0;	margin:0 auto;text-align: center;display: inline-block;width:100%;}
	.gc_frm_img a{ display: inline-block;float:none;padding:0;width:48%;max-width: 185px;}
	.gc_frm_img a.first{ padding-right:1%;}
	.gc_frm_img a.last{ padding-left:1%;}
	.gc_frm_img2 { padding:10px 0 0 0;margin:0 auto;text-align: center;display: inline-block;width:100%;position: relative;}
	.gc_frm_img2 a{display: inline-block;float:none;padding:0;width:48%;max-width: 185px;}
	.gc_frm_img2 a.first{padding-right:1%;}
	.gc_frm_img2 a.last{padding-left:1%;}
	.gc_frm_img2 .a-bottom{padding-left:1%;bottom:0px;}
	.gc_frm_img3 {padding:10px 0 0 0;margin:0 auto;display: inline-block;width:100%;position: relative;}
	.gc_frm_img3 a{	display: inline-block;float:none;padding:0;width:48%;max-width: 185px;}
	.gc_frm_img3 a.first{padding-right:1%;}
	.gc_frm_img3 a.last{	padding-left:1%;}
	.gc_frm_img3 .a-bottom{	padding-left:1%;bottom:0px;}
	.gc_frm_txt{padding: 0;font-size:100%;text-align: left;}
	.event_tab{ margin:10px 4px; display: flex; flex-wrap: wrap;}
	.event_tab li{ padding: 3px 4px; width: 100%;}
	.event_tab li img{ width: 100%; height: auto;}
	.pad0{padding:0px 4px !important;}
	.pad3{padding:3px 4px 0px 4px !important;}
	.pad3_2{padding:0px 4px 3px 4px !important;}
	.eve_block{background-size: 100% 4px;margin:4px 8px 10px;padding: 15px 15px 0;}
	.eve_block .date{color:#846B17;font-size:100%;}
	.eve_block .date2{color:#846B17;font-size:100%;}
	.eve_block2{background-size: 100% 4px;margin:4px 8px 10px;padding: 15px 15px 0;}
	.eve_block2 .date{color:#846B17;font-size:100%;}
	.eve_block2 .date2{color:#846B17;	font-size:100%;}
	.eve_contents{padding:10px 0;}
	.eve_contents_img{width:415px;max-width:80%;float:none;margin:0 auto 10px;}
	.eve_contents_img span{font-size: 12px;text-align: right;}
	.eve_contents_txt{width: 100%;float:none;}
	.eve_contents dl{margin:0 auto 1px;}
	.eve_contents dt,
	.eve_contents dd{padding: 5px 0;}
	.eve_contents dt{width: 100%;float:none;line-height:1.0;}
	.eve_contents dd{margin-left: 0;background:#fff;padding-left:0;border-bottom:solid 1px #C8C8C8;}
	.eve_contents2{padding:10px 10px;}
	.eve_contents2_img{width:415px;max-width:80%;float:none;margin:0 auto 10px;}
	.eve_contents2_img span{font-size: 12px;text-align: right;}
	.eve_contents2_txt{width: 100%;float:none;}
	.eve_contents2 dl{margin:0 auto 1px;}
	.eve_contents2 dt,
	.eve_contents2 dd{padding: 5px 0;}
	.eve_contents2 dt{width: 100%;float:none;line-height:1.7;}
	.eve_contents2 dd{	margin-left: 0;background:#fff;padding-left:0;border-bottom:solid 1px #C8C8C8;}
	.eve_contents3{padding:10px 0;}
	.eve_contents3_img{	width:415px;max-width:80%;float:none;	margin:0 auto 10px;}
	.eve_contents3_img span{	font-size: 12px;	text-align: right;}
	.eve_contents3_txt{width: 100%;float:none;}
	.eve_contents3 dl{margin:0 auto 1px;}
	.eve_contents3 dt,
	.eve_contents3 dd{padding: 5px 0;}
	.eve_contents3 dt{width: 100%;float:none;line-height:1.7;}
	.eve_contents3 dd{margin-left: 0;background:#fff;padding-left:0;border-bottom:solid 1px #C8C8C8;}
	.btn_area{margin:20px auto 0;}
	.btn_area a{	width: 100%;font-size: 14px;padding: 10px 6px;display: block;	margin-bottom:10px;}
	.btn_area a:first-child {margin-right:0;}
	.btn_area a::after {right: 12px;top: 50%;}
	.btn_area2{margin:20px auto 0;}
	.btn_area2 a{	width: 100%;	font-size: 14px;padding: 10px 6px;display: block;margin-bottom:10px;}
	.btn_area2 a:first-child {margin-right:0;}
	.btn_area2 a::after {	right: 12px;top: 50%;}
	.btn_area3{margin:20px auto 0;}
	.btn_area3 a{width: 100%;	font-size: 14px;padding: 10px 6px;display: block;margin-bottom:10px;}
	.btn_area3 a:first-child {	margin-right:0;}
	.btn_area3 a::after {right: 12px;top: 50%;}
	.btn_area4{margin:10px auto 0;}
	.btn_area4 a{width: 100%;	font-size: 14px;padding: 10px 6px;display: block;margin-bottom:10px;}
	.btn_area4 a:first-child {margin-right:0;}
	.btn_area4 a::after {right: 12px;	top: 50%;}
	.btn_area .kogaku_logo img{ width: 100px;}
	
	/*-- ticket --*/
	.ticket_block{	padding: 15px;	margin:0 10px 10px;}
	.ticket_box {margin:0 auto 10px;}
	.ticket_box a{ display: block; width: 100%;padding: 10px 10px 10px 0;margin-bottom: 10px;}
	.tel_mail{text-align: center;}
	.tel_mail .title {	padding-bottom: 8px;display: block;font-size: 130%;margin:0 auto;text-align: left;}
	.tel_mail .acros_ads{font-size: 1.4rem;margin-bottom: 8px;text-align: left;}
	.tel_mail .tel a{font-size: 110%;padding:0;}
	.tel_mail .mail{margin-bottom:20px;}
	.tel_mail .mail a{	font-size: 110%;display: inline-block;margin-right: 0;}
	.tel_mail .mail, .tel_mail .tel {background-size: 40px;min-height: auto;text-align: left;background-position: left top;display: block;  height: auto; padding-bottom: 10px;}
	.online_tel { display: block; margin: 14px 0 0;}
	.btn.btn_link{margin: 10px 6px 0 0;}
	.bold_box{ font-size: 130%; font-weight: bold;}
	
		/*-- h --*/
		#page_content h2.gch2{padding:0 6px 10px;}
		#page_content h2.gch2 img{width:60%;	max-width:216px;}
		#page_content h2.gch2_sp img{width:90%;	max-width:316px;}
		#page_content h3.gch3{	font-size: 120%;line-height:1.3;}
		#page_content h3.gch3a{font-size:110%;line-height:44px;height:44px;padding-left:10px;	margin: 10px auto 0;}
		#page_content h3.gch3 .small_font{font-size: 95%;line-height:1.3;}
		#page_content h3.gch3 .small_font2{font-size: 80%;line-height:1.0;}
		#page_content h3.gch3 .small_font3{	font-size: 80%;line-height:1.0;}
		#page_content h4.gch4{font-size: 106%;line-height:1.6;	margin:0 0 1px 0;padding-bottom: 10px;border-bottom:solid 1px #C8C8C8;}
		#page_content h5.gch5{font-size: 100%;margin: 20px 0 10px;line-height: 1.5;}
		#page_content h4.gch4a{font-size: 106%;padding:0 0 10px 0;}
		#page_content h3.gch6{	font-size: 120%;line-height:1.3;}
		#page_content h3.gch7{font-size: 120%;	line-height:1.3;}
		#page_content h3.gch8{font-size: 120%;line-height:1.3;}
		#page_content h3.gch9{	font-size: 120%;line-height:1.3;}
		#page_content h3.gch10{	font-size: 120%;line-height:1.3;}
		#page_content h3.gch11{font-size: 120%;line-height:1.3;}
		#page_content h3.gch12{	font-size: 120%;line-height:1.3;}
		#page_top{padding:20px 10px;}
}

.main_banner{margin-top: 20px;margin-bottom: 50px;}
.banner{margin-top: 20px;}
.main_menu{ position: relative; margin-bottom: 20px; margin-top:20px;}
.main_menu>li{ text-align: center; vertical-align: top;}
.main_menu>li>a{ display: block; color: #131313;}
.active{ background-color: #f0cb72; color: #fff!important;}
.active>a{ color: white;}

@media (min-width: 768px) {
.main_menu{ width: 960px; padding-left: 0px; padding-right: 0px; margin-left: auto; margin-right: auto;}
.main_menu::after{ content: ""; display: table; clear: both;}
.main_menu>li{ width:33.33%; display: table; font-size: 14px; -webkit-transition: all .2s ease; transition: all .2s ease; float: left; table-layout: fixed;}
.main_menu>li:nth-child(1)>a{ border-left: #bfbfbf 1px solid;}
.main_menu>li>a{ border-right: #bfbfbf 1px solid; display: table-cell; vertical-align: middle; height: 60px; width:100%;}
.main_menu>li>a:hover,
.main_menu>li>a:focus{ text-decoration:none;}
.main_menu>li:hover{ background: #f0cb72;}
.main_menu>li:hover>a{ color:white;}
}
@media (max-width: 767px) {
.main_menu>li{ font-size:11px; width: 50%; display: inline-block; line-height: 1; border-bottom: 1px solid #bfbfbf;}
.main_menu>li:nth-child(1),
.main_menu>li:nth-child(3){ border-left: 1px solid #bfbfbf; border-right: 1px solid #bfbfbf; }
.main_menu>li:nth-child(2),
.main_menu>li:nth-child(4){ float:right; border-right: 1px solid #bfbfbf;}
.main_menu>li:nth-child(1),
.main_menu>li:nth-child(2){ border-top: 1px solid #bfbfbf;}
.main_menu>li a{ padding:10px 0;}
}

.center{text-align: center;}
.btn-top,.btn-top:hover,.btn-top:active,.btn-top:focus{color: #fff;background-color: #670d12;}
.committee{color:#7f734a;}

@media (min-width: 768px) {
.gch3{position:relative;}
.gch3 img{	width:110px;position: absolute;right: 0px;bottom:0px;}
.gch3 .small_font{	position: relative;top:-2px;}
.gch3 .small_font2{	position: relative;top:-2px;}
.gch3 .small_font3{	position: relative;top:-3px;}
.gch4{position:relative;}
.gch4 img{ width:150px; position: absolute; left: 400px; bottom:0px;}
.gch6{position:relative;}
.gch6 img{ width:50px; position: absolute; right: 0px; bottom:0px;}
.gch7{position:relative;}
.gch7 img{ width:110px; position: absolute; right: 0px; bottom:0px;}
.gch8{position:relative;}
.gch8 img{ width: 220px; position: absolute; right: 60px; bottom:0px;}
.gch8 .gch8img{ width: 50px; position: absolute; right: 0px; bottom:0px;}
.gch9{position:relative;}
.gch9 img{ width:142px; position: absolute; right: 0px; bottom:0px;}
.gch10{position:relative;}
.gch10 img{ width:120px; position: absolute; right: 0px; bottom:0px;}
.gch10 img.jiyu2{ width:114px; position: absolute; right: 130px; bottom:0px;}
.gch10 img.jiyu3{ width:70px; position: absolute; right: 130px; bottom:0px;}
.gch10 img.jiyu4{ width:70px; position: absolute; right: 255px; bottom:5px;}
.gch11{position:relative;}
.gch11 img{ width:165px; position: absolute; right: 0px; bottom:0px;}
.gch12{position:relative;}
.gch12 img{ width:200px; position: absolute; right: 60px; bottom:0px;}
.gch12 .gch12img{ width:50px; position: absolute; right: 0px; bottom:0px;}
.kids{position:relative;}
.kids img{ width:110px;height:80px;position: absolute;right: 0px;bottom:8px;}
}
@media (max-width: 767px) {
	.date{position:relative;}
	.date img{ width:70px;height: auto;position: absolute;right: 0px;bottom:0px;}
	.date2{position:relative;}
	.date2 img{width:30px;position: absolute;right: 0px;top:0px;}
}
@media (min-width: 768px) {
.festival_logo{width:200px;}
}
@media (max-width: 767px) {
	.festival_logo{max-width:200px;}
}

.a-right{text-align: right;}

@media (min-width: 768px) {
	.ablogo{ width: 40px; margin: 0 10px;}
	.chocologo{ width: 40px; margin: 0 10px 0 0;}
	.childlogo{ width: 50px; object-fit: contain; margin: 0 10px 0 0;}
	.logo_ok2{ position: absolute; right: 190px; width: 90px;}
	.concert_flex{ display: flex; align-items: center; margin: 0 0 15px 0; font-weight: bold; font-size: 20px;}
	.flex_td{ display: flex; align-items: flex-start; position: relative;}
	.flex_box{ display: flex; margin: 20px 0 0 0;}
	.flex_box img{ height: 136px; margin: 0 10px 0 0;}
	.flex_box img:last-child{ margin: 0;}
	.flex_box2{ display: flex; margin: 20px 0 0 0;}
	.flex_box2 img{ height: 160px; margin: 0 10px 0 0;}
	.flex_box2 img:last-child{ margin: 0;}
	.minna{ color: #ea5514;}
}
@media (max-width: 767px) {
	.ablogo{ width: 32px; margin: 0px 10px 5px 10px;}
	.chocologo{ width: 40px; margin: 0 0 0 10px;}
	.childlogo{ width: 50px; margin: 0 10px 0 0;}
	.logo_ok2{ position: absolute; right: 10px; width: 100px;}
	.top_logo{ float: right; display: inline-block; padding-right: 5px;}
	.ng_logo{ float: right; width: 50px;}
	.flex_td{ display: flex; position: relative; align-items: flex-start;}
	.flex_box{ display: flex; flex-wrap: wrap; margin: 20px 0 0 0;}
	.flex_box img{ max-width: 80%; margin: 0 auto 10px;}
	.flex_box img:last-child{ margin-bottom: 0;}
	.flex_box2{ display: flex; flex-wrap: wrap; margin: 20px 0 0 0;}
	.flex_box2 img{ max-width: 80%; margin: 0 auto 10px;}
	.flex_box2 img:last-child{ margin-bottom: 0;}
	.minna{ color: #ea5514;}
}

.defline{border-bottom:solid 1px #aaaaaa;font-weight: bold;margin-bottom:10px;padding-bottom:5px;}
.defline2{border-bottom:solid 1px #aaaaaa;font-weight: bold;margin-bottom:-10px;padding-bottom:5px;}

@media (min-width: 768px) {
	.dotline{	border-top:dashed 1px #aaaaaa;margin-top:10px;margin-bottom:10px;}
	.sche{margin-left:20px;}
}
@media (max-width: 767px) {
	.dotline{border-top:dashed 1px #aaaaaa;margin-top:0px;margin-bottom:0px;}
	.sche{margin-left:0px;}
}

.bg_green{ background-color: #e6f1d9;}
@media (min-width: 768px) {
	.sche_tb{ width: 100%;}
	.sche_tb tr{ padding-bottom:5px;}
	.sche_tb th{ width: 80px; vertical-align: top; font-weight: normal; padding: 10px 5px;}
	.sche_tb td{ padding: 10px 5px; vertical-align: top;}
	.sche_tb .wd200{ width: 200px;}
	.wd350{ width: 350px;}
	.sche_tb2{ width: 560px;}
	.sche_tb2 tr{ padding: 10px 0;}
	.sche_tb2 td{ padding: 10px 0 0 0;}
	.sche_tb2 td:nth-child(1){ padding: 10px 0;}
	.sche_tb2 th{ width: 70px; vertical-align: top; font-weight: normal; padding: 10px 0 0 0;}
}
@media (max-width: 767px) {
	.sche_tb{width:100%;	}
	.sche_tb tr,th,td{display: block;}
	.sche_tb tr{padding-bottom:0px;}
	.sche_tb th{width:100%;vertical-align: top;font-weight: normal;padding-left:5px;padding-right:5px;}
	.sche_tb td{width:100%;padding:2px 5px 2px 5px;}
	.sche_tb .wd200{width:auto;	}
	.sche_tb2{width:100%;	}
	.sche_tb2 tr,th,td{display: block;}
	.sche_tb2 tr{padding-bottom:0px;}
	.sche_tb2 th{vertical-align: top;font-weight: normal;padding-left:5px;padding-right:5px;}
	.sche_tb2 td{width:100%;padding:2px 5px 2px 5px;}
}
.ok{width:90px;}
.child_event2{padding-top:20px;width:90px;}
.btn-red{ background-color: #E60012;color: white;}
.btn-pink{ background-color: #C4567A;color: white;}
.btn-red:active,.btn-pink:active,.btn-red:hover,.btn-pink:hover,.btn-red:visited,.btn-pink:visited,.btn-darkorange:visited,.btn-red:link,.btn-pink:link,.btn-darkorange:link{ color: white;}

@media (min-width: 768px) {
.pad23{padding-right:23px;}
}
.txt_bold{font-weight: bold;}

@media (min-width: 768px) {
	.br-sp { display:none; }
}
@media (max-width: 767px) {
	.br-pc { display:none; }
}

.indent1 {padding-left:1em;text-indent:-1em;}
.indent2{padding-left:10em;text-indent:-10em;}
.indent3{padding-left:4em;text-indent:-4em;}
.indent4{padding-left:5em;text-indent:-5em;}
.indent5{	padding-left:8em;text-indent:-8em;}
.indent6{padding-left:1em;}
.indent7{padding-left:17em;text-indent:-17em;}
.indent8{padding-left:5em;text-indent:-5em;}
.indent9{padding-left:6em;text-indent:-6em;}

@media (max-width: 767px) {
	.logo_block{position: relative;height:10px;}
	.logo_block img{position: absolute;right:0;width:auto;height:20px;}
	.logo_block2{position: relative;height:40px;}
	.logo_block2 img{position: absolute;right:0;width:auto;height:40px;}
	.logo_block3{position: relative;height:40px;}
	.logo_block3 img{position: absolute;right:0;width:auto;height:30px;}
	.logo_blockimg{ left: 0; height:35px!important;}
	.logo_blockimg2{ right: 145px!important;}
	.logo_block4{ position: relative; height:50px; display: flex;align-items: flex-end;}
	.logo_block4 img{position: absolute;right:0;width:100px;height:auto;}
	.logo_block4img{ width:70px!important; right: 105px!important;}
	.logo_block4 .jiyu2{ width: 100px; right: 105px!important;}
	.logo_block4 .jiyu4{ width: 70px; right: 210px!important;}
	.logo_block4 .jiyu5{ width: 120px; right: 0;}
	.logo_block4 .jiyu6{ width:70px!important; right: 125px!important;}
	
	.logo_block5{position: relative;height:20px;}
	.logo_block5 img{position: absolute;right:0;width:auto;height:20px;}
	.clear {clear:both;}
	.ok_logo{position:relative;}
	.ok_logo .ok_logo2{position: absolute;right:4px;top:2px;width:auto;height:40px;}
	.ok_logo .child_event{position: absolute;right:4px;top:52px;	width:auto;height:65px;}
	.gch12img{ left: 0; height: 35px !important;}
}
.vocal_frame{margin:30px 30px 30px;}
@media (min-width: 768px) {
.vocal_frame2{margin:30px 30px 30px;height:850px;}
}
@media (max-width: 767px) {
.vocal_frame2{margin:30px 30px 30px;}
}
.small_font{font-size:21px;}
.small_font2{font-size:16px;font-weight:bold;}
.small_font3{margin-top:5px;font-size:16px;font-weight:bold;}
.vlfont{font-size:20px;font-weight: bold;}
.link_black,.link_black:hover,.link_black:active,.link_black:visited{color:#383838;}

@media (min-width: 768px) {
.double_circle{font-size:20px;font-weight:bold;position:relative;left:-2px;}
.double_circle2{position:relative;left:-5px;}
}
@media (max-width: 767px) {
.double_circle{font-size:90%;font-weight:bold;position:relative;}
}
@media (max-width: 767px) {
.vlfont_sp{font-size:17px;font-weight: bold;}
}
@media (min-width: 768px) {
.vocal_logo{width:150px;}
	.lead_2{font-size: 14px; font-weight: normal;}
	.soldout{ display: block; color:#e30000; font-weight: bold; margin-bottom: 5px;}
	.w105{width: 105px;}
	.w155{width: 160px;}
	.w170{width: 170px!important;}
	.pdf_flex{ display: flex; align-items: flex-start;}
	.pdf_flex>div:first-child{ margin: 0 50px 0 0;}
	.pdf_flex .btn_area2{ margin-top: 0;}
	
	.yellow_back{ display: inline-block;}
	.yellow_back img{ width: 70px; position: relative; top: -10px;}
	.yellow_back>span{ background-color: #fff100; font-weight: bold; padding: 2px 8px; font-size: 18px;}
	.red_bold{ font-weight: bold; font-size: 18px;}
	.red_back{ display: flex; align-items: center;}
	.red_back span{ background-color: #e30000; color: #fff; padding: 1px 5px;}
	.red_back strong{ color: #e30000; font-size: 20px; display: inline-block; margin: 0 0 0 10px;}
	
	.live_box{ background-color: #005178; color: #fff; padding: 2px 10px; margin: 0 0 10px 0; font-size: 18px; position: relative;}
	.live_box span{ background-color: #fff; color: #005178; display: inline-block; margin: 0 0 0 10px; font-size: 14px; padding: 1px 5px; border-radius: 7px; position: absolute; right: 5px; top: 4px;}
	.live_box2{ background-color: #ea5514; color: #fff; padding: 2px 10px; margin: 0 0 10px 0; font-size: 18px; position: relative;}
	.live_box2 span{ background-color: #fff; color: #ea5514; display: inline-block; margin: 0 0 0 10px; font-size: 14px; padding: 1px 5px; border-radius: 7px; position: absolute; right: 5px; top: 4px;}
	
	.ticket_p2{ margin: 0;}
	
	.ticket_tb{ border: 1px solid #444; width: 100%; margin: 10px 0 40px 0;}
	.ticket_tb td, .ticket_tb th{ padding: 5px 10px;}
	.ticket_tb th{ text-align: center; border-top: 1px solid #444!important; border-bottom: 1px solid #444; border-right: 1px solid #444; background-color: #d4b567; color: #fff!important; vertical-align: middle!important;}	
	.ticket_tb td{ border-bottom: 1px solid #444; border-right: 1px solid #444; vertical-align: middle!important;}
	
	.big_text{ font-size: 18px;}
	
	.annai_ul_box{ background-color: #37a6e0; color: #fff; padding: 10px; margin: 10px 0 0 0;}
	.annai_ul{ list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap;}
	.annai_ul li{ width: 314px;}
	.annai_ul2{ list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap;}
	.annai_ul2 li{ width: 294px;}
	
	.ftr th,.ftr td{ padding: 0 5px 10px;}
	
	.middd{ padding: 20px 0 0px 20px!important;}
	
	.linkblue{ color: #337ab7;}
	.stp{ display: block; margin: 0 0 10px;}
	
	.phpto_list{ display: flex; text-align: center; justify-content: center; flex-wrap: wrap; font-size: 11px; margin: 10px 0 0 0;}
	.phpto_list>div{ width: 91.5px; margin: 20px 0 0 0;}
	.phpto_list>div img{ margin: 0 0 5px 0;}
	
	.kogaku_logo{ position: absolute; right: 0; top: 0;}
	.kogaku_logo img{ width: 140px;}
	
	.banner_box{ margin: 20px 0 10px 0; text-align: center;}
	.banner_box img{ width: 600px;}
}
@media (max-width: 767px) {
	.vocal_logo{width:150px;}
	.lead_2{font-size: 14px; font-weight: normal;}
	.soldout{display: block; color:#e30000; font-weight: bold; margin-bottom: 5px;}
		
	.yellow_back{ display: inline-block; margin: 10px 0 0 0;}
	.yellow_back img{ width: 70px; position: relative; top: -10px;}
	.yellow_back>span{ background-color: #fff100; font-weight: bold; padding: 2px 8px; font-size: 18px;}
	.red_bold{ font-weight: bold; font-size: 16px; display: block;}
	.red_back{ display: flex; align-items: center;}
	.red_back span{ background-color: #e30000; color: #fff; padding: 1px 5px;}
	.red_back strong{ color: #e30000; font-size: 20px; display: inline-block; margin: 0 0 0 10px;}
	
	.live_box{ background-color: #005178; color: #fff; padding: 2px 10px; margin: 10px 0 10px 0; font-size: 16px; position: relative;}
	.live_box span{ background-color: #fff; color: #005178; display: inline-block; margin: 0 0 0 10px; font-size: 12px; padding: 1px 5px; border-radius: 7px; position: absolute; right: 5px; top: 4px;}
	.live_box2{ background-color: #ea5514; color: #fff; padding: 2px 10px; margin: 10px 0 10px 0; font-size: 16px; position: relative;}
	.live_box2 span{ background-color: #fff; color: #ea5514; display: inline-block; margin: 0 0 0 10px; font-size: 12px; padding: 1px 5px; border-radius: 7px; position: absolute; right: 5px; top: 4px;}
	
	.ticket_p{ margin: 0 10px;}
	.ticket_p2{ margin: 0 10px;}
	
	.table-responsive{ border: 0; margin: 0 0 20px 0; font-size: 12px;}
	.ticket_tb{ border: 1px solid #444; width: 100%; margin: 20px 0 40px 0;}
	.ticket_tb td, .ticket_tb th{ padding: 5px 7px!important;}
	.ticket_tb th{ text-align: center; border-top: 1px solid #444; border-bottom: 1px solid #444; border-right: 1px solid #444; background-color: #d4b567; color: #fff!important;}	
	.ticket_tb td{ border-bottom: 1px solid #444; border-right: 1px solid #444;}
	
	.ticket_tb{ border: 1px solid #444; margin: 10px 10px 40px; margin-bottom: 15px!important;}
	.ticket_tb td, .ticket_tb th{ padding: 5px 5px; display: table-cell;}
	.ticket_tb th{ text-align: center; border-top: 1px solid #444!important; border-bottom: 1px solid #444; background-color: #d4b567; color: #fff!important; width: 30%; vertical-align: middle!important;}
	.ticket_tb th.th2{ background-color: #b2954b;}
	.ticket_tb td{ border-bottom: 1px solid #444; width: 70%; vertical-align: middle!important;}
	
	.annai_ul_box{ background-color: #37a6e0; color: #fff; padding: 10px; margin: 10px 0 0 0;}
	.annai_ul{ list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap;}
	.annai_ul li{ width: 100%;}
	.annai_ul2{ list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap;}
	.annai_ul2 li{ width: 100%;}
	
	.linkblue{ color: #337ab7;}
	.stp{ display: block; margin: 0 0 10px;}
	
	.phpto_list{ display: flex; text-align: center; flex-wrap: wrap; font-size: 11px; margin: 10px 0 20px 0;}
	.phpto_list>div{ width: 33.3%; margin: 15px 0 0 0;}
	.phpto_list>div img{ margin: 0 0 3px 0;}
	
	.kogaku_gch3 { margin: 30px 0 0 0!important;}
	.kogaku_logo{ position: absolute; right: 0; top: 0;}
	.kogaku_logo img{ width: 100px;}
	
	.banner_box{ margin: 20px 0 10px 0; text-align: center;}
	.banner_box img{ width: 100%;}
}

.mb10{ margin-bottom:10px;}
.mb15{ margin-bottom:15px;}
.vocallegend_memo{ float:left; margin-bottom:10px;}
.font-14{ font-size: 14px; font-weight: normal;}
.linethrough{ text-decoration: line-through;}
.maker{ background-color: rgb(255, 255, 0);}
.mujica{ background-color: #1fac46; color: #fff; padding: 1px 7px 0px; margin: 0 0 5px 0; display: inline-block;}
.tokuten{ background-color: #006e37; color: #fff; padding: 1px 7px 0px; margin: 0 5px 5px 0; display: inline-block; border-radius: 3px;}