@charset "UTF-8";
/* RESET - ADAPTED FROM MEYER RESET URL - http://meyerweb.com/eric/tools/css/reset/ LICENSE - PUBLIC DOMAIN */
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, caption, canvas, center, cite, code,dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, form, footer, header, hgroup, h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, main, small, span, strike, strong, sub, summary, sup, tt, table, tbody, textarea, tfoot, thead, time, tr, th, td,u, ul, var, video{font-family:inherit;font-size:100%;font-weight:inherit;font-style:inherit;vertical-align:baseline;white-space:normal;text-align:left;margin:0;padding:0;border:0;outline:0;/*background:transparent;*/}article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main{display:block;}ol, ul{list-style:none;}blockquote, q{quotes:none;}table{border-collapse:collapse;border-spacing:0;}body{line-height:0;}
/* YUI 3.14.1 (build 63049cb) Copyright 2013 Yahoo! Inc. All rights reserved. Licensed under the BSD License. http://yuilibrary.com/license/ */
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif}table{font-size:inherit;font:100%}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%}#yui3-css-stamp.cssfonts{display:none}
/*BASE*/
body{width:100%; min-width:1040px; color:#222; background:url('img/bg/body.png'); line-height:1; /*** -webkit-text-size-adjust:100%; ***/
font-family:Roboto,"Helvetica Neue","Hiragino Sans","ヒラギノ角ゴシック","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN",Roboto,"Droid Sans",Arial,"メイリオ",Meiryo,"游ゴシック",YuGothic,sans-serif;}
img{width:100%; max-width:100%; height:auto; vertical-align:middle;}
/*CF*/
.cf:before,.cf:after{content:" ";display:table;}.cf:after{clear:both;}.cf{*zoom:1;}
/*Elastic Video*/
div.video_box{position:relative; overflow:hidden; padding-bottom:56.25%; padding-top:30px; height:0; margin-bottom:20px;}
div.video_box iframe,div.video_box object,div.video_box embed{position:absolute; top:0; left:0; width:100%; height:100%}
/*LETTER*/
strong{font-weight:bold;}
span.red{color:#dc143c;}
span.required{color:#dc143c; font-weight:bold;}
::selection{background:#dc143c; color:#fff;}
::-moz-selection{background:#dc143c; color:#fff;}
/*LINK*/
a:link{text-decoration:underline; color:#222; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; -ms-transition:0.3s; transition:0.3s;}
a:visited{text-decoration:none; color:#222;}
a:hover{text-decoration:underline; color:#CCC;}
a:active{text-decoration:none; color:#222;}
a img{text-decoration:none; border:none; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; -ms-transition:0.3s; transition:0.3s;}
a img:hover{text-decoration:none; opacity:0.5;}
/*LAYOUT*/
div#wrapper{width:1040px; margin:0 auto;}
.inbox{width:1040px; margin:0 auto;}
/*HEADER*/
h1.title{text-align:center; background:#27a7cd; color:#fff; font-weight:bold; line-height:2;}
header{width:1040px; margin:0 auto 0px; padding:20px 0 10px;}
div#tel{float:right;margin:0 20px 5px 0; font-size:167%; font-weight:bold; line-height:1.6; text-align:center; background:#BF3A4B; color:#fff; padding:20px; border-radius:20px;}
div#tel a{color:#fff;}
h1.logo{float:left; max-width:210px; margin:0 0 5px 20px;}
nav.mainnav{padding:40px 0 20px;
	ul{text-align:center;
		display:-webkit-flex; display:flex;
		-webkit-flex-flow:row nowrap; flex-flow:row nowrap; 
		-webkit-justify-content:space-between; justify-content:space-between;
		-webkit-align-items:center; align-items:center;
		li{width:11.1%; text-align:center; line-height:1.6; font-size:120%;
			a{display:block; font-weight:bold; text-align:center; vertical-align:middle;}
			a:link{color:#27a7cd; text-decoration:none;}
			a:visited{color:#27a7cd;text-decoration:none;}
			a:hover{color:#BF3A4B; text-decoration:none;}
			a:active{color:#27a7cd; text-decoration:none;}
		}
	}
}

/*FOOTER*/
footer{width:100%; margin:20px auto 0; padding:40px 0; text-align:center; line-height:1.7; font-size:77%; background:#27a7cd; color:#fff;}
/*BACK*/
div#back{position:fixed; right:20px; bottom:20px; font-size:250%;}
div#back a i{color:#fff; padding:16px 16px 24px; display:block; background:#BF3A4B; border-radius:10px;
opacity:0.6; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; -ms-transition:0.3s; transition:0.3s;}
div#back a i:hover{opacity:1;}
/*MAIN*/
main{float:left; width:740px;}
main .contents{margin-bottom:20px;}
h2{margin-bottom:20px; background:#27a7cd; color:#fff; font-weight:bold; padding:20px; font-size:154%;}
h2 span{font-size:60%;}
/*ASIDE*/
aside{float:right; width:260px;}
aside section{margin-bottom:20px;}
aside section p{line-height:1.7;}
aside section#hourinfo p{}
.fontL{font-size:139%;}
aside section span{line-height:1.7;}
.btn{border:1px solid #444; border-radius:8px; margin-bottom:20px; font-size:116%; font-weight:bold;}
.btn a{display:block; padding:20px; border-radius:8px; text-decoration:none;}
.btn a:hover{background:#f3f3f3;}
.sidebn{margin-bottom:20px;}
.sidebn img{width:258px; height:auto; border:1px solid #ccc;}
/*SNS*/
.tw a:link{color:#4099FF; text-decoration:none;}
.tw a:visited{color:#4099FF; text-decoration:none;}
.tw a:hover{color:#222; text-decoration:none;}
.tw a:active{color:#4099FF; text-decoration:none;}
.fb a:link{color:#3B5998; text-decoration:none;}
.fb a:visited{color:#3B5998; text-decoration:none;}
.fb a:hover{color:#222; text-decoration:none;}
.fb a:active{color:#3B5998; text-decoration:none;}

/*TOP SLIDER*/
div#topslider{width:100%; margin:0 auto 20px; position:relative; overflow:visible;}
section#cap{position:absolute; top:30px; left:30px; width:240px; z-index:20000;}

/*TOP STUDIO*/
div#topstudio{position:relative;}
div#topstudio section{position:absolute;}
section#st04{top:20px; left:20px ; width:237px;}
section#st01{top:20px; left:290px ; width:193px;}
section#st03{top:20px; right:20px ; width:208px;}
section#st05{bottom:20px; left:20px ; width:411px;}
section#st02{bottom:20px; right:20px ; width:205px;}
#indoor{margin:20px 0;}

/*TOP NEWS*/
div#newslist article{margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #ddd;}
div#newslist section.thumbox{width:150px; float:left;}
div#newslist section.thumbox img{background:#eee; padding:5px;}
div#newslist section.titlebox{margin-left:180px; line-height:1.7;}
div#newslist article h3{font-weight:bold; font-size:124%;}

/*NEWS SINGLE*/
div#newssg article{padding:0 20px; border-bottom:1px solid #ddd; line-height:1.7;}
div#newssg article h3{font-weight:bold; font-size:124%; border-bottom:1px solid #ddd; padding:0 0 20px; margin:0 0 20px;}
div#newssg article p{margin:0 0 20px;}

article{margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #ddd;}
div.article{margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #ddd;}
.page-id-483 div.article{border-bottom:none;}

div.postbody{line-height:1.7;}
div.postbody h2{line-height:1;}
div.postbody h3{font-weight:bold; font-size:124%; margin-bottom:5px;}
div.postbody img{width:auto; max-width:auto;}

.page div.postbody p{margin-bottom:20px;}
.teacherimg{width:216px; float:left;}
.teacherimg img{width:210px; height:auto; border:3px solid #27a7cd;}
.teachertext{margin-left:236px;}

/*TABLE*/
table{background:#fff; font-size:11px; vertical-align:middle; text-align:center; width:100%; margin-bottom:5px;}
th{border:1px solid #ccc; padding:8px; text-align:center; font-weight:bold; vertical-align:middle; text-align:center; background:#fff8dc; white-space:nowrap;}
td{border:1px solid #ccc; padding:8px; vertical-align:middle; text-align:center;}
tr:nth-child(odd){background-color:#f3f3f3;}
table.stprice{font-size:13px;}
table.stprice td{font-size:16px;}

/*PAGENAV*/
nav#pagenav ul{text-align:center; clear:both; display:block; overflow:hidden; font-size:154%; font-weight:bold; background:#BF3A4B; margin-bottom:20px;}
nav#pagenav ul li{display:-moz-inline-box; display:inline-block; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; -ms-transition:0.3s; transition:0.3s;}
nav#pagenav ul li a{color:#fff; padding:36px; line-height:3;}
/*-----------------------------------------------------
10px = 77%     11px = 85%     12px = 93%     13px = 100%
14px = 108%    15px = 116%    16px = 123.1%  17px = 131%
18px = 138.5%  19px = 146.5%  20px = 153.9%  21px = 161.6%
22px = 167%    23px = 174%    24px = 182%    25px = 189%
26px = 197%
------------------------------------------------------*/