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


/* TOPグループ
------------------------------- */
.bg{
background:url(../gazou/mobi/bg_top.jpg) no-repeat bottom;
-webkit-background-size:100% auto;
background-size:100% auto;
padding:80px 0 20px;
margin:0 0 4%;
}
#top_group li{
background:#fff;
width:90%;
margin:0 auto 10px;
max-width:480px;
padding:1%;
box-shadow:0px 0px 5px rgba(0,0,0,.3);
behavior: url("/js/PIE.htc");
position:relative;
}
#top_group li a{
display:block;
background:#ffc url(../gazou/mobi/arrow1.png) no-repeat 10% center;
-webkit-background-size:15px auto;
background-size:15px auto;
text-align:right;
color:#000;
}
#top_group li a img{
width:42%;
}
#top_group li:after{
content:"";
display:block;
clear:both;
}
#top_group li a span{
position:absolute;
font-size:22px;
font-weight:bold;
top:50%;
left:18%;
margin-top:-4px;
z-index:1;
text-align:left;
}

/* concept
------------------------------- */
#concept{
margin:0 0 6%;
}
#concept h2{
text-align:center;
margin:0 0 3%;
}
#concept h2 img{
width:72%;
}
#concept .txt{
padding:0 8%;
font-size:12px;
letter-spacing:-0.0001em;
line-height:1.6;
}

/* 今日の給食
------------------------------- */
#kyushoku{
background:url(../gazou/mobi/bg_cork1.jpg);
-webkit-background-size:100% auto;
background-size:100% auto;
padding:0 0 4%;
margin:0 0 6%;
}
#kyushoku #jien{
margin:0 2.5% 2%;
}
#kyushoku #jien:after{
content:"";
display:block;
clear:both;
}
#kyushoku #jien dt{
width:20%;
float:left;
margin:0 2% 0 0;
}
#kyushoku #jien dd{
font-size:10px;
letter-spacing:-0.0001em;
line-height:1.6;
}
#today_kyushoku{
background:#fff;
position:relative;
margin:0 2.5%;
padding:3% 5.5%;
}
#today_kyushoku:before{
content:"";
display:block;
background:url(../gazou/mobi/i_pin.png) no-repeat;
-webkit-background-size:100% auto;
background-size:100% auto;
position:absolute;
width:9px;
height:12px;
position:absolute;
left:12px;
top:-4px;
}
#today_kyushoku:after{
content:"";
display:block;
background:url(../gazou/mobi/i_pin.png) no-repeat;
-webkit-background-size:100% auto;
background-size:100% auto;
position:absolute;
width:9px;
height:12px;
position:absolute;
right:12px;
top:-4px;
}
#today_kyushoku h3{
background:url(../gazou/mobi/tit_date.png) no-repeat center top;
-webkit-background-size:auto 25px;
background-size:auto 25px;
font-size:12px;
font-weight:bold;
text-align:center;
height:32px;
line-height:24px;
}
#today_kyushoku ul:after{
content:"";
display:block;
clear:both;
}
#today_kyushoku li{
float:left;
width:45%;
margin:0 0 3%;
}
#today_kyushoku li:nth-child(2){
float:right;
}
#today_kyushoku .btn{
text-align:center;
line-height:1;
}
#today_kyushoku .btn a{
padding:12px 20px 10px 40px;
background:#FDB82C;
}
#today_kyushoku .btn a:after{
right:6px;
}
#kyushoku #today_kyushoku .btn a:before{
content:"";
display:block;
background:url(../gazou/mobi/i_kyushoku.png) no-repeat;
-webkit-background-size:100% auto;
background-size:100% auto;
position:absolute;
width:24px;
height:24px;
left:8px;
top:50%;
margin:-12px 0 0;
}


/* 給食室だより
------------------------------- */
#kyushokudayori{
margin:0 3% 6%;
}
#kyushokudayori h2{
text-align:center;
background:
url(../gazou/mobi/line2.png) repeat-x bottom,
url(../gazou/mobi/img_kyushokudayori1.png) no-repeat 20% 0,
url(../gazou/mobi/img_kyushokudayori2.png) no-repeat 80% 0
;
-webkit-background-size:14% auto,10% auto,11% auto;
background-size:14% auto,9% auto,10% auto;
padding:4% 0 3%;
}
#kyushokudayori h2 img{
width:30%;
}
#kyushokudayori li a .ctgname{
display:inline-block;
width:70px;
margin:0 4px 4px 0;
text-align:center;
color:#fff;
background:#FF6633;
}

/* お知らせ
------------------------------- */
#news{
margin:0 3% 6%;
}
#news h2{
text-align:center;
background:
url(../gazou/mobi/line3.png) repeat-x bottom,
url(../gazou/mobi/img_news1.png) no-repeat 20% 0,
url(../gazou/mobi/img_news2.png) no-repeat 80% 0
;
-webkit-background-size:14% auto,10% auto,11% auto;
background-size:14% auto,9% auto,10% auto;
padding:4% 0 2%;
}
#news h2 span{
display:block;
font-size:10px;
letter-spacing:-0.0001em;
padding:2% 0 0;
}
#news h2 img{
width:20%;
}
#news li a .ctgname{
display:inline-block;
width:70px;
margin:0 4px 4px 0;
text-align:center;
color:#fff;
background:#339966;
}
#kyushokudayori ul,#news ul{
}
#kyushokudayori li,#news li{
border-bottom:1px dotted #CBB487;
}
#kyushokudayori li a,#news li a{
display:block;
padding:10px 0 10px 2%;
text-decoration:none;
font-size:12px;
letter-spacing:-0.0001em;
color:#000;
line-height:1.2;

}
#kyushokudayori li a .date,#news li a .date{
display:inline-block;
width:92px;
}
#kyushokudayori .btn,#news .btn{
text-align:center;
padding:3% 0 0;
}