@charset "UTF-8";
/* CSS Document */
div,dl,dt,dd { margin:0; padding:0;}
.clear { clear:both;}
/*--2階層目
----------------------------------------*/
.mgt10 { margin-top:10px !important;}
.mgt20 { margin-top:20px !important;}
.mgt30 { margin-top:30px !important;}
.mgt40 { margin-top:40px !important;}
.mgt50 { margin-top:50px !important;}
.mgt60 { margin-top:60px !important;}
.mgt70 { margin-top:70px !important;}
.mgt80 { margin-top:80px !important;}
.pt5 { padding-top:10px !important;}

.w55{ width:55px !important;}
.w70{ width:70px !important;}
.w80{ width:80px !important;}
.w90{ width:90px !important;}
.w100{ width:100px !important;}

.cf:after, .cf:before {
    content: "";
    clear: both;
    display: block;
}

#oikura #ttl_1 {
	background:url(../../../oikura/images/2nd_ttl1.gif) no-repeat;
	width:700px; height:50px;
	line-height:50px; font-size:20px;
	font-weight:bold; padding-left:20px;
}

#oikura .readBox {
	display:block;
	background:#f1ece6;
	padding:25px 30px;
	margin:50px 0 50px 0 !important;
	border-radius: 5px;
}
#oikura .readBox b {
	font-size:110%;
}
#oikura .intro {
	line-height:200%;
}
/*　キッチン白書
----------------------------------------------------*/
#titleArea .oikura {
	background:#fdfbfa;
	}

.hakusyo #titleArea h2 {
	font-size:30px;
}

.hakusyo #content{
}

.hakusyo h3 {
	background:#8e826b;
	padding:10px;
	color:#fff;
	margin-bottom:30px;
	font-size:18px;
	font-weight:bold;
	width:100%;
}
.hakusyo .hakusyo_box {
	margin-bottom:60px;
}
.hakusyo .img_box {
	float:left;
	width:200px;
}

.hakusyo .img_box img.thumbnail {
	width:198px;
	border:1px solid #f0ebe5;
}

.hakusyo .txt_box {
	float:right;
	width:510px;
	line-height:180%;
}

.hakusyo h4 {
	font-weight:bold;
	border-left:#8e826b solid 5px;
	padding:0 0 0 10px;
	margin-bottom:15px;
}

.hakusyo .txt_box .read {
	margin:0 0 20px 10px;
}
.hakusyo .txt_box .index {
	margin-left:10px;
	background:#fbf9f6;
	padding:20px;
	width:90%;
}
.hakusyo .txt_box h5 {
	margin-bottom:5px;
}

a.pdf_link {
	display:block;
	margin:25px 0 0 0;
	padding:19px 0;
	text-align:center;
	width:198px !important;
	background:#f7f3ee url(../../../oikura/kitchen-hakusyo/images/arrow.gif) no-repeat;
	background-position:42px 50%;
	border:1px solid #8e826b;
	font-size:15px;
}
a.pdf_link:hover {
	background:#FFF url(../../../oikura/kitchen-hakusyo/images/arrow.gif) no-repeat;
	background-position:42px 50%;
	text-decoration:none;
}

@media screen and (max-width: 768px) {
	#wrapper,
	.wrapper {
		width:100vw;
		overflow:hidden;
	}
	#wrapper #main #side {
		display:none;
		float:none;
	}
	#wrapper #main #topicsBox {
		float:none;
		width:100vw;
	}

	#content {
		margin:0; padding:0;
		float:none;
		width:100vw;
		overflow:hidden;
	}

	.hakusyo .txt_box {
		float:none;
		width:85vw;
		margin:0 0 0 5vw;
	}
	.hakusyo .txt_box .index {
		width:75vw;
	}
	.hakusyo .img_box {
		float:none;
		width:100vw;
		text-align:center;
	}
	.hakusyo .img_box img.thumbnail {
		width:60vw;
		margin-bottom:20px;
	}
	.hakusyo a.pdf_link {
		padding:12px 0;
		width:60vw !important;
		margin:25px 0 20px 20vw;
		background:#f7f3ee url(../../../oikura/kitchen-hakusyo/images/arrow.gif) no-repeat;
		background-position:25% 50%;
	}
}

/**/

/*　レシピ
----------------------------------------------------*/
#recipe { line-height:180%;}

#recipe h2,h3,h4 {margin:0; padding:0;}

#recipe #imgBox { float:left; width:395px;} 
#recipe #imgBox .point {margin-top:20px;}
#recipe #imgBox .point img { float:left;}
#recipe #imgBox .point p { float:right; width:280px; margin-top:5px;}


#recipe #zairyoBox { float:right; width:285px;}
#recipe #zairyoBox p.zaittl { font-size:18px; width:100%; padding-bottom:5px; margin:5px !important; border-bottom:2px #333 solid;}
#recipe #zairyoBox p.zaittl span { font-size:13px;}
#recipe #zairyoBox .zailist { margin:0; padding:0; width:100%;}
#recipe #zairyoBox .zailist dt { width:60%; float:left; clear:both; border-bottom:1px #333 solid; line-height:30px;}
#recipe #zairyoBox .zailist dt.zairyo2 {
	width:100%;
	font-weight: bold;
	float:none;
	padding-top: 20px;
}
#recipe #zairyoBox .zailist dd { width:40%; float:right;  border-bottom:1px #333 solid; text-align:right; line-height:30px;}
#recipe #zairyoBox .zailist dd.memo {
	width:100%;
	float:none;
	text-align:left;
	line-height:1.5em;
	font-size:90%;
	border-bottom:none;
}
#recipe #zairyoBox .mix { margin-top:15px; background-color:#23ac38; color:#fff; width:54px; text-align:center;}
#recipe #zairyoBox .color01 { background-color:#E83820;}
#recipe #zairyoBox .color02 { background-color:#EA609E;}
#recipe #zairyoBox .color03 { background-color:#22AC38;}

#recipe #cooking { margin-top:30px; width:700px; border:1px #d1c2ab solid;}
#recipe #cooking h4 { background-color:#f1ece6; margin:0; padding:0 0 0 20px; width:680px; line-height:35px; font-size:18px; font-weight:normal;} 

#recipe #cooking dl { width:640px; padding:10px 20px; margin-bottom:20px;}

#recipe #cooking dt,
#recipe #cooking dd { float:left; padding:5px 0 0 0;}
#recipe #cooking dt { clear:both; width:20px;}
#recipe #cooking dt.line { width:640px !important; height:1px; border-bottom:1px #666 dashed;}
#recipe #cooking dd { width:620px;}


#recipe #mame { margin-top:30px;}
#recipe #mame img { float:left;}
#recipe #mame .txt { width:580px; float:left; margin:5px 0 0 20px;}
#recipe #mame .txt h4,
#recipe #mame .txt p { margin:0 !important;}


#recipe .txtR { clear:both; width:100%; text-align:right; padding-top:20px;}

#recipe .txtR .card { display:block; width:180px; text-align:center; float:right; padding:10px 15px; background-color:#f1ece6; border:1px #d1c2ab solid; margin-bottom:20px; color:#333; text-decoration:underline;}
#recipe .txtR a.card:hover { clear:both; background-color:#FFF; text-decoration:none;}

#recipe .txtR .kansyu { margin-top:30px;}

/*　歳時記
----------------------------------------------------*/
#saijiki #content h2{width:698px; padding:1px; height:48px;}
/*-- 毎月色が変化するため追加 --*/
#saijiki h2.fuzuki { background:#ba84b8; }
#saijiki h2.hazuki { background:#149BB4; }
#saijiki h2.nagatsuki { background:#db6aa3; }
#saijiki h2.kannazuki { background:#ea5b3b; }
#saijiki h2.simotuki { background:#fabc1b; }
#saijiki h2.siwasu{ background:#796BAF; }
#saijiki h2.syogatu{ background:#007BB6;}
#saijiki h2.kisaragi{ background:#f6ab00;}
#saijiki h2.yayoi{ background:#00AF84;}
#saijiki h2.yayoi{ background:#00AF84;}
#saijiki h2.uduki{ background:#EB6D94;}
#saijiki h2.satuki{ background:#AACE36;}
#saijiki h2.minazuki{ background:#83c0ea;}

#saijiki h2 b { display:block; width:676px; height:46px; border:1px #fff solid; color:#fff; line-height:48px; padding: 0 0 0 20px; font-size:22px; font-weight:bold;}
#saijiki h2 b span { font-size:15px; }


#saijiki .honbun { width:630px; margin:30px auto 0 auto; line-height:180%;}
#saijiki .honbun p { margin-bottom:15px; }
#saijiki .honbun p .mini { font-size:10px;}
#saijiki .honbun .txtL { width:465px; float:left;}

#saijiki .honbun .sttl {
	background:#f1ece6;
	padding:8px 0 8px 20px;
	margin-bottom:20px;
	font-size: 19px;
	font-weight: bold;
}