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


/* TOPイメージ
------------------------------- */
#sliderbox{
text-align:center;
position:relative;
z-index:10;
margin:0 3% 10%;
}
#sliderbox .himawari{
position:absolute;
bottom:0;
left:10px;
z-index:20;
width:30%;
}
.bx-wrapper{
margin:0;
}
.slide_wrap{
background:#FFC980;
padding:2%;
margin:0 0 5%;
border:1px solid #FBAEAE;
-webkit-border-radius: 6px;
border-radius: 6px;
}
#img_top .slides{
padding:1%;
-webkit-border-radius: 6px;
border-radius: 6px;
opacity:0;
}
.slides:after{
content:"";
display:block;
clear:both;
}

#img_top li img{
-webkit-border-radius: 6px;
border-radius: 6px;
}
#img_top h2{
font-size:16px;
line-height:1.4;
margin:4% 0;
text-align:center;
}

#img_top .bx-wrapper .bx-prev{
}
#img_top .flex-control-nav{
bottom:-13%;
}
#img_top .flex-direction-nav{
display:none;
}
#img_top .bx-controls-direction{
}
#img_top .bx-controls-direction a{

}
#img_top .bx-wrapper .bx-pager{
bottom:-30px;
}
.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:#999;
}

.bt_new{
margin:4%;
text-align:center;
}

/* フジオひまわり保育園の保育
------------------------------- */
#policy{
text-align:center;
margin:0 auto 32px;
}
#policy h2{
font-size:16px;
margin:0 0 4%;
font-weight:bold;
color:#F18D00;
}
#policy .img{
width:78%;
margin:0 auto 2%;
}
#policy .txt{
font-size:10px;
letter-spacing:-0.0001em;
line-height:1.8;
margin:0 0 2%;
}




/* お知らせ
------------------------------- */
#news{
background:url(../gazou/mobi/bg_stripe1.jpg);
-webkit-background-size:25px auto;
background-size:25px auto;
margin:0 0 12px;
padding:30px 5px;
}
#news .wrapper{
position:relative;

}
#news h2{
position:absolute;
top:-22px;
left:12px;
width:80px;
z-index:2;
}
#news .btn{
position:absolute;
top:-22px;
right:20px;
width:80px;
z-index:2;
}
#news .btn a:after{
content:"";
background:url(../gazou/mobi/i_bee.png);
-webkit-background-size:100% auto;
background-size:100% auto;
width:26px;
height:26px;
position:absolute;
right:-20px;
top:-12px;
}
#news .wrapper:after{
content:"";
background:#fc0;
display:block;
width:92%;
position:absolute;
bottom:-4px;
left:18px;
height:125px;
-webkit-border-radius: 8px;
border-radius: 8px;
}
#news ul{
position:relative;
z-index:1;
background:#fff;
margin:0 4%;
height:125px;
-webkit-border-radius: 8px;
border-radius: 8px;
}
#news li{
border-bottom:1px dotted #CBB487;
margin:0 4%;
}
#news li:last-child{
border:none;
}
#news li a{
display:block;
padding:10px 0;
text-decoration:none;
font-size:10px;
letter-spacing:-0.0001em;
color:#000;
line-height:1.2;
}
#news li a .date{
display:inline-block;
width:90px;
}
#top_btn{
margin:0 auto 20px;
}
#top_btn ul{
margin:0 2% 4%;
}
#top_btn ul:after{
content:"";
display:block;
clear:both;
}
#top_btn li{
width:46%;
float:left;
margin:0 2%;
}
#top_btn3{
text-align:center;
margin:0 0 32px;
}
#top_btn3 img{
width:66%;
}

/* 今日の給食
------------------------------- */
#kyushoku{
background:url(../gazou/top/bg_kyushoku1.png) repeat-x left top,url(../gazou/top/bg_kyushoku2.png) repeat-x left bottom,url(../gazou/top/bg_kyushoku.gif);
-webkit-background-size:auto 4px,auto 6px,auto 4px;
background-size:auto 4px,auto 6px,auto 4px;
position:relative;
padding:32px 0 20px;
margin:0 0 32px;
position:relative;
clear:both;
}
#kyushoku h2{
position:absolute;
top:-20px;
left:0;
z-index:1;
width:100%;
text-align:center;
}
#kyushoku h2 img{
width:225px;
}
#kyushoku .wrapper{
position:relative;
}
#kyushoku .img1{
position:absolute;
top:-20px;
left:0;
width:60px;
}
#kyushoku .img2{
position:absolute;
top:-5px;
right:0;
width:103px;
}
#kyushoku .list_kyushoku h3{
background:url(../gazou/top/tit_date.png) no-repeat center top;
-webkit-background-size:106px auto;
background-size:106px auto;
font-size:10px;
font-weight:bold;
text-align:center;
height:40px;
line-height:24px;
padding:0 16px 0 0;
color:#000;
}
#kyushoku .list_kyushoku ul{
width:72%;
margin:0 auto 10px;
}
#kyushoku .list_kyushoku ul:after{
content:"";
display:block;
clear:both;
}
#kyushoku .list_kyushoku li{
float:left;
width:48%;
}
#kyushoku .list_kyushoku li img{
max-width:100%;
height:auto;
}
#kyushoku .list_kyushoku li:nth-child(2){
float:right;
}
#kyushoku .list_kyushoku .btn{
text-align:center;
line-height:1;
}
#kyushoku .list_kyushoku .btn a{
background:url(../gazou/mobi/btn_kyushoku.png) no-repeat center top;
-webkit-background-size:100% auto;
background-size:100% auto;
padding:0;
width:152px;
height:25px;
text-indent:-9999px;
tarnsition:.6s;
}



/* ギャラリー
------------------------------- */
#gallery{
text-align:center;
margin:5% 0;
}
ul.li_photo li{
display:inline-block;
padding:3% 1%;
width:30%;
text-align:center;
}
ul.li_photo li img{
display:block;
}