/*------------------------------
仮TOP用CSS
------------------------------- */
@import url("reset.css");
@import url("share.css");


/* トップイメージ
------------------------------- */
#img_top{
width:1000px;
text-align:center;
margin:15px auto 60px;
position:relative;
}
#img_top:after{
content:url(../gazou/top/slider.png);
position:absolute;
top:0;
left:-90px;
z-index:1;
}
#img_top li{
height:480px;
overflow:hidden;
}
#img_top li img{
width:100%;
}
#img_top ul:after{
content:"";
display:block;
clear:both;
}

#img_top .bx-controls-direction{
position:absolute;
left:50%;
top:50%;
width:1110px;
margin:-23px 0 0 -560px; 
}
#img_top .bx-controls-direction a{
display:block;
background:rgba(255,255,255,0.6);
width:46px;
height:46px;
line-height:46px;
font-size:24px;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
color:#2E6D02;
font-weight:bold;
-webkit-border-radius: 50%;
border-radius: 50%;
behavior: url("/js/PIE.htc");
position:relative;
text-indent:0;
text-decoration:none;
}
.bx-wrapper .bx-pager a{
display:inline-block;
-webkit-border-radius: 50%;
border-radius: 50%;
behavior: url("/js/PIE.htc");
position:relative;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
background:#F18D00;
}
#img_top .bx-controls-direction .bx-prev{
background:url(../gazou/top/arrow_l.png);
width:70px;
height:70px;
display:block;
text-indent:-9999px;
position:absolute;
top:0;
right:0;
}
#img_top .bx-controls-direction .bx-next{
background:url(../gazou/top/arrow_r.png);
width:70px;
height:70px;
display:block;
text-indent:-9999px;
position:absolute;
top:0;
right:0;
}
.bx-wrapper .bx-pager{
bottom: -20px;
z-index:2;
padding:0;
}

.bt_new{
text-align:center;
padding-bottom:60px;
}

/* フジオひまわり保育園の保育
------------------------------- */
#policy{
padding:0 0 60px;
position:relative;
text-align:center;
}
#policy:after{
content:"";
display:block;
clear:both;
}
#policy h2{
font-size:32px;
font-weight:bold;
line-height:1.4;
padding:0 0 24px;
text-align:center;
color:#F18D00;
font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
}
#policy h2 span{
color:#000;
font-size:18px;
display:block;
}
#policy .txt{
width:500px;
font-size:16px;
line-height:1.8;
margin:0 auto;
text-align:center;
}

#policy .img_left{
position:absolute;
top:-20px;
left:-95px;
}
#policy .img_right{
position:absolute;
top:-20px;
right:-95px;
}
#policy .btn{
margin-top:30px;
}


/* 保育の特徴
------------------------------- */
#hoiku {
margin-bottom:30px;
}
#hoiku dl{
float:left;
margin:0 5px;
background:url(../gazou/top/hoiku_bg.png) no-repeat 0 top;
width:234px;
height:234px;
position:relative;
}

#hoiku dt{
text-align:center;
}
#hoiku dt img{
margin:29px 0 25px 0;
}
#hoiku dd{
padding:5px 8px 25px 15px;
font-size:14px;
}
#hoiku dd span{
color:#F18D00;
font-weight:bold;
}
.hoiku01 .img01{
position:absolute;
top:175px;
left:-40px;
}
.hoiku01 .img02{
position:absolute;
top:-50px;
right:-20px;
}
.hoiku02 .img03{
position:absolute;
top:175px;
right:60px;
}
.hoiku03 .img04{
position:absolute;
top:-50px;
left:30px;
}

/* 新着情報
------------------------------- */

#news{
background:#fff;
width:526px;
float:left;
position:relative;
}
#news h2{
background:url(../gazou/top/tit_news.png) no-repeat 8px 8px;
font-size:24px;
font-weight:bold;
padding:16px 0 0 56px;
height:54px;
}
#news .btn{
position:absolute;
z-index:1;
top:8px;
right:12px;
}
#news .btn a{
display:block;
text-align:center;
-webkit-border-radius: 50px;
border-radius: 50px;
behavior: url("/js/PIE.htc");
font-size:16px;
color:#fff;
background:#F18D00;
width:130px;
}
#news .btn a:hover{
background:#FFCC00;
}
#news ul{
width:500px;
height:150px;
}

#news li{
padding:5px 10px 5px 24px;
}
#news li a{
background:url(../gazou/top/arrow_news.png) no-repeat 0 8px;
display:block;
color:#000;
padding:4px 10px;
font-size:16px;
overflow:hidden;
white-space:nowrap;
text-overflow: ellipsis;
transition:0.3s;
}
#news li a:hover{
text-decoration:underline;
}
#news li a .date{
display:inline-block;
text-decoration:none;
width:150px;
}

/* フジオひまわり保育園について
------------------------------- */
#top_btn{
width:440px;
float:right;
padding:0;
margin:0 0 80px;
}
/*
#top_btn li{
margin:0;
float:left;
width:230px;
position:relative;
}
#top_btn li a:hover{
transition:.6s;
opacity:0;
}
*/
#top_btn li{
position:relative;
}
#top_btn1{
background:url(../gazou/top/btn_shokuiku_a.png);
}
#top_btn2{
background:url(../gazou/top/btn_center_a.png);
}
#top_btn3 a:after{
content:url(../gazou/top/btn_oyako_a.png);
opacity:0;
position:absolute;
z-index:1;
top:66px;
left:286px;
transition:.6s;
}
#top_btn3 a:hover:after{
opacity:1;
}
#top_btn3 a:hover img{
opacity:1;
}


/* 今日の給食
------------------------------- */
#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);
position:relative;
padding:36px 0 30px;
margin:0 0 56px;
position:relative;
clear:both;
}
#kyushoku h2{
position:absolute;
top:-30px;
left:0;
width:100%;
text-align:center;
}
#kyushoku .wrapper{
position:relative;
}
#kyushoku .img1{
position:absolute;
top:42px;
left:88px;
}
#kyushoku .img2{
position:absolute;
top:-12px;
left:756px;
}
#kyushoku .list_kyushoku h3{
background:url(../gazou/top/tit_date.png) no-repeat center top;
font-size:20px;
font-weight:bold;
text-align:center;
height:56px;
line-height:42px;
padding:0 30px 0 0;
}
#kyushoku .list_kyushoku ul{
width:540px;
margin:0 auto 20px;
}
#kyushoku .list_kyushoku ul:after{
content:"";
display:block;
clear:both;
}
#kyushoku .list_kyushoku li{
float:left;
width:264px;
}
#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/top/btn_kyushoku.png) no-repeat center top;
padding:0;
width:304px;
height:49px;
text-indent:-9999px;
tarnsition:.6s;
}
#kyushoku .list_kyushoku .btn a:hover{
opacity:.8;
}


/* ギャラリー
------------------------------- */
#gallery{
text-align:center;
}
#gallery h2{
margin:60px 0 24px;
}
#gallery .att{
display:none;
}
#gallery ul{
padding:0 0 40px 10px;
}
#gallery li .btn1{
display:none;
}
#gallery .btn a{
padding:16px 60px;
}
.tit_photo{
display:none;
}
/* 追加20170306
------------------------------- */
.index_gallery li{
background:url(../gazou/top/bg_gallery.png) no-repeat;
width:320px;
float:left;
margin:0 10px 0 0;
padding:8px 0 0;
font-size:16px;
}
.index_gallery li a{
display:block;
color:#333;
line-height:1.2;
cursor:default;
}
.index_gallery li a:hover img{
opacity:1;
}
.index_gallery ul:after{
content:"";
display:block;
clear:both;
}

.index_gallery li .photo{
display:block;
width:300px;
height:225px;
margin:0 10px 16px;
overflow:hidden;
}
.index_gallery li .photo img{
height:225px;
width:auto;
max-width:none;
}
.index_gallery li .cap{
display:block;
}
.index_gallery  li:last-child{
margin:0;
}

.index_gallery .cap{
display:none;
}
/* ここまで
------------------------------- */