@charset "UTF-8";
/* ==============================================================
*  fondation
* ============================================================ */
/* ***********************************
 *
 *    Ire's CSS Reset & Base
 *
 * *********************************** */
/* Reset margin, padding, border
 * *********************************** */
html, body,
h1, h2, h3, h4, h5, h6,
a, p, span,
em, small, strong,
sub, sup,
mark, del, ins, strike,
abbr, dfn,
blockquote, q, cite,
code, pre,
ol, ul, li, dl, dt, dd,
div, section, article,
main, aside, nav,
header, hgroup, footer,
img, figure, figcaption,
address, time,
audio, video,
canvas, iframe,
details, summary,
fieldset, form, label, legend,
table, caption,
tbody, tfoot, thead,
tr, th, td {
  margin: 0;
  padding: 0;
  border: 0; }

/* Typography
 * *********************************** */
html {
  font-size: 62.5%; }

body {
  font-size: 1.6rem;
  line-height: 1.6; }

* {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit; }

a,
a:visited {
  color: inherit; }

/* Layout
 * *********************************** */
article,
aside,
footer,
header,
nav,
section,
main {
  display: block; }

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

*:before,
*:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit; }

/* Elements
 * *********************************** */
table {
  border-collapse: collapse;
  border-spacing: 0; }

ol,
ul {
  list-style: none; }

img,
video {
  max-width: 100%; }

img {
  border-style: none; }

blockquote,
q {
  quotes: none; }

blockquote:after,
blockquote:before,
q:after,
q:before {
  content: "";
  content: none; }

/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
  border: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  input[type="submit"]::-webkit-search-decoration,
  input[type="button"]::-webkit-search-decoration {
    display: none; }
  input[type="submit"]::focus,
  input[type="button"]::focus {
    outline-offset: -2px; }

/* Attributes & states
 * *********************************** */
[hidden] {
  display: none !important; }

[disabled] {
  cursor: not-allowed; }

:focus:not(:focus-visible) {
  outline: none; }

/* Utility classes
 * *********************************** */
.sr-only {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
  left: -9999px;
  top: -9999px; }

@media screen and (max-width: 767px) {
  .elements {
    /* @include mq */ } }

@media screen and (max-width: 1023px) {
  .elements {
    /* @include mq(lg) */ } }

@media screen and (min-width: 480px) {
  .elements {
    /* @include mq(sm, min) */ } }

@media screen and (max-width: 1023px) {
  .elements {
    /* @include mq */ } }
  @media screen and (max-width: 1023px) and (min-width: 768px) {
    .elements {
      /* @include mq in @include mq(lg min, true) */ } }

@media screen and (min-width: 768px) {
  .pc {
    display: inherit !important; } }

@media screen and (max-width: 767px) {
  .pc {
    display: none !important; } }

@media screen and (min-width: 768px) {
  .sp {
    display: none !important; } }

@media screen and (max-width: 767px) {
  .sp {
    display: inherit !important; } }

body {
  color: #231815;
  background-color: #fefdec;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

h1 {
  font-size: 0; }

h2 {
  font-size: 3rem; }

h3 {
  font-size: 2.4rem; }

h4 {
  font-size: 1.8rem; }

p {
  color: #231815;
  line-height: 1.6;
  margin-bottom: 1.6em; }

small {
  font-size: 1.3rem; }

a, a:visited {
  color: #0C8C43;
  text-decoration: none; }

a:hover,
a:active,
a:focus {
  text-decoration: underline; }

table {
  max-width: 100%;
  width: 100%;
  margin: 1em 0 1.6em; }

th, td {
  padding: 1em 1.5em;
  vertical-align: top; }

input[type="text"], input[type="password"], input[type="number"], input[type="email"], input[type="url"], input[type="tel"], input[type="search"], textarea, select {
  font-size: 14px;
  font-size: 1.4rem;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 4px 10px; }

/* ==============================================================
*  layout
* ============================================================ */
.l-main--white {
  background-color: #fff;
  border-top: 1px solid #efefef;
  border-bottom: 1px solid #efefef; }

.l-container {
  width: 1000px;
  margin: 0 auto; }
  @media screen and (max-width: 1023px) {
    .l-container {
      width: 94%;
      margin: 0 auto; } }

.l-container--wide {
  width: 1030px;
  margin: 0 auto; }
  @media screen and (max-width: 1023px) {
    .l-container--wide {
      width: 94%;
      margin: 0 auto; } }

/**
*** SIMPLE GRID
*** (C) ZACH COLE 2016
**/
/* ==== GRID SYSTEM ==== */
.container {
  margin-left: auto;
  margin-right: auto; }

.row {
  position: relative;
  width: 100%; }

.row [class^="col"] {
  float: left;
  margin: 0.5rem 0;
  min-height: 0.125rem;
  padding-left: 10px;
  padding-right: 10px; }

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
  width: 100%; }

.col-1-sm {
  width: 8.33%; }

.col-2-sm {
  width: 16.66%; }

.col-3-sm {
  width: 25%; }

.col-4-sm {
  width: 33.33%; }

.col-5-sm {
  width: 41.66%; }

.col-6-sm {
  width: 50%; }

.col-7-sm {
  width: 58.33%; }

.col-8-sm {
  width: 66.66%; }

.col-9-sm {
  width: 75%; }

.col-10-sm {
  width: 83.33%; }

.col-11-sm {
  width: 91.66%; }

.col-12-sm {
  width: 100%; }

.row::after {
  content: "";
  display: table;
  clear: both; }

.hidden-sm {
  display: none; }

@media only screen and (min-width: 768px) {
  .col-1 {
    width: 8.33%; }
  .col-2 {
    width: 16%; }
  .col-3 {
    width: 25%; }
  .col-4 {
    width: 33.33%; }
  .col-5 {
    width: 41.66%; }
  .col-6 {
    width: 50%; }
  .col-7 {
    width: 58.33%; }
  .col-8 {
    width: 66.66%; }
  .col-9 {
    width: 75%; }
  .col-10 {
    width: 83.33%; }
  .col-11 {
    width: 91.66%; }
  .col-12 {
    width: 100%; }
  .hidden-sm {
    display: block; } }

@media only screen and (min-width: 60em) {
  /* 960px */ }

/* ==============================================================
*  object component　共通化できるパーツ
* ============================================================ */
footer {
  background-color: #4D4D4D; }
  footer p {
    margin-bottom: 10px;
    font-size: 1.3rem;
    font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; }
  footer a img:hover {
    opacity: 0.75; }

.footer__content {
  display: table;
  position: relative;
  padding: 10px 0; }
  .footer__content .footer__mail {
    display: table-cell;
    padding: 10px 0; }
    .footer__content .footer__mail img {
      width: 191px;
      vertical-align: middle; }
      @media screen and (max-width: 870px) {
        .footer__content .footer__mail img {
          margin-right: 100px; } }
  .footer__content .menu-footer-container {
    display: table-cell;
    position: absolute;
    right: 0;
    top: 28%; }

.footer__copy {
  background-color: #fefdec;
  display: block;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 1.2rem;
  padding: 2em 0; }

.footer__content--home {
  display: block; }
  .footer__content--home .menu-footer-container {
    display: block;
    position: relative;
    right: 0; }

.header__nav {
  display: block;
  background-color: #008000; }
  @media screen and (max-width: 767px) {
    .header__nav {
      border-top: 6px solid #008000; } }

.header__content {
  position: relative;
  padding: 20px 0 20px;
  margin-left: 4%;
  line-height: 1; }
  @media screen and (max-width: 767px) {
    .header__content {
      overflow: hidden;
      padding: 10px 0 10px; } }

.header__logo {
  display: inline-block; }
  @media screen and (max-width: 767px) {
    .header__logo {
      display: block; } }
  .header__logo .header__logoBox {
    display: inline-block;
    float: left; }
    .header__logo .header__logoBox .header__logoTypo {
      display: inline-block;
      width: 232px;
      margin-right: 1.5em; }
      .header__logo .header__logoBox .header__logoTypo img {
        vertical-align: middle; }
      @media screen and (max-width: 767px) {
        .header__logo .header__logoBox .header__logoTypo {
          width: 26%;
          margin-right: 2%; } }
    .header__logo .header__logoBox .header__logoIcon {
      display: inline-block; }
      .header__logo .header__logoBox .header__logoIcon img {
        vertical-align: middle;
        width: 170px; }
      @media screen and (max-width: 767px) {
        .header__logo .header__logoBox .header__logoIcon {
          width: 26%; } }

/*チェックボックス等非表示*/
.header__drawer-unshown {
  display: none; }

/*アイコンレイアウト*/
#header__drawer-open {
  display: inline-block;
  width: 50px;
  height: 34px;
  vertical-align: middle;
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  /* Safari用 */
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }

/*ハンバーガーアイコン*/
#header__drawer-open span, #header__drawer-open span:before, #header__drawer-open span:after {
  position: absolute;
  height: 6px;
  /*線の太さ*/
  width: 45px;
  /*長さ*/
  border-radius: 3px;
  background: #555;
  display: block;
  content: '';
  cursor: pointer; }

#header__drawer-open span:before {
  bottom: -14px; }

#header__drawer-open span:after {
  bottom: -28px; }

/*閉じる用カバー*/
#header__drawer-close {
  display: none;
  /*はじめは隠しておく*/
  position: fixed;
  z-index: 99;
  top: 0;
  /*全体に広がるように*/
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  opacity: 0;
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out; }

/*中身*/
#header__drawer-content {
  overflow: auto;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 9999;
  /*最前面に*/
  width: 70%;
  /*左側に隙間を作る（閉じるカバーを表示）*/
  max-width: 320px;
  /*最大幅（調整してください）*/
  height: 100%;
  background: #E71F19;
  /*背景色*/
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  /*滑らかに表示*/
  -webkit-transform: translateX(210%);
  -ms-transform: translateX(210%);
  transform: translateX(210%);
  /*右に隠しておく*/ }
  #header__drawer-content .menu-hamburger-container a {
    display: block;
    position: relative;
    padding: 12px 20px;
    background-color: #E71F19;
    color: #fff;
    cursor: pointer; }
    #header__drawer-content .menu-hamburger-container a:hover, #header__drawer-content .menu-hamburger-container a:active, #header__drawer-content .menu-hamburger-container a:focus {
      background-color: rgba(255, 255, 255, 0.2) !important;
      text-decoration: none; }
    #header__drawer-content .menu-hamburger-container a:before {
      content: "";
      position: absolute;
      left: 8px;
      bottom: 0px;
      right: 8px;
      border-bottom: 1px dotted #fff; }

/*チェックが入ったら表示*/
#header__drawer-input:checked ~ #header__drawer-close {
  display: block;
  /*カバーを表示*/
  opacity: .5; }

#header__drawer-input:checked ~ #header__drawer-content {
  -webkit-transform: translateX(0%);
  -ms-transform: translateX(0%);
  transform: translateX(0%);
  /*中身を表示（左へスライド）*/
  -webkit-box-shadow: 6px 0 25px rgba(0, 0, 0, 0.15);
  box-shadow: 6px 0 25px rgba(0, 0, 0, 0.15); }

.header__spSearchBox .header__spSearch {
  display: table;
  width: 100%;
  padding-left: 2%;
  padding-right: 2%; }
  .header__spSearchBox .header__spSearch .form__box {
    display: table-cell;
    width: calc(100vw - 164px); }

.header__spSearchBox .header__mail {
  display: table-cell;
  padding-left: 2%;
  vertical-align: middle; }
  .header__spSearchBox .header__mail img {
    vertical-align: middle;
    border: 2px solid #aaa;
    width: 134px; }
    .header__spSearchBox .header__mail img:hover {
      opacity: 0.75; }

.c-mv__img {
  background-color: #6081C1;
  width: 100%;
  height: 350px;
  margin: 0 auto;
  background-size: 300px, cover;
  background-repeat: no-repeat, no-repeat; }
  @media screen and (max-width: 767px) {
    .c-mv__img {
      height: 160px; } }

.recruit .c-mv__img {
  background-image: url("../img/mv/im-mv-recruit-02.png"), url("../img/mv/im-mv-recruit-01.jpg");
  background-position: center center, center 75%; }
  @media screen and (max-width: 767px) {
    .recruit .c-mv__img {
      background-size: 170px, cover; } }

.category-producingcenter .c-mv__img,
.producingcenter .c-mv__img,
.china .c-mv__img,
.se-asia .c-mv__img,
.oceania .c-mv__img,
.n-america .c-mv__img,
.cs-america .c-mv__img,
.europe .c-mv__img,
.domestic .c-mv__img {
  background-image: url("../img/mv/im-mv-producingcenter-02.png"), url("../img/mv/im-mv-producingcenter-01.jpg");
  background-position: center 90%, center 70%; }
  @media screen and (max-width: 767px) {
    .category-producingcenter .c-mv__img,
    .producingcenter .c-mv__img,
    .china .c-mv__img,
    .se-asia .c-mv__img,
    .oceania .c-mv__img,
    .n-america .c-mv__img,
    .cs-america .c-mv__img,
    .europe .c-mv__img,
    .domestic .c-mv__img {
      background-size: 170px, cover; } }

.faq .c-mv__img {
  background-image: url("../img/mv/im-mv-faq-02.png"), url("../img/mv/im-mv-faq-01.jpg");
  background-position: center 62%, center 70%; }
  @media screen and (max-width: 767px) {
    .faq .c-mv__img {
      background-size: 170px, cover; } }

.contact .c-mv__img {
  background-image: url("../img/mv/im-mv-contact-02.png"), url("../img/mv/im-mv-contact-01.jpg");
  background-position: center 62%, center 70%; }
  @media screen and (max-width: 767px) {
    .contact .c-mv__img {
      background-size: 170px, cover; } }

.company .c-mv__img {
  background-image: url("../img/mv/im-mv-company-02.png"), url("../img/mv/im-mv-company-01.jpg");
  background-position: center 62%, center bottom; }
  @media screen and (max-width: 767px) {
    .company .c-mv__img {
      background-size: 170px, cover; } }

.privacy .c-mv__img {
  background-image: url("../img/mv/im-mv-privacy-02.png"), url("../img/mv/im-mv-privacy-01.jpg");
  background-position: center 62%, center center; }
  @media screen and (max-width: 767px) {
    .privacy .c-mv__img {
      background-size: 170px, cover; } }

.sitemap .c-mv__img {
  background-image: url("../img/mv/im-mv-sitemap-02.png"), url("../img/mv/im-mv-sitemap-01.jpg");
  background-position: center 62%, center center; }
  @media screen and (max-width: 767px) {
    .sitemap .c-mv__img {
      background-size: 170px, cover; } }

.en .c-mv__img {
  background-image: url("../img/mv/im-mv-english-02.png"), url("../img/mv/im-mv-english-01.jpg");
  background-position: center 62%, center 95%; }
  @media screen and (max-width: 767px) {
    .en .c-mv__img {
      background-size: 170px, cover; } }

.category-info .c-mv__img,
.category-news .c-mv__img,
.category-business .c-mv__img,
.category-consumer .c-mv__img,
.category-recipe .c-mv__img,
.news .c-mv__img,
.business .c-mv__img,
.consumer .c-mv__img,
.recipe .c-mv__img {
  background-image: url("../img/mv/im-mv-news-02.png"), url("../img/mv/im-mv-news-01.jpg");
  background-position: center 62%, center center; }
  @media screen and (max-width: 767px) {
    .category-info .c-mv__img,
    .category-news .c-mv__img,
    .category-business .c-mv__img,
    .category-consumer .c-mv__img,
    .category-recipe .c-mv__img,
    .news .c-mv__img,
    .business .c-mv__img,
    .consumer .c-mv__img,
    .recipe .c-mv__img {
      background-size: 170px, cover; } }

.category-column .c-mv__img,
.column .c-mv__img {
  background-image: url("../img/mv/im-mv-column-02.png"), url("../img/mv/im-mv-column-01.jpg");
  background-position: center 62%, center center; }
  @media screen and (max-width: 767px) {
    .category-column .c-mv__img,
    .column .c-mv__img {
      background-size: 170px, cover; } }

.category-agriculture .c-mv__img,
.agriculture .c-mv__img {
  background-image: url("../img/mv/im-mv-agriculture-02.png"), url("../img/mv/im-mv-agriculture-01.jpg");
  background-position: center 62%, center center; }
  @media screen and (max-width: 767px) {
    .category-agriculture .c-mv__img,
    .agriculture .c-mv__img {
      background-size: 170px, cover; } }

.term-business .c-mv__img {
  background-image: url("../img/mv/im-mv-business-02.png"), url("../img/mv/im-mv-business-01.jpg");
  background-position: center 62%, center bottom; }
  @media screen and (max-width: 767px) {
    .term-business .c-mv__img {
      background-size: 170px, cover; } }

.cat_business .c-mv__img {
  background-image: url("../img/mv/im-mv-business-04.png"), url("../img/mv/im-mv-business-03.jpg");
  background-position: center 62%, center 65%; }
  @media screen and (max-width: 767px) {
    .cat_business .c-mv__img {
      background-size: 170px, cover; } }

.term-consumer .c-mv__img {
  background-image: url("../img/mv/im-mv-consumer-02.png"), url("../img/mv/im-mv-business-01.jpg");
  background-position: center 62%, center bottom; }
  @media screen and (max-width: 767px) {
    .term-consumer .c-mv__img {
      background-size: 170px, cover; } }

.cat_consumer .c-mv__img {
  background-image: url("../img/mv/im-mv-consumer-04.png"), url("../img/mv/im-mv-business-03.jpg");
  background-position: center 62%, center 65%; }
  @media screen and (max-width: 767px) {
    .cat_consumer .c-mv__img {
      background-size: 170px, cover; } }

.tax-recipe_type .c-mv__img,
.tax-recipe_tag .c-mv__img,
.single-recipe .c-mv__img,
.c-mv__img.recipe_search {
  background-image: url("../img/mv/im-mv-recipe-02.png"), url("../img/mv/im-mv-recipe-01.jpg");
  background-position: center 80%, center center;
  background-size: 500px, cover; }
  @media screen and (max-width: 767px) {
    .tax-recipe_type .c-mv__img,
    .tax-recipe_tag .c-mv__img,
    .single-recipe .c-mv__img,
    .c-mv__img.recipe_search {
      background-size: 250px, cover; } }

.menu-global {
  background-color: #E71F19; }
  .menu-global ul {
    font-size: 0;
    text-align: center; }
    .menu-global ul li {
      display: inline-block;
      font-size: 1.6rem;
      width: 20%;
      letter-spacing: .05em; }
      .menu-global ul li a {
        display: block;
        padding: 35px 10px 8px;
        color: #fff;
        position: relative; }
        .menu-global ul li a:hover, .menu-global ul li a:active, .menu-global ul li a:focus {
          text-decoration: none;
          background-color: rgba(255, 255, 255, 0.2) !important; }
        .menu-global ul li a:before {
          content: "";
          position: absolute;
          top: 8px;
          right: 0px;
          bottom: 8px;
          border-right: 1px dotted #fff; }
      .menu-global ul li:nth-child(1) a:after {
        content: "";
        position: absolute;
        top: 8px;
        left: 0px;
        bottom: 8px;
        border-right: 1px dotted #fff; }

.menu-global ul li:nth-child(1) a {
  background: url("../img/common/nav-gl-01.png") center 10px/78px no-repeat; }

.menu-global ul li:nth-child(2) a {
  background: url("../img/common/nav-gl-02.png") center 9px/78px no-repeat; }

.menu-global ul li:nth-child(3) a {
  background: url("../img/common/nav-gl-03.png") center 8px/109px no-repeat; }

.menu-global ul li:nth-child(4) a {
  background: url("../img/common/nav-gl-04.png") center 8px/63px no-repeat; }

.menu-global ul li:nth-child(5) a {
  background: url("../img/common/nav-gl-05.png") center 8px/63px no-repeat; }

#menu-ex, #menu-footer {
  font-size: 0;
  text-align: right; }
  #menu-ex li, #menu-footer li {
    display: inline-block;
    font-size: 1.2rem; }
    #menu-ex li a, #menu-footer li a {
      display: inline-block;
      padding: 5px 10px;
      font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
      color: #fff;
      position: relative; }
      #menu-ex li a:before, #menu-footer li a:before {
        content: "";
        position: absolute;
        top: 6px;
        right: 0px;
        bottom: 6px;
        border-right: 1px solid #fff; }
    #menu-ex li:first-child a:after, #menu-footer li:first-child a:after {
      content: "";
      position: absolute;
      top: 6px;
      left: 0px;
      bottom: 6px;
      border-left: 1px solid #fff; }

.menu-footer-sp-container {
  margin-bottom: .5em; }

#menu-footer-sp {
  font-size: 0;
  background-color: #fff; }
  #menu-footer-sp li {
    display: inline-block;
    width: calc(100%/2);
    background-color: #fff; }
    #menu-footer-sp li:nth-child(1), #menu-footer-sp li:nth-child(2) {
      border-bottom: 1px solid #4D4D4D; }
    #menu-footer-sp li:nth-child(1), #menu-footer-sp li:nth-child(3) {
      border-right: 1px solid #4D4D4D; }
    #menu-footer-sp li a {
      display: block;
      text-align: center;
      font-size: 1.5rem;
      color: #4D4D4D;
      padding: 12px 4px; }
      #menu-footer-sp li a:hover {
        text-decoration: underline;
        cursor: pointer; }

.post-pagenavi {
  padding-top: 1em;
  margin: 5em 0 1em; }
  .post-pagenavi ul {
    list-style: none;
    padding: 0;
    margin: 0 0 2em;
    display: table;
    width: 100%; }
    .post-pagenavi ul li {
      display: table-cell;
      width: 50%; }
      .post-pagenavi ul li:last-child {
        text-align: right; }

.wp-pagenavi {
  margin: 3em auto .5em;
  width: 500px;
  text-align: center; }
  .wp-pagenavi .page {
    padding: .5em; }
  .wp-pagenavi .current {
    padding: .5em; }
  .wp-pagenavi .nextpostslink, .wp-pagenavi .previouspostslink {
    padding: .5em; }
  @media screen and (max-width: 767px) {
    .wp-pagenavi {
      width: 100%; }
      .wp-pagenavi .page {
        padding: .4em; }
      .wp-pagenavi .current {
        padding: .4em; }
      .wp-pagenavi .nextpostslink, .wp-pagenavi .previouspostslink {
        padding: .4em; } }

.header__search {
  float: right;
  margin-top: 20px; }
  @media screen and (max-width: 767px) {
    .header__search {
      display: inline-block;
      margin-top: 20px;
      float: none; } }

.form__box {
  width: 230px; }

.searchform {
  position: relative; }

.searchform input[type="text"].searchfield {
  font-size: 16px !important;
  width: 100%;
  height: 38px;
  margin: 3px;
  padding: 5px 8px !important;
  border: solid 2px #231815 !important;
  border-radius: 8px;
  background-color: #fff; }

.searchform .searchsubmit {
  font-size: 1.8em;
  position: absolute;
  top: 0;
  right: 10px;
  margin-top: 10px;
  padding: 0;
  width: 24px;
  cursor: pointer;
  color: #231815;
  border: none;
  background: transparent; }
  .searchform .searchsubmit:hover {
    opacity: .6; }

.header__spSearchBox {
  width: 100%;
  background-color: #D6E8CA; }

.c-tb {
  border-top: 1px solid #ddd; }

.c-tb th, .c-tb td {
  border-bottom: 1px solid #ddd;
  padding: .5em; }

.c-tb th {
  background-color: #efefef; }

.c-h2 {
  font-weight: bold;
  font-size: 3rem;
  line-height: 1.7;
  margin-bottom: 1em;
  padding: .3em .5em;
  position: relative; }
  .c-h2:before {
    border-top: 2px solid #7F8080;
    content: '';
    display: block;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0; }
  .c-h2:after {
    border-top: 2px solid #E71F19;
    content: '';
    display: block;
    width: 5.5em;
    position: absolute;
    bottom: 0;
    left: 0; }
  @media screen and (max-width: 767px) {
    .c-h2 {
      font-size: 2.5rem; } }

.c-h3 {
  font-weight: normal;
  border-bottom: 2px dotted #E71F19;
  font-size: 2.2rem; }

.c-white {
  color: #fff; }

.c-ul--disc {
  list-style-type: disc;
  padding-left: 1.1em;
  margin-left: 0.5em; }

.c-ol--decimal {
  list-style-type: decimal;
  padding-left: 1.1em;
  margin-left: 0.5em; }

.c-ol--parentheses {
  padding: 0 0 0 1em;
  margin: 0;
  position: relative; }

.c-ol--parentheses li {
  list-style-type: none;
  list-style-position: inside;
  counter-increment: cnt;
  padding-left: 1em; }

.c-ol--parentheses li:before {
  display: marker;
  content: "(" counter(cnt) ") ";
  left: 0;
  position: absolute; }

.c-dl {
  border-bottom: 1px solid #ccc; }
  .c-dl dt {
    float: left;
    position: relative;
    width: 180px;
    padding: .5em 0 .5em 2em;
    border-top: 1px dotted #ccc; }
    .c-dl dt:before {
      border-left: 5px solid #ccc;
      content: '';
      display: block;
      width: 2em;
      position: absolute;
      bottom: .5em;
      top: .5em;
      left: .8em; }
      @media screen and (max-width: 767px) {
        .c-dl dt:before {
          border-left: 4px solid #ccc;
          bottom: 1em;
          top: 1em;
          left: -.1em; } }
    @media screen and (max-width: 767px) {
      .c-dl dt {
        width: 100%;
        padding: 1em 0 1em .5em; } }
  .c-dl dd {
    margin-left: 180px;
    border-top: 1px dotted #ccc;
    padding: .5em 2em;
    word-break: break-all; }
    @media screen and (max-width: 767px) {
      .c-dl dd {
        margin-left: 0;
        border-top: none;
        padding: 1em 0 1em .5em; } }
  .c-dl dt:first-child, .c-dl dd:nth-of-type(1) {
    border-top: none; }

.c-caption {
  font-size: 1.2rem; }

.c-textLink a {
  color: #231815;
  font-size: 1.1rem;
  font-weight: bold;
  letter-spacing: .18em; }
  .c-textLink a:hover, .c-textLink a:active, .c-textLink a:focus {
    text-decoration: underline; }
  .c-textLink a .c-textLink__icon {
    width: 16px;
    height: 16px;
    vertical-align: text-bottom;
    margin-bottom: -0.2em;
    margin-left: 2px; }

.c-textLink--title .c-textLink--title__icon {
  width: 16px;
  height: 16px;
  vertical-align: middle;
  margin-bottom: .1em;
  margin-right: 3px; }

.c-hr {
  width: 100%;
  height: 2px;
  background-color: #BBA698;
  position: relative; }
  .c-hr:before {
    border-top: 2px solid #E71F19;
    content: '';
    display: block;
    width: 25%;
    position: absolute;
    bottom: 0;
    left: 0; }
  .c-hr:after {
    border-top: 2px solid #E71F19;
    content: '';
    display: block;
    width: 25%;
    position: absolute;
    bottom: 0;
    right: 0; }

/* ==============================================================
*  object project　各ページ固有デザイン
* ============================================================ */
/* index */
.hm-categoryBox .hm-categoryBox__col {
  margin: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  width: calc(100%/3);
  padding: 12px !important; }
  @media screen and (max-width: 767px) {
    .hm-categoryBox .hm-categoryBox__col {
      width: 50%; } }
  @media screen and (max-width: 479px) {
    .hm-categoryBox .hm-categoryBox__col {
      width: 100%; } }

.hm-categoryBox .hm-categoryBox__col img {
  vertical-align: bottom; }

/* 投稿一覧 */
.hm-information {
  display: -webkit-box;
  /*Android4.3*/
  display: -moz-box;
  /*Firefox21*/
  display: -ms-flexbox;
  /*IE10*/
  display: -webkit-flex;
  /*PC-Safari,iOS8.4*/
  display: flex; }
  .hm-information__col1 {
    width: 100%;
    border: 1px solid #b3b3b3;
    background-color: #fff;
    padding: .5em 1em 1em;
    margin-right: 24px; }
  @media screen and (max-width: 1023px) {
    .hm-information {
      display: block; }
      .hm-information__col1 {
        width: 100%;
        margin-bottom: 1em;
        padding: .5em .5em 1em;
        margin-right: 0; }
      .hm-information__col2 {
        width: 100%;
        padding: .5em .5em 1em; } }

.hm-information__h3 {
  text-align: center;
  border-top: 1px solid #E71F19;
  border-bottom: 1px solid #E71F19;
  background: url("../img/home/bg-line-01.png") left top/7px repeat-x;
  padding-bottom: .2em;
  margin-bottom: 1em; }
  .hm-information__h3 h3 {
    padding-top: .8em;
    font-size: 2rem;
    line-height: 1;
    letter-spacing: .15em; }
  .hm-information__h3 span {
    color: #E71F19;
    font-size: 1.4rem;
    letter-spacing: .1em;
    font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; }

/* 投稿 お知らせ */
.hm-news__article {
  width: calc(100%/2 - .6em);
  float: left;
  border-bottom: 2px dotted #b3b3b3;
  position: relative;
  overflow: hidden;
  min-height: 65px;
  z-index: 0; }
  .hm-news__article:nth-child(odd) {
    margin-left: 1em; }
  @media screen and (max-width: 767px) {
    .hm-news__article {
      width: 100%; }
      .hm-news__article:nth-child(odd) {
        margin-left: 0; } }

.hm-news__date {
  padding-left: 1em;
  background: url("../img/home/ico-news-01.png") left center/16px no-repeat;
  width: 78px;
  margin-right: .5em;
  margin-top: 1em; }
  .hm-news__date p {
    margin-bottom: 0;
    font-size: 0; }
  .hm-news__date time {
    display: inline-block;
    margin-bottom: 0;
    font-size: 10px;
    font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    letter-spacing: .05em; }
  .hm-news__date span {
    padding: 0.2em .2em;
    font-size: 0.9rem; }

.hm-news__title {
  margin-bottom: 0;
  position: absolute;
  top: 50%;
  z-index: 0;
  left: 85px;
  width: 70%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%); }
  .hm-news__title a {
    padding-top: .6em;
    color: #231815;
    font-size: 1.2rem;
    margin-bottom: 0;
    line-height: 1.3;
    display: inline-block; }
  @media screen and (max-width: 767px) {
    .hm-news__title {
      width: auto; } }

.hm-news article:nth-of-type(1) {
  border-top: 2px dotted #b3b3b3; }

.hm-news article:nth-of-type(2) {
  border-top: 2px dotted #b3b3b3; }
  @media screen and (max-width: 767px) {
    .hm-news article:nth-of-type(2) {
      border-top: none; } }

.c-new {
  background: url("../img/home/ico-new-01.png") right center/53px no-repeat;
  position: absolute;
  width: 53px;
  height: 29px;
  top: -6px;
  right: 0;
  font-size: 0; }

/* 投稿 コラム */
.hm-column__article {
  overflow: hidden; }
  .hm-column__article img {
    width: 110px;
    height: 76px;
    -o-object-fit: cover;
    object-fit: cover;
    float: left;
    margin-right: .2em; }
  .hm-column__article .hm-column__txt {
    margin-top: 1em; }
    .hm-column__article .hm-column__txt p {
      margin-bottom: 0;
      font-size: 1.2rem; }
    .hm-column__article .hm-column__txt .hm-column__title a {
      color: #E55927; }

.hm-column__item {
  overflow: hidden;
  position: relative;
  width: calc(100% - .6em);
  display: inline-block;
  float: left;
  border-bottom: 1px solid #040000;
  padding-bottom: .1em;
  padding-top: .1em; }
  @media screen and (max-width: 767px) {
    .hm-column__item {
      width: 100%; }
      .hm-column__item:nth-child(odd) {
        margin-right: 0; } }

.fa-tb {
  margin-bottom: 0;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd; }

.fa-tb th {
  width: 30%; }

.fa-txtBox {
  border: 1px solid #ddd;
  border-top: none;
  padding: 1.6em;
  overflow: hidden; }
  .fa-txtBox img {
    float: left; }
  .fa-txtBox p {
    padding-left: 1em;
    margin-bottom: 0;
    overflow: hidden; }
  @media screen and (max-width: 767px) {
    .fa-txtBox img {
      float: none;
      margin-bottom: .5em; }
    .fa-txtBox p {
      padding-left: 0; } }

/* お問い合わせフォーム */
/* 強調 */
.fo-caution {
  color: #E71F19; }

/* table */
.fo-tb {
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
  font-size: 1.4rem; }
  .fo-tb th,
  .fo-tb td {
    padding: 1em 1.5em; }
  .fo-tb th {
    width: 24%; }
  @media screen and (max-width: 767px) {
    .fo-tb {
      width: 100%;
      table-layout: fixed;
      word-break: break-all;
      word-wrap: break-all; }
      .fo-tb th, .fo-tb td {
        display: block;
        width: 100%;
        float: left;
        text-align: left; } }

/* フォーム要素 */
.wpcf7 input[type="text"], .wpcf7 textarea {
  width: 36em; }
  @media screen and (max-width: 767px) {
    .wpcf7 input[type="text"], .wpcf7 textarea {
      width: 100%; } }

@media screen and (max-width: 767px) {
  .wpcf7 input[type="email"] {
    width: 100%; } }

@media screen and (max-width: 767px) {
  .fo-inp--notes {
    display: block; } }

.wpcf7 .fo-tb .fo-inp--l {
  width: 40%; }

.wpcf7 .fo-tb .fo-inp--m {
  width: 20%;
  min-width: 10em; }

.wpcf7 .fo-tb .fo-inp--xs {
  width: 13%;
  min-width: 5em; }

.fo-privacyBox {
  text-align: center;
  padding: 1em 0; }

.fo-submitBox {
  text-align: center; }
  .fo-submitBox input.fo-submitBox__btn--confirm, .fo-submitBox input.fo-submitBox__btn--submit {
    display: inline-block;
    padding: .8em 1.2em;
    font-size: 1.5rem;
    line-height: 1.333333;
    border-radius: 4px;
    color: #fff;
    background-color: #E71F19;
    border: 1px solid #E71F19;
    cursor: pointer; }
    .fo-submitBox input.fo-submitBox__btn--confirm:hover, .fo-submitBox input.fo-submitBox__btn--submit:hover {
      border: 1px solid #E71F19;
      background-color: #fff;
      color: #E71F19; }
    .fo-submitBox input.fo-submitBox__btn--confirm:disabled, .fo-submitBox input.fo-submitBox__btn--submit:disabled {
      background-color: #aaa;
      padding: .8em 1.2em;
      border-radius: 4px;
      display: inline-block;
      border: 1px solid #aaa;
      cursor: not-allowed;
      color: #fff; }
  .fo-submitBox input.fo-submitBox__btn--edit {
    display: inline-block;
    padding: .8em 1.2em;
    font-size: 1.5rem;
    line-height: 1.333333;
    border-radius: 4px;
    border: 1px solid #ddd;
    margin-right: 1em;
    cursor: pointer; }
    .fo-submitBox input.fo-submitBox__btn--edit:hover {
      background-color: #ddd; }

input:-webkit-autofill.wpcf7c-conf {
  -webkit-box-shadow: 0 0 0px 1000px #fff inset !important;
  border: none !important;
  background: #fff !important; }

input:-webkit-autofill.wpcf7c-conf:focus {
  border: none !important; }

.wpcf7c-conf {
  background: #fff !important;
  border-color: #fff !important; }

.wpcf7c-conf:focus {
  border-color: transparent !important; }

.wpcf7-text:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #fff inset;
  box-shadow: 0 0 0 1000px #fff inset; }

input.wpcf7c-conf,
textarea.wpcf7c-conf {
  border: 0;
  padding: 0;
  background: #fff; }

.custom-wpcf7c-confirmed .fo-tb th, .custom-wpcf7c-confirmed .fo-tb td {
  padding: .5em 1.5em; }

.custom-wpcf7c-confirmed .fo-inp--notes {
  display: none; }

.custom-wpcf7c-confirmed .fo-inp--xs {
  min-width: 3em;
  width: 3em; }

.po-breadcrumb ul {
  color: #666; }
  .po-breadcrumb ul li {
    display: inline-block;
    padding: 0.5em;
    font-size: 1.2rem;
    color: #666; }
    .po-breadcrumb ul li a, .po-breadcrumb ul li:hover, .po-breadcrumb ul li:active {
      color: #666; }

.po-postList {
  width: 90%;
  margin: 0 auto; }
  @media screen and (max-width: 767px) {
    .po-postList {
      width: 100%; } }

.po-postList__dl {
  border-bottom: none;
  position: relative;
  min-height: 60px; }
  .po-postList__dl dt {
    width: 120px; }
    .po-postList__dl dt time {
      font-size: 1.4rem;
      font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; }
    .po-postList__dl dt div {
      font-size: 1.2rem; }
      .po-postList__dl dt div span {
        padding: .2em; }
  .po-postList__dl dd {
    margin-left: 120px;
    padding: .5em 2em;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%); }
    .po-postList__dl dd h3 {
      font-size: 1.6rem; }
  @media screen and (max-width: 767px) {
    .po-postList__dl dt {
      width: 100%;
      padding: .2em 0 .2em .5em; }
      .po-postList__dl dt::before {
        height: 20px;
        top: 8px; }
      .po-postList__dl dt p {
        display: inline;
        vertical-align: middle; }
      .po-postList__dl dt div {
        display: inline; }
        .po-postList__dl dt div span {
          display: inline-block;
          width: 80px;
          margin-left: .2em; }
    .po-postList__dl dd {
      margin-left: 0;
      position: relative;
      top: 0;
      padding: .5em .5em;
      -webkit-transform: none;
      -ms-transform: none;
      transform: none; } }

.po-postList__article--ag {
  min-height: 40px; }

.po-postList__dl--ag dd {
  position: relative;
  top: 0;
  left: 0;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none; }

.po-postList__article {
  border-top: 1px solid #ddd; }
  .po-postList__article:first-of-type {
    border-top: none; }

.po-postDetail {
  text-align: right;
  width: 100%; }

.po-postDetail__category {
  display: inline-block; }
  .po-postDetail__category span {
    padding: .2em .8em;
    font-size: 1.3rem; }

.po-news__cat {
  background-color: #ddd;
  display: block;
  text-align: center;
  letter-spacing: .1em;
  color: #fff;
  line-height: 1;
  vertical-align: middle; }

.po-news__cat--news {
  background-color: #ff3333; }

.po-news__cat--business {
  background-color: #00cc66; }

.po-news__cat--consumer {
  background-color: #ff9900; }

.po-news__cat--recipe {
  background-color: #33ccff; }

.po-news__cat--china,
.po-news__cat--se-asia,
.po-news__cat--oceania,
.po-news__cat--n-america,
.po-news__cat--cs-america,
.po-news__cat--europe,
.po-news__cat--domestic {
  background-color: #71c7d5; }

.po-postDetail__time {
  font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  font-size: 1.3rem;
  color: #888;
  padding-left: .5em;
  text-align: right;
  display: inline-block; }

.po-postList__article {
  width: 100%;
  overflow: hidden; }
  .po-postList__article .po-postList__article--col1 {
    width: 230px;
    display: inline-block;
    float: left; }
  .po-postList__article .po-postList__article--col2 {
    width: calc(100% - 250px);
    display: inline-block;
    float: right; }
  @media screen and (max-width: 767px) {
    .po-postList__article .po-postList__article--col1,
    .po-postList__article .po-postList__article--col2 {
      width: 100%; } }

.po-postList__article--co {
  padding: .5em 0; }
  .po-postList__article--co img {
    width: 230px;
    height: 165px;
    -o-object-fit: cover;
    object-fit: cover;
    margin-right: .2em; }
  .po-postList__article--co h3 {
    font-size: 2rem; }
  .po-postList__article--co time {
    font-size: 1.3rem;
    font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; }
  .po-postList__article--co .po-postList__readmore {
    word-break: keep-all; }
  @media screen and (max-width: 767px) {
    .po-postList__article--co {
      margin-bottom: 1em;
      padding-top: 2em; }
      .po-postList__article--co img {
        width: 100%;
        margin-bottom: 1em; }
      .po-postList__article--co .po-postList__readmore {
        display: block;
        padding-top: .2em; } }

.po-postBody h2 {
  font-weight: bold;
  font-size: 3rem;
  line-height: 1.7;
  margin-bottom: 1em;
  padding: .3em .5em;
  position: relative; }
  .po-postBody h2:before {
    border-top: 2px solid #7F8080;
    content: '';
    display: block;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0; }
  .po-postBody h2:after {
    border-top: 2px solid #E71F19;
    content: '';
    display: block;
    width: 5.5em;
    position: absolute;
    bottom: 0;
    left: 0; }
  @media screen and (max-width: 767px) {
    .po-postBody h2 {
      font-size: 2.5rem; } }

.po-postBody h3 {
  font-weight: normal;
  border-bottom: 2px dotted #E71F19;
  font-size: 2.2rem;
  margin-bottom: 1em; }

.po-postBody ul {
  padding-bottom: 15px; }
  .po-postBody ul li {
    list-style-type: disc;
    margin-left: 1.5em; }

.wp-block-gallery .blocks-gallery-image figure, .wp-block-gallery .blocks-gallery-item figure {
  display: block !important;
  /* align-items: flex-end; */
  /* justify-content: flex-start; */ }

.wp-block-gallery.is-cropped .blocks-gallery-image a, .wp-block-gallery.is-cropped .blocks-gallery-image img, .wp-block-gallery.is-cropped .blocks-gallery-item a, .wp-block-gallery.is-cropped .blocks-gallery-item img {
  height: auto !important;
  -webkit-box-flex: 0 !important;
  -ms-flex: none !important;
  flex: none !important; }

.wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption {
  position: relative !important;
  bottom: 0;
  width: 100%;
  max-height: 100%;
  overflow: hidden !important;
  padding: 10px 5px 5px !important;
  color: #231815 !important;
  text-align: center;
  font-size: 13px;
  background: none !important; }

.pr-h2 img {
  width: 50%;
  min-width: 300px;
  max-width: 435px; }

.pr-h3 img {
  min-width: 190px;
  width: 30%; }

.pr-categoryLink ul {
  font-size: 0; }
  .pr-categoryLink ul li {
    display: inline-block;
    width: calc(96%/4);
    margin-bottom: 1%;
    margin-right: 1%; }
    .pr-categoryLink ul li a {
      display: block;
      width: 100%;
      font-weight: bold;
      font-size: 2.4rem;
      letter-spacing: .2em;
      text-align: center;
      line-height: 2.2;
      color: #734b23;
      border-radius: 4px;
      border: 2px solid #896138; }
      .pr-categoryLink ul li a:hover, .pr-categoryLink ul li a:active {
        text-decoration: none;
        color: #fefdec;
        background-color: #896138; }
      .pr-categoryLink ul li a:focus {
        text-decoration: none; }
    @media screen and (max-width: 767px) {
      .pr-categoryLink ul li {
        width: calc(97%/3); }
        .pr-categoryLink ul li a {
          font-size: 2rem; } }
  @media screen and (max-width: 767px) and (max-width: 479px) {
    .pr-categoryLink ul li {
      width: calc(98%/2); }
      .pr-categoryLink ul li a {
        font-size: 1.8rem; } }

.pr-catContainer .row [class^="col"] {
  position: relative;
  border: 1px solid #bda799;
  background-color: #fff;
  padding: 1px;
  margin: 0.7em 1%;
  width: calc(50% - 2%);
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  @media screen and (max-width: 767px) {
    .pr-catContainer .row [class^="col"] {
      width: calc(100% - 2%); } }
  .pr-catContainer .row [class^="col"] .pr-catContainer__img {
    float: left;
    width: calc(50% - 1em); }
    @media screen and (max-width: 1023px) {
      .pr-catContainer .row [class^="col"] .pr-catContainer__img {
        width: 40%; } }
    @media screen and (max-width: 479px) {
      .pr-catContainer .row [class^="col"] .pr-catContainer__img {
        width: 30%; } }
    .pr-catContainer .row [class^="col"] .pr-catContainer__img img {
      vertical-align: middle; }
  .pr-catContainer .row [class^="col"] .pr-catContainer__summary {
    overflow: hidden;
    padding: .5em .2em;
    margin-right: .5em;
    margin-left: .5em;
    width: 50%;
    -ms-flex-item-align: start;
    -ms-grid-row-align: start;
    align-self: start; }
    @media screen and (max-width: 1023px) {
      .pr-catContainer .row [class^="col"] .pr-catContainer__summary {
        width: calc(60% - 1em); } }
    @media screen and (max-width: 479px) {
      .pr-catContainer .row [class^="col"] .pr-catContainer__summary {
        width: calc(70% - .4em);
        margin-right: .2em;
        margin-left: .2em; } }
    .pr-catContainer .row [class^="col"] .pr-catContainer__summary .pr-catContainer__title {
      font-size: 2.2rem;
      font-weight: normal;
      color: #0C8C43;
      margin-bottom: 10px;
      line-height: 1.2;
      margin-bottom: .3em; }
      @media screen and (max-width: 479px) {
        .pr-catContainer .row [class^="col"] .pr-catContainer__summary .pr-catContainer__title {
          font-size: 1.9rem; } }
    .pr-catContainer .row [class^="col"] .pr-catContainer__summary .pr-catContainer__txt {
      margin-bottom: 1.4em; }
      @media screen and (max-width: 479px) {
        .pr-catContainer .row [class^="col"] .pr-catContainer__summary .pr-catContainer__txt {
          margin-bottom: 0.5em; } }

.pr-catContainer__btn {
  display: block; }
  .pr-catContainer__btn .pr-catContainer__icon {
    display: inline-block;
    width: 15px;
    height: 17px;
    vertical-align: middle;
    background: url(../img/products/common/ico-detail-01.png) no-repeat 0 -1px;
    background-size: 15px 17px; }
  .pr-catContainer__btn a {
    position: absolute;
    bottom: 1px;
    right: 1px;
    display: block;
    text-align: center;
    background-color: #E71F19;
    color: #fff;
    font-size: 1.2rem;
    letter-spacing: .2em;
    padding: .5em; }
    .pr-catContainer__btn a:hover, .pr-catContainer__btn a:active, .pr-catContainer__btn a:focus {
      text-decoration: none;
      opacity: .7; }
  @media screen and (max-width: 479px) {
    .pr-catContainer__btn {
      clear: both;
      padding-top: 2px;
      width: 100%; }
      .pr-catContainer__btn a {
        width: calc(100% - 1px);
        position: relative;
        right: 0; } }

.pr-detailContainer__box {
  border: 1px solid #bda799;
  background-color: #fff;
  padding: 1px;
  position: relative;
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 1em;
  margin-top: 1em; }
  .pr-detailContainer__box .pr-detailContainer__mainImg {
    display: inline-block;
    width: 230px;
    font-size: 0; }
  .pr-detailContainer__box .pr-detailContainer__txt {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 545px);
    margin-right: 10px;
    margin-left: 10px;
    -ms-flex-item-align: start;
    -ms-grid-row-align: start;
    align-self: start; }
  .pr-detailContainer__box .pr-detailContainer__tableContainer {
    display: inline-block;
    vertical-align: top;
    width: 290px;
    margin-bottom: 50px;
    -ms-flex-item-align: start;
    -ms-grid-row-align: start;
    align-self: start; }
  @media screen and (max-width: 767px) {
    .pr-detailContainer__box {
      display: block;
      padding: 50px 3%;
      margin-bottom: 15px; }
      .pr-detailContainer__box .pr-detailContainer__mainImg {
        display: block;
        width: auto;
        text-align: center;
        margin-bottom: 20px; }
        .pr-detailContainer__box .pr-detailContainer__mainImg img {
          vertical-align: middle;
          border-radius: 4px; }
      .pr-detailContainer__box .pr-detailContainer__txt {
        display: block;
        width: 100%;
        margin-right: 0;
        margin-left: 0; }
      .pr-detailContainer__box .pr-detailContainer__tableContainer {
        display: block;
        padding: 0;
        width: 100%;
        margin-bottom: 0; } }

.pr-consumer__mainImg {
  padding: 5px; }

.pr-detailContainer .pr-detailContainer__txt .pr-detailContainer__h3 {
  background: url(../img/products/common/ico-detail-02.png) repeat-x 0 bottom;
  background-size: 421px;
  font-size: 2.5rem;
  color: #0C8C43;
  padding: 4px 2px 6px;
  margin-bottom: 0.2em; }

.pr-detailContainer .pr-detailContainer__txt .pr-detailContainer__overview {
  margin-bottom: .5em; }

@media screen and (max-width: 767px) {
  .pr-detailContainer .pr-detailContainer__txt {
    margin-bottom: 1.5em; }
    .pr-detailContainer .pr-detailContainer__txt .pr-detailContainer__overview {
      margin-bottom: 1.5em; } }

.pr-detailContainer__table {
  margin: .5em 0;
  font-size: 1.3rem;
  text-align: center; }
  .pr-detailContainer__table td, .pr-detailContainer__table th {
    padding: .2em; }
  @media screen and (max-width: 767px) {
    .pr-detailContainer__table {
      margin: 0 0 2em;
      font-size: 1.4rem; } }

.pr-detailContainer__remark {
  font-size: 1.2rem;
  margin-bottom: 0; }
  @media screen and (max-width: 767px) {
    .pr-detailContainer__remark {
      margin-bottom: 1.6em; } }

.pr-detailContainer__link {
  display: block; }
  .pr-detailContainer__link a {
    background-color: #ED8F25;
    border: 1px solid #fff;
    -webkit-box-shadow: 0px 0px 0px 2px #ED8F25;
    box-shadow: 0px 0px 0px 2px #ED8F25;
    border-radius: 2px;
    position: absolute;
    bottom: 10px;
    right: 10px;
    display: block;
    font-size: 1.2rem;
    letter-spacing: .2em;
    padding: .2em .5em;
    width: 140px;
    text-align: center; }
    .pr-detailContainer__link a:hover {
      text-decoration: none;
      opacity: .8; }
  .pr-detailContainer__link .pr-detailContainer__icon {
    display: inline-block;
    width: 22px;
    height: 2rem;
    vertical-align: baseline;
    background: url(../img/products/common/ico-detail-03.png) no-repeat 0 -1px;
    background-size: 22px 16px; }
  .pr-detailContainer__link p {
    margin: 0;
    color: #fff;
    display: inline-block;
    line-height: 1.2;
    font-size: 1.1rem; }
  @media screen and (max-width: 767px) {
    .pr-detailContainer__link .pr-detailContainer__icon {
      vertical-align: middle; }
    .pr-detailContainer__link a {
      position: relative;
      right: 0;
      bottom: 0;
      width: 100%;
      padding: .4em .5em; }
    .pr-detailContainer__link p {
      font-size: 1.5rem;
      line-height: 1.6; } }

.co-categoryLink {
  padding: 3px 0; }
  .co-categoryLink ul {
    display: table;
    border-collapse: separate;
    border-spacing: 3px 0;
    list-style: none;
    margin: 0 auto;
    padding-left: 0;
    width: 100%;
    max-width: 1080px; }
    .co-categoryLink ul li {
      display: table-cell;
      position: relative;
      line-height: 44px;
      text-align: center; }
      .co-categoryLink ul li a {
        display: block;
        position: relative;
        padding-right: 6px;
        color: #666;
        border-radius: 4px;
        border: 2px solid #666; }
        .co-categoryLink ul li a:hover, .co-categoryLink ul li a:active, .co-categoryLink ul li a:focus {
          text-decoration: none; }
        .co-categoryLink ul li a:hover {
          text-shadow: none;
          color: #fff;
          background-color: #666; }
      .co-categoryLink ul li .co-categoryLink__icon {
        display: inline-block;
        width: 17px;
        height: 17px;
        position: absolute;
        vertical-align: text-bottom;
        background: url(../img/company/ico-toNext-gray.png) no-repeat 0 0;
        background-size: 17px;
        right: .5em;
        top: calc(50% - 8px); }
      .co-categoryLink ul li:hover .co-categoryLink__icon {
        display: inline-block;
        width: 17px;
        height: 17px;
        vertical-align: text-bottom;
        background: url(../img/company/ico-toNext-gray-hover.png) no-repeat 0 0;
        background-size: 17px; }
  @media screen and (max-width: 767px) {
    .co-categoryLink li {
      display: block;
      width: calc(50% - 2px);
      float: left;
      margin-bottom: 2px;
      margin-right: 2px; } }

.co-h3 {
  font-size: 3.5rem;
  font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  margin-bottom: 20px; }
  @media screen and (max-width: 767px) {
    .co-h3 {
      font-size: 3rem;
      margin-bottom: 15px; } }
  @media screen and (max-width: 767px) and (max-width: 479px) {
    .co-h3 {
      font-size: 2.6rem; } }

.co-messageBox .co-messageBox__img {
  padding-left: 1em;
  padding-bottom: 1em; }

.co-emphasizeBox {
  border: 1px solid #231815;
  border-right: 5px solid #231815;
  border-left: 5px solid #231815;
  padding: 1em .5em; }
  .co-emphasizeBox .co-emphasizeBox__txt {
    text-align: center;
    font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    font-size: 2.2rem;
    margin-bottom: 0; }
    @media screen and (max-width: 479px) {
      .co-emphasizeBox .co-emphasizeBox__txt {
        text-align: left;
        font-size: 1.8rem; } }

.co-emphasize__img {
  max-width: 364px; }

.company iframe {
  width: 100%;
  height: 260px; }

.searchandfilter div {
  margin: 0 auto;
  width: 880px; }
  @media screen and (max-width: 1023px) {
    .searchandfilter div {
      width: 100%; } }

.searchandfilter div > ul > li:last-child {
  display: block;
  text-align: center;
  margin-top: 30px; }
  @media screen and (max-width: 1023px) {
    .searchandfilter div > ul > li:last-child {
      margin-bottom: 40px; } }
  @media screen and (max-width: 767px) {
    .searchandfilter div > ul > li:last-child {
      margin-top: 10px;
      margin-bottom: 70px; } }

.searchandfilter ul > li > ul > li {
  width: 30%;
  text-align: left;
  padding-bottom: 10px; }

@media screen and (max-width: 1023px) {
  .searchandfilter ul > li > ul:not(.children){
    margin:0 10% !important;
  }
  .searchandfilter ul > li > ul > li{
    width: 49%;
  }
  .searchandfilter ul > li > ul > li:nth-last-of-type(7){
    width: 100%;
  }
}
.searchandfilter ul > li > ul > li:nth-last-of-type(7):after {
    content: "";
    display: block;
    height: 30px;
}
.searchandfilter ul > li > ul > li:nth-last-of-type(6) label input,
.searchandfilter ul > li > ul > li:nth-last-of-type(5) label input,
.searchandfilter ul > li > ul > li:nth-last-of-type(4) label input,
.searchandfilter ul > li > ul > li:nth-last-of-type(3) label input,
.searchandfilter ul > li > ul > li:nth-last-of-type(2) label input,
.searchandfilter ul > li > ul > li:nth-last-of-type(1) label input{
  border-color: blue;
}

@media screen and (max-width: 767px) {
  .searchandfilter ul > li > ul > li:nth-of-type(odd), .searchandfilter ul > li > ul > li:nth-of-type(even) {
    width: 80%;
    margin-left: 15%; } }

.searchandfilter li {
  padding-right: 0 !important; }
  @media screen and (max-width: 767px) {
    .searchandfilter li {
      display: inline; } }

.searchandfilter label {
  color: #714a22;
  display: inline !important;
  font-size: 2.0rem; }
  .searchandfilter label:hover {
    cursor: pointer; }
  @media screen and (max-width: 767px) {
    .searchandfilter label {
      font-size: 2rem; } }

.searchandfilter input[type=checkbox] {
  position: relative;
  top: 4px;
  right: 0;
  bottom: 0;
  left: 0;
  width: 26px;
  height: 26px;
  margin: 0;
  margin-right: .1em;
  cursor: pointer;
  -webkit-transition: all 0.15s ease-out 0s;
  -o-transition: all 0.15s ease-out 0s;
  transition: all 0.15s ease-out 0s;
  color: #231815;
  border: 2px solid #dd2326;
  outline: none;
  padding: 0;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff; }
  .searchandfilter input[type=checkbox]:hover {
    background: #d6a9a9;
    color: #231815; }
  .searchandfilter input[type=checkbox]:checked {
    color: #231815; }
  .searchandfilter input[type=checkbox]:checked::before {
    font-size: 20px;
    line-height: 30px;
    position: absolute;
    display: inline-block;
    width: 30px;
    height: 30px;
    top: -4px;
    left: -3px;
    content: '?';
    text-align: center;
    color: #231815 !important; }
  .searchandfilter input[type=checkbox]:checked::after {
    position: relative;
    display: block;
    content: '';
    -webkit-animation: click-wave 0.65s;
    animation: click-wave 0.65s;
    background: #da3c41; }

.searchandfilter input[type="submit"] {
  background-color: #E71F19;
  color: #fff;
  text-shadow: 1px 3px 2px rgba(34, 23, 20, 0.3);
  font-size: 3.5rem;
  letter-spacing: 0.4rem;
  padding: 10px;
  width: 410px;
  margin-bottom: 60px;
  border-radius: 45px;
  -webkit-box-shadow: 0px 0px 8px 3px #fff inset;
  box-shadow: 0px 0px 8px 3px #fff inset;
  border: 4px solid #E71F19; }
  .searchandfilter input[type="submit"]:hover {
    cursor: pointer;
    background-color: #fff;
    color: #E71F19; }
  @media screen and (max-width: 767px) {
    .searchandfilter input[type="submit"] {
      width: 80%;
      padding: 5px;
      font-size: 2.4rem; } }

.re-container--bg {
  background-image: url("../img/recipe/bg-recipe-03.png");
  background-repeat: repeat;
  background-size: 25%;
  background-color: rgba(255, 210, 69, 0.7); }

.re-search {
    height: auto;
    padding: 8px;
    /* padding-top: 70px; */
    background-image: url(../img/recipe/bg-recipe-01-02.png), url(../img/recipe/bg-recipe-02.jpg);
    background-repeat: no-repeat, repeat;
    background-size: 1016px,50%;
    background-position: top, center;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3); }
.re-search2 {
    height: auto;
    padding: 8px;
    /* padding-top: 70px; */
    background-image: url(../img/recipe/bg-recipe-01-02-02.png), url(../img/recipe/bg-recipe-02.jpg);
    background-repeat: no-repeat, repeat;
    background-size: 1016px,50%;
    background-position: top, center;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3); }
    .re-search .re-search__wrap {
    border: 1px solid #896138;
    padding-top: 70px;
    border-radius: 4px;
    height: 100%;
    background-image: url(../img/recipe/bg-recipe-sp-01.png), url(../img/recipe/bg-recipe-sp-02.png);
    background-repeat: no-repeat,no-repeat;
    background-size: 119px,73px;
    background-position: bottom left 10%,bottom right 10%; }
    .re-search2 .re-search__wrap {
    border: 1px solid #896138;
    padding-top: 70px;
    border-radius: 4px;
    height: 100%;
    background-image: url(../img/recipe/bg-recipe-sp-01.png), url(../img/recipe/bg-recipe-sp-02.png);
    background-repeat: no-repeat,no-repeat;
    background-size: 119px,73px;
    background-position: bottom left 10%,bottom right 10%; }
  @media screen and (max-width: 1023px) {
    .re-search {
      background-image: url("../img/recipe/bg-recipe-02.jpg");
      background-repeat: repeat;
      background-size: 350px;
      background-position: center;
      padding: 5px;
      height: 100%; }
    .re-search2 {
      background-image: url("../img/recipe/bg-recipe-02.jpg");
      background-repeat: repeat;
      background-size: 350px;
      background-position: center;
      padding: 5px;
      height: 100%; }
      .re-search .re-search__wrap {
        border: 1px solid #896138;
        border-radius: 4px;
        height: 100%;
        background-image: url("../img/recipe/bg-recipe-sp-01.png"), url("../img/recipe/bg-recipe-sp-02.png");
        background-repeat: no-repeat,no-repeat;
        background-size: 119px,73px;
        background-position: bottom left 10%,bottom right 10%; }
      .re-search2 .re-search__wrap {
        border: 1px solid #896138;
        border-radius: 4px;
        height: 100%;
        background-image: url("../img/recipe/bg-recipe-sp-01.png"), url("../img/recipe/bg-recipe-sp-02.png");
        background-repeat: no-repeat,no-repeat;
        background-size: 119px,73px;
        background-position: bottom left 10%,bottom right 10%; } }

.re-search__desc {
  position: relative;
  padding: 15px 0;
  font-size: 1.7rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: .8em; }
  .re-search__desc span {
    color: #734b23;
    font-size: 3.8rem;
    font-weight: bold;
    line-height: 1.6;
    position: relative;
    display: inline-block;
    letter-spacing: 0.2em; }
    .re-search__desc span::before, .re-search__desc span::after {
      content: '';
      position: absolute;
      top: 0;
      width: 1px;
      height: 56px;
      display: block; }
    .re-search__desc span::before {
      border-left: solid 2px #734b23;
      -webkit-transform: rotate(-30deg);
      -ms-transform: rotate(-30deg);
      transform: rotate(-30deg);
      left: -1em; }
    .re-search__desc span::after {
      border-right: solid 2px #734b23;
      -webkit-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
      transform: rotate(30deg);
      right: -0.6em; }
  @media screen and (max-width: 767px) {
    .re-search__desc span {
      font-size: 2.8rem;
      line-height: 1.9; } }
  @media screen and (max-width: 479px) {
    .re-search__desc {
      font-size: 1.6rem; }
      .re-search__desc span {
        font-size: 2rem; }
        .re-search__desc span::before, .re-search__desc span::after {
          content: '';
          position: absolute;
          top: 0;
          width: 1px;
          height: 30px;
          display: block; }
        .re-search__desc span::before {
          left: -0.5em; }
        .re-search__desc span::after {
          right: -0.2em; } }

.re-search__text p{
  display: block !important;
  margin:auto;
  text-align: center;
}

.re-search__text p input[type="text"]{
  width: 100%;
  padding:30px;
  border:2px solid #dd2326;
}
  @media screen and (max-width: 1023px) {
    .re-search__text p input[type="text"]{
      width: 80%;
      padding: 20px;
    }
  }

.re-listContent {
  border: 5px solid #a27a51;
  background-color: #fff;
  border-radius: 10px;
  padding: 24px;
  overflow: hidden; }
  .re-listContent__h2 {
    color: #896138;
    font-size: 2.8rem;
    position: relative;
    padding-left: 56px; }
    .re-listContent__h2::before {
      position: absolute;
      content: '';
      width: 47px;
      height: 47px;
      left: 0;
      display: block;
      background: url("../img/recipe/ico-recipe-title-01.png") no-repeat 50% 100%/46px; }
  @media screen and (max-width: 767px) {
    .re-listContent {
      padding: 12px; }
      .re-listContent__h2 {
        font-size: 1.6rem;
        padding-left: 25px; }
        .re-listContent__h2::before {
          width: 20px;
          height: 20px;
          top: 2px;
          background: url("../img/recipe/ico-recipe-title-01.png") no-repeat 50% 100%/20px; } }

.re-listContent__itemBox {
  border: 1px solid #896138;
  border-radius: 4px;
  padding: 12px;
  width: calc(50% - 15px);
  margin-bottom: 20px !important; }
  .re-listContent__itemBox:nth-of-type(odd) {
    margin-right: 30px; }
  .re-listContent__itemBox .re-listContent__img {
    float: left;
    margin-bottom: 5px; }
    .re-listContent__itemBox .re-listContent__img img {
      width: 240px;
      height: 220px;
      -o-object-fit: cover;
      object-fit: cover;
      border-radius: 6px; }
  .re-listContent__itemBox .re-listContent__txt {
    padding-left: 250px; }
    .re-listContent__itemBox .re-listContent__txt h3 {
      border-top: 1px dotted #231815;
      border-bottom: 1px dotted #231815;
      padding-bottom: .1em; }
      .re-listContent__itemBox .re-listContent__txt h3 a {
        color: #231815;
        font-size: 1.9rem; }
        .re-listContent__itemBox .re-listContent__txt h3 a:after {
          content: '';
          width: 100%;
          height: 1px;
          left: 0;
          bottom: 0;
          display: block;
          background: -webkit-radial-gradient(#231815 20%, transparent 30%) center/0.1em;
          background: -o-radial-gradient(#231815 20%, transparent 30%) center/0.1em;
          background: radial-gradient(#231815 20%, transparent 30%) center/0.1em; }
  .re-listContent__itemBox .re-listContent__tag li {
    list-style: none;
    padding-left: 15px;
    background: url("../img/recipe/ico-recipe-tag-01.png") no-repeat 0 50%/12px;
    float: left;
    margin-left: 5px; }
    .re-listContent__itemBox .re-listContent__tag li a {
      color: #c2996b;
      font-weight: bold;
      font-size: 1.2rem; }
  @media screen and (max-width: 1023px) {
    .re-listContent__itemBox .re-listContent__img {
      width: 40%;
      height: 150px; }
      .re-listContent__itemBox .re-listContent__img img {
        height: 150px; }
    .re-listContent__itemBox .re-listContent__txt {
      padding-left: calc(40% + 10px); } }
  @media screen and (max-width: 767px) {
    .re-listContent__itemBox {
      width: 100%;
      padding: 5px !important;
      margin-bottom: 10px !important; }
      .re-listContent__itemBox .re-listContent__img img {
        height: 150px; }
      .re-listContent__itemBox .re-listContent__txt {
        padding-left: 42%; }
        .re-listContent__itemBox .re-listContent__txt h3 {
          line-height: 1.3; }
          .re-listContent__itemBox .re-listContent__txt h3 a {
            font-size: 1.6rem; } }

.re-detailContent {
  border: 1px solid #a27a51;
  background-color: #fff;
  border-radius: 6px;
  padding: 24px;
  overflow: hidden; }
  .re-detailContent__h2 {
    font-size: 2.2rem;
    padding: 0 0 6px 50px;
    border-bottom: 1px dotted #231815;
    background: url("../img/recipe/ico-recipe-detail-01.png") no-repeat 0 0/43px; }
  .re-detailContent__img img {
    border-radius: 4px; }
  .re-detailContent__overview {
    padding: 10px;
    border-right: 2px solid #ED8F25;
    border-left: 2px solid #ED8F25;
    font-size: 1.8rem; }
  @media screen and (max-width: 767px) {
    .re-detailContent {
      padding: 2%; }
      .re-detailContent__h2 {
        font-size: 1.8rem;
        margin-right: 2%;
        margin-left: 2%; }
      .re-detailContent__overview {
        font-size: 1.6rem; } }
  @media screen and (max-width: 479px) {
    .re-detailContent {
      padding: 2% 0; } }

.re-detailContent__h3 {
  padding-bottom: 4px;
  padding-left: 29px;
  font-size: 1.7rem;
  color: #ED8F25;
  border-bottom: 1px solid #ED8F25;
  margin-bottom: .2em; }
  .re-detailContent__h3.re-ingredient__h3 {
    background: url("../img/recipe/ico-recipe-detail-02.png") no-repeat 0 0/23px; }
  .re-detailContent__h3.re-preparation__h3 {
    background: url("../img/recipe/ico-recipe-detail-03.png") no-repeat 0 0/23px; }
  .re-detailContent__h3.re-how-to-make__h3 {
    background: url("../img/recipe/ico-recipe-detail-04.png") no-repeat 0 0/23px; }
  .re-detailContent__h3.re-point__h3 {
    background: url("../img/recipe/ico-recipe-detail-05.png") no-repeat 0 0/23px; }

.re-ingredient p {
  background-image: url("../img/recipe/bg-recipe-dot-01.png");
  line-height: 25px;
  margin: 0px; }

@media screen and (max-width: 767px) {
  .re-ingredient {
    margin-bottom: 1em;
    font-size: 1.4rem; } }

.re-preparation span {
  display: list-item;
  font-size: 1.4rem; }

.re-ol {
  counter-reset: my-counter;
  list-style: none;
  padding: 0; }
  .re-ol li {
    margin-bottom: 10px;
    padding-left: 30px;
    position: relative;
    font-size: 1.4rem; }
    .re-ol li:before {
      content: counter(my-counter);
      counter-increment: my-counter;
      background-color: #fff;
      color: #ED8F25;
      display: block;
      float: left;
      line-height: 18px;
      margin-left: -27px;
      text-align: center;
      height: 20px;
      width: 20px;
      border-radius: 50%;
      border: 1px solid #ED8F25; }

.re-point li {
  font-size: 1.4rem; }

.re-detatilContent__tag li {
  list-style: none;
  padding-left: 15px;
  background: url(../img/recipe/ico-recipe-tag-01.png) no-repeat 0 50%/12px;
  float: left;
  margin-left: 5px; }
  .re-detatilContent__tag li a {
    color: #c2996b;
    font-weight: bold;
    font-size: 1.4rem; }

@media screen and (max-width: 767px) {
  .re-detatilContent__tag {
    margin-bottom: 2em; } }

.re-relateContent section {
  background-color: #FDF3E7;
  border-radius: 10px;
  padding: 5px; }
  .re-relateContent section h4 {
    text-align: center;
    color: #ED8F25;
    font-size: 1.8rem;
    margin-bottom: 0.3em; }
  .re-relateContent section ul li {
    border: 1px solid #BDA799;
    border-radius: 2px;
    background-color: #fff;
    margin-bottom: 5px;
    padding: 2px; }
    .re-relateContent section ul li figure {
      display: inline-block;
      width: 88px; }
      .re-relateContent section ul li figure img {
        vertical-align: middle; }

.re-relateContent__txt {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 95px); }
  .re-relateContent__txt .re-relateContent__title {
    font-size: 1.2rem;
    margin-bottom: 0.2em;
    line-height: 1.2;
    margin-top: 0.2em; }
  .re-relateContent__txt .re-relateContent__overview {
    font-size: 1rem;
    line-height: 1.4;
    margin-bottom: 0.4em; }
  @media screen and (max-width: 767px) {
    .re-relateContent__txt .re-relateContent__title {
      font-size: 1.4rem; }
    .re-relateContent__txt .re-relateContent__overview {
      font-size: 1.2rem; } }

.en, .confirmation-en {
  font-family: "Times New Roman", Times, Century, serif;
  font-weight: bold; }

.header__enLogo {
  border-top: 8px solid #008000; }
  .header__enLogo .header__enLogoImg {
    width: 170px; }
    .header__enLogo .header__enLogoImg img {
      vertical-align: middle; }
  .header__enLogo .header__enLogoTxt p {
    line-height: 70px;
    vertical-align: middle;
    font-family: "Times New Roman", Times, Century, serif;
    font-size: 1.5rem;
    text-align: right; }
  @media screen and (max-width: 767px) {
    .header__enLogo .header__enLogoImg {
      width: 150px;
      max-width: 29%;
      padding-left: 0;
      padding-right: 0; }
    .header__enLogo .header__enLogoTxt {
      padding-left: 0;
      padding-right: 0; }
      .header__enLogo .header__enLogoTxt p {
        line-height: 1.3;
        text-align: left;
        margin-top: 3%; } }
  @media screen and (max-width: 479px) {
    .header__enLogo .header__enLogoTxt p {
      font-size: 1.3rem; } }

.en-categoryLink {
  padding: 3px 0;
  overflow: hidden; }
  .en-categoryLink ul {
    list-style: none;
    margin: 0 auto;
    padding-left: 0;
    width: 100%;
    max-width: 1080px; }
    .en-categoryLink ul li {
      display: inline-block;
      position: relative;
      line-height: 44px;
      text-align: center;
      margin-bottom: 5px;
      width: 32%; }
      .en-categoryLink ul li a {
        display: block;
        position: relative;
        padding-right: 6px;
        color: #666;
        font-size: 1.3rem;
        border-radius: 4px;
        border: 2px solid #666; }
        .en-categoryLink ul li a:hover, .en-categoryLink ul li a:active, .en-categoryLink ul li a:focus {
          text-decoration: none; }
        .en-categoryLink ul li a:hover {
          text-shadow: none;
          color: #fff;
          background-color: #666; }
      .en-categoryLink ul li .en-categoryLink__icon {
        display: inline-block;
        width: 17px;
        height: 17px;
        position: absolute;
        vertical-align: text-bottom;
        background: url(../img/company/ico-toNext-gray.png) no-repeat 0 0;
        background-size: 17px;
        right: .5em;
        top: calc(50% - 8px); }
      .en-categoryLink ul li:hover .en-categoryLink__icon {
        display: inline-block;
        width: 17px;
        height: 17px;
        vertical-align: text-bottom;
        background: url(../img/company/ico-toNext-gray-hover.png) no-repeat 0 0;
        background-size: 17px; }
  @media screen and (max-width: 767px) {
    .en-categoryLink ul li {
      display: block;
      width: calc(50% - 2px);
      float: left;
      margin-bottom: 2px;
      margin-right: 2px; } }

.en-h2 {
  font-size: 2.8rem; }
  @media screen and (max-width: 767px) {
    .en-h2 {
      font-size: 2.5rem; } }

.search-postList__article {
  border-bottom: 1px solid #ddd;
  margin-bottom: 2.2em;
  padding-bottom: 2.2em; }

/* ==============================================================
*  object utility　レイアウト調整用
* ============================================================ */
/*! Emma.css 0.15.0 | MIT License | https://git.io/emma */
.u-static {
  position: static !important; }

.u-relative {
  position: relative !important; }

.u-absolute {
  position: absolute !important; }

.u-sticky {
  position: -webkit-sticky !important;
  position: sticky !important; }

.u-fixed {
  position: fixed !important; }

.u-t-a {
  top: auto !important; }

.u-t0 {
  top: 0 !important; }

.u-t100p {
  top: 100% !important; }

.u-r-a {
  right: auto !important; }

.u-r0 {
  right: 0 !important; }

.u-r100p {
  right: 100% !important; }

.u-b-a {
  bottom: auto !important; }

.u-b0 {
  bottom: 0 !important; }

.u-b100p {
  bottom: 100% !important; }

.u-l-a {
  left: auto !important; }

.u-l0 {
  left: 0 !important; }

.u-l100p {
  left: 100% !important; }

.u-z-a {
  z-index: auto !important; }

.u-z0 {
  z-index: 0 !important; }

.u-z1 {
  z-index: 1 !important; }

.u-z2 {
  z-index: 2 !important; }

.u-z3 {
  z-index: 3 !important; }

.u-z4 {
  z-index: 4 !important; }

.u-z5 {
  z-index: 5 !important; }

.u-z6 {
  z-index: 6 !important; }

.u-z9999 {
  z-index: 9999 !important; }

.u-bxz-cb {
  -webkit-box-sizing: content-box !important;
  box-sizing: content-box !important; }

.u-bxz-bb {
  -webkit-box-sizing: border-box !important;
  box-sizing: border-box !important; }

.u-d-i {
  display: inline !important; }

.u-d-n {
  display: none !important; }

.u-d-b {
  display: block !important; }

.u-d-ib {
  display: inline-block !important; }

.u-d-fx {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important; }

.u-d-ifx {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important; }

.u-d-tb {
  display: table !important; }

.u-d-itb {
  display: inline-table !important; }

.u-d-tbr {
  display: table-row !important; }

.u-d-tbc {
  display: table-cell !important; }

.u-d-li {
  display: list-item !important; }

.u-d-ih {
  display: inherit !important; }

.u-fx-a {
  -webkit-box-flex: 1 !important;
  -ms-flex: auto !important;
  flex: auto !important; }

.u-fx-n {
  -webkit-box-flex: 0 !important;
  -ms-flex: none !important;
  flex: none !important; }

.u-fx0 {
  -webkit-box-flex: 0 !important;
  -ms-flex: 0 !important;
  flex: 0 !important; }

.u-fx1 {
  -webkit-box-flex: 1 !important;
  -ms-flex: 1 !important;
  flex: 1 !important; }

.u-fx2 {
  -webkit-box-flex: 2 !important;
  -ms-flex: 2 !important;
  flex: 2 !important; }

.u-fx3 {
  -webkit-box-flex: 3 !important;
  -ms-flex: 3 !important;
  flex: 3 !important; }

.u-fx0-1-a {
  -webkit-box-flex: 0 !important;
  -ms-flex: 0 1 auto !important;
  flex: 0 1 auto !important; }

.u-fx1-0-a {
  -webkit-box-flex: 1 !important;
  -ms-flex: 1 0 auto !important;
  flex: 1 0 auto !important; }

.u-fx1-1-a {
  -webkit-box-flex: 1 !important;
  -ms-flex: 1 1 auto !important;
  flex: 1 1 auto !important; }

.u-fx0-0-a {
  -webkit-box-flex: 0 !important;
  -ms-flex: 0 0 auto !important;
  flex: 0 0 auto !important; }

.u-fx1-0-0 {
  -webkit-box-flex: 1 !important;
  -ms-flex: 1 0 0% !important;
  flex: 1 0 0% !important; }

.u-fx0-0-100p {
  -webkit-box-flex: 0 !important;
  -ms-flex: 0 0 100% !important;
  flex: 0 0 100% !important; }

.u-fxb-a {
  -ms-flex-preferred-size: auto !important;
  flex-basis: auto !important; }

.u-fxb0 {
  -ms-flex-preferred-size: 0 !important;
  flex-basis: 0 !important; }

.u-fxb1 {
  -ms-flex-preferred-size: 1px !important;
  flex-basis: 1px !important; }

.u-fxb1p {
  -ms-flex-preferred-size: 1% !important;
  flex-basis: 1% !important; }

.u-fxb5p {
  -ms-flex-preferred-size: 5% !important;
  flex-basis: 5% !important; }

.u-fxb10p {
  -ms-flex-preferred-size: 10% !important;
  flex-basis: 10% !important; }

.u-fxb15p {
  -ms-flex-preferred-size: 15% !important;
  flex-basis: 15% !important; }

.u-fxb20p {
  -ms-flex-preferred-size: 20% !important;
  flex-basis: 20% !important; }

.u-fxb25p {
  -ms-flex-preferred-size: 25% !important;
  flex-basis: 25% !important; }

.u-fxb30p {
  -ms-flex-preferred-size: 30% !important;
  flex-basis: 30% !important; }

.u-fxb33p {
  -ms-flex-preferred-size: 33% !important;
  flex-basis: 33% !important; }

.u-fxb34p {
  -ms-flex-preferred-size: 34% !important;
  flex-basis: 34% !important; }

.u-fxb35p {
  -ms-flex-preferred-size: 35% !important;
  flex-basis: 35% !important; }

.u-fxb40p {
  -ms-flex-preferred-size: 40% !important;
  flex-basis: 40% !important; }

.u-fxb45p {
  -ms-flex-preferred-size: 45% !important;
  flex-basis: 45% !important; }

.u-fxb50p {
  -ms-flex-preferred-size: 50% !important;
  flex-basis: 50% !important; }

.u-fxb55p {
  -ms-flex-preferred-size: 55% !important;
  flex-basis: 55% !important; }

.u-fxb60p {
  -ms-flex-preferred-size: 60% !important;
  flex-basis: 60% !important; }

.u-fxb65p {
  -ms-flex-preferred-size: 65% !important;
  flex-basis: 65% !important; }

.u-fxb66p {
  -ms-flex-preferred-size: 66% !important;
  flex-basis: 66% !important; }

.u-fxb67p {
  -ms-flex-preferred-size: 67% !important;
  flex-basis: 67% !important; }

.u-fxb70p {
  -ms-flex-preferred-size: 70% !important;
  flex-basis: 70% !important; }

.u-fxb75p {
  -ms-flex-preferred-size: 75% !important;
  flex-basis: 75% !important; }

.u-fxb80p {
  -ms-flex-preferred-size: 80% !important;
  flex-basis: 80% !important; }

.u-fxb85p {
  -ms-flex-preferred-size: 85% !important;
  flex-basis: 85% !important; }

.u-fxb90p {
  -ms-flex-preferred-size: 90% !important;
  flex-basis: 90% !important; }

.u-fxb95p {
  -ms-flex-preferred-size: 95% !important;
  flex-basis: 95% !important; }

.u-fxb100p {
  -ms-flex-preferred-size: 100% !important;
  flex-basis: 100% !important; }

.u-fxb25vw {
  -ms-flex-preferred-size: 25vw !important;
  flex-basis: 25vw !important; }

.u-fxb50vw {
  -ms-flex-preferred-size: 50vw !important;
  flex-basis: 50vw !important; }

.u-fxb75vw {
  -ms-flex-preferred-size: 75vw !important;
  flex-basis: 75vw !important; }

.u-fxb90vw {
  -ms-flex-preferred-size: 90vw !important;
  flex-basis: 90vw !important; }

.u-fxb100vw {
  -ms-flex-preferred-size: 100vw !important;
  flex-basis: 100vw !important; }

.u-fxb25vh {
  -ms-flex-preferred-size: 25vh !important;
  flex-basis: 25vh !important; }

.u-fxb50vh {
  -ms-flex-preferred-size: 50vh !important;
  flex-basis: 50vh !important; }

.u-fxb75vh {
  -ms-flex-preferred-size: 75vh !important;
  flex-basis: 75vh !important; }

.u-fxb90vh {
  -ms-flex-preferred-size: 90vh !important;
  flex-basis: 90vh !important; }

.u-fxb100vh {
  -ms-flex-preferred-size: 100vh !important;
  flex-basis: 100vh !important; }

.u-fxb100vmax {
  -ms-flex-preferred-size: 100vmax !important;
  flex-basis: 100vmax !important; }

.u-fxb100vmin {
  -ms-flex-preferred-size: 100vmin !important;
  flex-basis: 100vmin !important; }

.u-fxb-c {
  -ms-flex-preferred-size: content !important;
  flex-basis: content !important; }

.u-fxd-r {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: row !important;
  flex-direction: row !important; }

.u-fxd-rr {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: reverse !important;
  -ms-flex-direction: row-reverse !important;
  flex-direction: row-reverse !important; }

.u-fxd-c {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important; }

.u-fxd-cr {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: reverse !important;
  -ms-flex-direction: column-reverse !important;
  flex-direction: column-reverse !important; }

.u-fxw-nw {
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important; }

.u-fxw-w {
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important; }

.u-fxw-wr {
  -ms-flex-wrap: wrap-reverse !important;
  flex-wrap: wrap-reverse !important; }

.u-fxs0 {
  -ms-flex-negative: 0 !important;
  flex-shrink: 0 !important; }

.u-fxs1 {
  -ms-flex-negative: 1 !important;
  flex-shrink: 1 !important; }

.u-fxs2 {
  -ms-flex-negative: 2 !important;
  flex-shrink: 2 !important; }

.u-fxs3 {
  -ms-flex-negative: 3 !important;
  flex-shrink: 3 !important; }

.u-fxg0 {
  -webkit-box-flex: 0 !important;
  -ms-flex-positive: 0 !important;
  flex-grow: 0 !important; }

.u-fxg1 {
  -webkit-box-flex: 1 !important;
  -ms-flex-positive: 1 !important;
  flex-grow: 1 !important; }

.u-fxg2 {
  -webkit-box-flex: 2 !important;
  -ms-flex-positive: 2 !important;
  flex-grow: 2 !important; }

.u-fxg3 {
  -webkit-box-flex: 3 !important;
  -ms-flex-positive: 3 !important;
  flex-grow: 3 !important; }

.u-ac-fs {
  -ms-flex-line-pack: start !important;
  align-content: flex-start !important; }

.u-ac-fe {
  -ms-flex-line-pack: end !important;
  align-content: flex-end !important; }

.u-ac-c {
  -ms-flex-line-pack: center !important;
  align-content: center !important; }

.u-ac-sb {
  -ms-flex-line-pack: justify !important;
  align-content: space-between !important; }

.u-ac-sa {
  -ms-flex-line-pack: distribute !important;
  align-content: space-around !important; }

.u-ac-s {
  -ms-flex-line-pack: stretch !important;
  align-content: stretch !important; }

.u-ai-fs {
  -webkit-box-align: start !important;
  -ms-flex-align: start !important;
  align-items: flex-start !important; }

.u-ai-fe {
  -webkit-box-align: end !important;
  -ms-flex-align: end !important;
  align-items: flex-end !important; }

.u-ai-c {
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important; }

.u-ai-b {
  -webkit-box-align: baseline !important;
  -ms-flex-align: baseline !important;
  align-items: baseline !important; }

.u-ai-s {
  -webkit-box-align: stretch !important;
  -ms-flex-align: stretch !important;
  align-items: stretch !important; }

.u-as-a {
  -ms-flex-item-align: auto !important;
  -ms-grid-row-align: auto !important;
  align-self: auto !important; }

.u-as-fs {
  -ms-flex-item-align: start !important;
  align-self: flex-start !important; }

.u-as-fe {
  -ms-flex-item-align: end !important;
  align-self: flex-end !important; }

.u-as-c {
  -ms-flex-item-align: center !important;
  -ms-grid-row-align: center !important;
  align-self: center !important; }

.u-as-b {
  -ms-flex-item-align: baseline !important;
  align-self: baseline !important; }

.u-as-s {
  -ms-flex-item-align: stretch !important;
  -ms-grid-row-align: stretch !important;
  align-self: stretch !important; }

.u-jc-fs {
  -webkit-box-pack: start !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important; }

.u-jc-fe {
  -webkit-box-pack: end !important;
  -ms-flex-pack: end !important;
  justify-content: flex-end !important; }

.u-jc-c {
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important; }

.u-jc-sb {
  -webkit-box-pack: justify !important;
  -ms-flex-pack: justify !important;
  justify-content: space-between !important; }

.u-jc-sa {
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important; }

.u-ov-v {
  overflow: visible !important; }

.u-ov-h {
  overflow: hidden !important; }

.u-ov-s {
  overflow: scroll !important; }

.u-ov-a {
  overflow: auto !important; }

.u-v-v {
  visibility: visible !important; }

.u-v-h {
  visibility: hidden !important; }

.u-v-c {
  visibility: collapse !important; }

.u-tbl-a {
  table-layout: auto !important; }

.u-tbl-f {
  table-layout: fixed !important; }

.u-cxcy {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important; }

.u-fl-n {
  float: none !important; }

.u-fl-l {
  float: left !important; }

.u-fl-r {
  float: right !important; }

.u-cl-n {
  clear: none !important; }

.u-cl-l {
  clear: left !important; }

.u-cl-r {
  clear: right !important; }

.u-cl-b {
  clear: both !important; }

.u-cf::after {
  content: "";
  display: table;
  clear: both; }

.u-p0 {
  padding: 0 !important; }

.u-p05 {
  padding: 0.5em !important; }

.u-p1 {
  padding: 1em !important; }

.u-p1.5 {
  padding: 1.5em !important; }

.u-p2 {
  padding: 2em !important; }

.u-p25 {
  padding: 2.5em !important; }

.u-p3 {
  padding: 3em !important; }

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

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

.u-pt05 {
  padding-top: 0.5em !important; }

.u-pt1 {
  padding-top: 1em !important; }

.u-pt15 {
  padding-top: 1.5em !important; }

.u-pt2 {
  padding-top: 2em !important; }

.u-pt25 {
  padding-top: 2.5em !important; }

.u-pt3 {
  padding-top: 3em !important; }

.u-pr0 {
  padding-right: 0 !important; }

.u-pr1 {
  padding-right: .5em !important; }

.u-pr15 {
  padding-right: 1.5em !important; }

.u-pr2 {
  padding-right: 2em !important; }

.u-pr25 {
  padding-right: 25em !important; }

.u-pr3 {
  padding-right: 3em !important; }

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

.u-pb05 {
  padding-bottom: 0.5em !important; }

.u-pb1 {
  padding-bottom: 1em !important; }

.u-pb15 {
  padding-bottom: 1.5em !important; }

.u-pb2 {
  padding-bottom: 2em !important; }

.u-pb25 {
  padding-bottom: 2.5em !important; }

.u-pb3 {
  padding-bottom: 3em !important; }

.u-pl0 {
  padding-left: 0 !important; }

.u-pl05 {
  padding-left: 0.5em !important; }

.u-pl1 {
  padding-left: 1em !important; }

.u-pl15 {
  padding-left: 1.5em !important; }

.u-pl2 {
  padding-left: 2em !important; }

.u-pl25 {
  padding-left: 2.5em !important; }

.u-pl3 {
  padding-left: 3em !important; }

.u-m0 {
  margin: 0 !important; }

.u-m-a {
  margin: auto !important; }

.u-m0-a {
  margin: 0 auto !important; }

.u-a-0 {
  margin: auto 0 !important; }

.u-m05 {
  margin: 0.5em !important; }

.u-m1 {
  margin: 1em !important; }

.u-m1.5 {
  margin: 1.5em !important; }

.u-m2 {
  margin: 2em !important; }

.u-m25 {
  margin: 2.5em !important; }

.u-m3 {
  margin: 3em !important; }

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

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

.u-mt05 {
  margin-top: 0.5em !important; }

.u-mt1 {
  margin-top: 1em !important; }

.u-mt15 {
  margin-top: 1.5em !important; }

.u-mt2 {
  margin-top: 2em !important; }

.u-mt25 {
  margin-top: 2.5em !important; }

.u-mt3 {
  margin-top: 3em !important; }

.u-mr0 {
  margin-right: 0 !important; }

.u-mr05 {
  margin-right: auto !important; }

.u-mr1 {
  margin-right: .5em !important; }

.u-mr15 {
  margin-right: 1.5em !important; }

.u-mr2 {
  margin-right: 2em !important; }

.u-mr25 {
  margin-right: 25em !important; }

.u-mr3 {
  margin-right: 3em !important; }

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

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

.u-mb05 {
  margin-bottom: 0.5em !important; }

.u-mb08 {
  margin-bottom: 0.8em !important; }

.u-mb1 {
  margin-bottom: 1em !important; }

.u-mb15 {
  margin-bottom: 1.5em !important; }

.u-mb2 {
  margin-bottom: 2em !important; }

.u-mb25 {
  margin-bottom: 2.5em !important; }

.u-mb3 {
  margin-bottom: 3em !important; }

.u-ml0 {
  margin-left: 0 !important; }

.u-ml-a {
  margin-left: auto !important; }

.u-ml05 {
  margin-left: 0.5em !important; }

.u-ml1 {
  margin-left: 1em !important; }

.u-ml15 {
  margin-left: 1.5em !important; }

.u-ml2 {
  margin-left: 2em !important; }

.u-ml25 {
  margin-left: 2.5em !important; }

.u-ml3 {
  margin-left: 3em !important; }

.u-fs-nm {
  font-style: normal !important; }

.u-fs-i {
  font-style: italic !important; }

.u-fs-o {
  font-style: oblique !important; }

.u-left {
  text-align: left !important; }

.u-center {
  text-align: center !important; }

.u-right {
  text-align: right !important; }

.u-justify {
  text-align: justify !important; }

.u-gray {
  color: #666; }

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


/*20191020 追記*/
.recipe_link{
    background-color: #E71F19;
    color: #fff!important;
    text-shadow: 1px 3px 2px rgba(34, 23, 20, 0.3);
    font-size: 3.5rem;
    letter-spacing: 0.4rem;
    padding: 10px;
    width: 410px;
    border-radius: 45px;
    -webkit-box-shadow: 0px 0px 8px 3px #fff inset;
    box-shadow: 0px 0px 8px 3px #fff inset;
    border: 4px solid #E71F19;
    display: block;
    text-align: center;
    margin: auto;
    margin-bottom: 80px;
     }
  .recipe_link:hover {
    cursor: pointer;
    background-color: #fff !important;
    color: #E71F19 !important;
    text-decoration: none;
     }
  @media screen and (max-width: 767px) {
    .recipe_link {
      width: 80%;
      padding: 5px;
      margin-bottom: 90px;
      font-size: 2.4rem; } }