@charset "utf-8";

/* topBox */
#contents .topBox{
  width:664px;
  background: url(//image.recipe.rakuten.co.jp/d-pc/bgTopMid.gif) repeat-y 0 0;
  margin:0 auto 10px;
}
#contents .topBoxInner{
  background: url(//image.recipe.rakuten.co.jp/d-pc/bgTop.gif) no-repeat 0 0;
}
#contents .topBoxBtm{
  background: url(//image.recipe.rakuten.co.jp/d-pc/bgTopBot.gif) no-repeat 0 bottom;
  zoom: 1;
  width:664px;
  padding: 5px 0 5px 5px;
}
#contents .topBox.myPageTop{
  margin:-15px auto 7px;
}
#contents .topBox.myPageTop .topBoxBtm{
  padding: 20px 0 3px 3px;
}

#contents .topBox h2{
  background: url(//image.recipe.rakuten.co.jp/d-pc/bgTopSub.gif) no-repeat 0 0;
  width:638px;
  font-weight:bold;
  font-size: 16px;
  margin: 0 0 5px 0;
  padding: 4px 8px;
}
#contents .topBox h2 strong{
  background: url(//image.recipe.rakuten.co.jp/d-pc/bgTopSubBtm.gif) repeat-y 0 0;
  display: block;
  margin: 0 -8px;
  padding: 0 8px 4px;
  width:100%;
}
#contents .topBox h2 span{
  font-size: 12px;
  font-weight:normal;
  padding: 0 0 0 5px;
}
#contents .topBox h2 span span.count{
  font-weight:bold;
  color: #dd5533;
  font-size: 14px;
}
#contents .topBox h3{
  background: url(//image.recipe.rakuten.co.jp/d-pc/bgRepoShort.gif) no-repeat 0 0;
  margin: 0 0 10px 0;
  padding: 5px 10px;
  font-weight:bold;
  font-size: 14px;
}
#contents .topBox .topMore{
  margin: 10px 5px;
  text-align:right;
}
#contents .topBox .topMore a{
  background:url(//image.recipe.rakuten.co.jp/d-pc/bgMoreTop.gif) no-repeat 0 center;
  padding-left:10px;
}

#contents .topBox .introBox{
  width:637px;
  margin:10px;
}
#contents .topBox .introBox textarea{
  background-color:#FAF9F6;
  border:1px solid #999999;
  height:66px; overflow:auto;
  padding:5px;
  width:98%;
  margin-bottom:5px;
}
#contents .topBox .introBox .inplace_save{
  clear: both;
  margin:0 10px 0 0;
  display: block;
  width:70px;
  float: left;
}
#contents .topBox .introBox .inplace_save a{
  display: block;
  overflow: hidden;
  padding:0;
  width:70px;
  height:30px;
  background:url(//image.recipe.rakuten.co.jp/d-pc/btnSpriteSave.gif) no-repeat 0 0;
  text-indent:-9999px;
}
#contents .topBox .introBox .inplace_save a:hover{
  background-position:0 100%;
}
#contents .topBox .introBox .inplace_cancel{
  margin:5px 10px 0 0;
}
#contents .topBox .introBox .inplace_cancel a{
text-decoration: underline;
}
#contents .topBox .introBox .words{
  margin:5px 0 0 0;
}
#contents .topBox .introBox .words .my_title_count{
}
#contents .topBox .topMoreEdit{
  margin: 20px 5px;
}
#contents .btnIntroEdit{
  display: block;
  margin:0 20px 0 auto;
  width:140px;
}
#contents .btnIntroEdit a{
  display: block;
  overflow: hidden;
  padding:0;
  width:140px;
  height:30px;
  background:url(//image.recipe.rakuten.co.jp/d-pc/btnSpriteEdit.gif) no-repeat 0 0;
  text-indent:-9999px;
}
#contents .btnIntroEdit a:hover{
  background-position:0 100%;
}
#contents .topBox .topMorePrf{
  margin: 20px 25px;
  text-align:right;
}
/* topContents */
#contents .topContents{
  width:622px;
  margin: 0 0 20px 0;
}
#contents .topContents .topL{
  width:300px;
  float:left;
}
#contents .topContents .topR{
  width:300px;
  float:right;
}
#contents .topContents .topStock{
  margin: 0 0 0 0;
}
#contents .topContents .topStock li{
  width:300px;
  margin: 0 0 15px 0;
}
#contents .topContents .topStock li p{
  width:220px;
  float:right;
  font-size: 13px;
  font-weight: bold;
  margin: 0 5px 0 0;
}
/* link
  ========================================== */
#contents .topContents .topStock li p a:link { color: #665533; text-decoration: underline; }
#contents .topContents .topStock li p a:visited { color: #665533; text-decoration: underline; }
#contents .topContents .topStock li p a:hover { color: #eea033; text-decoration: underline; }
#contents .topContents .topStock li p a:active { color: #eea033; text-decoration: underline; }

#contents .topContents .topStock li p span{
  display:block;
  color:#555555;
  font-size: 87%;
  margin: 5px 0 0 0;
  font-weight: normal;
}
#contents .topContents .topStock li span.stockImg{
  width:65px;
  float:left;
  display:block;
  overflow: hidden;
  position: relative;
  width:65px;
  height:65px;
}
#contents .topContents .topStock li span.stockImg img{
}
#contents .topContents .topStock li span.stockImg span{
  display:block;
  background:url(//image.recipe.rakuten.co.jp/d-pc/fl65.png) 0 0 no-repeat;
  width:65px;
  height:65px;
  position:absolute;
  top:0;
  left:0;
}
#contents .topContents .topR.repoRank{
  margin: 30px 0 0 0;
}
#contents .topContents .topR.repoRank.ownRepoRank{
  margin: 0 0 0 0;
}
#contents .topContents .topR.repoRank .cateRank{
  font-size: 16px;
}
#contents .topContents .topR.repoRank .cateSubRank{
  font-size: 16px;
}
#contents .topContents .topL.repoRank{
}
#contents .topContents .topL.repoRank .cateRank{
  font-size: 16px;
}
#contents .topContents .topL.repoRank .cateSubRank{
  font-size: 16px;
}
#contents .topContents .cateRank{
  color: #dd5533!important;
  font-size: 18px;
  background:url(//image.recipe.rakuten.co.jp/d-pc/icnRank.gif) 0 center no-repeat;
  padding-left:30px;
  font-weight: bold!important;
  margin:0 auto;
}
#contents .topContents .cateSubRank{
  color: #dd5533!important;
  font-size: 18px;
  font-weight: bold!important;
}
#contents .topContents .caseMate{
  display: block;
  color: #889955!important;
  margin:5px 0;
}

#contents .topContents .myPageRank{
  position:relative;
}
#contents .topContents .myPageRank .caseIcon{
  position:absolute;
  top:0;
  right:0;
}
#contents .topContents .myPageRank .caseIcon img{
  margin: 0 0 0 2px;
}
#contents .topContents .myPageRank .cateRank{
  margin: 0 0 5px 0 ;
  height: 25px;
}
#contents .topContents .myPageRank .rcpPhotoBox{
  text-align:center;
  margin: 0 0 15px 0 ;
}

#contents .topContents .myPageRank .rcpPhotoBox .cateRankImage{
  display:block;
  overflow: hidden;
  position: relative;
  width:300px;
  height:230px;
}
#contents .topContents .myPageRank .rcpPhotoBox .cateRankImage img{
}
#contents .topContents .myPageRank .rcpPhotoBox .cateRankImage span{
  display:block;
  background:url(//image.recipe.rakuten.co.jp/d-pc/fl230_230.png) 0 0 no-repeat;
  width:230px;
  height:230px;
  position:absolute;
  top:0;
  left:35px;
}

#contents .topContents .myPageRank p a{
  font-weight: bold;
  font-size: 16px;
}
/* link
  ========================================== */
#contents .topContents .myPageRank p a:link { color: #665533; text-decoration: underline; }
#contents .topContents .myPageRank p a:visited { color: #685333; text-decoration: underline; }
#contents .topContents .myPageRank p a:hover { color: #eea033; text-decoration: underline; }
#contents .topContents .myPageRank p a:active { color: #eea033; text-decoration: underline; }

#contents .topContents .myPageRankList{
}
#contents .topContents .myPageRankList li{
  position:relative;
}
#contents .topContents .myPageRankList li .caseIcon{
  position:absolute;
  top:0;
  right:0;
}
#contents .topContents .myPageRankList .cateRank{
  display:inline-block;
  width:auto;
  margin:0 0 3px 0;
}
#contents .topContents .myPageRankList .cateSubRank{
  display:inline-block;
  width:auto;
  margin:0 0 3px 0;
}
#contents .topContents .myPageRankList li a{
  display:block;
  text-decoration: underline;
}

/*myPagehead*/
#contents .myPagehead{
}
#contents .myPagehead .myPageTxt{
  width:648px;
  text-align:right;
  color:#555555;
  font-size: 11px;
  margin:0 0 5px;
}

#contents .myPagehead .pageTit{
  display: table;
  width:637px;
  margin:0 0 0 20px;
}
#contents .myPagehead .pageTit * {
  direction: ltr; /*���e���͍�������ׂ�*/
}
#contents .myPagehead .pageTitArea{
  width:657px;
  margin:0 0 5px;
}
#contents .myPagehead .myPageKV{
  text-align:center;
  margin:0 0 10px;
}
#contents .myPagehead .edit_mypage_image{
}
#contents .myPagehead .pageTitImg{
  display: table-cell;
  vertical-align:top;
  width:80px;
  text-align:center;
}
#contents .myPagehead .pageTitImg img{
  border:1px solid #e3dbcc;
  padding:1px;
  margin:0 0 5px;
}
#contents .myPagehead .pageTitImg p{
  display: block;
  margin:0 auto;
  width:60px;
}
#contents .myPagehead .pageTitImg p a{
  display: block;
  overflow: hidden;
  padding:0;
  width:60px;
  height:20px;
  background:url(//image.recipe.rakuten.co.jp/d-pc/btnSet.gif) no-repeat 0 0;
  text-indent:-9999px;
}
#contents .myPagehead .pageTitImg p a:hover{
  background-position:0 100%;
}

#contents .myPagehead .pageTitMy{
  display: table-cell;
  vertical-align:top;
  padding:0 10px;
}

#contents .myPagehead .pageTitMy #myPageTtlEditBox,
#contents .myPagehead .pageTitMy #myNameEditBox{
  display: table;
}
#contents .myPagehead .pageTitMy #myPageTtlEditBox{
  margin-bottom: 10px;
}

#contents .myPagehead .pageTitUser{
  display: table-cell;
  vertical-align:top;
  padding:0 10px;
}
#contents .myPagehead .titMyName{
}
#contents .myPagehead #my_name{
  display: table-cell;
  line-height: 1.1;
  word-break: break-all;
  vertical-align: top;
  font-size: 16px;
}
#contents .myPagehead .myNameEdit{
  display: table-cell;
  padding: 0 10px 0 0;
  vertical-align: top;
}
#contents .myPagehead .myNameEdit a{
  display: inline-block;
  overflow: hidden;
  padding:0;
  width: 18px;
  height: 18px;
  background:url(//image.recipe.rakuten.co.jp/d-pc/icn_cmn_pen.gif) no-repeat 0 0;
  text-indent:-9999px;
  background-size: 18px;
}
#contents .myPagehead .myNameEdit a:hover{
  background-position:0 100%;
}
#contents .myPagehead #my_title{
  display: table-cell;
  line-height: 1.1;
  word-break: break-all;
  vertical-align: top;
}
#contents .myPagehead .myPageTtl{
  font-weight: bold;
  font-size: 18px;
  word-break: break-all;
}
#contents .myPagehead .myPageTtlEdit{
  display: table-cell;
  padding: 0 10px 0 0;
  vertical-align: top;
}
#contents .myPagehead .myPageTtlEdit a{
  display: inline-block;
  overflow: hidden;
  padding:0;
  width:18px;
  height:18px;
  background:url(//image.recipe.rakuten.co.jp/d-pc/icn_cmn_pen.gif) no-repeat 0 0;
  text-indent:-9999px;
  background-size: 18px;
}
#contents .myPagehead .myPageTtlEdit a:hover{
  background-position:0 100%;
}
#contents .myPagehead #my_name .inplace_field,
#contents .myPagehead #my_title .inplace_field{
  width:98%;
  margin: 0 0 5px 0;
  background: none repeat scroll 0 0 #FAF9F6;
  border: 1px solid #999999; height: 24px; padding: 2px 5px;
  font-size: 18px;
}
#contents .myPagehead #my_name .inplace_save,
#contents .myPagehead #my_title .inplace_save{
  clear: both;
  margin:0 10px 0 0;
  display: block;
  width:60px;
  float: none;
}
#contents .myPagehead #my_name .inplace_save a,
#contents .myPagehead #my_title .inplace_save a{
  display: block;
  overflow: hidden;
  padding:0;
  width:60px;
  height:20px;
  background:url(//image.recipe.rakuten.co.jp/d-pc/btnMyTtlSave.gif) no-repeat 0 0;
  text-indent:-9999px;
}
#contents .myPagehead #my_name .inplace_save a:hover,
#contents .myPagehead #my_title .inplace_save a:hover{
  background-position:0 -20px;
}
#contents .myPagehead #my_name .inplace_cancel,
#contents .myPagehead #my_title .inplace_cancel{
  margin:0 10px 0 0;
  font-weight: normal;
  font-size: 12px;
}
#contents .myPagehead #my_name .inplace_cancel a,
#contents .myPagehead #my_title .inplace_cancel a{
text-decoration: underline;
}
#contents .myPagehead #my_name .words,
#contents .myPagehead #my_title .words{
  font-weight: normal;
  font-size: 12px;
}
#contents .myPagehead #my_name .words .my_title_count,
#contents .myPagehead #my_title .words .my_title_count{
}

#contents .myPagehead .tab{
}
#contents .myPagehead .tab ul{
  background:url(//image.recipe.rakuten.co.jp/d-pc/bgOwnMenu.gif) no-repeat 0 -90px;
}
#contents .myPagehead .tab li{
  display: block;
  overflow: hidden;
  padding:0;
  height:45px;
  float:left;
}
#contents .myPagehead .tab li.mypageTop{
  width:165px;
}
#contents .myPagehead .tab li.recipeList{
  width:165px;
}
#contents .myPagehead .tab li.tsukurepoList{
  width:164px;
}
#contents .myPagehead .tab li.pendingReport{
  width:164px;
}
#contents .myPagehead .tab li a{
  display: block;
  overflow: hidden;
  height:45px;
  background:url(//image.recipe.rakuten.co.jp/d-pc/bgOwnMenu.gif) no-repeat 0 0;
}
#contents .myPagehead .tab li p{
  text-align:center;
  font-weight: bold;
  font-size: 14px;
}
#contents .myPagehead .tab li p a{
  padding:6px 0 0 0;
}
#contents .myPagehead .tab li p span{
  display: block;
  font-weight: normal;
  font-size: 12px;
}
#contents .myPagehead .tab li.mypageTop p{
  line-height: 38px;
}
#contents .myPagehead .tab li.mypageTop a{
  width:165px;
}
#contents .myPagehead .tab li.recipeList a{
  width:165px;
  background-position:-165px 0;
}
#contents .myPagehead .tab li.tsukurepoList a{
  width:164px;
  background-position:-330px 0;
}
#contents .myPagehead .tab li.pendingReport a{
  width:164px;
  background-position:-494px 0;
}
#contents .myPagehead .tab li.mypageTop a:hover{
  background-position:0 -45px;
}
#contents .myPagehead .tab li.recipeList a:hover{
  background-position:-165px -45px;
}
#contents .myPagehead .tab li.tsukurepoList a:hover{
  background-position:-330px -45px;
}
#contents .myPagehead .tab li.pendingReport a:hover{
  background-position:-494px -45px;
}
#contents .myPagehead .tab li.current p{
  padding:6px 0 0 0;
  color: #ffffff;
}
/* link
  ========================================== */
#contents .myPagehead .tab a:link { color: #665533; text-decoration: none; }
#contents .myPagehead .tab a:visited { color: #685333; text-decoration: none; }
#contents .myPagehead .tab a:hover { color: #eea033; text-decoration: none; }
#contents .myPagehead .tab a:active { color: #eea033; text-decoration: none; }


#contents .myPagehead .tabOther{
}
#contents .myPagehead .tabOther ul{
  background:url(//image.recipe.rakuten.co.jp/d-pc/bgOtherMenu.gif) no-repeat 0 -90px;
}
#contents .myPagehead .tabOther li{
  display: block;
  overflow: hidden;
  padding:0;
  height:45px;
  float:left;
}
#contents .myPagehead .tabOther li.mypageTop{
  width:220px;
}
#contents .myPagehead .tabOther li.mypageTopItemDisable{
  width:329px;
}
#contents .myPagehead .tabOther li.recipeList{
  width:218px;
}
#contents .myPagehead .tabOther li.recipeListItemDisable{
  width:329px;
}
#contents .myPagehead .tabOther li.tsukurepoList{
  width:220px;
}
#contents .myPagehead .tabOther li a{
  display: block;
  overflow: hidden;
  height:45px;
  background:url(//image.recipe.rakuten.co.jp/d-pc/bgOtherMenu.gif) no-repeat 0 0;
}
#contents .myPagehead .tabOther li p{
  text-align:center;
  font-weight: bold;
  font-size: 14px;
}
#contents .myPagehead .tabOther li p a{
  padding:6px 0 0 0;
}
#contents .myPagehead .tabOther li p span{
  display: block;
  font-weight: normal;
  font-size: 12px;
}
#contents .myPagehead .tabOther li.mypageTop p{
  line-height: 38px;
}
#contents .myPagehead .tabOther li.mypageTopItemDisable p{
  line-height: 38px;
}
#contents .myPagehead .tabOther li.mypageTop a{
  width:220px;
}
#contents .myPagehead .tabOther li.mypageTopItemDisable a{
  width:329px;
  background-image: url("//image.recipe.rakuten.co.jp/d-pc/fanpageTabBgTwoColumn.png") !important;
}
#contents .myPagehead .tabOther li.recipeList a{
  width:218px;
  background-position:-220px 0;
}
#contents .myPagehead .tabOther li.recipeListItemDisable a{
  width:329px;
  background-position:-329px 0;
}
#contents .myPagehead .tabOther li.tsukurepoList a{
  width:220px;
  background-position:-438px 0;
}
#contents .myPagehead .tabOther li.mypageTop a:hover{
  background-position:0 -45px;
}
#contents .myPagehead .tabOther li.mypageTopItemDisable a:hover{
  background-position:0 -45px;
}
#contents .myPagehead .tabOther li.recipeList a:hover{
  background-position:-220px -45px;
}
#contents .myPagehead .tabOther li.recipeListItemDisable a:hover{
  background-position:-329px -45px;
}
#contents .myPagehead .tabOther li.tsukurepoList a:hover{
  background-position:-438px -45px;
}
#contents .myPagehead .tabOther li.current p{
  padding:6px 0 0 0;
  color: #ffffff;
}
/* link
  ========================================== */
#contents .myPagehead .tabOther a:link { color: #665533; text-decoration: none; }
#contents .myPagehead .tabOther a:visited { color: #685333; text-decoration: none; }
#contents .myPagehead .tabOther a:hover { color: #eea033; text-decoration: none; }
#contents .myPagehead .tabOther a:active { color: #eea033; text-decoration: none; }

#contents .btnRepoFor{
  display: table-cell;
  vertical-align:middle;
  white-space:nowrap;
  width:130px;
  height:100%;
}
#contents .headFavo{
  display: table-cell;
  vertical-align:middle;
  white-space:nowrap;
  width:100px;
  height:100%;
}
#contents .headFavoDel{
  display: table-cell;
  vertical-align:middle;
  white-space:nowrap;
  width:100px;
  height:100%;
}
#contents .headFavo a{
  display: block;
  overflow: hidden;
  width:90px;
  height:20px;
  background:url(//image.recipe.rakuten.co.jp/d-pc/btnSpriteFavorite.gif) no-repeat 0 0;
  background-position:0 0;
  text-indent:-9999px;
}
#contents .headFavoDel a{
  display: block;
  overflow: hidden;
  width:90px;
  height:20px;
  background:url(//image.recipe.rakuten.co.jp/d-pc/btnSpriteFavorite.gif) no-repeat 0 0;
  background-position:100% 0;
  text-indent:-9999px;
}
#contents .headFavo a:hover{
  background-position:0 100%;
}
#contents .headFavoDel a:hover{
  background-position:100% 100%;
}

/* IE7�ȉ��ɓK�p */
.pageTit .ltie8 .pageTitImg {  float: left;}
.pageTit .ltie8 .headFavo {  float: left;margin-top: 1em;}
.pageTit .ltie8 .headFavoDel {  float: left;margin-top: 1em;}
.pageTit .ltie8 .btnRepoFor {  float: right;margin-top: 1em;}
.pageTit .ltie8 .pageTitMy {  width: 510px;float: left;}
.pageTit .ltie8 .pageTitUser {  width: 300px;float: left;}

/*���V�s�ꗗ*/
#contents .contentsBox{
  clear:both;
  margin: 5px 0 0 15px;
  padding:10px 0 0;
  width:620px;
}
#contents .recipeBox{
}

/* iframe generator */
.ifrGenerator .ifrGenInside #iframeSimple, .ifrGenerator .ifrGenInside #iframeDetail { display: none; }
.ifrGenerator .ifrGenInside { padding: 30px 20px 40px; }
#contents .ifrGenerator .ifrGenInside h3 { margin-bottom: 16px; padding: 0; background: none; line-height: 16px; }
#contents .ifrGenerator .ifrGenInside h3 img { padding-left: 10px; }
.ifrGenerator .ifrGenInside .ifrGenInsideSec { margin-bottom: 34px; }
.ifrGenerator .ifrGenInside label { display: inline-block; line-height: 14px;}
.ifrGenerator .ifrGenInside input { float:left; height: 18px; margin-right: 4px; border: 1px solid #999999; padding: 5px 6px 3px; font-size: 14px; }
.ifrGenerator .ifrGenInside input[type="text"].attention {background-color: #ffeded;}
.ifrGenerator .ifrGenInside input[type="text"]:disabled { background-color: #ddd; color: #bbb; }
.ifrGenerator .ifrGenInside input[type="radio"] { height: 14px; margin-right: 6px; }
.ifrGenerator .ifrGenInside button::-moz-focus-inner { border: 0; padding: 0; margin-top: 0; margin-bottom: 0; } /* for FireFox */
.ifrGenerator .ifrGenInside button { display:block; margin: 70px auto 0; padding: 0; border-radius: 2px; width: 160px; background: none; border: 1px solid #eea033; }
.ifrGenerator .ifrGenInside .ifrGenError + button { margin-top: 24px; }
.ifrGenerator .ifrGenInside button span { display: block; padding: 8px; background: #eea033; border: 1px solid #fff; font-size: 14px; font-weight: bold; color: #fff; }
.ifrGenerator .ifrGenInside button:hover { opacity: 0.8; cursor: pointer; }
.ifrGenerator .ifrGenInside .ifrGenError { display: none; font-size: 12px; font-weight: bold; color: #ff0000; text-align: center; }
.ifrGenerator .ifrGenInside .ifrWidth input, .ifrGenerator .ifrGenInside .ifrHeight input { margin-bottom: 8px; }
.ifrGenerator .ifrGenInside .pxLimit { clear:both; color: #dd5533; font-size: 13px; }
.ifrGenerator .ifrGenInside .ifrType ul li { float: left; width: 177px; height: 141px; margin-left: 30px; overflow: hidden; text-indent: 100%; white-space: nowrap; cursor: pointer; }
.ifrGenerator .ifrGenInside .ifrType ul li:first-child { margin-left: 12px; }
.ifrGenerator .ifrGenInside .ifrType ul li:hover { opacity: 0.5; }
.ifrGenerator .ifrGenInside .ifrType ul li.active:hover { opacity: 1; cursor: default;}
.ifrGenerator .ifrGenInside .ifrType ul li#ifrTypeBtnCarousel { background: url(//image.recipe.rakuten.co.jp/d-pc/btn_ifr_slider.gif) no-repeat 0 0; }
.ifrGenerator .ifrGenInside .ifrType ul li#ifrTypeBtnCarousel.active { background: url(//image.recipe.rakuten.co.jp/d-pc/btn_ifr_slider_on.gif) no-repeat 0 0; }
.ifrGenerator .ifrGenInside .ifrType ul li#ifrTypeBtnSimple { background: url(//image.recipe.rakuten.co.jp/d-pc/btn_ifr_simple.gif) no-repeat 0 0; }
.ifrGenerator .ifrGenInside .ifrType ul li#ifrTypeBtnSimple.active { background: url(//image.recipe.rakuten.co.jp/d-pc/btn_ifr_simple_on.gif) no-repeat 0 0; }
.ifrGenerator .ifrGenInside .ifrType ul li#ifrTypeBtnDetail { background: url(//image.recipe.rakuten.co.jp/d-pc/btn_ifr_detail.gif) no-repeat 0 0; }
.ifrGenerator .ifrGenInside .ifrType ul li#ifrTypeBtnDetail.active { background: url(//image.recipe.rakuten.co.jp/d-pc/btn_ifr_detail_on.gif) no-repeat 0 0; }
.ifrGenerator .ifrGenInside .ifrRecipeId input[type="text"] { width: 110px; }
.ifrGenerator .ifrGenInside .ifrOrder li { float: left; width: 180px; }
.ifrGenerator .ifrGenInside .ifrWidth ul li { float: left; display: inline-block; margin-right: 70px; }
.ifrGenerator .ifrGenInside .ifrWidth label { line-height: 15px; margin-top: 5px;}
.ifrGenerator .ifrGenInside .ifrWidth input[type="text"] { float:none; width: 42px; }
.ifrGenerator .ifrGenInside .ifrWidth input[type="checkbox"] { width: 16px; height: 16px; margin-right: 3px; }
.ifrGenerator .ifrGenInside .ifrHeight input[type="text"] { float:none; width: 52px; }
.ifrGenerator .ifrGenInside .ifrHeight ul { margin-bottom: 12px; }
.ifrGenerator .ifrGenInside .ifrHeight ul li { float:left; width: 100px; }

/* iframe preview */
#ifrPreview { display:none; width: 800px; border: 1px solid #eea033; }
#ifrPreview .ifrPreviewWrapper { width: 800px; height: 650px; padding: 16px 25px; background-color: #fff; box-sizing: border-box; overflow: scroll; }
#ifrPreview .ifrPreviewTopTxt { padding-left: 16px; font-size: 13px; color: #c7c6c6; }
#ifrPreview .iframePreview { width: 668px; margin: 0 40px 26px; padding: 30px 0; border-bottom: 2px solid #eee; text-align: center; }
#ifrPreview .iframePreview iframe { margin: 0 auto; }
#ifrPreview .iframePreviewBtmTxt { margin-bottom: 20px; font-size: 13px; color: #dd5533; text-align: center; }
#ifrPreview .iframePreviewSrc { display: block; width: 668px; padding: 16px 20px; background-color: #f7f7f9; border: 2px solid #eee; border-radius: 5px; font-size: 16px; box-sizing: border-box; }
#ifrPreview .iframePreviewSrc:disabled { color: #564d43; -webkit-text-fill-color:#564d43; }
#ifrPreview #iframePreviewSrcWrapper { position: relative; width: 668px; margin: 0 40px 30px; }
#ifrPreview #iframePreviewSrcWrapper:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
#ifrPreview .iframePreviewCopy { display: block; margin: 0 auto 40px; padding: 0; border-radius: 2px; width: 160px; background: none; border: 1px solid #eea033; text-align: center; cursor: pointer;}
#ifrPreview .iframePreviewCopy span { display: block; padding: 8px; background: #eea033; border: 1px solid #fff; font-size: 14px; font-weight: bold; color: #fff; }

/* link
  ========================================== */
#contents #mainContents .recipeBox a:link { color: #665533; text-decoration: none; }
#contents #mainContents .recipeBox a:visited { color: #685333; text-decoration: none; }
#contents #mainContents .recipeBox a:hover { color: #eea033; text-decoration: none; }
#contents #mainContents .recipeBox a:active { color: #eea033; text-decoration: none; }

#contents .recipeBox ul{
  margin: 15px 0 0;
}
#contents .recipeBox li{
  margin:0 0 30px;
}
#contents .recipeBox li .recipeImg{
  width:120px;
  float:left;
}
#contents .recipeBox li .recipeImg a{
  display:block;
  overflow: hidden;
  position: relative;
  width:120px;
  height:120px;
}
#contents .recipeBox li .recipeImg a span{
  display:block;
  background:url(//image.recipe.rakuten.co.jp/d-pc/fl120.png) 0 0 no-repeat;
  width:140px;
  height:140px;
  position:absolute;
  top:0;
  left:0;
}
#contents .recipeBox li .recipeSrc{
  width:165px;
  float:right;
}
#contents .recipeBox li .recipeHead{
}
#contents .recipeBox li .recipeHead h3{
  background:none;
  font-weight: bold;
  font-size: 13px;
  margin:0;
  padding:0;
}
#contents .recipeBox li .recipeHead h3 a{
}
/* link
  ========================================== */
#contents .recipeBox li .recipeHead h3 a:link { color: #665533; text-decoration: underline; }
#contents .recipeBox li .recipeHead h3 a:visited { color: #665533; text-decoration: underline; }
#contents .recipeBox li .recipeHead h3 a:hover { color: #eea033; text-decoration: underline; }
#contents .recipeBox li .recipeHead h3 a:active { color: #eea033; text-decoration: underline; }

#contents .recipeBox li .recipeBtn{
  width:90px;
  float:right;
}
#contents .recipeBox li .recipeBtnStatus{
  width:60px;
  float:right;
}
#contents .recipeBox li a.favoriteBtn{
  display: block;
  overflow: hidden;
  float:left;
  width:90px;
  height:20px;
  background:url(//image.recipe.rakuten.co.jp/d-pc/btnSpriteFavorite.gif) no-repeat 0 0;
  background-position:0 0;
  text-indent:-9999px;
}
#contents .recipeBox li a.favoriteDelBtn{
  display: block;
  overflow: hidden;
  float:right;
  width:90px;
  height:20px;
  background:url(//image.recipe.rakuten.co.jp/d-pc/btnSpriteFavorite.gif) no-repeat 0 0;
  background-position:100% 0;
  text-indent:-9999px;
}
#contents .recipeBox li a:hover.favoriteBtn{
  background-position:0 100%;
}

#contents .recipeBox li a:hover.favoriteDelBtn{
  background-position:100% 100%;
}


#contents .recipeBox li a:hover.recipeBody{
}
#contents .recipeBox li .caseCom{
  display: block;
  color:#555555;
  margin:5px 0;
}
#contents .recipeBox li .caseMate{
  display: block;
  color: #889955;
  margin:5px 0;
}
#contents .recipeBox li .caseTime{
  color: #555555;
  background:url(//image.recipe.rakuten.co.jp/d-pc/icnTime.gif) 0 0 no-repeat;
  padding-left:18px;
}
#contents .recipeBox li .caseMoney{
  color: #555555;
  background:url(//image.recipe.rakuten.co.jp/d-pc/icnMoney.gif) 0 0 no-repeat;
  padding-left:18px;
}
#contents .recipeBox li .caseIcon img{
  margin-left:5px;
}
#contents .recipeBox li .caseName{
  display: block;
  text-align:right;
  font-size: 11px;
  margin:5px 0;
  color:#555555;
}
#contents .recipeBox li .caseName a{
color:#555555;
}
/* link
  ========================================== */
#contents .recipeBox li .caseName a:link { color:#555555!important; text-decoration: none; }
#contents .recipeBox li .caseName a:visited { color:#555555!important; text-decoration: none; }
#contents .recipeBox li .caseName a:hover { color: #eea033!important; text-decoration: none; }
#contents .recipeBox li .caseName a:active { color: #eea033!important; text-decoration: none; }

#contents .searchHead .recipeBox{
  border:none;
}
#contents .searchHead .recipeBox h1{
  display: block;
  font-weight: bold;
  font-size: 18px;
  background: url(//image.recipe.rakuten.co.jp/d-pc/bgMainTtl.gif) 0 0 no-repeat;
}
#contents .searchHead .recipeBox h1 span{
}
#contents .searchHead .recipeBox li .recipeSrc{
  margin: 0 0 0;
}
#contents .searchHead .recipeBox .items{
  padding: 8px 0 8px 18px;
}
#contents .searchHead .recipeBox .categoryDescription{
  padding: 0 0 8px 18px;
}
#contents .searchHead .recipeBox ul{
  margin: 0 0 0;
}
#contents .searchHead .recipeBox li{
  margin:0 0 10px;
}


/* �V�����E�y�[�W */
#contents .countBox{
  clear:both;
  padding:10px 0;
  margin:0 0 10px;
}
#contents .countBox .countAll{
  float:left;
  font-weight: bold;
  margin:0 0 10px;
}
#contents .countBox .countPage{
  float:right;
  position:relative;
  text-align:center;
}
#contents .countBox .countPage ul{
  padding:0 60px;
  text-align:center;
}
#contents .countBox .countPage li{
  margin-right: 10px;
  display: inline;
  font-weight: bold;
  font-size: 14px;
  margin:0 8px;
}
#contents .countBox .countPage li a{
}
#contents .countBox .countPage li.current{
  color: #eea033;
}

#contents .countBox .countPage li.repoPageRev{
  display: block;
  overflow: hidden;
  padding:0;
  width:50px;
  height:20px;
  background:url(//image.recipe.rakuten.co.jp/d-pc/btnSpritePage.gif) no-repeat 0 0;
  background-position:0 -40px;
  text-indent:-9999px;
  position:absolute;
  top:50%;
  left:0;
  margin-top:-10px;
}
#contents .countBox .countPage li.repoPageNext{
  display: block;
  overflow: hidden;
  padding:0;
  width:50px;
  height:20px;
  background:url(//image.recipe.rakuten.co.jp/d-pc/btnSpritePage.gif) no-repeat 0 0;
  background-position:100% -40px;
  text-indent:-9999px;
  position:absolute;
  top:50%;
  right:0;
  margin-top:-10px;
}

#contents .countBox .countPage li.repoPageRev a{
  display: block;
  overflow: hidden;
  padding:0;
  width:50px;
  height:20px;
  background:url(//image.recipe.rakuten.co.jp/d-pc/btnSpritePage.gif) no-repeat 0 0;
  background-position:0 0;
  text-indent:-9999px;
}
#contents .countBox .countPage li.repoPageNext a{
  display: block;
  overflow: hidden;
  padding:0;
  width:50px;
  height:20px;
  background:url(//image.recipe.rakuten.co.jp/d-pc/btnSpritePage.gif) no-repeat 0 0;
  background-position:100% 0;
  text-indent:-9999px;
}
#contents .countBox .countPage li.repoPageRev a:hover{
  background-position:0 -20px;
}
#contents .countBox .countPage li.repoPageNext a:hover{
  background-position:100% -20px;
}
#contents .countBox .countPage li.repoPageRev a.off{
  background-position:0 -40px;
}
#contents .countBox .countPage li.repoPageNext a.off{
  background-position:100% -40px;
}
#contents .countBox .countPage li.repoPageRev a:hover.off{
  background-position:0 -40px;
}
#contents .countBox .countPage li.repoPageNext a:hover.off{
  background-position:100% -40px;
}


  /* myPageSearchBox */
#contents .myPageSearchBox{
  text-align:center;
  margin: 15px 0 0 0 ;
}
#contents .myPageSearchBox ul{
  display:inline;
  margin: 0 auto;
}
#contents .myPageSearchBox li{
  display:inline;
}
#contents .myPageSearchBox span{
  font-weight: bold;
  color: #ffba5a;
  margin: 0 2px;
  padding: 0 2px;
}
#contents .myPageSearchBox a{
  margin: 0 2px;
  padding: 0 2px;
}

  /* ���ёւ� */
#contents .sortBox{
  clear:both;
  background:#efefe6;
  color: #665533;
  position: relative;
  margin: -1px 0 0 -1px ;
  width:656px;
  padding: 5px 0;
}
#contents .sortBox .sortBoxIn{
  margin:3px 0 0 10px;
  float:left;
  color:#885500;
}
#contents .sortBox .sortBoxIn li{
  float:left;
  margin-right:10px;
  padding-right:10px;
  border-right:1px solid #9f8866;
  line-height: 1.1;
}
#contents .sortBox .sortBoxIn li.last{
  border:none;
}
#contents .sortBox .sortBoxIn li .current{
  color: #eea033;
  background:url(//image.recipe.rakuten.co.jp/d-pc/icnLink.gif) 0 center no-repeat;
  padding-left:8px;
}
#contents .sortBox .selectView{
  float:right;
  width:64px;
}
#contents .sortBox .searchCate{
  text-align:right;
  padding: 0 85px 0 5px;
}
#contents .sortBox .searchCate p{
  padding: 0 5px;
  display: inline;
}
#contents .sortBox .searchCate p.last{
  position:absolute;
  top:5px;
  right:5px;
}
#contents .sortBox .searchCate p input{
  border:1px solid #999999;
  background:#f7f7f7;
  color: #665533;
  line-height:20px;
  font-size:12px;
  width:164px;
  height: 20px;
  padding: 0 5px;
}
#contents .sortBox .searchCate p input.fontWater{
  color: #a9a9a9;
}
#contents .sortBox .searchCate p input::-webkit-input-placeholder{
  color: #a9a9a9;
}
#contents .sortBox .searchCate p input::-moz-placeholder{
  color: #a9a9a9;
}
#contents .sortBox .searchCate p input:-moz-placeholder{
  color: #a9a9a9;
}
#contents .sortBox .searchCate p input:-ms-input-placeholder{
  color: #a9a9a9;
}
#contents .sortBox .searchCate p span.searchCateBtn{
  display: block;
  overflow: hidden;
  width:70px;
  height:24px;
  background:url(//image.recipe.rakuten.co.jp/d-pc/btnChoice.gif) no-repeat 0 0;
  text-indent:-9999px;
}
#contents .sortBox .searchCate p span:hover.searchCateBtn{
  background-position:0 100%;
}
#contents .sortBox .searchCate p span.searchCateBtn span{
  display: none;
}
  /* recipePhotoBox */
#contents .recipePhotoBox{
  clear:both;
  padding:10px 0;
}
#contents .recipeRepoBox .recipePhotoBox{
  padding:0 0;
  margin:0 0 5px;
}
#contents .contentsBox .recipePhotoBox{
  border-bottom:1px solid #f2e2c5;
}

/* link
  ========================================== */
#contents #mainContents .recipePhotoBox a:link { color: #665533; text-decoration: none; }
#contents #mainContents .recipePhotoBox a:visited { color: #685333; text-decoration: none; }
#contents #mainContents .recipePhotoBox a:hover { color: #eea033; text-decoration: none; }
#contents #mainContents .recipePhotoBox a:active { color: #eea033; text-decoration: none; }

#contents .recipePhotoBox ul{
  margin:0 0 30px 0;
}
#contents .recipePhotoBox ul li{
  width:140px;
  float:left;
  margin-right:20px;
}
#contents .recipePhotoBox ul li.last{
  margin-right:0;
}
#contents .recipePhotoBox ul li p{
}
#contents .recipePhotoBox ul li p.cateRank{
  color: #dd5533;
  font-size: 18px;
  background:url(//image.recipe.rakuten.co.jp/d-pc/icnRank.gif) 35px center no-repeat;
  padding-left:25px;
  font-weight: bold;
  margin:0 auto;
  text-align:center;
}
#contents .recipePhotoBox ul li p.cateRankDate{
  color: #555555;
  font-size: 11px;
}
#contents .recipePhotoBox ul li p.cateRankImage{
  margin-bottom:10px;
}
#contents .recipePhotoBox ul li p.cateRankImage a{
  display:block;
  overflow: hidden;
  position: relative;
  width:140px;
  height:140px;
}
#contents .recipePhotoBox ul li p.cateRankImage a img{
}
#contents .recipePhotoBox ul li p.cateRankImage a span{
  display:block;
  background:url(//image.recipe.rakuten.co.jp/d-pc/fl140.png) 0 0 no-repeat;
  width:140px;
  height:140px;
  position:absolute;
  top:0;
  left:0;
}
#contents .recipePhotoBox ul li p.cateRankTtl{
  font-weight: bold;
  font-size: 14px;
  margin: 0 0 5px;
}
#contents .recipePhotoBox ul li p.cateRankTtl a{
  text-decoration:underline!important;
}
/* link
  ========================================== */
#contents .recipePhotoBox ul li p.cateRankTtl a:link { color: #665533; text-decoration: underline; }
#contents .recipePhotoBox ul li p.cateRankTtl a:visited { color: #685333; text-decoration: underline; }
#contents .recipePhotoBox ul li p.cateRankTtl a:hover { color: #eea033; text-decoration: underline; }
#contents .recipePhotoBox ul li p.cateRankTtl a:active { color: #eea033; text-decoration: underline; }

#contents .recipePhotoBox ul li p.cateRankName{
  color:#555555;
  font-size: 11px;
  text-align:right;
}
#contents .recipePhotoBox ul li p.cateRankName a{
color:#555555;
}
/* link
  ========================================== */
#contents .recipePhotoBox ul li p.cateRankName a:link { color:#555555!important; text-decoration: none; }
#contents .recipePhotoBox ul li p.cateRankName a:visited { color:#555555!important; text-decoration: none; }
#contents .recipePhotoBox ul li p.cateRankName a:hover { color: #eea033!important; text-decoration: none; }
#contents .recipePhotoBox ul li p.cateRankName a:active { color: #eea033!important; text-decoration: none; }


#contents .recipePhotoBox ul li p.caseIcon img{
  margin-right:5px;
  margin-bottom:7px;
}

/* repoRes */
#contents .repoBox {
  margin-top:10px;
}
/* link
  ========================================== */
#contents .repoBox a:link { color:#555555!important; text-decoration: none; }
#contents .repoBox a:visited { color:#555555!important; text-decoration: none; }
#contents .repoBox a:hover { color: #eea033!important; text-decoration: none; }
#contents .repoBox a:active { color: #eea033!important; text-decoration: none; }

#contents .repoBox img{
  margin-right:5px;
  vertical-align: middle;
}
#contents .repoBox .description{
  font-size: 12px;
  margin-right:5px;
}
#contents .repoBox .comUser{
  font-size: 10px;
  color:#555555;
  margin:15px 0 10px ;
  position: relative;
}
#contents .repoBox .comUser img{
  position:absolute;
  top:50%;
  left:0;
  margin-top:-18px;
}
#contents .repoBox .comUser  span{
  display:block;
  padding-left:45px;
}
#contents .repoBox .resTxt{
  font-size: 12px;
}
#contents .repoBox .resUser{
  font-size: 10px;
  color:#555555;
  margin:15px 0 10px ;
  position: relative;
}
#contents .repoBox .resUser img{
  position:absolute;
  top:50%;
  left:0;
  margin-top:-18px;
}
#contents .repoBox .resUser{
  display:block;
  padding-left:45px;
}

#contents .repoRes {
  clear:both;
  width:140px;
  margin: 0 auto 0;
  background: url(//image.recipe.rakuten.co.jp/d-pc/bgRepoMid.gif) repeat-y 0 0;
}
#contents .repoRes div.repoResBg {
  background: url(//image.recipe.rakuten.co.jp/d-pc/bgRepoTop.gif) no-repeat 0 0;
}
#contents .repoRes div.repoResBg div {
  background: url(//image.recipe.rakuten.co.jp/d-pc/bgRepoBot.gif) no-repeat 0 bottom;
  zoom: 1;
  padding:18px 10px 10px;
}
#contents .repoBox span{
}
#contents .recipeRepoBox .recipePhotoBox ul{
  border-bottom:1px solid #f8eedd;
  padding:0 0 10px;
  margin:0 0 10px 0;
}
#contents .recipeRepoBox .recipePhotoBox ul.last{
  border:none;
  padding:0 0 0;
}
#contents .recipeRepoBox .recipePhotoBox ul li p.cateRankImage{
  margin-bottom:10px;
  text-align:center;
}
#contents .recipeRepoBox .recipePhotoBox ul li p.cateRankImage a{
  display:block;
  margin:0 auto;
  overflow: hidden;
  position: relative;
  width:120px;
  height:120px;
}
#contents .recipeRepoBox .recipePhotoBox ul li p.cateRankImage a.nolink{
  pointer-events:none;
}
#contents .recipeRepoBox .recipePhotoBox ul li p.cateRankImage span{
  display:block;
  background:url(//image.recipe.rakuten.co.jp/d-pc/fl120.png) 0 0 no-repeat;
  width:120px;
  height:120px;
  position:absolute;
  top:0;
  left:0;
}
#contents .recipeRepoBox .recipePhotoBox .btnRepoCom a:hover{
  background-position:0 100%;
}
#contents .recipeRepoBox .recipePhotoBox .btnRepoDel{
  padding:10px 0;
  float:right;
}
#contents .recipeRepoBox .recipePhotoBox .btnRepoDel a{
  display: block;
  overflow: hidden;
  padding:0;
  width:50px;
  height:20px;
  background:url(//image.recipe.rakuten.co.jp/d-pc/btnDel.gif) no-repeat 0 0;
  background-position:0 0;
  text-indent:-9999px;
}
#contents .recipeRepoBox .recipePhotoBox .btnRepoDel a:hover{
  background-position:0 100%;
}

#contents .repoRes div.repoResBg .commentArea{
}
#contents .commentArea{
}
#contents .commentArea .myrepo_comment{
}
#contents .commentArea .repoResComment{
  display:block;
  margin:2px 0 5px 0;
  font-size: 12px;
}
#contents .inplace_form{
  font-size: 12px !important;
  line-height: 1;
}
#contents .inplace_form span{
  display: inline-block !important;
  vertical-align: middle;
}
#contents .commentArea .inplace_field{
  background-color:#ffffff;
  border:1px solid #999999;
  padding:4px;
  width:110px;
  height:136px;
  overflow: auto;
}
#contents .commentArea .words{
  display:block;
  font-size: 85%;
  text-align:right;
  margin:2px 0 0 0;
}
#contents .commentArea .words strong{
  font-weight: normal;
}
#contents .commentArea .inplaceSave{
  display:block;
  text-align:center;
}

#contents .commentArea .inplaceSave{
  background:#ffffff;
  border:none;
  margin:3px auto 15px;
  padding:0;
  width:120px;
  height:30px;
}
#contents .commentArea .inplaceSave a{
  display: block;
  overflow: hidden;
  margin:0;
  padding:0;
  width:120px;
  height:30px;
  background:url(//image.recipe.rakuten.co.jp/d-pc/btnSpriteAccept.gif) no-repeat 0 0;
  text-indent:-9999px;
}
#contents .commentArea .inplaceSave a:hover{
  background-position:0 100%;
}

#contents .commentArea .delBtn{
  display:block;
  text-align:center;
}
/* link
  ========================================== */
#contents .commentArea .delBtn a:link { color:#885500!important; text-decoration: underline; }
#contents .commentArea .delBtn a:visited { color:#885500!important; text-decoration: underline; }
#contents .commentArea .delBtn a:hover { color: #eea033!important; text-decoration: underline; }
#contents .commentArea .delBtn a:active { color: #eea033!important; text-decoration: underline; }

#contents .recipePhotoBox .repoAccept{
  margin:10px 0 15px 0;
  font-size: 12px;
}
#contents .recipePhotoBox .repoAccept span{
  font-weight: bold;
  color: #dd5533;
}

#contents .topBox .gochiRepoBoxNone{
  background:none;
  background-color:#efefe6;
  width:auto;
  margin:0 0  20px;
  border:none;
}
#contents .topBox .gochiRepoBoxNone p{
  width:auto;
  margin:0;
  padding:60px 0;
  border:none;
  color: #665533;
}
#contents .topContents .gochiRepoBoxNone{
  margin:0;
}
#contents .topContents .gochiRepoBoxNone p{
  margin:0;
  padding:13px 0;
}


#contents .recipeBox.myPageSearch{
  padding:0 0 20px;
  margin:0 0 10px;
  border-bottom:1px solid #f2e2c5;
}
#contents .recipeBox.myPageSearch li .recipeSrc{
  width:490px;
}
#contents .recipeBox.myPageSearch li .recipeHead h3{
  font-size: 18px;
  width:390px;
  float:left;
}
#contents .recipeBox.myPageSearch li{
  margin:0 0 30px;
  min-height:140px;
}
#contents ul li p.cateRank{
  color: #dd5533;
  font-size: 18px;
  background:url(//image.recipe.rakuten.co.jp/d-pc/icnRank.gif) 35px center no-repeat;
  padding-left:25px;
  font-weight: bold;
  text-align:center;
  width:100px;
}
.err {
  background: #FFCFD0 !important;
  border: 1px solid #ff0000 !important;
}

#rightNaviInner .column-sub-menu {
  margin-bottom: 20px;
  border: 1px solid #e3dbcc;
  border-top: 2px solid #665533;
  background-color: #fefcf9;
}
#rightNaviInner .column-sub-menu .ttl {
  padding: 7px 10px;
  border-bottom: 1px solid #e3dbcc;
  color: #665533;
  font-size: 14px;
  font-weight: bold;
}
#rightNaviInner .column-sub-menu .menu-list {
    padding-bottom: 15px;
}
#rightNaviInner .column-sub-menu .menu-list li {
  border-top: 1px solid #eeeeee;
  margin-top: 10px;
  word-wrap: break-word;
  font-size: 0;
  word-spacing: -1em;
  min-height: 82px;
}
#rightNaviInner .column-sub-menu .menu-list li:first-child {
  border-top: none;
  margin-top: 0;
}
#rightNaviInner .column-sub-menu .menu-list.menu-list-ranking .rank1 {
  background-image: url(//image.recipe.rakuten.co.jp/d-pc/sprites-daylicious.png);
  background-position: -398px -42px;
  width: 36px;
  height: 23px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 4px;
  margin-left: 10px;
}
#rightNaviInner .column-sub-menu .menu-list.menu-list-ranking .rank2 {
  background-image: url(//image.recipe.rakuten.co.jp/d-pc/sprites-daylicious.png);
  background-position: -436px -42px;
  width: 36px;
  height: 23px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 4px;
  margin-left: 10px;
}
#rightNaviInner .column-sub-menu .menu-list.menu-list-ranking .rank3 {
  background-image: url(//image.recipe.rakuten.co.jp/d-pc/sprites-daylicious.png);
  background-position: -360px -42px;
  width: 36px;
  height: 23px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 4px;
  margin-left: 10px;
}
#rightNaviInner .column-sub-menu .menu-list.menu-list-ranking .rank {
  display: block;
  width: 36px;
  height: 8px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 4px;
  margin-left: 10px;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
}
#rightNaviInner .column-sub-menu .menu-list.menu-list-ranking .inner {
  display: inline-block;
  position: relative;
  width: 143px;
  vertical-align: middle;
  padding-top: 10px;
  padding-left: 90px;
  font-size: 13px;
  word-spacing: normal;
  *display: inline;
  *zoom: 1;
  min-height: 80px;
  left: 5px;
}
#rightNaviInner .column-sub-menu .menu-list.menu-list-ranking a {
  color: #665533;
}
#rightNaviInner .column-sub-menu .menu-list.menu-list-ranking a:hover {
  color: #eea033;
}
#rightNaviInner .column-sub-menu .menu-list.menu-list-ranking .inner .media .figure {
  float: left;
  width: 80px;
  height: 80px;
  text-align: center;
  vertical-align: middle;
  display: block;
  position: absolute;
  left: 0px;
}
#rightNaviInner .column-sub-menu .menu-list.menu-list-ranking .inner .media .figure img {
  left: 0;
  max-width: 80px;
  max-height: 80px;
}
#rightNaviInner .column-sub-menu .menu-list.menu-list-ranking .inner .text {
  display: block;
  overflow: hidden;
  line-height: 1.3;
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: bold;
  word-wrap: break-word;
}
#rightNaviInner .column-sub-menu .menu-list.menu-list-ranking .item-price {
  color: #878787;
  font-size: 12px;
}
#rightNaviInner .column-sub-menu .menu-list.menu-list-ranking .item-review {
  font-size: 12px;
}
#rightNaviInner .fan_sideList ul li a {
    display: flex;
}
#rightNaviInner .fan_sideList ul li a .rcImg {
    margin-right: 16px;
}
#rightNaviInner .fan_sideList ul li a span {
    font-size: 12px;
    color: #685333;
}
#rightNaviInner .fan_sideList ul li a .fan_sideList_txt {
    font-size: 14px;
    font-weight: bold;
}
.LBclose{ position:absolute; top:-15px; right:-15px; }
.LBclose a{ display:block; width:29px; height:30px; background:url(//image.recipe.rakuten.co.jp/d-pc/btn_lbClose.png) 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden; text-indent:-999999px; }
.LBclose a:hover{ background-position:0 -30px; }
.LBtit{
padding-left:16px; margin-bottom:15px; background:url(//image.recipe.rakuten.co.jp/d-pc/icn_lbTit.gif) 0 0 no-repeat; font-size:131%; font-weight:bold;
min-height:40px;
}
.LBtit p{
line-height:40px;
}
.LBtit .titCook{ color:#eea033; margin-right:3px;line-height:1em;  }
.LBtit .titSmall{ font-size:93%; font-weight:normal;line-height:1em; }

.campaignhistory {
  margin-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #f4e4cb;
}

.campaignhistory_head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-flow: wrap;
      flex-flow: wrap;
  margin-bottom: 10px;
}

.campaignhistory a:not([class]) {
  text-decoration: underline !important;
  font-weight: bold;
  font-size: 16px;
}

.campaignhistory_redLabel, .campaignhistory_grayLabel {
  padding: 5px 7px;
  border-radius: 3px;
  color: #fff;
  font-size: 14px;
  line-height: 1;
  margin-right: 13px;
}

.campaignhistory_redLabel img, .campaignhistory_grayLabel img {
  margin-right: 4px;
  vertical-align: -3px;
}

.campaignhistory_redLabel {
  background: #e2574c;
}

.campaignhistory_grayLabel {
  background: #b7b7b7;
}

.campaignhistory_redTxt {
  font-size: 16px;
  font-weight: bold;
  color: #e2574c;
  margin-right: 9px;
}

.campaignhistory_campaign {
  font-size: 16px;
  font-weight: bold;
  color: #885500;
}

.campaignhistory_company {
  margin-top: 10px;
  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;
  text-decoration: none !important;
  color: #555 !important;
}

.campaignhistory_guide {
  text-align: center;
  background: #f3f3f3;
  padding: 17px 0;
  color: #885500;
  margin-bottom: 14px;
}

.campaignhistory_guide a {
  margin-right: 10px;
  margin-left: 10px;
}

.campaignhistory_date {
  font-size: 13px;
  color: #555;
}

.campaignhistory_grayTxt {
  font-size: 16px;
  color: #555;
  margin-right: 9px;
}

.campaignhistory_company img {
  margin-right: 8px;
}

.campaignhistory_nothing {
  font-size: 13px;
  color: #555;
  text-align: center;
  padding: 120px 0;
}

.campaignhistory_side {
  border-top-color: #80c269 !important;
}

.campaignhistory_wrap {
  padding: 0 14px;
}

.campaignhistory_side .campaignhistory {
  border-bottom: 1px dashed #f4e4cb;
  margin-top: 12px;
  padding-bottom: 12px;
}

.campaignhistory_side .campaignhistory a {
  font-size: 13px;
  font-weight: normal;
}

.campaignhistory_side .campaignhistory .brand_invalid {
  font-size: 13px;
  font-weight: normal;
  color: #885500;
}

.campaignhistory_side .campaignhistory:last-child {
  border-bottom: none;
}

.campaignhistory_side .campaignhistory_head {
  margin-bottom: 6px;
}

.campaignhistory_side .campaignhistory_redLabel,
.campaignhistory_side .campaignhistory_grayLabel {
  font-size: 12px;
  padding: 6px 7px;
  margin-right: 8px;
}

.campaignhistory_side .campaignhistory_redLabel img {
  width: 12px;
  height: auto;
  vertical-align: -1px;
}

.campaignhistory_side .campaignhistory_redTxt,
.campaignhistory_side .campaignhistory_grayTxt {
  font-size: 14px;
}

.mypageNav {
  width: 658px;
  border-top: 1px solid #e7e7d8;
  border-radius: 0 0 3px 3px;
  overflow: hidden;
}

.mypageNav * {
  box-sizing: border-box;
}

.mypageNav div {
  width: 130px;
  height: 44px;
  float: left;
  border-right: 1px solid #e7e7d8;
  background: url(//image.recipe.rakuten.co.jp/d-pc/navBg.png);
  background-repeat: repeat-x;
}

.mypageNav div a {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}

.mypageNav div span {
  font-size: 13px;
  line-height: 1.2;
  font-weight: bold;
}

.mypageNav div:last-child {
  border-right: none;
  width: 138px;
}

.mypageNav div:hover {
  padding: 1px;
  background: none;
}

.mypageNav div:hover a {
  background: #ffe8c7;
}

.mypageNav div:hover span {
  color: #eea033;
}

a span .mypageNav_cnt {
  font-weight: normal;
  font-size: 12px;
  display: block;
  margin-top: 4px;
}

.mypageNav .current {
  padding: 1px;
  background: none;
  pointer-events: none;
}

.mypageNav .current a {
  background: #ffba5a;
}

.mypageNav .current span {
  color: #fff;
}

.fanPageTopTwoColumn {
  background-image: url(//image.recipe.rakuten.co.jp/d-pc/fanpageTabBgTwoColumn.png) !important;
}

.recipeListItemDisable a {
  background-image: url(//image.recipe.rakuten.co.jp/d-pc/fanpageTabBgTwoColumn.png) !important;
}

.fan_pageTitImg {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 50%;
  overflow: hidden;
  width: 76px;
  height: 76px;
  min-width: 76px;
  min-height: 76px;
}

#contents .myPagehead .fan_pageTitImg > img {
  width: 83px;
  min-width: 83px;
  border: none;
}