@charset "UTF-8";



#subArea .fbBox {
	margin:0 0 30px;
}

/* top-----------------------------------------------------------------------------*/


.recipeTtl {
	position:relative;
}

.recipeTtl .formTxt {
	position:absolute;
	top:5px;
	right:30px;
}

.recipeTtl .formTxt .srchRecipeTxt {
	width:160px;
	padding:2px 2px 2px 20px;
	background:#FFF url(../image/i_srch.png) no-repeat 2px 1px;
	border:1px solid #6f5850;
}

.recipeTtl .formTxt .btn {
	vertical-align:top;
}

.FeaturedRecipe {
	margin:0 15px 30px;
	padding:10px;
	background:#f7f6ee;
	border:2px solid #d0c0b0;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
}

.topRecipeRank {
	margin:0 15px 30px;
	padding:10px;
	background:#f7f6ee;
	border:2px solid #d0c0b0;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
}

.topRecipeRank div.num span {
	position:absolute;
	width:0;
	height:0;
	overflow:hidden;
}
.topRecipeRank div.num {
	display:block;
	width:40px;
	height:30px;
	background-image:url(../image/rank1.png);
	background-repeat:no-repeat;
}

.topRecipeRank div.r1{background-position:0 0;}
.topRecipeRank div.r2{background-position:0 -40px;}
.topRecipeRank div.r3{background-position:0 -80px;}
.topRecipeRank div.r4{background-position:0 -112px;}

.topThemeLink ul, .topKeywordLink ul {
	margin-bottom:30px;
}

.topThemeLink li {
	display:inline-block;
	*display:inline;
	*zoom:1;
	width:145px;
	line-height:2;
	border-bottom:1px dotted #bfdc00;
}

.topKeywordLink li {
	display:inline-block;
	*display:inline;
	*zoom:1;
	line-height:2;
	border-bottom:1px dotted #bfdc00;
	padding-right:15px;
	display:inline-block;
}

.topCategoryLink dl {
	width:294px;
	margin-bottom:20px;
}

.topCategoryLink dl.boxL {
	float:left;
}

.topCategoryLink dl.boxR {
	float:right;
}

.topCategoryLink dd {
	display:inline-block;
	*display:inline;
	*zoom:1;
	line-height:2;
	border-bottom:1px dotted #bfdc00;
}



/* result-----------------------------------------------------------------------------*/

#recipeSrchBox .hide{
	display:none;
}

#recipeSrchBox .subSrch input {
	margin-right:2px;
	vertical-align: text-top;
}

#recipeSrchBox .srchBox {
	padding:10px 0 0 0;
}

#recipeSrchBox .MainSrch {
	margin-bottom:10px;
}

#recipeSrchBox .MainSrch .srchFree fieldset {
	float:left;
}

.srchFree {
	position:relative;
	margin-bottom:10px;
}

.srchFree legend span {
	color:#663300;
	position:absolute;
	font-weight:bold;
	top:6px;
}

.srchFree div {
	margin-left:85px;
}

.srchFree div input {
	width:450px;
}

#recipeSrchBox .MainSrch .srchFree legend {
	margin-bottom:5px;
}

#recipeSrchBox .MainSrch .textSize {
}

#recipeSrchBox .subSrch .theme {
	padding-top:15px;
	font-size:83%;
}

#recipeSrchBox .subSrch .recipeCategory {
	padding:25px 15px 0;
	margin-bottom:20px;
	font-size:83%;
}

#recipeSrchBox .subSrch .recipeCategory li {
	display:inline-block;
	*display:inline;
	*zoom:1;
	padding-right:25px;
	background:url(../image/recipe_ar.png) no-repeat right 0;
}

#recipeSrchBox .subSrch .recipeCategory li.end {
	background:none;
}

#recipeSrchBox .subSrch .theme li {
	display:inline-block;
	*display:inline;
	*zoom:1;
	width:145px;
	line-height:2;
}

#recipeSrchBox .subSrch legend {
	display:block;
	width:100%;
	border-bottom:1px dotted #663300;
}

#recipeSrchBox .subSrch legend span {
	display:inline-block;
	*display:inline;
	*zoom:1;
	margin:0 0 -1em 10px;
	padding:2px 10px;
	background:#FFF;
	font-weight:bold;
	color:#663300;
}

#recipeSrchBox .subSrch .theme {
	margin-bottom:10px;
}

#recipeSrchBox .subSrchBtn {
	text-align:right;
}

#recipeSrchBox .moreSearch{
	margin-top:-40px;
}

.recipeSort {
	position:relative;
	margin-bottom:10px;
}

.recipeSort dl {
	position:absolute;
	top:0;
	right:0;
}

.recipeSort dt,
.recipeSort dd {
	display:inline;
	margin-left:5px;
}

.recipeSort dt {
	color:#5F3317;
}

.recipeSort dd strong {
	font-weight:bold;
}

#mainArea .sec.recipelist .txt {
	width:450px !important;
	margin-top:0 !important;
}

.recipelist .photo img {
	display:block;
	margin:0 0 10px;
}

.recipelist .subList dt {
	margin-right:5px;
	padding-right:5px;
	font-weight:bold;
	background:url(../image/bg_colon.png) no-repeat right 3px;
}

.recipelist dt,
.recipelist dd {
	display:inline;
	font-size:83%;
	line-height:1.3;
}

.recipelist dt {
	color:#94806b;
	font-weight:bold;
}

.recipelist dd {
	margin-right:20px;
	color:#94806b;
}

.recipelist .type1 {
	margin-bottom:5px;
	padding:2px;
	border-bottom:1px dotted #979378;
}

.recipelist .type2 {
	margin-bottom:10px;
	padding:2px;
}

.recipelist .recipeHead h4 {
	display:inline-block;
	*display:inline;
	*zoom:1;
	padding:0 0 0 18px;
	background:url(http://cookingschool.jp/image/acs01.gif) no-repeat 0 5px;
	vertical-align:top;
	font-size:15px;
	font-weight:bold;
}

.recipelist .recipeHead .recipename {
	font-weight:bold;
}

.recipelist .recipeHead .name {
	font-size:83% !important;
	font-weight:normal !important;
	text-align:right;
	color:#999;
}

.plan {
	margin-bottom:5px;
	padding:5px;
	background:#f5f5f5;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
}

.plan img {
	float:left;
	margin-right:10px;
}

.plan a {
	font-size:83%;
	color:#000;
	font-weight:normal !important;
}

.plan a:hover {
	color:#000;
}

.recipeListFooter {
	text-align:right;
	font-size:83% !important;
	color:#999999;
}

.recipeListFooter a {
	font-weight:normal !important;
}


/* detail-----------------------------------------------------------------------------*/

#redipeDetail .redipeHead {
	position:relative;
	margin-bottom:10px;
}

#redipeDetail .redipeHead h3 {
	padding:0 60px 10px 0;
	font-size:150%;
	font-weight:bold;
}

#redipeDetail .redipeHead h3 .fn{
	padding:0 60px 0 0;
	font-size:110%;
	font-weight:bold ;
	color: black;
}


#redipeDetail .redipeHead p {
	position:absolute;
	top:0;
	right:0;
}


.snsBtn {
	margin-bottom:30px;
}


#redipeDetail .recipeBase .imgLeft {
	float:left;
}

#redipeDetail .recipeBase .txt {
	width:300px;
	float:right;
}

/* 20141125 微調整 */
#redipeDetail .recipeBase .sec h4 .totalTime {
	padding-left:15px;
}

/* 20141125 微調整ここまで */

#point {
	margin-bottom:25px;
	padding:10px;
	border:2px solid #eee0bf;
	background:#f6f2e9;
	color:#554f3f;
}

#point h4 {
	font-weight:bold;
	font-size:125%;
}

/* コラボレーション企画一覧-----------------------------------------------------------------------------*/

.eventRecipe {
	margin-bottom:30px;
}

.eventRecipe .photoEle {
	margin-bottom:0 !important;
	border:none !important;
}

.eventRecipe .txt2 {
	margin-top:0 !important;
}
.eventRecipe .imgs {
	border-bottom:1px dotted #CCC;
}


/* recipeRankMain-----------------------------------------------------------------------------*/


.recipeRankSub2,
.recipeRankMain,
.recipeRankSub {
	margin-bottom:50px;
}
.recipeRankMain h3,
.recipeRankSub h3 {
	background:none !important;
}

.recipeRankSub .ttl,
.recipeRankMain .ttl {
	position:relative;
	background:url(../image/bg_rank_ttl.png) 0 0;
}

.recipeRankMain .ttl span,
.recipeRankSub .ttl span {
	display:inline-block;
	*display:inline;
	*zoom:1;
	padding:0 !important;
	background-image:url(../image/rank1.png) !important;
	background-repeat:no-repeat !important;
	vertical-align:bottom;
}

.recipeRankMain h3 {
	min-height:40px;
	margin-bottom:20px !important;
	padding:10px 0 0 65px !important;
	font-size:150%;
	font-weight:bold;
	color:#663333;
	line-height:1.5;
}
.recipeRankMain .ttl span {
	position:absolute;
	top:3px;
	left:2px;
	width:56px;
	height:40px;
	background-position:5px -798px !important;
}

.recipeRankSub h3 {
	min-height:25px;
	margin-bottom:20px !important;
	padding:8px 0 0 45px !important;
	font-size:12px;
	font-weight:bold;
}

.recipeRankSub .ttl span {
	position:absolute;
	top:3px;
	left:0;
	width:40px;
	height:26px;
}


.recipeRankSub .ttl span.r2 {
	background-position:5px -40px !important;
}

.recipeRankSub .ttl span.r3 {
	background-position:5px -80px !important;
}

.recipeRankSub.boxL {
	float:left;
}
.recipeRankSub.boxR {
	float:right;
}

.recipePhoto {
	float:left;
}

.recipeRankSub .textR {
	margin-left: 160px;
}

.recipeRankMain .boxR {
	width:300px;
	float:right;
}

.recipeAuthor {
	width:300px;
	background:url(../image/bg_bottom_author.png) no-repeat 0 bottom;
}

.recipeAuthor h4 {
	height:32px;
	background:url(../image/bg_top_author.png) no-repeat 0 0;
}

.recipeAuthor h4 span {
	display:block;
	padding:7px 0 0 10px;
	font-size:12px;
	color:#FFF;
    font-weight: bold;
}

.recipeAuthor .inner {
	margin:0 10px 0 15px;
}

.recipeAuthor .photo {
	border:1px solid #CCC;
	float:left;
}

.recipeAuthor dl {
	margin-left:95px;
}

.recipeAuthor dd {
	margin:0;
}

.recipeAuthor dd.schoolName {
	font-size:11px;
    line-height:14px;
    margin-bottom: 2px;
}

.recipeAuthor dd.schoolName a {
	color:#000;
	border-bottom: 1px dotted #ffb74c;
	text-decoration: none;
	line-height: 16px;
}

.recipeAuthor dd.des {
	font-size:12px;
	line-height:1.2;
	margin-top: 5px;
}


.recipeRankSub {
	width:300px;
}


.recipeRankSub2 li span {
	display:block;
	height:25px;
	background-image:url(../image/rank1.png);
	background-repeat:no-repeat;
}

.recipeRankSub2 li {
	display:inline-block;
	*display:inline;
	*zoom:1;
	margin-right:6px;
	font-size:14px;
	vertical-align:top;
	width: 142px;
}

.recipeRankSub2 p {
	margin:-5px 0 10px;
	line-height:1.3;
	color: #ff6600;
	width:140px;
	font-size: 13px;
}

.recipeRankSub2 a {
	color:#000;
	border-bottom: 1px dotted #ffb74c;
	text-decoration: none;
	line-height: 18px;
}

.recipeRankSub2 ol {
	margin-bottom:15px;
}

.recipeRankSub2 li span.r4 {background-position:0 -120px;}
.recipeRankSub2 li span.r5 {background-position:0 -160px;}
.recipeRankSub2 li span.r6 {background-position:0 -200px;}
.recipeRankSub2 li span.r7 {background-position:0 -240px;}
.recipeRankSub2 li span.r8 {background-position:0 -280px;}
.recipeRankSub2 li span.r9 {background-position:0 -320px;}
.recipeRankSub2 li span.r10 {background-position:0 -360px;}
.recipeRankSub2 li span.r11 {background-position:0 -400px;}
.recipeRankSub2 li span.r12 {background-position:0 -440px;}
.recipeRankSub2 li span.r13 {background-position:0 -480px;}
.recipeRankSub2 li span.r14 {background-position:0 -520px;}
.recipeRankSub2 li span.r15 {background-position:0 -560px;}
.recipeRankSub2 li span.r16 {background-position:0 -600px;}
.recipeRankSub2 li span.r17 {background-position:0 -640px;}
.recipeRankSub2 li span.r18 {background-position:0 -680px;}
.recipeRankSub2 li span.r19 {background-position:0 -720px;}
.recipeRankSub2 li span.r20 {background-position:0 -760px;}

.ingredient .amount{float:right;}

ul.snsBtn li {
	float:left;
	display:inline;
	vertical-align:top;
}

ul.snsBtn {
	width:600px;
	float:right;
	display: inline;
}
ul.snsBtn li.fav{
	margin-right:5px;
}
ul.snsBtn li.deli{
	margin-right:5px;
}
ul.snsBtn li.facebook{
	width:90px;
}
ul.snsBtn li.twitter{
	margin-left:5px;
	width:85px;
}
ul.snsBtn li.mixi{
	width:70px;
}
ul.snsBtn li.googlePlus{
	width:55px;
}


ul.snsBtn .deliCur{
	/*vertical-align:40%;*/
	background:url(../image/mypage/vd/btn_deli_cur.gif) no-repeat left top;
	font-size:12px;
	color:#333;
	padding:0px 3px 3px 3px;
	padding:2px 3px 3px 3px\9; /* IE8 and below */
	*padding:2px 3px 3px 3px; /* IE7 and below */
	_padding:2px 3px 3px 3px; /* IE6 */
	border-right:1px solid #d9ccbf;
	}

ul.snsBtn .deliCur span{
	/*	border-left:none;
	background-color:#f9f4ef;
	*/
	margin:0px 0 0 8px;
}

div.recipe p.name {	font-weight:bold;}

/* イチオシレシピページ　2015.8 */
#mainBox.recommend .ichioshi .ichioshiTop { margin:5px 0 40px; width:610px;}
#mainBox.recommend .ichioshi .ichioshiTop p { background-color:#f7f7f0; padding:10px; margin-bottom:10px; font-weight:bold;}
#mainBox.recommend .ichioshi .ichioshiTop p a { font-size:20px; line-height:22px; color:#663333;}
#mainBox.recommend .ichioshi .ichioshiTop p a:hover {background:none;}
#mainBox.recommend .ichioshi .ichioshiTop > dl {display:table;}
#mainBox.recommend .ichioshi .ichioshiTop > dl > dt { float:left; margin-right:20px; width:280px;}
#mainBox.recommend .ichioshi .ichioshiTop > dl > dd {font-size:14px; line-height:20px; vertical-align:top; padding-left:10px; z-index:0;}
#mainBox.recommend .ichioshi .ichioshiTop .author {background-color:#f5f5f5; margin:15px 0 0; padding:6px 10px 10px; float:left; width:270px; border-radius:10px; border: 1px solid #e3e3e3;}
#mainBox.recommend .ichioshi .ichioshiTop .author p {background:#a26c41; box-shadow:1px 1px 2px 0 #999; color: #fff; line-height: 1; margin: 0 -10px 5px -15px; padding: 5px 5px 5px 10px; position: relative; width: 35%; z-index:auto; }
#mainBox.recommend .ichioshi .ichioshiTop .author p::after{	content: " "; position: absolute; top: 100%; left: 0; border-style: solid; border-width: 0 4px 4px 0; border-color: transparent; border-right-color: #69472e;}
#mainBox.recommend .ichioshi .ichioshiTop .author dt {float:left; width:80px; margin-right:15px;}
#mainBox.recommend .ichioshi .ichioshiTop .author dt img { border:3px solid #fff; box-shadow:1px 1px 3px #ccc;}
#mainBox.recommend .ichioshi .ichioshiTop .author dd {font-size: 12px; line-height: 16px;}
#mainBox.recommend .ichioshi .ichioshiTop .author dd a {color:#000;}
#mainBox.recommend .ichioshi .ichioshiTop .author dd.dst { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top:6px;}
#mainBox.recommend .ichioshi ul{ list-style:none; padding:0 0 15px; margin: 0 0 20px; display:table; width:100%; table-layout:fixed; border-bottom:1px dashed #705850;}
#mainBox.recommend .ichioshi ul:last-child {border-bottom:none; margin-bottom:0;}
#mainBox.recommend .ichioshi ul li{ float:left; width:194px; margin-right:12px;}
#mainBox.recommend .ichioshi ul li.lastbox { margin-right:0;}
#mainBox.recommend .ichioshi ul li .heightbox { display:block;}
#mainBox.recommend .ichioshi ul li > a img {margin-bottom:5px;}
#mainBox.recommend .ichioshi ul li a span{ font-size:14px; text-align:left; color:#000;}
#mainBox.recommend .ichioshi ul li dl { width:97%; margin-top:8px; font-size:12px; border:1px dotted #c7baa2; display:table; padding:3px; background-color: #f5f5f5;}
#mainBox.recommend .ichioshi ul li dl dt { float:left; width:60px; margin-right:5px;}
#mainBox.recommend .ichioshi ul li dl dt img {width:60px; height:60px; vertical-align:bottom;}
#mainBox.recommend .ichioshi ul li dl dd {line-height:16px; word-break: break-all;}
#mainBox.recommend .ichioshi ul li dl dd span{ display:block; margin-bottom:3px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width:118px;}
#mainBox.recommend .ichioshi ul li dl dd a { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width:118px; margin-top:6px; display:block; color:#000;}
#mainBox.recommend .theme ul {list-style:none; margin:10px 0 0 ; padding:0; width:610px;}
#mainBox.recommend .theme ul li { margin:0 0 10px 0; background-color:#fff; border-radius:5px; border:1px solid #ccc;}
#mainBox.recommend .theme ul li a { overflow:hidden; padding:5px 30px 5px 5px; color:#333; font-weight:bold; text-decoration:none; display: block; font-size:14px; line-height:16px; background:url(../image/arrow_right.png) no-repeat 98.5% center;}
#mainBox.recommend .theme ul li img { display:inline-block; width:60px; height:60px; border-radius:5px; vertical-align:middle; }
#mainBox.recommend .theme ul li span { padding-left:15px; font-weight:bold; width:85%; display:inline-block; vertical-align:middle;}
#mainBox.recommend .theme ul li a:hover {background:none; background:url(../image/arrow_right.png) no-repeat 98.5% center; box-shadow:1px 1px 6px #ddd inset;}
#mainBox.recommend .theme ul li a:hover img { opacity:1;}
#mainBox.recommend .sociadButtons {margin:0;}
#mainBox.recommend .sociadButtons ul { display: inline; float: right; width: 280px; padding:0;}
#mainBox.recommend .sociadButtons ul li { display: inline; float: left; margin:0;}
#mainBox.recommend .sociadButtons ul li.facebook { width: 115px;}
#mainBox.recommend .sociadButtons ul li.twitter { width: 85px;}
#mainBox.recommend .sociadButtons ul li.mixi { width: 70px;}
#mainBox.recommend .sociadButtons ul li.googlePlus { width: 55px;}

/*@media screen and (-webkit-min-device-pixel-ratio:0) {
	#cntbox .deliCur{padding:3px 3px 3px 3px;}
	#mainBox.recommend .ichioshi ul li dl dd a {
	overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
	width:auto;
	word-wrap: break-word;
	white-space:pre-wrap;}
}*/

.ingredient_row {
    border-bottom: 1px solid #E5E5E5;
    overflow: hidden;
    padding: 1px 5px;
    zoom: 1;
}

.ingredient_name {
    display: inline;
    float: left;
}

.ingredient_amount {
    display: inline;
    float: right;
    margin: 0 0 0 10px;
    text-align: right;
}

.arrowLink.h3TitleSubRecipe{
	float:right;
	display:inline;
	margin:-15px 20px 0 0;
}

.recipeDescription{
	margin:0 0 0 0;
	word-wrap: break-word;
}

.recipeRankMain a.top {
    font-size: 20px;
    color: #663333;
}

.recipeRankSub a.second {
    color: #000;
    font-size: 15px;
}
/*===================================
美味しそうボタン対応
===================================*/
.btnOverlay{
	position: relative;
	width: 280px;
	height: 280px;
}
.btnOverlay .btnOverLayBody{
	position: absolute;
	top: 245px;
	right: 5px;
	width: 50px;
}
.btnOverlay .btnOverLayBody p{
	margin-top: 5px;
	text-align: center;
	font-size: 10px;
	font-weight: bold;
}
.btnOverlay .delicious_off{
	width: 50px;
	height: 50px;
	background: url(../image/sp/delicious_off.png) left top no-repeat;
	background-size: 50px;
}
.btnOverlay .delicious_on{
	width: 50px;
	height: 50px;
	background: url(../image/sp/delicious_on.png) left top no-repeat;
	background-size: 50px;
}
.btnOverlay .btnOverLayBody{
	top: 240px;
}
.btnOverlay .btnOverLayBody p{
	margin-top: 2px;
	font-size: 12px;
}
.btnOverlay .btnOverLayBody p.delicious_off2{
	color: #979797;
}
.btnOverlay .btnOverLayBody p.delicious_on2{
	color: #e79e26;
}
.interest_on{
	width: 104px;
	height: 23px;
	background: url(../image/mypage/vd/btn_favrec_off.png) left top no-repeat;
	display: table-cell;
}

.interest_off{
	width: 104px;
	height: 23px;
	background: url(../image/mypage/vd/btn_favrec_on.png) left top no-repeat;
	display: table-cell;
}