/*
YUI 3.18.1 (build f7e7bcb)
Copyright 2014 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/


html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none;}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}

html, body {
width: 100%;
height: 100%;
background:#ffffff;
}
html #page,
body #page{
background:#ffffff;
}
body{
font-size:16px;
-webkit-text-size-adjust: 100%;
font-family: "Noto Sans Japanese", sans-serif; 
text-align:center;
color:#333333;
}
a{
text-decoration:none;
color:#333333;
line-height:1;
opacity:1;
}
a,a:hover {
-webkit-transition:0.7s;
-moz-transition:0.7s;
-o-transition:0.7s;
transition:0.7s;
}
a img:hover {
-moz-opacity:0.75;
opacity:0.75;
}
a:hover{
opacity:0.5;
}
p,li,div,dt,dd,td,th{
box-sizing:border-box;
}
p{
text-align:left;
}

/*====================================================
LAYOUT
====================================================*/

#wrapper{
margin:0 auto;
background:url("http://sennari-hoiku.com/common/img/all/bg.png");
}
.w600{
width:600px;
margin:0 auto;
}
.w720{
width:720px;
margin:0 auto;
}
.w830{
width:830px;
margin:0 auto;
}
.w830{
width:830px;
margin:0 auto;
}
.w900{
width:900px;
margin:0 auto;
}
.w920{
width:920px;
margin:0 auto;
}
.w960{
width:960px;
margin:0 auto;
}
.w980{
width:980px;
margin:0 auto;
}
.w984{
width:984px;
margin:0 auto;
}
.w990{
width:990px;
margin:0 auto;
}
.w1010{
width:1010px;
margin:0 auto;
}
.w1080{
width:1080px;
margin:0 auto;
}
.inside{
width:100%;
}

/*====================================================
HEADER
====================================================*/
#header{
padding:0 0 1.2rem 0;
}
#header .bg_white{
background:#fff;
padding-top:1.2rem
}
#header .hd{
padding-bottom:1.5rem
}
#header .logo{
float:left;
}
#header .logo a{
color:#333;
font-size:17px;
font-weight:bold;
}
#header .logo a .sitename{
line-height:40px;
}
#header .phonebox{
float:right;
}
#header .logo img{
width:70px;
margin-right:1rem;
height:auto;
}
#footer .logo img{
width:140px;
margin-right:1rem;
height:auto;
}

#header .phone img{
width:265px;
height:auto;
}
#header .hours{
float:left;
}
#header .phone{
float:right;
margin-top:0.5rem;
margin-left:1.2rem;
}
#header .hours .spc{
letter-spacing:1px;
}
#header .hours .small{
display:block;
font-size:12px;
letter-spacing:-1px;
}

#header #navigation{
position:relative;
padding-top:1.5rem;
}
#header #navigation ul.nav{
}
#header #navigation ul li{
float:left;
box-sizing:border-box;
}

#header #navigation ul li#n1{
position:relative;
width:18.6%;
margin-right:0.2%;
}
#header #navigation ul li#n2{
width:20%;
margin-right:0.7%;
}
#header #navigation ul li#n3{
width:19.5%;
margin-right:1.5%;
}
#header #navigation ul li#n4{
width:19.1%;
margin-right:1.1%;
}
#header #navigation ul li#n5{
width:19.3%;
}


#header #navigation ul li ul{
display:none;
clear:both;
left:10px;
top:50px;
position:absolute;
box-shadow: 3px 3px 3px #aaa;
border-radius:5px;
z-index:9999999;
}
#header #navigation ul li:hover ul{
display: block;
}
#header #navigation ul li ul li:first-child,
#header #navigation ul li ul li{
float:none;
text-align:left;
background:#ffc37d;
width:210px;
border-bottom:1px solid #fff;
}
#header #navigation ul li ul li:last-child{
border-bottom:none;
}
#header #navigation ul li ul li a{
display:block;
color:#fff;
padding:0.7rem;
}
#header #navigation ul li ul li a span{
background:url("http://sennari-hoiku.com/common/img/page/arrow-white.png") no-repeat left center;
padding-left:0.7rem;
}
#header #navigation ul li ul li a:hover{
background:#ffaa46;
opacity:1;
}
#header #navigation ul li ul li:first-child a:hover,
#header #navigation ul li ul li:first-child{
border-radius: 5px 5px 0 0;
}
#header #navigation ul li ul li:last-child a:hover,
#header #navigation ul li ul li:last-child{
border-radius:0 0 5px 5px;
}



/*====================================================
MAIN
====================================================*/
#main{
padding:3rem 0 8rem 0;
background:url("http://sennari-hoiku.com/common/img/all/bg_footer.png") repeat-x center bottom;
}

#hoikuen{
margin-bottom:4rem;
}
.hoikubox{
width:453px;
float:left;
position:relative;
margin-left:23px;
margin-bottom:6rem;
}
.hoikubox.first{
margin-left:0;
}
.hoikuttl{
width:332px;
position:absolute;
top:-70px;
left:0;
right:0;
bottom:0;
margin:0 auto;
}
.hoikuttl img{
width:100%;
height:auto;
}
.hoikubody{
width:453px;
height:398px;
padding:2rem 2rem 2rem 2rem;
box-sizing:border-box;
background:url("http://sennari-hoiku.com/common/img/top/bg_hoikuen4.png") no-repeat;
}
.hoikuimg{
margin-bottom:1rem;
}
.hoikubody p{
line-height:1.6;
text-align:left;
}


#bloglist{
margin-bottom:4rem;
}
#bloglist h1{
background:url("http://sennari-hoiku.com/common/img/all/ico_flower.png") no-repeat left;
text-align:left;
font-size:25px;
font-weight:bold;
padding-left:4rem;
line-height:51px;
margin-bottom:1rem;
}
#bloglist ul{
clear:both;
}
#bloglist ul li{
margin-bottom:0.5rem;
text-align:left;
}
#bloglist ul li a{
display:block;
padding:1rem 3rem;
background:#fff;
}
#bloglist ul li a .date{
color:#aa7841;
font-weight:bold;
}
#bloglist ul li a .ttl{
font-size:17px;
margin-left:2rem;
}
#bloglist ul li:nth-child(even) a{
background:#ffebeb;
}


#blog #blogmain h2{
background:none;
margin-bottom:0;
}
#blogmain{
width:75.5%;
border-right:1px dotted #da9354;
text-align:left;
padding-right:2rem;
}
#blogside{
width:24.5%;
padding-left:2rem;
text-align:left;
box-sizing:border-box;
}
#blogmain .list{
min-height:80px;
padding-top:0.5rem;
padding-left:5rem;
margin-bottom:1.2rem;
}
#blogmain .staff{
background:url("http://sennari-hoiku.com/common/img/page/ico_staff.png") no-repeat left top;
}
#blogmain .news{
background:url("http://sennari-hoiku.com/common/img/page/ico_news.png") no-repeat left top;
}
#blogmain .event{
background:url("http://sennari-hoiku.com/common/img/page/ico_event.png") no-repeat left top;
}
#blogmain .date{
font-size:15px;
color:#ff7f7f;
}
#blog #blogmain h2,
#blogmain .list a{
font-size:25px;
font-weight:bold;
padding:0.4rem 0 0 0;
display:block;
}

#blog #blogmain h2.h2{
font-size:18px;
text-align:left;
background:url("http://sennari-hoiku.com/common/img/page/arrow_r2.png") no-repeat left center;
font-weight:bold;
padding:0 0 0 1.2rem;
margin-bottom:1rem;
}
#blogmain .entry .catch{
margin-bottom:1rem;
}
#blogmain .entry{
width:96%;
margin-bottom:2rem;
line-height:1.7;
}
#blogmain .pagenavi{
width:96%;
}
#blogmain .pagenavi div{
line-height:25px;
}
#blogmain .pagenavi .prev{
background:url("http://sennari-hoiku.com/common/img/page/nav_prev.png") no-repeat left center;
padding-left:2rem;
}
#blogmain .pagenavi .next{
background:url("http://sennari-hoiku.com/common/img/page/nav_next.png") no-repeat right center;
padding-right:2rem;
}



.pager{
margin: 4rem 0 2rem 1rem;
}
.pager ul li {
display: inline;
}
.pager ul li a {
color: black;
padding: 2px 10px;
color: #fff;
border:1px solid #b48858;
background: #b48858;
text-decoration: none;
box-sizing:border-box;
}

.pager ul li .current {
color: #b48858;
background: #fff0de;
border:1px solid #b48858;
padding: 2px 10px;
}


#blogside h4,
#blogside dl dt{
font-size:18px;
font-weight:bold;
padding:0 0 0.8rem 0;
margin-bottom:0.8rem;
background:url("http://sennari-hoiku.com/common/img/page/ln_blog.png") repeat-x bottom;
}
#blogside .sidenav,
#blogside dl dd{
margin-bottom:3rem;
}
#blogside dl dd li{
margin-bottom:0.8rem;
}
#blogside dl dd li a{
display:block;
}
#blogside .bnr_side li{
margin-bottom:1rem;
}
#blogside .sidenav li{
margin-bottom:0.5rem;
}



.fbox1 ul li{
width:49.5%;
height:52px;
}
.fbox3 ul li,
.fbox2 ul li{
height:52px;
}
.fbox3 li:first-child{
width:30%;
float:left;
}
.fbox3 li:last-child{
width:69%;
float:right;
}
.formbox{
text-align:left;
}
.formbox textarea,
.formbox input{
width:100%;
display:block;
text-align:left;
padding:0.5rem;
box-sizing:border-box;
border-radius:0.5rem;
border:1px solid #bbbbbb;
}
.formbox .small{
clear:both;
font-size:12px;
padding:0;
line-height:0;
margin-bottom:1rem;
}

input[type=submit] {
width: auto;
}

input[required] + label {
color: #b4b4b4;
position: relative;
top:-32px;
left: 10px; /* the negative of the input width */
}
input[required] + label:after {
content:'※';
color: red;
}

/* show the placeholder when input has no content (no content = invalid) */
input[required]:invalid + label {
display: inline-block;
}

/* hide the placeholder when input has some text typed in */
input[required]:valid + label{
display: none;
}

textarea::placeholder,
input::placeholder {
color: #b4b4b4;
}
textarea:-ms-input-placeholder,
input:-ms-input-placeholder {
color: #b4b4b4;
}
textarea::-ms-input-placeholder,
input::-ms-input-placeholder {
color: #b4b4b4;
}
.formbox textarea{
height:200px;
}

.fbox4{
margin-bottom:2rem;
}
.btn_submit{
width:100%;
}
.btn_submit input{
width:240px;
height:51px;
margin:0 auto;
text-indent:789px;
border:none;
background:url("http://sennari-hoiku.com/common/img/page/btn_submit.png") no-repeat;
}
.btn_submit input:hover{
cursor:pointer;
opacity:0.7;
}

.col3 li{
width:32%;
margin-left:2%;
margin-bottom:1rem;
float:left;
}
.col3 li:nth-child(3n+1){
margin-left:0;
}


#main .hoikuen h1{
width:780px;
height:101px;
background:url("http://sennari-hoiku.com/common/img/page/bg_h1.png") no-repeat center center;
margin:0 auto 4rem auto;
font-size:55px;
font-weight:bold;
color:#6f5436;
}
#main .hoikuen h1 span{
display:block;
font-size:25px;
font-weight:normal;
color:#333333;
}
#main .h2{
text-align:left;
font-size:25px;
font-weight:bold;
padding:0 0 1rem 1rem;
margin-bottom:2rem;
background:url("http://sennari-hoiku.com/common/img/page/bg_h2.png") repeat-x bottom;
}
.col3b li{
width:31%;
margin-left:3.5%;
margin-bottom:1rem;
float:left;
}
.col3b li:nth-child(3n+1){
clear:left;
margin-left:0;
}
#main .hoikuen h3{
color:#6f5436;
font-size:20px;
font-weight:bold;
padding:0.5rem 0;
}
#main .hoikuen h3 span{
border-bottom:1px solid #6f5436;
}

.tbl{
width:100%;
}
.tbl td,
.tbl th{
padding:0.8rem;
}
.tbl td.odd,
.tbl th.odd{
background:url("http://sennari-hoiku.com/common/img/page/tbl_bg1.png");
}
.tbl td.even,
.tbl th.even{
background:url("http://sennari-hoiku.com/common/img/page/tbl_bg2.png");
}

.tbl th.even,
.tbl th.odd{
width:155px;
text-align:center;
font-weight:bold;
background-repeat:repeat-y;
}
.tbl td.odd,
.tbl td.even{
text-align:left;
padding-left:2rem;
}

.tbl td .ico2,
.tbl td .ico1{
color:#fff;
width:100px;
text-align:center;
line-height:1;
}
.tbl td .ico img{
width:91px;
height:auto;
}
.tbl td .ico1{
background:#6ec1f0;
}
.tbl td .ico2{
background:#e78f9c;
}
.tbl td .twoln li{
line-height:22px;
margin-bottom:0.3rem;
}
.tbl td .twoln li:last-child{
margin:0;
}
.tbl td ol{
margin-left:3rem;
}
.tbl td ol li{
list-style:decimal;
}

.tbl .tbl_in{
width:70%;
border-right:1px solid #333;
border-bottom:1px solid #333;
}
.tbl .tbl_in td,
.tbl .tbl_in th{
padding:0.3rem 0.5rem;
border-left:1px solid #333;
border-top:1px solid #333;
text-align:center;
}
.tbl .tbl_in th.cl1{
background:#6ec1f0;
width:35%;
color:#fff;
}
.tbl .tbl_in th.cl2{
background:#e78f9c;
width:35%;
color:#fff;
}

.gmap iframe{
width:100%;
height:420px;
border:none;
}

.oneday h1{
width:680px;
margin:0 auto 4rem auto;
}
.oneday .oneday1{
margin-bottom:4rem;
}
.oneday .oneday3,
.oneday .oneday2{
margin-bottom:2rem;
}

.ttl1{
text-align:left;
margin-bottom:1.3rem;
}
.big1{
color:#6f5436;
font-size:28px;
text-align:left;
font-weight:bold;
margin-bottom:0.8rem;
}
.big1 .brpc{
display:block;
}
.col2{
margin-bottom:3rem;
}
.col2_lt{
width:48%;
float:left;
}
.col2_gt{
width:48%;
float:right;
}
.col2_gt,
.col2_lt{
border-radius:5px;
padding:1rem 1.5rem;
text-align:left;
background:url("http://sennari-hoiku.com/common/img/page/bg_col2.png");
}
.col2 dt{
font-size:18px;
font-weight:bold;
line-height:37px;
padding-left:3rem;
margin-bottom:0.5rem;
background:url("http://sennari-hoiku.com/common/img/page/ico_flower.png") no-repeat left center;
}
.col2 dd{
line-height:1.6;
}

.txt18{
font-size:18px;
}

.about .block{
margin-bottom:4rem;
}

.imgbox{
margin-bottom:1rem;
}
.imgbox .imglt{
float:left;
width:23%;
margin-left:2%;
}
.imgbox dl{
width:70%;
margin-left:2%;
margin-right:2%;
float:left;
}
.imgbox dd,
.imgbox dt{
text-align:left;
}
.imgbox dt{
margin:1.5rem 0 1rem 0;
}
.imgbox dd{
line-height:1.8;
}

.col2box{
width:96%;
margin:0 auto 2rem auto;
text-align:left;
}
.col2box_l{
width:47%;
float:left;
}
.col2box_r{
width:47%;
float:right;
}
.col2box h3{
font-size:20px;
font-weight:bold;
border-bottom:1px dotted #da9354;
padding-bottom:0.5rem;
margin-bottom:1rem;
}
.col2box .img{
margin-bottom:1rem;
}
.col2box p{
line-height:1.8;
}

#blogmain .entry{
padding-bottom:2rem;
border-bottom:1px dotted #da9354;
}
#main .blog .h2 .arw{
font-size:16px;
background:url("http://sennari-hoiku.com/common/img/page/arw.png") no-repeat left center;
padding-left:1.2rem;
}

#main .blog h1{
font-size:23px;
font-weight:bold;
line-height:1.3;
padding:0 0 0.5rem 3.5rem;
background:url("http://sennari-hoiku.com/common/img/all/ico_flower.png") no-repeat left center;
margin-bottom:1rem;
}
#main .blog h1 .date{
display:block;
font-size:16px;
color:#aa7841;
}

.ul_even,
.ul_odd{
width:100%;
}
.ul_even li,
.ul_odd li{
box-sizing:border-box;
padding:0.5rem;
float:left;
}
.ul_odd li{
background:url("http://sennari-hoiku.com/common/img/page/tbl_bg1.png");
}
.ul_even li{
background:url("http://sennari-hoiku.com/common/img/page/tbl_bg2.png");
}

.ul_odd li:last-child,
.ul_odd li:first-child,
.ul_even li:last-child,
.ul_even li:first-child{
width:22%;
}
.ul_odd li:nth-child(2),
.ul_even li:nth-child(2){
margin:0 1%;
width:54%;
text-align:left;
padding-left:1.5rem;
}
.ul_even li a,
.ul_odd li a{
color:#6f5436;
font-weight:bold;
text-decoration:underline;
}

.whitebox{
background:url("http://sennari-hoiku.com/common/img/page/tbl_bg1.png");
padding:1rem 3rem;
margin:0.5rem 0 2rem 0;
}
.whitebox .wb_l1{
float:left;
width:48%;
font-size:19px;
line-height:1.5;
}
.whitebox .wb_l2{
float:left;
width:38%;
font-size:19px;
line-height:1.5;
}
.whitebox .wb_r2,
.whitebox .wb_r1{
float:left;
}
.whitebox .brpc{
display:block;
}
.btn_contact2 img{
width:279px;
height:auto;
}
.whitebox .telbox{
font-size:30px;
font-weight:bold;
color:#e72427;
display:block;
font-family:Arial Bold;
}
.whitebox .telbox a{
color:#e72427;
}
.whitebox .telbox a:hover{
opacity:1;
cursor:default;
}

.whitebox .telbox .small{
color:#333333;
font-size:17px;
}
.whitebox .telbox .small2{
font-size:20px;
}
.whitebox .wb_r2,
.whitebox .wb_r1{
padding-top:1.1rem;
}

.img_rinen{
float:right;
width:300px;
}
.img_hoshin{
margin:0.5rem 0 1.5rem 0;
}
.clb{
clear:both;
}

#yearly .col2_r,
#yearly .col2_l{
width:47%;
text-align:left;
margin-bottom:2rem;
}
#yearly .col2_l{
float:left;
}
#yearly .col2_r{
float:right;
}
#yearly .brown{
color:#6f5436;
font-size:120%;
}
#yearly ul{
width:50%;
float:left;
}


/*====================================================
SPNAVI
====================================================*/
#spnav{
z-index:100000;
width:100%;
position:relative;
background:#ff7f7f;
background:url("http://sennari-hoiku.com/common/img/all/sp_bg.png");
padding:5px 20px 10px 0;
border-bottom:1px solid #fff;
display:none;
}
#sp-btn{
display: inline-block;
position: relative;
width: 60px;
height: 60px;
background:none;
float:right;
}
#sp-btn:hover{
}
#sp-btn-icon{
display: block;
position: absolute;
top: 50%;
left: 0;
width: 60px;
height: 5px;
background: #fff;
transition: .2s;
}
#sp-btn-icon:before, #sp-btn-icon:after{
display: block;
content: "";
position: absolute;
top: 50%;
left: 0;
width: 60px;
height: 5px;
background: #fff;
transition: .3s;
}
#sp-btn-icon:before{
margin-top: -20px;
}
#sp-btn-icon:after{
margin-top: 15px;
}
#sp-btn .close{
background: transparent;
}
#sp-btn .close:before, #sp-btn .close:after{
margin-top: 0;
}
#sp-btn .close:before{
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
#sp-btn .close:after{
transform: rotate(-135deg);
-webkit-transform: rotate(-135deg);
}


/*====================================================
FOOTER
====================================================*/

#footer{
background:#fff;
padding:2rem 0;
}

#footer .lt{
text-align:left;
}
#footer .lt ul li:first-child{
margin-bottom:1rem;
}
#footer .gt{
text-align:right;
}
#footer .gt ul{
float:right;
margin-bottom:2.4rem;
}
#footer .gt ul li{
float:left;
margin-left:1.5rem;
}
#footer .gt ul li:first-child{
margin-left:0;
}
#footer .gt ul li a{
background:url("http://sennari-hoiku.com/common/img/all/arrow-ft.png") no-repeat left;
font-size:14px;
padding-left:1rem;
}


/*====================================================
IMG100%
====================================================*/
.col3b img,
.imgbox .imglt img,
.btn_contact img,
#header #navigation ul li img,
.hoikuimg img,
#blogmain .entry .catch img,
.bnr_side img,
.areabox .area_img img,
.col3 li img,
.blogfeed img,
.img100 img,
.img100{
width:100%;
height:auto;
}

/*====================================================
CLEARFIX
====================================================*/
.cl:after,
.whitebox:after,
.ul_odd:after,
.ul_even:after,
.col2box:after,
.imgbox:after,
.col3b:after,
.fbox1:after,
.fbox4:after,
.clr:after,
section:after,
.col3:after,
.col2:after,
.w720:after,
.w900:after,
.w960:after,
.w980:after,
.w1010:after,
.w1080:after,
#navigation ul:after,
#header:after,
#wrapper:after,
#contents:after,
#footer:after,
#navigation:after,
#header:after{content:".";display:block;clear:both;height:0;visibility:hidden;font-size:0;}

/*====================================================
BASE
====================================================*/

.ctr{
text-align:center;
}
.big{
font-size:150%;
}
.blue{
color:#00c5d5;
}
.red{
color:#ea426a;
}
.bold,
strong{
font-weight:bold;
}
.txtgt{
text-align:right;
}
.txtlt{
text-align:left;
}
img{
vertical-align:bottom;
}
.mb1{
margin-bottom:1rem;
}
.mb2{
margin-bottom:2rem;
}
.mb3{
margin-bottom:3rem;
}
.mb4{
margin-bottom:4rem;
}
.mb5{
margin-bottom:5rem;
}
.mb6{
margin-bottom:6rem;
}
.pt05{
padding-top:0.5rem;
}
.pt1{
padding-top:1rem;
}
.spnavi,
.spmn{
display:none;
}
.strike{
text-decoration:line-through;
}
.lt{
float:left;
}
.gt{
float:right;
}
.pc{
display:block;
}
.sp{
display:none;
}
.img100 img,
.img100{
width:100%;
height:auto;
}

/*====================================================
media query for smartphone, tablet
====================================================*/

@media screen and (max-width: 1180px) {
#main .h2,
body{
font-size:150%;
}
#top1 .lt,
#top1 .gt,
#top2 .lt,
#top2 .gt,
#top3 .lt,
#top3 .gt,
#header #navigation ul.nav,
.w984,
.w1080,
.w1010{
float:none;
width:96%;
}
#slide .w1080{
width:100%;
}
#footer .gt ul li,
#footer .gt ul,
#footer .gt,
#footer .lt{
width:100%;
float:none;
text-align:center;
}
#footer .gt ul li a{
font-size:100%;
}

#footer .lt{
margin-bottom:2rem;
}
#footer .gt ul{
text-align:center;
}
#footer .gt ul li{
display:inline;
}
#blogside dl dt,
#area h4{
font-size:100%;
}
.fbox3 ul li,
.fbox2 ul li,
.fbox1 ul li{
height:72px;
}
.fbox3 li:last-child,
.fbox3 li:first-child,
.fbox1 ul li.lt,
.fbox1 ul li.gt,
.fbox1 ul li{
width:100%;
float:none;
}
input[required] + label{
top:-42px;
}

#slide{
margin-bottom:6rem;
}
.hoikubox.first,
.hoikubox{
width:597px;
height:auto;
margin:0 auto 10rem auto;
text-align:center;
float:none;
}
.hoikuttl{
width:507px;
left:40px;
top:-120px;
bottom:auto;
right:auto;
text-align:center;
}
.hoikubody{
width:597px;
height:651px;
margin:0 auto;
background: url("http://sennari-hoiku.com/common/img/top/bg_hoikuen_sp.png") no-repeat;
}
.col2 dt,
.txt18{
font-size:100%;
}
.col2box h3,
.big1{
font-size:150%;
}

.ul_even li:nth-child(2),
.ul_odd li:nth-child(2),
.ul_odd li:last-child,
.ul_odd li:first-child,
.ul_even li:last-child,
.ul_even li:first-child{
float:none;
width:100%;
margin:0;
text-align:left;
padding:0 1.5rem 0 3rem;
}
.ul_even li:first-child,
.ul_odd li:first-child{
padding-top:1rem;
}
.ul_even li:last-child,
.ul_odd li:last-child{
padding-bottom:1rem;
}

.whitebox .wb_r1,
.whitebox .wb_r2,
.whitebox .wb_l1,
.whitebox .wb_l2{
font-size:100%;
float:none;
width:100%;
}

.whitebox p{
text-align:center;
}
.whitebox .brsp{
display:block;
}
.whitebox .telbox{
font-size:40px;
}
.whitebox .telbox .small{
font-size:21px;
}
.btn_contact2 img{
width:360px;
}

}


@media screen and (max-width: 1080px) {
.w980,
.w960{
width:96%;
}

.w990{
width:100%;
}



}

@media screen and (max-width: 980px) {
.w960,
.w920,
.w830,
.w900{
width:90%;
}
#spnav{
display:block;
}
.hours,
#navigation{
display:none;
}
#header #navigation{
padding-top:0;
}
#header #navigation ul li{
float:none;
width:100%;
background:none;
border-bottom:1px solid #fff;
}
#header #navigation ul li#n1,
#header #navigation ul li#n2,
#header #navigation ul li#n3,
#header #navigation ul li#n4,
#header #navigation ul li#n5{
float:none;
width:100%;
box-sizing:border-box;
}
#navigation .w1010{
width:100%;
}
#header #navigation ul.nav{
position:static;
width:100%;
padding:0;
box-shadow:0 0 0 0;
border-radius:0;
}
#header #navigation ul.nav img{
display:none;
}
#header #navigation ul.nav .sp{
display:block;
}
#header #navigation ul.nav a{
display:block;
padding:1rem;
font-size:120%;
background:#dd9659;
color:#fff;
width:100%:
}
#header #navigation ul li ul li:first-child,
#header #navigation ul li ul li,
#header #navigation ul li ul{
display:block;
position:static;
width:100%;
text-align:center;
border-radius:0;
}
#header #navigation ul li ul{
border-top:1px solid #fff;
box-shadow:0 0 0 0 #fff;
}
#header #navigation ul.nav li ul li a{
background:#e0ab73;
}
#header #navigation ul li ul li a span{
background:none;
}
#top1 p{
text-align:left;
font-size:100%;
}
#top1 .w1080,
#top1 .w1080,
#top1 .w1080{
width:90%;
}
#top1 .brpc{
display:inline;
}
#top2 p, #top3 p{
width:70%;
font-size:100%;
}

#blogmain.lt,
#blogside.gt,
.workbox2,
.workbox2 .lt,
.workbox2 .gt,
.workbox1 .lt,
.workbox1 .gt,
.areabox.gt,
.areabox.lt{
width:100%;
float:none;
}
.areabox{
clear:both;
width:100%;
margin-bottom:2rem;
}
.areabox .area_info{
padding-top:0;
}
#work .workbox1 h3, #work .workbox2 h3{
font-size:120%;
padding-left:0;
}
.workbox2 p,
.workbox1 p{
padding:0;
}
#blogmain,
.workbox2,
.workbox1{
margin-bottom:6rem;
}
#blogmain{
border:none;
padding:0 0 4rem 0;
border-bottom: 1px dotted #da9354;
}
#blogside{
padding-left:0;
}
#blogside dl dd li{
margin-bottom:0;
}
#blogside dl dd li a{
padding:1rem 0;
display:block;
}
#blogmain .date,
#blog #blogmain h2.h2{
font-size:100%;
}

#blog .single #blogmain h2{
font-size:130%;
}

#oneday .sp{
display:block;
}
#oneday .pc{
display:none;
}

#yearly .col2_r,
#yearly .col2_l{
width:100%;
float:none;
margin-bottom:4rem;
}
#yearly .col2_r:after,
#yearly .col2_l:after,
.areabox:after{content:".";display:block;clear:both;height:0;visibility:hidden;font-size:0;}

}

@media screen and (max-width: 800px) {
.blogfeed{
width:100%;
float:none;
border:none;
margin-bottom:3rem;
padding-bottom:2rem;
border-bottom:1px dotted #64c8f0;
}
.blogfeed.last{
margin-bottom:0;
padding-bottom:0;
}
#banner .col3 li{
width:95%;
float:none;
margin:0 auto 2rem auto;
}
#banner .col3 li:last-child{
margin-bottom:0;
}
.faqbox h3, .faqbox h4, .faqbox p{
padding-left:0;
}
.faqbox h3{
padding-top:5rem;
}
.faqbox h4{
font-size:100%;
}

.oneday h1{
width:90%;
}
#bloglist ul li a .ttl{
display:block;
padding-top:0.5rem;
margin-left:0;
}

.col2_gt,
.col2_lt,
.col2box_l,
.col2box_r{
width:100%;
margin-bottom:2rem;
float:none;
}

.big1 .brpc{
display:inline;
}
#main .hoikuen h3{
font-size:100%;
}
.col3b{
width:90%;
margin:0 auto;
}
.col3b li{
width:100%;
margin:0 auto 4rem auto;
}
.col3b li:nth-child(3n+1){
float:none;
}
.tbl .tbl_in{
width:100%;
}
.tbl td .ico img{
width:120px;
}
.tbl td .twoln li{
margin-bottom:1rem;
}
.tbl td .twoln li .ico{
display:block;
}
#main .hoikuen h1{
width:100%;
}

.img_rinen{
float:none;
width:100%;
margin-bottom:4rem;
}


}