@charset "UTF-8";
@import url(/css/common.css);
@import url(/css/responsive.gs.24col.css);
/*==================================================================*/
/* classroom　*/
/*==================================================================*/
/* -------------------------------------------- */
/* title */
/* -------------------------------------------- */
#title {
	background:url('../image/title_bg.jpg') 0 0 no-repeat;
	background-size: cover;
}
#gnav li a.nav-event{
	background: url('../../common_img/nav_bottom_line.gif') 0 100% repeat-x;
}
/* -------------------------------------------- */
/* main-con */
/* -------------------------------------------- */
/*.main-con .leadtxt{
	font-size:1.2em !important;
}*/

/* recital */
/* -------------------------------------------- */
#recital {
	border-top: 1px solid #eeece9;
	padding-top: 3em;
}

#recital ul{
	margin:0 auto 1.5em;
}
#recital dl{
	background: #f9f8f5;
}
#recital dd{
	padding-bottom:0.2em;
	text-align:center;
	color:#222;
	line-height: 1;
}

#recital p{
	margin:0 auto 1em;
	text-align:center;
	font-size:1.2em;
	font-weight:bold;
}
#recital p span{
	font-size:0.8em;
	/*font-family: 'Noto Sans Japanese',"メイリオ",Meiryo,Osaka,"MS P Gothic","ＭＳ Ｐゴシック",Verdana,Chicago, sans-serif;
	font-weight:normal;*/
}
#recital .recital-info p{
	text-align:left;
	font-size:0.96em;
	font-weight:normal !important;
	color:#222;
}

/* infobox */
/* -------------------------------------------- */
.infobox{
	background:url('../image/bg_info.gif') 0 50px repeat-x #fff;
}
.infobox ul.info-in{
	margin:0 auto 1em;
	padding-bottom:1.5em;
	width:96%;
}
.infobox li{
	display:inline-block;
	margin:0 1%;
	width:30%;
	vertical-align: top;
}
.infobox dl{
	background: none !important;
}
.infobox dt img{
	border:1px solid #eeece9;
}
.infobox dd{
	margin-bottom:0.4em;
	font-size:0.9em;
	line-height:2;
}
/* recital */
/* -------------------------------------------- */
#adult-recital .infobox{
	text-align:center;
	padding-bottom:1em;
}
/* concours */
/* -------------------------------------------- */
#concours .concours-info{
	overflow: hidden;
	zoom: 1;
}
#concours .concours-info{
	overflow: hidden;
	zoom: 1;
}
#concours .concours-info p{
	line-height: 2;
}
#concours .concours-info dl.concours-photo,
#study .concours-info dl.concours-photo{
	float:right;
	width:30%;
	margin-left:5px;
}
#concours .concours-info dl.concours-photo dd,
#study .concours-info dl.concours-photo dd{
	background: #f9f8f5;
	font-size:0.8em;
}

/* gallery */
/* -------------------------------------------- */
#gallery {
	padding-bottom: 3.5em;
}

/* eventlink */
#eventlink{
	margin:0 auto 2em;
	max-width: 1020px;
}
#eventlink h1 span{
	font-family: 'Noto Sans Japanese',"メイリオ",Meiryo,Osaka,"MS P Gothic","ＭＳ Ｐゴシック",Verdana,Chicago, sans-serif;
}
#eventlink .linkbox{
	margin:0 auto;
	width:90%;
	border-top:1px dotted #bfb7ac;
}
#eventlink dl{
	margin:0 auto;
	padding:20px 10px;
	border-bottom:1px dotted #bfb7ac;
	cursor:pointer;
}
#eventlink dl:hover{
	background: #f6f4f1;
}
#eventlink a{
	-webkit-transition:all 0.3s linear;
	-moz-transition:all 0.3s linear;
	transition:all 0.3s linear;
}

#eventlink dl dd.span_11{text-align:right;}
#eventlink dl dd.span_11 i{margin-left:15px;}
#eventlink dl dd{color:#aaa091;}

/*===========================================================================*/
/*  phone  */
/*===========================================================================*/

@media screen and (min-width: 768px) and (max-width: 980px) {
	#submenu li a{
		padding:3px 20px !important;
	}
}



@media screen and (max-width: 767px) {
	/* 
	------------------------------------------------------------------------ */
	#recital .block-in div p{text-align:left;}
	#recital .block-in div dl{background: none;}
	#recital .span_12,
	#recital .span_10,
	#concours .span_10,
	#study .span_10{
		width:100%;
		text-align:center;
	}
	#recital .span_12 dl,#recital .span_10 dl{
		margin-bottom:1em;
		background: none;
	}
	.concours-photo{display:none;}
	.main-con .leadtxt{
		font-size:1em !important;
		text-align:left !important;
	}


}