/*------------------------------
  スマホ用
------------------------------- */
@import url("reset.css");
@import url("image_s.css");
@import url("smobi.css");


/* TOPイメージ
------------------------------- */
#img_top{
margin:0 auto;
width:76%;
max-width:560px;
position:relative;
}
#img_top:before{
content:"";
display:block;
width:50px;
height:40px;
background:url(../gazou/mobi/i_chou.png) no-repeat;
-webkit-background-size:100% auto;
background-size:100% auto;
position:absolute;
left:-16%;
top:5%;
z-index:1;
}
#img_top:after{
content:"";
display:block;
width:40px;
height:50px;
background:url(../gazou/mobi/i_bee.png) no-repeat;
-webkit-background-size:100% auto;
background-size:100% auto;
position:absolute;
right:-15%;
bottom:5%;
z-index:1;
}
.bx-wrapper{
margin:0 0 40px;
}
#img_top .circle{
box-sizing:border-box;
display:block;
width:100%;
padding:100% 0 0;
position:relative;
overflow:hidden;
border:5px solid #F5B79E;
-webkit-border-radius: 50%;
border-radius: 50%;
}
#img_top .circle img{
position:absolute;
top:0;
left:-10%;
width:120%;
max-width:120%;
}
.bx-wrapper .bx-pager a{
display:inline-block;
-webkit-border-radius: 50%;
border-radius: 50%;
position:relative;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
background:#C83955;
}


/* お知らせ
------------------------------ */
#news{
background:url(../gazou/mobi/bg_news.png) repeat-y;
-webkit-background-size:100% 10px;
background-size:100% 10px;
position:relative;
padding:2% 0;
margin:80px auto;
width:91.2%;
}
#news:before{
content:"";
display:block;
width:100%;
height:10px;
background:url(../gazou/mobi/bg_news_top.png) no-repeat;
-webkit-background-size:100% 10px;
background-size:100% 10px;
position:absolute;
left:0;
top:-10px;
z-index:1;
}
#news:after{
content:"";
display:block;
width:100%;
height:10px;
background:url(../gazou/mobi/bg_news_btm.png) no-repeat;
-webkit-background-size:100% 10px;
background-size:100% 10px;
position:absolute;
left:0;
bottom:-10px;
z-index:1;
}
#news h2{
position:absolute;
width:147px;
top:-55px;
left:3%;
}
#news li a{
position:relative;
display:block;
font-size:14px;
padding:8px 8px 8px 24px;
}
#news li a:before{
content:"";
display:block;
height:0;
width:0;
border:4px solid transparent;
border-left:8px solid #999;
position:absolute;
left:12px;
top:14px;
}
#news li a .date{
display:inline-block;
width:110px;
color:#34C1A5;
}
#news li .ctgname{
background:#39C09E;
color:#fff;
font-size:14px;
display:inline-block;
padding:0 10px;
line-height:20px;
}
#news li .tit{
display:block;
text-decoration:underline;
color:#000;
padding:6px 0 0;
}
#news .btn{
text-align:center;
padding:3% 0 0;
}
#news .btn img{
width:48%;
}

/* 今月の予定
------------------------------ */
#schedule{
background:url(../gazou/mobi/bg_schedule.png) repeat-y;
-webkit-background-size:100% 10px;
background-size:100% 10px;
position:relative;
padding:4% 0 2%;
margin:80px auto 8%;
width:91.2%;
}
#schedule:before{
content:"";
display:block;
width:100%;
height:10px;
background:url(../gazou/mobi/bg_schedule_top.png) no-repeat;
-webkit-background-size:100% 10px;
background-size:100% 10px;
position:absolute;
left:0;
top:-10px;
z-index:1;
}
#schedule:after{
content:"";
display:block;
width:100%;
height:10px;
background:url(../gazou/mobi/bg_schedule_btm.png) no-repeat;
-webkit-background-size:100% 10px;
background-size:100% 10px;
position:absolute;
left:0;
bottom:-10px;
z-index:1;
}
#schedule h2{
position:absolute;
width:147px;
top:-55px;
left:3%;
}
#schedule li{
padding:0 10px 16px 20px;
}
#schedule li .date{
display:inline-block;
color:#FF9999;
width:100px;
}

/* 教育理念
------------------------------- */
#policy{
background:#F9F6D5;
padding:4%;
}
#policy h2{
text-align:center;
padding:0 16% 3% 0;
}
#policy h2 img{
width:64%;
}
#policy .txt{
font-size:16px;
line-height:1.6;
margin:0 0 2%;
}
#policy .img{
text-align:center;
padding:0 0 5%;
}

/* ルンビニーギャラリー
------------------------------- */
#gallery{
background:url(../gazou/mobi/line2.png) repeat-x top,url(../gazou/mobi/bg1.gif);
-webkit-background-size:auto 4px,33px auto;
background-size:auto 4px,33px auto;
padding:4% 0;
}
#gallery h2{
text-align:center;
padding:0 3% 2%;
}
#gallery .btn{
text-align:center;
}
#gallery ul{
padding:0 6% 3%;
}
#gallery ul:after{
content:"";
display:block;
clear:both;
}
#gallery li{
background:url(../gazou/mobi/bg_gallery1.png) no-repeat;
-webkit-background-size:100% 100%;
background-size:100% 100%;
width:44%;
float:left;
padding:6.14% 1.7% 1.7% 1.7%;
clear:both;
margin:0 0 3%;
}
#gallery li:nth-child(2n){
background:url(../gazou/mobi/bg_gallery2.png) no-repeat;
-webkit-background-size:100% 100%;
background-size:100% 100%;
clear:none;
float:right;
}

#gallery .btn1, #gallery .tit{display:none;}

#gallery li .img{
position:relative;
display:block;
overflow:hidden;
padding:75% 0 0;
}
#gallery li .img img{
position:absolute;
width:100%;
top:0;
left:0;
}