@charset "UTF-8";
/*@media screen and (max-width:640px){*/
@media screen and (max-width:700px){

.sp_none {display: none !important;}
img.w100{ width: auto; max-width: 100%; height: auto;}
body{ background:#fffbf0 !important;}
#wrapper{ }
.mb_center{ display:block; margin-left: auto; margin-right: auto ;}
.sp_mt40{ margin-top: 40px;}
.pc_mt20{ margin-top: 0;}
/* -----------------------------------------------------------------------------
 Header
----------------------------------------------------------------------------- */

#navi{ display:none;}

/* -----------------------------------------------------------------------------
 Navi
----------------------------------------------------------------------------- */
header{ position:relative; padding: 0 6px 20px;}
.logo{ /*width: 50%; height: auto;*/ margin-top: 15px; width: 70%;}
.logo img{ width: auto; max-width: 100%; height: auto;}

/* -----------------------------------------------------------------------------
 Contents
----------------------------------------------------------------------------- */
.top #contents{ padding: 0 30px; background: #fffbf0; }
.top .news{ width: 100%; margin-bottom: 20px;
-webkit-box-shadow: 1px 2px 3px 0px rgba(80, 80, 80, 0.4);
-moz-box-shadow:    1px 2px 3px 0px rgba(80, 80, 80, 0.4);
box-shadow:         1px 2px 3px 0px rgba(80, 80, 80, 0.4);}
.top .news h2{ border: 1px solid #A3967B; border-radius: 6px 6px 0 0; color: #fff; text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5); padding: 5px 5px;
font-size: 125%; letter-spacing: 1px;}
.top .news ul{ padding: 15px 20px 15px;}
.top .news li{ border-bottom: 1px solid #78643C; padding: 10px 0;}
.top .news li p{ display:block; width: 100%;}
.top .news li p.text{ padding: 5px 0;}

.top .news .more{ text-align: right; padding: 0 20px 15px 0;}
.top .news .more a{ color: #956464;}


.top .btn{ width: 100%;}
.top .btn li{ padding: 15px 15px 15px 65px; border-top: 8px solid #2D9127; margin-bottom: 15px; font-size: 125%; text-indent: -50px; font-weight: bold; letter-spacing: 1px;}


.top .bn{ padding: 10% 0 0 3%;}
.top .bn ul{ margin: 25px -15px 0 0;}
.top .bn li{ float: left; width: 42%; margin: 0 15px 15px 0;}
.top .bn li img{ width: 100%; min-width: 100%; height: auto;}








/* -----------------------------------------------------------------------------
 Aside
----------------------------------------------------------------------------- */
aside{ display:block;}
aside .side{ background: #F39800; padding: 8px 15px; color: #fff; font-size: 110%; font-weight: bold; letter-spacing: 2px;}
aside ul{ padding: 0; background: #666;}
aside ul li,aside ul li p{ background: #eee; border-top: 1px solid #E4E4E4;
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(220,221,221,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(220,221,221,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(220,221,221,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(220,221,221,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(220,221,221,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(220,221,221,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dcdddd',GradientType=0 ); /* IE6-9 */
}
aside ul li a{ text-decoration:none !important; display: block; padding: 10px 15px;}
aside ul li a:hover{ text-decoration: none!important;}
aside li li{padding: 0; margin-bottom: -1px;}
aside li li{ border-bottom: 1px solid #fff; padding: 5px 10px;
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(250,247,228,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(250,247,228,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(250,247,228,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(250,247,228,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(250,247,228,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(250,247,228,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#faf7e4',GradientType=0 ); /* IE6-9 */
}
aside li li a{ text-decoration:none !important; display: block; padding: 3px 20px;}
aside li li a:before{ content: '└'; vertical-align:middle; margin-right: 5px;}
aside .title{ color: #036EB8; font-size: 115%; border-bottom: 1px solid #dedac4; letter-spacing: 2px; padding: 15px 10px !important; background: #fff;}
aside .current a{ color: #036EB8 !important; text-decoration:none !important;}
aside li a:before{ content: '▶'; font-size: 50%; margin-right: 3px; vertical-align:middle;}






/* -----------------------------------------------------------------------------
 Sub
----------------------------------------------------------------------------- */
/* Common */
.sub #contents{ }
#contentbox{ display:block; margin-top: 20px;}
#contentbox .inner{ padding: 0 10px;}
.sub .section{ margin-top: 50px;}


/* 見出し */
.sub .cat{ background: #5f7f66; border-bottom: 8px solid #31442e; padding: 15px 15px; color: #fff; font-size: 125%; letter-spacing: 2px;
margin-bottom: 25px; border-radius: 0;}
.sub .cat strong{ background: url(/shared/img/title_icon.gif) no-repeat left; padding: 3px 0 5px 25px; vertical-align:middle;}
.sub .pagetitle{ background: #F5F0E4; border-bottom: 1px solid #036EB8; padding: 5px 15px; color: #3E3A39; font-size: 120%; letter-spacing: 2px; margin-bottom: 20px;}


/* History*/
table.style01 th,table.style01 td{ vertical-align:middle;}
table.style01 th{display:block; float: left; padding: 15px 15px 0 0; border-bottom: none;}
table.style01 td.month{ display:block; padding: 15px 0 0 0; border-bottom: none;}
table.style01 td.text{ width: 100%; display:block; border-bottom: 1px dashed #2EA7E0; padding: 0 0 5px 0;}


/* Organize */
table.style02{ border: none; padding: 15px 0 2px 0; }
table.style02 th,table.style02 td{ border: none; padding: 0; vertical-align:middle;}
table.style02 th{ background: none; display:block; float: left; width: auto; color: #22AC38; padding-right: 10px;}
table.style02 td.cell01{ display:block; padding: 0; color: #22AC38; width: auto; float: left;}
table.style02 td.cell02{ display:block; padding: 0 0 15px 0; width: 100%; clear:both;}

/* Outline */
table.style03{ border: none; padding: 15px 0 2px 0; }
table.style03 th,table.style03 td{ border: none; padding: 0; vertical-align:middle;}
table.style03 th{ background: none; display:block; width: 100%; color: #22AC38;}
table.style03 td{ display:block; padding: 0 0 15px 0;}


table.style04 th{display:block; padding: 15px 5px 0; border-bottom: none; width: 100% !important;}
table.style04 td{ display:block; width:100%; padding: 0 5px 15px!important;}

/* Syokuiku */
.activity_navi{ width: 94%; display:block; margin: 0 auto;}
.activity_navi li{ width: 100%; margin-bottom: 30px; height: auto; padding: 15px 0;}

/* Syokuiku */
.btn_style01{ width: 94%; display:block; margin: 0 auto;}
.btn_style01 li{  width: 100%; margin-bottom: 30px; height: auto; padding: 15px 0;}


/* 給食会からのお知らせ */
table.list_info td{ display:block !important;}
table.list_info td.date{ float: left;}
table.list_info th{ display:block !important; width: 100%; padding: 0 0 20px 10px;}

table.list_info02 th,.list_info02 td{ display:block;}
table.list_info02 th{ padding-bottom: 20px;}
table.list_info02 td{ padding: 0 0 5px 0;}

table.list_info03 th,.list_info03 td{ display:block !important;}
table.list_info03 th{ color: #22AC38;}
table.list_info03 td{ padding: 0 0 15px 0;}

table.list_info04 th,.list_info04 td{ display:block !important;}
table.list_info04 th{ width: 100%;}
table.list_info04 td{ padding: 0 0 15px 0;}

table.list_info05 th,.list_info05 td{ display:block !important;}
table.list_info05 th{ width: 100%; padding: 0;}
table.list_info05 td{ padding: 0 0 25px 0;}



/* Sitemap */
.sitemap .lbox{ width: 100%; float: none; display:block;}
.sitemap ul{ padding: 0 10px;}
.sitemap ul li.title{ background:url(/shared/img/icon_arrow01.gif) no-repeat left top; padding-left: 15px; margin-bottom: 10px;}
.sitemap ul ul{ margin-bottom: 15px;}
.sitemap ul li li{ background:url(/shared/img/icon_arrow02.gif) no-repeat left; padding-left: 15px; margin-bottom: 5px;}
.sitemap ul li li.line02{ background:url(/shared/img/icon_arrow02.gif) no-repeat left top; padding-left: 15px; line-height: 1.5;}
.sitemap ul .pagename{ border-bottom: 1px dashed #B2AF9D; background:url(/shared/img/icon_arrow01.gif) no-repeat left; padding: 2px 0 2px 15px; margin-bottom: 10px;}

.sitemap .rbox{  width: 100%; float: none; display:block;}




/* -----------------------------------------------------------------------------
 Footer
----------------------------------------------------------------------------- */
footer{ margin-top: 40px; text-align:center; padding-bottom: 50px;}
footer address{ margin-top: 5px;}

#footer_navi{ text-align: center; margin-bottom: 20px;}
#footer_navi li{ display:inline; border-left: 2px solid #FF783C; padding: 0 5px 0 5px; font-weight: bold; line-height: 2.0;}
#footer_navi li a{ color: #FF783C;}
#footer_navi li:first-child{ padding-left: 10px;}
#footer_navi li.line_r{ border-right: 2px solid #FF783C; padding: 0 5px 0 5px; }

footer .foot_logo{ width: 70%; display:block; margin:auto;}
footer .foot_logo img{ width: auto; max-width: 100%; height: auto;}

}

@media screen and (max-width:400px){
/* adv */
.img_right_section .text{ width: 100%; display:block; margin: 0 0 10px 0; float: none;}
.img_right_section .img{ text-align:center !important; width: 100%; display:block;}
.img_right_section .img img{height: auto; max-width: 100%; width: auto;}

.img_right_section02 .img{ display:block; text-align:center;}
.img_right_section02 .img img{height: auto; max-width: 100%; width: auto; margin-bottom: 10px;}
.img_right_section02 .img img:first-child{ margin-right: 0;}

.img_left_section{ padding: 0 5px; clear:both;}
.img_left_section .img{ margin-right: 0; display:block; width: 100%; float: none;}
.img_left_section .img img{height: auto; max-width: 100%; width: auto;}
.img_left_section .text{ width: 100%; display:block; text-align:center; margin-top: 10px;}

.img_right_section03 .img{ display:block;}
.img_right_section03 .img img{height: auto; max-width: 100%; width: auto; margin-bottom: 10px; display:block;}
.img_right_section03 .img img:first-child{ margin-right: 0;}

}