@charset "UTF-8";

/*----------------------------------------

	- common
	- header
	- content
	- footer
	- modal
	- JS

-----------------------------------------*/

/*----------------------------------------
	common
-----------------------------------------*/

body {
	font-family: "游ゴシック", YuGothic,"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "メイリオ","MS Pゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
}
body:not(:target){
	overflow: visible¥9;
}

a:hover,
a:active {
	color: #333333;
	text-decoration: none;
}
.rOver:hover {
	opacity:0.7;
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
}

#wrap {
	min-width: 960px;
}
.spObj { display: none !important; }
.pcObj { display: initial !important; }
.cmn_btn01.pcObj { display: table !important; }

.cmn_btn01 {
	width: 200px;
	height: 50px;
}
.cmn_btn01 a ,
.cmn_btn01 input ,
.cmn_btn01 button {
	height: 50px;
	font-size: 134%;
	background-size: auto;
}
.cmn_btn01 a:hover ,
.cmn_btn01 input:hover ,
.cmn_btn01 button:hover {
	background-color: #bf6f10;
	color: #fff;
}
.cmn_link01 {}
.cmn_link01 > a {
	padding-left: 15px;
	font-size: 117%;
	background-size: 20px auto;
}
.cmn_link02 a {
	font-size: 117%;
	padding-left: 15px;
	background-size: 12px auto;
}

.cmn_close01 {
	width: 160px;
	height: 40px;
	font-size: 134%;
}
.cmn_close01 a:hover {
	border-color: #eee;
	background-color: #eee;
	color: #666;
}
.cmn_close01 a > span {
	padding-left: 22px;
	background-size: 14px auto;
}

.cmn_clear01 {
	width: 200px;
	height: 50px;
	font-size: 134%;
}
.cmn_clear01 button {
	height: 50px;
}
.cmn_clear01 button:hover {
	border-color: #ddd;
	background-color: #ddd;
	color: #666;
}
.cmn_clear01 button > span {
	padding-left: 22px;
	background-size: 14px auto;
}

/*----------------------------------------
	header
-----------------------------------------*/
header {
	position: relative;
/*	border-top: 10px solid #f1eae2;*/
}
header #headerLogo {
	background-color: #d0881a;
	padding: 10px;
}
header #headerLogo img {
	width: 97px;
	height: auto;
}
#headerWrap {
	margin: 0 40px;
}
#header01 {
	padding: 20px 0 13px;
}
#header01 #logo {
	width: 260px;
}
#header01 #logo img {
	width: 260px;
	height: auto;
}
#header01 #logo + p {
	position: absolute;
	top: 50%;
	margin-top: -0.5em;
	font-size: 100%;
	text-align: left;
	color: #666;
}
#header01 #logo + p span {
	display: inline;
}
#header01 #logo + p span.fwB {
	font-size: 117%;
	color: #c47c0c;
}
#header02 {
	display: block !important;
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -17px;
	padding: 0;
	background: none;
}
#header02 #searchArea {
	display: block;
	width: 360px;
}
#header02 #searchArea #searchTxt {
	display: block;
	margin-right: 90px;
	background-color: #f0f0f0;
	border-radius: 17px;
}
#header02 #searchArea #searchTxt input[type="search"] {
	width: 220px;
	height: 34px;
	font-size:  117%;
	text-indent: 15px;
	outline: none;
}
#header02 #searchArea #searchTxt input[type="submit"] {
	width: 50px;
	height: 34px;
	line-height: 1.7;
	background: url(../img/cmn_search_btn02.png) center center no-repeat;
	background-size: 23px auto;
	text-indent: -9999px;
}
#header02 #searchArea #searchDetail {
	display: table;
	position: fixed;
	top: 60px;
	right: 0;
	padding-left: 30px;
	z-index: 100;
}
#header02 #searchArea #searchDetail a {
	display: table-cell;
	vertical-align: middle;
	width: 60px;
	margin: -18px 0;
	height: 70px;
	background: #d0881a;
	background-size: auto;
	border-radius: 10px 0 0 10px;
	outline: none;
}
#header02 #searchArea #searchDetail a:hover {
	background-color: #bf6f10;
}
#header02 #searchArea #searchDetail a span {
	display: block;
	padding-top: 22px;
	background: url(../img/cmn_icon_menu01.png) center top no-repeat;
}

/*----------------------------------------
	content
-----------------------------------------*/
#content {
}

/*----------------------------------------
	footer
-----------------------------------------*/
footer {
	min-width: 960px;
}
.footerInner {
	position: relative;
	width: 960px;
	padding: 0 5px;
}

#footer01 {
	padding: 38px 0 34px;
	background-size: auto;
}
#footer01 #snsArea {
	width: 375px;
	margin-bottom: 15px;
}
#footer01 #snsArea li {
	display: table;
	height: 26px;
}
#footer01 #bnrArea {
	position: absolute;
	right: 0;
	top: 50%;
	margin: -40px 5px 0 0;
}
#footer01 #bnrArea li + li {
	margin-left: 20px;
}
#footer01 #bnrArea li a img {
	width: 250px;
	height: auto;
}
#footer01 #bnrArea + p {
	display: table;
	width: 375px;
	padding-top: 15px;
	border-top: 1px solid #c0c0c0;
}
#footer01 #bnrArea + p span {
	display: table-cell;
	vertical-align: middle;
}
#footer01 #bnrArea + p span:first-child {
	width: 97px;
}

#footer02 {
	padding-top: 0;
}
#footer02 .footer02_01 {
	position: relative;
	display: block;
}
#footer02 .footer02_01 div {
	display: block;
}
#footer02 .footer02_01 .btnArea {
	display: block;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -0.8em;
	font-size: 100%;
}
#footer02 .footerInner {
	padding: 12px 5px;
}
#footer02 #pageTop {
	position: fixed;
	top: auto;
	bottom: 0;
	left: auto;
	right: 75px;
	width: 70px;
	height: 70px;
	z-index: 20;
}
#footer02 #pageTop a > span {
	padding: 20px 0 0;
	background-position: center 0;
	background-size: 20px auto;
}
#footer02 .txtlogo {
	font-size: 200%;
}

/*----------------------------------------
	modal
-----------------------------------------*/
body.enabled_modal {
	overflow: hidden;
	position: static;
}
#modal {}
#modal #modalInner {
	width: 950px;
	margin: 60px auto;
}
#modal .secInner {
	padding: 50px 0;
}
#modal .closeBtn {
	top: -25px;
	right: -25px;
}
#modal .closeBtn a {
	width: 56px;
	height: 56px;
	background-size: 56px auto;
}
#modal .closeBtn a:hover {
	background-position: 0 bottom;
}
#modal h1 {
	font-size: 217%;
}
#modal h1 + p {
	text-align: center;
	margin-bottom: 28px;
}
#modal .secBody {
	width: 910px;
}
#modal .freeword {
	margin-bottom: 30px;
	padding: 30px 15px;
}
#modal .freeword dd > p:first-child {
	margin-bottom: 20px;
}
#modal .freeword dd > p:first-child input[type="search"] {
	width: 805px;
	height: 50px;
	font-size: 150%;
	text-indent: 20px;
}
#modal .freeword dd > p:first-child input[type="submit"] {
	width: 75px;
	height: 50px;
	background: url(../img/cmn_search_btn02.png) center center no-repeat;
	background-size: 30px auto;
	text-indent: -9999px;
}
#modal .search_btnSet {
}
#modal .search_btnSet li {
	padding: 0 10px;
}
#modal dl + .search_btnSet {
	margin-bottom: 20px;
}
#modal dl {
	padding: 0 15px;
}
#modal dl dt {
	margin-bottom: 18px;
	font-size: 150%;
}
#modal dl + dl ul {
	width: 900px;
	margin-bottom: 20px;
	margin-right: -20px;
}
#modal dl label {
	width: 130px;
	height: 60px;
	margin: 0 20px 20px 0;
}
#modal dl label:hover {
	background-color: #c7b6a3;
}
#modal dl label.size02 {
	width: 280px;
}
#modal dl label > p {
	font-size: 117%;
}

@media print {
	body {
		margin-bottom: 0 !important;
	}
	#header02 #searchArea #searchDetail {
		display: none;
	}
	#footer {
		visibility: hidden;
	}

	#content #recipe .recipe03 .secInner div dl.stoveBody ,
	#content #recipe .recipe03 .secInner div dl.grillBody {
		display: table-cell;
		vertical-align: top;
		float: none !important;
		width: 475px !important;
	}
	#content #recipe .recipe03 .secInner div dl.stoveBody {
		padding-right: 20px;
	}
	#content #recipe .recipe03 .secInner div dl.grillBody {
		padding-left: 20px;
	}

	#content #recipe .recipe04 .secInner .stuffBody ,
	#content #recipe .recipe04 .secInner .flowBody {
		display: table-cell;
		vertical-align: top;
		float: none !important;
	}
	#content #recipe .recipe04 .secInner .stuffBody {
		width: 340px !important;
		padding-right: 20px;
	}
	#content #recipe .recipe04 .secInner .flowBody {
		width: 610px !important;
		padding-left: 20px;
	}
}