@charset "utf-8";

/*###########################################################

 中ページ共通のレスポンシブ
 
#############################################################/*/
		
@media screen and (max-width:1200px) {
	/*パンくず------------*/
	.breadcrumb-box {width: 96%;}
	#breadcrumb{font-size:64%;}
}		




@media screen and (max-width:1100px) {
	/*==========　発表会の記録 record/ ==========*/
	body.record #wrapper .container{width:96% !important;}
}		





@media screen and (max-width: 950px) {
	/*中ページ上部の大きな画像*/
	.naka-headerimg {height: 150px;background-size: cover !important;}

	/*==========　発表会の記録 record/ ==========*/
	.record-box dl dt {width: 44%;}
	.record-box dl dd {padding-left:47%;}

	/*==========　講師とスタジオ  studio/  ==========*/
	dl.koushi-box {padding: 40px 3% 30px 3%;}
	dl.koushi-box dt {width: 27%;}
	dl.koushi-box dd {padding-left: 34%;font-size: 93%;}
	/*アクセス*/
	dl.access-box dd {width: 56%;}
}





@media screen and (max-width: 870px) {
	/*==========　講師とスタジオ  studio/  ==========*/
	dl.access-box {margin: 40px auto 0 auto;}
	dl.access-box dd {width: 52%;}
	dl.access-box dd .studio-com{text-align: left;}
}






@media screen and (max-width: 800px) {
	/*中ページ上部の大きな画像*/
	#naka-headerimgs {margin-top: 62px;}

	/*==========　お問合せ   toiawase/  ==========*/
	#chuui-waku {width: 97%;}
	
	/*==========　発表会の記録 record/ ==========*/
	.record-box dl dd .title {font-size: 136%;padding: 5px 0 20px 28px;background-position:left top 14px , left bottom;background-size:20px ,auto;}
	.record-box dl dd .com {margin: 12px 0 0 7px;line-height: 1.8;}
	
	/*==========　講師とスタジオ  studio/  ==========*/
	dl.access-box dt {float: none;width: 100%;}
	dl.access-box dd {width: 100%;float: none;text-align: center;margin-top: 20px;}
	dl.access-box dd .studio-com{text-align: center;}
}





@media screen and (max-width: 720px) {
	/*==========　お問合せ   toiawase/  ==========*/
	#chuui-waku {font-size: 86%;}
	#toiawase-form dt.title {width: 100%;float: none;padding: 13px 0 3px 42px;line-height: 1;height: 35px;}
	#toiawase-form dt.title.need 		{background: url(../img/toiawase_hitu.png) no-repeat left 2px top 12px;}
	#toiawase-form dt.title.unneed 	{background: url(../img/toiawase_nin.png) no-repeat left 2px top 12px;}	
	#toiawase-form dl dd {padding:5px 0 15px 5px;}
	.form-submit input {width:60%;}
	/*.form-submit input.reset {width:24%;margin-left: 5%;}	*/	
	/* 内容確認用のスタイル----*/
	#toiawase-form.kakunin dd {padding: 5px 0px 9px 20px;}
	/*完了ページ*/
	.kanryou-waku {padding:0;}
	.kanryou-waku .form-kanryo1 {font-size: 115%;margin-bottom:30px;}
	.kanryou-waku .form-kanryo2{text-align: left;}
	.kanryou-waku .form-kanryo2 span {display: inline;}
	
	/*==========　講師とスタジオ  studio/  ==========*/
	body.studio h3 {font-size: 146%;}
	dl.koushi-box {margin: 30px auto 0 auto;}
	dl.koushi-box {padding: 30px 4% 20px 4%;}
	dl.koushi-box dt {float: none;width: 100%;max-width:190px;margin: 0 auto 15px auto;}
	dl.koushi-box dd {padding-left: 0;}
	.koushi-name {margin-bottom: 10px;}
}






@media screen and (max-width: 640px) {
	body.naka .section {padding: 70px 0 50px 0;}

	/*文字サイズ*/
	.font-size10{font-size:58%;line-height:1.2;}
	.font-size12{font-size:65%;line-height:1.5;}
	.font-size14{font-size:79%;line-height:1.7;}
	.font-size17{font-size:93%;line-height:1.7;}
	.font-size20{font-size:115%;line-height:1.5;}
	.font-size24{font-size:122%;line-height:1.4;}
	.font-size28{font-size:129%;line-height:1.3;}
	.font-size32{font-size:136%;line-height:1.3;}
	.font-size36{font-size:143%;line-height:1.3;}
	.font-size40{font-size:150%;line-height:1.2;}
	.font-size50{font-size:156%;line-height:1.2;}
	.font-size60{font-size:164%;line-height:1.2;}

	/*==========　お知らせ  詳細一覧　cgi-bin/wnew_one_skin.html  ==========*/
	dl.news-single-title-box dd .news-single-title {font-size: 115%;line-height: 1.3;}

	/*==========　お問合せ   toiawase/  ==========*/
	/*送信完了ページ*/
	.kanryou-waku {width: 96%;}
	.kanryou-waku .form-kanryo2 {line-height: 1.6;margin-bottom:15px;letter-spacing: 0;}
	.kanryou-waku hr{argin: 20px auto 20px auto;}
	
	/*==========　レッスンスケジュール  lesson/  ==========*/
	body.lesson #wrapper{font-size: 90%;}
	
	/*==========　発表会の記録 record/ ==========*/
	.record-box {margin: 50px 0 30px 0;}
	.record-box dl dt {width: 100%;float: none;max-width: 380px;margin: 0 auto 10px auto;}
	.record-box dl dd {padding-left: 5%;}

}





@media screen and (max-width: 580px) {
	/*==========　お知らせ  詳細一覧　cgi-bin/wnew_one_skin.html  ==========*/
	.news-single-main {margin: 10px 0 0 0;}

	/*==========　お問合せ   toiawase/  ==========*/
	#chuui-waku {width: 100%;padding: 13px 10px 7px 10px;margin:30px auto 0 auto;}
	#toiawase-form {width: 100%;}
	.form-submit input {width: 80%;}
	/*エラー表示*/
	.errorBox {font-size:93%;}
	.errorBox .errorTitle {font-size: 100%;padding: 4px 2px 2px 10px;text-align: left;}

	/*==========　発表会の記録 record/ ==========*/
	.record-box dl dd .com {font-size: 93%;}
	.record-box dl dd .title {font-size: 122%;background-position: left top 12px , left bottom;}
}





@media screen and (max-width: 530px) {
	/*==========　お問合せ   toiawase/  ==========*/
	body.toiawase h2 .midashi {font-size: 150%;}
	body.toiawase h3 {font-size: 108%;margin: -20px 0 -10px 0;}

	/*==========　講師とスタジオ  studio/  ==========*/
	dl.access-box dd .studio-com{text-align:left;}
	dl.access-box dd .studio-com br{display:none;}
	.map {margin: 30px 0 30px 0;}
}





@media screen and (max-width: 480px) {
	.naka-kuwashii a {min-width: 270px;}
	
	/*==========　お知らせ  詳細一覧　cgi-bin/wnew_one_skin.html  ==========*/
	dl.news-single-title-box dd .news-single-title {font-size: 108%;}
	
}





@media screen and (max-width: 440px) {
	/*==========　お知らせ  詳細一覧　cgi-bin/wnew_one_skin.html  ==========*/
	.pagescroll {font-size: 86%;}

	/*==========　お問合せ   toiawase/  ==========*/
	/* 内容確認用のスタイル*/
	.form-kakunin1{font-size:100%;}
	.form-midashi1 {font-size: 100%;}
	/*完了ページ*/
	.kanryou-waku .form-kanryo1 {font-size:108%;}
	
	/*==========　発表会の記録 record/ ==========*/
	.record-box dl dd {padding-left:0;}
	
	/*==========　講師とスタジオ  studio/  ==========*/
	dl.access-box dt dl.header-rogo {width: 300px;}
	dl.access-box dt dl.header-rogo dt {width: 52px;}
	dl.access-box dt dl.header-rogo dd {width: 240px;}
	
}