@charset "UTF-8";
@media (max-width: 900px) {
  /*****************************
   *
   *settings
   *
   ***************************** */
  body {
    position: relative;
    z-index: 1; }
    body.front:before {
      background: url(../img/bg1_sp.png);
      background-size: cover; }
    body .ib {
      width: 100%; }
    body .sp_content {
      display: block !important; }
    body .pc_content {
      display: none !important; }
    body input:focus {
      outline: none; }

  .sp_pen {
    pointer-events: none; }

  header, .fake_header {
    height: 105px;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999; }
    header.active_wide .ib .row .sp_btn_container, .fake_header.active_wide .ib .row .sp_btn_container {
      width: calc(100% - 20px); }
      header.active_wide .ib .row .sp_btn_container .click_layer, .fake_header.active_wide .ib .row .sp_btn_container .click_layer {
        display: none; }
      header.active_wide .ib .row .sp_btn_container form, .fake_header.active_wide .ib .row .sp_btn_container form {
        width: calc(100% - 40px); }
    header.active_wide .ib .row h1, header.active_wide .ib .row .s_nav, .fake_header.active_wide .ib .row h1, .fake_header.active_wide .ib .row .s_nav {
      display: none; }
    header .ib .row, .fake_header .ib .row {
      width: 100%;
      overflow: hidden; }
      header .ib .row .sp_btn_container, .fake_header .ib .row .sp_btn_container {
        width: 70px;
        display: flex;
        position: relative;
        top: 2px;
        justify-content: space-between;
        transition: 0.3s ease; }
        header .ib .row .sp_btn_container .sp_btn, .fake_header .ib .row .sp_btn_container .sp_btn {
          width: 30px;
          justify-content: center;
          display: flex;
          flex-wrap: wrap; }
          header .ib .row .sp_btn_container .sp_btn img, .fake_header .ib .row .sp_btn_container .sp_btn img {
            margin-top: 3px;
            margin-bottom: 4px; }
          header .ib .row .sp_btn_container .sp_btn i, .fake_header .ib .row .sp_btn_container .sp_btn i {
            width: 100%;
            display: block;
            font-size: 12px;
            text-align: center;
            font-family: "Roboto", sans-serif; }
      header .ib .row .s_nav, .fake_header .ib .row .s_nav {
        height: auto;
        width: auto;
        width: 167px;
        height: 46px;
        padding-right: 6px; }
        header .ib .row .s_nav a, .fake_header .ib .row .s_nav a {
          flex-wrap: wrap;
          justify-content: center;
          padding: 0 5px;
          border-color: #6F6A61; }
          header .ib .row .s_nav a:nth-of-type(2), .fake_header .ib .row .s_nav a:nth-of-type(2) {
            padding-right: 0; }
          header .ib .row .s_nav a svg, header .ib .row .s_nav a path, header .ib .row .s_nav a g, .fake_header .ib .row .s_nav a svg, .fake_header .ib .row .s_nav a path, .fake_header .ib .row .s_nav a g {
            width: 25px;
            height: auto;
            display: block;
            fill: #121212;
            margin-right: 0; }
          header .ib .row .s_nav a em, .fake_header .ib .row .s_nav a em {
            width: 100%;
            color: #121212;
            font-size: 10px;
            text-align: center; }
      header .ib .row h1, .fake_header .ib .row h1 {
        width: 122px;
        display: block;
        margin-right: 8px;
        padding-top: 3px; }
        header .ib .row h1 a, .fake_header .ib .row h1 a {
          display: block;
          width: 100%; }
          header .ib .row h1 a.logo_life, .fake_header .ib .row h1 a.logo_life {
            width: 58px;
            margin-top: 9.5px; }
          header .ib .row h1 a img, .fake_header .ib .row h1 a img {
            display: block;
            width: 100% !important; }
          header .ib .row h1 a span, .fake_header .ib .row h1 a span {
            display: none; }
      header .ib .row form, .fake_header .ib .row form {
        width: 34px;
        height: 34px;
        top: 0;
        overflow: hidden;
        position: relative; }
        header .ib .row form.active .click_layer, .fake_header .ib .row form.active .click_layer {
          display: none; }
        header .ib .row form .click_layer, .fake_header .ib .row form .click_layer {
          width: 100%;
          height: 100%;
          border-radius: 50%;
          position: absolute;
          z-index: 3;
          opacity: 0;
          top: 0;
          left: 0; }
        header .ib .row form input[type="text"], .fake_header .ib .row form input[type="text"] {
          width: 100%;
          height: 100%;
          padding: 10px; }
        header .ib .row form button, .fake_header .ib .row form button {
          left: auto;
          right: 0;
          top: 0px;
          opacity: 0.7;
          width: 34px;
          height: 34px;
          display: -webkit-flex;
          display: -moz-flex;
          display: -ms-flex;
          display: -o-flex;
          display: flex;
          align-items: center;
          justify-content: center;
          border-radius: 50%; }
          header .ib .row form button img, .fake_header .ib .row form button img {
            position: relative;
            left: -1px; }
      header .ib .row .logo_life, .fake_header .ib .row .logo_life {
        margin-left: 0; }
    header .ib .row, .fake_header .ib .row {
      background: #fff;
      position: relative; }
      header .ib .row:nth-of-type(1), .fake_header .ib .row:nth-of-type(1) {
        z-index: 2;
        justify-content: space-between;
        height: 64px;
        box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.15);
        padding: 8px 20px;
        padding-right: 0; }
        header .ib .row:nth-of-type(1) h1, .fake_header .ib .row:nth-of-type(1) h1 {
          order: 1; }
        header .ib .row:nth-of-type(1) .s_nav, .fake_header .ib .row:nth-of-type(1) .s_nav {
          order: 3; }
        header .ib .row:nth-of-type(1) .sp_btn_container, .fake_header .ib .row:nth-of-type(1) .sp_btn_container {
          order: 2; }
      header .ib .row:nth-of-type(2), .fake_header .ib .row:nth-of-type(2) {
        display: block;
        overflow-x: scroll;
        border: none; }
        header .ib .row:nth-of-type(2)::-webkit-scrollbar:horizontal, .fake_header .ib .row:nth-of-type(2)::-webkit-scrollbar:horizontal {
          height: 0px; }
        header .ib .row:nth-of-type(2) nav, .fake_header .ib .row:nth-of-type(2) nav {
          width: max-content;
          padding-left: 20px; }
          header .ib .row:nth-of-type(2) nav a, .fake_header .ib .row:nth-of-type(2) nav a {
            font-size: 14px; }

  .fake_header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
    height: 100vh;
    overflow-y: scroll;
    display: none; }
    .fake_header nav.horizontal {
      margin: 15px 0 0;
      border-top: 1px solid #ccc; }
      .fake_header nav.horizontal a {
        display: block;
        width: 100%;
        background: #fff;
        padding: 12px 40px;
        font-size: 16px;
        border-bottom: 1px solid #ccc;
        position: relative; }
        .fake_header nav.horizontal a:after {
          content: "";
          position: absolute;
          color: #D39B41;
          font-family: "material icons";
          font-weight: bold;
          right: 30px;
          top: calc(50% - 10px); }
    .fake_header .inner {
      height: max-content; }
    .fake_header .slide_btn {
      width: 35px;
      height: 35px;
      border-radius: 50%;
      position: absolute;
      cursor: pointer;
      align-items: center;
      justify-content: center;
      display: flex;
      z-index: 3;
      background: #fff;
      border: 2px solid #D39B41;
      color: #D39B41;
      top: calc(50% - 48px);
      left: 10px;
      box-shadow: 0px 5px 7px rgba(0, 0, 0, 0.2); }
      .fake_header .slide_btn:before {
        content: "";
        font-family: "material icons"; }
      .fake_header .slide_btn.prev {
        left: auto;
        right: 10px;
        left: auto; }
        .fake_header .slide_btn.prev:before {
          transform: scale(-1, 1); }
    .fake_header section.pb_month .ib {
      padding: 20px 0; }
      .fake_header section.pb_month .ib .pb_list {
        margin-bottom: 20px; }
        .fake_header section.pb_month .ib .pb_list .box {
          width: 180px;
          margin-bottom: 0; }
          .fake_header section.pb_month .ib .pb_list .box a {
            padding: 20px 10px; }
      .fake_header section.pb_month .ib h2 {
        font-weight: 500;
        font-size: 24px;
        text-align: center;
        color: #D39B41; }
    .fake_header p.copy {
      width: 100%;
      text-align: center;
      font-size: 14px;
      margin-bottom: 40px; }
    .fake_header .s_nav {
      display: flex;
      padding: 35px 20px; }
      .fake_header .s_nav a {
        width: 50%;
        padding: 20px;
        border-right: 1px solid #6F6A61; }
        .fake_header .s_nav a:nth-of-type(2) {
          border: none; }
        .fake_header .s_nav a svg, .fake_header .s_nav a g, .fake_header .s_nav a path, .fake_header .s_nav a img {
          fill: #121212;
          display: block;
          width: auto;
          height: 64px;
          display: block;
          margin: 0 auto; }
        .fake_header .s_nav a em {
          width: 100%;
          text-align: center;
          font-size: 500px;
          display: block;
          font-size: 18px;
          color: #6F6A61;
          margin-top: 16px; }
    .fake_header .ib {
      height: auto;
      padding-top: 5px; }
      .fake_header .ib .row:nth-of-type(1) {
        box-shadow: none;
        padding-right: 20px;
        display: flex;
        justify-content: space-between; }
      .fake_header .ib .row h1 {
        margin-top: 0;
        order: 1; }
      .fake_header .ib .row .sp_btn {
        order: 2;
        width: 34px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center; }
        .fake_header .ib .row .sp_btn i {
          font-size: 12px;
          font-family: "Roboto", sans-serif;
          width: 100%;
          text-align: center; }
      .fake_header .ib .row:nth-of-type(2) {
        padding: 20px;
        padding-top: 10px; }
      .fake_header .ib .row form {
        display: block;
        height: 40px;
        width: 100%;
        position: relative; }
        .fake_header .ib .row form button {
          width: 40px;
          height: 40px;
          top: 0;
          right: 5px;
          position: absolute;
          z-index: 2;
          border-radius: 50%;
          display: flex;
          border: none;
          left: auto;
          background: none;
          align-items: center;
          justify-content: center; }
        .fake_header .ib .row form input {
          display: block;
          height: 100%;
          width: 100%;
          border-radius: 50px;
          background: #E3D5BD;
          border: none; }

  #head_content {
    margin-top: 0 !important; }

  #content .recipe_list .box .cont .data {
    padding-bottom: 12px; }
    #content .recipe_list .box .cont .data i {
      font-size: 14px;
      margin-right: 8px; }
      #content .recipe_list .box .cont .data i img {
        height: 18px; }
      #content .recipe_list .box .cont .data i:nth-of-type(2) {
        margin-right: 0; }

  #content.toppage, #head_content {
    margin-top: 105px;
    padding-top: 0; }
    #content.toppage .no-fav, #head_content .no-fav {
      height: 120px;
      margin-top: -20px; }
    #content.toppage h2, #head_content h2 {
      font-size: 22px; }
      #content.toppage h2.mg_sp, #head_content h2.mg_sp {
        margin-bottom: 30px !important; }
      #content.toppage h2.tax, #head_content h2.tax {
        font-size: 18px;
        text-align: left !important;
        line-height: 1.4; }
    #content.toppage .shorttime_container .ib, #head_content .shorttime_container .ib {
      padding-top: 20px; }
    #content.toppage .ranking_container, #head_content .ranking_container {
      margin-bottom: 0px; }
      #content.toppage .ranking_container .ib, #head_content .ranking_container .ib {
        padding-bottom: 5px; }
      #content.toppage .ranking_container p.s, #head_content .ranking_container p.s {
        font-size: 11px !important; }
    #content.toppage .recommend_container, #head_content .recommend_container {
      margin-bottom: 0; }
      #content.toppage .recommend_container p.s, #head_content .recommend_container p.s {
        font-size: 11px !important; }
    #content.toppage .favorite_container, #head_content .favorite_container {
      margin-bottom: 0; }
      #content.toppage .favorite_container p.s, #head_content .favorite_container p.s {
        font-size: 11px !important; }
      #content.toppage .favorite_container .ib, #head_content .favorite_container .ib {
        padding-top: 10px;
        padding-bottom: 10px; }
    #content.toppage .ib, #head_content .ib {
      padding: 30px 20px; }
      #content.toppage .ib h2, #head_content .ib h2 {
        margin-top: 0;
        margin-bottom: 15px;
        justify-content: space-between; }
        #content.toppage .ib h2 a, #head_content .ib h2 a {
          border: none;
          font-size: 14px;
          padding-left: 0; }
    #content.toppage .monthly_container.bg_white_sp, #head_content .monthly_container.bg_white_sp {
      background: #fff; }
    #content.toppage .sp_tax_outer, #head_content .sp_tax_outer {
      width: 100vw;
      margin-left: calc(0px - calc(50vw - 50%));
      padding: 0px 20px; }
      #content.toppage .sp_tax_outer .pager span.next, #content.toppage .sp_tax_outer .pager span.prev, #head_content .sp_tax_outer .pager span.next, #head_content .sp_tax_outer .pager span.prev {
        background: none; }
    #content.toppage #favorite-recipes, #content.toppage #recently-viewed-recipes, #head_content #favorite-recipes, #head_content #recently-viewed-recipes {
      margin-top: 50px; }
    #content.toppage .swiper_outer, #head_content .swiper_outer {
      width: calc(100vw - 20px); }
      #content.toppage .swiper_outer .slide_btn, #head_content .swiper_outer .slide_btn {
        left: -10px; }
        #content.toppage .swiper_outer .slide_btn.prev, #head_content .swiper_outer .slide_btn.prev {
          left: auto;
          right: 10px; }
    #content.toppage .recipe_list.subpage, #head_content .recipe_list.subpage {
      width: 100% !important; }
    #content.toppage .recipe_list.recently, #head_content .recipe_list.recently {
      margin-top: 20px; }
      #content.toppage .recipe_list.recently .box, #head_content .recipe_list.recently .box {
        margin-bottom: 30px; }
        #content.toppage .recipe_list.recently .box button, #head_content .recipe_list.recently .box button {
          width: 25px;
          height: 25px;
          top: -12px; }
          #content.toppage .recipe_list.recently .box button img, #head_content .recipe_list.recently .box button img {
            width: 12px;
            height: auto; }
        #content.toppage .recipe_list.recently .box .data, #head_content .recipe_list.recently .box .data {
          display: none; }
        #content.toppage .recipe_list.recently .box .cont h3, #head_content .recipe_list.recently .box .cont h3 {
          font-size: 14px !important; }
    #content.toppage .recipe_list .box, #head_content .recipe_list .box {
      width: 175px; }
      #content.toppage .recipe_list .box.ranking_top, #head_content .recipe_list .box.ranking_top {
        width: 185px; }
      #content.toppage .recipe_list .box a:not(.img) .rank_box, #head_content .recipe_list .box a:not(.img) .rank_box {
        left: 9px; }
      #content.toppage .recipe_list .box .img img:hover, #head_content .recipe_list .box .img img:hover {
        transform: scale(1); }
      #content.toppage .recipe_list .box h3, #head_content .recipe_list .box h3 {
        font-size: 15px; }
        #content.toppage .recipe_list .box h3 b, #head_content .recipe_list .box h3 b {
          font-weight: 500 !important; }
      #content.toppage .recipe_list .box.bdrs .img, #head_content .recipe_list .box.bdrs .img {
        border-radius: 0; }
      #content.toppage .recipe_list .box .cont .product_data, #head_content .recipe_list .box .cont .product_data {
        padding-top: 12px; }
        #content.toppage .recipe_list .box .cont .product_data.layout_yoko .pr_img img, #head_content .recipe_list .box .cont .product_data.layout_yoko .pr_img img {
          height: 50px; }
        #content.toppage .recipe_list .box .cont .product_data h5, #head_content .recipe_list .box .cont .product_data h5 {
          font-size: 11px; }
        #content.toppage .recipe_list .box .cont .product_data .pr_img img, #head_content .recipe_list .box .cont .product_data .pr_img img {
          height: 58px; }
        #content.toppage .recipe_list .box .cont .product_data .txt, #head_content .recipe_list .box .cont .product_data .txt {
          align-items: flex-start; }
      #content.toppage .recipe_list .box .cont .data img, #head_content .recipe_list .box .cont .data img {
        height: 16px; }
      #content.toppage .recipe_list .box .cont .data i, #head_content .recipe_list .box .cont .data i {
        font-size: 13.4px;
        margin-right: 10px; }
        #content.toppage .recipe_list .box .cont .data i:nth-of-type(2), #head_content .recipe_list .box .cont .data i:nth-of-type(2) {
          margin-right: 0; }
    #content.toppage .recipe_list.monthly .swiper-slide-prev, #head_content .recipe_list.monthly .swiper-slide-prev {
      opacity: 1 !important; }
    #content.toppage .recipe_list.monthly .box, #head_content .recipe_list.monthly .box {
      width: 200px;
      border-radius: 0; }
      #content.toppage .recipe_list.monthly .box h3, #head_content .recipe_list.monthly .box h3 {
        margin-bottom: 0; }
      #content.toppage .recipe_list.monthly .box .img, #head_content .recipe_list.monthly .box .img {
        height: 100%; }
    #content.toppage .recipe_list.no_slide.rank, #content.toppage .recipe_list.recommend_monthly.more, #content.toppage .recipe_list.shorttime_sp, #content.toppage .recipe_list.pb_used_sp, #head_content .recipe_list.no_slide.rank, #head_content .recipe_list.recommend_monthly.more, #head_content .recipe_list.shorttime_sp, #head_content .recipe_list.pb_used_sp {
      width: 100% !important; }
      #content.toppage .recipe_list.no_slide.rank .box, #content.toppage .recipe_list.recommend_monthly.more .box, #content.toppage .recipe_list.shorttime_sp .box, #content.toppage .recipe_list.pb_used_sp .box, #head_content .recipe_list.no_slide.rank .box, #head_content .recipe_list.recommend_monthly.more .box, #head_content .recipe_list.shorttime_sp .box, #head_content .recipe_list.pb_used_sp .box {
        margin-bottom: 20px;
        width: 100%;
        height: auto;
        margin-right: 0; }
        #content.toppage .recipe_list.no_slide.rank .box.w100, #content.toppage .recipe_list.recommend_monthly.more .box.w100, #content.toppage .recipe_list.shorttime_sp .box.w100, #content.toppage .recipe_list.pb_used_sp .box.w100, #head_content .recipe_list.no_slide.rank .box.w100, #head_content .recipe_list.recommend_monthly.more .box.w100, #head_content .recipe_list.shorttime_sp .box.w100, #head_content .recipe_list.pb_used_sp .box.w100 {
          width: 100%; }
          #content.toppage .recipe_list.no_slide.rank .box.w100 a.img, #content.toppage .recipe_list.recommend_monthly.more .box.w100 a.img, #content.toppage .recipe_list.shorttime_sp .box.w100 a.img, #content.toppage .recipe_list.pb_used_sp .box.w100 a.img, #head_content .recipe_list.no_slide.rank .box.w100 a.img, #head_content .recipe_list.recommend_monthly.more .box.w100 a.img, #head_content .recipe_list.shorttime_sp .box.w100 a.img, #head_content .recipe_list.pb_used_sp .box.w100 a.img {
            height: 132px; }
          #content.toppage .recipe_list.no_slide.rank .box.w100 .cont h3 b, #content.toppage .recipe_list.recommend_monthly.more .box.w100 .cont h3 b, #content.toppage .recipe_list.shorttime_sp .box.w100 .cont h3 b, #content.toppage .recipe_list.pb_used_sp .box.w100 .cont h3 b, #head_content .recipe_list.no_slide.rank .box.w100 .cont h3 b, #head_content .recipe_list.recommend_monthly.more .box.w100 .cont h3 b, #head_content .recipe_list.shorttime_sp .box.w100 .cont h3 b, #head_content .recipe_list.pb_used_sp .box.w100 .cont h3 b {
            font-weight: normal; }
        #content.toppage .recipe_list.no_slide.rank .box .inner, #content.toppage .recipe_list.recommend_monthly.more .box .inner, #content.toppage .recipe_list.shorttime_sp .box .inner, #content.toppage .recipe_list.pb_used_sp .box .inner, #head_content .recipe_list.no_slide.rank .box .inner, #head_content .recipe_list.recommend_monthly.more .box .inner, #head_content .recipe_list.shorttime_sp .box .inner, #head_content .recipe_list.pb_used_sp .box .inner {
          display: flex;
          flex-wrap: wrap;
          align-items: flex-start; }
          #content.toppage .recipe_list.no_slide.rank .box .inner .rank_box, #content.toppage .recipe_list.recommend_monthly.more .box .inner .rank_box, #content.toppage .recipe_list.shorttime_sp .box .inner .rank_box, #content.toppage .recipe_list.pb_used_sp .box .inner .rank_box, #head_content .recipe_list.no_slide.rank .box .inner .rank_box, #head_content .recipe_list.recommend_monthly.more .box .inner .rank_box, #head_content .recipe_list.shorttime_sp .box .inner .rank_box, #head_content .recipe_list.pb_used_sp .box .inner .rank_box {
            left: 9px; }
          #content.toppage .recipe_list.no_slide.rank .box .inner .cont h3, #content.toppage .recipe_list.recommend_monthly.more .box .inner .cont h3, #content.toppage .recipe_list.shorttime_sp .box .inner .cont h3, #content.toppage .recipe_list.pb_used_sp .box .inner .cont h3, #head_content .recipe_list.no_slide.rank .box .inner .cont h3, #head_content .recipe_list.recommend_monthly.more .box .inner .cont h3, #head_content .recipe_list.shorttime_sp .box .inner .cont h3, #head_content .recipe_list.pb_used_sp .box .inner .cont h3 {
            margin-top: 0; }
        #content.toppage .recipe_list.no_slide.rank .box a.img, #content.toppage .recipe_list.recommend_monthly.more .box a.img, #content.toppage .recipe_list.shorttime_sp .box a.img, #content.toppage .recipe_list.pb_used_sp .box a.img, #head_content .recipe_list.no_slide.rank .box a.img, #head_content .recipe_list.recommend_monthly.more .box a.img, #head_content .recipe_list.shorttime_sp .box a.img, #head_content .recipe_list.pb_used_sp .box a.img {
          width: 185px;
          height: auto; }
        #content.toppage .recipe_list.no_slide.rank .box .cont, #content.toppage .recipe_list.recommend_monthly.more .box .cont, #content.toppage .recipe_list.shorttime_sp .box .cont, #content.toppage .recipe_list.pb_used_sp .box .cont, #head_content .recipe_list.no_slide.rank .box .cont, #head_content .recipe_list.recommend_monthly.more .box .cont, #head_content .recipe_list.shorttime_sp .box .cont, #head_content .recipe_list.pb_used_sp .box .cont {
          width: calc(100% - 185px);
          display: block; }
          #content.toppage .recipe_list.no_slide.rank .box .cont h3, #content.toppage .recipe_list.recommend_monthly.more .box .cont h3, #content.toppage .recipe_list.shorttime_sp .box .cont h3, #content.toppage .recipe_list.pb_used_sp .box .cont h3, #head_content .recipe_list.no_slide.rank .box .cont h3, #head_content .recipe_list.recommend_monthly.more .box .cont h3, #head_content .recipe_list.shorttime_sp .box .cont h3, #head_content .recipe_list.pb_used_sp .box .cont h3 {
            font-size: 15px;
            min-height: inherit; }
    #content.toppage .recipe_list.recommend_subpage, #head_content .recipe_list.recommend_subpage {
      justify-content: space-between; }
      #content.toppage .recipe_list.recommend_subpage .box, #head_content .recipe_list.recommend_subpage .box {
        width: calc(50% - 10px);
        margin-right: 0; }
        #content.toppage .recipe_list.recommend_subpage .box .cont h3, #head_content .recipe_list.recommend_subpage .box .cont h3 {
          margin-bottom: 5px;
          margin-top: -10px;
          line-height: 1.6;
          font-size: 16px; }
    #content.toppage .recipe_list.recommend_monthly, #head_content .recipe_list.recommend_monthly {
      width: 340px;
      margin: 36px auto; }
      #content.toppage .recipe_list.recommend_monthly .box, #head_content .recipe_list.recommend_monthly .box {
        width: 100%; }
        #content.toppage .recipe_list.recommend_monthly .box:last-child, #head_content .recipe_list.recommend_monthly .box:last-child {
          margin-bottom: 0; }
        #content.toppage .recipe_list.recommend_monthly .box .cont h3, #head_content .recipe_list.recommend_monthly .box .cont h3 {
          font-size: 16px;
          font-weight: 500; }
          #content.toppage .recipe_list.recommend_monthly .box .cont h3 b, #head_content .recipe_list.recommend_monthly .box .cont h3 b {
            font-weight: 500; }

  #content .sort_controls, #head_content .sort_controls {
    position: relative;
    top: 0;
    right: 0;
    margin: 25px 0;
    justify-content: center; }
    #content .sort_controls span, #head_content .sort_controls span {
      font-size: 16px;
      margin-right: 7px;
      padding-right: 7px; }
    #content .sort_controls .inner a, #head_content .sort_controls .inner a {
      font-size: 12px;
      padding: 4px 7px;
      padding-bottom: 5px;
      margin-right: 7px;
      padding-right: 8px; }
      #content .sort_controls .inner a img, #content .sort_controls .inner a svg, #head_content .sort_controls .inner a img, #head_content .sort_controls .inner a svg {
        margin-right: 3px; }
  #content h2.tac_sp, #head_content h2.tac_sp {
    text-align: center !important;
    justify-content: center !important; }
  #content .tax_link a, #head_content .tax_link a {
    font-size: 14px !important; }
    #content .tax_link a.term-12, #head_content .tax_link a.term-12 {
      font-size: 12px !important; }
  #content a.btn, #content button.btn, #head_content a.btn, #head_content button.btn {
    width: 270px;
    height: 48px;
    font-size: 16px;
    margin: 40px auto; }
  #content .pager, #head_content .pager {
    margin: 20px auto 40px; }
    #content .pager a, #content .pager span, #head_content .pager a, #head_content .pager span {
      width: 32px;
      height: 32px;
      font-size: 16px; }
  #content .top_sns .ib h4, #head_content .top_sns .ib h4 {
    color: #363636; }
  #content section.pb_month .ib .pb_list .box, #head_content section.pb_month .ib .pb_list .box {
    width: 190px; }
  #content section.pb_month .ib h2, #head_content section.pb_month .ib h2 {
    text-align: center;
    line-height: 1.4;
    width: 100%;
    display: block; }
    #content section.pb_month .ib h2 span:nth-of-type(1), #head_content section.pb_month .ib h2 span:nth-of-type(1) {
      margin-left: 0 !important; }
    #content section.pb_month .ib h2 a, #head_content section.pb_month .ib h2 a {
      display: none; }
  #content section#fv .ib, #content .category_container .ib, #head_content section#fv .ib, #head_content .category_container .ib {
    padding: 35px 20px 20px; }
    #content section#fv .ib h2, #content .category_container .ib h2, #head_content section#fv .ib h2, #head_content .category_container .ib h2 {
      margin-top: 0;
      margin-bottom: 0;
      font-size: 22px !important; }
    #content section#fv .ib .tax_link, #content .category_container .ib .tax_link, #head_content section#fv .ib .tax_link, #head_content .category_container .ib .tax_link {
      margin: 20px 0 0;
      justify-content: space-between;
      flex-wrap: wrap; }
      #content section#fv .ib .tax_link a, #content .category_container .ib .tax_link a, #head_content section#fv .ib .tax_link a, #head_content .category_container .ib .tax_link a {
        width: calc(50% - 8px);
        margin-right: 0;
        margin-bottom: 20px;
        height: 57px;
        padding-left: 25px;
        font-size: 16px; }
        #content section#fv .ib .tax_link a.term-6 svg, #content section#fv .ib .tax_link a.term-7 svg, #content section#fv .ib .tax_link a.term-5 svg, #content section#fv .ib .tax_link a.term-13 svg, #content .category_container .ib .tax_link a.term-6 svg, #content .category_container .ib .tax_link a.term-7 svg, #content .category_container .ib .tax_link a.term-5 svg, #content .category_container .ib .tax_link a.term-13 svg, #head_content section#fv .ib .tax_link a.term-6 svg, #head_content section#fv .ib .tax_link a.term-7 svg, #head_content section#fv .ib .tax_link a.term-5 svg, #head_content section#fv .ib .tax_link a.term-13 svg, #head_content .category_container .ib .tax_link a.term-6 svg, #head_content .category_container .ib .tax_link a.term-7 svg, #head_content .category_container .ib .tax_link a.term-5 svg, #head_content .category_container .ib .tax_link a.term-13 svg {
          width: 33px;
          top: 20px; }
        #content section#fv .ib .tax_link a.term-12, #content .category_container .ib .tax_link a.term-12, #head_content section#fv .ib .tax_link a.term-12, #head_content .category_container .ib .tax_link a.term-12 {
          font-size: 13px;
          padding-left: 40px;
          padding-top: 18px; }
        #content section#fv .ib .tax_link a svg, #content .category_container .ib .tax_link a svg, #head_content section#fv .ib .tax_link a svg, #head_content .category_container .ib .tax_link a svg {
          width: 28px;
          height: auto; }
  #content p.s, #head_content p.s {
    font-size: 11px;
    text-align: center;
    margin-top: 20px !important; }
  #content p.l, #head_content p.l {
    font-size: 14px; }

  #content {
    padding-top: 105px; }

  #content.single {
    background: #fff; }
    #content.single .single_content h2 {
      font-size: 27px; }
    #content.single .relative_recipe {
      border-top: none; }
      #content.single .relative_recipe .ib {
        padding: 0 20px 50px; }
        #content.single .relative_recipe .ib .rr_list {
          flex-wrap: wrap; }
          #content.single .relative_recipe .ib .rr_list a {
            width: 100% !important;
            margin-right: 0 !important;
            height: max-content !important;
            margin-bottom: 40px !important; }
            #content.single .relative_recipe .ib .rr_list a .detail {
              width: 100% !important;
              padding: 14px 10px !important;
              position: relative !important;
              height: auto !important;
              position: relative; }
              #content.single .relative_recipe .ib .rr_list a .detail h3 {
                margin-bottom: 10px !important; }
              #content.single .relative_recipe .ib .rr_list a .detail .data {
                position: relative;
                bottom: 0 !important;
                left: 0 !important; }
            #content.single .relative_recipe .ib .rr_list a .bland {
              top: 10px !important;
              right: 10px !important;
              left: auto !important; }
            #content.single .relative_recipe .ib .rr_list a .img {
              position: relative;
              height: 270px !important;
              display: block; }
    #content.single .ib {
      padding: 25px 20px;
      padding-top: 0; }
      #content.single .ib .recipe_content #relative_recipe h2 {
        font-size: 22px; }
      #content.single .ib .recipe_content #relative_recipe .recipe_list {
        justify-content: space-between; }
        #content.single .ib .recipe_content #relative_recipe .recipe_list .box {
          margin-right: 0;
          width: calc(50% - 10px); }
          #content.single .ib .recipe_content #relative_recipe .recipe_list .box h3 {
            font-size: 15px; }
            #content.single .ib .recipe_content #relative_recipe .recipe_list .box h3 b {
              font-weight: 500; }
      #content.single .ib .recipe_content h1, #content.single .ib .recipe_content h2 {
        margin-top: 20px;
        font-weight: 500;
        font-size: 24px;
        line-height: 1.4;
        width: 100%; }
      #content.single .ib .recipe_content .sns_box {
        margin-top: 10px;
        margin-bottom: 40px; }
        #content.single .ib .recipe_content .sns_box.sp3.sp_content {
          margin-top: 30px;
          width: 100%;
          display: flex !important;
          flex-wrap: wrap; }
          #content.single .ib .recipe_content .sns_box.sp3.sp_content button, #content.single .ib .recipe_content .sns_box.sp3.sp_content .buttons {
            width: 100% !important; }
        #content.single .ib .recipe_content .sns_box.sp2 {
          display: none !important; }
        #content.single .ib .recipe_content .sns_box.sp1 button {
          width: 100% !important; }
        #content.single .ib .recipe_content .sns_box.sp1 .buttons {
          display: none !important; }
      #content.single .ib .recipe_content .rp {
        margin-top: 20px;
        border-top: none; }
        #content.single .ib .recipe_content .rp h4 {
          font-size: 18px;
          font-weight: 500;
          padding-top: 12px;
          border-top: 1px dashed #ccc;
          margin-top: -20px; }
        #content.single .ib .recipe_content .rp .row .txt h5 {
          font-size: 17px; }
      #content.single .ib .recipe_content .materials_flow {
        width: 100%;
        margin-top: 0; }
        #content.single .ib .recipe_content .materials_flow .materials {
          width: 100vw;
          max-width: 100vw;
          margin-left: -20px;
          margin-right: -20px;
          padding: 30px 20px; }
          #content.single .ib .recipe_content .materials_flow .materials ul li {
            padding: 10px; }
        #content.single .ib .recipe_content .materials_flow .flow .prepare i {
          width: 100%;
          background: #F5F4F3;
          font-size: 14px;
          border: none;
          height: 30px;
          padding: 4px 20px; }
        #content.single .ib .recipe_content .materials_flow .flow .prepare:before {
          display: none; }
        #content.single .ib .recipe_content .materials_flow .flow .prepare p {
          margin-bottom: 0; }
        #content.single .ib .recipe_content .materials_flow .flow .box p {
          margin-bottom: 0; }
        #content.single .ib .recipe_content .materials_flow .allergen p {
          margin-bottom: 0px; }
      #content.single .ib .recipe_content .brand {
        width: 60px;
        height: 60px;
        top: 10px;
        right: 0;
        z-index: 2;
        position: absolute;
        display: none; }
      #content.single .ib .recipe_content .mov_txt {
        margin: 0px 0 20px; }
        #content.single .ib .recipe_content .mov_txt.tate .txt {
          width: 100%; }
          #content.single .ib .recipe_content .mov_txt.tate .txt .sns_box.sp2 {
            display: none !important; }
        #content.single .ib .recipe_content .mov_txt.tate .mov {
          margin-top: 0;
          height: auto;
          max-width: 100vw;
          width: 100vw;
          aspect-ratio: 1/1.78; }
        #content.single .ib .recipe_content .mov_txt .mov {
          height: auto;
          width: 100vw;
          margin-left: -20px;
          margin-right: -20px;
          max-width: 100vw;
          position: relative;
          aspect-ratio: 1/0.56; }
          #content.single .ib .recipe_content .mov_txt .mov img {
            position: absolute;
            top: 0;
            left: 0; }
          #content.single .ib .recipe_content .mov_txt .mov iframe {
            display: block;
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            object-fit: unset; }
        #content.single .ib .recipe_content .mov_txt .txt h4 {
          margin-top: 0px;
          font-size: 18px;
          line-height: 1.6; }
        #content.single .ib .recipe_content .mov_txt .txt .point span {
          display: block;
          width: 100%; }
        #content.single .ib .recipe_content .mov_txt .txt .point a.to_flow {
          color: #D39B41; }
          #content.single .ib .recipe_content .mov_txt .txt .point a.to_flow:before {
            content: "";
            display: inline-block;
            margin-right: 0px;
            position: relative;
            top: 2px;
            font-family: "material icons"; }
      #content.single .ib .recipe_content .rp:before {
        width: calc(100% - 140px); }
      #content.single .ib .recipe_content .rp .row span.area {
        align-items: center;
        justify-content: center;
        font-size: 14px;
        color: #fff;
        font-weight: normal;
        display: flex;
        width: 100%;
        padding: 4px 10px;
        margin-top: -10px;
        margin-bottom: 17px;
        min-height: 33px; }
        #content.single .ib .recipe_content .rp .row span.area.capital {
          background: #D87142; }
        #content.single .ib .recipe_content .rp .row span.area.kinki {
          background: #7AB569; }
      #content.single .ib .recipe_content .rp .row .img {
        width: 100px;
        height: 100px; }
      #content.single .ib .recipe_content .rp .row .txt {
        width: 100%; }
        #content.single .ib .recipe_content .rp .row .txt .remark {
          margin-bottom: 15px; }
        #content.single .ib .recipe_content .rp .row .txt h5 {
          padding-left: 115px;
          font-weight: 500;
          margin-bottom: 10px;
          height: 100px;
          margin-top: -100px; }
        #content.single .ib .recipe_content .rp .row .txt a {
          position: relative;
          display: flex;
          width: 100%;
          bottom: 0;
          letter-spacing: 0; }

  #content.not_found.toppage {
    margin-top: 120px; }
    #content.not_found.toppage .ib.c404 {
      padding-top: 30px; }
      #content.not_found.toppage .ib.c404 h3 {
        font-size: 24px;
        margin-top: 20px; }
      #content.not_found.toppage .ib.c404 p {
        font-size: 20px;
        margin-bottom: 40px; }

  #content.sns .ib {
    padding: 30px 24px; }
    #content.sns .ib h2 {
      font-size: 20px;
      margin-top: 0; }
    #content.sns .ib .sns_list {
      margin: 20px 0; }
      #content.sns .ib .sns_list .row p {
        font-size: 16px; }
      #content.sns .ib .sns_list .row .links {
        flex-wrap: wrap;
        display: flex;
        justify-content: center;
        margin: 20px 0 10px;
        width: 100%;
        height: auto; }
        #content.sns .ib .sns_list .row .links.w50 a {
          width: 49%; }
        #content.sns .ib .sns_list .row .links a {
          width: 100%;
          flex-wrap: wrap;
          justify-content: center;
          display: flex;
          margin-right: 0; }
          #content.sns .ib .sns_list .row .links a img {
            margin-right: 0;
            height: 75px; }
          #content.sns .ib .sns_list .row .links a span {
            width: 100%;
            text-align: center;
            margin-top: 10px;
            font-size: 18px; }

  #pagetop {
    bottom: 20px;
    right: 20px;
    width: 46px;
    height: 46px; }
    #pagetop:before {
      font-size: 24px;
      left: 16px; }

  footer.front {
    height: auto; }
    footer.front .ib {
      padding: 20px !important;
      padding-bottom: 40px !important;
      flex-wrap: wrap;
      display: flex;
      flex-direction: column-reverse; }
      footer.front .ib p {
        font-size: 20px !important;
        margin: 15px 0; }
      footer.front .ib img {
        width: 100%; }
      footer.front .ib .inner {
        position: relative;
        top: 0;
        width: 100%;
        right: 0; }
  footer .ib {
    padding: 20px 20px 40px; }
    footer .ib h4 {
      margin-top: 10px; }
    footer .ib .foot_sns {
      margin-top: 20px; }
    footer .ib p.copy {
      text-align: center;
      font-size: 14px; }
    footer .ib .row {
      display: block; }
      footer .ib .row.r {
        padding-top: 0;
        display: flex;
        justify-content: center; }
        footer .ib .row.r.r2 {
          flex-wrap: wrap;
          width: 100%;
          margin-top: 5px; }
          footer .ib .row.r.r2 a {
            width: 100%;
            text-align: center;
            margin-left: 0;
            display: block;
            padding-bottom: 5px; }
            footer .ib .row.r.r2 a:last-child {
              padding-bottom: 0; }
        footer .ib .row.r p {
          margin: 10px 0;
          margin-right: 8px; }
        footer .ib .row.r img {
          margin-left: 0; }
      footer .ib .row .logo {
        margin: 0 auto;
        width: 173px; }
      footer .ib .row nav {
        display: none; }

  body.app_access:before {
    display: none; }
  body.app_access .sp_nav {
    display: none; } }
/*736pxend */

/*# sourceMappingURL=style_sp.css.map */