@charset "utf-8";
/*
Theme Name: Zoo-phonics-zpa
Theme URI: 自分のURL
Description: COMPANY official theme
*/

/**		reset
*****************************************/

html, body, div, span, applet, object, iframe, strong,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, legend, caption, 
tbody, tfoot, thead, table, label, tr, th, td{
margin					: 0;
padding					: 0;
border					: 0;
outline					: 0;
font-style				: inherit;
font-size				: 100%;
font-family				: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
list-style				: none;
}

/**		Common
*****************************************/

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

/*clearfix*/
.clearfix{	display: inline-block;}

/*hides from IE-mac \*/
* html .clearfix{ height:1%;}
.clearfix {display:block;}
/*End hide from IE-mac*/


body {
	margin:0;
	padding:0;
	color:#555;
	font-size:90%;
}

a, a:link, a:visited{
	color:#555;
	text-decoration:none;
}

a:hover{
	color:#0F97D9;
	text-decoration:underline;
}

.f80{
	font-size:80%;}
.lh2{
	line-height:2em;}

.lh13{
	line-height:1.3em;}

/*----------------------------------------------------------------------
sp
----------------------------------------------------------------------*/
@media screen and (max-width : 481px){

body {
	font-size:80%;
}

div#header_inner{
	width:98%;
	margin:5px auto ;
}

div#header_inner h1{
	margin:0;
	padding:0 95px 10px 5px;
	font-size:10px;
	font-weight:normal;
	color:#555;
}

#site_logo{
	display:none;
}

#site_logo_sp img{
	width:96%;
	
}

div#font_btn{
	display:none;
}



div#english_link{
	padding:5px 7px 3px;
	width:80px;
	text-align:center;
	background:url(./images/pattern1.png);
	background-size:16px;
	position:absolute;
	top:0;
	right:0;
}
div#english_link img{
	width:80%;
}

ul#app_btn{
	margin:10px auto 10px;
	padding: 0 0 0 5px;
	width:320px;
	list-style:none;
}

ul#app_btn li{
	margin:0 10px 0 0;
	width:145px;
	float:left;
}

ul#app_btn img{
	width:100%;
}

div#slider{
	display:none;
}

div#slider_sp{
	padding:35px 0 0;
	background:#C93535 ;
}
div#slider_sp_inner{
	width:300px;
	margin:0 auto;
}

div.slides{
	width:300px;
	margin:0 auto;
}

.flexslider .slides img {
	width: 300px; display: block;
}

div#contents_menu,div#contents_menu2{
	display:none;
}

div#wrapper {
  margin:0px 0 0;
}
div#main{
  width:auto;
}
div#main h2{
	margin:0 0 0 5px;
	padding:0;
}
div#main h2 img{
	height:30px;
}

dl#topics {
	margin:0 0 20px 10px;
	overflow: hidden;
	zoom: 1;
}
dl#topics dt {
	margin:0 ;
	padding: 5px 0;
	clear: both;
	font-weight: normal;
}
dl#topics dt:first-child {
	margin:5px 0 5px 0;
}

dl#topics dd {
	margin: 0 ;
	padding: 0  ;
	border-bottom: 1px dotted #999;
}

dl#topics dd:last-child {
	border-bottom:none;
}

dl#topics dd a:link {
	color:#2C89D9;
	text-decoration:underline;
}

dl#topics dd a:visited {
	color:#2C89D9;
	text-decoration:underline;
}

div.course_info{
	background:url(./images/back_pattern2.png);
}

div.course_info h3{
	font-size:16px;
	line-height:1;
	margin:10px 0;
	padding:10px 0;
	text-align:center;
	color:#fff;
	background:#FF6B00;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FE8D3B), to(#FF6B00));
	background-image: -moz-linear-gradient(top, #FE8D3B 0%, #FF6B00 100%);
	background-image: linear-gradient(top, #FE8D3B 0%, #FF6B00 100%);
}

div.course_info p{
	margin:0 10px;
	padding:0;
	color:#444;
	line-height:1.8;
}

div.course_info img{
}

.images{
	display:none;
}

.images_sp{
	margin:10px 10px 15px;
	padding-bottom: 15px ;
	text-align:center;
}
.images_sp img{
	width:240px;
	display:block;
	margin:0 auto;}

h4.about{
	margin:0 5px 10px;
	padding:0 0 2px 5px;
	font-weight:bold;
	border-bottom:1px solid #FF6B00;
	color:#FF6B00;
}

p.main{
	margin:10px ;
	padding:0 5px;
	line-height:1.93;
}
.main p{
	margin:10px ;
	padding:0 5px;
	line-height:1.93;
}
/*about*/

div#about_main_photo{
	margin: 0;
	padding: 0;
	z-index: -1;
}
div#about_main_photo img{
	width:100%;
}
p.course{
	margin:20px 5px;
	padding:0 5px;
	line-height:1.93;
}

h3.course{
	font-size:16px;
	font-weight:bold;
	line-height:1.3;
	margin:-7px 0 10px 0;
	padding:4px 5px 2px;
	vertical-align:middle;
	text-align:center;
	color:#fff;
	background:#FF6B00;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FE8D3B), to(#FF6B00));
	background-image: -moz-linear-gradient(top, #FE8D3B 0%, #FF6B00 100%);
	background-image: linear-gradient(top, #FE8D3B 0%, #FF6B00 100%);
}

img.rightposition{
	padding:0 0 20px 20px;
	float:right;
}

/*course*/
div.lead{
	margin:0 15px 10px;
	color:#C93535;
	line-height:1.93;
}

div.course_col,
div.text_col{
	margin:0 5px 20px;
	padding:12px 7px 4px;
	border:1px solid #FF6B00;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
}

div#main div.course_col h4,
div#main div.text_col h4{
	position:relative;
	top:0px ;
	font-size:18px;
	margin:0 auto 5px;
	width:100%;
	padding:0;
	border:none;
	text-align:center;
	font-weight:bold;
}

.small{
	padding-left:5px;
	font-size:14px;
}

div#main div.course_col p,
div#main div.text_col p{
	margin:0 ;
	padding:0;
	line-height:1.93;
}
div#main div.course_col img,
div#main div.text_col img{
	position:relative;
	top:0px ;
}

.detail{
	margin-top:5px;
	text-align:right;
}

.international{
	color:#E35779;
}

.elementary_adv{
	color:#934597;
}
.mama_baby{
	color:#FF9B00;
}

.english_pre{
	color:#D84343;
}
.kindergarten{
	color:#09B115;
}

.elementary{
	color:#2C89D9;
}
div.schedule{
margin:10px 5px 5px;
}

div.schedule table{
	margin:0;
	border-collapse:collapse;
	width:100%;
}

div.schedule th{
	border:1px solid #ccc;
	font-weight:normal;
	color:#C93535;
	background:#FFFDE7;
	text-align:center;
	vertical-align:middle;
	padding:5px 10px;
}

div.schedule td{
	border:1px solid #ccc;
	width:auto;
	padding:3px 5px;
}

div.schedule td.constituent{
	width:120px;
	text-align:center;
	vertical-align:middle;
	color:#C93535;
}
div.schedule td.hour{
	width:64px;
	text-align:center;
	vertical-align:middle;
	color:#C93535;
}
div.schedule p{
	margin:0 15px 20px 10px;
	line-height:1.3;
}



img.rightposition{
	padding:0 0 20px 20px;
	float:right;
	
}



/*side*/

div#sidebar{
	margin:5px 0;
	padding: 0;
}


div#sidebar h2.side{
	display:none;
}

div#search_form{
	display:none;
}


div#sidebar h2{
	margin:5px 0;
	padding: 0;
}
div#sidebar h2 img{
	width:98%;
}

div#sidebar h3{
	font-weight:normal;
	line-height:1;
	margin:5px 8px;
	padding:6px 0;
	text-align:center;
	color:#fff;
	background:#C93535;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}

div#movie{
	margin:10px 5px;
}
div#movie iframe{
	width:96%;
}

dl#school_list {
	margin:0 0 ;
	overflow: hidden;
	zoom: 1;
}

dl#school_list dt {
	margin:8px 0 0 0;
	padding:0 0 5px 0;
	width: 100px;
	float: left;
	clear: both;
	color:#C93535;
	font-weight: normal;
}
dl#school_list dt:first-child {
	margin:10px 0 10px 0;
}

dl#school_list dd {
	margin:3px 0 0 0;
	padding: 0 0 5px 105px;
	border-bottom: 1px dotted #999;
}

dl#school_list dd:last-child {
	border-bottom:none;
}

dl#school_list ul {
	margin: 0;
	padding: 0 ;
	list-style:none;
}
dl#school_list ul li{
	margin:  0;
	padding:5px 0;
	min-width:90px;
	float:left;
}



div#sidebar ul.course{
	margin:0 8px;
	padding:0;
	list-style:none;
	overflow: visible;
}


div#sidebar ul.course li{
	margin:0;
	/*#padding: 8px 0;*/
	border-bottom:1px dotted #666;
	padding: 8px 5px 8px 12px;
	background: url(./images/arrow.png) no-repeat right center;
	font-weight:bold;
}
div#sidebar ul.course li:last-child{
	border-bottom:none;
}

div#toplink{
	margin:20px 10px 15px;
	font-size:100%;
	text-align:right;
}

div .toplink2{
	margin:20px 10px 15px 0;
	font-size:100%;
	text-align:right;
}
/* add 2015.03.10 */
.side_banner{
	margin-top:6px;
	margin-bottom:2px;
}
.side_banner img{
	width:96%;
}


/*パンくず*/


#navi_top{
	margin:0 0 0px;
	padding:5px 0 5px 10px;
	width:auto;
}

#navi_top ol{
	margin:0 auto;
	font-size:11px;
	font-weight:normal;
	color:#C93535;
	list-style:none;
	line-height:1;
	background:url(./images/home_sp.png) no-repeat left 3px;
	padding:0 0 0 16px;
}

#navi_top li {
	float:left;
	display:block;
	margin:0 3px 0;
	padding:4px 14px 4px 0;
	background:url(./images/navi_arrow2.png) no-repeat right 5px;
}

#navi_top li a{
	color:#C93535;
	display:block;
}

#navi li:last-child,
#navi_top li:last-child{
	background:none;
}


#navi{
	margin:0 0 20px;
	padding:5px 0 5px 10px;
	width:auto;
	height:18px;
  	background:#C93535;

}

#navi ol{
	margin:0 auto;
	font-size:11px;
	font-weight:normal;
	color:#fff;
	list-style:none;
  	line-height:1;
	background:url(./images/home.png) no-repeat left 3px;
	padding:0 0 0 16px;

}


#navi li {
	float:left;
	display:block;
  	height:23px;
  	margin:0 3px 0;
	padding:4px 14px 4px 0;
	background:url(./images/navi_arrow.png) no-repeat right 5px;
}


#navi li a{
	color:#fff;
	display:block;
}

/*フッター*/
div#footer{
	margin:0 auto;
}

#footer_site_logo img{
	width:96%;
}

#footer_address{
	font-size:80%;
	padding-left:23%;
}


ul#footer_app_btn,ul#footer_app_btn2{
	margin:10px auto 10px;
	padding: 0 0 0 10px;
	width:320px;
	list-style:none;
}

ul#footer_app_btn li,ul#footer_app_btn2 li{
	margin:0 10px 0 0;
	width:145px;
	float:left;
}

ul#footer_app_btn img,ul#footer_app_btn2 img{
	width:100%;
}


div#sitemap{
	margin-top:20px;
}

div#sitemap_inner{
	margin:0 auto;
	padding: 0;
}

div#sitemap_inner h2{
	display:none;
}

div#footer_col{
	display:none;
}

div.school_col {
	display:none;
}


div#sitemap_inner ul{
	padding: 0;
	margin:0;
	color: black;
	border-top: 1px solid #C93535;
	border-bottom: 1px solid #C93535;
	font: bold 110% Helvetica;
	background:url(./images/pattern1.png);
	background-size:16px;
}

div#sitemap_inner ul li{
	color: #333;
	border-top: 1px solid #C93535;
	list-style-type: none;	
	padding: 12px 5px 10px 12px;
	background: url(./images/arrow.png) no-repeat right center;
	background-size: auto;
}

div#sitemap_inner li:first-child {	
	border-top: 0;
}

div#sitemap_inner li a{
	color:#C93535;
	display:block;
	text-decoration:none;
}

ul#main_menu li a{
	text-align:center;
}
#main_menu{
	margin:0 0 10px 0;
	background:url(./images/pattern1.png);
	background-size:16px;
}

#main_menu dt{
	display:block;
	padding: 12px 5px 10px 12px;
	margin:0;
	color:#000;
	text-align:center;
	font: bold 110% Helvetica;
	border-top: 1px solid #C93535;
	border-bottom: 1px solid #C93535;
	background: url(./images/arrow.png) no-repeat right center;
    }

#main_menu dt.active{
	color:#fff;
	background:#C93535 url(./images/arrow2.png) no-repeat right center;
}

#main_menu dd{
	padding:0;
	text-align:left;
	font: bold 110% Helvetica;
	border-bottom: 1px solid #C93535;
	display:none;
    }

#main_menu dd li{
	color: #333;
	border-top: 1px solid #C93535;
	list-style-type: none;	
	padding: 12px 5px 10px 12px;
	background: url(./images/arrow.png) no-repeat right center;
	background-size: auto;
}

#main_menu dd li:first-child{	
	border-top: 0;
}

#main_menu dd li a{
	color:#C93535;
	display:block;
	text-decoration:none;
}



#sns_btn{
	clear:both;
	width:auto;
	padding:0;
	margin:0 auto;
}


#twitter{
	width:100px;
	float:left;
}
#fb{
	width:100px;
	float:left;
}

div#copyright{
	padding:8px 0;
	background:#000;
	color:#fff;
	text-align:center;
	font-size:11px;
}

/* add 2014.06.18 */
div#wp_page_navi div.wp-pagenavi a.previouspostslink span{
        display:none;
}
div#wp_page_navi div.wp-pagenavi a.nextpostslink span{
        display:none;
}
h2 a.oshirase img{
	height: 14px !important;
}


}
 
 

 /*----------------------------------------------------------------------
PC STYLE 960px~1200px
----------------------------------------------------------------------*/
 @media screen and (min-width : 482px){

body{
	min-width:980px;
}

div#header_inner{
	width:980px;
	margin:5px auto 3px;
}

div#header_inner h1{
	margin:0;
	padding:0;
	float:right;
	font-size:12px;
	font-weight:normal;
	color:#555;
}

#site_logo_sp{
	display:none;
}

#site_logo{
	width:440px;
	float:left;
}

div#controller{
	clear:right;
	padding:25px 0 10px;
	width:230px;
	float:right;
}

div#font_btn{
	width:150px;
	font-size:80%;
	float:left;
}

div#font_btn p{
	padding:0 5px 0 0;
	float:left;
}

div#font_btn ul{
	background:url(./images/font_back.png);
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	list-style:none;
	float:left;
}
div#font_btn li {
	float:left;
	padding: 3px 7px;
	line-height:1;
	cursor:pointer;
}

div#font_btn li#n {
	color:#fff;
	background:#C93535;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

a#na{
	color:#fff;
}

div#font_btn li#l {
	color:#fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

div#font_btn li.l a{
	color:#fff;
}

div#english_link{
	width:80px;
	text-align:right;
	float:right;
}

div#english_link img{
	width:70px;
}

ul#app_btn{
	padding: 0;
	width:525px;
	list-style:none;
	float:right;
}

ul#app_btn li{
	margin:0 3px 0 0;
	width:172px;
	float:left;
}
div#slider_sp{
	display:none;
}

div#slider{
	padding:15px 0 0;
	background:#C93535 ;
}
div#slider_inner{
	width:960px;
	margin:0 auto;
}

div.slides{
	width:960px;
	margin:0 auto;
}

.flexslider .slides img {
	width: 960px; display: block;
}

div#contents_menu,div#contents_menu2{
	margin: 0 0;
	border-top:1px solid #C93535;
	border-bottom:1px solid #C93535;
}

ul#contents_menu_inner,ul#contents_menu_inner2{
	padding: 0;
	margin:0 auto;
	width:980px;
	list-style:none;
}

ul#contents_menu_inner li{
	background:url(./images/menu_border.png) no-repeat 0 12px;
	padding:12px 0 10px 22px;
	margin:0 20px 0 0;
	float:left;
}
ul#contents_menu_inner li:first-child{
	background:none;
	padding:12px 0 10px 0;
}

ul#contents_menu_inner2 li{
	background:url(./images/menu_border.png) no-repeat 0 12px;
	padding:12px 0 10px 9px;
	margin:0 9px 0 0;
	float:left;
}
ul#contents_menu_inner2 li:first-child{
	background:none;
	padding:12px 0 10px 0;
}


div#contents {
	margin:0;
	padding:0;
	width:100%;
	background:#fff ;
}
div#wrapper {
	width:980px;
	margin:0 auto 0;
}

div#main{
	width:710px;
	float:left;
	margin-top:15px;
}


div#main h2{
	margin:0 0 5px;
	padding: 0;
}

dl#main_menu{
	display:none;
}

dl#topics {
	width:695px;
	margin:0 0 20px 20px;
	overflow: hidden;
	zoom: 1;
}
dl#topics dt {
	margin:0 0 10px 0;
	padding:0 0 5px 0;
	width: 100px;
	float: left;
	clear: both;
	font-weight: normal;
}
dl#topics dt:first-child {
	margin:10px 0 10px 0;
}

dl#topics dd {
	width:575px;
	margin:10px 0 10px 0;
	padding: 0 0 5px 100px;
	border-bottom: 1px dotted #999;
}

dl#topics dd:last-child {
	border-bottom:none;
}

dl#topics dd a:link {
	color:#2C89D9;
	text-decoration:underline;
}

dl#topics dd a:visited {
	color:#2C89D9;
	text-decoration:underline;
}

div.course_info{
	background:url(./images/back_pattern2.png);
}

div.course_info h3{
	font-size:16px;
	line-height:1;
	margin:20px 0 0;
	padding:10px 0;
	text-align:center;
	color:#fff;
	background:#FF6B00;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FE8D3B), to(#FF6B00));
	background-image: -moz-linear-gradient(top, #FE8D3B 0%, #FF6B00 100%);
	background-image: linear-gradient(top, #FE8D3B 0%, #FF6B00 100%);
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
}

div.course_info p{
	margin:10px 10px;
	padding:0;
	color:#444;
	line-height:1.8;
}

.images{
	display:block;
	margin:10px 15px 15px;
	padding:0 15px 15px ;
	text-align:center;
}


.images_sp{
	display:none;
}

h4.about{
	margin:10px;
	padding:0 0 2px 5px;
	font-weight:bold;
	border-bottom:1px solid #FF6B00;
	color:#FF6B00;
}

p.main{
	margin:10px 20px ;
	padding:0 0 0 15px;
	line-height:1.93;
}
.main p{
	margin:10px 20px ;
	padding:0 0 0 15px;
	line-height:1.93;
}
/*about*/
div#about_main_photo{
	margin: 0;
	padding:0;
	width:710px;
	height:244px;
	z-index:-1;
}
p.course{
	margin:20px 5px;
	padding:0 0 0 10px;
	line-height:1.93;
}

h3.course{
	font-size:18px;
	line-height:18px;
	margin: 0 0 15px 0;
	padding:11px 0 9px;
	text-align:center;
	color:#fff;
	background:#FF6B00;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FE8D3B), to(#FF6B00));
	background-image: -moz-linear-gradient(top, #FE8D3B 0%, #FF6B00 100%);
	background-image: linear-gradient(top, #FE8D3B 0%, #FF6B00 100%);
	border-bottom-left-radius: 7px;
	-moz-border-radius-bottomleft: 7px;
	border-bottom-right-radius: 7px;
	-moz-border-radius-bottomright: 7px;
}
h3.course.mid{
	border-top-left-radius: 7px;
	-moz-border-radius-topleft: 7px;
	border-top-right-radius: 7px;
	-moz-border-radius-topright: 7px;
	}
/*course*/
div.lead{
	margin:0 15px 10px;
	color:#C93535;
	line-height:1.93;
}

div.course_col,
div.text_col{
	margin:0 15px 20px;
	padding:12px 15px 10px;
	border:1px solid #FF6B00;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
}

div#main div.course_col h4,
div#main div.text_col h4{
	font-size:20px;
	margin:0 0 5px;
	padding:0;
	border:none;
	text-align:center;
	font-weight:bold;
}
div#main div.text_col img.rightposition{
	padding:0 0 0 20px;
	float:right;
	position:relative;
	top:-30px ;
}
.small{
	padding-left:5px;
	font-size:14px;
}
div#main div.course_col p,div#main div.text_col p{
	margin:0 ;
	padding:0;
	line-height:1.93;
}

.detail{
	margin-top:5px;
	text-align:right;
}

.international{
	color:#E35779;
}

.elementary_adv{
	color:#934597;
}
.mama_baby{
	color:#FF9B00;
}

.english_pre{
	color:#D84343;
}
.kindergarten{
	color:#09B115;
}

.elementary{
	color:#2C89D9;
}

div.schedule table{
	margin:10px auto 5px;
	border-collapse:collapse;
	width:690px;
}

div.schedule th{
	border:1px solid #ccc;
	font-weight:normal;
	color:#C93535;
	background:#FFFDE7;
	text-align:center;
	vertical-align:middle;
	padding:5px 10px;
}

div.schedule td{
	border:1px solid #ccc;
	line-height:1.4;
	padding:3px 5px;
}
div.schedule td.constituent{
	width:120px;
	text-align:center;
	vertical-align:middle;
	color:#C93535;
}
div.schedule td.hour{
	width:68px;
	text-align:center;
	vertical-align:middle;
	color:#C93535;
}
div.schedule p{
	margin:0 15px 20px 10px;
	line-height:1.3;
}

img.rightposition{
	padding:0 0 20px 20px;
	float:right;
}



/*side*/

div#sidebar{
	width:250px;
	float:right;
	margin-top:15px;
}

div#sidebar h2.sp{
	display:none;
}

div#sidebar h2{
	margin:5px 0;
	padding: 0;
}


div#sidebar h2 img{
	width:250px;
}

div#sidebar h3{
	font-size:80%;
	font-weight:normal;
	line-height:1;
	margin:5px 8px;
	padding:4px 0;
	text-align:center;
	color:#fff;
	background:#C93535;
  border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
}


div#search_form{
	width:234px;
	margin:0 auto 15px;
	padding:8px;
	background:url(./images/font_back.png);
  border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
}
div#search_form table,
div#search_form td{
	margin:0;
	padding:0;
	vertical-align:middle;
}

.search {
	width:125px;
	height:15px;
	padding:4px 15px 4px 30px;
	margin:0 3px;
	background: url('./images/loupe.png') #fff no-repeat 8px 3px;
	border:1px solid #ccc;
    border-radius:15px;
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
}

.search_btn{
	border: 0px;
	width: 50px;
	height: 25px;
	background: url('./images/search_btn.png') no-repeat;
}


div#movie{
	margin:10px auto;
	width:240px;
}
div#movie iframe{
	width:240px;
}

dl#school_list {
	font-size:80%;
 	width:250px;
	margin:0 0 ;
	overflow: hidden;
	zoom: 1;
}

dl#school_list dt {
	margin:8px 0 0 0;
	padding:0 0 5px 0;
	width: 60px;
	float: left;
	clear: both;
	color:#C93535;
	font-weight: normal;
}
dl#school_list dt:first-child {
	margin:10px 0 10px 0;
}

dl#school_list dd {
  width:180px;
	margin:3px 0 0 0;
	padding: 0 0 3px 65px;
	border-bottom: 1px dotted #999;
}

dl#school_list dd:last-child {
	border-bottom:none;
}

dl#school_list ul {
	margin: 0;
	padding: 0 ;
	list-style:none;
}
dl#school_list ul li{
	margin:  0;
	padding:5px 0;
	min-width:90px;
	float:left;
}



div#sidebar ul.course{
	margin:0 8px;
	padding:0;
	list-style:none;
	overflow: visible;
}


div#sidebar ul.course li{
	margin:0;
	padding: 8px 0;
	border-bottom:1px dotted #666;
	font-weight:bold;
}
div#sidebar ul.course li:last-child{
	border-bottom:none;
}

div#toplink{
	margin:20px auto 15px;
	font-size:76%;
	width:980px;
	text-align:right;
}

div .toplink2{
	margin:20px 20px 15px 0;
	font-size:76%;
	text-align:right;
}
/* add 2015.03.10 */
.side_banner{
	margin-top:6px;
	margin-bottom:2px;
}
.side_banner img{
	width:240px;
}

/*パンくず*/

#navi,
#navi_top{
	margin:0 0 0px;
	padding:5px 0 5px 10px;
	width:auto;
	height:18px;
	background:#C93535;

}

#navi ol,
#navi_top ol{
	margin:0 auto;
	width:960px;
	font-size:11px;
	font-weight:normal;
	color:#fff;
	list-style:none;
	line-height:1;
	background:url(./images/home.png) no-repeat left 3px;
	padding:0 0 0 16px;
}

#navi li ,
#navi_top li{
	float:left;
	display:block;
	margin:0 3px 0;
	padding:4px 15px 4px 0;
	background:url(./images/navi_arrow.png) no-repeat right 5px;
}

#navi li:last-child,
#navi_top li:last-child{
	background:none;
}

#navi li a,
#navi_top li a{
	color:#fff;
	display:block;
}

/*フッター*/
div#footer{
	width:980px;
	margin:0 auto;
	padding:15px 0 10px;
}

#footer_site_logo{
	width:350px;
	float:left;
}

#footer_address{
	padding:5px 0 0 ;
	width:280px;
	font-size:75%;
	float:left;
}

div#footer_rightcol{
	width:350px;
	float:right;
}

ul#footer_app_btn,ul#footer_app_btn2{
	padding: 0;
	width:350px;
	list-style:none;
	float:right;
}

ul#footer_app_btn li,ul#footer_app_btn2 li{
	margin:0 3px 0 0;
	width:172px;
	float:left;
}

div#sitemap{
	border-top:1px solid #C93535;
}

div#sitemap_inner{
	width:960px;
	margin:0 auto;
	padding:20px 0 30px;
}

div#sitemap_inner h3{
	margin:10px 0 10px 10px;
	padding: 0;
	color:#C93535;
	font-size:80%;
	font-weight:normal;
}

div#footer_col, div#footer_menu{
	width:320px;
	float:left;
}

div.school_col {
	width:100px;
	float:left;
}

div#sitemap_inner ul{
	margin:10px 0 10px 15px;
	font-size:80%;
	list-style:none;
}

div#sitemap_inner li{
	margin:5px 0;
	padding:0 0 0 14px;
	background:url(./images/fooer_indent1.png) no-repeat 0 2px;
}

div#sitemap_inner li:last-child{
	background:url(./images/fooer_indent2.png) no-repeat 0 2px;
}

#sns_btn{
	clear:both;
	text-align:right;
	width:172px;
	padding:0 4px 5px 0;
	margin:10px 0 0 ;
}

#twitter{
	width:80px;
	float:left;
}
#fb{
	width:80px;
	float:right;
}

div#copyright{
	padding:8px 0;
	background:#000;
	color:#fff;
	text-align:center;
	font-size:11px;
}

}


/*=========================問い合わせ関係 table
*/
table.contact {
	margin:15px 5px;
	line-height:1.8em;}
table.contact th{
	width:30%;
	background-color:#c8373a;
	border-bottom:#fff 1px solid;
	color:#fff;
	text-align:left;
	font-weight:400;
	padding:8px;}
table.contact td{
	border-right:#c8373a 1px solid;
	border-bottom:#c8373a 1px solid;
	padding:8px;}
table.contact td p{
	font-size:80%;}
table.contact th.top,table.contact td.top{
	border-top:#c8373a 1px solid;}
table.layoutTable td{
	border:none;}
table.layoutTable td.arinashi{
	width:20%;}
table.contact input{ font-size:100%;}
table.contact input.wLong{
	width:90%;
	height:25px;}
table.contact input.wShort{
	width:35px;}
table.contact textarea{
	width:90%;}
.submitBtn input[type="submit"]{
	display:block;
	width:80%;
	height:40px;
	margin:20px auto;
	border:#c8373a 1px solid;
	border-radius:6px;
	background-color:#fff;
	color: #000;
	font-weight: bold;
	font-size:18px;}
.textBox p{
	margin:10px;}
@media screen and (min-width : 482px){
table.contact {
	margin:15px auto;}
table.contact th{
	width:172px;}
table.contact td{
	width:450px;}	
.submitBtn input[type="submit"]{
	display:block;
	width:40%;
	height:40px;
	margin:20px auto;
	border:#c8373a 1px solid;
	border-radius:6px;
	background-color:#fff;
	font-size:18px;
	cursor:pointer;}
	}
	
	
/*=========================カリキュラムと教材
*/	
h4.titleRed{
	font-size:100%;
	font-weight:normal;
	line-height:1;
	margin:5px 0px;
	padding:4px 0;
	text-align:center;
	color:#fff;
	background:#C93535;
  border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
}
.textBox{
	line-height:1.8em;}
.textBox img{
	margin:10px;}
img.img01{
	width:50%;
	float:right;
	margin:10px 5px 10px 10px}
.textBox2{
	margin:0 8px;
	overflow:auto;
	clear:both;}
.textBox2 img.img02{
	margin-top:5px;
	width:60%;
	float:left;}
.textBox2 img.img03{
	width:94%;}
.textBox3{
	background:url(./images/back_pattern2.png);
	margin:10px 0;}
.textBox4{
	margin:10px 5px;}
.textBox4 h4.about{
	margin:15px 0 10px;}
.textBox4 p{
	margin:10px 5px;}
.textBox4 ul{
	margin:10px 0px 10px 15px;}
.textBox4 ul li{
	margin:10px 0px 10px 5px;
	list-style:disc;
	font-weight:bold;}
.qaLink{
	text-align:center;}
.qaLink ul li{
	display:inline-block;
	background:url(./images/arrow_orange.png) no-repeat left center;
	background-size:6px;
	padding-left:10px;
	margin-left:20px;}
dl.qaBox{
	margin:15px 5px;
	line-height:1.8em;}
dl.qaBox dt{
	background:url(./images/icon_q.png) no-repeat 5px center;
	background-size:12px;
	background-color:#fff6f6;
	padding:5px 5px 5px 25px;
	text-decoration:underline;
	color:#36C;
	cursor:pointer;}
dl.qaBox dd{
	display:none;
	background:url(./images/icon_a.png) no-repeat 5px center;
	background-size:12px;
	background-color:#fffff2;
	border-top:#ccc 2px dashed;
	padding:5px 5px 5px 25px;}
.firstPage{
	background:url(images/icon_red.png) no-repeat 7px 17px;
	padding:12px 0 10px 20px;
	border-bottom:#ccc 1px solid;}
.firstPage a{ display:block;}
.mapList{}
.mapList h4{
	color:#F00;
	margin:5px 0px;}

.textBox4 .mapList ul{
	margin:0 0 0 10px;}
.textBox4 .mapList ul li{
	list-style:none;
	background:url(images/arrow_orange.png) no-repeat left center;
	padding-left:15px;
	font-weight:normal;}
.course_col h4{
	cursor:pointer;}
.togleBox{
	display:none;
	cursor:pointer;}
.togleBox h5{
	font-size:18px;
	margin:40px 0px 10px;}

@media screen and (min-width : 482px){
.textBox2{
	margin:20px 40px;
	overflow:auto}
.textBox2 img.img02{
	margin-top:5px;
	width:50%;}
.textBox3{
	clear:both;
	padding:10px 20px;}
.textBox4 p{
	margin:10px 15px;}
.textBox4 ul{
	margin:10px 20px 10px 30px;}
img.img01{
	width:auto;
	float:right;
	margin:10px 5px 10px 10px}
dl.qaBox dt{
	background:url(./images/icon_q.png) no-repeat 5px center;
	background-size:20px;
	background-color:#fff6f6;
	padding:10px 5px 10px 35px;}
dl.qaBox dd{
	display:none;
	background:url(./images/icon_a.png) no-repeat 5px center;
	background-color:#fffff2;
	background-size:20px;
	padding:10px 5px 10px 35px;}
	
.firstPage{
	background:url(images/icon_red.png) no-repeat 7px 19px;
	padding:12px 0 10px 20px;
	border-bottom:#ccc 1px solid;}
.firstPage a{ display:block;}
.mapList{
	width:332px;
	float:left;}
.widecolumn{
	width:800px;
	margin:20px auto;
	padding:20px 10px;
	text-align:center;}
	}
	
.widecolumn{
	padding:40px 10px;
	text-align:center;}
@media screen and (min-width : 482px){
.widecolumn{
	width:800px;
	margin:20px auto;
	padding:20px 10px;
	text-align:center;}
	}

/*2014.06.18 add start*/
dl#topics {
	height:200px;
	overflow: auto;
}
dl.catg {
	height:auto !important;
	overflow: hidden !important;
}
h2 a.oshirase{
	float:right;
}

/*news*/
div#news{
	margin:10px auto 0;
	padding:10px;
	width:690px;
	border:1px solid #ccc;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
}
 @media screen and (max-width : 481px){
	div#news{
	width:auto;
	margin:0 5px;
	overflow:hidden;
	}
	div#news pre{
	white-space:normal;
	}
}
div#news .date{
	margin:0 15px;}
div#news .title{
	margin:5px 0 10px;
	padding:3px 10px;
	background:#FFE1CD;
	color:#FF6C00;
	font-size:18px;
}

div#news .content{
	margin:10px 10px 35px;
	padding:0;
	line-height:1.6em;
}

/*paging*/
div#pageing_nav{
        text-align:center;
        margin-top: 10px;
}
div#pageing_nav a{
        color: #d55e5e;
        text-decoration: none
}
div#pageing_nav span.p_nav_pr a span{
        margin-left:5px;
        margin-right:20px;
}
div#pageing_nav span.p_nav_pr a img{
        height:11px;
}
div#pageing_nav span.p_nav_nx a span{
        margin-left:20px;
        margin-right:5px;
}
div#pageing_nav span.p_nav_nx a img{
        height:11px;
}
div#pageing_nav span.p_top a{
        color: #d55e5e;
}

div#wp_page_navi{
        text-align:center;
        line-height:2.0em;
        margin: 10px;
}
div#wp_page_navi a,span{
        color: #d55e5e;
}

div#wp_page_navi div.wp-pagenavi a{
        border-color:#fff0f5;
}
div#wp_page_navi div.wp-pagenavi span.current{
        border-color:#ff0000;
}
div#wp_page_navi div.wp-pagenavi a.previouspostslink{
        border:none;
}
div#wp_page_navi div.wp-pagenavi a.previouspostslink span{
        border:none;
}
div#wp_page_navi div.wp-pagenavi a.previouspostslink img{
        border:none;
        height:12px;
}
div#wp_page_navi div.wp-pagenavi a.nextpostslink{
        border:none;
}
div#wp_page_navi div.wp-pagenavi a.nextpostslink span{
        border:none;
}
div#wp_page_navi div.wp-pagenavi a.nextpostslink img{
        border:none;
        height:12px;
}

p.p_top_cat{
        text-align:center;
        margin-top:10px;
}
p.p_top_cat a{
        color: #d55e5e;
        text-decoration: none
}
/* 2014.06.18 add end*/


/* 2018.11.02 サマースクール関連css */
div.boxSecondALSection{ margin:0 0 10px 0;}
table.tableGreenBorder {
	box-sizing: border-box;
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 10px;
	border-top:dashed #66CC00 1px;
}
table.tableGreenBorder th{
	font-weight: normal;
	font-size: 14px;
	line-height: 1.35;
	color: #707070;
	text-align: center;
	vertical-align: top;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 20px;
	border-bottom:dashed #66CC00 1px;
}
table.tableGreenBorder th.wsnw {
	white-space: nowrap;
}
table.tableGreenBorder td{
	font-weight: normal;
	font-size: 14px;
	line-height: 1.35;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom:dashed #66CC00 1px;
}
table.tableGreenBorder div.right{ text-align:right;}
/* 2018.11.02 add end*/

/* 2021.12.21 add start - 固定ヘッダー設定 */
#headerHeight + #header {
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	background-color: #fff;
	z-index: 500;
}
#fixedNavHeight {
	position: relative;
}
#fixedNav {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 600;
}
#fixedNav #contents_menu2 {
	background-color: #fff;
}
#fixedNav.fixed {
	position: fixed;
}
#fixedNav #main_menu dt {
	color: #fff;
	background: url(./images/arrow_w.png) no-repeat right center #C93535;
}
#fixedNav #main_menu dt.active {
	background: url(./images/arrow2.png) no-repeat right center #C93535;
}
/* 2021.12.21 add end*/

/* 2022.1.25 add start - トップページコンテンツ */
.slide01 {
	position: relative;
}
.slide01-link {
	width: 600px;
	position: absolute;
	bottom: 5px;
	left: 50%;
	transform: translateX(-50%);
}
.slide01-link li {
	float: left;
}
.slide01-link li:last-child {
	float: right;
}
.slide01-link li a {
	width: 285px;
	padding: 8px 0;
	line-height: 1.3;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: -1px;
	color: #C93535;
	text-align: center;
	background-color: #fff;
	border-radius: 50px;
	display: block;
}
.slide01-link li a .slide01-linktxt {
	font-size: 15px;
	color: #C93535;
}
.slide01-link li a:hover {
	text-decoration: none;
	opacity: .8;
	transition: .3s;
}
.top_read {
	width: 100%;
	margin-bottom: 20px;
	padding: 25px 15px;
	text-align: center;
	border-radius: 15px;
	background: url(/common/images/top_read_bg.gif) repeat left top #fffdea;
	box-sizing: border-box;
}
.top_read_title {
	font-size: 24px;
	font-weight: bold;
}
.top_read_txt {
	font-size: 16px;
	text-align: center;
}
.top_service_title_img img {
	width: 120px;
	margin: 35px auto 10px;
	display: block;
}
.top_service_title {
	font-size: 22px;
	text-align: center;
	margin-bottom: 30px;
}
.top_links-block {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
}
.top_links-block li {
    width:48%;
    margin: 0 auto;
    display: block;
}
.top_links-block li a {
    width: 100%;
	line-height: 1.4;
	margin-bottom: 2em;
    padding: 5px 0;
    font-size: 3.6vw;
	display: block;
}
.top_cont01_box1 p:nth-of-type(1) {
	width: 280px;
	float: left;
}
.top_cont01_box1 p:nth-of-type(1) img {
	width: 100%;
	display: block;
}
.top_cont01_box1 p:nth-of-type(2) {
	width: 400px;
	float: right;
	font-size: 15px;
	line-height: 1.6;
}
.class_list {
	width: 100%;
	margin-top: 25px;
	margin-bottom: 4em;
	padding: 30px 0;
	border-radius: 10px;
	background-color: #f3f3f3;
	box-sizing: border-box;
}
.class_list_title {
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	line-height: 1.2;
}
.class_list_title span {
	font-size: 12px;
	letter-spacing: 1px;
}
.class_lists > li {
	width: 650px;
	margin: 30px auto 15px;
	padding: 15px 35px 20px;
	background-color: #fff;
	box-sizing: border-box;
    box-shadow: 0 0 10px 0 #dedede;
    -moz-box-shadow:  0 0 10px 0 #dedede, 0 0 10px 0 #dedede, 0 0 10px 0 #dedede;
    -webkit-box-shadow:  0 0 10px 0 #dedede, 0 0 10px 0 #dedede, 0 0 10px 0 #dedede;
	border-radius: 10px;
	position: relative;
}
.class_lists_title {
	width: 350px;
    padding: 0 0 5px 50px;
	font-size: 20px;
	border-bottom: 2px solid #D84343;
	display: block;
}
.age_box {
	line-height: 1.2;
	padding: 10px 10px 5px;
	border-radius: 10px;
	background-color: #D84343;
	position: absolute;
	left: -10px;
	top: -10px;
}
.class_lists > li:nth-child(2) .class_lists_title {
	border-bottom: 2px solid #09b115;
}
.class_lists > li:nth-child(2) .age_box {
	background-color: #09b115;
}
.class_lists > li:nth-child(3) .class_lists_title {
	border-bottom: 2px solid #2c89d9;
}
.class_lists > li:nth-child(3) .age_box {
	background-color: #2c89d9;
}
.age_box p {
	font-weight: bold;
	color: #fff;
	text-align: center;
}
.age_box p.age01 {
	font-size: 14px;
}
.age_box p.age02 {
	font-size: 32px;
}
.age_box p.age02 span {
	font-size: 18px;
	color: #f3f3f3;
}
.class_lists .red-btn {
	position: absolute;
	right: 15px;
	top: 20px;
}
.red-btn a {
	padding: 6px 40px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    border-radius: 30px;
    background-color: #D84343;
	transition: .3s;
}
.red-btn a:hover {
	text-decoration: none;
	opacity: .8;
	transition: .3s;
}
.class_list_txt {
	margin-top: 25px;
}
.class_list_txt02 {
	margin: 25px 0 5px;
}
.sc_toggle {		/*タイトル*/
	display: none;
}
.sc_Label {
	font-weight: bold;
	margin: 15px 0 5px;
	display: block;
}
.sc_Label::before {
	content: "▼";
}
.school_list_box {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-between;
}
.school_list_box > li {
	width: 320px;
	margin-right: 5px;
	margin-bottom: 3px;
	font-size: 14px;
}
.school_list_box > li:nth-child(even) {
	width: 255px;
	margin-right: 0;
}
.school_list_box > li a {
	color: #0F97D9;
}
.school_list_box > li a:hover {
	font-weight: bold;
	text-decoration: underline;
}
@media screen and (max-width : 481px){
	.sp-topvis {
	margin-top: -8px;
	margin-bottom: 1.5em;
	padding: 50px 5% 10px;
	background-color: #c93535;
	}
	.top_read {
		border-radius: 0;
	}
	.top_read_title {
		font-size: 6vw;
		line-height: 1.3;
	}
	.top_read_txt {
		margin-top: 10px;
		text-align: left;
		line-height: 1.6;
	}
	.top_read .red-btn a {
		width: 90%;
		margin: 1.5em auto 0;
		padding: 10px 0;
		display: block;
		box-sizing: border-box;
	}
	.top_service_title {
		margin-bottom: 15px;
	}
	.top_cont01_box1 p:nth-of-type(1) {
		width: 90%;
		margin: 1em auto;
		float: none;
	}
	.top_cont01_box1 p:nth-of-type(1) img {
		height: 160px;
		object-fit: cover;
	}
	
	.top_cont01_box1 p:nth-of-type(2) {
		width: 90%;
		margin: 1em auto;
		float: none;
	}
	.class_list {
	border-radius: 0;
	}
	.class_lists > li {
		width: 90%;
		margin: 30px auto 15px;
		padding: 15px 1.5em 20px;
	}
	.age_box {
		left: -5%;
	}
	.class_lists_title {
		width: 100%;
		font-size: 4.5vw;
		box-sizing: border-box;
	}
	.class_list_txt {
		font-size: 14px;
		line-height: 1.6;
	}
	.class_lists .red-btn {
		margin: 2em auto;
		text-align: center;
		position: relative;
		right: auto;
		top: 0;
	}
	.class_lists .red-btn a {
		max-width: 100%;
	}
	/*ベース*/
	.sc_toggle {
		display: none;
	}
	.sc_Label {		/*タイトル*/
		padding: 1.5em 1em;
		display: block;
		color: #555;
		background:#eee;
		border: 1px solid #555;
	}
	.sc_Label::before{		/*タイトル横の矢印*/
		content:"";
		width: 6px;
		height: 6px;
		border-top: 2px solid #555;
		border-right: 2px solid #555;
		-webkit-transform: rotate(45deg);
		position: absolute;
		top:calc( 50% - 4px );
		right: 20px;
		transform: rotate(135deg);
	}
	.sc_Label,
	.school-content {
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		transform: translateZ(0);
		transition: all 0.3s;
	}
	.school-content {		/*本文*/
		height: 0;
		overflow: hidden;
	}
	.sc_toggle:checked + .sc_Label + .school-content {	/*開閉時*/
		height: auto;
		padding:20px 0 0;
		transition: all .3s;
	}
	.sc_toggle:checked + .sc_Label::before {
		transform: rotate(-45deg) !important;
		top:calc( 50% - 3px );
	}
	.school_list_box > li {
		width: 100%;
		margin-right: 0;
		margin-bottom: 15px;
		line-height: 1.8;
	}
	.school_list_box > li:nth-child(even) {
		width: 100%;
	}
}

/* クラス・ズー・フォニックス  */
.class_lists02 > li {
	width: 650px;
	margin: 30px auto 15px;
	position: relative;
}
.class_lists02 > li .class_list02_wrap {
	width: 480px;
	margin: 30px 0 40px auto;
	padding: 25px 20px 20px 45px;
	background-color: #fff;
	box-sizing: border-box;
    box-shadow: 0 0 10px 0 #dedede;
    -moz-box-shadow:  0 0 10px 0 #dedede, 0 0 10px 0 #dedede, 0 0 10px 0 #dedede;
    -webkit-box-shadow:  0 0 10px 0 #dedede, 0 0 10px 0 #dedede, 0 0 10px 0 #dedede;
	border-radius: 10px;
}
.class_lists02 .class_list_txt02 {
	font-size: 14px;
}
.class_lists02 > li:nth-child(2) .class_list02_wrap {
	/*padding: 10px 50px 30px;*/
}
/*@media screen and (min-width : 482px){
.class_lists02 > li:nth-child(3) .class_list02_wrap {
	margin: 30px 0 50px auto;
	padding: 20px 20px 35px 75px;
}
}*/
.class_lists02 a.age_box {
	width: 210px;
	line-height: 1.2;
	padding: 15px 20px 12px;
	border-radius: 10px;
	background-color: #D84343;
	box-sizing: border-box;
	position: absolute;
	left: -10px;
	top: -10px;
	display: block;
	transition: .3s;
}
.class_lists02 a.age_box:hover {
	opacity: .8;
	transition: .3s;
	text-decoration: none;
}
.class_lists02 .age_box p {
	text-align: left;
}
.class_lists02 .class_lists_title {
	width: auto;
    padding: 0;
	margin-bottom: 10px;
	font-size: 21px;
	color: #fff;
	border-bottom: none;
	display: block;
}
.class_lists02 .age_box p.age01 {
	font-size: 13px;
}
.class_lists02 .age_box p.age02 {
	font-size: 20px;
}
.class_lists02 .age_box .age03 span {
	margin-top: 5px;
	padding: 3px 10px 2px;
	color: #fff;
	font-size: 13px;
	text-align: center;
	border: 1px solid #fff;
	border-radius: 20px;
	display: inline-block;
}
.class_lists02 > li:nth-child(2) .age_box {
	background-color: #09b115;
}
.class_lists02 > li:nth-child(3) .age_box {
	background-color: #2c89d9;
}
.class_lists02 > li:nth-child(4) .age_box {
	background-color: #ff9b00;
}
.class_lists02 .class_list_txt02 {
	margin: 0 0 5px;
}
.class_lists02 .school_list_box > li {
	width: 220px;
	margin-right: 5px;
	font-size: 14px;
}
.class_lists02 .school_list_box li.class_full {
	width: 100%!important;
	margin-right: 0!important;
}
.class_lists02 .school_list_box > li:nth-child(even) {
	width: 155px;
	margin-right: 0;
}
.class_lists02 > li:nth-child(4) .school_list_box > li {
	margin-right: 0;
}
.class_lists02 > li:nth-child(4) .school_list_box > li:nth-child(even) {
	margin-right: 0;
}
.class_lists02 > li:nth-child(4) .school_list_box > li.class_full {
	width: 100%;
	margin-right: 0;
}
.class_lists02.option_course > li .class_list02_wrap {
	padding: 15px 50px 40px;
}
@media screen and (max-width : 481px){
	.class_lists02 {
	margin-bottom: 30px;
	}
	.class_lists02 > li {
		width: 100%;
		margin: 0 auto;
	}
	.class_lists02 > li .class_list02_wrap {
		width: 90%;
		margin: 20px auto 0;
		padding: 0;
		background-color: transparent;
		box-shadow: none;
	}
	.class_lists02 > li:nth-child(2) .class_list02_wrap {
		padding: 0;
	}
	.class_lists02 .class_list_txt02 {
		margin: 0;
		background-color: #fff;
		padding: 15px 20px;
		line-height: 1.7;
		border-left: 1px solid #555;
		border-right: 1px solid #555;
	}
	.class_lists02 a.age_box {
		width: 100%;
		margin: 0 auto;
		padding: 15px 20px 12px;
		border-radius: 10px 10px 0 0;
		background-color: #D84343;
		position: relative;
		left: auto;
		top: 0;
	}
	.class_lists02 .age_box .age03 span {
		margin-top: 0;
		padding: 5px 14px 3px;
		font-size: 4vw;
		border: 2px solid #fff;
		position: absolute;
		right: 15px;
		bottom: 10px;
	}
	.class_lists02 > li:nth-child(2) .class_list02_wrap {
		padding: 0;
	}
	.class_lists02 .sc_Label {
		margin: 0;
		background-color: #fff;
		border-radius: 0 0 10px 10px;
	}
	.class_lists02 .school-content {
		padding: 0 5%;
		border-radius: 0 0 10px 10px;
	}
	.class_lists02 .sc_toggle:checked + .sc_Label {
		background-color: #efefef;
		border-bottom: 0;
		border-radius: 0;
	}
	.class_lists02 .sc_toggle:checked + .sc_Label + .school-content {	/*開閉時*/
		margin: 0;
		background-color: #fff;
		padding: 15px 5%;
		border-left: 1px solid #555;
		border-right: 1px solid #555;
		border-bottom: 1px solid #555;
	}
	.class_lists02.option_course > li .class_list02_wrap {
		padding: 0;
	}
	.class_lists02 .school_list_box > li {
		width: auto;
	}
}