/* ----------------------------------------------------*/
@media only screen and (min-width: 1201px) {
.drawer-hamburger {
		display: none !important;
		width: 0;
		height: 0;
	}
	
.drawer-hamburger-icon {
		display: none !important;
		width: 0;
		height: 0;
	}
}

@media only screen and (max-width: 1200px) {
#navi {
	display: none !important;
	width: 0;
	height: 0;
	}

header {
	position: fixed;
	height: 54px;
	}

header .head-inner {
	width: 100%;
	}

	#container {
	width: 100%;
	margin: 0 auto;
	padding: 54px 0 0;
	}
	
.navi-logo {
	float:  left;
	height: 47px;
	margin: 0;
	padding: 7px 20px 0;
	overflow: hidden;
	text-align: left;
	}

.navi-logo a {
	width: auto;
	max-width: 270px;
	height: auto;
	margin: 0;
	padding: 0;
	text-align:left;
	display: block;
	}

.navi-logo a img {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	}

.navi-logo p {
	margin: 0 0 5px;
	padding: 0;
	text-align:left;
	color: #777;
	font-size: 11px;
	line-height: 1.0;
	}

.recipe-tab ul {
	margin: 0 0 -50px;
}

.inner0 {
	padding: 55px 0 0;
	}


#section-footmenu {
	width: 100%;
	margin: 0 auto;
	padding: 20px 0 20px;
	background-color: #07d;
	}
	
.footmenu-menu,.sakana,.sakana02 {
	display: none !important;
	width: 0;
	height: 0;
}

.foot-logo {
	float:  none;
	width: 320px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	}

.foot-logo a {
	text-align:center;
	}


#section-footmenu .inner p,#section-footmenu .inner a {
	color: #fff;
	text-align: center;
	}

.footmenu-info {
	float: none;
	clear: both;
	width: 90%;
	height: auto;
	margin: 0 auto;
}
	
.footmenu-info p {
	margin: 0;
	line-height: 1.5;
	font-size: 13px;
}	

#section-foot .inner p {
	text-align: center;
	}
	
}

@media only screen and (min-width: 861px) {
.link-btn-sp {
	display: none !important;
	width: 0;
	height: 0;
	}
}

/* ----------------------------------------------------*/
/* for phone content */
@media only screen and (max-width: 860px) {

#main {
	float: none;
	clear: both;
	width: 100%;
	margin: 0 auto 20px;
	padding: 0;
	overflow: hidden;
	}

.box2-text,.box2-left65,.box2-left60 {
	float: none;
	clear: both;
	width: 100%;
	margin: 0 auto 10px;
	padding: 0;
	overflow: hidden;
	}

.box2-image,.box2-right35,.box2-right40 {
	float: none;
	clear: both;
	width: 100%;
	margin: 0 auto 20px;
	padding: 0;
	overflow: hidden;
	}

.buil {
	display:block;
}

.buil-image,.buil-text {
	float: none;
	clear: both;
	width: 100%;
	margin: 0 auto 0px;
	padding: 0;
	overflow: hidden;
	}

.buil-image img {
	margin: 0 auto 0;
	vertical-align: middle;
	text-align: center;
	position: relative;
	top: 0%;
	left: 0%;
	-ms-transform: translate(0%, 0%);
	transform: translate(0%, 0%);
	width: 100%;
	max-width: 100%;
	max-height: 100%;
	}

.buil-text .buil-text-inner {
	padding: 20px 30px;
	}

.box2-left,.box2-right {
	float: none;
	clear: both;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	}

}

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

.box3-1,.box3-2,.box3-3 {
	float: none;
	clear: both;
	width: 100%;
	margin: 0 auto 20px;
	padding: 0;
	overflow: hidden;
	}
	
.image-pc,.sakana-all {display:none;}

.image-sp {
	float: none;
	display:block;
	clear: both;
	width: 100%;
	margin: 0 auto 20px;
	padding: 0;
	overflow: hidden;
	}

.image-sp img {
	width: 100%;
	height: auto;
	vertical-align: middle;
}

ul.pagelink-demae {
	margin: 0px auto 30px;
	width: 100%;
	position: relative;
	z-index: 9999999;
}
	
.box2-left60,.box2-right60,.box2-left7 {
	float: none;
	clear: both;
	width: 100%;
	margin: 0 auto 10px;
	padding: 0;
	overflow: hidden;
	}

.box2-right40,.box2-left40,.box2-right30 {
	float: none;
	clear: both;
	width: 100%;
	margin: 0 auto 20px;
	padding: 0;
	overflow: hidden;
	}

#back-top {
	display: none !important;
	width: 0;
	height: 0;
	}

.box-form form table tr td {
	clear: both;
	display: block;
	padding: 15px 15px 15px;
}
	
.box-form form table tr td.cate {
	margin:0;
	width: auto;
	text-align: left;
	border-right:none;
	clear: both;
	display: block;
}

.box-form form table tr td {
	padding: 10px 30px 10px;
}
	
.box-form form table tr td.cate {
	margin:0;
	padding: 20px 30px 0!important;
	width: 100%;
	text-align: left;
	border-right:  none;
}
	
input { width:95%; max-width: 600px; border:1px solid #ccc; padding:5px 8px; font-size:14px;}
input.yubin { width:95%; max-width: 200px; border:1px solid #ccc; padding:5px 8px; font-size:14px;}
textarea { width:95%; border:1px solid #ccc; padding:5px 8px; font-size:14px;}

img.pc {display: none !important;
		width: 0;
		height: 0;
	}

}

@media only screen and (min-width: 461px) {
.drawer-menu li.sub {
	float: left;
	width: 50% !important;
	display: block;
	vertical-align: middle;
}

.drawer-menu li.sub .drawer-menu-item {
	color: #07d;
	background-color: #cdefff;
	border-bottom: 2px solid #fff;
	text-align: center;
	font-size: 11px;
	vertical-align: middle;
	padding: 10px 5px;
}

.drawer-menu li:nth-child(2n).sub .drawer-menu-item {
	color: #07d;
	background-color: #cdefff;
	border-left: 2px solid #fff;
}
}

@media only screen and (min-width: 601px) {
.drawer-menu li.sub .drawer-menu-item {
	font-size: 14px;
}
img.sp {display: none !important;
		width: 0;
		height: 0;
	}
}