@charset "utf-8";

/* 各ページ適用CSS
------------------------------------------------------------------------------------*/
img{
	max-width:100%;
	height:auto;
}

#topcontrol{
	left: auto;
	right: 0;
	margin: 0;
}


html{
	width:100%;
}
body {
	width:100%;
	min-width:100%;
}

/*------------------------------------
ヘッダー 
------------------------------------*/ 

#header{
	width:100%;
}
#header .hed_block{
	max-width:100% !important; 
}
#header .logo{
	width:40%;
}
#header .hed_right{
	margin:1% 1% 0 0;
}
.hed_inner {
	width:100%;
}

/*Gナビ*/
ul#gnav {
	width:100%;
}
#hed_wrp ul#gnav{
	width:99%;
	padding:0 0 0 1px;
}
ul#gnav li {
	padding:0 1px 0 0 ;
	width:19.9% !important;
}

@media screen and (max-width: 768px) {
ul#gnav li {
	padding:0 1px 0 0;
	width: 19% !important;
}
ul#gnav li a{
	background-size: 85% !important;
	text-indent: 0 !important;
	height: 44px !important;
}
}

.index #main #ri-grid{
	width:100%;
}
.index #main{
	width:100%;
}

@media screen and (max-width: 768px) {
.index .block01{
	width:98%;
	padding:0;
}
.index .block01 p{
	width:47% !important;
	margin:4% 0 0;
	float:right;
	background:none;
}
.index .block01 p.method01{
	padding: 12% 9% 7% 7%;
	width: 34% !important;
	background-size: 100%;
	float:left;
	margin:0;
	font-size: 100%;
}
.index .block02{
	width:98%;
	padding:0
}
.index .block02 .news{
	width:50%;
	height: 200px;
	overflow:auto;
}
.index .block02 .news p{
	left:10px;
	overflow:hidden;
}
.index .block02 .news p.ico{
	left: 9px;
	top: 19px;
}
.index .block01_wp .block02 .news .news_iframe_wp{
	width:100%;
	height:190px;
	overflow:auto;
}
.index .block02 .news .news_iframe{
	width:95%;
	height: 100%;
}
.index .block02 .right_blk{
	width:46%;
}

.index .block02 .right_blk .method01{
	background:none;
}

.index .block01_wp{
	background-size:14%;
	padding:0 0 3%;
}

}

/*コンテンツ*/
#contents{
	width:95%;
	padding:0 0 10%;
}
.index #contents{
	width:97%;
	padding:4% 0 10%;
}

#contents h2{
	width:90%;
}
#contents .block00 .bread_crumb{
	width:90%;
	padding:21px 5% 46px 5%;
}


/*来月の献立*/
.menu #contents .document_wp{
	width:85%;
}
.menu #contents .document_wp .first_txt{
	width:75%;
}
.menu #contents .block{
	width:93%;
	background-size:100%;
	padding:4.7% 0 0;
}
.menu #contents .block h3{
	width:90%;
}
.menu #contents .block_in{
	background-size:100%;
}
.menu #contents .btn_next2{
	width:85%;
}
.menu #contents .block .block1{
	background:url(../img/img-menu01/bg_img01.jpg) no-repeat 90% bottom;
}
.menu #contents .block:nth-child(2n) .block1{
	background:url(../img/img-menu01/bg_img02.jpg) no-repeat 90% bottom;
}
.menu #contents .block_in2{
	background-size:100%;

}
.menu #contents .block .block01{
	overflow:hidden;
}


/*これからの献立*/
.menu #contents2{
	width:95%;
	padding:0 0 10%;
}
.menu #contents2 h2{
	width:90%;
	}
.menu #contents2 .block00 .bread_crumb2{
	width:90%;
	padding:21px 5% 46px 5%;
}
.menu #contents2 .document_wp{
	width:85%;
	margin:0 auto;
}
.menu #contents2 .block{
	width:100%;
	background-size:100%;
	padding:6.5% 0 0;
}
.menu #contents2 .block h3{
	width:90%;
	font-size:200%;
	padding:0 0 1.5% 14%;
}
@media screen and (max-width: 768px) {
.menu #contents2 .block{
	width:100%;
	background-size:100%;
	padding:6% 0 0;
}
.menu #contents2 .block h3{
	width:90%;
	padding:0 0 0.6% 14%;
}

}
.menu #contents2 .block_in{
	background-size:100%;
}
.menu #contents2 .btn_next2{
	width:90%;
}
.menu #contents2 .block .block1{
	padding: 30px 0 30px;
	background: url(../img/img-menu02/bg_02.gif) repeat-y left top;
	background-size:100%;
}
.menu #contents2 .block_in2{
	background-size:100%;
	padding:0 0 10%;
}
.menu #contents2 .block .block01{
	overflow:hidden;
}
.menu #contents2 .block .block01 .left{
	width:45%;
}
.menu #contents2 .block .block01 .text1{
	padding:0px 0px 0px 51%
}
.menu #contents2 .btn_next{
	width:85%;
}



/*教室について*/
.info #contents .block01, .info #contents .block02,.info #contents .block03{
	width:87%;
}

.info #contents .block02 iframe{
	width:100%;
	margin:45px 0 0 0;
	height:600;
}

.info #contents h3{
	width:90%;
}
.info #contents .block01, .info #contents .block02{
	width:87%;
}
.info #contents .block01 dl dd.txt{
	padding:86px 0 0 0;
}
.info #contents .block01 .inner01{
	padding:0;
}
.info #contents .block01 .inner01 dt{
	float:right;
	width: 45%;
}
.info #contents .block01 .txt01{
	padding:0;
}
.info #contents .block01 dl dd.image{
	margin: 0px 26px 44px 0;
}
.info #contents .block01 dl dd.txt{
	padding:0;
}
.info #contents .block01 .inner02{
	padding:0;
}
.info #contents .block01 .inner02 dl.method01{
	margin:0 0 24px;
}

.info #contents .block02 .left{
	padding:0;
}
.info #contents .block02 .right{
	width:40%;
	float:right;
}
.info #contents .block02 .g_btn{
	padding:7px 0 0 0;
}



/*レッスンについて*/
.naiyou #contents h3{
	width:90%;
}
.naiyou #contents .block01, .naiyou #contents .block02,.naiyou #contents .block03{
	width:87%;
}
.naiyou #contents .left{
	width:54%;
}
.naiyou #contents .right{
	width:43%;
}
.naiyou #contents .block02 dl.price{
	width:100%;
}
.naiyou #contents .block02 .left{
	width:49%;
}
.naiyou #contents .block03 dl dt,
.naiyou #contents .block03 dl dd{
	width:49%;
}
@media screen and (max-width: 768px) {
.naiyou #contents .left{
	width:49%;
}
.naiyou #contents .right{
	width:49%;
}
}


.flow #contents .block{
	width:94%;
}
.activity #contents .block{
	width:94%;
}
.company #contents .block{
	width:94%;
}
.advantage #contents .block{
	width:94%;
}
.privacy #contents .block{
	width:94%;
}
.img-recruit_voice #contents .block{
	width:94%;
}

#contents .btn_next{
	width:94%;
}
#contents .btn_next a img{
	width:30%;
}



#contents .block00 h2{
	padding:5% 0 0 3%;
}
#contents .block00 .txt01{
    margin: 0 0 0 4%;
}

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


.index #header{
	width:100%;
}
.index #header .logo{
	width:40%;
}
.index #header .hed_right{
	width:18%;
	margin:1% 1% 0 0;
}
.index .hed_inner {
	width:100%;
}
.index ul#gnav {
	width:100%;
}



@media screen and (max-width: 768px) {
.index #contents .left_blk{
	width:60%;
}
.index iframe.message{
	width:93% !important;
	overflow-x:scroll;
}
.index #contents .right_blk{
	width:35%;
}
}




/*------------------------------------
フッター 
------------------------------------*/ 


#copyright p{
	width:100%;
}



@media screen and (max-width: 768px) {
/*TOP*/

	

/*フッタ*/
#footer .fot_wrap{
	width:95%;
}
#footer .left_blk{
	width: 43%;
	padding:4% 0 6%;
}
#footer .right_blk{
	width: 52%;
	padding: 3% 2% 2%;
}
#footer .right_blk dl{
	margin: 0 2% 0 0;
}
#footer .right_blk .add{
	margin: 0 0 5% 1%;
}
}