@charset 'UTF-8';
/* Foundation
/*========================================*/
/*$font-gothic : Avenir , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
/*-apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Segoe UI', 'Hiragino Kaku Gothic ProN', 'Yu Gothic', sans-serif;*/
/* Layout
/*========================================*/
/* Main
---------------------------------------*/
.l-contents
{
    margin-bottom: 120px;
}

.l-contents_inner
{
    width: 1200px;
    margin: 30px auto 0;

    *zoom: 1;
}
.l-contents_inner:before,
.l-contents_inner:after
{
    display: table;

    content: ' ';
}
.l-contents_inner:after
{
    clear: both;
}

.l-main
{
    float: left; 

    width: 860px;
}
.l-main_col2_main
{
    float: right; 

    width: 540px;
}
.l-main_col2_sub
{
    float: left; 

    width: 280px;
}

.lmain_col2_all
{
    float: right; 

    width: 800px;
}

.l-side
{
    float: right; 

    width: 300px;
}

/*  Module
/*========================================*/
/* add_side
---------------------------------------*/
.sidebar__block--summary-recipe .sidebar__heading
{
    margin-top: -5px;
    margin-bottom: 15px; 

    color: #138458;
}

.sidebar__block--summary-recipe .summary__recipe__article
{
    margin-bottom: 15px;
}

/* 2018.04.16 add .sidebar__block--summary-recipe .summary__recipe */
.sidebar__block--summary-recipe .summary__recipe {
    margin-bottom: 15px;
}

.sidebar__block--summary-recipe .summary__recipe__article:last-child
{
    margin-bottom: 0;
}
.sidebar__block--summary-recipe .summary__recipe__article a
{
    display: block;

    -webkit-transition: .2s ease-out;
            transition: .2s ease-out;
}
.sidebar__block--summary-recipe .summary__recipe__article a:hover
{
    text-decoration: none; 

    opacity: .5;

    filter: alpha(opacity=50);
}

.sidebar__block--summary-recipe .recipe__title
{
    font-size: 1.4rem;

    margin-bottom: 5px;
}

.sidebar__block--summary-recipe .recipe__list
{
    *zoom: 1;
}
.sidebar__block--summary-recipe .recipe__list:before,
.sidebar__block--summary-recipe .recipe__list:after
{
    display: table;

    content: ' ';
}
.sidebar__block--summary-recipe .recipe__list:after
{
    clear: both;
}
.sidebar__block--summary-recipe .recipe__list__item
{
    float: left;

    margin-right: 9px;
}
.sidebar__block--summary-recipe .recipe__list__item:last-child
{
    margin-right: 0;
}

.sidebar__block--summary-basic .sidebar__heading
{
    color: #138458;
}

input[type=checkbox]
{
    display: none;
}

.check
{
    line-height: 1;

    position: relative;

    display: inline-block;

    padding: 0 0 0 20px;

    cursor: pointer;
    vertical-align: middle;

    color: #91bf38;
}
.check:after
{
    position: absolute;
    z-index: 10; 
    top: 50%;
    left: 0;

    display: block;

    width: 16px;
    height: 16px;
    margin-top: -10px;

    content: '';

    border-radius: 4px;
    background: #ccc;
}
.check:before
{
    position: absolute;
    z-index: 100; 
    top: 50%;
    left: 6px;

    display: block;

    width: 3px;
    height: 9px;
    margin-top: -8px;

    content: '';
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);

    opacity: 0;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
}

input[type=checkbox]:checked + .check:before
{
    opacity: 1;
}

input[type=checkbox]:checked + .check:after
{
    background: #91bf38;
}

.select
{
    position: relative;
    z-index: 10;

    overflow: hidden;

    width: 100%;

    border: 1px solid #ccc;
    border-radius: 5px; 
    background: #fff;
}

.selectbox
{
    position: relative;
    z-index: 15;

    display: block;

    width: 120%;
    padding: 8px 0 8px 15px;

    cursor: pointer;
    vertical-align: middle;

    color: #333;
    border: none; 
    background: url(/img/v2/recipe/pc/icn-arrow02.png) no-repeat 210px center;

    -webkit-appearance: button;
       -moz-appearance: button;
            appearance: button;
}
.selectbox option
{
    color: #333;
}
.selectbox:disabled
{
    color: graytext;
}
.selectbox::-ms-expand
{
    display: none;
}

button[type=submit]
{
    font-size: 1.6rem;

    position: relative;

    display: block;

    width: 220px;
    margin: 0 auto 15px;
    padding: 10px;

    -webkit-transition: .2s ease-out;
            transition: .2s ease-out; 

    color: #fff;
    border: 0;
    border-radius: 5px;
    background: #91bf38;
}
button[type=submit]:after
{
    display: inline-block;

    width: 8px;
    height: 12px;
    margin-left: 8px;

    content: '';

    background: url('/img/v2/recipe/pc/icn-arrow03.png');
}
button[type=submit]:hover
{
    text-decoration: none; 

    opacity: .5;

    filter: alpha(opacity=50);
}

button[type=reset]
{
    font-size: 1.6rem;

    position: relative;

    display: block;

    width: 180px;
    margin: 0 auto;
    padding: 10px 0;

    -webkit-transition: .2s ease-out;
            transition: .2s ease-out; 

    color: #91bf38;
    border: 0;
    border: 2px solid #91bf38;
    border-radius: 5px;
    background: #fff;
}
button[type=reset]:after
{
    display: inline-block;

    width: 8px;
    height: 12px;
    margin-left: 8px;

    content: '';

    background: url('/img/v2/recipe/pc/icn-arrow01.png');
}
button[type=reset]:hover
{
    text-decoration: none; 

    opacity: .5;

    filter: alpha(opacity=50);
}

.c-search > li
{
    float: left;
}

.c-search_input
{
    font-size: 1.6rem;
    line-height: 32px;

    width: 770px;
    height: 45px;
    padding: 7px 10px;

    vertical-align: middle;

    color: inherit;
    border: 1px solid #ccc;
    border-right: 0;
    border-radius: 3px 0 0 3px;
    outline: none;
}
.c-search_input.c-search_input__full
{
    width: 100%;

    border: 1px solid #ccc;
    border-radius: 3px;
}

.c-search_submit
{
    font-size: 1.6rem;

    width: 90px;
    height: 45px;

    vertical-align: middle;

    color: #fff;
    border: none;
    border-radius: 0 3px 3px 0; 
    outline: none;
    background: #91bf38;
}

.c-check-list > li
{
    float: left;

    margin-right: 15px;
}

.c-search_category
{
/** 2017.08.09 デザイン調整 削除 */
/*    margin-bottom: 70px;*/
}
.c-search_category .c-category_list
{
    width: 100%;

    *zoom: 1;
}
.c-search_category .c-category_list:before,
.c-search_category .c-category_list:after
{
    display: table;

    content: ' ';
}
.c-search_category .c-category_list:after
{
    clear: both;
}
.c-search_category .c-category_article
{
    float: left;

    width: 266px;
    height: 150px;
    margin-right: 31px;
    /*&.cat01 {
      background: url(/img/v2/recipe/pc/icn-cat01.png) no-repeat left center;
    }
    &.cat02 {
      background: url(/img/v2/recipe/pc/icn-cat02.png) no-repeat left center;
    }
    &.cat03 {
      background: url(/img/v2/recipe/pc/icn-cat03.png) no-repeat left center;
    }
    &.cat04 {
      background: url(/img/v2/recipe/pc/icn-cat04.png) no-repeat left center;
    }
    &.cat05 {
      background: url(/img/v2/recipe/pc/icn-cat05.png) no-repeat left center;
    }
    &.cat06 {
      background: url(/img/v2/recipe/pc/icn-cat06.png) no-repeat left center;
    }
    &.cat07 {
      background: url(/img/v2/recipe/pc/icn-cat07.png) no-repeat left center;
    }
    &.cat08 {
      background: url(/img/v2/recipe/pc/icn-cat08.png) no-repeat left center;
    }*/
}
.c-search_category .c-category_article_img
{
    float: left;

    width: 90px;

    text-align: center;
}
.c-search_category .c-category_article_img a
{
    -webkit-transition: .2s ease-out;
            transition: .2s ease-out;
}
.c-search_category .c-category_article_img a:hover
{
    text-decoration: none; 

    opacity: .5;

    filter: alpha(opacity=50);
}
.c-search_category .c-category_article_inner
{
    float: right;

    width: 175px;
    margin-bottom: 18px;
}
.c-search_category .c-category_article:nth-child(3n)
{
    margin-right: 0;
}
.c-search_category .c-category_article p
{
    margin-bottom: 5px;
}
.c-search_category .c-category_article p em
{
    font-weight: bold; 
    font-style: normal;
}
.c-search_category .c-category_article ul
{
    overflow: hidden; 

    width: 100%;
}
.c-search_category .c-category_article ul li
{
    font-size: 1.4rem;

    display: block;
    overflow: hidden;

    white-space: nowrap; 
    text-overflow: ellipsis;

    color: #91bf38;
}

.btn--fill--02.btn--fill--02--reverse span
{
    padding: 0 0 0 16px; 

    background: url('/img/v2/recipe/pc/icn-arrow07.png') no-repeat left 0;
}

.btn--fill--03
{
    font-size: 1.4rem;
    line-height: 40px;

    position: relative;

    display: block;

    width: 100%;
    height: 40px;
    margin: 0 auto;

    -webkit-transition: .2s ease-out;
            transition: .2s ease-out; 
    text-align: center;

    color: #fff;
    border-radius: 5px;
    background: #91bf38;
}
.btn--fill--03:hover
{
    text-decoration: none;

    opacity: .5;

    filter: alpha(opacity=50);
}
.btn--fill--03 span
{
    font-weight: bold;
    line-height: 1; 

    display: inline-block;

    height: 100%;
    padding: 0 16px 0 0;

    background: url('/img/v2/common/pc/btn_ico_01.png') no-repeat right 0;
}

.btn--fill--04
{
    font-size: 1.6rem; 

    border: 2px solid #91bf38;
    border-radius: 5px;
}
.btn--fill--04 > *
{
    line-height: 45px; 

    float: left;

    width: 50%;
    height: 45px;

    text-align: center;

    color: #91bf38;
}
.btn--fill--04 > *.current
{
    color: #fff; 
    background: #91bf38;
}
.btn--fill--04 > * a
{
    display: block;
}
.btn--fill--04 > * a:hover
{
    text-decoration: none;
}

.btn-border-01
{
    font-weight: bold;
    line-height: 40px;

    width: 160px;
    height: 40px;
    padding: 0;

    color: #91bf38; 
    border-width: 2px;
    border-color: #91bf38;
}
.btn-border-01 span
{
    display: inline-block;

    height: 100%;
    padding: 0 20px 0 0;

    background: url('/img/v2/recipe/pc/icn-arrow01.png') no-repeat right 12px;
}

.heading01
{
    font-weight: bold;

    position: relative; 

    margin: 10px 0 40px;
    padding: 17px 22px 14px;

    color: #138458;
    background: #e2f0eb;
}
.heading01 img
{
    margin-right: 14px;
}
.heading01 > span
{
    font-size: 3.4rem;
    line-height: 1;

    display: inline-block;

    margin-top: 5px;
}
.heading01 a
{
    font-size: 1.2rem;

    position: absolute;
    top: 20px;
    right: 20px;

    display: block;

    padding: 7px 8px;

    -webkit-transition: .2s ease-out;
            transition: .2s ease-out;
    text-align: center;

    border: 1px solid #138458;
    border-radius: 5px;
    background: #fff;
    box-shadow: inset 0 0 0 2px transparent, 0 0 1px transparent;
}
.heading01 a:hover
{
    text-decoration: none;

    box-shadow: inset 0 0 0 1px #138458, 0 0 1px transparent;
}
.heading01 a span
{
    padding-right: 15px; 

    background: url(/img/v2/recipe/pc/icn-arrow05.png) no-repeat center right;
}

.heading02
{
    font-size: 35px;
    font-size: 2.2rem;
    font-weight: bold;
    line-height: 1;

    margin: 0 0 20px;
    padding: 0 0 9px;

    color: #f39c05; 
    border-bottom: 2px solid #f39c05;
}

.c-dish-header
{
    position: relative;

    width: 100%; 
    margin: 20px 0 10px;
    padding: 20px 0;

    color: #138458;
    border-top: 4px solid #138458;
    background: url(/img/v2/recipe/pc/bg-line.png) repeat-x left bottom;
}
.c-dish-header i
{
    font-size: 1.8rem;
    font-weight: normal;
    font-style: normal; 

    display: inline-block;

    margin-left: 10px;
}
.c-dish-header p
{
    color: #000000;
}
.c-dish-header_detail
{
    display: table;
}
.c-dish-header_detail > *
{
    display: table-cell;
}
.c-dish-header .recipe-item
{
    font-size: 1.2rem;
    line-height: 1;
}
.c-dish-header .recipe-title
{
    font-size: 2.8rem;
    font-weight: bold;
}
.c-dish-header .rank-link
{
    font-size: 1.6rem;

    width: 180px;
    padding-left: 45px;

    vertical-align: middle;

    color: #91bf38;
}
.c-dish-header .rank-link a
{
    text-decoration: underline;
}
.c-dish-header .rank-link a:hover
{
    text-decoration: none;
}
.c-dish-header .rank
{
    width: 62px;

    vertical-align: middle;
}
.c-dish-header .rank p
{
    font-size: 1.2rem;
    line-height: 1;

    display: block;

    width: 62px;
    height: 62px;
    padding: 10px;

    text-align: center; 

    color: #fff;
    border-radius: 31px;
    background: #138458;
}
.c-dish-header .rank p span
{
    display: block; 

    margin-top: 3px;
}
.c-dish-header .rank p span em
{
    font-size: 2.8rem; 
    font-weight: bold;
    font-style: normal;
}

.p-ingredient_txt
{
    font-size: 1.6rem;
    line-height: 1.8;

    margin-bottom: 20px;
}

.c-ingredient-menu
{
    margin-bottom: 30px;
}
.c-ingredient-menu li
{
    float: left;
}
.c-ingredient-menu li a
{
    font-size: 2.0rem;
    line-height: 50px;

    display: block;

    min-width: 50px;
    height: 50px;
    margin-right: 20px;
    margin-bottom: 5px;
    padding-left:5px;
    padding-right:5px;
    -webkit-transition: .2s ease-out;
            transition: .2s ease-out; 
    text-align: center;

    color: #fff;
    border-radius: 5px;
    background: #91bf38;
}
.c-ingredient-menu li a:hover
{
    text-decoration: none;

    opacity: .5;

    filter: alpha(opacity=50);
}

.c-ingredient-header
{
    background: url(/img/v2/recipe/pc/bg-line.png) repeat-x 0 8px;
}
.c-ingredient-header h2
{
    font-size: 2.6rem;
    font-weight: bold;
    line-height: 1;

    display: inline-block;

    padding-right: 15px;

    color: #138458;
    background: #fff;
}

.c-ingredient-article
{
    padding-top: 30px;

    border-bottom: 1px solid #eaeaea;
}
.c-ingredient-article--noborder
{
    border: none;
}

.c-ingredient-title
{
    font-size: 2.2rem;
    line-height: 36px;

    display: block;
    float: left; 

    min-width: 100px;
    height: 36px;
    padding-left:7px;
    padding-right:7px;

    text-align: center;

    color: #fff;
    border-radius: 5px;
    background: #138458;
}
.c-ingredient-title2
{
    font-size: 2.2rem;
    line-height: 36px;

    display: block;
    float: left; 

    min-width: 36px;
    height: 36px;
    padding-left:7px;
    padding-right:7px;

    text-align: center;

    color: #fff;
    border-radius: 5px;
    background: #138458;
}

.c-ingredient-list
{
    float: right;

    width: 800px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.c-ingredient-list li
{
    font-size: 1.6rem;
    line-height: 1;

    float: left;

    margin-bottom: 20px;
    padding: 0 10px;

    border-right: 1px solid #eaeaea;
}
.c-ingredient-list li a
{
    display: block; 

    color: #91bf38;
}

input[type=radio],
input[type=checkbox]
{
    display: none;
}

.c-radio
{
    font-size: 1.6rem;
    line-height: 1;
    /*-webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;*/

    position: relative;

    display: inline-block;

    box-sizing: border-box;
    margin: 0 10px 10px 0;
    padding: 14px 10px 10px 38px;

    cursor: pointer;
    vertical-align: middle;

    border: 1px solid #b9b9b9;
    border-radius: 3px;
    background-color: #fbfbfb;
    /*&:hover {
    background-color: #e2edd7;
    &:after {
      border-color: $iconColor;
    }
  }*/
}
.c-radio:before
{
    /*-webkit-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;*/
    position: absolute;
    z-index: 1000; 
    top: 50%;
    left: 15px;

    display: block;

    width: 12px;
    height: 12px;
    margin-top: -5px;

    content: '';

    opacity: 0;
    border-radius: 50%;
    background-color: #91bf38;
}
input[type=radio]:checked + .c-radio:before
{
    opacity: 1;
}
.c-radio:after
{
    position: absolute;
    top: 50%;
    left: 10px;

    display: block;

    width: 20px;
    height: 20px;
    margin-top: -10px;

    content: '';
    -webkit-transition: border-color .2s linear;
            transition: border-color .2s linear;

    border: 1px solid #bbb;
    border-radius: 10px;
    background: #fff;
}

.c-checkbox
{
    font-size: 1.6rem;
    line-height: 19px;
    /*-webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;*/

    position: relative;

    display: inline-block;

    box-sizing: border-box;
    margin: 0 10px 10px 0;
    padding: 14px 10px 10px 38px;

    cursor: pointer;
    vertical-align: middle;
    vertical-align: middle;

    border: 1px solid #b9b9b9;
    border-radius: 3px;
    background-color: #fbfbfb;
    /*&:hover {
    background-color: #e2edd7;
    &:after {
      border-color: $iconColor;
    }
  }*/
}
.c-checkbox:before
{
    position: absolute;
    z-index: 1000;
    top: 50%;
    left: 17px;

    display: block;

    width: 5px;
    height: 10px;
    margin-top: -7px;

    content: '';
    -webkit-transition: opacity .2s linear;
            transition: opacity .2s linear;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg); 

    opacity: 0;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
}
input[type=checkbox]:checked + .c-checkbox:before
{
    opacity: 1;
}
.c-checkbox:after
{
    position: absolute;
    top: 50%;
    left: 10px;

    display: block;

    width: 20px;
    height: 20px;
    margin-top: -10px;

    content: '';
    -webkit-transition: border-color .2s linear;
            transition: border-color .2s linear;

    border-radius: 3px;
    background: #d2d2d2;
}
input[type=checkbox]:checked + .c-checkbox:after
{
    background: #91bf38;
}

.rank_title
{
    font-size: 2.0rem;
    font-weight: bold;

    margin-bottom: 15px;
}

.rank_lead
{
    font-size: 1.4rem;

    margin-bottom: 10px;
}

.rank_tag li
{
    font-size: 1.4rem;
    line-height: 1.3;

    display: inline-block; 

    margin-right: 10px;
    margin-bottom: 5px;

    color: #138458;
}

.rank_tag li img
{
    margin-right: 5px;
}

/* slider
---------------------------------------*/
.slider-wrap--index .bx-wrapper
{
    position: relative;
}

.slider-wrap--index .bx-pager
{
    margin: 15px 0 0;

    text-align: center;
}

.slider-wrap--index .bx-pager-item
{
    position: relative;

    display: inline-block;
    overflow: hidden;

    width: 12px;
    height: 12px;

    text-indent: -9999px;

    border-radius: 6px; 
    background: #dcdcdc;
}

.slider-wrap--index .bx-pager-link
{
    display: block;
}
.slider-wrap--index .bx-pager-link.active
{
    background: #91bf38;
}

.slider-wrap--index .bx-pager-item + .bx-pager-item
{
    margin: 0 0 0 8px;
}

.slider-wrap--index .bx-prev,
.slider-wrap--index .bx-next
{
    position: absolute;
    top: 111px;

    display: block;
    overflow: hidden;

    width: 40px;
    height: 80px;

    text-indent: -9999px;

    outline: none;
}

.slider-wrap--index .bx-prev
{
    left: 0;

    background: url('/img/v2/common/pc/slider_ctrl_prev.png') no-repeat;
}

.slider-wrap--index .bx-next
{
    right: 0;

    background: url('/img/v2/common/pc/slider_ctrl_next.png') no-repeat;
}

.slider-wrap--hot-recipe
{
    height: 321px;
}
.slider-wrap--hot-recipe.slider-wrap--hot-recipe_ranking
{
    height: 370px;
}
.slider-wrap--hot-recipe .slider--hot-recipe
{
    overflow-y: hidden; 

    height: 305px;
}
.slider-wrap--hot-recipe .slider--hot-recipe.slider--hot-recipe_ranking
{
    height: 360px;
}

.recipe-card
{
    line-height: 1;

    width: 242px; 
    height: 305px;
    padding: 10px;

    background: #fbf7e8;
}
.recipe-card.recipe-card_ranking
{
    height: 410px;
}

.recipe-card__desc
{
    line-height: 1.3;

    margin: 0 10px 10px;
}

.recipe-card--sidebar .recipe-card__heading
{
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;

    min-height: auto; 
    margin: 18px 10px 10px;
}

.recipe-card__heading
{
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;

    min-height: 45px; 
    margin: 18px 10px 10px;
}

.recipe-card__data
{
    color: #138458;
    /*&.color_green {
    color: $color-green_strong;
  }*/
}

.recipe-card--sidebar
{
    width: 250px;
    height: 426px;
    height: auto;
    margin: 0 auto 20px;
    padding: 0;

    background: none;
}

.slider-wrap--hot-recipe .bx-wrapper
{
    position: relative;

    margin: 0 auto;
}

.slider-wrap--hot-recipe .bx-pager
{
    margin: 20px 0 0;

    text-align: center;
}

.slider-wrap--hot-recipe .bx-pager-item
{
    position: relative;

    display: inline-block;
    overflow: hidden;

    width: 12px;
    height: 12px;

    text-indent: -9999px;

    border-radius: 6px; 
    background: #dcdcdc;
}

.slider-wrap--hot-recipe .bx-pager-link
{
    display: block;
}
.slider-wrap--hot-recipe .bx-pager-link.active
{
    background: #91bf38;
}

.slider-wrap--hot-recipe .bx-pager-item + .bx-pager-item
{
    margin: 0 0 0 8px;
}

.slider-wrap--hot-recipe .bx-prev,
.slider-wrap--hot-recipe .bx-next
{
    position: absolute;
    top: 155px;

    display: block;
    overflow: hidden;

    width: 21px;
    height: 35px;

    text-indent: -9999px; 

    outline: none;
}
.slider-wrap--hot-recipe_v2 .bx-prev,
.slider-wrap--hot-recipe_v2 .bx-next
{
    top: 145px;

}

.slider-wrap--hot-recipe .bx-prev
{
    left: -41px;

    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);

    background: url('/img/v2/common/pc/slider_ctrl_arrow.png') no-repeat;
}

.slider-wrap--hot-recipe .bx-next
{
    right: -41px;

    background: url('/img/v2/common/pc/slider_ctrl_arrow.png') no-repeat;
}

/* slider_modifier */
.recipe-card__link.rank01,
.recipe-card__link.rank02,
.recipe-card__link.rank03,
.recipe-card__link.rank04,
.recipe-card__link.rank05 
{
    padding-top: 60px;
}

.recipe-card__link.rank01
{
    background: url(/img/v2/recipe/pc/icn-rank01.png) no-repeat center top;
}

.recipe-card__link.rank02
{
    background: url(/img/v2/recipe/pc/icn-rank02.png) no-repeat center top;
}

.recipe-card__link.rank03
{
    background: url(/img/v2/recipe/pc/icn-rank03.png) no-repeat center top;
}
.recipe-card__link.rank04
{
    position: relative;
}
.recipe-card__link.rank04:before
{
    font-size: 1.7rem;
    line-height: 30px;

    position: absolute;
    top: 10px;
    left: 50%;

    display: block;

    width: 30px;
    height: 30px;
    margin-left: -15px;

    content: '4';
    text-align: center;

    color: #138458;
    border: 1px solid #138458; 
    border-radius: 16px;
}

.recipe-card__link.rank05
{
    position: relative;
}
.recipe-card__link.rank05:before
{
    font-size: 1.7rem;
    line-height: 30px;

    position: absolute;
    top: 10px;
    left: 50%;

    display: block;

    width: 30px;
    height: 30px;
    margin-left: -15px;

    content: '5';
    text-align: center;

    color: #138458;
    border: 1px solid #138458; 
    border-radius: 16px;
}

.slider--hot-recipe__item.recipe-card.recipe-card_ranking.blank
{
    opacity: 0;
}

/*tab-menu-ui*/
.c-tab-list
{
    border-bottom: 3px solid #138458;
}
.c-tab-list li
{
    font-size: 1.6rem;

    float: left;

    margin-right: 5px;
    margin-bottom: -2px; 

    text-align: center;
}
.c-tab-list li a,
.c-tab-list li span
{
    font-size: 1.4rem;
    line-height: 36px; 

    display: block;

    height: 36px;
    padding: 0 23px;

    color: #138458;
    border: 1px solid #138458;
    border-bottom: 0;
    border-radius: 3px 3px 0 0;
}
.c-tab-list li a
{
    -webkit-transition: .2s ease-out;
            transition: .2s ease-out;

    border: 1px solid #138458;
    border-bottom: 0;
}
.c-tab-list li a:hover
{
    text-decoration: none;

    box-shadow: 0 0 0 2px #138458 inset;
}
.c-tab-list li span
{
    color: #fff; 
    background: #138458;
}

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox,
#cboxOverlay,
#cboxWrapper
{
    position: absolute;
    z-index: 9999;
    top: 0;
    left: 0;

    overflow: hidden;

    -webkit-transform: translate3d(0, 0, 0);
}

#cboxWrapper
{
    max-width: none;
}

#cboxOverlay
{
    position: fixed;

    width: 100%;
    height: 100%;
}

#cboxMiddleLeft,
#cboxBottomLeft
{
    clear: left;
}

#cboxContent
{
    position: relative;

    padding: 40px; 

    border-radius: 10px;
}

#cboxLoadedContent
{
    overflow: auto;

    -webkit-overflow-scrolling: touch;
}

#cboxTitle
{
    margin: 0;
}

#cboxLoadingOverlay,
#cboxLoadingGraphic
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;
}

#cboxPrevious,
#cboxNext,
#cboxClose,
#cboxSlideshow
{
    cursor: pointer;
}

.cboxPhoto
{
    display: block;
    float: left;

    max-width: none;
    margin: auto;

    -ms-interpolation-mode: bicubic; 
    border: 0;
}

.cboxIframe
{
    display: block;

    width: 100%;
    height: 100%;
    margin: 0; 
    padding: 0;

    border: 0;
}

#colorbox,
#cboxContent,
#cboxLoadedContent
{
    -webkit-box-sizing: content-box; 
       -moz-box-sizing: content-box;
            box-sizing: content-box;
}

/*
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay
{
    opacity: .7 !important; 
    background: #000;
}

#colorbox
{
    outline: 0;
}

#cboxContent
{
    overflow: hidden; 

    background: #fff;
}

.cboxIframe
{
    background: #fff;
}

#cboxClose
{
    font-size: 1.6rem;

    position: absolute;
    right: 50%;
    bottom: 20px;

    display: block;

    width: 65px;
    padding: 3px 0;

    text-align: center;

    color: #91bf38; 
    border: 1px solid #91bf38;
    border-radius: 5px;
    background: #fff;
}

.mordal
{
    width: 670px;

    background: #fff;
}
.mordal p:first-child
{
    font-weight: bold;
}
.mordal p
{
    font-size: 1.6rem;

    margin-bottom: 20px;
}

#windowOverlay
{
    position: fixed;
    z-index: 9999; 
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    opacity: 0;
}

#modalbox
{
    position: absolute;
    z-index: 9999;
    top: 50%;
    left: 50%;

    overflow: hidden;

    width: 400px;
    min-height: 300px;
    margin-top: -150px;
    margin-left: -200px;
    padding: 30px;

    -webkit-transform: translate3d(0, 0, 0); 
    text-align: center;

    color: #138458;
    border: 2px solid #138458;
    border-radius: 5px;
    background: #fff;
}
#modalbox p
{
    font-size: 3.0rem;
    font-weight: bold;
}
#modalbox p:first-child
{
    margin-top: 60px;
}
#modalbox p:last-child
{
    margin-top: 20px;
}

.modal-block_btn
{
    display: inline-block;

    vertical-align: -10px;
}

.c-food-info
{
    margin-bottom: 70px;
}
.c-food-info figure
{
    float: left; 

    margin: 0 25px 25px 0;
}
.c-food-info figure figcaption
{
    font-size: 1.4rem; 

    margin-top: 5px;

    text-align: right;
}
.c-food-info figure figcaption.caption_bg
{
    line-height: 1.2; 

    width: 150px;
    margin-top: 0;
    margin-bottom: 10px;
    padding: 10px;

    text-align: left;

    background: #f6f6f6;
}
.c-food-info figure figcaption.caption_bg:last-child
{
    margin-bottom: 0;
}
.c-food-info figure figcaption.caption_bg .relate-item
{
    font-size: 1.2rem; 

    margin-top: 10px;
}
.c-food-info figure figcaption.caption_bg .relate-item a
{
    color: #91bf38;
}
.c-food-info-title
{
    font-size: 2.2rem;
    font-weight: bold;

    margin-bottom: 10px; 

    color: #138458;
}
.c-food-info-lead
{
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1.8;

    margin-bottom: 10px;
}
.c-food-info-txt
{
    font-size: 1.6rem;
    line-height: 1.8;

    margin-bottom: 20px;
}
.c-food-info-notes
{
    font-size: 1.4rem;
    line-height: 1.8;

    margin-bottom: 20px;
}

.c-food-relate-list
{
    margin-bottom: 20px;
}
.c-food-relate-list a
{
    font-size: 1.6rem;

    display: block;

    padding: 15px 0; 

    color: #91bf38;
    border-bottom: 1px solid #eaeaea;
}

.js-hidden
{
    display: none;
}
.js-hidden2
{
    display: none;
}

.p-category-index_article
{
    float: left;

    width: 420px;
    margin-bottom: 20px;
}
.p-category-index_article:nth-child(2n)
{
    float: right;
}

.p-category-index_img
{
    float: left;

    width: 130px;

    -webkit-transition: .2s ease-out;
            transition: .2s ease-out;
}
.p-category-index_img:hover
{
    opacity: .5;

    filter: alpha(opacity=50);
}

.p-category-index_inner
{
    float: right; 

    width: 280px;
}

.p-category-index_title
{
    margin-bottom: 5px;
}
.p-category-index_title em
{
    font-weight: bold;
    font-style: normal;
}

.p-category-index_list
{
    margin-bottom: 5px;
}
.p-category-index_list li
{
    font-size: 1.4rem;

    display: inline-block;

    padding-right: 10px;

    color: #91bf38;
}

/** 2017.0512 add **/
.p-category-index_img_v2
{
    float: left;

    width: 130px;
    margin-bottom:20px;

    -webkit-transition: .2s ease-out;
            transition: .2s ease-out;
}
.p-category-index_list_v2
{
    margin-bottom: 5px;
}
.p-category-index_list_v2 li
{
    font-size: 1.4rem;

    padding-right: 10px;

    color: #91bf38;
}


.p-category-index_link a
{
    color: #91bf38;
}
.p-category-index_link a:hover
{
    text-decoration: none;
}

/**2017.08.09 padding 20->10 変更 件数表示のための幅を確保**/
.p-category-block
{
    margin-bottom: 20px;
    padding: 10px;
    padding-top:5px;

    border: 1px solid #e5e5e5;
}
.p-category-block_title_l
{
    padding-top:15px;
}
.p-category-block_title
{
    font-size: 1.6rem;
    font-weight: bold;
}
.p-category-block_title a
{
    text-decoration: underline; 

    color: #91bf38;
}
.p-category-block_title a:hover
{
    text-decoration: none;
}
.p-category-block_list
{
    margin-bottom: 0; 
    padding-left: 20px;
}
.p-category-block_list .p-category-block_list
{
    margin-bottom: 10px;
}
.p-category-block_list > li
{
    font-size: 1.6rem; 
    line-height: 1.8;
}
.p-category-block_list > li i
{
    font-size: 1rem;
    font-style: normal; 
    line-height: 1;

    display: inline-block;

    margin-left: 5px;
    padding: 4px 8px 2px;

    vertical-align: 3px;

    color: #fff;
    background: #d91427;
}
.p-category-block_list > li span
{
    font-weight: bold;
}
.p-category-block_list > li a
{
    text-decoration: underline; 

    color: #91bf38;
}
.p-category-block_list > li a:hover
{
    text-decoration: none;
}

.c-slide-link a
{
    display: inline-block;

    padding-right: 16px;

    -webkit-transition: .2s ease-out;
            transition: .2s ease-out; 

    color: #91bf38;
    background: url('/img/v2/recipe/pc/icn-arrow01.png') no-repeat right 4px;
}
.c-slide-link a:hover
{
    -webkit-transform: translateX(6px);
        -ms-transform: translateX(6px);
            transform: translateX(6px); 
    text-decoration: none;
}

.crumbs + .crumbs
{
    margin-left: 20px;
}
.c-ingredient-menu
{
    margin-bottom: 30px;
}
.c-ingredient-menu li
{
    float: left;
}
.c-ingredient-menu li a
{
    font-size: 2.6rem;
    line-height: 50px;

    display: block;

    min-width: 50px;
    height: 50px;
    margin-right: 20px;
    margin-bottom: 5px;
    padding-left:5px;
    padding-right:5px;

    -webkit-transition: .2s ease-out;
            transition: .2s ease-out; 
    text-align: center;

    color: #fff;
    border-radius: 5px;
    background: #91bf38;
}
.c-ingredient-menu li a:hover
{
    text-decoration: none;

    opacity: .5;

    filter: alpha(opacity=50);
}
.c-ingredient-menu.c-ingredient-menu__category li a
{
    font-size: 1.6rem;
    line-height: 46px;

    width: auto;
    width: 209px;
    height: 46px;
    margin-right: 8px;
    background: url('/img/v2/recipe/pc/icn-arrow06.png') no-repeat 180px center #91bf38;
}
.c-ingredient-menu.c-ingredient-menu__category li:last-child a
{
    margin-right: 0;
}

.c-txt-error
{
    color: #f00;
}

.c-float-left
{
    float: left;
}

.c-float-right
{
    float: right;
}

.u-fw-bold
{
    font-weight: bold;
}

.u-txt-right
{
    text-align: right;
}

.u-fs-10
{
    font-size: 10px !important;
}

.u-fs-11
{
    font-size: 11px !important;
}

.u-fs-12
{
    font-size: 12px !important;
}

.u-fs-13
{
    font-size: 13px !important;
}

.u-fs-14
{
    font-size: 14px !important;
}

.u-fs-15
{
    font-size: 15px !important;
}

.u-fs-16
{
    font-size: 16px !important;
}

.u-mb-0
{
    margin-bottom: 0 !important;
}

.u-mb-5
{
    margin-bottom: 5px !important;
}

.u-mb-10
{
    margin-bottom: 10px !important;
}

.u-mb-15
{
    margin-bottom: 15px !important;
}

.u-mb-20
{
    margin-bottom: 20px !important;
}

.u-mb-25
{
    margin-bottom: 25px !important;
}

.u-mb-30
{
    margin-bottom: 30px !important;
}

.u-mb-35
{
    margin-bottom: 35px !important;
}

.u-mb-40
{
    margin-bottom: 40px !important;
}

.u-mb-70
{
    margin-bottom: 70px !important;
}

.u-mt-0
{
    margin-top: 0 !important;
}

.u-mt-5
{
    margin-top: 5px !important;
}

.u-mt-10
{
    margin-top: 10px !important;
}

.u-mt-15
{
    margin-top: 15px !important;
}

.u-mt-20
{
    margin-top: 20px !important;
}

.u-mt-25
{
    margin-top: 25px !important;
}

.u-mt-30
{
    margin-top: 30px !important;
}

.u-mt-35
{
    margin-top: 35px !important;
}

.u-mt-40
{
    margin-top: 40px !important;
}

.u-pt-0
{
    padding-top: 0 !important;
}

.u-pt-5
{
    padding-top: 5px !important;
}

.u-pt-10
{
    padding-top: 10px !important;
}

.u-pt-15
{
    padding-top: 15px !important;
}

.u-pt-20
{
    padding-top: 20px !important;
}

.u-pt-25
{
    padding-top: 25px !important;
}

.u-pt-30
{
    padding-top: 30px !important;
}

.u-pt-35
{
    padding-top: 35px !important;
}

.u-pt-40
{
    padding-top: 40px !important;
}

.u-pb-0
{
    padding-bottom: 0 !important;
}

.u-pb-5
{
    padding-bottom: 5px !important;
}

.u-pb-10
{
    padding-bottom: 10px !important;
}

.u-pb-15
{
    padding-bottom: 15px !important;
}

.u-pb-20
{
    padding-bottom: 20px !important;
}

.u-pb-25
{
    padding-bottom: 25px !important;
}

.u-pb-30
{
    padding-bottom: 30px !important;
}

.u-pb-35
{
    padding-bottom: 35px !important;
}

.u-pb-40
{
    padding-bottom: 40px !important;
}

/*  Page
/*========================================*/
/* TopPage
---------------------------------------*/
.p-top-section01
{
    margin-bottom: 70px; 

    *zoom: 1;
}
.p-top-section01:before,
.p-top-section01:after
{
    display: table;

    content: ' ';
}
.p-top-section01:after
{
    clear: both;
}
.p-top-section01_left
{
    font-size: 1.5rem; 
    line-height: 2;

    display: inline-block;
    float: left;

    width: 280px;
    padding: 17px 20px;

    color: #91bf38;
    border: 1px solid #e5e5e5;
}
.p-top-section01_left > li > a
{
    font-weight: bold;

    padding-left: 25px;
}
.p-top-section01_left > li ul
{
    padding-left: 20px;
}
.p-top-section01_left > li ul li:before
{
    content: '└';
}
.p-top-section01_left .icon_new:after
{
    font-size: 1.1rem;
    font-weight: normal;
    line-height: 1;

    margin-left: 5px; 
    padding: 2px 3px;

    content: '人気';

    color: #d91427;
    background: #fc0;
}
.p-top-section01_icon01
{
    background: url(/img/v2/recipe/pc/icn-section01.png) no-repeat;
}
.p-top-section01_icon02
{
    background: url(/img/v2/recipe/pc/icn-section02.png) no-repeat;
}
.p-top-section01_icon03
{
    background: url(/img/v2/recipe/pc/icn-section03.png) no-repeat;
}
.p-top-section01_icon04
{
    background: url(/img/v2/recipe/pc/icn-section04.png) no-repeat;
}
.p-top-section01_right
{
    float: right;

    width: 540px;
}
.p-top-section01_daytitle
{
    margin-bottom: 18px; 

    background: url(/img/v2/recipe/pc/bg-line.png) repeat-x 0 8px;
}
.p-top-section01_daytitle > *
{
    font-size: 2.6rem;
    font-weight: bold;
    line-height: 1; 

    display: inline-block;

    padding-right: 15px;

    color: #138458;
    background: #fff;
}
.p-top-section01_daytitle > * span
{
    font-size: 2.0rem;
}
.p-top-section01_recipe
{
    margin-bottom: 20px;
}
.p-top-section01_recipe a
{
    display: block;

    -webkit-transition: .2s ease-out;
            transition: .2s ease-out;
}
.p-top-section01_recipe a:hover
{
    text-decoration: none; 

    opacity: .5;

    filter: alpha(opacity=50);
}
.p-top-section01_recipe_img
{
    float: left;
}
.p-top-section01_recipe_detail
{
    float: right;

    width: 260px;
}
.p-top-section01_recipe_title
{
    font-size: 2.0rem;
    font-weight: bold;

    margin-bottom: 20px;
}
.p-top-section01_recipe_lead
{
    font-size: 1.4rem;

    margin-bottom: 35px;
}
.p-top-section01_recipe_data
{
    font-size: 1.2rem;
    line-height: 1;

    margin: 0;
    padding: 10px;

    color: #138458;
    border-bottom: 1px solid #e5e5e5;

    *zoom: 1;
}
.p-top-section01_recipe_data:before,
.p-top-section01_recipe_data:after
{
    display: table;

    content: ' ';
}
.p-top-section01_recipe_data:after
{
    clear: both;
}
.p-top-section01_recipe_data dt
{
    line-height: 16px; 

    float: left;

    margin: 0;
    padding: 0;
}
.p-top-section01_recipe_data dt img
{
    padding: 0 10px 0 0;

    vertical-align: -3px;
}
.p-top-section01_recipe_data dd
{
    margin: 2px 0 0 0; 
    padding: 0;

    text-align: right;
}
.p-top-section01_recipe_data dd em
{
    font-weight: bold; 
    font-style: normal;
}
.p-top-section01_btn .btn01
{
    font-size: 1.6rem;
    line-height: 1;

    display: block;

    width: 260px;
    margin: 0 auto;
    padding: 15px 0;

    -webkit-transition: .2s ease-out;
            transition: .2s ease-out; 
    text-align: center;

    color: #fff;
    border-radius: 3px;
    background: #91bf38;
}
.p-top-section01_btn .btn01:hover
{
    text-decoration: none; 

    opacity: .5;

    filter: alpha(opacity=50);
}
.p-top-section01_btn .btn01 span
{
    line-height: 1; 

    display: inline-block;

    height: 100%;
    padding: 0 16px 0 0;

    background: url('/img/v2/common/pc/btn_ico_01.png') no-repeat right 0;
}

.p-top-section02
{
    margin-bottom: 85px;
}
.p-top-section02_title
{
    margin-bottom: 18px; 

    background: url(/img/v2/recipe/pc/bg-line.png) repeat-x 0 8px;
}
.p-top-section02_title > *
{
    font-size: 2.6rem;
    font-weight: bold;
    line-height: 1; 

    display: inline-block;

    padding-right: 15px;

    color: #138458;
    background: #fff;
}

.p-top-section03
{
    margin-bottom: 70px;
}
.p-top-section03 .rank-wrap .rank-list_article
{
    -webkit-transition: .2s ease-out;
            transition: .2s ease-out;
}
.p-top-section03 .rank-wrap .rank-list_article:hover
{
    text-decoration: none; 

    opacity: .5;

    filter: alpha(opacity=50);
}
.p-top-section03 .rank-wrap .rank-list_article a:hover
{
    text-decoration: none;
}
.p-top-section03 .rank-wrap .rank-list_article .rank_title
{
    font-size: 2.0rem;
    font-weight: bold;

    margin-bottom: 15px;
}
.p-top-section03 .rank-wrap .rank-list_article .rank_lead
{
    font-size: 1.4rem;

    margin-bottom: 10px;
}
.p-top-section03 .rank-wrap .rank-list_article .rank_tag li
{
    font-size: 1.4rem;
    line-height: 1.3;

    margin-right: 10px;
    margin-bottom: 5px;

    color: #138458;
}
.p-top-section03 .rank-wrap .rank-list_article .rank_tag li img
{
    margin-right: 5px;
}
.p-top-section03 .rank-wrap .rank-list_article.rank1st
{
    float: left;

    width: 300px;
    padding-top: 60px; 

    background: url('/img/v2/recipe/pc/icn-rank01.png') no-repeat center top;
}
.p-top-section03 .rank-wrap .rank-list_article.rank1st .rank_img
{
    margin-bottom: 20px;
}
.p-top-section03 .rank-wrap .rank-list
{
    float: right; 

    width: 520px;
}
.p-top-section03 .rank-wrap .rank-list .rank-list_article
{
    margin-bottom: 20px; 
    padding-left: 60px;

    *zoom: 1;
}
.p-top-section03 .rank-wrap .rank-list .rank-list_article:before,
.p-top-section03 .rank-wrap .rank-list .rank-list_article:after
{
    display: table;

    content: ' ';
}
.p-top-section03 .rank-wrap .rank-list .rank-list_article:after
{
    clear: both;
}
.p-top-section03 .rank-wrap .rank-list .rank-list_article.rank2nd
{
    background: url('/img/v2/recipe/pc/icn-rank02.png') no-repeat center left;
}
.p-top-section03 .rank-wrap .rank-list .rank-list_article.rank3rd
{
    background: url('/img/v2/recipe/pc/icn-rank03.png') no-repeat center left;
}
.p-top-section03 .rank-wrap .rank-list .rank-list_article.rank4th
{
    position: relative;
}
.p-top-section03 .rank-wrap .rank-list .rank-list_article.rank4th:before
{
    font-size: 1.7rem;
    line-height: 30px;

    position: absolute;
    top: 50%;
    left: 8px;

    display: block;

    width: 30px;
    height: 30px;
    margin-top: -15px;

    content: '4';
    text-align: center;

    color: #138458;
    border: 1px solid #138458; 
    border-radius: 16px;
}
.p-top-section03 .rank-wrap .rank-list .rank-list_article.rank5th
{
    position: relative;
}
.p-top-section03 .rank-wrap .rank-list .rank-list_article.rank5th:before
{
    font-size: 1.7rem;
    line-height: 30px;

    position: absolute;
    top: 50%;
    left: 8px;

    display: block;

    width: 30px;
    height: 30px;
    margin-top: -15px;

    content: '5';
    text-align: center;

    color: #138458;
    border: 1px solid #138458; 
    border-radius: 16px;
}
.p-top-section03 .rank-wrap .rank-list .rank-list_article .rank_img
{
    float: left;

    width: 130px;
}
.p-top-section03 .rank-wrap .rank-list .rank-list_article .rank_detail
{
    float: right;

    width: 310px;
}
.p-top-section03 .rank-wrap .rank-list .rank-list_article .rank_tag li
{
    display: inline-block;
}

.p-top-section04
{
    margin-bottom: 80px;
}

.p-top-section05
{
    margin-bottom: 70px;
}

.p-top-section06,
.p-top-section07
{
    margin-bottom: 70px;
}
.p-top-section06_txt,
.p-top-section07_txt
{
    font-size: 1.6rem; 

    margin-bottom: 15px;
}

.p-top-section08
{
    margin-bottom: 70px;
}
.p-top-section08_list
{
    margin-bottom: 20px; 

    *zoom: 1;
}
.p-top-section08_list:before,
.p-top-section08_list:after
{
    display: table;

    content: ' ';
}
.p-top-section08_list:after
{
    clear: both;
}
.p-top-section08_listitem
{
    position: relative;

    display: block;
    float: left;

    width: 268px;
    margin-right: 28px;

    -webkit-transition: .2s ease-out;
            transition: .2s ease-out;
}
.p-top-section08_listitem:hover
{
    opacity: .5;

    filter: alpha(opacity=50);
}
.p-top-section08_listitem a:hover
{
    text-decoration: none;
}
.p-top-section08_listitem.premium:after
{
    position: absolute;
    top: 0;
    left: 0; 

    display: block;

    width: 110px;
    height: 110px;

    content: '';

    background: url(/img/v2/recipe/pc/icn-tri_premium.png);
}
.p-top-section08_listitem:last-child
{
    margin-right: 0;
}
.p-top-section08_listitem p
{
    margin-top: 10px;
}
.p-top-section08_txt
{
    font-size: 1.6rem; 

    margin-bottom: 15px;
}

.p-top-section09
{
    margin-bottom: 60px;
}
.p-top-section09 .issue_outline
{
    float: left; 

    width: 630px;
}
.p-top-section09 .issue_outline a
{
    display: block;

    -webkit-transition: .2s ease-out;
            transition: .2s ease-out;
}
.p-top-section09 .issue_outline a:hover
{
    text-decoration: none; 

    opacity: .5;

    filter: alpha(opacity=50);
}
.p-top-section09 .issue_outline_img
{
    float: left;

    width: 268px;
    margin-right: 15px;
}
.p-top-section09 .issue_outline_title
{
    font-size: 2.0rem;
    font-weight: bold;

    margin-bottom: 10px;
}
.p-top-section09 .issue_outline_lead
{
    font-size: 1.6rem;
    font-weight: bold;

    margin-bottom: 10px;
}
.p-top-section09 .issue_outline_txt
{
    font-size: 1.4rem;
}
.p-top-section09 .issue_data
{
    float: right;

    width: 210px;
    height: 268px;
}
.p-top-section09 .issue_data a
{
    display: block;

    -webkit-transition: .2s ease-out;
            transition: .2s ease-out; 

    border: 1px solid #138458;
}
.p-top-section09 .issue_data a:hover
{
    text-decoration: none; 

    opacity: .5;

    filter: alpha(opacity=50);
}
.p-top-section09 .issue_data_title
{
    line-height: 28px;

    height: 28px; 

    text-align: center;

    color: #fff;
    background: #138458;
}
.p-top-section09 .issue_data_img
{
    display: block;

    width: 140px;
    margin-right: auto;
    margin-bottom: 10px; 
    margin-left: auto;
    padding-top: 20px;
}
.p-top-section09 .issue_data_date
{
    padding: 0 20px 20px; 

    text-align: center;
}

.p-top-section10_title
{
    margin: 0;
    margin-bottom: 8px;
}
.p-top-section10_title dt
{
    display: inline-block;

    margin-right: 5px; 
    padding: 3px 10px;

    color: #fff;
    background: #91bf38;
}
.p-top-section10_title dd
{
    font-size: 1.6rem; 

    display: inline-block;

    margin: 0;
}

.p-top-section10_search
{
    float: left;

    margin-top: 3px;
    margin-right: 10px;
}
.p-top-section10_search li
{
    float: left;
}

.p-top-section10 .header_search_input
{
    line-height: 32px;

    width: 258px;
    height: 32px;
    padding: 7px 10px;

    vertical-align: middle;

    color: inherit;
    border: 1px solid #91bf38;
    outline: none;
}

.p-top-section10 .header_search_submit
{
    width: 90px;
    height: 32px;

    vertical-align: middle;

    color: #fff;
    border: none;
    outline: none;
    background: #91bf38;
}

.p-top-section10_tagline
{
    float: left;

    margin-top: 10px;
}
.p-top-section10_tagline a
{
    display: inline-block;

    margin-right: 8px;
}

.p-top-section10_btn
{
    float: right;
}

/* pc-common modifier*/
.section__tab__recipe
{
    color: #138458; 
    border: 1px solid #138458;
}
.section__tab__recipe:hover
{
    box-shadow: inset 0 0 0 2px #138458;
}
.section__tab__recipe.active
{
    background: #138458;
}

.heading02__recipe,
.heading--02__recipe
{
    color: #138458;
}

.heading02__recipe
{
    border-bottom: 2px solid #138458;
}
.heading02__recipe span
{
    font-size: 1.4rem;

    display: inline-block;

    margin-left: 10px;
    padding: 9px 10px 6px;

    vertical-align: 3px; 

    color: #d91427;
    border-radius: 13px;
    background: #ffcf00;
}
.heading02__recipe .heading02-title
{
    font-size: 2.2rem; 

    float: left;
}
.heading02__recipe .heading02-link
{
    float: right;

    margin-top: 3px;
}
.heading02__recipe .heading02-link a
{
    font-size: 1.4rem;
    font-weight: bold;

    display: inline-block;

    padding: 0 15px 0 0;

    text-decoration: none;

    color: #91bf38;
    background: url('/img/v2/recipe/pc/icn-arrow01.png') no-repeat right 0;
}

.post-list__border
{
    padding-bottom: 20px;

    border-bottom: 1px solid #e5e5e5;
}

.post-list__imagebox
{
    margin-left: 0;
}
.post-list__imagebox.new
{
    position: relative;
}
.post-list__imagebox.new:after
{
    position: absolute;
    top: 0;
    left: 0; 

    display: block;

    width: 66px;
    height: 66px;

    content: '';

    background: url(/img/v2/recipe/pc/icn-tri_new.png);
}
.post-list__imagebox.popular
{
    position: relative;
}
.post-list__imagebox.popular:after
{
    position: absolute;
    top: 0;
    left: 0; 

    display: block;

    width: 66px;
    height: 66px;

    content: '';

    background: url(/img/v2/recipe/pc/icn-tri_pop.png);
}

.post-list__update
{
    display: block; 

    margin-top: 15px;

    text-align: right;
}

.p-dish-social
{
    margin-bottom: 40px;
}
.p-dish-social .tag
{
    font-size: 1.4rem; 

    float: left;

    width: 390px;
    margin: 5px 10px 0 0;

    color: #138458;
}
.p-dish-social .tag img
{
    margin-right: 5px;
}
/** 2017.07.25 tag a add start */
.p-dish-social .tag a:hover
{
    text-decoration: none;
}
.p-dish-social .tag a
{
    text-decoration: underline;
}
/**  2017.07.25 tag a add  end */
.p-dish-social .sns
{
    float: left;

    width: 169px;
}
.p-dish-social .sns > li
{
    float: left;

    margin-right: 15px;
}
.p-dish-social .sns > li:last-child
{
    margin-right: 0;
}
.p-dish-social .func
{
    float: right;

    width: 282px;
}
.p-dish-social .func > li
{
    float: left;

    margin-right: 10px;
}
.p-dish-social .func > li a
{
    line-height: 1;

    display: block;

    padding: 7px 15px;

    color: #91bf38;
    border: 1px solid #91bf38;
    border-radius: 3px;
}
.p-dish-social .func > li a:hover
{
    text-decoration: none;
}
.p-dish-social .func > li a img
{
    margin-right: 5px; 

    vertical-align: -3px;
}
.p-dish-social .func > li:last-child
{
    margin-right: 0;
}

.p-dish-outline
{
    margin-bottom: 20px;
}
.p-dish-outline .outline
{
    float: right; 

    width: 380px;
}
.p-dish-outline .outline-img
{
    float: left;

    width: 450px;
}
.p-dish-outline .outline-lead
{
    font-size: 1.6rem;

    margin-bottom: 30px;
}
.p-dish-outline .outline-data
{
    margin: 10px 0; 
    padding-bottom: 8px;

    color: #138458;
    border-bottom: 1px solid #e5e5e5;
}
.p-dish-outline .outline-data dt
{
    float: left;

    width: 120px;
    padding-left: 10px;
}
.p-dish-outline .outline-data dt img
{
    margin-right: 5px; 

    vertical-align: -3px;
}
.p-dish-outline .outline-data dd
{
    float: left;

    width: 260px;
    margin: 0;
    padding-right: 10px;

    text-align: right;
}
.p-dish-outline .outline-data dd em
{
    font-weight: bold; 
    font-style: normal;
}
.p-dish-outline .outline-category
{
    font-size: 1.4rem; 

    margin-top: 30px;
    padding: 20px;

    border: 1px solid #e5e5e5;
    background: #fafafa;
}
.p-dish-outline .outline-category dl
{
    line-height: 1.8; 

    display: table;

    margin: 0;
}
.p-dish-outline .outline-category dl dt
{
    display: table-cell;

    white-space: nowrap;
}
.p-dish-outline .outline-category dl dd
{
    display: table-cell;
}
.p-dish-outline .outline-category dl dd a
{
    text-decoration: underline; 

    color: #91bf38;
}
.p-dish-outline .outline-category dl dd a:hover
{
    text-decoration: none;
}

.p-dish-comment
{
    margin-bottom: 60px; 
    padding: 30px;

    border: 1px solid #138458;
}
.p-dish-comment .comment-detail
{
    float: left;

    width: 700px;
}
.p-dish-comment .comment-title
{
    font-size: 1.6rem;
    font-weight: bold;

    margin-bottom: 5px;
}
.p-dish-comment .comment-title a
{
    font-weight: normal;

    text-decoration: underline;

    color: #91bf38;
}
.p-dish-comment .comment-title a:hover
{
    text-decoration: none;
}
.p-dish-comment .comment-text
{
    font-size: 1.6rem;
    line-height: 1.8;
}
.p-dish-comment .comment-img
{
    float: right;

    width: 80px;
}

.p-dish-recipe
{
    margin-bottom: 60px;
}
.p-dish-recipe .recipe-material-list
{
    float: left;
}
.p-dish-recipe .recipe-material-list:last-child
{
    float: right;
}
.p-dish-recipe .recipe-material-item
{
    font-size: 1.6rem;

    width: 420px; 
    padding: 12px 0;

    border-bottom: 1px solid #eaeaea;
}
.p-dish-recipe .recipe-material-item_parent
{
    font-size: 1.6rem;

    width: 840px; 
    padding: 12px 0;
    text-align:right;

    border-bottom: 1px solid #eaeaea;
}
.p-dish-recipe .recipe-material-item_parent a
{
    text-decoration: underline; 

    color: #91bf38;
}
.p-dish-recipe .recipe-material-item a
{
    text-decoration: underline; 

    color: #91bf38;
}
.p-dish-recipe .recipe-material-item span
{
    text-decoration: underline; 

    color: #91bf38;
}
.p-dish-recipe .recipe-material-item a:hover
{
    text-decoration: none;
    cursor: pointer;
}
.p-dish-recipe .recipe-material-item span:hover
{
    text-decoration: none;
    cursor: pointer;
}
.p-dish-recipe .recipe-process-item
{
    position: relative;

    margin-bottom: 30px; 
    padding-left: 35px;
}
.p-dish-recipe .recipe-process-item:last-child
{
    margin-bottom: 0;
}
.p-dish-recipe .recipe-process-no
{
    font-size: 2.0rem;
    font-weight: bold;

    position: absolute;
    top: 0; 
    left: 0;

    display: inline-block;
}
.p-dish-recipe .recipe-process-txt
{
    font-size: 1.6rem;
    line-height: 1.8;
}
.p-dish-recipe .recipe-process-txt a
{
    text-decoration: underline;

    color: #91bf38;
}
.p-dish-recipe .recipe-process-txt a:hover
{
    text-decoration: none;
}
.p-dish-recipe .recipe-process-txt .dictionary_link
{
    text-decoration: underline;

    color: #91bf38;
}
.make_sub_text {
    font-size: 80%;
    color: #858585;
    display: block;
}
.p-dish-recipe .recipe-process-txt .dictionary_link:hover 
{
    text-decoration: none;
    cursor: pointer;
}
.p-dish-recipe .recipe-process-extra
{
    float: right;

    width: 250px;
    margin-left: 40px;
}
.p-dish-recipe .recipe-process-extra img
{
    width: 100%;
}
.p-dish-recipe .recipe-process-extra p
{
    font-size: 1.4rem;

    padding: 15px;

    background: #f6f6f6;
}

.p-dish-memo
{
    margin-bottom: 70px;
}
.p-dish-memo .memo-inner
{
    padding: 25px 30px 35px; 
    border-top: 2px solid #138458;
    border-bottom: 2px solid #138458;
    background: #f1f8f5;
    margin-bottom:20px;
}
.p-dish-memo .memo-detail
{
    float: left; 
    width: 570px;
}
/** 2018.02.01add **/
.p-dish-memo .memo-detail2
{
    float: left; 
}
.p-dish-memo .memo-title
{
    font-size: 2.2rem;
    font-weight: bold;

    margin-bottom: 10px;

    color: #138458;
}
.p-dish-memo .memo-lead
{
    font-size: 1.8rem;
    font-weight: bold; 

    margin-bottom: 10px;
}
.p-dish-memo .memo-txt
{
    font-size: 1.6rem;
    margin-bottom: 20px;
}
.p-dish-memo .memo-img
{
    float: right;
    width: 200px;
    margin-bottom: 10px;
/*    margin-top: 30px;*/
}
.p-dish-memo .memo-notes
{
    font-size: 1.4rem; 

    margin-top: 15px;
}

.p-dish-relate
{
    margin-bottom: 70px;
}
.p-dish-relate .relate-item
{
    float: left;

    width: 420px;

    -webkit-transition: .2s ease-out;
            transition: .2s ease-out;
}
.p-dish-relate .relate-item:hover
{
    text-decoration: none; 

    opacity: .5;

    filter: alpha(opacity=50);
}
.p-dish-relate .relate-item:nth-child(2n)
{
    float: right;
}
.p-dish-relate .relate-img
{
    float: left; 

    width: 140px;
}
.p-dish-relate .relate-detail
{
    float: right; 

    width: 260px;
}
.p-dish-relate .relate-label
{
    font-size: 1.4rem;
    line-height: 1;

    display: inline-block;

    margin-bottom: 10px; 
    padding: 7px 7px 5px;

    color: #fff;
    background: #f39c05;
}
.p-dish-relate .relate-title
{
    font-size: 1.8rem;
    font-weight: bold;

    margin-bottom: 10px;
}
.p-dish-relate .relate-txt
{
    font-size: 1.4rem;
}

.p-dish-popular
{
    margin-bottom: 70px;
}

.p-dish-material
{
    margin-bottom: 70px;
}

.p-dish-sumarry
{
    margin-bottom: 70px;
}

.p-dish-check
{
    margin-bottom: 70px;
}

/*search_index*/
.p-search-index-section
{
    margin-bottom: 70px;
}

.p-search-index-box ul
{
    float: left;
}

.p-search-index-box p
{
    float: right;
}

/*search_result*/
.p-search-block
{
    margin-bottom: 20px; 
    padding: 20px;

    border: 1px solid #e5e5e5;
}

.p-search-title
{
    font-size: 1.8rem;
    font-weight: bold;

    margin-bottom: 15px; 
    padding-left: 30px;

    color: #138458;
    background: url(/img/v2/recipe/pc/icn-001.png) no-repeat;
}

.p-search-item
{
    margin-bottom: 20px;
}
.p-search-item .item-name
{
    font-size: 1.6rem;
    font-weight: bold;

    margin-bottom: 5px;
}
.p-search-item .item-checkbox li
{
    font-size: 1.6rem;

    display: inline-block;

    margin-right: 10px; 

    color: #91bf38;
}
.p-search-item .item-inputtxt input[type=text]
{
    line-height: 32px;

    width: 100%;
    height: 32px;
    padding: 7px 10px;

    vertical-align: middle;

    color: inherit;
    border: 1px solid #ccc;
    outline: none;
}
.p-search-item .item-list
{
    font-size: 1.6rem;
    line-height: 1.8;
}
.p-search-item .item-list a
{
    text-decoration: underline; 

    color: #91bf38;
}
.p-search-item .item-list a:hover
{
    text-decoration: none;
}
.p-search-item .item-more
{
    font-size: 1.6rem;
    line-height: 1.8;

    margin-top: 10px;

    text-align: right;
}
.p-search-item .item-more a
{
    text-decoration: underline; 

    color: #91bf38;
}
.p-search-item .item-more a:hover
{
    text-decoration: none;
}

.p-search-result .result-lead
{
    font-size: 1.6rem;

    margin-bottom: 15px;
}

.p-search-result .result-nav
{
    margin-bottom: 15px;
}

.p-search-result .result-paging
{
    font-size: 1.6rem; 

    margin-bottom: 20px;

    text-align: center;
}
.p-search-result .result-paging-bottom
{
    font-size: 1.6rem; 

    margin-top: 20px;
    margin-bottom: -30px;

    text-align: center;
}
.p-search-result .result-paging span
{
    font-size: 1.6rem;
}

.result_list-article
{
    margin-bottom: 20px;
    padding-bottom: 20px;

    -webkit-transition: .2s ease-out;
            transition: .2s ease-out; 

    border-bottom: 1px solid #ccc;
}
.result_list-article:hover
{
    text-decoration: none; 

    opacity: .5;

    filter: alpha(opacity=50);
}
.result_list-article:last-child
{
    padding-bottom: 0; 

    border-bottom: 0;
}
.result_list-article > img
{
    float: left; 

    width: 130px;
}
.result_list-article .article_inner
{
    float: right; 

    width: 390px;
}
.article_inner_all
{
    float: right; 
    width: 670px !important;
}
.result_list-article .article_inner .title
{
    font-size: 2.0rem;
    font-weight: bold;

    margin-bottom: 15px;
}
.result_list-article .article_inner .lead
{
    margin-bottom: 10px;
}
.result_list-article .article_inner ul li
{
    display: inline-block;

    margin-right: 10px;

    color: #138458;
}

.c-rank-list .rank-list_article
{
    margin-bottom: 20px;
    padding-bottom: 20px;
    padding-left: 60px;

    -webkit-transition: .2s ease-out;
            transition: .2s ease-out; 

    border-bottom: 1px solid #e5e5e5;
}
.c-rank-list .rank-list_article:hover
{
    text-decoration: none; 

    opacity: .5;

    filter: alpha(opacity=50);
}
.c-rank-list .rank-list_article a:hover
{
    text-decoration: none;
}
.c-rank-list .rank-list_article.rank1
{
    background: url('/img/v2/recipe/pc/icn-rank01.png') no-repeat center left;
    background-size: 47px auto;
}
.c-rank-list .rank-list_article.rank2
{
    background: url('/img/v2/recipe/pc/icn-rank02.png') no-repeat center left;
}
.c-rank-list .rank-list_article.rank3
{
    background: url('/img/v2/recipe/pc/icn-rank03.png') no-repeat center left;
}
.c-rank-list .rank-list_article.lower_rank
{
    position: relative;
}
.c-rank-list .rank-list_article.lower_rank:before
{
    font-size: 1.7rem;
    line-height: 30px;

    position: absolute;
    top: 50%;
    left: 8px;

    display: block;

    width: 30px;
    height: 30px;
    margin-top: -15px;

    text-align: center;

    color: #138458;
    border: 1px solid #138458; 
    border-radius: 16px;
}
.c-rank-list .rank-list_article.rank4:before
{
    content: '4';
}
.c-rank-list .rank-list_article.rank5:before
{
    content: '5';
}
.c-rank-list .rank-list_article.rank6:before
{
    content: '6';
}
.c-rank-list .rank-list_article.rank7:before
{
    content: '7';
}
.c-rank-list .rank-list_article.rank8:before
{
    content: '8';
}
.c-rank-list .rank-list_article.rank9:before
{
    content: '9';
}
.c-rank-list .rank-list_article.rank10:before
{
    content: '10';
}
.c-rank-list .rank-list_article.rank11:before
{
    content: '11';
}
.c-rank-list .rank-list_article.rank12:before
{
    content: '12';
}
.c-rank-list .rank-list_article.rank13:before
{
    content: '13';
}
.c-rank-list .rank-list_article.rank14:before
{
    content: '14';
}
.c-rank-list .rank-list_article.rank15:before
{
    content: '15';
}
.c-rank-list .rank-list_article.rank16:before
{
    content: '16';
}
.c-rank-list .rank-list_article.rank17:before
{
    content: '17';
}
.c-rank-list .rank-list_article.rank18:before
{
    content: '18';
}
.c-rank-list .rank-list_article.rank19:before
{
    content: '19';
}
.c-rank-list .rank-list_article.rank20:before
{
    content: '20';
}
.c-rank-list .rank-list_article.rank21:before
{
    content: '21';
}
.c-rank-list .rank-list_article.rank22:before
{
    content: '22';
}
.c-rank-list .rank-list_article.rank23:before
{
    content: '23';
}
.c-rank-list .rank-list_article.rank24:before
{
    content: '24';
}
.c-rank-list .rank-list_article.rank25:before
{
    content: '25';
}
.c-rank-list .rank-list_article.rank26:before
{
    content: '26';
}
.c-rank-list .rank-list_article.rank27:before
{
    content: '27';
}
.c-rank-list .rank-list_article.rank28:before
{
    content: '28';
}
.c-rank-list .rank-list_article.rank29:before
{
    content: '29';
}
.c-rank-list .rank-list_article.rank30:before
{
    content: '30';
}
.c-rank-list .rank-list_article.rank31:before
{
    content: '31';
}
.c-rank-list .rank-list_article.rank32:before
{
    content: '32';
}
.c-rank-list .rank-list_article.rank33:before
{
    content: '33';
}
.c-rank-list .rank-list_article.rank34:before
{
    content: '34';
}
.c-rank-list .rank-list_article.rank35:before
{
    content: '35';
}
.c-rank-list .rank-list_article.rank36:before
{
    content: '36';
}
.c-rank-list .rank-list_article.rank37:before
{
    content: '37';
}
.c-rank-list .rank-list_article.rank38:before
{
    content: '38';
}
.c-rank-list .rank-list_article.rank39:before
{
    content: '39';
}
.c-rank-list .rank-list_article.rank40:before
{
    content: '40';
}
.c-rank-list .rank-list_article.rank41:before
{
    content: '41';
}
.c-rank-list .rank-list_article.rank42:before
{
    content: '42';
}
.c-rank-list .rank-list_article.rank43:before
{
    content: '43';
}
.c-rank-list .rank-list_article.rank44:before
{
    content: '44';
}
.c-rank-list .rank-list_article.rank45:before
{
    content: '45';
}
.c-rank-list .rank-list_article.rank46:before
{
    content: '46';
}
.c-rank-list .rank-list_article.rank47:before
{
    content: '47';
}
.c-rank-list .rank-list_article.rank48:before
{
    content: '48';
}
.c-rank-list .rank-list_article.rank49:before
{
    content: '49';
}
.c-rank-list .rank-list_article.rank50:before
{
    content: '50';
}
.c-rank-list .rank-list_article .rank_img
{
    float: left;

    width: 130px;
}
.c-rank-list .rank-list_article .rank_detail
{
    float: right;

    width: 660px;
}
.c-rank-list .rank-list_article .rank_tag li
{
    display: inline-block;
}
.c-rank-list .rank-list_article .rank_title
{
    font-size: 2.0rem;
    font-weight: bold;

    margin-bottom: 15px;
}
.c-rank-list .rank-list_article .rank_lead
{
    font-size: 1.4rem;

    margin-bottom: 10px;
}
.c-rank-list .rank-list_article .rank_tag li
{
    font-size: 1.4rem;
    line-height: 1.3;

    margin-right: 10px;
    margin-bottom: 5px;

    color: #138458;
}
.c-rank-list .rank-list_article .rank_tag li img
{
    margin-right: 5px;
}

/* ---------------------------------------------------------
■ポップアップ
--------------------------------------------------------- */
/* regist */
#pop_wrapper {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 15;
	background: url('/img/common/bg_pop.png') repeat; }

.pop_regist {
	position: relative;
	top: 300px;
	width: 450px;
	margin: 0 auto;
	padding: 20px 15px;
	border: 4px solid #91bf38;
	background-color: #ffffff; }

.pr_msg {
	text-align: center;
	color: #91bf38;
	font-size: 113%;
	font-weight: bold;
	line-height: 31px; }

.pr_btn {
	padding: 20px 0 0; }

.btn_pop-left {
	cursor: pointer;
	padding-right: 10px; }

.btn_pop-close {
	position: absolute;
	top: -13px;
	right: -13px;
	cursor: pointer; }


/* info */
.pop_info {
	position: relative;
	top: 300px;
	width: 402px;
	margin: 0 auto;
	padding: 20px 15px;
	border: 4px solid #f68718;
	background-color: #ffffff; }

.pi_msg {
	color: #333333;
	font-size: 88%;
	line-height: 24px;
	padding: 0 0 15px;
	border-bottom: 1px dotted #858585; }

.pi_msg span {
	font-size: 113%;
	font-weight: bold;
	line-height: 31px; }

.pi_img {
	padding: 10px 0 0; }

.pi_caption {
	color: #5c5c5c;
	font-size: 75%;
	line-height: 20px; }

.pi_text {
	padding: 5px 0 0;
	text-align: left;
	color: #5c5c5c;
	font-size: 88%;
	line-height: 22px; }

#pop_mypage,
#pop_buylist,
#pop_make,
#pop_material {
	display: none; }

.search_error_msg_top {
  display:block;
  text-align:left;
  color: #ff0000;
  font:0.8em;
  margin-bottom:10px;
}
/** 2017.0512 add **/
.recipe-condition-list {
  margin-bottom:20px;
}

.recipe-condition-item {
  line-height: 1;
  font-size: 1.2rem;
  margin: 0 0 10px;
}
.recipe-condition-item:last-child {
  margin: 0;
}
/** 2017.08.30 add**/
.recipe-dish_kind-tag {
    font-weight: bold;
}
/** 2017.12.07 add **/
.p-dish-relate .relate-list
{
    margin-bottom: 20px;
}

/* 2018.05.17 add for wrapping***/
.p-top-section11_btn_pc {
    display: none;
}
.p-top-section11 {
    margin-bottom: 70px;
}
.p-top-section11_list {
    margin-bottom: 20px;
    *zoom: 1;
}
.p-top-section11_list:before, .p-top-section11_list:after {
    display: table;
    content: ' ';
}
.p-top-section11_list:after {
    clear: both;
}
.p-top-section11_listitem {
    position: relative;
    display: block;
    float: left;
    width: 215px;
    -webkit-transition: .2s ease-out;
    transition: .2s ease-out;
    padding: 7px;
    background-color: #fafafa;
}
.p-top-section11_listitem:hover {
    opacity: .5;
     filter: alpha(opacity=50);
}
.p-top-section11_listitem a {
    display: block;
}
.p-top-section11_listitem a:hover {
    text-decoration: none;
}
.p-top-section11_listitem:nth-child(4n) {
    margin-right: 0;
}
.p-top-section11_listitem p {
    margin-top: 10px;
}
.p-top-section11_txt {
    font-size: 1.6rem;
    margin-bottom: 15px;
}
.p-top-section11_more {
    margin-top: 40px;
}
.p-top-section11_btn_sp {
    display: none;
}
.wrapping_for_dish_btn {
margin-top:10px;
margin-bottom:10px;
margin-right:18px;
}

/* 2018.07.03 add for matome start */
.btn-matome-list {
	display: block;
	padding: 10px;
	-webkit-transition: .2s ease-out;
	transition: .2s ease-out;
}

.btn-matome-list:hover {
	text-decoration: none;
}

.btn-matome--fill {
	background: #91bf38;
	color: #fff;
	position: relative;
	display: block;
	width: 80%;
	height: 56px;
	margin: 0 auto;
	border-radius: 5px;
	line-height: 56px;
	text-align: center;
	font-weight: bold;
	font-size: 1.6rem;
	-webkit-transition: .2s ease-out;
	transition: .2s ease-out;
}

.btn-matome--fill:hover {
	opacity: .5;
	filter: alpha(opacity=50);
	text-decoration: none;
}

.btn-matome--fill span {
	background: url("/img/v2/common/pc/btn_ico_01.png") no-repeat right;
	width: 97%;
	line-height: 1;
	margin: 12px;
	display: inline-block;
	padding: 0 16px 0 0;
}
/* 2018.07.03 add for matome end */

/* 2019.03.04 add pinterest start */
.btn-pinterst {
	margin-top: -3px;
}
/* 2019.03.04 add pinterest end */
.movie_area {
    display: block;
    margin: 20px 0 0px;
    text-align: center;
}