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



/* トップイメージ
------------------------------- */
#img_top{
position:relative;
width: 100%;
height:440px;
}
#img_top .illust{
position:relative;
height:440px;
}
#img_top .illust li{
position:absolute;
z-index:10;
animation: fuwafuwa 3s ease-in-out infinite alternate;
}
#img_top .i_sun{top:-120px;left:-170px;z-index:0  !important;}
#img_top .i_butterfly{top:-10px;left:690px;}
#img_top .i_balloon{top:300px;left:-150px;}
#img_top .i_bee{top:330px;right:-100px;}
#slider{
position:absolute;
white-space:nowrap;
z-index:1;
}
#slider li{
background:url(../gazou/top/bg_slider.png) no-repeat center;
width:400px;
height:380px;
display:inline-block;
animation: fuwafuwa 1s ease-in-out infinite alternate;
}
#slider li:nth-child(2n){
animation: fuwafuwa 2s ease-in-out infinite alternate;
}
@keyframes fuwafuwa {
0% {transform:translateY(-10px); }
100% {transform:translateY(  0px); }
}

#slider li .img{
display:inline-block;
width:360px;
height:360px;
-webkit-border-radius:50%;
border-radius:50%;
behavior: url("/js/PIE.htc");
position:relative;
overflow:hidden;
text-align:center;
margin:10px 20px;
}
#slider li .img{
-webkit-border-radius:50%;
border-radius:50%;
behavior: url("/js/PIE.htc");
position:relative;
}


/* 教育理念
------------------------------- */
#policy{
background:url(../gazou/top/bg_policy1.png) no-repeat center bottom,url(../gazou/top/bg_policy2.png) no-repeat center bottom;
-webkit-background-size:auto,100% 170px;
background-size:auto,100% 170px;
height:480px;
}
#policy .wrapper{
position:relative;
}
#policy h2{
margin:0 0 20px 40px;
}
#policy .txt{
font-size:16px;
line-height:1.6;
color:#333;
font-weight:bold;
width:460px;
}
#policy .img{
position:absolute;
top:0;
left:520px;
}

/* 新着情報
------------------------------- */
#info{
background:#F9F6D5;
padding:64px 0 70px;
}
#news{
background:url(../gazou/top/bg_news1.jpg) no-repeat top,url(../gazou/top/bg_news3.jpg) no-repeat bottom,url(../gazou/top/bg_news2.jpg) repeat-y;
width:670px;
float:left;
position:relative;
height:190px;
}
#news h2{
position:absolute;
top:-60px;
left:16px;
}
#news .btn{
position:absolute;
top:-24px;
right:20px;
}
#news ul{
padding:20px 30px 40px;
}
#news li a{
background:url(../gazou/share/arrow1.png) no-repeat left center;
display:block;
overflow:hidden;
white-space:nowrap;
text-overflow: ellipsis;
padding:10px 10px 10px 16px;
line-height:1.2;
transition:.3s;
color:#000;
font-size:14px;
}
#news li a:hover{
color:#39C09E;
}
#news li .date{
display:inline-block;
width:130px;
color:#34C1A5;
}
#news li .ctgname{
background:#39C09E;
display:inline-block;
padding:0 18px;
line-height:20px;
color:#fff;
margin:0 10px 0 0;
}
#news li .tit{
text-decoration:underline;
}

#schedule{
background:url(../gazou/top/bg_schedule1.jpg) no-repeat top,url(../gazou/top/bg_schedule3.jpg) no-repeat bottom,url(../gazou/top/bg_schedule2.jpg) repeat-y;
width:290px;
height:190px;
float:right;
position:relative;
}
#schedule h2{
position:absolute;
top:-60px;
left:16px;
}
#schedule li{
display:block;
overflow:hidden;
white-space:nowrap;

padding:10px 20px 10px 0;
line-height:1.2;
color:#000;
font-size:14px;
}
#schedule li .date{
color:#E8595C;

width:100px;
}
#schedule .scroll{
position:relative;
height:150px;
margin:20px 20px 0 20px;
}
#schedule .ps__rail-y{
background:#FEA5B9;
width:4px;
right:6px;
opacity: 1!important;
}
#schedule .ps__thumb-y{
background:#E74B82;
width:12px;
right:-4px;
opacity: 1!important;
}

/* ルンビニーギャラリー
------------------------------- */
#gallery{
background:url(../gazou/share/line2.png) repeat-x top,url(../gazou/share/line3.png) repeat-x bottom,url(../gazou/share/bg1.gif);
}
#gallery h2{
padding:24px 0 10px;
text-align:center;
}
#gallery ul:after{
content:"";
display:block;
clear:both;
}
#gallery li{
background:url(../gazou/top/bg_gallery1.png) no-repeat;
width:234px;
float:left;
margin:0 21px 30px 0;
padding:29px 0 6px;
font-size:16px;
line-height:1.2;
color:#333;
}
#gallery li:last-child{
margin:0;
}
#gallery .btn1, #gallery .tit{display:none;}

#gallery li:nth-child(2n){
background:url(../gazou/top/bg_gallery2.png) no-repeat;
}
#gallery li a{
color:#333;
}
#gallery li .img{
display:block;
height:160px;
margin:0 6px 20px;
overflow:hidden;
}
#gallery .btn{
text-align:center;
padding:0 0 40px;
}