@charset "UTF-8";
/**
 * レシピ用スタイル
 */
/* ==========================================================================
   title
   ========================================================================== */
.inner-main .icon-gohan,
.inner-main .icon-sirumono,
.inner-main .icon-okazu,
.inner-main .icon-mentonabe,
.inner-main .icon-jyobisai,
.inner-main .icon-kihon,
.inner-main .icon-oyatu,
.inner-main .icon-jitan {
  background-position: 0px center; }
.inner-main .icon-gohan {
  background-size: auto 50px;
  background-position: 0px -15px;
  padding-left: 80px; }
.inner-main .icon-sirumono {
  background-size: auto 50px;
  background-position: 0px -14px;
  padding-left: 80px; }
.inner-main .icon-okazu {
  background-size: auto 48px;
  background-position: 0px -14px;
  padding-left: 100px; }
.inner-main .icon-mentonabe {
  background-size: auto 45px;
  background-position: 0px -6px;
  padding-left: 80px; }
.inner-main .icon-jyobisai {
  background-size: auto 48px;
  background-position: 0px -6px;
  padding-left: 80px; }
.inner-main .icon-kihon {
  background-size: auto 55px;
  background-position: 0px -6px;
  padding-left: 90px; }
.inner-main .icon-oyatu {
  background-size: auto 48px;
  background-position: 0px -14px;
  padding-left: 100px; }
.inner-main .icon-jitan {
  background-size: auto 40px;
  padding-left: 60px; }

#category_name {
  font-size: 212.5%;
  font-family: 'ngt', sans-serif;
  font-style: normal;
  font-weight: 300;
  line-height: 1.7;
  letter-spacing: 0.13em;
  margin-bottom: 34px;
  line-height: 1; }

.category_txt {
  font-size: 87.5%; }

.category_list {
  background: #f6f5f0;
  border: 1px solid #e5e5de;
  border-radius: 3px;
  margin-top: 34px;
  position: relative;
  padding: 21px 3% 21px 0px; }
  .category_list p img {
    position: absolute;
    top: -12px;
    left: 12px; }
  .category_list ul {
    letter-spacing: -0.4em; }
    .category_list ul li {
      display: inline-block;
      letter-spacing: normal;
      *display: inline;
      *zoom: 1;
      background: url(/common/css/img/arrow01.gif) no-repeat left center;
      padding-left: 8px;
      font-size: 87.5%;
      margin-left: 3%; }

h2.category_class {
  font-size: 181.25%;
  font-family: 'ngt', sans-serif;
  font-style: normal;
  font-weight: 300;
  line-height: 1.7;
  letter-spacing: 0.13em;
  padding-top: 34px;
  margin-bottom: 34px; }

ul.recipe_list {
  letter-spacing: -0.4em;
  border-bottom: 1px solid #e5e5de;
  padding-bottom: 34px;
  margin-bottom: 0px; }
  ul.recipe_list li {
    display: inline-block;
    letter-spacing: normal;
    *display: inline;
    *zoom: 1;
    width: 19%;
    margin-right: 1%;
    vertical-align: top;
    position: relative;
    font-size: 100%; }
    ul.recipe_list li:nth-child(5n) {
      margin-right: 0px; }
    ul.recipe_list li a {
      position: relative; }
      ul.recipe_list li a img {
        width: 100%;
        height: auto; }
      ul.recipe_list li a span {
        position: absolute;
        top: -10%;
        left: 4px;
        z-index: 10; }
        ul.recipe_list li a span img {
          width: 34px;
          height: auto; }
    ul.recipe_list li h3 {
      margin-top: 13px;
      margin-bottom: 21px;
      font-size: 87.5%;
      font-weight: normal;
      line-height: 1.2; }

/**
 * 検索結果一覧
 */
/* ==========================================================================
   title
   ========================================================================== */
#search_name {
  font-size: 181.25%;
  font-family: 'ngt', sans-serif;
  font-style: normal;
  font-weight: 300;
  line-height: 1.7;
  letter-spacing: normal;
  margin-bottom: 34px;
  line-height: 1.2;
  letter-spacing: 0.1em; }
  #search_name span {
    font-size: 68.75%; }

#search_box {
  background: #f6f5f0;
  border: 1px solid #e5e5de;
  border-radius: 3px;
  margin-top: 34px;
  position: relative;
  padding: 21px 0px 21px 0px;
  margin-bottom: 55px; }
  #search_box ul {
    letter-spacing: -0.4em; }
    #search_box ul li {
      font-weight: bold;
      display: inline-block;
      letter-spacing: normal;
      *display: inline;
      *zoom: 1;
      margin-left: 1%;
      vertical-align: top; }
      #search_box ul li.keyword {
        width: 29%; }
        #search_box ul li.keyword input {
          width: 97%; }
      #search_box ul li span {
        font-size: 87.5%;
        line-height: 1em !important;
        display: block; }
      #search_box ul li select, #search_box ul li input {
        display: block;
        margin-top: 5px; }
      #search_box ul li select {
        font-size: 87.5%; }
      #search_box ul li #RecipeGenre {
        width: 10.5em;
        padding-right: 20px;
        height: 2.5em; }
      #search_box ul li #RecipeCategory {
        width: 13.5em;
        padding-right: 20px;
        height: 2.5em; }
      #search_box ul li select#RecipeCategory[disabled] {
        background: #f4f2e6;
        color: #adaba2; }
      #search_box ul li #RecipeCookTime {
        width: 7.5em;
        padding-right: 20px;
        height: 2.5em; }
      #search_box ul li #RecipeKeyword {
        height: 1.5em;
        -webkit-appearance: none; }
      #search_box ul li input {
        border: 1px solid #e5e5de;
        border-radius: 3px;
        padding: 6px 1%;
        font-size: 87.5%; }
      #search_box ul li #submit_button {
        background: #c6bda0;
        border-radius: 3px;
        padding: 8px 20px 8px 24px;
        font-size: 87.5%;
        background: url(img/arrow01.gif) no-repeat 16px center #c6bda0;
        margin-top: 1em; }

@media screen and (max-width: 1150px) {
  #search_box ul li.keyword {
    width: 20%;
    margin-right: 1%; }
    #search_box ul li.keyword input {
      width: 95%;
      padding: 6px 6px; } }
/**
 * 詳細
 */
/* ==========================================================================
   レシピヘッダー
   ========================================================================== */
#recipe-header {
  margin-bottom: 34px; }

#recipe-main {
  margin-bottom: 28px; }
  #recipe-main img {
    height: auto;
    width: 100%; }

#cooking-time {
  font-size: 118.75%;
  font-weight: bold;
  margin-bottom: 22px;
  display: inline-block;
  vertical-align: middle; }

.cooking-time-detail {
  font-size: 75%;
  font-weight: normal;
  padding-left: 21px;
  display: inline-block;
  vertical-align: middle; }

.recipe-description,
.recipe-sns {
  vertical-align: top; }

.recipe-description {
  float: left;
  width: 54.67%; }
  .recipe-description p {
    margin-bottom: 29px; }
    .recipe-description p:last-child {
      margin-bottom: 0; }

.recipe-sns {
  float: right;
  width: 40%; }

.recipe-keyword {
  border: 1px solid #e5e5de;
  margin-bottom: 15px;
  padding: 16px 19px 24px;
  letter-spacing: -.40em; }
  .recipe-keyword dt,
  .recipe-keyword dd {
    font-size: 87.5%; }
  .recipe-keyword dt {
    font-weight: bold;
    letter-spacing: normal;
    margin-bottom: 4px; }
  .recipe-keyword dd {
    display: inline-block;
    letter-spacing: normal;
    vertical-align: middle;
    *display: inline;
    *zoom: 1; }
    .recipe-keyword dd:after {
      content: '、'; }
    .recipe-keyword dd:last-child:after {
      display: none; }

.recipe-snslist {
  text-align: right;
  width: 100%;
  letter-spacing: -0.4em; }
  .recipe-snslist li {
    display: inline-block;
    letter-spacing: normal;
    *display: inline;
    *zoom: 1;
    padding-left: 5px;
    vertical-align: middle; }
    .recipe-snslist li:first-child {
      padding-left: 0; }
  .recipe-snslist .sns-share {
    position: relative;
    top: -7px; }

.recipe-print {
  font-size: 81.25%;
  text-align: right;
  margin-top: 20px; }

/* ==========================================================================
   材料
   ========================================================================== */
.material {
  border-top: 1px solid #e5e5de;
  margin-bottom: 55px;
  padding-top: 39px; }

.recipe-sttl {
  font-size: 181.25%;
  font-family: 'ngt', sans-serif;
  font-style: normal;
  font-weight: 300;
  line-height: 1.7;
  letter-spacing: 0.13em;
  margin-bottom: 17px; }

.material-ttl span {
  font-size: 82.7586206897%; }

.material-halfbox {
  float: left;
  width: 44.75%; }
  .material-halfbox:nth-child(odd) {
    float: right; }

.disc-list,
.circle-list {
  margin-left: 20px; }

.disc-list li {
  list-style-type: disc; }

.circle-list li {
  list-style-type: circle; }

.a-list li,
.b-list li,
.c-list li {
  padding-left: 1.25em;
  position: relative; }
  .a-list li:before,
  .b-list li:before,
  .c-list li:before {
    content: 'A';
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
    left: 0;
    position: absolute;
    top: 1px; }

.a-list li:before {
  content: 'A'; }

.b-list li:before {
  content: 'B'; }

.c-list li:before {
  content: 'C'; }

.material .note-text {
  font-size: 87.5%; }

.note-text {
  margin-left: 1em;
  margin-top: 34px;
  text-indent: -1em;
  line-height: 1.4; }

.howto-imglist + .note-text {
  margin-top: -21px; }

/* ==========================================================================
   ポイント
   ========================================================================== */
.point-box {
  border: 1px solid #e5e5de;
  letter-spacing: -.40em;
  margin-bottom: 55px;
  margin-top: -21px;
  padding: 34px; }

.point-ttl,
.point-text {
  display: inline-block;
  letter-spacing: normal;
  vertical-align: middle;
  *display: inline;
  *zoom: 1;
  vertical-align: top; }

.point-ttl {
  font-size: 118.75%;
  font-family: 'ngt', sans-serif;
  font-style: normal;
  font-weight: 300;
  line-height: 1.7;
  letter-spacing: 0.13em;
  width: 13%; }

.point-text {
  width: 85%; }
  .point-text li {
    font-size: 87.5%;
    margin-top: 24px; }
    .point-text li:first-child {
      margin-top: 0; }

/* ==========================================================================
   器や道具の情報
   ========================================================================== */
.option-box {
  border-bottom: 2px solid #928974;
  border-top: 2px solid #928974;
  margin-bottom: 21px;
  margin-top: 55px;
  padding-bottom: 10px;
  padding-top: 10px; }

.option-ttl {
  font-size: 137.5%;
  font-family: 'ngt', sans-serif;
  font-style: normal;
  font-weight: 300;
  line-height: 1.7;
  letter-spacing: 0.13em;
  position: relative;
  top: -30px;
  left: 37px; }
  .option-ttl span {
    background-color: #FFF;
    display: inline-block;
    padding-left: 20px;
    padding-right: 20px; }

.inner-option {
  border-left: 1px solid #e5e5de;
  border-right: 1px solid #e5e5de;
  padding-bottom: 25px; }

.option-text {
  padding-left: 7.33%;
  padding-right: 7.33%; }

/* テキストと画像の配置
   ========================================================================== */
.option-box .item-wrap {
  margin-bottom: 34px;
  _zoom: 1;
  overflow: hidden; }
  .option-box .item-wrap:last-child {
    margin-bottom: 0; }
  .option-box .item-wrap .img-l {
    float: left;
    margin-right: 4.5%; }
  .option-box .item-wrap .img-r {
    float: right;
    margin-left: 4.5%; }
  .option-box .item-wrap .item-text,
  .option-box .item-wrap .img-l,
  .option-box .item-wrap .img-r {
    overflow: hidden;
    _zoom: 1; }
.option-box .option-sttl {
  font-size: 118.75%; }
.option-box p {
  font-size: 87.5%; }

/* ==========================================================================
   印刷用スタイル
   ========================================================================== */
@media print {
  header,
  #side-wrap,
  .recipe-snslist,
  .recipe-print,
  .ad-full,
  #topicpath,
  .ad-halfwrap,
  .main-srch,
  .recipe-ranking,
  footer {
    display: none; }

  #main-wrap {
    width: 100%; }

  .inner-main {
    max-width: inherit;
    min-width: inherit; }

  #recipe-main {
    margin: 0 auto 20px;
    width: 50%; } }
/* ==========================================================================
   youtube
   ========================================================================== */
.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%; }

.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important; }