@charset "utf-8";

/* 各ページ適用CSS
------------------------------------------------------------------------------------*/
.disp_pc{
	display:none;
}

.ui-loader{
	display:none;
}


#contents{
	text-align:left;
	padding:3% 0 10%;
	padding:0 0 10%;
	background:#fff;

	color:#333;
}

#contents .block00{
	display:none;
}

#contents .block00 .bread_crumb{
	display:none;
}

#contents .block00 h2{
	padding:5% 4% 3%;
}
#contents .block00 h2 img{
	width:43%;
}
#contents .block00 h2 .sub{
	margin:0 0 0 5%;
	width:17%;
}


/* 
#contents .block00 h2 span{
	display:inline;
}*/
#contents .block00 .txt01{
	font-size:108%;
	padding:0 6% 3%;
	
}


#contents .block{
	width:90%;
	margin:0 auto 10%;
}


#contents .block h3{
	color:#FA7D00;
	font-weight:bold;
	font-size:157%;
	letter-spacing:0.1em;
	background:url(../img/img-common/lin_01.gif) repeat-x left bottom;
	background-size: 3%;
	padding: 0px 0 3% 1%;
	margin: 0 0 5%;
}


/*次ページへの誘導*/
#contents .btn_next {
	width:70%;
	margin:15% auto 0;
	text-align:center;
}
#contents .btn_next img{
	width:100%;
}







/* トップページ
------------------------------------------------------------------------------------*/


.index .block01_wp .main{
	margin: 0 0 5% 0;
}

.index .block01_wp .main_btn{
	width: 84%;
	margin: 0 auto 6%;
}
.index .block01_wp .block01{
	text-align:left;
	width:94%;
	margin:0 auto 6%;
}
.index .block01_wp .block01 .method01{
	background: url(../img/img-index/img_01.png) no-repeat left top;
	background-size:100%;
	padding: 22% 16% 13% 17%;
	font-size: 3vw;
	margin:0 0 3%;
}
.index .block01_wp .block01 .method01 span{
	font-weight:bold;
	color:#FF5A26;
}


.index .block01_wp .block02{
	text-align:left;
	background:url(../img/img-index/bg_01.jpg) repeat-x left bottom;
	background-size:50%;
	padding:5% 3% 6%;
}
.index .block01_wp .block02 .news{
	background:#fff;
	position:relative;
	height:auto;
	margin:0 0 4%
}
.index .block01_wp .block02 .news p.ico{
	margin:-1% 0 0;
	position:absolute;
	top:-1px;
	left:6px;
	z-index:1000;
}
.index .block02 .news p.ttl{
	padding:4% 0 7% 19%;
	background:#fff;
}


.index .block01_wp .block02 .news .news_iframe_wp{
	width:100%;
	height:170px;
	-webkit-overflow-scrolling: touch;
	overflow:auto;
}
.index .block01_wp .block02 .news .news_iframe{
	margin:1% 0 0;
	width:100%;
	height:100%;
	border:none;
	display:block;

	/*overflow:scroll;
	overflow-x: hidden;
	width:100%;
	height:170px;*/
}
.index .block01_wp .block02 .right_blk{
	padding:0 3%;
}
.index .block01_wp .block02 .right_blk .method01{
	margin:0 0 5%;
	
}

.index #wrapper #contents {
	padding:5% 0 13%;
}
.index .contents_wp .left_blk{
	width:94%;
	margin:0 auto 10%;
}
.index .contents_wp .left_blk .ttl{
	margin:0 0 3%;
}

.index .contents_wp .right_blk .method01{
	text-align:center;
	margin:0 0 5%
}
.index .contents_wp .right_blk .method01 img{
	width:70%;
}
.index .contents_wp .right_blk .method02 {
	display:none;
}
.index .contents_wp .right_blk .method03{
	text-align:center;
}



.index iframe.message{
	width:95%;
	border:10px solid #FFEEAD;
	background:#fff;
	overflow:hidden;
}






/* 教室について
------------------------------------------------------------------------------------*/
.info #contents h3{
	background:url(../img/img-info/ttl_bg.gif) repeat-x;
	width: 94%;
	margin: 5% auto 4%;
	padding: 0% 0 1%;
}

.info #contents h3 span{
	color:#333;
	font-size:137%;
	background: url(../img/img-info/ttl_ico.gif) no-repeat 12px center;
	padding: 2% 0px 2% 13%;
	line-height: 38px;
	letter-spacing:0.1em;
	font-weight:bold;
}
.info #contents .block01 .inner01 dt .txt01{
	color:#FF5926;
	font-size:125%;
	font-weight:bold;
	line-height:1.5;
	text-align:left;
	margin:0 0 3%;
}
.info #contents .block{
	width:85%;
}

.info #contents .block01 .inner01 .image{
	text-align:center;
	margin:0 0 5%;
}
.info #contents .block01 .inner01 .image img{
	width:90%;
}

.info #contents .block01 .inner01 .txt{
	margin:0 0 5%;
	font-size:117%;
	text-align: justify;

}

.info #contents .block01 .inner02 dt,.info #contents .block02 dt{
	color: #FF4C4C;
    font-size: 100%;
    font-weight: bold;
    line-height: 1.6;
    background: url(../img/img-info/ico01.jpg) no-repeat 1px 6px;
	background-size:3%;
	padding: 0 0 1% 5%;
	font-size: 117%;
}
	
.info #contents .block01 .inner02 dd{
	font-size: 117%;
	padding: 0 5% 5% 5%;
	text-align: justify;
}
.info #contents .block01 .txt01{
	text-align:right;
	padding:0 4% 0 0;
}
.info #contents .block02 dl.first{
	margin:0 0 4%;
}
.info #contents .block02 dl.first dt{
	color:#FF5926;
	font-size:125%;
	font-weight:bold;
	line-height:1.5;
	background:none;
	padding: 0 0 3% 0;
}
.info #contents .block02 dl.first dd{
	font-size: 117%;
}
.info #contents .block02 dl.first .right{
	text-align:center;
	margin:0 0 4%;
}
.info #contents .block02 dl.first .right img{
	width:90%;
}


.info #contents .block02 .inner01 dl{
	margin:0 0 4%;
}
.info #contents .block02 .inner01 dl dd{
	margin:0 0 0% 5%;
	font-size: 117%;
}
.info #contents .block02 iframe{
	width:90%;
	margin:0 auto 2%;
	display:block;
	height:200px;
	border:2px solid #FFE991;
}
.info #contents .block02 .btn01{
	text-align:center;
}



/* レッスンについて
------------------------------------------------------------------------------------*/
.naiyou #contents h3{
	background:url(../img/img-info/ttl_bg.gif) repeat-x;
	width: 94%;
	margin: 5% auto 4%;
	padding: 0% 0 1%;
}

.naiyou #contents h3 span{
	color:#333;
	font-size:137%;
	background: url(../img/img-naiyou/ico01.gif) no-repeat 12px center;
	padding: 2% 0px 2% 13%;
	line-height: 38px;
	letter-spacing:0.1em;
	font-weight:bold;
}
.naiyou #contents .first_txt{
	color:#FF5926;
	font-size:125%;
	font-weight:bold;
	line-height:1.5;
	margin:0 0 3%;
}
.naiyou #contents .second_txt{
	font-size:117%;
}
.naiyou #contents .block01 .inner01 .main dd{
	margin:0 0 5%;
	font-size:117%;
	text-align: justify;
}
.naiyou #contents .block01 .inner01 .img01,
.naiyou #contents .block01 .inner02 .img02,
.naiyou #contents .block01 .inner03 .img03{
	text-align:center;
	margin:0 0 8%;
}
.naiyou #contents .block01 .inner01 .img01 img,
.naiyou #contents .block01 .inner02 .img02 img,
.naiyou #contents .block01 .inner03 .img03 img{
	width:90%;
}
.naiyou #contents .block01 .inner02 dt,
.naiyou #contents .block02 dt{
	color: #FF4C4C;
    font-size: 100%;
    font-weight: bold;
    line-height: 1.6;
    background: url(../img/img-info/ico01.jpg) no-repeat 1px 6px;
	background-size:3%;
	padding: 0 0 1% 5%;
	font-size: 117%;
}
	
.naiyou #contents .block01 .inner02 dd{
	font-size: 117%;
	padding: 0 5% 5% 5%;
	text-align: justify;
}
.naiyou #contents .block01 .inner03 .txt01{
	font-size: 117%;
	padding: 0 5% 5% 5%;
	text-align: justify;
}
.naiyou #contents .block01 .inner03 .img04{
	text-align:center;
}


.naiyou #contents .block02 .inner01{
	padding: 5% 0 0 0;
}
.naiyou #contents .block02 .inner01 dd{
	font-size: 100%;
	padding: 0 5% 5% 5%;
	text-align: justify;
}
.naiyou #contents .block02 .inner01 dd.method02{
	font-size:108%;
}
.naiyou #contents .block02 .inner01 dd.method02 p{
	margin:0 0 1%;
}

.naiyou #contents .block02 span,
.naiyou #contents .block01 span{
	font-weight:bold;
	color:#FF3F00;
}


.naiyou #contents .block02 dl.price{
	/*border-bottom:1px dotted #FF9D9D;*/
	background:url(../img/img-naiyou/lin_01.gif) repeat-x left bottom;
	background-size:3px 1px;
	padding: 3% 1% 2% 1%;
	margin:0 0% 0 0%;
}


.naiyou #contents .block02 dl.price dt{
	display:block;
	text-align:left;
	float:left;
	color:#333;
	background:none;
	font-weight:bold;
	padding:0 0 1% 0%;
}

.naiyou #contents .block02 dl.price dd{
	display:block;
	font-weight:bold;
	text-align:right;
	float:right;
	padding:0 0px 0 0;
}

.naiyou #contents .block02 .price_txt{
	font-size: 100%;
	    padding: 3% 0 4% 5%;
}
.naiyou #contents .block02 .inner01 .img01{
	text-align:center;
}

.naiyou #contents .block03 .list_block01{
	width:95%;
	margin:0 auto;
}
.naiyou #contents .block03 .list_block01 li{
	list-style: none;
	background: url(../img/img-naiyou/ico02.gif) no-repeat left 8px;
	background-size:6%;
	padding: 6px 0 3px 32px;
	margin: 0 0 5px;
	font-size: 117%;
	line-height: 1.5;
}
.naiyou #contents .block03 .list_block01 li.last{
	margin: 0 0 20px;
}

.naiyou #contents .block03 .list_block01 span.b_txt{
	font-weight:bold;
}
.naiyou #contents .block03 span{
	font-weight:bold;
	color:#FF4C4C;
}
.naiyou #contents .block03 .block2 dt{
	margin:0 0 5%;
}	




/* 生徒の声
------------------------------------------------------------------------------------*/
.comment #contents .menu01{
	display:block;
}
.comment #contents .menu02{
	display:none;
}

.comment #contents .block00 .bread_crumb2{
	display:none;
}

.comment #contents h2{
	display:block;
	margin:0 auto 20px;
}

.comment #contents .document_wp{
	background:url(../img/img-comment/bg_01.gif) repeat left top;
	width:96%;
	margin:0 auto 0;
	padding: 5px 0 2px;
}

.comment #contents .block{
	width:96%;
	background: #fff;
	padding:4px 0 0;
	margin:0 auto 30px;
}
.comment #contents .block h3{
	width:86%;
	margin: 0 auto ;
	padding: 3% 5%;
	background-color: #FFEEAD;
	font-size: 14px;
	line-height: 140%;
	color: #333;
	-moz-border-radius: 50px; 
	-webkit-border-radius: 50px;
}
.comment #contents .block h3 em{
	font-style: normal;	
}

.comment #contents .block .bg_image01{
	text-align: right;
	padding: 0 2.5% 0 0;
}
.comment #contents .block .bg_image01 img{
	width: 4%;
}
.comment #contents .block .bg_image02{
	padding: 0 0 8px 24%;
}
.comment #contents .block .top{
	width:96%;
	margin:0 auto;
}

.comment #contents .block .block1{
	padding:0px;
	line-height:2;
}
.comment #contents .block .block1 div{
	color:#333;
}

.comment #contents .block .block01{
	width:92%;
	margin:0 auto 50px ;
	clear:both;
	line-height: 160%;
}
.comment #contents .block .block01:last-child{
	margin:0 auto 0;
}
.comment #contents .block .block01 .left{
	float:none;
	display:block;
}

.comment #contents .block .block01 .left.gallery,
.comment #contents .block .block01 .right.gallery{
	margin:0 0 20px;
	text-align: center;
}
.comment #contents .block .block01 .left.gallery img,
.comment #contents .block .block01 .right.gallery img{
	width: 60%;
	height: auto;
}

.comment #contents .block .block01 .right{
	float:left;
	display:block;
}


.comment #contents .block .block01 .text1{
	padding:0;
	clear:none;
}

.comment #contents .block .block01 .text2{
	padding: 0px 0px 0px 0;
	clear:none;
	width: 320px;
	float: left;
	display: block;
	line-height:1.6;
}
.comment #contents .block ul{
	width:98%;
	margin:30px auto 0;
}
.comment #contents .block .gallery{
	float:left;
	display:block;
	margin:0 9px 20px;
}

.comment #contents .menu{
/*	text-align:right;
	margin:20px 0 10px 0;
*/
	display: none;
}
.comment #contents .menu2{
	display: block;
	padding:0px 0px 0 0;
	text-align:right;
}
.comment #contents .menu span.all_count{
	padding: 1% 0 ;
	display:block;
}
.comment #contents .menu a{
	color:#333;
	font-size:117%;
	vertical-align:text-bottom;
	padding:0 8px;
}
.comment #contents .menu strong{
	color:#FF5A63;
	font-size:180%;
	padding:0 8px;
}
.comment #contents .menu a.next,
.comment #contents .menu a.prev{
	font-size:86%;
	vertical-align:baseline;
}
.comment #contents .pdf_block{
	width:862px;
	margin:0 auto 40px;
}
.comment #contents .pdf_block .pdf_link a img{
	margin:0 0 0 10px;
}