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


/* TOPイメージ
------------------------------- */
#img_top{
position:relative;
padding:0 2%;
}
#img_top .bx-wrapper{
margin:0 auto 5%;
}
#img_top li img{
background:url(../gazou/mobi/bg1.jpg);
-webkit-background-size:5% auto;
background-size:5% auto;
padding:1.2%;
-webkit-border-radius: 20%;
border-radius: 20%;
max-width:97.6%;
}
.bx-pager{
display:none;
}

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

/* お知らせ
------------------------------- */
#news{
padding:0 4% 48px;
}
#news h2{
background:url(../gazou/mobi/line1.png) repeat-x bottom;
-webkit-background-size:auto 3px;
background-size:auto 3px;
padding:1% 0 2%;
text-align:center;
}
#news h2 img{
width:32%;
}
#news .btn{
text-align:center;
}
#news ul{
margin:0 0 2%;
}
#news li{
border-bottom:1px dotted #CBB487;
}
#news li:last-child{
border:none;
}
#news li a{
background:url(../gazou/mobi/arrow2.png) no-repeat 0 20px;
-webkit-background-size:5px auto;
background-size:5px auto;
display:block;
padding:10px 0 10px 2%;
text-decoration:none;
font-size:14px;
letter-spacing:-0.0001em;
color:#000;
line-height:1.2;
}
#news li a .date{
display:inline-block;
width:110px;
}
#news li a .ctgname{
display:inline-block;
width:80px;
margin:0 4px 4px 0;
text-align:center;
color:#fff;
background:#FF6633;
}
#news li a .tit{
display:inline-block;
}

/* Concept
------------------------------- */
#concept{
background:#FCF7DC;
text-align:center;
padding:20px 0;
}
#concept .wrapper{
margin:0 auto 12%;
}
#concept h2{
text-align:center;
margin:0 0 16px;
}
#concept h2 img{
width:57%;
}
#concept .txt{
line-height:1.6;
font-size:12px;
margin:0 0 5%;
}
#concept .btn a{
display:block;
width:62%;
margin:0 auto;
}

/* 今日の給食
------------------------------- */
#kyushoku{
position:relative;
background:url(../gazou/mobi/bg3.jpg);
-webkit-background-size:50px auto;
background-size:50px auto;
padding:0 0 20px;
margin:0 0 32px;
}
#kyushoku h2{
position:absolute;
top:0;
left:0;
width:100%;
margin:-8% 0 0;
z-index:10;
}
#kyushoku .wrapper{
position:relative;
padding:8% 0 0;
}
#kyushoku .img1{
position:absolute;
top:0;
left:10px;
width:57px;
margin:8% 0 0;
z-index:1;
}
#kyushoku .img2{
position:absolute;
top:0;
right:0;
width:87px;
margin:8% 0 0;
z-index:1;
}
#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 .btn{
text-align:center;
line-height:1;
}
#kyushoku .btn a{
padding:12px 20px 10px 40px;
background:#FDB82C;
}
#kyushoku .btn a:after{
right:6px;
}
#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;
}

/* ギャラリー
------------------------------- */
.tit_photo{
display:none;
}
#gallery{
margin:0 0 32px;
}
#gallery h2{
text-align:center;
}
#gallery h2 img{
width:44%;
}
#gallery  ul{
margin:0 0 24px;
}
#gallery  ul:after{
content:"";
display:block;
clear:both;
}
#gallery  ul li{
float:left;
padding:0 1%;
width:31.333%;
font-size:12px;
}
#gallery  ul li　.photo{
height:150px;
overflow:hidden;
}
ul.li_photo li img{
display:block;
}
#gallery .btn a{
display:block;
width:62%;
margin:0 auto;
}