@charset "utf-8";
/* CSS Document */

/*----------------------------------------------------------------------------
 ***                                                                Container
----------------------------------------------------------------------------*/
body {}
#wrap{ /*padding-top:70px;*/}

.mgl20_sp{ margin-left:20px;}

/*----------------------------------------------------------------------------
 ***                                                                  Header
----------------------------------------------------------------------------*/
#headerArea {}
#headerAreaLogo {}

#pageTitle{ background-position:left top; background-repeat:no-repeat; clear:both; margin-bottom:20px; width:100%;}
#pageTitle h2{ font-size:180%; color:#4D4D4D; outline:1.2em; padding:21px 0 0 25px; line-height:1.2em;}
#pageTitle h2 span{ font-size:70%; line-height:1.4em;}

#pageTitleMin{ background-position:left top; background-repeat:no-repeat; background-image:url(../common_images/img_titleMin.png); margin-bottom:0px; height:60px;}
#pageTitleMin h2{ font-size:140%; color:#4D4D4D; padding:7px 0 0 22px; line-height:1.4em;}
#pageTitleMin h2 span{ font-size:70%; line-height:1.4em;}


#pageTitleSc{ background-position:left top; background-repeat:no-repeat; background-image:url(../common_images/img_titleMin.png); margin-bottom:0px; margin-left:20px; height:60px;}
#pageTitleSc h2{ font-size:140%; color:#4D4D4D; padding:7px 0 0 22px; line-height:1.4em;}
#pageTitleSc h2 span{ font-size:70%; line-height:1.4em;}


#pageTitle3{ border-radius:5px; width:100%; clear:both; margin-bottom:5px;}
#pageTitle3 h2{ border:1px solid #00A2AF; border-left:11px solid #00A2AF; color:#4D4D4D; outline:1.2em; padding:4px 0 0 9px; font-size:180%;}

#pageTitle_school h2{ border:1px solid #00A2AF; border-left:11px solid #00A2AF; color:#4D4D4D; outline:1.2em; padding:4px 0 0 9px;}


#pageTitleLp{ background-image: url(../schools/common_images/back_contents01_sp.png); background-repeat:no-repeat; height:115px; position:relative;}
#pageTitleLpInner{ padding:10px 0 10px 20px;}
#pageTitleLp #moushikomiBox{ float:right; width:400px;}
#pageTitleLp h2{ position:absolute; top:35px; left:20px; font-size:32px; color:#4d4d4d;}
#pageTitleLp p{ font-weight:bold; font-size:16px; color:#E7227E; line-height:1.1em; padding:10px 0 0 0 ;}
#pageTitleLp #moushikomiBox{ position:absolute; top:15px; left:515px; border-left:#F2F2F2 solid 12px; width:auto; /*background:#FFF;*/}





/*----------------------------------------------------------------------------
 ***                                                       Header - gNavi
----------------------------------------------------------------------------*/
#sliderWrap .sliderControls #SliderButtonArea {
    position: static;
	border-bottom: 3px solid #ccc;}

#sliderWrap .sliderControls #SliderButtonArea li {
    width: 33.3%;
    height: auto;
	padding-bottom:1%;
}
#sliderWrap .sliderControls #SliderButtonArea li:nth-child(1),
#sliderWrap .sliderControls #SliderButtonArea li:nth-child(2),
#sliderWrap .sliderControls #SliderButtonArea li:nth-child(3){
	border-bottom:1px solid #BBB;
	padding-top:1%;
	margin-bottom:0%;
}
#sliderWrap .sliderControls #SliderButtonArea li:nth-child(4),
#sliderWrap .sliderControls #SliderButtonArea li:nth-child(5),
#sliderWrap .sliderControls #SliderButtonArea li:nth-child(6){
	padding-top:1%;
	padding-bottom:1.5%;
}

#sliderWrap .sliderControls #SliderButtonArea a {
    height: auto;
}

#sliderWrap .sliderControls #SliderButtonArea li a.active {
    background-position: center bottom;
}

#sliderWrap #sliderNavi #sliderNaviInner .sliderPage {
    width: 65vw;
    background-size: contain;
    height: 43vw;
}




/*----------------------------------------------------------------------------
 ***                                                              contentsArea
----------------------------------------------------------------------------*/
#contentsArea { margin-bottom:0px; width:100%;}
#contentsAreaInner {}
h2 {}
/*.mainSection h3{ background:url(../common_images/back_title01.png) left top no-repeat; width:100%; margin-bottom:15px; color:#FFF; padding:0.5% 0 0 40px; font-size:130%;}*/

.conTopSec .h3Box{ border-left:#FF7BAC solid 6px; padding:10px 0 6px 19px; margin-bottom:10px;}
.conTopSec .h3Box h3{ color:#000; line-height: 1.1em; font-size:120%;; margin:0 0 5px 0; height:auto; background:none; padding:0 0 0 0;}
.conTopSec .h3Box p{ margin:0; padding:0 0 0 0; line-height:1.1em;}

/*----------------------------------------------------------------------------
 ***                                                              mainsection
----------------------------------------------------------------------------*/
.mainSection {}
.mainSectionInner {}
.mainSection .pan {padding: 0.5% 0;}
.mainSection .section{ margin-bottom:5%;}
.mainSection .section .sectionInner{}
.mainSection .section .section{ margin-top:20px;}
.mainSection .midashiSt{ font-weight:bold; color:#DE2582; font-size:110%;}

.mainSection .lessonBtn img{width: 49%;margin-top: 2%;} 


.moushikomiBox .circle{width: 10px;height:10px;border-radius:50%;background:#00d3d3;margin: 0 20px;}
.moushikomiBox{ width:98%; border:#CCC solid 5px; border-radius:20px; padding:20px 0 16px 0; margin-bottom:50px;}
.moushikomiBox ul{ margin:0 auto 10px auto; width:700px;}
.moushikomiBox li{ float:left; margin:0 16px; width:45%; height:auto;}
.moushikomiBox li:first-child{ margin-left:20px;}
.moushikomiBox li img{ width:100%; height:auto; margin-right:3%;}
.moushikomiBox p{text-align:center;font-size: 117%;font-weight: 1000;margin: -4% 1% 3% -34%;}
.moushikomiBox p img{ width:90%; height:auto;}
.moushikomiBox .moji{font-weight: bold;font-size: 150%;}
.moushikomiBox .novaBox{font-size: 140%; margin: 0.5em 0 0;}

.moushikomiBox02{ margin:0 auto; width:98%; border:#7ECFE3 solid 3px; border-radius:10px; padding:10px 0 5px 0; margin-top:10px; margin-bottom:0;}
.moushikomiBox02 ul{ margin:0 auto 0 auto; width:100%;}
.moushikomiBox02 li{ float:left; margin:0 2%; width:45%; height:auto;}
.moushikomiBox02 li:first-child{ margin-left:10px;}
.moushikomiBox02 li img{ width:100%; height:auto; margin-right:3%;}
.moushikomiBox02 p{ text-align:center; font-size:88%;}
.moushikomiBox02 p img{ width:90%; height:auto;}


.ryokinChuki{ width:695px; margin:0 auto; text-align: right; line-height:1.0em;}

.nyukaiBox .nyukai{font-size: 120%;}

/*----------------------------------------------------------------------------
 ***                                                              rightsection
----------------------------------------------------------------------------*/
.rightSection { display:none;}
.rightSection_big { display:none;}
.rightSectionInner {}




/*----------------------------------------------------------------------------
 ***                                                                  footer
----------------------------------------------------------------------------*/
#footerArea { width:100%; margin:0; padding:0;}
#footerAreaLink{ }
#footerAreaInner { }
#footerAreaLogo{ float:left; width:30%;}
#footerCopyright{ width:65%; float:right;}

#footerArea .addLink{ background:#00A2AF; padding:12px 0 10px 0; width:100%; margin:0 auto; text-align:center; margin-bottom:10px;}
#footerArea .addLink p{ text-align:center; color:#FFF; font-size:78%; line-height:2em;}
#footerArea .addLink a{color:#FFF;}
@media screen and (min-width: 320px) {
	#footerArea .addLink p .pcNone{ display:none;}
}
@media screen and (min-width: 370px) {
	#footerArea .addLink p .pcNone{ display:block;}
}

/*----------------------------------------------------------------------------
 ***                                                              ページトップ
----------------------------------------------------------------------------*/
.pagetop {
	text-align: right;
	margin-top: 5px;
	margin-bottom: 10px;
	clear: both;
}
#totp{ position: fixed; margin-left: 683px; z-index:999;}


/*----------------------------------------------------------------------------
 ***                                                                   section
----------------------------------------------------------------------------*/
.section {}
.sectionInner {}



/*料金表様Table*/
table.corseTable{ width:100%; margin-top:10px;}
table.corseTable th{ background:#ED1E79; color:#FFF; font-size:16px; padding:5px 0; border:#FFF solid 1px; line-height:1.2em;}
table.corseTable tr.colTh td{ background:#FDE9F2;}
table.corseTable td{ padding:7px 0 6px 0; font-size:20px; line-height:1.2em; text-align:center;}
table.corseTable td span{ font-size:14px;}
table.corseTable strong{ font-size:24px;}
table.corseTable #lv1St{ color:#F8AD3B;}
table.corseTable #lv2St{ color:#EA1E79;}
table.corseTable #lv3St{ color:#9269AE;}
table.corseTable #lv4St{ color:#39B24A;}



/*フォニックスの共通BOX*/
#foniBox{ background:url(../kids/images/back_contents01a.png) left top no-repeat; padding-top:30px; width:620px; margin:30px auto 0 auto; position:relative;}
#foniBoxInner{ background:url(../kids/images/back_contents01b.png) left bottom no-repeat; padding-bottom:30px;}
#foniBox #nanteBox{ position: absolute; top: -26px; left: -38px;}
#foniBox #usagiBox2{ position:absolute; top:-55px; right:30px;}
#foniBox dt{ text-align:center; color:#ED1E79; font-size:40px; font-weight:normal; line-height:1.2em;}
#foniBox dd{ width:495px; margin:0 auto; font-size:85%; line-height:1.4em;}

.foniSetsu{ width:620px; padding:20px 0 0 0; margin-bottom:30px; margin:0 auto;}