@charset "utf-8";
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
h1, h2, h3, h4, h5, h6{
	font-weight: normal;
}

body {
	font-family: sans-serif;
    /*line-height:1;*/
	line-height: 1.6;
    font-size:75%;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	-webkit-text-size-adjust:none;
}
/*@media screen and (max-width: 640px){
body {
    font-size:125%;
}
}
@media screen and (max-width: 480px){
body {
    font-size:88%;
}
}*/


article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    background:transparent;
	color: #333;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}


img{
	max-width: 100%;
	height: auto;
	vertical-align: top;
    border: none;
}

ul,ol{
	list-style: none;
}

input {
  /* -webkit-appearance: none; フォームのラジオボタンが消えてしまうのでコメントアウト
   -webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;*/
}

body{
	font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	/*background:url(../img/img-common/bg_02.gif) repeat left top;
	background-size:1%;*/
}


/*------------------------------------
ラッパー 
------------------------------------*/ 
#wrapper {
	margin: 0 auto;
	text-align: center;
	overflow-y:auto;
	-webkit-overflow-scrolling:touch;
	background:url(../img/img-common/bg_01.gif) repeat left top;
	background-size:3%;
}
.disp_pc{
	display: none;
}
.disp_sp{
	display: block;
}

#wrapper img{
	max-width: 100%;
}


/*------------------------------------
ヘッダー 
------------------------------------*/ 
#hed_wrp{
	background-size:100%;
	padding: 0 0 1.5%;
}
#header .hed_block{
	border-top:5px solid #FB7D00;
	margin: 0 0 0px;
	padding: 0 0 1px;
	width:100% !important;
	min-width:100% !important;
	top:0;
	left:0;
	z-index:9999;
}

#header:after { content: "."; display:block; clear:both; height:0; font-size:0.1em; line-height:0; visibility:hidden; overflow:hidden; }
#header { display:inline-block; }
* html #header { height:1% }
#header { display:block;}

#header .logo{
	text-align: left;
	float: left;
	padding: 0% 0 0% 0%;
	width: 81%;
	margin: 0;
}
#header p.menu_open{
	width: 19%;
	float:right;
}
/**　ハンバーガーメニュー **/
body {
    position: relative;
    left: 0;
    overflow-x: hidden;
}
#slide_menu{
	background:#FCFADB;
    position: fixed;
    top: 0;
    width:70%;
	/*width:100%;*/
	z-index:10000;
	overflow-y:auto;
	-webkit-overflow-scrolling:touch;
}

#header p.menu_close2 img{
	width: 45%;
}
#header p.menu_close2{
	margin: 15% 0 8%;
	text-align: center;
}
#header .hed_menu .first {
	padding: 0 0 1%;
}

#header .hed_menu .ttl {
	float:left;
	width:80%;
}
#header .hed_menu .menu_close {
	float:right;
	width:20%;
}

#header .hed_menu ul.menu {
	clear: both;	
	border-top: 1px solid #bcbcbc;
	padding: 10px 4% 0;
	margin: 0px 2% 4%;
}

#header .hed_menu ul li {
	background:url(../img/img-common/hed_lin01_sp.png) no-repeat center bottom;
	background-size:100%;
}
#header .hed_menu ul li:nth-child(4) {
	background:url(../img/img-common/hed_lin01_sp.png) no-repeat center bottom;
	background-size:98%;
}
#header .hed_menu ul li a{
  display: block;
  background: url(../img/img-common/hed_ico02_sp.png) no-repeat right center;
  background-size:12%;
 /* border-bottom:1px dotted #ccc;*/
  padding: 6% 5%;
  font-size: 120%;
  color: #333;
  text-decoration:none;
  text-align: left;
  font-size: 14px;
  font-weight: bold;
}


#header .hed_menu ul li.method05{
	margin:0 0 7%;
}
#header .hed_menu ul li.method06,
#header .hed_menu ul li.method07{
	background:none;
}

#header .hed_menu ul li.method06 a,
#header .hed_menu ul li.method07 a{
  font-size:14px;
  padding: 4% 5% 4% 12%;
  background: url(../img/img-common/hed_ico03_sp.png) no-repeat 12px center;
  background-size: 2.5%;
  font-weight: normal;
}



#header .hed_menu ul li a span{
	background:url(../img/img-common/hed_ico01_sp.png) no-repeat right center;
	background-size: 12%;
	padding: 0 9% 0 0;
}

#header .hed_menu ul p.btn {
	background: url(../img/img-common/hed_ico03_sp.png) no-repeat right center;
}
#header .hed_menu ul p.btn.open {
	background: url(../img/img-common/hed_ico01_sp.png) no-repeat right center;
}




.drawer-overlay {
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.2);
}


#hed_sp2{
	background:#A72C29;
	visibility:hidden;
	margin: 0 0 0px;
}
.index #hed_sp2{
	margin: 0;
}
#hed_sp2 .logo{
	text-align: left;
	float: left;
	padding: 0% 0 0% 3%;
	width: 64%;
	margin: 2.5% 0 0 2px;
}
#hed_sp2 p.menu_open{
	width: 14%;
	float:right;
}




/*.index #slide_menu{
	background: #C2E9FC;
    position: fixed;
    top: 0;
    width:86%;
	z-index:10000;
	overflow-y:auto;
	-webkit-overflow-scrolling:touch;
}

.index #hed_sp p.menu_close2 img{
	width: 43%;
}
.index #hed_sp p.menu_close2{
	margin: 10% 0;
	text-align: center;
}
.index #hed_sp .hed_menu .first {
	padding: 0 0 1%;
}

.index #hed_sp .hed_menu .ttl {
	float:left;
	width:84%;
}
.index #hed_sp .hed_menu .menu_close {
	float:right;
	width:16%;
}

.index #hed_sp .hed_menu ul.menu {
	clear: both;	
	border-top: 1px solid #0C91D4;
	padding: 10px 4% 0;
	margin: 0px 2% 4%;
}

.index #hed_sp .hed_menu ul li {
	background:url(../img/img-common/hed_lin01_sp.png) no-repeat center bottom;
	background-size:100%;
}
.index #hed_sp .hed_menu ul li a{
  display: block;
  background: url(../img/img-common/hed_ico02_sp.png) no-repeat right center;
  background-size: 6%;
  padding: 5% 5%;
  font-size: 120%;
  color: #333;
  text-decoration:none;
  text-align: left;
  font-size: 14px;
  font-weight: normal;
}
.index #hed_sp .hed_menu ul li a span{
	background:url(../img/img-common/hed_ico01_sp.png) no-repeat right center;
	background-size: 12%;
	padding: 0 9% 0 0;
}

.index #hed_sp .hed_menu ul p.btn {
	background: url(../img/img-common/hed_ico03_sp.png) no-repeat right center;
}
.index #hed_sp .hed_menu ul p.btn.open {
	background: url(../img/img-common/hed_ico01_sp.png) no-repeat right center;
}*/






/*Gナビ*/
.gnav_wp{

	margin: 0% 0 0;
}
ul#gnav{
	margin:0 auto;
	background:transparent;
	width:96%;
}
ul#gnav li{
	text-align: center;
	vertical-align:middle;
	float: left;
	padding: 0 0px;
	margin:0 0% 0 1.7%;
	width:31.3%;
}
ul#gnav li.method03{
	/*margin:0;*/
}





/*------------------------------------
フッター 
------------------------------------*/



#footer {
}

#footer .left_blk{
	background:#FCFADB;
	font-size:117%;
	text-align:left;
	border-bottom:9px solid #FEBB89;
}
#footer .left_blk li{
	background:url(../img/img-common/fot_lin01_sp.png) no-repeat left top;
	background-size: 100%;
}
#footer .left_blk li a{
	background:url(../img/img-common/fot_ico01_sp.png) no-repeat right center;
	background-size: 9%;
	display:block;
	padding: 3.5% 4% 3%;
	text-decoration: none;
	line-height: 1.5;
}




#footer .right_blk{
	text-align:left;
	background:url(../img/img-common/bg_fot.gif) repeat left top;
	background-size:2%;
	padding: 6% 0;
	color:#333;
}

#footer .right_blk .logo{
	margin: 0 4% 3%;
}
#footer .right_blk .logo img{
	width: 80%;
	margin: 0 auto 0;
}

#footer .right_blk .add{
	margin: 0 auto 0%;
	font-size: 14px;
	text-align:left;
	width: 72%;
}
#footer .right_blk .add span{
	display:block;
}

#footer .right_blk .tel {
	background: url(../img/img-common/ico_tel.gif) no-repeat left center;
	background-size: 8%;
	padding: 0px 0 0px 8%;
	margin: 2% auto 0%;
	width: 60%;
	font-weight:bold;
	color: #FB7D00;
}
#footer .right_blk .tel a {
	text-decoration: none;
	/* color: #FB7D00; */
	font-size: 7vw;
	vertical-align: middle;
	line-height: 1.6;
}

#footer .right_blk .time{
	text-align:center;
	font-size: 3.5vw;
}





#footer a,
#footer li {
	color: #333;
	text-decoration: none;
	line-height:1;
}
/*------------------------------------
コピーライト
------------------------------------*/ 
#copyright {
	background: #FF8000;
	
}
#copyright p {
	color: #fff;
	text-align:center;
	padding: 3% 2%;
	font-size:92%;
}
#copyright p a{
	text-decoration:none;
	color:#fff;
}

/*------------------------------------
ページトップ
------------------------------------*/ 
#topcontrol {
bottom: 24px !important;
right:10px !important;
z-index:999;
}
#topcontrol img{
	width: 80%;
	height: auto;
	
}
#pagetop_sp{
	background:url(../img/img-common/fot_bg01.jpg) repeat 0 0;
	text-align: center;
}
#pagetop_sp a{
	display:block;
	font-size: 14px;
	color: #212121;
	text-decoration: none;
	padding: 10px 15px;
}
#pagetop_sp span{
	background:url(../img/img-common/pagetop_sp.png) no-repeat right center;
	background-size:18%;
	padding: 0 8% 0 0;
}




#wrapper #contents,
#wrapper #contents2{
	padding:0 0 18%;
}




/* ブログ　来月の献立
------------------------------------------------------------------------------------*/
.menu .block00{
	display:none;
}
.menu #wrapper{
	background:none;

}


.menu #contents .menu01{
	display:block;
}
.menu #contents .menu02{
	display:none;
}
.menu #contents .btn_next2{
	display:block;
	margin:0 auto;
	width:70%;
}
.menu #contents .btn_next2 img{
	width:100%;
}
.menu #contents .btn_next{
	display:none;
}

.menu #contents .document_wp .first_txt{
	background:url(../img/img-menu01/bg_first_sp.png) no-repeat left top;
	background-size:100%;
	padding: 5% 10% 6% 21%;
	font-size: 3.5vw;
	margin:3% 0;
}
.menu #contents .document_wp span{
	font-weight:bold;
}
.menu #contents .document_wp span.blu{
	color:#3E46B8;
}
.menu #contents .document_wp span.brawn{
	color:#3F0000;
}
.menu #contents .document_wp span.red{
	color:#FF2626;
}
.menu #contents .document_wp span.green{
	color:#1D7F13;
}
.menu #contents .block{
	background:url(../img/img-menu01/bg_01sp.png) no-repeat left top;
	background-size:100%;
	padding:4% 0 0;
	margin:0 auto 10%;
	width:100%;
}

.menu #contents .block_in{
	background:url(../img/img-menu01/bg_02sp.png) repeat-y left top;
	background-size:100%;
	padding:0% 0 0px;
}
.menu #contents .block_in2{
	background:url(../img/img-menu01/bg_03sp.png) no-repeat left bottom;
	background-size:100%;
	padding:0px 0 3%;
}
.menu #contents .block_in2 h3{
	background:url(../img/img-menu01/lin_01.png) no-repeat left bottom;
	background-size:100%;
	color:#609E1F;
	font-weight:bold;
	padding: 0 0 1% 8%;
	font-size:5vw;
	line-height:1.8;
}
.menu #contents .block_in2 h3 em{
	font-style:normal;
}
.menu #contents .block .block1{
	padding: 0% 9% 1%;
}
.menu #contents .block .block1 .block01{
	width:100%;
	margin:0 0 7%;
}
.menu #contents .block .block1 .block01:last-child{
	margin:0;
}

.menu #contents .block .block1 .block01 .gallery{
	margin:0 0 3%;
}

.menu #contents .block .block01 .left.gallery a,
.menu #contents .block .block01 .right.gallery a{
	cursor:default;
	pointer-events: none;
}
.menu #contents .block .block01 .left.gallery a:hover img,
.menu #contents .block .block01 .right.gallery a:hover img{
	opacity:1;
}




/* ブログ　最近の献立
------------------------------------------------------------------------------------*/
.menu #contents2 .menu01{
	display:none;
}
.menu #contents2 .menu02{
	display:block;
}
.menu #contents2 .btn_next2{
	display:none;
}
.menu #contents2 .btn_next{
	display:block;
	margin:0 auto;
	width:70%;
}
.menu #contents2 .btn_next img{
	width:100%;
}


.menu #contents2 .block{
	padding: 6% 0 0;
	margin: 0 auto 5%;
	background:url(../img/img-menu02/bg_01sp.png) no-repeat left top;
	background-size:100%;
}
.menu #contents2 .block_in2{
	padding: 0 0px 10%;
	background:url(../img/img-menu02/bg_03sp.png) no-repeat left bottom;
	background-size:100%;
	text-align:left;
}
.menu #contents2 .block .block1{
	padding: 6% 9% 2%;
	line-height:2;
	background: url(../img/img-menu02/bg_02sp.png) repeat-y left top;
	background-size:100%;
}
.menu #contents2 .block .block1 .block01{
	margin:0 0 13%;
	position:relative;
}
.menu #contents2 .block .block1 .block01:last-child{
	margin:0;
}

.menu #contents2 .block .block1 .gallery{
	margin:0 0 3%;
	position:absolute;
	height:220px;
	bottom:0;
}
.menu #contents2 .block .block1 .gallery img{
	width:auto;
}
.menu #contents2 .block .block1 .text1{
	width:95%;
	margin:0 auto;
	padding-bottom:240px;
}

.menu #contents2 .block_in2 h3{
	color:#fff;
	font-weight:bold;
	padding: 0 0 2% 11%;
	font-size:4vw;
	line-height:1.8;
	width:85%;
}
.menu #contents2 .block_in2 h3 em{
	font-style:normal;
}