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

@media screen and (max-width:740px){

/*--------------------------------------------------------------------------------------------
　　全ページ 共通部分
--------------------------------------------------------------------------------------------*/
body {
	background:none;
}

img {
	max-width: 100%;
	width:100%;
	/*height: auto;*/
	border-style: none;
	vertical-align: bottom;
}

table {width:100%;}

/*p, li, th, td, a {line-height:1.8;}*/

a {color:#003F98; text-decoration:underline;}
a:link {color:#003f96;}
a:visited {color:#000080;}
a:active {color:#ff8000;}


/* ページの先頭へ戻るボタン ============================================= */
#totop {
	opacity:0.85;
	position:fixed; left:0; bottom:0; width:100%;
	text-align:center;
	background:#96BD2C;
	border-top:1px solid #FFF;

	box-shadow:0 0 10px rgba(0,0,0,0.4);
	-moz-box-shadow:0 0 10px rgba(0,0,0,0.4);
	-webkit-box-shadow:0 0 10px rgba(0,0,0,0.4);
	-o-box-shadow:0 0 10px rgba(0,0,0,0.4);
	-ms-box-shadow:0 0 10px rgba(0,0,0,0.4);
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	padding:0;
}
#totop a {
	height:40px; padding:15px 0 0 0;
	text-decoration:none; color:#FFF; font-size:13px; font-weight:bold; display:block;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	background:none;
	border:0;
	text-indent:0;
	width:100%;
	text-align:center;
}
#totop:hover {background:#96BD2C; opacity:1;}
#totop:hover a {background:#96BD2C; opacity:1;}

/* 白背景のボックス 共通 */
.box,.box2 {
	background:#FFF;
	border:1px solid #FFF;
	behavior:url(PIE.htc);
	position:relative;
}


/* /body直前のタグの高さを無効にする */
#tag_area img {width:1px; height:1px;}



/*--------------------------------------------------------------------------------------------
　　2ndページ 共通部分
--------------------------------------------------------------------------------------------*/
#contents {padding-top:5%;}
#contents #main {width:96%; margin:0 2% 3% 2%;}
#bread {display:none;}

#page_title {margin:0 0 7% 0;}
#page_title h2.title {font-size:125%; top: 40%;}




/*--------------------------------------------------------------------------------------------
　　キッズクラブについて
--------------------------------------------------------------------------------------------*/
/* キッズクラブの教育方針 ============================================================= */
.policy .title1 {width:100%; border:none; border-bottom:dashed 1px #D7DE21; background:none; margin-bottom:5%; border-radius: 0;}
.policy .title1 h3 {padding:0 2% 5% 2%; width:96%; float:none; line-height:1.5; font-weight:bold; font-size:125%;}
.policy .title1 span.icon {background:none; float:none;height: 0;}

.policy .title3 {width:100%; border:none; border-bottom:dashed 1px #D7DE21; background:none; margin-bottom:5%; border-radius: 0;}
.policy .title1 h3 {padding:0 2% 5% 2%; width:96%; float:none; line-height:1.5; font-weight:bold; font-size:125%;}
.policy .title1 span.icon {background:none; float:none;height: 0;}


.policy .title3 {width:100%; border:none; border-bottom:dashed 1px #e1859f; background:none; margin-bottom:5%; border-radius: 0; }
.policy .title3 h3 {padding:0 2% 5% 2%; width:96%; float:none; line-height:1.5; font-weight:bold; font-size:125%;}
.policy .title3 span.icon {background:none; float:none;height: 0;}

.policy .title4 {width:100%; border:none; border-bottom:dashed 1px #f2a73b; background:none; margin-bottom:5%; border-radius: 0; }
.policy .title4 h3 {padding:0 2% 5% 2%; width:96%; float:none; line-height:1.5; font-weight:bold; font-size:125%;}
.policy .title4 span.icon {background:none; float:none;height: 0;}

.policy .title5 h3 {color:#f2a73b; border-bottom:dashed 1px #f2a73b; margin:0 0 5% 0;  padding:0 2% 5% 2%; width:100%; float:none; line-height:1.5; font-weight:bold; font-size:125%}
.policy .title5 h3 span {color:#000; font-size: 70%; font-weight: normal;; padding:10px; display:inline-block; line-height:1;}

.policy #policy1 { background-color: #9ddfea; }
.policy #policy2 { background-color: #d7de21; }
.policy #policy3 { background-color: #efbfca; }

.policy_box1 {margin-bottom:5%; overflow:hidden;}
.policy_box3 {margin:5% 0; overflow:hidden;}

.policy_box1 p,
.policy_box2 p {font-size:88%; line-height:2;}

.policy_box1 img,
.policy_box2 img {display:block; margin-left:6%; float:right; padding:1% 0 0 0;}

.policy_box2 {border:dashed 1px #D7DE21; padding:3%; margin-bottom:5%; overflow:hidden;
    border-radius: 10px;        /* CSS3草案 */
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;   /* Firefox用 */
}
.policy_box2 .inner .title2 {width:100%; background:#D7DE21; padding:2.2% 2%; text-indent:0; color:#FFF; font-weight:bold; height:auto; margin-bottom:1%;
	border-radius: 5px;        /* CSS3草案 */
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;   /* Firefox用 */
}

.policy_box2 .inner .title2#policy2, .policy_box2 .inner .title2#policy3 {background-image:none;}
.policy_box2 .inner .right {margin-left:0; float:none; padding:1% 2%;}
.policy_box2 .inner .right p {font-size:75%;}
.policy_box2 .inner .right p.catch {font-size:98%; font-weight:bold;}
.policy_box2 .inner .right p.catch strong {color:#95BC2C; font-weight:bold;}

.policy_box3 .catch {font-size:110%; padding:10px 10px 12px 50px; margin-bottom:20px; line-height:1; background:url(../images/common/icon_p.png) no-repeat left center; font-weight:bold;}

.policy_box4 { padding:4%; margin-bottom:30px; overflow:hidden;
    border-radius: 10px;        /* CSS3草案 */
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;   /* Firefox用 */
}
.policy_box4 p { font-size: 75%; }
.policy_box4 img { display: inline-block; margin:2% 0; }

.policy_box5 { margin-top: 5%; overflow:hidden; }
.policy_box6 { display: block; width: 100%; margin-left:0; }

.policy .catch_icon_g {font-size:110%; padding:10px 10px 12px 50px; margin-bottom:20px; line-height:1.5em; background:url(../images/common/icon_g.png) no-repeat left center; font-weight:bold;}
.policy .catch_icon_p {font-size:110%; padding:10px 10px 12px 50px; margin-bottom:20px; line-height:1.5em; background:url(../images/common/icon_p.png) no-repeat left center; font-weight:bold;}
.policy .catch_icon_o {font-size:110%; padding:10px 10px 12px 50px; margin-bottom:20px; line-height:1.5em; background:url(../images/common/icon_o.png) no-repeat left center; font-weight:bold;}

.policy .p01 { border:dashed 1px #9ddfea; }
.policy .p01 .inner .right p.catch strong {color:#2089a5;}
.policy .p02 { border:dashed 1px #d7de21; }
.policy .p02 .inner .right p.catch strong {color:#95bc2c;}
.policy .p03 { border:dashed 1px #efbfca; }
.policy .p03 .inner .right p.catch strong {color:#d26b7f;}
.policy .p04 { border:dashed 1px #f2a73b; }
.policy .p04 .inner .right p.catch strong {color:#f2a73b;}

.policy .frame {margin: 5% 0; padding: 2% 4%; background-color: #e1859f; text-align: left; color: #FFF; border-radius: 8px; text-shadow: none;}

.policy .power4 { margin: 5% 0; padding: 5%; background-color: #ffffe7; border-radius: 10px; }
.policy .power4 li { line-height: 1.7; font-weight: bold; color: #779a15; }

.policy .support_txt { width:100%; margin-right:0; display: inline-block; }
.policy .support_ttl { font-weight: bold; }
.policy .annot { font-size: 88%; }

/* キッズクラブのテーマ ============================================================= */
.theme .title1 {width:100%; border:none; border-bottom:dashed 1px #E1859F; background:none; margin-bottom:5%; border-radius: 0;}
.theme .title1 h3 {padding:0 2% 5% 2%; width:96%; float:none; line-height:1.5; font-weight:bold; font-size:125%;}
.theme .title1 span.icon {background:none; float:none;}

.theme_box2 {position:relative; margin-bottom:34px; padding-bottom:50%;}
.theme_box2 .inner p.catch {position: absolute; top: 42%; left: 2%; margin: 0; padding: 20px 0; background:none; width:95%; font-size:88%; }

.theme_box5 p .small {display:block; font-size:75%; line-height:1.2;}

.theme_box5 .inner dl {margin:0 0 4% 0;}
.theme_box5 .inner dl.left {margin-right:0; width:100%;}
.theme_box5 .inner dl.right {margin-left:0; width:100%;}
.theme_box5 .inner dl dt, .theme_box5 dl dd {font-size:75%; line-height:2; display:inline-block; padding-top:0;}
.theme_box5 .inner dl dt {font-size:75%; line-height:2; display:inline-block; font-weight:bold;}
.theme_box5 .inner img {padding-top:1%; width:100%;}
.theme_box5 .inner img.left {margin-bottom:5%; display:block;}

/*--------------------------------------------------------------------------------------------
　　授業システム
--------------------------------------------------------------------------------------------*/
/* 授業システム ============================================================= */
.system_box1 img {width:100%; float:none; margin-left:0;}
.system_box1 p.catch {width:100%; padding:2% 3%;}

.system_box2 .system1 {width:100%; margin:0 0 1em; float:none;}
.system_box2 .system1 h3 {border:dashed 1px #59ACD4; background:#E4F5FF; overflow:hidden; width:100%; margin-bottom:10px; padding:2% 2%; text-align:center; color:#59ACD4; line-height:1.2; min-height:1em; vertical-align:middle;  font-size:94%;
    border-radius: 10px;        /* CSS3草案 */
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;   /* Firefox用 */
}
.system_box2 .system1 h3.single {padding:2%;}
.system_box3 .title1 {padding:2%;}

/* 言語分野 ============================================================= */
.gengo_box1 {overflow:hidden;}
.gengo_box1 p {font-size:75%; line-height:1; margin-bottom:6%;}
.gengo1 {width:48%; margin-right:4%; float:left;}
.gengo1.even {margin-right:0;}

.gengo_tbl1 {border:solid 1px #E1859F; font-size:120%;}
.gengo_tbl1 tr td {display:block; width:100%;}
.gengo_tbl1 tr td.title {width:100%;}
.gengo_tbl1 tr td:last-child {border:none;}
.gengo_tbl1 tr td a.btn {color:#FFF; padding:2% 4%; text-decoration:none;}

.gengo_box2 p {font-size:88%; padding-bottom:8%;}
.gengo_box2 p:last-child {padding-bottom:0;}
.gengo_box3 {padding-bottom:8%; overflow:hidden;}
.gengo_box3 img {width:96%; margin:0 0 8% 2%; float:none;}

/* 数分野 ============================================================= */
.kazu_box1 img {margin-left:0;}
.kazu_box2 .inner img {padding-right:0;}

.kazu_box2 {background-position:8px 100px;}
.kazu_box2 .title,
.kazu_box2 .title#kazu3 {background-size:20%; background-position: left center;}
.kazu_box2 .title p {padding:0 5px 0px 21%;}
.kazu_box2 p {padding:20px 0 80px 34px;}
.kazu_box2 .inner {padding-left:34px;}
.kazu_box2 .inner p {padding:20px 5px 0 0;}

/* 思考推理分野 ============================================================= */
.shikou_box3 .shikou2 {width:100%; margin:0 0 1em; float:none;}

/* 使用教具 ============================================================= */
.tool_box2 {overflow:hidden; margin-bottom:8%;}
.tool1 a img {display:inline-block; max-width:314px; height:auto; padding-top:4%; overflow:hidden;}
/*.tool1 {width:99%; float:none; margin-right:0; margin-bottom:16%; background:#CCC; padding:1px;}
.tool1:last-child {margin-right:0;}
.tool1 a {text-decoration:none; display:block; text-align:center; color:#333; background:#FFF;}
.tool1 a p {display:inline-block; padding:4% 0; font-size:100%;}
.tool1 a img {display:inline-block; max-width:100%; height:100%; overflow:visible; padding-top:0;}*/

/*--------------------------------------------------------------------------------------------
　　カリキュラム
--------------------------------------------------------------------------------------------*/
/* カリキュラム ============================================================= */
.curriculum_box1 p.small {margin-bottom:6%;}
.curriculum_box2 {overflow:hidden;}
.curriculum_box2 .curriculum1 {width:96%; margin:0 2% 10% 2%; float:none; overflow:hidden;}
.curriculum_box2 img {float:left; width:40%;}
.curriculum_box2 p {float:right; width:58%; vertical-align:top; margin-top:0;}

/* 年少 ============================================================= */
.age_tbl {
	overflow: hidden;
	overflow-x: scroll;
}
.age4 table, .age5 table, .age6 table {width:660px;}
.pdf_note {line-height:1.6;}

.age_box1 .age1 {width:96%; margin:0 2% 18% 2%; float:none; overflow:hidden;}
.age_box1 img {float:left; width:40%;}
.age_box1 p {float:right; width:58%; vertical-align:top; margin-top:0;}

/*--------------------------------------------------------------------------------------------
　　授業内容
--------------------------------------------------------------------------------------------*/
/* 生徒作品 ============================================================= */
.w_item p.title {font-size:70%;}
.class_box3 .w_item p.title {height:40px; line-height: 1.4;}
.class_box2, .class_box3, .class_box4, .class_box5 {margin-top:16%;}

/* 一日の流れ ============================================================= */
.day_box1 {background-position:8px 100px;}
.day_box1 .title,
.day_box1 .title#day7 {background-size:60px auto; background-position: left center;}
.day_box1 .title#day5 {background-position: left 5px;}
.day_box1 .title p {padding:0 5px 2px 64px;}
.day_box1 p {padding:40px 0 70px 34px; font-size:119%;}
.day_box1 .inner p.catch {padding:0 20px 5% 1em; text-indent:-1em;}
.day_box1 .inner p.catch .space {displaly:inline-block; padding-left:-2em;}
.day_box1 .inner {padding-left:34px; margin:0 auto 16% auto;}
.day_box1 .day_box2 ul li {font-size:88%;}

.day_box1 .inner img {float:none; margin:0 4% 5% 0; width:95%;}
.day_box1 .day_box2 {float:none; width:100%;}


/* 時間割 ============================================================= */
.timetable_tbl tr td.nvt::before {font-size: 12px;}
table.timetable_tbl th,table.timetable_tbl td{font-size:46%;padding:5px 0;}
.timetable_box1 ul.page-link {letter-spacing:0; margin-bottom: 40px; }
.timetable_box1 ul.page-link li {display:inline-block; width:100%; margin:0 0 10px 0; padding: 0; text-indent:10px; text-align:left; }


/*--------------------------------------------------------------------------------------------
　　教室一覧
--------------------------------------------------------------------------------------------*/
.classroom_box1 ul.page-link {letter-spacing:0; margin-bottom: 20px; }
.classroom_box1 ul.page-link li {display:inline-block; width:100%; margin:0 0 10px 0; padding:10px 0; text-indent:10px; text-align:left; }

.classroom_box1 img.left {float:none; width:99%;}
.classroom_box1 img.right{width:99%; float:none; margin:10% auto 5% auto; display:inline-block;}
.classroom_tbl {margin-top:5%; text-align:left;}
.classroom_tbl tr th {width:100%;display:block; font-size:75%;border-left:none;}
.classroom_tbl tr td {width:100%;display:block;padding:10px; font-size:88%; text-align:left;border-left:none;border-bottom:none;}
.classroom_tbl tr td a.btn {text-decoration:none; margin-left:0;}

.classroom_box3 .left {float:none; width:100%;}
.classroom_box3 img.right {float:none; width:100%; margin:0 auto 5% auto;}
.classroom_box3 .classroom_tbl tr th {width:100%;display:block;border-left:none;}
.classroom_box3 .classroom_tbl tr td {width:100%;display:block;padding:10px; font-size:88%; text-align:left;border-left:none;border-bottom:none;}

/*--------------------------------------------------------------------------------------------
　　入室のご案内
--------------------------------------------------------------------------------------------*/

.guide_box1 {background:url(../images/common/line.png) 12px 10px repeat-y;}
.guide_box1 .title {background:url(../images/guide/img_guide01.png) left top no-repeat; margin-bottom:20px;}
.guide_box1 .title p {padding:0 5px 2px 48px; font-size:116%; font-weight:bold; color:#5BACD2;}
.guide_box1 .title p .small {font-size:69%; font-weight:normal;}
.guide_box1 p {font-size:75%; padding:0 0 0 0; width:86%;}
.guide_box1 .inner {padding-left:25px; margin:0 auto 8% auto; overflow:hidden; width:86%;}
.guide_box1 .inner.fin {background:#FFF; padding-top:4%;}
.guide_box1 .inner img {float:none; margin:0 0 5% 4%; width:86%;}
.guide_box1 .inner p.catch {font-size:100%; font-weight:bold; line-height:1.4;}
.guide_box1 .guide_box3 {
    float: none;
    width: 100%;
}
.guide_box1 table tr td {font-size:100%; padding:0 0 0 2%; width:86%; display:block; margin:0}

.guide_box1 table tr td.classroom, .guide_box1 table tr td.classroom a {color:#5BACD2; line-height:1.5;}
.guide_box1 table tr td.classroom {margin-top:10%; margin-bottom:2%;}
.guide_box1 table tr td.classroom a {font-size:100%; text-decoration:underline; padding:0 0 0 0; margin:0 0 0 0; display:inline-block;}
.guide_box1 a.btn_form {background:#F7AC3B; text-align:center; padding:5% 10%; display:inline-block; text-align:center; text-decoration:none; margin:16% 0 0 0; color:#FFF;
border-radius: 5px;        /* CSS3草案 */
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;   /* Firefox用 */
}

.guide_box1 .guide_box2 {float:none; width:100%;}
.guide_box1 .guide_box2 p {width:100%;}
.guide_box1 .guide_box2 dl {margin:2% 0 0 0;}
.guide_box1 .guide_box2 dl dt, .guide_box1 .guide_box2 dl dd {font-size:75%; line-height:1.5;}
.guide_box1 .guide_box2 dl dt {font-weight:bold; line-height:1.4;}
.guide_box1 .guide_box2 dl dd {padding:0 0 2% 1em;}

.guide_box1 .inner p {padding:0 0 0 0;}
.guide_box1 .title#guide1 {background-image:url(../images/guide/img_guide01_top.png);}
.guide_box1 .title#guide2 {background-image:url(../images/guide/img_guide01_bottom.png); background-position:left bottom; margin-bottom:0;}

/*--------------------------------------------------------------------------------------------
　　スマホのフッターボタン
--------------------------------------------------------------------------------------------*/
/* #totop {display: none;}
.nav_footer {display: block; position:fixed; z-index: 100; bottom:0; width: 100%;}
.nav_footer ul li {width: 49.95%; display: inline-block; position: relative;}
.nav_footer ul li:first-child {border-right: solid 1px #FFF;}
.nav_footer ul li a {background: #98BF2C; color:#FFF; text-align:center; display: block; padding: 8% 2%; text-decoration: none; font-size: 14px; font-weight: bold; position: relative;}

.nav_footer ul li a:before {content:'';
	background: url(../images/common/foot_icon01.png) no-repeat center center; width:36px; height: 36px; position: absolute; display: inline-block; margin-top:-6%; margin-left: -20%;}
.nav_footer ul li:last-child a:before {content:'';
	background: url(../images/common/foot_icon02.png) no-repeat center center; width:30px; height: 20px; position: absolute; display: inline-block; margin-top:-1.5%; margin-left: -20%;}

}  */
/* 740px以下 */



/*--------------------------------------------------------------------------------------------
　　スマホのフッターボタン
--------------------------------------------------------------------------------------------*/
@media screen and (max-width:740px){
#totop {display: none;}
.nav_footer {display: block; position:fixed; z-index: 100; bottom:0; width: 100%;}
.nav_footer ul li {width: 49.95%; display: inline-block; position: relative;}
/* .nav_footer ul li:first-child {border-right: solid 1px #FFF;} */
.nav_footer ul li a {
	background: #98BF2C;
	color:#FFF;
	text-align:center;
	display: block;
	/* padding: 8% 2%;  */
	text-decoration: none; font-size: 14px; font-weight: bold; position: relative;}

.nav_footer ul li a:before {content:'';
	background: url(../images/common/foot_icon01.png) no-repeat center center; width:36px; height: 36px; position: absolute; display: inline-block; margin-top:-6%; margin-left: -20%;}
.nav_footer ul li:last-child a:before {content:'';
	background: url(../images/common/foot_icon02.png) no-repeat center center; width:30px; height: 20px; position: absolute; display: inline-block; margin-top:-1.5%; margin-left: -20%;}
} /* スマホのフッターボタン */