﻿@charset "utf-8";

/* =======================================

	RecipeCategory CSS

========================================== */
#page {padding-bottom: 0;}
#page.type-categoryBtn {padding-bottom: 100px;}

/*-- rightNav --*/
ul#txtList {
	margin: 5px 5px 6px 7px;
	padding: 4px 0 0 0;
	background: url(../../img/common/line_orangedot.gif) repeat-x;
}

ul#txtList li {
	padding: 3px 0 8px 3px;
	text-align: left;
	background: url(../../img/common/line_orangedot.gif) repeat-x left bottom;
}

#localNav p.pdt {
	text-align: center;
}

#localNav p.pdt img {
	margin-bottom: 5px;
}

#localNav p.pdt span {
	display: block;
}



/* 左カラムにバナーがある場合 */
.recipe #page #localNav ul.bnr {
	margin-top: 8px;
}
.recipe #page #localNav ul.bnr li a {
    padding: 0;
    height: 81px;
    background: none;
    box-shadow: none;
    overflow: hidden;
    width: 183px;
    border-radius: 0;
	display: block;
	margin: 0 auto;
}
#localNav ul.bnr li a img {visibility:visible;}
#localNav ul.bnr li a:hover img {opacity: 0.8;}



.category #contents {
	position: relative;
}

.category #localContents {
    position: absolute;
    top: -7px;
    right: -202px;
}

.category h1 {
	position: relative;
	top: 10px;
    padding: 12px 20px 10px;
    border-top: 2px dotted #ea3a00;
    border-bottom: 2px dotted #ea3a00;
    color: #ea3a00;
    font-size: 28px;
    font-weight: bold;
    text-decoration: none !important;
    display: block;
    line-height: 1.5;
    letter-spacing: 1px;
}
#contents.column2 h1 {
	margin-bottom: 35px;
}
#contents.column2 p#topicPath {
	top: -125px;
}

#contents.column2 #holderHeader {
    margin: -50px -10px 0 -10px;
    left: 0px;
}

#contents.column2 .holder {
	margin: 0;
    position: relative;
    left: 10px;
}


.recipe.category p.pdtImg {
    width: 140px;
    height: 137px;
    display: table-cell;
    vertical-align: middle;
    border: 3px solid #ccc;
}


ul.photoList {
	margin: 0 -8px 20px -3px;
	float: left;
	display: inline-block;
	text-align: center;
	width: 775px;
}
.recipe.type-categoryBtn ul.photoList {
	width: 615px;
}
.recipe.type-somePdt ul.photoList {
	width: 620px;
}


body.category .entryBox {
	margin-bottom: 30px;
	overflow: hidden;
}

.entryBox h2 {
    margin: 0 0 30px;
    background: #d2975b;
    padding: 8px 0 8px 20px;
    color: #fff;
    font-size: 18px;
    letter-spacing: 2px;
    font-family: '新ゴ M';
    border-radius: 3px;
	text-shadow: 0 0 7px rgba(195, 109, 0, 0.78);
}

.entryBox ul.photoList li {
	float: left;
	display: inline;
	width: 145px;
	min-height: 205px;
	padding: 0 5px;
}

.entryBox ul.photoList li img {
	margin-bottom: 3px;
	width: 137px;
	height: auto;
	box-sizing: border-box;
}

.entryBox ul.photoList.squair li {
	float: left;
	display: inline;
	width: 145px;
	min-height: 210px;
	padding: 0 5px;
}
.entryBox ul.photoList.squair li img {
	width: 143px;
	height: auto;
}

#ginsyun ul.photoList li img {border: 1px solid #a26142;}
#oyster ul.photoList li img {border: 1px solid #a26142;}
#teien ul.photoList li img {border: 1px solid #a26142;}
#maropon .entryBox ul li img {border: 1px solid #199B30;}
#gomapon .entryBox ul li img {border: 1px solid #A84F25;}
#m-oven .entryBox ul li img {border: 1px solid #F39700;}
#tetsushoyu .entryBox ul li img {border: 1px solid #1D2088;}
#udonsoup-lowsalt ul.photoList li img {border: 1px solid #4dd023;}
.box_bannou ul.photoList li img {border: 1px solid #53a700;}
.box_happou ul.photoList li img {border: 1px solid #e98831;}

.entryBox ul.photoList li span {
	margin-top: 5px;
	padding-left: 3px;
	display: block;
	text-align: left;
	box-sizing: border-box;
}



#entryBox ul.photoList li {
	padding: 0 10px 3px;
	margin-right: 8px;
	float: left;
	display: inline;
	width: 114px;
	height: 130px;
	transition: 0.3s;
	opacity: 1;
}
#entryBox ul.photoList li:hover {
	opacity: 0.8;
}


#entryBox ul.photoList li img {
	margin-bottom: 3px;
	width: 117px;
	height: auto;
}

#entryBox ul.photoList.squair li img {
	margin-bottom: 3px;
	width: 117px;
	height: auto;
}

#entryBox ul.photoList li span {
	display: block;
	text-align: left;
}

#entryBox ul.vege li img {border: 1px solid #3B9A2C;}
#entryBox ul.fish li img {border: 1px solid #00949D;}
#entryBox ul.meat li img {border: 1px solid #EF8100;}
#entryBox ul.egg li img {border: 1px solid #A74F25;}
#entryBox ul.rice li img {border: 1px solid #A74F25;}
#entryBox ul.noodles li img {border: 1px solid #39992D;}
#entryBox ul.soup li img {border: 1px solid #EF8100;}
#entryBox ul.nabe li img {border: 1px solid #B16039;}
#entryBox ul.omotenashi li img {border: 1px solid #EA6D80;}
#entryBox ul.osechi li img {border: 1px solid #C7161D;}




#mainImg  {
    margin-bottom: 50px;
}

#mainImg p.lead span.att {
    font-size: 11px;
}



.category .entryBox .pdt {
	display: inline;
	width: 145px;
	float: left;
	margin-right: 15px;
	text-align: center;
}

.category .entryBox .pdt span {
	margin-top: 11px;
	display: block;
}





/* newのアイコン*/
ul.photoList li {position: relative;}

ul.photoList li p.new {
	position: absolute;
	right: 2px;
	top: -4px;
	width: 45px;
	height: 26px;
}

ul.photoList li p.new img {
	border: none !important;
	width: 45px !important;
	height: 26px !important;
}











