@media only screen and (max-width:1000px){

.section_01{
	width: 100%;
	margin: 10px 0px;
}
}

@media only screen and (max-width:600px){

html,body {
	min-width: 300px;
}

/* ---------------------------------------------------------------- *
	ヘッダ部分の設定
 * ---------------------------------------------------------------- */
header {
	height: 70px;
}
	
#logo{
	width:240px;
	left: 0px;
	top: 15x;
}
#logo {
	height: 50px;
	padding: 0;
	width: 240px;
	background-image: url(../img/logo_s.png);
}

.inner {
	width: 100% !important;
	margin: 0px;
	padding: 10px 0px 0px;
}

.section_upper {
	height: 70px;
}

#mobile {
	display: block;
	margin-top: 10px;
}

#ID {
	display: none;
}
#main-visual {
	width: 100%;
	height: auto;
	margin: 0;
}
#main-visual img{
	max-width: 100%;
	height: auto;
	bottom: 0px;
}

.slider {
	width: 100%;
	height: 160px;
	margin-top: 0px;
}
.slider_up {
	width: 100%;
	height: 160px;
}
.slider_up img{
	max-width: 100%;
	height: auto;
	bottom: 0px;
}

#container {
	width: 98%;
	margin: 0px auto 0px;
}

.top_banner3{
	width: 98%;
	height: auto;
	margin: 0px auto 10px;
}

.top_banner3 img{
	max-width: 48%;
	height: auto;
	margin: 0px 2px 2px 0px;
}


#contents{
	width: 100%;
	float: none;
	margin: 0px auto 0px;
}

#contents img{
	width: 100%;
	float: none;
	margin: 0px auto 5px;
	height: auto;
}

.side_navi_box {
	width: 100%;
	margin: 0 0 5px;
}
.side_navi_box img{
	max-width:48%;
	height:auto;
	margin: 0 2px 2px 0px;
}

 
/* ---------------------------------------------------------------- *
	サイドメニューの設定です
 * ---------------------------------------------------------------- */
#side, #contents{
	width: 98%;
}
.section_01 li{
	padding: 0px 5px;
}
.section_01 li p {
	padding: 0px;
}
.section_01 li img {
	border-radius: 5px;
	border: 3px solid;
	border-color: #9C3;
	max-width: 100%;
	height:auto;
}
.section_01 li img:hover {
	border:35px dotted;
}

/* ---------------------------------------------------------------- *
	知産知消に関する設定
 * ---------------------------------------------------------------- */
.box_tisann li {
	width: 49.5%;
	border-radius: 3px;
 }
.box_tisann li:nth-child(2n) {
	margin-right: 0px;
 }
.box_tisann li:nth-child(3n) {
	margin-right: 0.5%;
 }
 
.box_tisann li h5 {
	border-radius: 3px;
	font-size: 80%;
	padding: 0.3em 0em;
 }

/* ---------------------------------------------------------------- *
	取扱食材に関する設定
 * ---------------------------------------------------------------- */
 
 .item_box p {
	margin: 0px;
	padding: 5px;
	box-sizing: border-box;
	font-size: 80%;
	line-height: 1.5;
 }
.item_box .txt_box {
	margin: 0px;
	padding: 0px;
	width: 100% !important;
	float: none;
}
.item_box img{
	float: none;
}

.item_box h5 {
	font-size: 80%;
}

.item_box h5::after {
	border:none;
} 
/* ---------------------------------------------------------------- *
	うなぎに関する設定
 * ---------------------------------------------------------------- */
 
.txt_box h6 span {
	float: left;
	margin: 2px 0px 10px;
	padding: 10px 0px 5px;
	border-bottom: 1px solid #ccc;
	font-size: 80%;
	width: 100%;
}

/* ---------------------------------------------------------------- *
	共通ページ下部お問い合せバナー
 * ---------------------------------------------------------------- */
#footer_contact {
	width: 100%;
	height:auto;
	background-repeat: no-repeat;
	-moz-background-size:contain;
	 background-size:contain;
	 padding:0px;
	margin: 5px 0px 5px;
}


#footer_contact a,
#footer_contact a:visited{
	width: 100%;
	background-repeat: no-repeat;
	-moz-background-size:contain;
	 background-size:contain;
	 padding:0px;
}

}


@media only screen and (max-width:300px){


}