@charset "UTF-8";

/*common
-----------------------------------------------------------------------------------------*/
article a img:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
}
section{
	width:1020px;
	margin:0 auto;
	padding:30px 0;
	text-align:left;
}
article h1{
	text-align:center;
	font-size:36px;
	line-height:50px;
	padding:30px 0;
}
article > div{
	width:1020px;
	margin:auto;
	text-align:left;
}
article table{
	margin:10px 0;
	width:100%;
}
article th,
article td{
	border:1px solid #CCC;
	padding:10px 15px;
	text-align:left;
	font-size:14px;
	line-height:25px;
}
article th{
	color:#FFF;
	text-align:center;
	white-space:nowrap;
}
article tr:nth-child(odd){
	background:#F7F8F8;
}
article td p{
	font-size:14px;
	line-height:25px;
}
@media screen and (max-width: 739px) {
	article{max-width:480px;margin:0 auto;}
	article h1{font-size:21px;line-height:1.5;padding:5px 0;}
	section{width:auto;padding:20px 10px;}
	section >.btn{margin:0 -10px;}
	article > div{width:auto;padding:10px 20px;margin:0 auto;}
}
/*-------------------------accordion*/
article .accordionopen{
	cursor:pointer;
}
article .accordionopen:hover{
	opacity:0.8;
}
article .accordion{
	display:none;
}
article .accordion.open{
	display:block;
}
.accordionopen{
	background:url(images/open_ya1_w.png) right no-repeat;
}
.open{
	background:url(images/open_ya2_w.png) right no-repeat;
}
@media screen and (max-width: 739px) {
	.accordionopen,.open{background-size:40px;}
}
/*-------------------------kome*/
.kome{
	font-size:13px;
	line-height:20px;
	margin-top:5px;
	text-align:left;
}
/*-------------------------sidebtn*/
article .sidebtn a{
	display:block;
	width:50px;
	text-align:center;
	padding:15px;
	color:#FFF;
	line-height:1.1;
	position:fixed;
	right:-5px;
	z-index: 99;
}
article .sidebtn.entry a{
	background:#ff8500;
	top:200px;
}
article .sidebtn.siryo a{
	background:#8bc43f;
	top:310px;
	padding:20px 10px;
}
article .sidebtn a:hover{
	right:0;
}
/*-------------------------figure*/
figure{
	text-align:center;
}
figure.right{
	float:right;
	margin:0 0 30px 30px;
}
figure.left{
	float:left;
	margin:0 30px 30px 0;
}
figure.center{
	padding:15px 0;
}
@media screen and (max-width: 739px) {
	figure.right,figure.left{float:none;margin:20px auto;text-align:center;}
}
/*-------------------------item2*/
.item2{
	margin:10px -10px;
}
.item2 li{
	width:50%;
	float:left;
	padding:10px;
}
@media screen and (max-width: 739px) {
	.item2{margin:0;}
	.item2 li{width:auto;float:none;padding:10px 0 0 0;}
}
/*-------------------------item3*/
.item3{
	margin:5px -5px;
}
.item3 li{
	width:calc(100% / 3);
	float:left;
	padding:10px;
}
@media screen and (max-width: 739px) {
	.item3{margin:0;}
	.item3 li{width:auto;float:none;padding:10px 0 0 0;}
}
/*-------------------------btn*/
.btn a{
	text-align:center;
	display:block;
	text-decoration:none;
	font-size:32px;
	line-height:50px;
	padding:20px;
	width:700px;
	margin:30px auto 50px auto;
	color:#000;
	font-weight:bold;
	background:#F7B52C url(images/ya_btn.png) right no-repeat;
	box-shadow: 0 10px 0 #CF8B00;
	-webkit-box-shadow: 0 10px 0 #CF8B00;
	-moz-box-shadow: 0 10px 0 #CF8B00;
	border-radius: 20px;	
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	position:relative;
}
.btn a span{
	display:block;
	background:#FFF;
	font-size:20px;
	line-height:40px;
	margin:5px 100px;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
}
.btn a:hover{
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	top:10px;
}
@media screen and (max-width: 739px) {
	.btn a{font-size:18px;line-height:24px;padding:20px 30px 20px 20px;background-size:20px;width:86%;margin:o auto;box-shadow: 0 10px 0 #CF8B00;-webkit-box-shadow: 0 10px 0 #CF8B00;-moz-box-shadow: 0 10px 0 #CF8B00;border-radius: 10px;	-webkit-border-radius: 10px;-moz-border-radius: 10px;}
	.btn a span{font-size:18px;line-height:24px;margin:10px 0;padding:4px; border-radius: 12px;-webkit-border-radius: 12px;-moz-border-radius: 12px;}
	.btn a:hover{top:5px;}
}

/*mainimg
-----------------------------------------------------------------------------------------*/
.mainimg{
	background:#fff;
	width:auto;
	margin:0;
	text-align:center;
}
@media screen and (max-width: 739px) {
	.mainimg{padding:0;}
}

/*message
-----------------------------------------------------------------------------------------*/
.message h2{
	font-weight:bold;
	text-align:center;
	font-size:36px;
	line-height:46px;
}
.message p{
	padding-top:-15px;
	/*font-weight:bold;*/
	text-align:left;
	font-size:18px;
	line-height:36px;
	margin-top:10px;
}

@media screen and (max-width: 739px) {
	.message h2{font-size:22px;line-height:30px;}
	.message p{font-size:17px;line-height:30px;padding-top:10px;}
}

/*event
-----------------------------------------------------------------------------------------*/
.event .accordion{
	border:1px solid #08408a;
	padding:20px 30px;
	background-color: white;
}
.event .accordionopen,
.event .open{
	background-color:#08408a;
	background-position:right bottom;
}
.event .accordionopen::after{
	content:"詳しくはこちら";
	display:block;
	text-align:center;
	color:#FFF;
	line-height:50px;
	border-top:1px dashed #FFF;
}
.event .accordionopen.open::after{
	content:"閉じる";
}
.event h3{
	font-size:20px;
	font-weight:bold;
}
.event h3 em{
	color:#FF3300;
}
.event h4{
	font-weight:bold;
	color:#036EB8;
	margin:10px 0;
}
.event table{
	background-color: white;
}
@media screen and (max-width: 739px) {
	.event .accordion{border:none;padding:20px 0;}
	.event .accordionopen::after{font-size:14px;line-height:40px;}
}

/*eventyotsuya
-----------------------------------------------------------------------------------------*/
.eventyotsuya .accordion{
	border:1px solid #EB6D80;
	padding:20px 30px;
}
.eventyotsuya .accordionopen,
.eventyotsuya .open{
	background-color:#EB6D80;
	background-position:right bottom;
}
.eventyotsuya .accordionopen::after{
	content:"詳しくはこちら";
	display:block;
	text-align:center;
	color:#FFF;
	line-height:50px;
	border-top:1px dashed #FFF;
}
.eventyotsuya .accordionopen.open::after{
	content:"閉じる";
}
.eventyotsuya h3{
	font-size:20px;
	font-weight:bold;
}
.eventyotsuya h3 em{
	color:#FF3300;
}
.eventyotsuya h4{
	font-weight:bold;
	color:#036EB8;
	margin:10px 0;
}
@media screen and (max-width: 739px) {
	.eventyotsuya .accordion{border:none;padding:20px 0;}
	.eventyotsuya .accordionopen::after{font-size:14px;line-height:40px;}
}

/*kouza
-----------------------------------------------------------------------------------------*/
.kouza{
	border-top:1px dashed #CCC;
	padding:40px 0 0 0;
	margin-top:40px;
}
.kouza  h2{
	font-size:26px;
	line-height:40px;
	margin-bottom:10px;
	padding-left:10px;
	color:#000;
}
.kouza h3{
	font-size:18px;
	font-weight:bold;
	margin:10px 0;
}
.kouza h4{
	font-size: 24px;
	font-weight: bold;
  line-height: 1.8em;
  border-bottom: solid 1px black;
	margin-bottom: 15px;
}

.kouza em{
	font-size:20px;
}
.kouza p.kyoka{
	text-indent: -4em;
	padding-left: 4em;
}
.kouza h3.accordionopen{
	padding:15px;
}
.kouza .accordion{
	padding:10px;
}
@media screen and (max-width: 739px) {
	.kouza{padding:10px;margin-top:0px;}
	.kouza h2{text-align:left;font-size:20px;line-height:30px;margin-bottom:5px;}
	.kouza h3{font-size:16px;}
	.kouza h3.accordionopen{padding:5px 15px;margin:2px 0;}
	.kouza h4{font-size:18px;}
	.kouza em{font-size:18px;}
}

/*faq
-----------------------------------------------------------------------------------------*/
.faq .accordionopen{
	border-top:1px dashed #CCC;
	background:url(images/open_ya1.png) right no-repeat;
	font-size:18px;
	padding:20px 70px;
	color:#006934;
	letter-spacing:1px;
}
.faq .accordionopen:before{
	content:"";
	display:block;
	width:60px;
	height:60px;
	background:url(images/faq_q.png) left top no-repeat;
	float:left;
	margin:-15px 0 -15px -70px;
}
.faq .accordionopen:hover{
	background-color:#F1F1F1;
}
.faq .accordion{
	background:url(images/faq_a.png) left top no-repeat;
	padding:15px 70px;
	margin:0 0 10px 0;
}
.faq .accordionopen.open{
	background-image:url(images/open_ya2.png);
}
@media screen and (max-width: 739px) {
	.faq .accordionopen,
	.faq .accordionopen.open{background-size:30px;font-size:14px;line-height:24px;padding:5px 30px;letter-spacing:0;}
	.faq .accordionopen:before{width:25px;height:25px;background-size:25px;margin:0 0 0 -30px;}
	.faq .accordion{background-size:25px;background-position:0 5px;padding:0 0 10px 30px;margin:0;font-size:14px;line-height:24px;}
}


/*教室紹介
-----------------------------------------------------------------------------------------*/
.room table{
	background:#F5F5F5;
}
.room tr{
	border:1px solid #CCCCCC;
}
.room tr:nth-child(odd){
	background:#E6E6E6;
}
.room th{
	background:none;
	font-size:18px;
	text-align:left;
	font-weight:bold;
	color:#EB651A;
	width:240px;
	border:none;
}
.room td{
	font-size:14px;
	padding:10px;
	border:none;
}
.room td em{
	font-size:18px;
}
.room td span{
	white-space:nowrap;
	margin-right:14px;
}
.room th + td{
	width:240px;
}
.room tr td:last-child{
	width:160px;
}
.room td a{
	display:block;
	width:140px;
	line-height:50px;
	text-align:center;
	background:#EB651A;
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
	border-radius: 25px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
}
.room td a:hover{
	background:#F29D6D;
}
@media screen and (max-width: 739px) {
	.room th{font-size:16px;width:auto;display:list-item;padding:10px 10px 5px 10px;}
	.room td{font-size:12px;display:list-item;padding:0 10px;}
	.room td br{display:none;}
	.room th + td{width:auto;}
	.room tr td:last-child{width:auto;}
	.room td a{width:auto;line-height:30px;border-radius: 25px;-webkit-border-radius: 25px;-moz-border-radius: 25px;margin:5px 0 10px 0;}
}


/*
midnightblue
blown
dark_pink
limegreen
sky_blue
dark_orange
pink
fuji_purple
cadetblue
gray_purple
dark_red
noukai_green
toshin_green
orange
-----------------------------------------------------------------------------------------*/
/*-------------------------midnightblue*/
h2.midnightblue{
	border-left:7px solid #0C308E;
}
.midnightblue{
	color:#0C308E;
}
h3.midnightblue{
	background-color:#0C308E;
	color:#FFF;
}
th.midnightblue{
	background:#0C308E;
	color:#FFF;
}
/*-------------------------blown*/
h2.blown{
	border-left:7px solid #7C3F00;
}
.blown{
	color:#7C3F00;
}
h3.blown{
	background-color:#7C3F00;
	color:#FFF;
}
th.blown{
	background:#F7C3F00;
	color:#FFF;
}
/*-------------------------dark_pink*/
h2.dark_pink{
	border-left:7px solid #F27185;
}
.dark_pink{
	color:#F27185;
}
h3.dark_pink{
	background-color:#F27185;
	color:#FFF;
	padding:0.5em;
}
th.dark_pink{
	background:#F27185;
	color:#FFF;
}
/*-------------------------dgreen*/
h2.dgreen{
	border-left:7px solid #006428;
}
.dgreen{
	color:#006428;
}
h3.dgreen{
	background-color:#006428;
	color:#FFF;
}
th.dgreen{
	background:#006428;
	color:#FFF;
}
/*-------------------------sky_blue*/
h2.sky_blue{
	border-left:7px solid #009EDA;
}
.sky_blue{
	color:#009EDA;
}
h3.sky_blue{
	background-color:#009EDA;
	color:#FFF;
}
th.sky_blue{
	background:#009EDA;
	color:#FFF;
}
/*-------------------------dark_orange*/
h2.dark_orange{
	border-left:7px solid #EF6B17;
}
.dark_orange{
	color:#EF6B17;
}
h3.dark_orange{
	background-color:#EF6B17;
	color:#FFF;
}
th.dark_orange{
	background:#EF6B17;
	color:#FFF;
}
/*-------------------------pink*/
h2.pink{
	border-left:7px solid #EB6D80;
}
.pink{
	color:#EB6D80;
}
h3.pink{
	background-color:#EB6D80;
	color:#FFF;
}
th.pink{
	background:#EB6D80;
	color:#FFF;
}
/*-------------------------fuji_purple*/
h2.fuji_purple{
	border-left:7px solid #9F5C94;
}
.fuji_purple{
	color:#9F5C94;
}
h3.fuji_purple{
	background-color:#9F5C94;
	color:#FFF;
}
th.fuji_purple{
	background:#9F5C94;
	color:#FFF;
}
/*-------------------------cadetblue*/
h2.cadetblue{
	border-left:7px solid #429490;
}
.cadetblue{
	color:#429490;
}
h3.cadetblue{
	background-color:#429490;
	color:#FFF;
}
th.cadetblue{
	background:#429490;
	color:#FFF;
}
/*-------------------------gray_purple*/
h2.gray_purple{
	border-left:7px solid #B57999;
}
.gray_purple{
	color:#B57999;
}
h3.gray_purple{
	background-color:#B57999;
	color:#FFF;
}
th.gray_purple{
	background:#B57999;
	color:#FFF;
}
/*-------------------------dark_red*/
h2.dark_red{
	border-left:7px solid #D23B18;
}
.dark_red{
	color:#D23B18;
}
h3.dark_red{
	background-color:#D23B18;
	color:#FFF;
}
th.dark_red{
	background:#D23B18;
	color:#FFF;
}
/*-------------------------green*/
h2.green{
	border-left:7px solid #8FC320;
}
.green{
	color:#8FC320;
}
h3.green{
	background-color:#8FC320;
	color:#FFF;
}
th.green{
	background:#8FC320;
	color:#FFF;
}
/*-------------------------toshin_green*/
h2.toshin_green{
	border-left:7px solid #009380;
}
.toshin_green{
	color:#009380;
}
h3.toshin_green{
	background-color:#009380;
	color:#FFF;
}
th.toshin_green{
	background:#009380;
	color:#FFF;
}
/*-------------------------orange*/
h2.orange{
	border-left:7px solid #ff8500;
}
.orange{
	color:#ff8500;
}
h3.orange{
	background-color:#ff8500;
	color:#FFF;
}
th.orange{
	background:#ff8500;
	color:#FFF;
}
/*-------------------------red*/
h2.red{
	border-left:7px solid #e50012;
}
.red{
	color:#e50012;
}
h3.red{
	background-color:#e50012;
	color:#FFF;
}
th.red{
	background:#e50012;
	color:#FFF;
}
/*choice
-----------------------------------------------------------------------------------------*/
.choice .item{
	float:left;
	width:49%;
	padding:40px;
	margin:0.5%;
	border:1px solid #CCC;
}
.choice figure{
	text-align:center;
	margin:20px auto;
}
.choice h2{
	color:#EA5513;
	font-weight:bold;
	font-size:20px;
	line-height:30px;
}

@media screen and (max-width: 739px) {
	.choice .item{float:none;padding:20px 0;margin:0;width:auto;border:none;border-top:1px dashed #CCC;}
	.choice figure{margin:10px 50px;}
	.choice h2{font-size:18px;line-height:30px;}
}
/*voice
-----------------------------------------------------------------------------------------*/
.voice li{
	background:#FFF;
	padding:25px;
	border:1px solid #E6E6E6;
	position:relative;
}
.voice li p.pass{
	margin:-25px;
	background:#F9F4ED;
	padding:10px;
	margin-bottom:15px;
}
.voice li figure{
	position:relative;
}
.voice li figure img{
	display:block;
	width:160px;
	margin-top:3px;
}
.voice li h3{
	font-size:28px;
	font-weight:bold;
}
.voice li h3 em{
	color:#FF3300;
	line-height:130%;
}
.voice li p.name{
	font-weight:bold;
	margin:10px 0;
}
.voice li h4{
	font-weight:bold;
	color:#036EB8;
	margin:10px 0;
}
.voice li p.accordionopen{
	background:#F9EDCF;
	text-align:center;
	padding:5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.voice li p.accordionopen span + span{
	display:none;
}
.voice li p.accordion{
	padding-bottom:50px;
}
.voice li p.accordionopen:hover{
	background:#EFD9A8;
}
.voice li p.accordionopen.open{
	position:absolute;
	bottom:25px;
	left:25px;
	right:25px;
}
.voice li p.accordionopen.open span{
	display:none;
}
.voice li p.accordionopen.open span + span{
	display:inline;
}
.voice li p.accordion span.img{
	display:block;
	text-align:center;
	margin:30px 0;
	font-weight:bold;
}
.voice li p.accordion span.title{
	display:block;
	margin:30px 0 10px 0;
	font-weight:bold;
	font-size:20px;
	border-left:5px solid #E63556;
	padding-left:8px;
}

/*-------------------------item1*/
.voice.item1 li{
	margin:1%;
	padding:30px;
}
.voice.item1 li figure{
	min-height:293px;
}
.voice.item1 li figure img{
	width:auto;
	position:absolute;
	top:0;
	right:0;
}
.voice.item1 li h3,
.voice.item1 li h4,
.voice.item1 li p{
	margin-right:310px;
}
.voice.item1 li h3{
	font-size:45px;
	line-height:65px;
	padding:25px 0;
}
.voice.item1 li h3.syo{
	font-size:40px;
	line-height:60px;
	padding:25px 0;
}
.voice.item1 li p.name{
	font-size:20px;
	line-height:40px;
}
.voice.item1 li p.pass{
	margin:-25px -25px 25px -25px;
	text-align:center;
}
/*-------------------------item2*/
.voice.item2 li{
	width:48%;
	margin:1%;
	float:left;
}
.voice.item2 li figure{
	min-height:200px;
	padding-right:180px;
}
.voice.item2 li figure img{
	position:absolute;
	top:0;
	right:0;
}
/*-------------------------item3*/
.voice.item3 li{
	width:31.3%;
	margin:1%;
	float:left;
}
.voice.item3 li figure img{
	margin:20px auto;
}
.voice.item3 li h3{
	min-height:90px;
}
@media screen and (max-width: 739px) {
	.voice.item1 li,
	.voice.item2 li,
	.voice.item3 li{width:auto;margin:5px 0 0 0;float:none;padding:15px;}
	.voice.item1 li figure,
	.voice.item2 li figure,
	.voice.item3 li figure{min-height:100px;padding-right:90px;}
	.voice.item1 li figure img,
	.voice.item2 li figure img,
	.voice.item3 li figure img{width:80px;position:absolute;top:0;right:0;margin:0;}
	.voice li h3,
	.voice.item1 li h3{font-size:22px;line-height:26px;min-height:0;padding:0;}
	.voice.item1 li h3.syo{font-size:18px;line-height:26px;min-height:0;padding:0;}
	.voice li h4{line-height:24px;}
	.voice li p.name,
	.voice.item1 li p.name{font-size:14px;line-height:24px;margin:5px 0;}
	.voice li p.accordionopen{font-size:14px;}
	.voice li p.accordionopen.open{bottom:15px;left:15px;right:15px;}
	.voice.item1 li figure{padding-right:90px;}
	.voice.item1 li h3,.voice.item1 li p,.voice.item1 li h4{margin-right:0;}
	.voice li p.pass,
	.voice.item1 li p.pass{margin:-15px -15px 15px -15px;}
	.voice li p.accordion span.title{font-size:18px;}
	.voice.item3 li h3{min-height:0;}
}