@charset "UTF-8";

/*
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
最小サイズ 想定端末　iphone SE 縦構え(Portrait）320×568 px
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

#gheader{

background-color: #ffffff;
width: auto;
position: fixed;
top: 0px;
right: 0px;
bottom: auto;
left: 0px;
z-index: 10000;
height:auto;
box-shadow: 0 1px 8px -2px rgb(0 0 0 / 83%);

}

#gheader{
padding: 1em;
}
#gheader h1{
width: 35%;
height: auto;
padding: 0px;


}
#gheader h1 img{
max-width: 100%;
height: auto;

}

div#top-icono{
margin: 0px;
}

div#top-icono p{
font-size: 1.0rem;
line-height: 1.2;
text-align: left;
font-weight: 400;
padding-top: 0.5em;
color: #999999;
}


div#top-icono p strong{
display: block;
font-weight: inherit;
}



div#top-icono2{
position: fixed;
top: 10px;
right: 70px;
bottom: auto;
left: auto;
}

div#top-icono2 span{
display: block;
font-weight: inherit;
padding-top: 0.3em;
}

div#top-icono2 ul li figure#fototaikenclase{
width: 35%;
margin: 0px auto;
}

div#top-icono2 ul{
margin: 0px;
padding: 0px;
font-size: 1.2rem;
line-height: 1.2;
text-align: center;
list-style-type: none;
display:-webkit-box;
display:-ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
/*width: 120px;*/
}
div#top-icono2 ul li{
margin: 0px;
padding:0px 5px 0px; 
border-radius: 4px;
}

div#top-icono2 ul li figure{
width: 60%;
height: auto;
padding: 0px;
margin: 0px auto 5px;
}

div#top-icono2 ul li figure img{
width: 100%;
height: auto;
}

div#top-icono2 ul li:last-of-type{
display: none;
}

div#top-icono2 ul li a{
text-decoration: none;
color: inherit;
display: block;
}

div#top-icono2 ul li#audio_d{
display: none;
}

/*パンくずリスト*/
.breadlist{
margin: 0px;
padding: 9em 0em 0em 0em;
list-style: none;
}

.breadlist li{
display: inline;
list-style: none;
font-weight: normal;
}

.breadlist li:after{
content: '>';
padding: 0 0.2em;
color: #1c1c1c;
}

.breadlist li:last-child:after{
content: '';
}

.breadlist li a{
text-decoration: none;
color: #1c1c1c;
font-size: 1.3rem;
}

.breadlist li a:hover{
text-decoration: underline;
}


/*ナビゲーションメニュー*/

input#trigger + label{
display: block;
width: 50px;
height: 50px;
border: solid 3px rgba(244,142,8);
border-radius: 6px 6px 6px 6px;
position: fixed;
top:7px;
right: 5px;
bottom: auto;
left: auto;
z-index: 50000;
}

input#trigger + label span.menuunder{
position: absolute;
top:65%;
right: auto;
bottom: auto;
left:22%;
}



/*ハンバーガーメニュー*/

input#trigger + label span.menutop{
display: block;
width:30px;
height: 2px;
background-color:#3f3d3c;

text-indent: 100%;
white-space: nowrap;
overflow: hidden;

position: absolute;
top:19px;
right: auto;
bottom: auto;
left: 10px;
}

input#trigger + label::before{
content: "";
background-color: #3f3d3c;
display: block;
width: 30px;
height: 2px;

position: absolute;
top:12px;
right: auto;
bottom: auto;
left: 10px;
transition-duration: 500ms;
}

input#trigger + label::after{
content: "";
background-color: #3f3d3c;
display: block;
width: 30px;
height: 2px;

position: absolute;
top:26px;
right: auto;
bottom: auto;
left: 10px;

transition-duration: 500ms;
}


input#trigger:checked + label span.menutop{
opacity: 0;
}

input#trigger:checked + label::before{
transform: rotate(45deg);
top:19px;

}

input#trigger:checked + label::after{
transform: rotate(-45deg);
top:19px;
}




nav#gnav{
position: fixed;
top:0px;
right: auto;
bottom:auto;
left: 0px;
z-index: 30000;
overflow: auto;
transition-duration: 500ms;
border-radius: 0px 0px 30px 30px;
height: 0px;
width: 100%;
padding: 0px 40px;
box-sizing: border-box;
background-color:#ffffff;
}

input#trigger:checked ~ nav{
height:100vh;
padding: 20px 20px;
}

input#trigger:checked + label{
top: 10px;
}


input#trigger{
display: none;
}

nav#gnav ul{
font-size:1.6rem;
line-height: 1.6;
padding: 14px 16px;;
text-align: left;
}

nav#gnav ul li{
margin: 0px;
border-bottom:1px solid #dddddd;
padding: 0.5em;
width: 80%;
}

nav#gnav ul li.escuela:hover{
text-decoration: none;
color:#f48e08;
	}
	

nav#gnav ul li.escuela a:hover{
text-decoration: none;
color:#f48e08;
	}

nav#gnav ul li.now :link,
nnav#gnav ul li.now :visited,
nav#gnav ul li.now :hover,
nav#gnav ul li.now :active{
color:#f48e08;
text-decoration: none;
	}



nav#gnav ul li ol li{
border-bottom: none;
}



nav#gnav ul li span{
display: none;
}

nav#gnav ul li.nav:first-of-type,
nav#gnav ul li.nav:last-of-type{
border-bottom:2px solid #dddddd;
}

nav#gnav ul li.nav:nth-child(7),
nav#gnav ul li.nav:nth-child(11){
border-bottom:2px solid #dddddd;
}

nav#gnav ul li.now span{
display: none;
}






nav#gnav ul li.escuela a.common,
nav#gnav ul li.escuela a.escuela,
nav#gnav ul li.contacto a.contacto,
nav#gnav ul li.aside a.escuela,
nav#gnav ul li.contactognav a.contacto{
border: none;
background-image: none;
text-decoration: none;
color: #3f3d3c;
display: block;
}


nav#gnav ul li.now a,
nav#gnav ul li.escuela ol li.now a.escuela{
font-weight: bold;
color:#f48e08;
text-decoration: none;
display: block;

}




nav#gnav ul li.contactognav{
margin: 0.5em 0em;
border-radius: 3px;
background-color:#f48e08;
}

nav#gnav ul li.audio_audio{
margin: 0.5em 0em;
border-radius: 3px;
border: solid 3px #dddddd;
padding: 0.5em 0em 0.5em 0.5em;
}


div#top-icono2 ul li.topcontacto:hover{
background-color: rgba(255,153,0,0.6);
	}


nav#gnav ul li.site{
border-bottom: none;
}



nav#gnav ul li.contactognav a.contacto{
color: #ffffff;
}



label#coverlayer{
display: block;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
background-color: rgba(0,0,0,0.6);
position: fixed;
top:0px;
right: 0px;
bottom:auto;
height: 0px;
left: 0px;
z-index: 20000;
transition-duration: 400ms;
}

input#trigger:checked ~ nav#gnav + label{
height:100vh;
}


div #nav_contacto{
height: 20vh;
}

div#horario{
display:-webkit-box;
display:-ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}


div#nav_contacto a#tell1{
font-size: 2.3rem;
line-height: 1.6;
text-align: center;
padding: 0px;
text-decoration: none;
color: inherit;
}


div#nav_contacto{
font-size: 1.6rem;
text-align: center;
padding: 0px;
width: 80vw;

}

.container{
width: 96%;
padding: 0em 1em;
margin: 0px auto;

}

div.clase{
padding:10px 30px 20px;
}

.negro{
color: #595751;
}


/*/////ヘッダー下標題 説明/////*/
div#base{
margin:1em 0em 0em;
padding: 0px;

background-color:#f48e08;
  background-image:
    linear-gradient(rgba(255,255,255,.5) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.5) 1px, transparent 1px),
    linear-gradient(rgba(255,255,255,.28) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.28) 1px, transparent 1px);
  background-size: 100px 100px, 100px 100px, 20px 20px, 20px 20px;
  background-position: -2px -2px, -2px -2px, -1px -1px, -1px -1px;
width: 100%;
height: auto;

}

div#base div{
text-align: center;
box-sizing: border-box;

}

div#base div span{
color: #FFFFFF;
font-weight: 400;
display: block;
font-size: 1.8rem;
line-height: 1.6;
}

div#base div h2{
color: #FFFFFF;
font-weight: 600;
letter-spacing: 2px;
display: block;
font-size:2.1rem;
line-height: 1.6;
padding-top: 0em;
}

div.explicacion div.contenido{
padding-top: 1.5em;
}


div.explicacion div.contenido p{
font-size: 1.6rem;
line-height: 2.1;
text-align: justify;
background-color: rgba(255,255,255,0.7);
}

div.explicacion div.contenido div.explicacion-p{
padding: 2em 0em 0em;
}

div.explicacion div.contenido div.explicacion-p p{
font-weight: 600;
}

div.explicacion div.contenido p span{
color:#ce4e41;
}

div.explicacion div.contenido a{
color: #ce4e41;
}


/*詳しく見る、予約ボタン*/

.ver2{
width: 200px;
text-align: center;
margin: 0px auto;
border:solid 2px #f48e08;
border-radius: 4px;
box-shadow: inset 0 2px 0 rgba(255,255,255,0.2),0 2px 2px rgba(0,0,0,0.19);

}


.ver2_button{
font-size: 1.4rem;
line-height: 1.6;
text-decoration: none;
color:inherit;
display: block;
padding: 10px;
}
	
.ver2:hover{
background-color:#f48e08;


}

.ver2_button:hover{
color: #ffffff;
}

/*無料体験レッスン予約*/
div#prueba-clase{
margin-top: 5em;
}

div#prueba-clase h2,
div.inner h2{
font-size: 2.9rem;
line-height: 1.6;
text-align: center;
color: #ce4e41;
padding: 0px 0px 20px;
}

div.inner h2 strong{
display: block;
font-weight: normal;
}

div#prueba-clase p,
div.inner p{
font-size: 1.6rem;
line-height: 1.6;


}

div#prueba-clase ul,
div.inner ul{
list-style-type: none;
padding: 0px;
margin: 3em 0em;
	
}

div#prueba-clase ul li,
div.inner ul li{
margin-top: 20px;
border-radius: 4px;
border: solid 3px #f48e08;
box-shadow: inset 0 2px 0 rgb(255 255 255 / 20%), 0 2px 2px rgb(0 0 0 / 19%);
width: 50%;
height: auto;
margin: 20px auto;
}

div#prueba-clase ul li a{
text-decoration: none;
color:#3f3d3c;
display: block;
}

div#prueba-clase ul li figure#prueba-clase1,
div.inner ul li figure#prueba-clase1{
display: block;
margin: 0px auto;
width: 48%;
max-width: 100%;
height: auto;
}

div#prueba-clase ul li figure#prueba-clase2,
div.inner ul li figure#prueba-clase2{
display: block;
margin: 0px auto;
width: 20%;
max-width: 100%;
height: auto;
}

div#prueba-clase ul li figure img,
div.inner ul li figure img{
width: 100%;
height: auto;
}

div#prueba-clase ul li p,
div.inner ul li p{
font-size: 1.6rem;
line-height: 1.6;
text-align: center;
padding-bottom: 20px;
}

div#prueba-clase ul li p strong{
display: block;
font-weight: inherit;
}

div#prueba-clase div#contacto,
div.inner div#contacto{
margin: 0px auto;
padding: 50px 0px 20px;
text-align: center;
}
div#prueba-clase h3,
div#prueba-clase a#tell,
div.inner h3{
font-size: 2.6rem;
line-height: 1.6;
padding-bottom: 10px;
text-decoration: none;
color: inherit;
}

div#prueba-clase p.contacto1,
div.inner p.contacto1{
padding-top: 2px;
}

div#prueba-clase ul li:hover{
background-color:#f48e08;
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
}

div#prueba-clase ul a:hover{
color:#ffffff;
}

/*問い合わせ、よくある質問*/

div#contacto_pregunta{
margin-top:30px;
}
.ver3{
background-color: #EAE0A1;
background-color: #ffffff;
width: 200px;
text-align: center;
margin: 30px auto;

}

.ver3_button{
font-size: 1.6rem;
line-height: 2.3;
text-decoration: none;
border: solid 2px #f48e08;
color: #595751;
display: block;
padding: 10px;
border-radius: 4px;
}
	
.ver2:hover{
background-color:#f48e08;
color: #ffffff;
}

.ver2_button:hover{
color: #ffffff;
}

.ver3_button:hover{
background-color:#f48e08;
border: none;
border-bottom: solid 2px #d27d00;
border-radius: 4px;
box-shadow: inset 0 2px 0 rgba(255,255,255,0.2),0 2px 2px rgba(0,0,0,0.19);
color: #ffffff;

	}


.ver4{
background-color: #ffffff;
width: 50%;
text-align: center;
margin: 20px auto 0px;


}


.ver4_button{

font-size: 1.4rem;
line-height: 1.5;
text-decoration: none;
border: solid 2px #f48e08;
color: #595751;
display: block;
padding: 10px;
border-radius: 4px;

}

.ver4_button:hover{
background-color:#f48e08;
color: #ffffff;
}


/*イベント*/

aside#thmblist3{
background-color:rgb(242, 242, 242);
padding: 5px 0px;
}

div#item2 ul{
list-style-type: none;
padding: 0px;
margin: 0px;
	
}

div#item2 ul li{
margin:10px 0px;
padding-left: 7px;
background-color: #ffffff;
}


div#item2 ul li figure{
width:150px;
max-width: 100%;
height:auto;
display: table-cell;
vertical-align: middle;
}

div#item2 ul li figure img{
width: 100%;
height: auto;
}


div#item2 ul li strong{
font-size:1.6rem;
line-height: 1.6;
/*width:calc(100% - 135px);*/
width:250px;
display: table-cell;
padding-left: 12px;
height: 104px;
vertical-align: middle;
max-width: 100%;
box-sizing: border-box;

}


div#item2 ul li a{
text-decoration: none;
color: inherit;
}



/*フッター*/

footer#gfooter{
width: 100%;
box-sizing: border-box;
}

div#gfooter-f{
background-color:#f48e08;
}

div#f-academia{
padding-top: 20px;

}

div#f-academia figure{
width: 40px;
height: auto;
max-width: 100%;
margin: 0px auto;
}

div#f-academia figure img{
width: 100%;
height: auto;
}

article#f-adress{
margin-top: 1em;
text-align: center;
}

article#f-adress h3{
font-size: 1.6rem;
line-height: 1.6;

}

article#f-adress p,
article#f-adress a{
font-size: 1.4rem;
line-height: 1.6;
text-decoration: none;
color: inherit;

}

/*フッターナブ*/
div#f-nav ul{
display: none;
}

/*ソーシャルメディアとプライバシーポリシー*/

div#social-icono div{
font-size: 1.6rem;
line-height: 1.5;
}

div#social-icono div ul{
margin: 0px;
padding:5px;
list-style-type: none;
display:-webkit-box;
display:-ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}

div#social-icono div ul li.sns{

height:40px !important;
}

div#social-icono div ul li.sns figure{
width: 80%;
max-width: 100%;
height: auto;
}

div#social-icono div ul li.sns img{
width: 100%;
height: auto;
}


div#social-icono div ul li a{
display: block;
text-align: left;
padding:5px;
color: #3F3D3C;
text-decoration: none;
}


footer small#footerultimo{
font-size: 1rem;
font-weight: 500;
line-height: 1.5;
letter-spacing: 1px;
text-align: center;
display: block;
padding:0.5em 1em;
}
small#footerultimo p{
padding-bottom: 2%;
font-size: 1.0rem;
}

p#privacidad,
p#empresa,
div#sitemap{
padding: 0.5em 1em 0.5em 0em;
}
p#privacidad a,
p#empresa a,
div#sitemap a{
display:block;
text-decoration: none;
text-align: center;
font-size: 1rem;
color: inherit;
}

div#otroinfo{
display:-webkit-box;
display:-ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}



/*/////スクロールボタン//////*/

aside#scrolltop a{
display: block;
font-size: 1.8rem;
line-height: 46px;
width: 46px;
text-align: center;
background-color: rgba(164,164,164,0.50);
border-radius: 46px;
color: #FFFFFF;
text-decoration: none;
}

aside#scrolltop{
position:fixed;
top:auto;
right: 0px;
bottom: -150px;
left: auto;
z-index: 400;
transition-duration: 1000ms;
}

/*////問い合わせフォーム入力画面////*/

form{
margin: 30px 0px;
}

dl.form{
/*  width: 1280px;*/
/*  margin: 50px auto;*/
border: solid 1px #DEDEDE;
padding: 5%;
border-radius: 10px;
font-size: 1.6rem;
line-height: 1.8;
background-color: rgba(250,250,250,0.80);

}

dt{
font-weight: 700;
padding: 20px 0px 30px;
}

dd{
color: #333333;
min-height: 20px;
padding: 0px 0px 8px 0px;
}

input[type="text"],
input[type="tel"],
input[type="email"]{
padding: 10px;
border-radius: 5px;
background-color: #ffffff;
font-size: 1.6rem;
width: 15em;
border: solid 1px;
}

#yubin{
  width: 8em;
}

#jyusho{
  width:30em;
}



input[type="submit"]{
  border:none;
  padding: 8px;
  background-image: linear-gradient(180deg,#CCCCCC,#999999);
  font-size: 1.5rem;
  color: #FFFFFF;
  border-radius: 8px;
}

input[type="submit"]:hover{
  opacity:0.8;
}

input[type="checkbox"],
input[type="radio"]{
margin-right: 10px;
}

select{
font-size: 1.6rem;
background-color: #DEDEDE;
border:solid 1px #CCCCCC;
height: 30px;
color: inherit;
}

textarea{
width:90%;
height: 12em;
font-size: 1.6rem;
padding: 8px;
background-color:#FFFFFF;
border: solid 1px;
}

div#entrevista textarea{
  width:90%;
  height: 8em;
  font-size: 1.6rem;
  padding: 8px;
  background-color: #FFFFFF;
  border: none;
  border-radius: 15px;
}

div#entrevista p{
padding: 5px;
margin: 0px;
font-size: 1.6rem;
}

div#onlinecheck dt{
padding: 20px 0px 5px;
}

div#onlinecheck p{
font-size: 1.6rem;
color: #FD2C2F;
padding: 5px 0px 10px;
}

aside{
padding: 10px;
overflow: auto;
margin: 0px 0px 8px;
}

form span{
font-size: 1.6rem;
color: #FD2C2F;
}

form label{
display: block;
padding: 0px 0px 20px 0px;
}


#alert{
font-size: 1.6rem;
text-align: center;
color: #FF0000;
padding: 20px;
  
}


dd#button_area{
display:-webkit-box;
display:-ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 50px;
}


fieldset dd{
float: left;
}

fieldset dd label{
padding: 0px 10px 0px;
}


fieldset::after{
content:"";
clear: both;
display: block;

}



div#objetivo label{
padding: 0px 20px 5px 0px;
}



/*////確認 完了画面////*/
h1#kakunin.inner,
h1#kanryou.inner{
text-align: center;
font-size: 1.8rem;
line-height: 1.6;
margin:2em auto 1em;
}

dd#contenido{
min-height: 50px;
}

form#kakunin_form{
margin: 30px 20px;
}

div.kanryou_p{
font-size: 1.6rem;
line-height: 1.8;
text-align: center;
height: 300px;

}

div.kanryou_p a{
padding:10px;
display: block;
color: inherit;
font-size: 1.6rem;
text-align: center;
}





/*
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
想定端末　小型Androidの縦構え（Portrait)　360×640 px
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*and と（）間は半角スペース空ける、＠mediaの閉じ括弧は最後にくるのでペア組を要確認*/
@media screen and (min-width:360px){





}



/*
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
想定端末　Zen Pone Androidの縦構え（Portrait)　360×720 px
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
@media screen and (min-width:360px) and (min-height:720px){





}


/*
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
想定端末 i-phone6〜8の縦構え（Portrait)　375×667 px
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
*/
@media screen and (min-width:375px){
/*ナビゲーション*/

.ver2_button{
font-size: 1.6rem;
	}
.ver3_button{
font-size: 1.6rem;
	}

.ver4_button{
font-size: 1.6rem;
	}

/*////問い合わせフォーム入力画面////*/

dl.form{
font-size: 1.8rem;
}

dt{
font-weight: 700;
}


input[type="text"],
input[type="tel"],
input[type="email"]{
font-size: 1.6rem;
width: 18em;
}
	


textarea{
font-size: 1.6rem;
}

input[type="submit"]{
font-size: 1.6rem;
}

	

}




/*
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
想定端末 i-phone X, 11 proの縦構え（Portrait)　375×812 px
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
*/
@media screen and (min-width:375px) and (min-height:812px){
	


#gheader{
padding: 1em 0.75em;
	}
div#top-icono2{
position: fixed;
top: 10px;
right: 70px;
bottom: auto;
left: auto;
	}

input#trigger + label{
top: 10px;
}
	
form#kakunin_form{
margin: 30px;
}


}

/*
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
想定端末 Xperia Androidの縦構え（Portrait)　412×732 px
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
*/
@media screen and (min-width:412px){

/*パンくずリスト*/
.breadlist{
padding: 9.5em 0em 0em 0em;
}



}


/*
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
想定端末　One S5 Androidの縦構え（Portrait)　412×892 px
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
*/
@media screen and (min-width:412px) and (min-height:892px){





}

/*
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
想定端末 i phone XR, 11 XsMaxの縦構え　414×896 px
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
*/

@media screen and (min-width:414px){


/*パンくずリスト*/
.breadlist{
padding:10.5em 0em 0em 0em;
}

}






/*
↑ここまでスマホ縦（portrait)
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
↓ここからスマホ横（Landscape)
*/

/*
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
想定端末 i phone SEの横構え（Landscape) 568×320 px
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
*/
@media screen and (min-width:568px){
	
/*パンくずリスト*/
.breadlist{
padding:11em 0em 0em 0em;
}
	
/*ナビゲーション*/
#gheader{
padding: 1em 1em 2em 1em;;
}
	
#gheader h1{
width: 18%;
height: auto;

	
}
	
div#top-icono2{
position: fixed;
top: 10px;
right: 75px;
bottom: auto;
left: auto;
	}

div#top-icono2 ul li#audio_d{
display: inline;
}

div#top-icono2 ul li figure#audio{
width: 45%;
margin: 0px auto;
}
	
div#top-icono2 ul{
font-size: 1.4rem;
width:100%;
	}
div#top-icono p{
font-size: 1.2rem;
}
	
div#nav_contacto{
width: 80%;

}

input#trigger + label{
position: fixed;
top: 7px;
right: 15px;
bottom: auto;
left: auto;
	}
	
input#trigger:checked ~ nav{
padding: 10px 10px;
width: 80vw;
	}
	
input#trigger:checked + label{
position: fixed;
top: 10px;
right: 25%;
bottom: auto;
left: auto;
	}
	
/*無料体験レッスン*/
	
div.inner h2 strong{
display: inline;
	}
div#prueba-clase p,
div.inner p{
text-align: center;
	}


	
div#prueba-clase ul li figure#prueba-clase1,
div#prueba-clase ul li figure#prueba-clase2,
div.inner ul li figure#prueba-clase1{
margin-bottom: 5%;
margin-top: 3%;
	}
	
div.inner ul li figure#prueba-clase1{
width: 35%;
	}
	

div#prueba-clase ul{
display:-webkit-box;
display:-ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
width: 500px;
margin: 2em auto;

	}

	
div#prueba-clase ul::after{
content: "";
clear: both;
display: block;

	}
	
div.inner ul::after{
content: "";
clear: both;
display: block;
}
	
	
/*イベント*/
div#item2 ul li{
width: 48%;
float: left;
margin: 1% 1% 17px 1%;
box-sizing: border-box;
display: table;
	}
	
aside#thmblist3 div#item2::after{
content: "";
display: block;
clear: both;
	}

/*フッター*/
.ver4{
margin:20px auto 0px;
	}
	

	
/*////問い合わせフォーム入力画面////*/
input[type="text"],
input[type="tel"],
input[type="email"]{
width: 20em;
}
	
input[type="submit"]{
font-size: 1.5rem;
}
	
textarea{
width: 100%;
	}


	
form#kakunin_form{
margin: 30px 50px;
}


}


/*
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
想定端末 小型のAndroidの横構え（Landscape)  640×360 px
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
*/

@media screen and (min-width:640px){





}


/*
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
想定端末 i phone6〜8の横構え（Landscape)  667×375 px
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
*/

@media screen and (min-width:667px){

input[type="submit"]{
font-size: 1.6rem;
}

div.kanryou_p{
text-align: center;
	}
}

/*

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
想定端末 Zen Phoneの横構え（Landscape) 720×360px
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
*/

@media screen and (min-width:720px){





}


/*
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
想定端末 Xperiaの横構え（Landscape) 732×412px
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
*/
@media screen and (min-width:732px){
/*パンくずリスト*/
.breadlist{
padding:12.5em 0em 0em 0em;
}
	
}


/*
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
想定端末 X Xs, 11proの横構え（Landscape) 812×375px
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
*/
@media screen and (min-width:812px){

div#top-icono p{
font-size: 1.4rem;
}

/*ナブメニュー*/
	
div#top-icono2 ul{
width:100%;
	}
	
div#top-icono2 ul li{
padding: 0px 10px 0px;
	}





/*////問い合わせフォーム入力画面////*/

}


/*
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
想定端末　One S5 androidの横構え（Landscape)　892×412 px
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
*/
@media screen and (min-width:892px){





}


/*
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
想定端末 i phone XR, 11 XsMaxの横構え（Landscape) 896×414px
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
*/
@media screen and (min-width:896px){





}


/*
↑ここでスマ横構え
ーーーーーーーーーーーーーーーーーーーーーーーーーーーー
↓ここからタブレット縦構え
*/
/*

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
想定端末 i pad 9.7 inch, 10.2 inchの縦構え（Portrate) 768×1024px
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
*/
@media screen and (min-width:768px) and (orientation:portrait){
nav#gnav ul{
font-size:1.6rem;
}

div.clase_clase{
padding: 10px 100px 20px;
	}

div.clase{
padding: 50px 120px 20px;
	}
	
#gheader{
padding: 10px 15px 10px;
	}
	
#gheader h1 img{
max-width: 100%;
height: auto;
	}

nav#gnav{
width: 75%;
	}

div#top-icono2{
position: fixed;
top: 10px;
right: 100px;
left: auto;
bottom: auto;
	}
	
div#top-icono p{
font-size: 1.6rem;
	}

div#top-icono2 ul li figure#audio{
width: 45%;
margin: 0px auto;
}
	
	
input#trigger + label{
width: 60px;
height: 60px;
	}
	
input#trigger + label::before,
input#trigger + label span.menutop,
input#trigger + label::after{
left: 15px;
	}

input#trigger + label div{
left: 10px;
font-size: 1.4rem;
	}
	

	
div#contacto div#detalle{
display:-webkit-box;
display:-ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
	}

div#contacto div#detalle div:nth-of-type(2){
padding-left: 20px;
	}
	


	
/*ヘッター標題ここまで*/
	
div#gfooter-f{
padding: 20px 15px;
}

div#prueba-clase p.contacto1{
text-align: left;
}

div#prueba-clase ul{
margin: 3em auto;
}

div#prueba-clase ul li{
padding: 0px;
margin: 0px auto;
}

footer#gfooter div#gfooter-f::after{
content: "";
clear: both;
display: block;
}

div#f-academia{
width: 280px;
float: left;
}

div#f-academia figure{
width: 20%;
margin: 0px;
}

div#f-nav{
display:-webkit-box;
display:-ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
padding: 25px 0px;
}

div#f-nav ul{
margin: 0px;
padding: 0px;
display: block;
list-style-type: none;
height: 280px;
}

div#f-nav ul li{
height: 30px !important;
margin-bottom: 3px;
}

div#f-nav ul li.f-navmenu a,
div#f-nav ul li.f-common a{
display: block;
text-decoration: none;
color: #3f3d3c;
font-size: 1.3rem;
line-height: 2.1;
}




div#f-nav ul li ol{
margin: 0px;
padding: 0px;
list-style-type: none;
}

article#f-adress{
text-align: left;
}

div#social-icono div{
width: 260px;
}

div#social-icono div ul{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:start;
-ms-flex-pack:start;
justify-content:flex-start;
}


div#otroinfo{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:start;
-ms-flex-pack:start;
justify-content:flex-start;
}


footer small#footerultimo{
text-align: left;
background-color:#f48e08;
padding: 0.5em 0em;
}


aside#scrolltop{
position:fixed;
top:auto;
right: 0px;
bottom: 50px !important;
left: auto;
}

.ver4{
width: 80%;
}
	
/*パンくずリスト*/

.breadlist{
padding: 12em 0em 0em 0em;

}


	
/*////申込 確認 完了画面////*/
	
input[type="submit"]{
font-size: 2rem;
}
	
dl.form{
padding: 5% 20%;
margin: 0px auto;
	}


}


/*
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
想定端末 i pad Air, ipad pro 10.5 inchの縦構え（Portrate) 834×1112px
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
*/
@media screen and (min-width:834px) and (orientation:portrait){
	

	
div.clase_clase{
padding: 20px 180px 20px;
	}
	
#gheader h1 img{
max-width: 100%;
	}
	
/*////問い合わせフォーム入力画面////*/

input[type="text"],
input[type="tel"],
input[type="email"]{
width: 25em;
}
	


/*パンくずリスト*/
.breadlist{
padding: 19em 0em 0em 0em;

}

	


}

/*

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
想定端末 i pad pro 11inchの縦構え（Portrate) 834×1169px
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
*/
@media screen and (min-width:834px) and (orientation:portrait){





}

/*

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
想定端末 縦構え（Portrate) 842×1626px
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
*/
@media screen and (min-width:834px) and (orientation:portrait){

.breadlist{
padding: 13em 0em 0em 0em;
}



}

/*


/*
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
想定端末 i pad pro 12.9inchの縦構え（Portrate) 1024×1366px
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
*/

@media screen and (min-width:1024px) and (orientation:portrait){
	
/*パンくずリスト*/
.breadlist{
padding: 19em 0em 0em 0em;
}
	
div#item2 ul li strong{
width: 330px;
	}


#gheader{
padding: 10px 0px 0px;
border-top: solid 4px #f48e08;
height: auto;

	}

nav#gnav ul{
font-size:1.6rem;
}

header#gheader div.gheader-top{
width: 980px;
max-width: 100%;
margin: 0px auto;
position: relative;
	}
	
#gheader h1{
width: 200px;
height: auto;
	}
	
#gheader h1 img{
max-width: 80%;
height: auto;
	}
div#top-icono p{
font-size: 1.6rem;
	}

	
div#top-icono2{
position: absolute;
top: 0px;
right: auto;
left: 40%;
bottom: auto;
	}
	
div#top-icono2 ul{
width: 585px;
-ms-flex-pack: end;
justify-content: end;
justify-content: flex-end;
	}

div#top-icono2 ul li{
padding: 0px 20px;
	}
	
div#top-icono2 ul li:last-of-type{
display: block;
font-size: 2.3rem;
line-height: 2.5;
background-color:#f48e08;
padding: 5px;
height: 60px;
	}

div#top-icono2 ul li:last-of-type a{
color: #ffffff;
	}
	

	
	
/*ナブメニュー*/
	
input#trigger + label{
display: none;
	}
	
nav#gnav{
padding: 0px;
position: static;
z-index: 1200;
height: auto;
overflow: visible;
/*margin: -90px 0px 0px 370px;*/
width: auto;
border-radius: 0px;
background-color: transparent;

	}

nav#gnav ul{

display:-webkit-box;
display:-ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 20px 0px 20px;
margin: 0px;
border-bottom: none;
line-height: 40px;
	}
	
nav#gnav ul li:first-of-type,
nav#gnav ul li:last-of-type,
nav#gnav ul li:nth-child(8){
border-bottom: 0px;
	}
	
nav#gnav ul li:nth-child(8){
display: none;
	}


nav#gnav ul li{
padding: 0px;
width: 200px;
margin: 0px;
border-bottom: none;
text-align: center;
line-height: 1;
border-right: solid 3px #f7f7f7;
}
	
nav#gnav ul li ol li{
display: none;
	}

nav#gnav ul li:first-of-type{
border-left: solid 3px #f6f6f6;
	}
	
nav#gnav ul li.contactognav,
nav#gnav ul li.contacto,
nav#gnav ul li.aside,
nav#gnav ul li.contactopregunta,
nav#gnav ul li.asidenav,
nav#gnav ul li.contactonav,
nav#gnav ul li.contactositemap
{
display: none;
	}
nav#gnav ul li.nav:first-of-type,
nav#gnav ul li.nav:last-of-type{
border-bottom: none;
	}
nav#gnav ul li.nav:nth-child(7),
nav#gnav ul li.nav:nth-child(11){
border-bottom:none;
}

	
nav#gnav ul li.escuela a.common,
nav#gnav ul li.now a.common,
nav#gnav ul li.escuela a.escuela,
nav#gnav ul li.contacto a.contacto,
nav#gnav ul li.contactognav a.contacto,
nav#gnav ul li.now a{
padding: 0px;
	}
	
nav#gnav ul li.now a,
nav#gnav ul li.now span{
color:#f48e08;
	}
	

nav#gnav ul li span{
font-size: 1.2rem;
display: block;
}
	
nav#gnav ul li.now span{
font-weight: bold;
color:#f48e08;
text-decoration: none;
display: block;

}
	
nav#gnav ul li.escuela:link{
color:#f48e08;
text-decoration: none;
}

nav#gnav ul li.escuela:visited{
color:#f48e08;
text-decoration: none;
}

	




	
nav#gnav ul li.escuela:active{
text-decoration: none;
color:#f48e08;
}

div.container{
width: 980px;
max-width: 100%;
margin: 0px auto;
box-sizing: border-box;
	}
	
label#coverlayer{
display: none;
	}

div #nav_contacto{
display: none;
	}


/*////確認 完了画面////*/
h1#kakunin.inner,
h1#kanryou.inner{
margin:2em auto 1em;
}
	
	
div#f-nav ul li.f-navmenu a,
div#f-nav ul li.f-common a{
font-size: 1.5rem;
	}
	

}



/*
↑こまでタブレット縦
ーーーーーーーーーーーーーーーーーーーーーーーーーー
↓ここからタブレット横
*/


/*
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
想定端末 i pad 9.7inch, 10.2inchの横構え（Landscape) 1024×768px
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
*/

@media screen and (min-width:1024px) and (orientation: landscape){



#gheader{
padding: 10px 0px 0px;
border-top: solid 4px #f48e08;
height: auto;

	}

nav#gnav ul{
font-size:1.6rem;
}

header#gheader div.gheader-top{
width: 980px;
max-width: 100%;
margin: 0px auto;
position: relative;
	}
	
#gheader h1{
width: 200px;
height: auto;
	}
	
#gheader h1 img{
max-width: 80%;
height: auto;
	}

div#top-icono p{
width: 50%;
font-size: 1.6rem;
}

	
div#top-icono2{
position: absolute;
top: 0px;
right: auto;
left: 40%;
bottom: auto;
	}
	
div#top-icono2 ul{
width: 585px;
height: 60px;
-ms-flex-pack: end;
justify-content: end;
justify-content: flex-end;
	}

div#top-icono2 ul li{
padding: 0px 20px;
	}
	
div#top-icono2 ul li:last-of-type{
display: block;
font-size: 2.3rem;
line-height: 2.5;
background-color:#f48e08;
padding: 5px;
height: 60px;
	}

div#top-icono2 ul li:last-of-type a{
color: #ffffff;
	}
	
div#top-icono2 ul li.topcontacto:hover{
background-color: rgba(255,153,0,0.6);
	}
	
/*ナブメニュー*/
	
input#trigger + label{
display: none;
	}
	
nav#gnav{
padding: 0px;
position: static;
z-index: 1200;
height: auto;
overflow: visible;
width: auto;
border-radius: 0px;
background-color: transparent;

	}

nav#gnav ul{

display:-webkit-box;
display:-ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 20px 0px 20px;
margin: 0px;
border-bottom: none;
line-height: 40px;
	}
	
nav#gnav ul li:first-of-type,
nav#gnav ul li:last-of-type,
nav#gnav ul li:nth-child(8){
border-bottom: 0px;
	}
	
nav#gnav ul li:nth-child(8){
display: none;
	}


nav#gnav ul li{
padding: 0px;
width: 200px;
margin: 0px;
border-bottom: none;
text-align: center;
line-height: 1;
border-right: solid 3px #f7f7f7;
}
	
nav#gnav ul li ol li{
display: none;
	}

nav#gnav ul li:first-of-type{
border-left: solid 3px #f6f6f6;
	}
	
nav#gnav ul li.contactognav,
nav#gnav ul li.contacto,
nav#gnav ul li.aside,
nav#gnav ul li.contactopregunta,
nav#gnav ul li.asidenav,
nav#gnav ul li.contactonav,
nav#gnav ul li.contactositemap
{
display: none;
	}
nav#gnav ul li.nav:first-of-type,
nav#gnav ul li.nav:last-of-type{
border-bottom: none;
	}
nav#gnav ul li.nav:nth-child(7),
nav#gnav ul li.nav:nth-child(11){
border-bottom:none;
}

	
nav#gnav ul li.escuela a.common,
nav#gnav ul li.now a.common,
nav#gnav ul li.escuela a.escuela,
nav#gnav ul li.contacto a.contacto,
nav#gnav ul li.contactognav a.contacto,
nav#gnav ul li.now a{
padding: 0px;
	}
	
nav#gnav ul li.now a,
nav#gnav ul li.now span{
color:#f48e08;
	}
	

nav#gnav ul li span{
font-size: 1.2rem;
display: block;
}
	
nav#gnav ul li.now span{
font-weight: bold;
color:#f48e08;
text-decoration: none;
display: block;

}
	
nav#gnav ul li.escuela:link{
color:#f48e08;
text-decoration: none;
}

nav#gnav ul li.escuela:visited{
color:#f48e08;
text-decoration: none;
}

	

nav#gnav ul li.escuela:hover{
text-decoration: none;
color:#f48e08;
	}
	

nav#gnav ul li.escuela a:hover{
text-decoration: none;
color: #f48e08;
	}



	
nav#gnav ul li.escuela:active{
text-decoration: none;
color:#f48e08;
}
	
nav#gnav ul li.now :link,
nnav#gnav ul li.now :visited,
nav#gnav ul li.now :hover,
nav#gnav ul li.now :active{
color:#f48e08;
text-decoration: none;
	}
	
label#coverlayer{
display: none;
	}

div #nav_contacto{
display: none;
	}
	

/*パンくずリスト*/
.breadlist{
padding: 19em 0em 0em 0em;

}

/*メイン*/
div.container{
width: 980px;
max-width: 100%;
margin: 0px auto;
box-sizing: border-box;

	}
	
div.clase_clase{
padding: 10px 180px 20px;
	}

	
div.fb-container{
display: block;
position: relative;
width: 100%;
padding-top: 20%;
margin-top: 3%;
}
	
div.fb-container iframe{
position: absolute;
top: 0px;
left: 55%;
width: 100%;
height: 100%;
	}
	
.ver4{
margin: 30px 0px 0px 300px;
	}
footer#gfooter{
margin: 0px auto;}
	

/*イベント*/
div#item2 ul li{
padding: 10px;
}

div#item2 ul li strong{
width: 330px;
	}
	
div#item2 ul li figure{
width:180px;
height:auto;
}
/*イベントここまで*/
	
div#prueba-clase ul li figure#prueba-clase1,
div.inner ul li figure#prueba-clase1{
max-width: 100%;
}
	
div#prueba-clase ul li figure#prueba-clase2,
div.inner ul li figure#prueba-clase2{
max-width: 100%;
margin-bottom: 12px;
}
	
div#prueba-clase h3, a #tell,
div.inner h3{
font-size: 2.6rem;
line-height: 1.8;
	}
div#prueba-clase h2,
div.inner h2{
font-size: 2.6rem;
line-height: 1.8;
	}

	
div#contacto div#detalle{
display:-webkit-box;
display:-ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
	}

div#contacto div#detalle div:nth-of-type(2){
padding-left: 20px;
	}

div#prueba-clase p.contacto1{
text-align: left;
	}
	
footer#gfooter div#gfooter-f::after{
content: "";
clear: both;
display: block;
	}
	
div#f-academia{
width: 280px;
float: left;
padding: 40px 10px 0px;
	}

div#f-academia figure{
width: 20%;
margin: 0px;
	}
	
div#f-nav{
display:-webkit-box;
display:-ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
padding: 30px 0px 30px;
	}
	
div#gfooter-f{
padding: 0px 22px 0px;
	}
	
div#f-nav ul{
margin: 0px auto;
display: block;
list-style-type: none;
height: 380px;
padding: 0px;
	
	}

div#f-nav ul li{
height: 40px !important;
margin-bottom: 3px;
	}
	
div#f-nav ul li.f-navmenu a,
div#f-nav ul li.f-common a{
display: block;
text-decoration: none;
color: #3f3d3c;
font-size: 1.3rem;
line-height: 2.1;
	}

	
div#f-nav ul li ol{
margin: 0px;
padding: 1.5em 0em;
list-style-type: none;
}


article#f-adress{
text-align: left;
}

div#social-icono div{
width: 260px;
}

div#social-icono div ul{
display:-webkit-box;
display:-ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
	}

div#otroinfo{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:start;
-ms-flex-pack:start;
justify-content:flex-start;
padding:0.5em 1em 0em;
}


footer small#footerultimo{
background-color:#f48e08;
text-align: left;
}


div#f-nav ul li a:hover{
text-decoration: underline;
color: inherit;
	}

aside#scrolltop{
position:fixed;
top:auto;
right: 20px;
bottom: 50px !important;
left: auto;
	}
	
.ver4{
width: 80%;
margin: 20px auto 0px;
	}
	
	
/*////問い合わせフォーム入力画面////*/

input[type="text"],
input[type="tel"],
input[type="email"]{
width: 25em;
}
	
input[type="submit"]{
font-size: 2rem;
}
	
dl.form{
margin: 0px auto;
padding: 5% 20%;
	}

	
/*////確認 完了画面////*/
h1#kakunin.inner,
h1#kanryou.inner{
margin:2em auto 1em;
}
}



/*
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
想定端末 i pad Air, i pad pro 10.5inchの横構え（Landscape) 1112×834px
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
*/

@media screen and (min-width:1112px){


	
div.clase_clase{
padding: 30px 220px 20px;
	}

	
aside#scrolltop{
position:fixed;
top:auto;
right: 5%;
bottom: -150px;
left: auto;
	}
	
	

	
/*////問い合わせフォーム入力画面////*/

input[type="text"],
input[type="tel"],
input[type="email"]{
width: 25em;
}
	

/*ヘッター下標題*/
	
div.explicacion div.contenido p{
font-size: 1.8rem;
	}
	


}

/*
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
想定端末 i pad pro 11inchの横構え（Landscape) 1169×834px
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
*/
@media screen and (min-width:1169px){
}


/*
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
想定端末 i pad pro 112.9inchの横構え（Landscape) 1366×1024px
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
*/

@media screen and (min-width:1366px){
	


#gheader{
padding: 20px 0px 0px;
	}
	
#gheader div.gheader-top{
width: 980px;
max-width: 100%;
margin: 0px auto;
position: relative;
}

#gheader h1 img{
max-width: 80%;
height: auto;
	}

	
div#top-icono2{
position: absolute;
top: 0px;
right: auto;
left: 38%;
bottom: auto;
	}
	
div.fb-container{
display: block;
position: relative;
width: 100%;
padding-top: 20%;
margin-top: 3%;
}
	
div.fb-container iframe{
position: absolute;
top: 0px;
left: 55%;
width: 100%;
height: 100%;
	}

div#f-nav ul li.f-navmenu a,
div#f-nav ul li.f-common a{
font-size: 1.5rem;
	}
/*パンくずリスト*/
.breadlist{
padding: 21em 0em 0em 0em;

}
	
.breadlist li a{
font-size: 1.6rem;
	}
	
aside#scrolltop{
position:fixed;
top:auto;
right: 15%;
bottom: -150px;
left: auto;
	}

}


/*
↑ここまでタブレット横
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
↓ここからPC=マウスポインターがあるという前提、hoverの発想あり
*/

/*
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
想定端末 　小型のモニター幅 1367px以上
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
*/
@media screen and (min-width:1367px){
	

	
div#mein{
padding: 0px;
}
	
/*無料体験レッスン*/

	
	div#prueba-clase p, div.inner p{
font-size: 1.8rem;
	}
.breadlist li a{
font-size: 1.6rem;
	}

}

/*
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
想定端末 　中型のモニター幅 1440px以上
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
*/

@media screen and (min-width:1440px){




}


/*
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
想定端末 　大型のモニター幅 1920px以上
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
*/
@media screen and (min-width:1920px){

	
	
	
	
	}