@charset "UTF-8";
/* ===================================================================
　■ file name  :contents.css
　■ author     :ダイイチFL　web担
　■ コンテンツ・レシピ用 ■ 2015/7/22～　■
=================================================================== */

body {
  -webkit-text-size-adjust: 100%;
}
main #main p,main li {
  max-height: 100%;
}
/* ↑　for chrome */
#undercolumn .inner, #undercolumn p {
  font-size: 1.4rem;
  line-height: 1.6;
}

/* =====================================
     layout base
===================================== */
/* padding */


/* =====================================
     base
===================================== */
/* --- headingStyle --- */

/* --- link --- */

/* --- pagenumberarea --- */
/* for pc */
/* margin & padding */

/* =====================================
     header
===================================== */
/* header_utility */
header .header_utility {
}
/* global nav */
#gnav2 {
    background-color: #615a57;
    position:relative;
    z-index:1;
}
#gnav2 nav {
    margin: 0;
    padding: 0;
    display: table;
    width: 100%;
    height:34px;
}
#gNavi2 nav {
  overflow: hidden;
}
#gnav2 nav a {
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    padding: 0.5em 0;
}
#gNavi2 li>img {
  padding-left: 6px;
}
#gNavi2 li a img {
  float: left;
  padding-left: 8%;
  margin-right: 0.4em;
  vertical-align: middle;
}
#gNavi2 li a .imgR {
  float: right;
  padding-right: 5px;
}
#gnav2 #gNavi2 a {
    background: #615a57;
    display: block;
    text-align: left;
    float: left;
    color: #fff;
    border-right: 1px solid #fff;
    font: bold 13px 'メイリオ', Helvetica, Arial, sans-serif;
    width: 33.1%;
    height: 40px; line-height: 2;
    /*width: 25%;*/
    -webkit-transition: background 0.4s ease;
       -moz-transition: background 0.4s ease;
         -o-transition: background 0.4s ease;
        -ms-transition: background 0.4s ease;
            transition: background 0.4s ease;
}

#gNavi2 a:link {
 color: #fff; text-decoration: none;
}
#gNavi2 a:visited { color: #9F9B84;}
#gnav2 #gNavi2 a:hover {
 background: #C48D4A;
}
#gnav2 #gNavi2 a:active {
 color: #9F9B84;
}
#gNavi2 a.active {
 background: #C48D4A;
}
/* header_nav */

/*============= ▼ search レシピ,記事　▼ ============================= */
.searcharticle_wrap {
  position: relative;
  overflow: hidden;
  background-image: url(/nav_search_bg.png);
  border-radius: 4px;
  padding: 8px 10px;
}
article dl.searcharticle {
  margin-bottom: 0;
}
.searcharticle dt {
  min-width: 120px;
  height: 36px;
  margin: 0;
  float: left;
}
.searcharticle dt img {
  margin-top: 9px;
}
.searcharticle dd {
  margin-left: 124px;
}
.gsc-control-cse div, .gsc-inline-block, .gsc-results-wrapper-visible {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.gsc-selected-option {
  min-width: 6em;
}
input#gsc-i-id1　{
  box-sizing: border-box;
  padding: 6px 6px;
}
/* 検索input */
input.gsc-input　{
  height: 32px !important;
}
form.gsc-search-box {
  max-width: 830px;
  margin-bottom: 0;
}
.recipe_search form.gsc-search-box {
  max-width: 506px;
}
.gsc-search-box-tools .gsc-search-box td.gsc-input {
  padding-right: 0;
}
table.gsc-search-box {
  margin-bottom: 1px;
}
div#gsc-iw-id1 {
  height: 36px;
}
td.gsib_a {
  padding: 7px 10px 0;
}
#gsc-iw-id1 td.gsc-search-button {
  width: 36px;
}
.cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 {
  width: 36px !important;
  height: 36px !important;
  padding: 10px 10px !important;
  margin-top: 0 !important;
  margin-left: 0 !important;
}
.cse .gsc-control-cse, .gsc-control-cse {
  border: none !important;
  padding: 0;
}
/*--- 結果window　----------*/

.gsc-tabHeader {
  min-width: 71px;
}
.gsc-results-wrapper-visible, .gcse_result .gsc-control-cse {
  background-color: white;
}
.main_visual, .recipeCt #main {
  position: relative;
}
.main_visual .gcse_result, .searcharticle .gsc-results-wrapper-visible {
  position: absolute;
  top: 0; left: 0;right: 0; bottom: 0;
  width: 98%;
  height: 99%;
  padding: 6px;
  margin: auto;
}
/*============= ▲ G search　　▲ ============================= */

/*============= ▼ search レシピ　▼ ============================= */
#recipe_search {
  background: #fff url(/recipe/img/recipe-search.png) repeat left top;
  padding: 8px 10px;
  margin-bottom: 6px;
}
.searcharticle dt {
  height: 36px;
  text-indent: -999em;
}
#recipe_search dt {
  min-width: 128px;
  width: 128px;
  background: url(/recipe/img/recipe-search-ttl.png) no-repeat left 50%;
}

#know_search dt {
  width: 120px;
  background: url(/know/img/kn-search-ttl.png) no-repeat left 50%;
}
#know_search dd {
  margin-left: 120px;
}
#recipe_search dd {
  margin-left: 128px;
}



/*============= ▲ search　レシピ　▲ ============================= */

/* global nav */

/* =====================================
     aside
===================================== */
aside#side ul li {
}
/* category */



/* =====================================
     contents
===================================== */
/* ▼ レシピTOP　ヘッダ
------------------------------------- */
/* main_visual */
#recipeHead {
}
#recipeHead .ttlArea {
  text-align: left;
}
#recipeHead h1 {
  color: black;
  margin-bottom: 1.6rem;
}
.mainPola ul {
  margin-bottom: 6px;
}
.mainPola ul, .pickup_recipe .bnr {
  padding-top: 2px;
  padding-left: 1px;
  margin-left: 1px;
}
.mainPola .photo, .pickuplist .photo {
  display: block;
  line-height: 1;
}
.mainPola .photo {
  margin: 0px 4px;
}
.pickup_recipe .pickuplist li, .mainPola li {
  box-shadow: 0 0 2px 1px #bbb;
  border-radius: 3px;
}
.mainPola li {
  background: #fff;
  margin-top: 3px;
}
.mainPola li a {
  display: block;
  padding: 16px 10px 12px 10px;
}
.mainPola .text {
  padding: 10px 16px 12px 16px;
}

.pickup_recipe li .text {
  padding: 6px 10px 12px;
}
.pickup_recipe .mainPola .text {
  font-size: 1.4rem;
  padding: 0 10px 8px;
}
/* LIST recipeTop_category
------------------------------------- */
#recipeTop_category  .bnr {
  margin-right: 0;
}
#recipeTop_category li img {
  display: block;
  /*padding-right: 8px;*/
  margin: 0 auto;
}

/* Recipe LIST */
.recipe_list h2.img, .recipeTop_kw .img, .pickup_recipe h2.img {
  background: #997446 url(/recipe/img/ttl-recipe01.png) repeat left top;
  padding: 8px 12px 8px 14px;
  border-radius: 5px 5px 0 0;
}
.recipe_list h2.img, .pickup_recipe h2.img {
  padding: 16px 12px 16px 14px;
}
.recipe_list .bnr {
  padding-top: 2px;
  padding-left: 1px;
  margin: 0 1px 16px 0;
}
.recipe_list>.bnr>li {
  border: 3px solid #fff;
  box-shadow: 0px 1px 4px #978f7c;
}
.recipe_list li a, .recipe_list li .photo {
  overflow: hidden;
  display: block;
}
.recipe_list li .photo img {
  width: 100%;
  min-width: 100px;/* for DW */
}
.pickuplist .img_icon {
  margin: 4px 0 0;
}
.pickuplist_ttl {
  font-size: 1.6rem;
  margin-bottom: .2rem;
}

/* レシピDETAIL
------------------------------------- */
h2.cookery {
  font-size: 1.8rem;
  color: #fff;
  text-shadow: 1px 3px 2px rgba(0,0,0,0.3);
  padding: 8px 4px 8px 10px;
  background: #997446 url(/recipe/img/ttl-recipe01.png) repeat left top;
  border-radius: 5px 5px 0 0;
}
.sns_print {
  margin: 8px 10px;
}
main .sns_print li.pc {
  float: right;
}
.sns_print li {
  min-height: 3.2rem;
  max-width: 16.5rem;
}
.sns_print ul .pc {
  margin-right: 0;
}
.sns_print #u_0_6 {
  z-index: 100;
  overflow: visible;
}

/* detailphoto */
#recipe_mainPhoto {
  background-attachment: scroll;
  background-image: url("http://www.f-l-daiichi.com/img/share/bg-noimg-recipePhotoMain.png");
  background-position: left center;
  background-repeat: no-repeat;
}
article dl.recipe_kw {
  margin-bottom: 8px;
}


/* =====================================
     読み物
===================================== */
.noteTop_category .bnr li {
  width: 25%;
  margin-right: 0;
}
.noteTop_category .bnr li + li {
  border-left: 2px dotted #ddd;
}
.noteTop_category .bnr li a {
  display: block;
  color: #444;
  font-weight: bold;
}
.noteTop_category .coffee {
  background: url("/know/img/ttl-icon-coffee.png") no-repeat .4rem 45%;
  border-bottom: 4px solid #70564f;
}
.noteTop_category .farmfresh {
  background: url("/know/img/ttl-icon-farmfresh.png") no-repeat .8rem 45%;
  border-bottom: 4px solid #E9A85D;
}
.noteTop_category .maker {
  background: url("/know/img/ttl-icon-maker.png") no-repeat .8rem 45%;
  border-bottom: 4px solid #ddd;
  padding-left: 46px;
}
.noteTop_category .sylp {
  background: url("/know/img/ttl-icon-sylp.png") no-repeat .9rem 45%;
  border-bottom: 4px solid #c7ac8b;
}
.noteTop_category .bnr li a:hover {
  background-color: #e7e2da;
  border-bottom-color: #4d4948;
  text-decoration: none;
}
/* ---- 記事カテゴリ　サブ -------*/
#categorytree.sideknow li {
}
#categorytree.sideknow li a {
  padding: .8rem .8rem .8rem 44px;
}
#categorytree.sideknow li a:hover {
  border-left: 3px solid #333;
}
#categorytree .coffee {
  background: url("/know/img/icon-coffee.png") no-repeat .4rem 45%;
  border-left: 3px solid #70564f;
}
#categorytree .farmfresh {
  background: url("/know/img/icon-farmfresh.png") no-repeat .4rem 45%;
  border-left: 3px solid #E9A85D;
}
#categorytree .maker {
  background: url("/know/img/icon-maker.png") no-repeat .4rem 45%;
  border-left: 3px solid #ddd;
}
#categorytree .sylp {
  background: url("/know/img/icon-sylp.png") no-repeat .4rem 45%;
  border-left: 3px solid #c7ac8b;
}
/* ---- 記事一覧 タイトル -------*/
.contTop_ttl {
  position: relative;
  color: #70564f;
  background-color: #fff;

  font-size: 2.6rem;
  padding-left: 40px;
  padding-bottom: 14px;
  border-bottom: 2px solid;
  margin-top: 12px;
  margin-bottom: 2.4rem;
}
.contTop_ttl a:link {
  color: #70564f;
}
#contents .contTop_ttl.coffee {
  border-bottom-color: #70564f;
  background: url(/know/img/ttl-icon-coffee.png) no-repeat left 45%;
  background-size: auto 28px;
  padding-left: 48px;
}
#contents .contTop_ttl.farmfresh {
  border-bottom-color: #E9A85D;
  background: url(/know/img/ttl-icon-farmfresh.png) no-repeat left 45%;
  background-size: auto 30px;
}
#contents .contTop_ttl.maker {
  border-bottom-color: #ddd;
  background: url(/know/img/ttl-icon-maker.png) no-repeat left 45%;
  background-size: auto 34px;
}
#contents .contTop_ttl.sylp {
  border-bottom-color: #c7ac8b;
  background: url(/know/img/ttl-icon-sylp.png) no-repeat left 45%;
  background-size: auto 30px;
}
/* --------------------------------------
　 読み物トップ
 ------------------------------------- */
.header_notePola li {
  float: left;
}
/* hero header ----------------------*/
.hero {
  position: relative;
  width: 100%;
  background-position: center center;
  background-size: cover;
  min-height: 14rem;
}
.hero .inner {
  padding: 2.4rem 1rem;
  max-width: 980px;
  margin: 0 auto;
}

/* --------------------------------------
　　お店紹介トップ
 ------------------------------------- */


/* ▼　タグクラウド ▼ */
ul.tag {
  margin-top: 6px;
  margin-bottom: 8px;
}
.tag li {
  display: inline-block;
  font-size: 12px;
  height: 28px;
  margin: 0 0 0.3em 1em;
  padding: 0;
}
.tag li a {
  position: relative;
  display: inline-block;
  height: 28px;
  line-height: 28px;
  padding: 0 1em;
  background-color: #c48d4a;
  border-radius: 0 3px 3px 0;
  color: #fff;
  text-decoration: none;
  -webkit-transition: .2s;
  transition: .2s;
}
.tag li a::before {
  position: absolute;
  top: 0;
  left: -15px;
  content: '';
  width: 0;
  height: 0;
  border-color: transparent #c48d4a transparent transparent;
  border-style: solid;
  border-width: 15px 15px 13px 0;
  -webkit-transition: .2s;
  transition: .2s;
}
.tag li a::after {
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 2;
  display: block;
  content: '';
  width: 6px;
  height: 6px;
  margin-top: -3px;
  background-color: #fff;
  border-radius: 100%;
}
.recipe_kw .tag span {
  display: block;
  max-width: 180px;
  padding-right: 6px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.tag li a:hover {
  background-color: #362e2b;
  color: #fff;
}
.tag li a:hover::before {
  border-right-color: #362e2b;
}
/* ▲　タグクラウド */
.materials {
	overflow: hidden;
  margin-bottom: 10px;
}
.recipeTable .materials {
}

.pushitem {
  background: #F5F4F1;
  padding: 16px 16px 4px;
  margin: 16px 0 30px;
  border-radius: 4px;
}
.pushitem ul {
  margin-right: -10px;
}
/*-- 用意するもの　----------- */
.pushitem .material-items_s {
  float: left;
  margin-right: 10px;
}
.material-items_s {
  background-color: #fff;
  text-align: center;
  padding: 0.6rem 0.6rem 0.4rem;
  border-radius: 4px;
  border: 1px solid #ddd9d0;
  margin-bottom: 4px;
}
.material-items_s a {
  display: block;
}
.material-items_img {
  margin: auto;
}

.recipeTable table {
  overflow: hidden;
  width: 100%;
}

#recipe_summary .recipe_item .sec_recipe table.materials th,  .materials td {
  background-color: #fff;
}
.recipeTable .amount {
  min-width: 4.8em;
}
.recipe_item .amount {
  min-width: 54px;
}

/* flow */
main .flow li .photo {
  padding-bottom: 4px;
}
.flow_recipe .photo {
  padding-right: 2px;
}
.flow_recipe .photo img {
  border: 2px solid #fff;
  box-shadow: 0px 1px 3px #978f7c;
}

/* アレンジレシピ　*/
.arrangeRecipe {
  background-attachment: scroll;
  background-image: url(/recipe/detail/img/recipe-bg-plusidea.png);
  background-repeat: repeat;
  background-position: left top;
  margin: 0 0 20px;
}
.plusIdea h2.img {
  position: relative;
}
.plusIdea .pittl {
  display: inline-block;
  position: absolute;
  top: 26%;
  color: #70564f;
  font-size: 1.6rem;
  text-shadow: 1px 1px #fff, 2px 3px #ebe8e1;
  padding: 6px;
}
.arrangeRecipe #recipe_summary .recipe_item, .sec_recipe {
  float: none;
  width: 100%;
}
.recipe_img, .arrangeRecipe table {
  overflow: hidden;
}
.arrangeRecipe .recipe_img img {
  display: block;
  width: 100%;
}
.arrangeRecipe #recipe_summary .recipe_item .materials {
  float: right;
  width: 52.6%;
}
.arrangeRecipe .list_s {
  background-color: #fff;
  padding: 3px;
  border-radius: 4px;
}
main .section-recipe_area {
  margin-right: auto;
}

/* pickup_area */
.pickuplist {
  overflow: hidden;
}
.bnr.pickuplist {
  margin-right: 0;
}
.pickuplist li, .header_knowPola .photo {
  position: relative;
}
.list__tag_wrap {
  line-height: 1;
  color: #444;
}
.list__tag {
  position: absolute;
  z-index: 3;
  top: 0;
  font-size: 1.1rem;
  padding: .4rem;
}

.list__tag--popular {
  top: 4px;
  left: 4px;
  color: #fff;
  background-color: rgba(242,183,72,0.9);
  height: 4.2em;
  width: 4.2em;
  line-height: 1.5;
  padding: 2% 2.4%;
  border-radius: 50%;
}
.list__tag--coffee {
  right: 0;
  color: #fff;
  background-color: rgba(90, 60, 40, 0.8);
}

.pickuplist a, .pickuplist .photo, .pickuplist li a img {
  display: block;
}
#main .pickuplist a:hover{
  text-decoration: none;
  font-weight: bold;
  background-color: #faf9f5;
}
.pickup_recipe .pickuplist li {
  background-repeat: no-repeat;
  background-position: left top;
  padding: 10px 0 0;
  padding: 3px;
  margin: 0 2.21% 16px 0;
  min-height: 130px;
}
.single .pickup_recipe .pickuplist li {
  margin: 0 2.13% 16px 0;
}
.pickup_recipe .pickuplist li a {
  background-repeat: no-repeat;
  background-position: left bottom;
  margin: 0 auto;
}
.pickup_know .pickuplist .inner {
  padding: 1.2rem;
}
.pickup_recipe .pickuplist .photo {
  padding: 6px;
}
#main .pickup_recipe .pickuplist .text {
 min-width: 50px;
}
.pickuplist li .photo {
  overflow: hidden;
  line-height: 1;
  width: 100%;
  height: 100%;
  margin-bottom: 5px;
}
#main .recipe_detail .heading01 {
  margin-top: -4px;
  margin-bottom: 12px;
}

/*　print ボタン　*/
main .sns_print .pc.bt_print {
  float: right;
}
.printCtrl {
  display: none;
}


/***************** Media Queries *****************/
  /* =====================================
     header (min-width: 980px)
  ===================================== */
@media only screen and (min-width: 980px) {
  #gNavi2 nav {
    width: 980px;
    margin: 0 auto;
    overflow: hidden;
  }
  .arrangeRecipe #recipe_summary .recipe_img {
    float: left;
    width: 43.5%;
    max-width: 256px;
    margin-left: 0;
  }
  table.materials {
    margin-left: 0;
    margin-right: 0;
  }
  /*-- 用意するもの　----------- */
  .pushitem .material-items_s {
    width: 31.7%;
  }
}
@media only screen and (min-width: 700px) {
/* =====================================
     layout base (min-width: 700px)
    ===================================== */
  .gsc-results-wrapper-visible {
  min-width: 500px !important;
  }

  /* recipe TOP min:700px
  ------------------------------------- */
  /* .main_visual */
  #recipeHead {
  }
  #recipeHead .recipeHeadimg {
  }
  #recipeHead .ttlArea {
    float: left;
    width: 57%;
  }
  #recipeHead .mainPola {
    float: right;
    width: 32%; /* 980px-20gurter: 313px */
  }
  #recipeTop_category li {
  padding: 8px 0;
  }
  .recipe_list .bnr>li {
    max-width: 31.3%;
    width: 31.3%;
    margin-right: 15px;
  }
  .single .pickup_recipe .bnr {
    margin-right: -16px;
  }
  .pickup_recipe li {
    width: 31.14%;
  }
  .single .pickup_recipe .bnr .col3 {
    width: 31.15%;
  }

  /* --------------------------------------
　 読み物トップ min:700px
 ------------------------------------- */
  .header_knowPola li {
    float: left;
    width: 47%;
    margin-right: 2%;
  }
  .header_knowPola li:not(:first-child) {
    margin-right: 0;
    float: right;
  }

  .single .bnr .col4 {
    width: 22.8%;
  }
  .recipe_list li .text {
    padding: 6px 10px 12px;
  }
  .recipe_list li .photo {
    max-height: 154px;
  }
  #recipeTop_category li {
    width: 32.3%;
  }

  /*============= ▼ search レシピ　2階層め ▼ ============================= */
  .recipe_header {
    margin-bottom: 16px;
  }
  .recipe_header .recipe_logo {
    float: left;
    max-width: 270px;
    padding: 4px 24px 4px 10px;
  }
  .recipe_header #recipe_search {
    max-width: 550px;
  }

  /*============= ▼ レシピ 詳細 ▼ ============================= */
  .recipeTable {
    float: right;
    width: 48.3%;
  }
  .flow_recipe li {
    float: left;
    margin-right: 20px;
    width: 29%;
  }
  .flowNum {
    display: inline-block;
    line-height: 1;
    padding: 0;
    margin-top: 0;
  }
  .flow_recipe .photo {
  }
  .flow li .photo img {
    margin: auto;
  }
  .point h2 {
    margin-left: -3em;
  }
  .point .photo {
    float: right;
    width: 134px;
    min-width: 134px;
    border-radius: 100%;
  }
  .material-items_img {
   width: 40%;
  }
  .pushitem .material-items_s {
    width: 31%;
  }


  /* =====================================
     header (min-width: 700px)
  ===================================== */
  /* header_utility */
  header .header_utility {
  }

  /* gnav */
  #gNavi2 li#gn01 a {
    border-left: 1px solid #fff;
  }

  /* search_area */
  .searcharticle_wrap {
  }

  /* =====================================
     aside (min-width: 700px)
  ===================================== */
  /* category */
  #categorytree li a {
  }

/* =====================================
     contents (min-width: 700px)
===================================== */

/* プラスアイデア */
  .arrangeRecipe h2 {
    margin-left: -1.22em;
  }
  .arrangeRecipe #recipe_summary .recipe_img {
    float: left;
    margin-bottom: 8px;
    margin-right: 20px;
  }
  .arrangeRecipe div.imgR {
    width: 49.1%;
  }
  .arrangeRecipe #recipe_summary .imgR .materials {
  float: none;
  width: 100%;
  }
  .arrangeRecipe .recipe_img {
    float: left;
    width: 40%;
  }
  /* pickup_area */
  .pickup_recipe .recipe_detail li {
    width: 22.7%;
  }
  #main .pickup_recipe .pickuplist .text {
    width: 100%;
  }

/* LIST min700px　------------------------------------- */
  .pickup_know .text {
    height: 3.3em;
  }
  .list_shop li {
    height: 31.8rem;
  }
  .pickup_know li .photo {
    margin-bottom: 14px;
  }
  /* -------- お店紹介詳細 --------------- */
  .inner .section .shop_photos li {
    max-width: 23.5%;
    width: 23.5%;
  }
 .inner .section .bnr.ushop_detail li {

  }
/* LIST clear min700px --------- */
  #recipeTop_category li:nth-child(3n), .col3:nth-child(3n), .col4:nth-child(4n),
  .flow_recipe li:nth-child(3n), .recipe_list li:nth-child(3n), .pickuplist .col3:nth-child(3n), .ushop_detail li:last-child {
    margin-right: 0;
  }
  .col3:nth-child(3n+1), .col4:nth-child(4n+1),
  .flow_recipe li:nth-child(3n+1), .recipe_list .bnr>li:nth-child(3n+1) {
    clear: both;
  }


  /* recipe DETAIL
  ------------------------------------- */
  #recipe_mainPhoto {
    float: left;
    width: 48.4%;
  }
  .recipe_summary {
  }
  .recipe_summary .btn {
    display: inline-block;
    float: right;
    max-width: 440px;
  }
  .recipe_summary .btn li {
    text-align: left;
  }
  #recipe_summary .recipe_item .sec_recipe table.materials th,
  #recipe_summary .recipe_item .sec_recipe table.materials td {
    padding: 8px 6px;
  }
  main .flow ol {
    background-image: none;
    overflow: hidden;
    border: 0 none;
  }

  main .flow_recipe li .photo img {
  overflow: hidden;
  width: 100%;
  max-width: 206px;
  max-height: 154px;
  } /* ↑　実画像エリアは、200x150px */
  .arrangeRecipe {
    padding: 16px 16px 6px;
  }

}

@media only screen and (min-width: 1101px) {
  .noteTop_category .bnr li a {
    background-size: auto 26px;
    padding: 1rem 1rem 1rem 50px;
  }

  /* =====================================
     DETAIL (min-width: 1101px)
  ===================================== */
  .recipe_list .bnr>li {
    max-width: 31.7%;
    width: 31.7%;
  }
  #recipe_mainPhoto {
    width: 48.6%;
  }
  #recipe_mainPhoto, #recipe_mainPhoto img {
    max-width: 320px;
  }
  .flow_recipe li {
    width: 31.25%;
  }
  .point .photo {
    width: 150px;
  }

  /* =====================================
     header (min-width: 1101px)
  ===================================== */
  /* header_utility */
  header .header_utility {
    width: 18%;
  }

  /* search_area */


  /* =====================================
     aside (min-width: 1101px)
  ===================================== */


  /* =====================================
     contents (min-width: 1101px)
  ===================================== */
  /* TOP
  ------------------------------------- */
  /* main_visual */
  .main_visual {
}
  /* =====================================
      レシピトップ   (min-width: 1101px)
  ===================================== */

  #recipeTop_category li {
    width: 19.1%;
  }
  #recipeTop_category li:nth-child(3n) {
    margin-right: 10px;
  }
  #recipeTop_category li:nth-child(5n) {
    margin-right: 0;
  }
/* =====================================
      Knowトップ   (min-width: 1101px)
  ===================================== */
  .pickup_know .pickuplist {
  }
  .pickup_know .pickuplist li {
    float: left;
    margin: 0 2.5rem 36px 0;
  }
  .single .pickup_know .pickuplist li, .pickup_know .pickuplist .col2 {
    margin: 0 30px 36px 0;
  }
  .pickup_know .pickuplist .col2 {
    width: 47.7%;
  }
  .pickup_know .pickuplist .col3 {
    width: 30.4%;
  }
  .single .pickup_know .pickuplist .col3 {
    width: 31.1%;
  }
/* DETAIL
------------------------------------- */
/* LIST clear (min-width: 1101px) --------- */
  .col3:nth-child(3n), .pickuplist .col3:nth-child(3n), .single .pickup_know .pickuplist .col3:nth-child(3n),
  .pickup_know .col2:nth-child(2n) {
    margin-right: 0;
  }
}

@media only screen and (max-width: 979px), only screen and (max-device-width: 979px) {
  #gNavi2 nav {
    width: 95%;
    margin: 0 auto;
    overflow: hidden;
  }
  /* Know: pickup_area */
  .pickup_know .pickuplist li {
    float: left;
    margin: 0 20px 36px 0;
  }
  .pickuplist .col2, .pickup_know .pickuplist .col3 {
    width: 45%;
  }

/* DETAIL ------------------------------------- */
}

/* ～700px //////////////////////////////////////////////////*/
@media only screen and (max-width: 699px) {
  .mainPola li {
    margin-right: 2px;
  }
  #recipeHead .mainPola .photo, #recipeHead .mainPola .text {
    display: table-cell;
    vertical-align: top;
    overflow: hidden;
  }
  .mainPola .photo {
    width: 38%;
  }
  #recipeHead .text {
    width: 58%;
    padding: 4px 22px 0 12px;
  }
  #recipeTop_category li {
    max-width: 31.1%;
  }
  .recipe_list .bnr>li {
    max-width: 32%;
    width: 32%;
  }
  .recipe_list li .text {
    padding: 8px 5px 10px;
  }
  .arrangeRecipe div.imgR {
    float: none;
  }

  /* =====================================
     読み物トップ (max-width: 700px)
    ===================================== */
  .header_knowPola li {
    margin-right: 4%;
  }
  .noteTop_category .bnr li {
    width: 50%;
  }
  .noteTop_category .bnr li a {
    background-size: auto 22px;
    padding: 1rem 1rem 1rem 40px;
  }


  /* =====================================
     recipe DETAIL (max-width: 700px)
    ===================================== */
  .recipeTable {
    float: right;
    width: 52%;
  }
  #recipe_mainPhoto {
    float: left;
    width: 45%;
  }

  .flow_recipe li {
    margin-right: 20px;
    width: 28.6%;
  }
  .plusIdea .pittl {
  }
  .point .photo {
    float: right;
    width: 25%;
    border-radius: 100%;
  }
  .arrangeRecipe {
    padding: 10px 10px 6px;
  }
  .point h2 {
    margin-left: -1.6em;
  }
  .arrangeRecipe h2 {
    margin-left: -0.7em;
  }
  .arrangeRecipe div.imgR {
  margin-left: 0;
  }
  /* pickup_area */
  .pickup_recipe .pickuplist li, .single .bnr.pickuplist .col3 {
    width: 47.3%;
  }
  .pickuplist .col3 {
    width: 31.27%;
  }
  .single .pickuplist .col3:nth-child(2) {
    margin: 0 3% 16px 0;
  }
  .single .pickup_recipe .pickuplist li:nth-child(even), .single .pickup_recipe .col3:nth-child(2n),
  .pickup_know .col3:nth-child(3n)  {
    margin-right: 0;
  }
  .ushop_detail li:nth-child(2) {
    margin-right: 0;
  }

}

/* ～480px //////////////////////////////////////////////////*/
  /* =====================================
     header (max-width: 480px)
    ===================================== */
@media screen and (max-width: 480px) {
  /*------- SP --------------*/
  #gNavi2 nav {
    width: 99.96%;
    margin: 0 auto;
    overflow: hidden;
  }
  #gnav2 #gNavi2 a {
    font: bold 12px/1.2 'メイリオ', Helvetica, Verdana, Arial, sans-serif;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  #gnav2 #gNavi2 a {
    height: 74px;
  }
  #gNavi2 li a img {
    float: none;
    display: inherit;
    padding-left: 0;
    padding-bottom: 6px;
    margin-left: auto;
    margin-right: auto;
    vertical-align: middle;
  }
  #gNavi2 li a .imgR {
    padding-right: 0;
    padding-bottom: 1px;
  }
  #gNavi2 li a span {
    display: inline-block;
    text-align: center;
    width: 100%;
  }

  #recipeHead .ttlArea {
    float: none;
    width: 100%;
  }
/*#recipe_search*/
  .single .searcharticle dt {
    width: 97px;
    background-size: 95%;
  }
  .single .searcharticle dd {
    margin-left: 97px;
  }
  .header_knowPola li {
    float: none;
  }
  .header_knowPola li .photo {
    width: 95%;
  }
  #recipeTop_category li {
    max-width: 46.4%;
  }

  .pickup_recipe .pickuplist li, .single .bnr.pickuplist .col3 {
    width: 47.1%;
  }
  .pickuplist .linktxt {
    overflow: hidden;
  }
/* =====================================
     know top (max-width: 480px)
  ===================================== */
  .noteTop_category .bnr li {
    width: 50%;
  }
  .noteTop_category .bnr li a {
    background-size: auto 14px;
    padding: 1rem 1rem 1rem 2.7rem;
  }

  /* =====================================
     recipe DETAIL (max-width: 480px)
    ===================================== */
  .recipe_list .bnr>li {
    max-width: 45.8%;
    width: 45.8%;
  }
  .recipe_list li .photo {
    max-height: 128px;
  }
  #main .recipe_list li .text {
    min-height: 4.8rem;
  }
  #recipe_mainPhoto {
    float: none;
    width: 100%;
  }
  .recipeTable {
    width: 100%;
  }

  .flow_recipe li {
    display: block;
    margin-right: 0;
    width: 100%;
  }
  .flow_recipe li>div {
    display: table-cell;
    vertical-align: middle;
  }
  .flow_recipe .text {
    vertical-align: top;
  }
  .flow_recipe .photo {
    min-width: 102px;
    width: 35%;
    max-width: 162px;
    padding-right: 14px;
  }

  .plusIdea .pittl {
    position: relative;
  }
  .point .photo {
    float: none;
    text-align: center;
    width: 100%;
    border-radius: 8px;
  }
  .arrangeRecipe #recipe_summary .recipe_item .materials {
    float: none;
    width: 98%;
  }
  .arrangeRecipe #recipe_summary .recipe_img {
    float: none;
  }
  .arrangeRecipe #recipe_summary .recipe_img img {
    margin: 0 auto;
    max-width: 230px;
  }
  .pickuplist.recipe_detail li {
    width: 46.3%;
  }
  .pickup_recipe .pickuplist.recipe_detail li {
    margin: 0 3.7% 16px 0;
    min-height: 148px;
  }
  .pickup_recipe .pickuplist .photo {
    padding: 2px;
  }
  .pickup_know .col2, .pickup_know .col3,.pickup_know .pickuplist .col3 {
    width: 100%;
  }
  .pickup_recipe li .text {
    padding: 0 6px 12px;
  }
  .pickup_know li {
    margin: 0 0 1rem 0;
  }
  .pickup_know li a {
    overflow: hidden;
    padding-bottom: 1rem;
    border-bottom: 1px dotted #e7e2da;
  }
  .pickup_know li .photo,.pickup_know li.col3 .photo, .pickup_know .pickuplist .text, .pickup_know li.col3 .text {
    float: left;
  }
  .pickup_know li .photo, .pickup_know .col3 .photo{
    width: 38%;
  }
  .pickup_know .text {
    width: 58%;
    margin: 0 1% 0 2.5%;
  }

  /*-- 用意するもの　----------- */
  .pushitem .material-items_s {
    float: none;
    clear: both;overflow: hidden;
    width: 100%;
    max-width: 100%;
  }
  .material-items_img {
    float: left;
  }
  .material-items_img img {
    width: 3.6rem;
  }
  .material-items_s .pushitem_text {
    float: left;
    text-align: left;
    width: 85%;
    padding-left: 1.6rem;
  }
}