@charset "utf-8";

  /*============================================
  layoutBase.css
  ============================================*/

/* ------------------------------------------
 130403 header改修
--------------------------------------------- */
.headerSub{zoom:1;}
.headerSub:after{ content: ""; display: block; clear: both; }
.fontWater{ color:#d1cbc0; }
input::-webkit-input-placeholder{ color:#d1cbc0; }
input::-moz-placeholder{ color:#d1cbc0; }
input:-moz-placeholder{ color:#d1cbc0; }
input:-ms-input-placeholder{ color:#d1cbc0; }
#headerNav{ position:relative; top:0; left:0; z-index:1000; width:100%; color:#685333; font-size:82%; }
body #container{ margin-top:0; padding-top:185px; }
body #container.cpContainer{ padding-top:185px; }

/* scroll action
--------------------------------------------- */
.navStep1 .headerLogo{ position:fixed; top:18px; }
.navStep2 .headerLogo{ position:fixed; top:18px; }
.navStep2 .headerMain{ position:fixed; top:-29px; }
.navStep3 .headerSub{ position:fixed; top:5px; }

/* headerLine
--------------------------------------------- */
.headerLine{ position:fixed; top:0; left:0; width:100%; height:0; border-top:solid 4px #FFA000; z-index:10; }
.noFix .headerLine,
.cpNav .headerLine{ position:absolute; }
.cpNav .headerMain{ padding-bottom:4px; background:url(//image.recipe.rakuten.co.jp/pc/bg_headerNav.png) 0 bottom repeat-x; }

/* groupLinkWrap
--------------------------------------------- */
.groupLinkWrap { background:#F7F7F7; position: absolute; left: 0; top: 4px; width: 100%; z-index: 10; }
.groupLinkWrap .groupLink { height:26px; line-height:2; font-size:87%; margin: 0 auto; width: 970px; text-align:right; }
.groupLinkWrap .groupLink li { display:inline; padding-right:5px; margin-right:5px; border-right:solid 1px #666666; }
.groupLinkWrap .groupLink li.last { padding-right:0; margin-right:0; border:none; }
.groupLinkWrap .groupLink a { text-decoration:none; color:#665533; }
.groupLinkWrap a { color:#665533; }
.groupLinkWrap a:hover { color:#eea003; }

/* headerWrap
--------------------------------------------- */
/* headerLogo ------------ */
.headerLogo{ position:absolute; top:18px; left:0; width:100%; height:0; z-index:9; }
.headerLogoIn{ position:relative; width:970px; margin:24px auto 0; }
.headerLogo p{ position:static; left:0; top:21px; width:auto; }
.headerLogo p a{ display:inline; height:30px; }

/* headerMainR ------------ */
.headerMainR { position:absolute; right:0; top:0; text-align:right; }

/* MypageMenu ------------ */
.headerWrap .headerMy { clear:both; width:450px; position:relative; z-index:12; }
.headerWrap .myMenu,
.headerWrap .headerPost { display:inline-block; *display:inline; *zoom:1; vertical-align:top; }
.headerWrap .myMenu { position:relative; margin-right:8px; }
.headerWrap .myMenu a { text-decoration:none; }
.headerWrap .myMenu dt { background:url(//image.recipe.rakuten.co.jp/pc/bg_myMenu_btn.png) 0 0 no-repeat; }
.headerWrap .myMenu dt div { background:url(//image.recipe.rakuten.co.jp/pc/bg_myMenu_btn.png) bottom right no-repeat; }
.headerWrap .myMenu dt a { position:relative; display:block; padding:2px 25px 2px 8px; height:27px; line-height:25px; background:url(//image.recipe.rakuten.co.jp/pc/icn_headerNav_arw.png) right 13px no-repeat; font-weight:bold; }
.headerWrap .myMenu dt img { float:left; border:solid 1px #fff; margin-right:7px; }

/* MypageMenu slidedown -- */
.headerWrap .hover dt { background:#eb9985 url(//image.recipe.rakuten.co.jp/pc/bg_myMenu_btn.png) 0 0 no-repeat; }
.headerWrap .hover dt a { background-position:right -27px; color:#fff; }
.headerWrap .myMenu .count { display:inline-block; *display:inline; *zoom:1; margin-left:5px; height:20px; padding-left:4px; background:url(//image.recipe.rakuten.co.jp/pc/bg_myMenu_count.png) 0 0 no-repeat; }
.headerWrap .myMenu .count span { display:block; padding:0 4px 0 0px; height:20px; min-width:13px; line-height:20px; text-align:center; color:#fff; font-weight:bold; background:url(//image.recipe.rakuten.co.jp/pc/bg_myMenu_count.png) bottom right no-repeat; }
.headerWrap .myMenu dd { position:absolute; top:30px; right:-4px; width:233px; background:url(//image.recipe.rakuten.co.jp/pc/bg_myMenu_slide.png) 0 0 no-repeat; text-align:left; }
.headerWrap .myMenu dd .myMenuBg { margin-top:7px; padding:4px 8px 0; background:url(//image.recipe.rakuten.co.jp/pc/bg_myMenu_slide.png) -233px 0 repeat-y; }
.headerWrap .myMenu .myMenuClose { display:block; height:7px; background:url(//image.recipe.rakuten.co.jp/pc/bg_myMenu_slide.png) -466px 0 no-repeat; }
.headerWrap .myMenu dd .myMenuOut { border-top:solid 1px #f8eedd; }
.headerWrap .myMenu dd a { position:relative; display:block; padding:0 50px 0 10px; height:31px; line-height:31px; }
.headerWrap .myMenu dd a:hover { background-color:#eb9985; color:#fff; }
.headerWrap .myMenu dd a .count { position:absolute; top:6px; right:10px; left:auto; }
.headerWrap .myMenu dd .myMenuOut a { color:#885500; }
.headerWrap .myMenu dd .myMenuOut a:hover { color:#fff; }

/* LoginMenu ---------- */
.headerLogin{
	padding-top:7px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
		-ms-flex-pack: end;
			justify-content: flex-end;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
}
.headerLogin a{ font-weight:bold; text-decoration:none; }

/* headerMain
--------------------------------------------- */
.headerMain{ position:absolute; top:70px; left:0; float:left; height:60px; width:100%; background-color:#fff; z-index:8; }
.headerMainIn{ position:relative; width:970px; margin:0 auto; }
.headerMain a{ color:#665533; }
.headerMain a:hover{ color:#eea003; }

/* keywordSearchBox ------------ */
.headerMain .headerSearch{ position:absolute; top:13px; left:0; width:100%; }
.headerMain .headerSearch .searchSet{ width:100%; height:34px; padding:4px 0 0 0; background: none; }
.headerMain .headerSearch input{ float:left; margin-right:5px; background-color:#faf9f6; border:solid 3px #FFA000; font-size:100%; height:28px; padding:0 5px; width:700px; }
.headerMain .headerSearch input:focus{ outline:0; }
body .headerMain .headerSearch input{ height:23px\9; padding:5px 5px 0px\9; }
:root .headerMain .headerSearch input{ height:28px \0/IE9; padding:0 5px \0/IE9; }
*body .headerMain .headerSearch input{ height:23px; padding:5px 5px 0; }
.headerMain .headerSearch .searchLead{ position:relative; width:auto; margin-bottom:9px; }
.headerMain .headerSearch .searchLead p{ position:absolute; bottom:10px; right:9px; font-size:87%; }
.headerMain .headerSearch .searchLead p a{ padding:1px 16px 1px 0; background:url(//image.recipe.rakuten.co.jp/pc/icn_cmn_arwMini.gif) right center no-repeat; }

.headerWrap a{ color:#665533; }
.headerWrap a:hover{ color:#eea003; }

/* headerSub
--------------------------------------------- */
.headerSub{ position:absolute; top:133px; left:0; clear:both; width:100%; height:51px; padding-bottom:0; background:url(//image.recipe.rakuten.co.jp/pc/bg_headerNav.png) 0 bottom repeat-x; z-index:7; background:#FFF; }

/* headerSubOver ------------ */
.headerSubOver{ height:25px; font-size:11px; }
.headerSubOverIn{ overflow:hidden; width:956px; height:15px; margin:0 auto; padding:0; white-space:nowrap; }
.headerSubOver dl{ display:inline; }
.headerSubOver dt{ display:inline-block; margin-right:2px; background:#f8eedc url(//image.recipe.rakuten.co.jp/d-pc/bg_headerSubLink.png) 0 0 no-repeat; color:#885500; }
.headerSubOver dt a{ display:block; text-decoration:none; }
.headerSubOver dt span{ display:block; padding:3px 5px 0; height:12px; line-height:1; background:url(//image.recipe.rakuten.co.jp/d-pc/bg_headerSubLink.png) right bottom no-repeat; }
.headerSubOver dd{ display:inline; padding-top:1px; }
.headerSubOver dd a{ margin-right:5px; text-decoration:none; }
.headerSubOver .headerSubKey01{ padding-right:12px; }
.headerSubOver .headerSubKey02{ padding-right:12px; }
.headerSubOver .headerSubKey02 dt{ background:none; padding-top:1px; padding-right:5px; }

/* headerSubBg ------------ */
.headerSubBg{ height:27px; background-color:#f7f7ef; }
.headerSubIn{ overflow:hidden; height:24px; width:970px; margin:0 auto; position:relative; }
/* headerSubLink ------------ */
.headerSubLink{ padding-top:7px; font-size:11px; white-space:nowrap; }
.headerSubLink dt{ display:inline-block; margin: 0 0 0 10px; color:#885500; }
.headerSubLink dd{ display:inline; margin-right:5px; }
.headerSubLink dd a{ margin-right:2px; text-decoration:none; }
.headerSubLink dd.snsIcon{ position:absolute; right:0; margin:0; }

.headerSub a{ color:#665533; }
.headerSub a:hover{ color:#eea003; }

  /*------------------------------------------------
  footer
  ----------------------------------------------- */
/* 130226 footer
----------------------------------------------- */
.mainContentsBtm { width:650px; height:36px; background:url(//image.recipe.rakuten.co.jp/pc/bg_mainContentsBtm_02.gif) top left no-repeat; }

/* contentsFootLink */
/*
#contentsFootLink { clear:both; width:100%; padding-top:15px; margin:30px auto 0; font-size:82%; background:#efeee5; text-align:justify; overflow:hidden; height:100%; }
#contentsFootLink .footBlock{ width:970px; margin:0 auto; overflow:hidden; height:auto;}
#contentsFootLink a:link { color: #685333; text-decoration: underline; }
#contentsFootLink a:visited { color: #685333; text-decoration: underline; }
#contentsFootLink a:hover { color: #b7a490; text-decoration: underline; }
#contentsFootLink a:active { color: #b7a490; text-decoration: underline; }
#contentsFootLink .btnApp{ width:970px; margin:0 0 24px; }
#contentsFootLink .btnApp li{ border:none; padding:0; margin:0; }
#contentsFootLink .footContL{ width:604px; background:#e3e0cb; padding: 0 23px 0px; float:left; min-height:300px; }
#contentsFootLink .footContL .footNews{ clear:both; padding:22px 0 38px; border-bottom:dotted 1px #9e8a77; }
#contentsFootLink .footContL .footNews h3{ font-weight:bold; background:url(//image.recipe.rakuten.co.jp/pc/icn_foot_info.gif) no-repeat 0 0; padding:0 23px; margin:0 0 13px; }
#contentsFootLink .footContL .footNews table{ margin:0 0 5px; }
#contentsFootLink .footContL .footNews th{ width:75px; font-weight:normal; font-size:83%; vertical-align:text-top; }
#contentsFootLink .footContL .footNews td{ padding:0 0 3px;}
#contentsFootLink .footContL .footNews .arw{ float:right; }
#contentsFootLink .footContL .footlink{ padding:19px 0 18px;}
#contentsFootLink .footContL .footlink h3{ font-weight:bold; background:url(//image.recipe.rakuten.co.jp/pc/icn_foot_link.gif) no-repeat 0 0; padding:0 22px; margin:0 0 12px; }
#contentsFootLink .footContL .footlink table{ }
#contentsFootLink .footContL .footlink th{ width:75px; vertical-align:text-top; font-weight:bold; }
#contentsFootLink .footContL .footlink td{ line-height:1.7em;}
#contentsFootLink .footContR{ width:275px; background:#e3e0cb; padding: 0 17px 0; float:right; min-height:300px; }
#contentsFootLink .footContR .footOpinion{ padding:24px 0 0;}
#contentsFootLink .footContR .footOpinion h3{font-weight:bold; background:url(//image.recipe.rakuten.co.jp/pc/icn_foot_opinion.gif) no-repeat 0 0; padding:0 21px; margin:0 0 6px; }
#contentsFootLink .footContR .footOpinion textarea{ width:263px; height:60px; padding:5px; margin:9px 0 16px; border:1px solid #999999; }
#contentsFootLink .footContR .footOpinion .txtCenter{ text-align:center;}
#contentsFootLink .footContR .footOpinion a.imgover{}
#contentsFootLink .footContR .footOpinion span{ font-size:83%; display:block; margin:8px 0 18px; }
#contentsFootLink .footContR .footOpinion a{ font-weight:bold; }
#contentsFootLink .bnrCenter{ width:970px; margin:20px auto;	text-align:center;}
*/
/* footer */
/*
div#grpRakutenLinkArea ul#selectedService { border-top: 5px solid #F7F7F7; border-bottom: 5px solid #F7F7F7; background: #F7F7F7; width:970px; margin:0 auto; }
div#grpRakutenLinkArea div#groupServiceFooter { border-top: 1px solid #808080; border-bottom: 1px solid #808080; background: #F4F4F4; }
div#grpRakutenLinkArea div#companyFooter { padding: 10px 10px 10px 5px; border-top: none; overflow: hidden; width:970px; margin:0 auto; }
div#grpRakutenLinkArea div#groupServiceFooter dl.title { padding: 6px 10px; border-bottom: 1px solid #DDDDDD; width:970px; margin:0 auto; }
*/

/* 130327 footer recom
----------------------------------------------- */
.footRecom{ width:970px; background:#fff url(//image.recipe.rakuten.co.jp/pc/bg_footRecom_top.gif) 0 0 no-repeat; }
.footRecomIn{ background:url(//image.recipe.rakuten.co.jp/pc/bg_footRecom_btm.gif) 0 bottom no-repeat; }

/* header notification */
.notificationBtn {
	display: inline-block;
	text-decoration: none;
}
.notificationBtn span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 13px;
  line-height: 10px;
  font-weight: bold;
}
.notificationBtn span.login {
  padding: 5px 0;
}
.notificationBtn span:hover {
  color: #eea003;
}
.notificationBtn span::before {
  content: "";
  display: block;
  background: url("//image.recipe.rakuten.co.jp/d-pc/icon-notification.png") no-repeat;
  background-size: 100% 100%;
  width: 18px;
  height: 20px;
  margin-right: 6px;
}
.notificationBtn + .myMenu {
  margin-left: 7px;
}