@charset "utf-8";

/*-----------------------------------

recipe.css
2015年リニューアルレイアウト
体験談

-----------------------------------*/

/*
レシピ件数
-----------------------------------*/
#count_recipe {
    float: right;
    min-width: 218px;
    padding: 2px 2px 2px 30px;
    border-radius: 3px;
    background: #e38bb0 url(/images/recipe/ico_recipe.png) no-repeat 5px center;
    color: #fff;
}
#count_recipe dt {
    float: left;
    padding: 3px 0;
}
#count_recipe dd {
    float: right;
    min-width: 74px;
    padding: 3px;
    border-radius: 3px;
    background: #fff;
    color: #e38bb0;
    font-weight: bold;
    text-align: right;
}


/*
おすすめレシピ
-----------------------------------*/
#recommend_recipe ul { margin-left: 8px; }
#recommend_recipe li {
    float: left;
    width: 100px;
    margin-right: 34px;
}

#recommend_recipe li:last-child { margin-right: 0; }
#recommend_recipe img {
    display: block;
    width: 100px;
    margin-bottom: 5px;
}
#recommend_recipe a { display: block; }

/*
カテゴリ一覧（リスト型）
-----------------------------------*/
#category_list.recipe {
    width: 660px;
    padding-top: 38px;
}
#category_list.recipe .heading { margin-top: -38px; }
#category_list.recipe .list {
    width: 320px;
    margin-bottom: 21px;
}

.link_list li {
    margin-bottom: 8px;
    padding-left: 8px;
}
.link_list li:last-child { margin: 0; }
.link_list li a {
    display: block;
    padding-left: 13px;
    background:  url(/images/common/ico_arrow_right_s.png) no-repeat left 0.3em;
    font-size: 14px;
}

/*
カテゴリ一覧（ボックス型）
-----------------------------------*/
#category_box_list .simple_list {
    width: 648px;
    border-top: 1px solid #d9d5cf;
    border-left: 1px solid #d9d5cf;
}
#category_box_list li {
    float: left;
    box-sizing: border-box;
    width: 216px;
    border: 1px solid #d9d5cf;
    border-width: 0 1px 1px 0;
}

#category_box_list .simple_list a {
    position: relative;
    display: block;
    height: 45px;
    padding: 15px 10px 10px 65px;
    font-size: 14px;
}
#category_box_list .simple_list .short { line-height: 45px; }
#category_box_list .simple_list img {
    position: absolute;
    top: 10px;
    left: 10px;
}
#category_box_list .page_control { margin-bottom: 0; }

/*
小カテゴリ一覧
-----------------------------------*/
#recipe_list .item {
    float: left;
    box-sizing: border-box;
    width: 320px;
    margin-bottom: 21px;
    font-size: 14px;
}
#recipe_list .item:nth-child(even) { padding-right: 10px; }
#recipe_list .item:nth-child(odd) { padding-left: 10px; }
#recipe_list .item:nth-last-child(-n+2) { margin-bottom: 0; }

#recipe_list .image {
    float: left;
    width: 100px;
    margin-right: 8px;
}
#recipe_list img { width: 100%; }
#recipe_list .title { margin-bottom: 5px; }
#recipe_list .title a {
    color: #e38bb0;
    font-weight: bold;
}

/*
体験談詳細
-----------------------------------*/
.recipe_article,
.storyArea_mp {
    padding: 0 13px 13px;
    border: 2px solid #f4d1df;
    font-size: 16px;
    line-height: 1.7;
}

.recipe_heading,
.storyAreaHead {
    margin: 0 -13px 13px;
    padding: 8px;
    background: #f9e8ef;
    color: #555;
    font-size: 16px;
}

.recipe_article .image img {
    float: none;
	width:100%;
	height:auto;
    margin: 0 0 0 0;
}
.recipe_article p { margin-bottom: 21px; }

.recipe_article a,
.storyTxtArea a {
    color: #e38bb0;
    text-decoration: underline;
}

.recipe_article + .supplement,
.storyNotes_mp {
    margin: 8px 0 21px;
    font-size: 12px;
    color: #777;
}

/* 既存打ち消し */
.storyArea_mp {
    border-radius: 0;
    box-shadow: none;
}
.storyAreaInner {
    padding: 0;
    border: none;
    border-radius: 0;
}
.storyTxtArea {
     padding: 0;
     color: #555;
}
.storyNotes_mp { padding: 0; }
.storyNotes_mp p { color :#777; }


/*
ソーシャル
-----------------------------------*/
#recipe .social { margin: 34px 0; }