/* ==========================================================================
   Feature - Common
   ========================================================================== */
/* .m-main-image.theme-narrow　【ページヘッダー部分にテーマ"theme-narrow"追加】
========================================================================== */
.m-main-image.theme-narrow {
  position: relative;
  height: 160px;
  max-height: 160px;
  min-height: 160px;
  background: no-repeat center center;
  background-size: cover;
  margin-bottom: 60px;
  overflow: hidden;
  z-index: 0;
  /* 
  &:after {
    background-color:inherit;
    content: '';
    display: inline-block;
    height: inherit;
    opacity: 1;
    width: 100%;
    position: absolute;
    z-index: -2;
    background: inherit;
    filter: blur(1px);
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
  
    @media @sp {
      opacity:1;
      filter: blur(0.5px);
    }
  }
  */
}
@media (max-width: 768px) {
  .m-main-image.theme-narrow {
    height: 118px;
    max-height: 118px;
    min-height: 118px;
    margin-top: 0;
    margin-bottom: 30px;
  }
}
.m-main-image.theme-narrow:before {
  background-color: #000;
  content: '';
  display: inline-block;
  height: 100%;
  opacity: 0.3;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}
@media (max-width: 768px) {
  .m-main-image.theme-narrow:before {
    opacity: 0.3;
  }
}
.m-main-image.theme-narrow.opt-transparent:before {
  display: none;
}
@media (max-width: 768px) {
  .m-main-image.theme-narrow.opt-transparent:after {
    display: none;
  }
}
.m-main-image.theme-narrow .m-main-image_title {
  color: #fff;
  line-height: 1.3;
  position: relative;
  bottom: inherit;
  left: inherit;
  right: inherit;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  padding: 0 40px;
}
@media (max-width: 768px) {
  .m-main-image.theme-narrow .m-main-image_title {
    padding: 0 13px;
  }
}
.m-main-image.theme-narrow .m-main-image_title h1 {
  font-size: 4rem;
  font-weight: 400;
}
@media (max-width: 768px) {
  .m-main-image.theme-narrow .m-main-image_title h1 {
    font-size: 2.5rem;
  }
}
.m-main-image.theme-narrow.opt-transparent .m-main-image_title {
  color: #333;
}
.m-main-image.theme-narrow.opt-transparent .m-main-image_title:after {
  background: #f3be00;
  width: 80px;
  height: 2px;
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 40px;
}
@media (max-width: 768px) {
  .m-main-image.theme-narrow.opt-transparent .m-main-image_title:after {
    left: 13px;
    height: 1px;
  }
}
/* section-title
========================================================================== */
.m-full-content.opt-bg.opt-bg-gray {
  padding-top: 60px;
  padding-bottom: 80px;
}
@media (max-width: 768px) {
  .m-full-content.opt-bg.opt-bg-gray {
    padding: 23px 15px 40px;
  }
}
.section-title {
  border-top: none;
  padding-top: 0;
}
.section-title:before {
  display: none;
}
.section-title h1,
.section-title h2,
.section-title h3,
.section-title h4,
.section-title h5,
.section-title h6 {
  font-size: 3em;
  font-weight: 400;
}
@media (max-width: 768px) {
  .section-title h1,
  .section-title h2,
  .section-title h3,
  .section-title h4,
  .section-title h5,
  .section-title h6 {
    font-size: 2.3em;
  }
}
/* .m-button-yellow  【 parts.less に記載すべき新規ボタンクラス 】
========================================================================== */
.m-button-yellow {
  position: relative;
  width: 100%;
  max-width: 348px;
  font-weight: bold;
  text-align: center;
  line-height: 1.3;
  border-radius: 60px;
}
@media (max-width: 768px) {
  .m-button-yellow {
    max-width: 255px;
  }
}
.m-button-yellow:after {
  content: "";
  position: absolute;
  top: -webkit-calc(50% - 12px);
  top: calc(50% - 12px);
  right: 28px;
  width: 10px;
  height: 10px;
  margin: .6rem 0 0;
  border-top: 2px solid #222;
  border-right: 2px solid #222;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
@media (max-width: 768px) {
  .m-button-yellow:after {
    border-top: 1px solid #222;
    border-right: 1px solid #222;
  }
}
.m-button-yellow a {
  overflow: hidden;
  display: block;
  position: relative;
  width: 100%;
  padding: 18px 40px 17px;
  border: 2px solid #f3be00;
  border-radius: 60px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #222;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.3;
  background: #f3be00;
  -webkit-transition: all .3s;
  transition: all .3s;
}
@media (max-width: 768px) {
  .m-button-yellow a {
    font-size: 12px;
    padding: 15px 20px 14px;
  }
}
.m-button-yellow:hover:after {
  border-color: #f3be00 ;
}
.m-button-yellow:hover a {
  text-decoration: none;
  background: #fff;
}
.m-button-yellow.opt-centering {
  margin-left: auto;
  margin-right: auto;
}
.m-button-yellow.opt-search a:before {
  content: "";
  width: 15px;
  height: 15px;
  display: inline-block;
  background: url(/common/img/parts/search_bg.svg) no-repeat 0 0;
  background-size: contain;
  margin-right: 12px;
  -webkit-transform: translateY(2px);
      -ms-transform: translateY(2px);
          transform: translateY(2px);
}
@media (max-width: 768px) {
  .m-button-yellow.opt-search a:before {
    width: 12px;
    height: 12px;
    margin-right: 8px;
  }
}
.section-title {
  border: none;
  padding-top: 0;
  margin-bottom: 35px;
}
@media (max-width: 768px) {
  .section-title {
    margin-bottom: 20px;
  }
}
.section-title::before {
  display: none;
}
.section-title h2 {
  font-weight: normal;
  font-size: 30px;
  color: #333333;
}
@media (max-width: 768px) {
  .section-title h2 {
    font-size: 23px;
  }
}
.top-title_link {
  position: absolute;
  right: 0;
  top: 45%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media (max-width: 768px) {
  .top-title_link {
    top: 35%;
  }
}
/* recipe-ranking
   ========================================================================== */
.recipe-ranking {
  overflow: hidden;
  margin-top: 50px;
}
@media (max-width: 768px) {
  .recipe-ranking {
    margin-top: 40px;
  }
}
.recipe-ranking > ul {
  overflow: hidden;
}
@media (max-width: 768px) {
  .recipe-ranking > ul {
    margin-right: 0;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.recipe-ranking > ul > li {
  counter-increment: ranking;
  float: left;
  margin-right: 3%;
  margin-top: 40px;
  width: 20%;
  position: relative;
}
@media (max-width: 768px) {
  .recipe-ranking > ul > li {
    float: none;
    width: 100%;
    max-width: none;
    margin: auto;
  }
}
.recipe-ranking > ul > li a:before {
  background-color: #fff;
  border-radius: 50%;
  content: counter(ranking);
  color: #777;
  display: block;
  font-family: 'Barlow';
  font-size: 1.06em;
  height: 30px;
  line-height: 30px;
  text-align: center;
  width: 30px;
  position: absolute;
  left: 10px;
  top: 10px;
  z-index: 3;
}
@media (max-width: 768px) {
  .recipe-ranking > ul > li a:before {
    font-size: 1.2em;
    height: 35px;
    line-height: 35px;
    width: 35px;
    left: 5px;
    top: 5px;
  }
}
.recipe-ranking > ul > li:nth-child(-n + 3) {
  margin-top: 0;
}
@media (max-width: 768px) {
  .recipe-ranking > ul > li:nth-child(-n + 3) {
    margin-top: 40px;
  }
}
.recipe-ranking > ul > li:nth-child(-n + 3) a:before {
  color: #fff;
}
.recipe-ranking > ul > li:first-child {
  width: 52%;
}
@media (min-width: 769px) {
  .recipe-ranking > ul > li:first-child {
    margin-right: 5%;
  }
}
@media (max-width: 768px) {
  .recipe-ranking > ul > li:first-child {
    margin-top: 0;
    width: 100%;
  }
}
.recipe-ranking > ul > li:first-child figcaption {
  font-size: 1.3em;
}
.recipe-ranking > ul > li:first-child a:before {
  background-color: #B28D18;
  font-size: 1.4em;
  height: 50px;
  line-height: 50px;
  width: 50px;
  left: 20px;
  top: 20px;
}
@media (max-width: 768px) {
  .recipe-ranking > ul > li:first-child a:before {
    font-size: 1.2em;
    height: 35px;
    line-height: 37px;
    width: 35px;
    left: 5px;
    top: 5px;
  }
}
.recipe-ranking > ul > li:nth-child(2) a:before {
  background-color: #75747D;
}
.recipe-ranking > ul > li:nth-child(3) a:before {
  background-color: #7E6355;
}
@media (min-width: 769px) {
  .recipe-ranking > ul > li:nth-child(5),
  .recipe-ranking > ul > li:nth-child(3) {
    margin-right: 0;
  }
}
.recipe-ranking > ul > li > a {
  color: #000;
  display: block;
  text-decoration: none;
}
.recipe-ranking > ul > li > a > figure .recipe-ranking_img {
  overflow: hidden;
}
.recipe-ranking > ul > li > a > figure img {
  width: 100%;
  -webkit-transition: .3s ease;
  transition: .3s ease;
}
.recipe-ranking > ul > li > a p {
  margin-top: 15px;
}
@media (min-width: 769px) {
  .recipe-ranking > ul > li > a p {
    margin-top: 10px;
  }
}
.recipe-ranking > ul > li > a .recipe-ranking_title {
  display: inline-block;
  font-weight: bold;
  line-height: 1.3;
  margin-top: 20px;
  padding-bottom: 10px;
  position: relative;
}
@media (max-width: 768px) {
  .recipe-ranking > ul > li > a .recipe-ranking_title {
    margin-top: 15px;
    padding-bottom: 6px;
  }
}
.recipe-ranking > ul > li > a .recipe-ranking_title:before {
  background-color: #000;
  content: '';
  height: 1px;
  width: 25px;
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-transition: .3s ease;
  transition: .3s ease;
}
@media (min-width: 769px) {
  .recipe-ranking > ul > li > a:hover > figure img {
    -webkit-transform: scale(1.04);
        -ms-transform: scale(1.04);
            transform: scale(1.04);
  }
  .recipe-ranking > ul > li > a:hover .recipe-ranking_title:before {
    width: 80px;
  }
}
/* recipe-list
   ========================================================================== */
.recipe .section-title {
  margin-top: 0;
}
@media (max-width: 768px) {
  .recipe .section-title {
    margin-bottom: 0;
  }
}
.recipe-list {
  margin-top: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
@media (max-width: 768px) {
  .recipe-list {
    margin-top: 20px;
    margin-bottom: 30px;
  }
}
.recipe-list .recipe-list_item {
  margin-bottom: 17px;
  border: solid 1px #e4e5ec;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: all .5s;
  transition: all .5s;
  background: no-repeat bottom 5px right 5px;
  background-size: 1px;
}
@media (min-width: 769px) {
  .recipe-list .recipe-list_item:hover {
    -webkit-box-shadow: 0px 0px 21.6px 2.4px rgba(0, 0, 0, 0.13);
            box-shadow: 0px 0px 21.6px 2.4px rgba(0, 0, 0, 0.13);
    background: url(/common/img/parts/icon_triangle_right_down.svg) no-repeat bottom 5px right 5px;
    background-size: 14px;
  }
}
@media (max-width: 768px) {
  .recipe-list .recipe-list_item {
    background: url(/common/img/parts/icon_triangle_right_down.svg) no-repeat bottom 5px right 5px;
    background-size: 10px;
    margin-bottom: 30px;
  }
}
.recipe-list .recipe-list_item a {
  color: #000;
  display: block;
  text-decoration: none;
}
.recipe-list .recipe-list_item figure img {
  width: 100%;
}
.recipe-list .recipe-list_item figcaption {
  font-size: 14px;
  padding: 10px 14px;
}
@media (max-width: 768px) {
  .recipe-list .recipe-list_item figcaption {
    font-size: 13px;
    padding: 5px 13px;
  }
}
.recipe-list .recipe-list-box_lg {
  -ms-flex-preferred-size: 49%;
      flex-basis: 49%;
}
@media (max-width: 768px) {
  .recipe-list .recipe-list-box_lg {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    margin-bottom: 30px;
  }
}
.recipe-list .recipe-list-box_lg .recipe-list_item {
  width: 100%;
  height: 100%;
  margin-bottom: 0;
}
.recipe-list .recipe-list-box_lg .recipe-list_item figcaption {
  font-size: 18px;
  padding: 11px 18px;
}
@media (max-width: 768px) {
  .recipe-list .recipe-list-box_lg .recipe-list_item figcaption {
    font-size: 13px;
    padding: 5px 13px;
  }
}
.recipe-list .recipe-list-box {
  -ms-flex-preferred-size: 49%;
      flex-basis: 49%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 768px) {
  .recipe-list .recipe-list-box {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}
.recipe-list .recipe-list-box .recipe-list_item {
  -ms-flex-preferred-size: 47.959184%;
      flex-basis: 47.959184%;
}
@media (max-width: 768px) {
  .recipe-list .recipe-list-box .recipe-list_item {
    -ms-flex-preferred-size: calc((100% - 15px) / 2);
        flex-basis: -webkit-calc((100% - 15px) / 2);
        flex-basis: calc((100% - 15px) / 2);
  }
}
.recipe-list .recipe-list-box .recipe-list_item:nth-child(n+3) {
  margin-bottom: 0;
}
.recipe-ranking-wrapper {
  margin-top: 70px;
}
@media (max-width: 768px) {
  .recipe-ranking-wrapper {
    margin-top: 30px;
  }
}
.recipe-ranking {
  overflow: visible;
  margin-bottom: 65px;
}
@media (max-width: 768px) {
  .recipe-ranking {
    margin-top: 25px;
    margin-bottom: 30px;
  }
}
.recipe-ranking ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  overflow: visible;
}
.recipe-ranking ul li,
.recipe-ranking ul li:first-child,
.recipe-ranking ul li:nth-child(2),
.recipe-ranking ul li:nth-child(3) {
  width: 33.33333%;
  margin-right: 24px;
  padding-right: 0;
}
@media (max-width: 768px) {
  .recipe-ranking ul li,
  .recipe-ranking ul li:first-child,
  .recipe-ranking ul li:nth-child(2),
  .recipe-ranking ul li:nth-child(3) {
    width: 100%;
    margin-right: 0;
    margin-top: 25px;
  }
}
.recipe-ranking ul li a::before,
.recipe-ranking ul li:first-child a::before,
.recipe-ranking ul li:nth-child(2) a::before,
.recipe-ranking ul li:nth-child(3) a::before {
  background: #966c0e;
  color: #ffffff;
  width: 60px;
  height: 60px;
  font-size: 20px;
  line-height: 60px;
  top: 10px;
  left: 10px;
  font-family: inherit;
}
@media (max-width: 768px) {
  .recipe-ranking ul li a::before,
  .recipe-ranking ul li:first-child a::before,
  .recipe-ranking ul li:nth-child(2) a::before,
  .recipe-ranking ul li:nth-child(3) a::before {
    width: 55px;
    height: 55px;
    font-size: 18px;
    line-height: 55px;
    top: 7px;
    left: 7px;
  }
}
.recipe-ranking ul li a figure .recipe-ranking_title,
.recipe-ranking ul li:first-child a figure .recipe-ranking_title,
.recipe-ranking ul li:nth-child(2) a figure .recipe-ranking_title,
.recipe-ranking ul li:nth-child(3) a figure .recipe-ranking_title {
  font-size: 16px;
  line-height: 1.5;
  color: #333333;
  margin-top: 15px;
}
@media (max-width: 768px) {
  .recipe-ranking ul li a figure .recipe-ranking_title,
  .recipe-ranking ul li:first-child a figure .recipe-ranking_title,
  .recipe-ranking ul li:nth-child(2) a figure .recipe-ranking_title,
  .recipe-ranking ul li:nth-child(3) a figure .recipe-ranking_title {
    font-size: 14px;
    margin-top: 10px;
  }
}
.recipe-ranking ul li a figure .recipe-ranking_title::before,
.recipe-ranking ul li:first-child a figure .recipe-ranking_title::before,
.recipe-ranking ul li:nth-child(2) a figure .recipe-ranking_title::before,
.recipe-ranking ul li:nth-child(3) a figure .recipe-ranking_title::before {
  display: none;
}
.recipe-ranking ul li a:hover figure .recipe-ranking_img,
.recipe-ranking ul li:first-child a:hover figure .recipe-ranking_img,
.recipe-ranking ul li:nth-child(2) a:hover figure .recipe-ranking_img,
.recipe-ranking ul li:nth-child(3) a:hover figure .recipe-ranking_img {
  -webkit-box-shadow: 0px 0px 21px 2px rgba(0, 0, 0, 0.13);
          box-shadow: 0px 0px 21px 2px rgba(0, 0, 0, 0.13);
}
@media (max-width: 768px) {
  .recipe-ranking ul li:first-child {
    margin-top: 0;
  }
}
.recommend-recipe {
  margin-top: 70px;
}
@media (max-width: 768px) {
  .recommend-recipe {
    margin-top: 0;
  }
}
.recommend-recipe .section-title {
  margin-bottom: 25px;
}
.recommend-recipe .recommend-recipe-list_item {
  margin-bottom: 30px;
  overflow: visible;
}
@media (max-width: 768px) {
  .recommend-recipe .recommend-recipe-list_item {
    margin-bottom: 0;
  }
}
.recommend-recipe .recommend-recipe-list_item .m-media {
  margin-top: 25px;
  overflow: visible;
}
.recommend-recipe .recommend-recipe-list_item .m-media.theme-column > ul > li {
  width: -webkit-calc((100% - 72px) / 4);
  width: calc((100% - 72px) / 4);
  margin-right: 24px;
  padding-right: 0;
}
.recommend-recipe .recommend-recipe-list_item .m-media.theme-column > ul > li:nth-child(4n) {
  margin-right: 0;
}
@media (max-width: 768px) {
  .recommend-recipe .recommend-recipe-list_item .m-media.theme-column > ul > li {
    margin-top: 15px;
    margin-right: 0;
    width: -webkit-calc((100% - 15px) / 2);
    width: calc((100% - 15px) / 2);
  }
  .recommend-recipe .recommend-recipe-list_item .m-media.theme-column > ul > li:nth-child(-n+2) {
    margin-top: 0;
  }
}
.recommend-recipe .recommend-recipe-list_item .m-media.theme-column > ul > li figure {
  -webkit-transition: all .3s;
  transition: all .3s;
}
.recommend-recipe .recommend-recipe-list_item .m-media.theme-column > ul > li figure .m-media_img img {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  -webkit-transition: all .3s;
  transition: all .3s;
}
@media (min-width: 769px) {
  .recommend-recipe .recommend-recipe-list_item .m-media.theme-column > ul > li figure:hover {
    -webkit-box-shadow: 0px 0px 21.6px 2.4px rgba(0, 0, 0, 0.13);
            box-shadow: 0px 0px 21.6px 2.4px rgba(0, 0, 0, 0.13);
  }
  .recommend-recipe .recommend-recipe-list_item .m-media.theme-column > ul > li figure:hover .m-media_img img {
    -webkit-transform: scale(1.04);
        -ms-transform: scale(1.04);
            transform: scale(1.04);
  }
}
.recommend-recipe .recommend-recipe-list_item .m-media.theme-column > ul > li .m-media_title {
  font-size: 14px;
  line-height: 1.7;
  color: #333333;
  margin-top: 17px;
  -webkit-transition: all .3s;
  transition: all .3s;
}
@media (max-width: 768px) {
  .recommend-recipe .recommend-recipe-list_item .m-media.theme-column > ul > li .m-media_title {
    font-size: 12px;
    line-height: 1.45;
    margin-top: 12px;
    margin-bottom: 5px;
  }
}
.recommend-recipe .recommend-recipe-list_item .m-media.theme-column > ul > li .m-media_title::before {
  display: none;
}
@media (max-width: 768px) {
  .recommend-recipe .recommend-recipe-list_item .m-link {
    margin-top: 30px;
    margin-bottom: 20px;
  }
}
.recommend-recipe .recommend-recipe-list_title {
  position: relative;
}
.recommend-recipe .recommend-recipe-list_title h3 {
  font-size: 22px;
  font-weight: normal;
  color: #222222;
}
.recommend-content {
  margin-top: 45px;
  margin-bottom: 60px;
}
@media (max-width: 768px) {
  .recommend-content {
    margin-bottom: 40px;
  }
}
.m-carousel.theme-showcase {
  overflow: visible;
  position: relative;
  padding-bottom: 24px;
  margin-bottom: 0;
  left: 50%;
}
@media (min-width: 769px) {
  .m-carousel.theme-showcase {
    width: -webkit-calc(100% + 80px);
    width: calc(100% + 80px);
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
@media (max-width: 768px) {
  .m-carousel.theme-showcase {
    margin-left: -15px;
    margin-right: -15px;
    padding-bottom: 5px;
    width: auto;
    left: 0;
  }
}
.m-carousel.theme-showcase .m-carousel_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  max-width: 388px;
  border-right: none;
}
@media (max-width: 768px) {
  .m-carousel.theme-showcase .m-carousel_box {
    max-width: 251px;
  }
}
@media (max-width: 768px) {
  .m-carousel.theme-showcase .m-carousel_box.swiper-slide-active figure {
    -webkit-box-shadow: 0px 0px 21.6px 2.4px rgba(0, 0, 0, 0.13);
            box-shadow: 0px 0px 21.6px 2.4px rgba(0, 0, 0, 0.13);
  }
}
.m-carousel.theme-showcase .m-carousel_box a {
  color: #333;
  display: block;
  text-decoration: none;
  padding: 0;
}
.m-carousel.theme-showcase .m-carousel_box a .m-carousel_title {
  color: #333333;
  font-size: 16px;
  padding-bottom: 0;
  margin-bottom: 1px;
  line-height: 1.5;
  font-weight: bold;
  position: relative;
  text-align: left;
}
@media (max-width: 768px) {
  .m-carousel.theme-showcase .m-carousel_box a .m-carousel_title {
    font-size: 13px;
  }
}
.m-carousel.theme-showcase .m-carousel_box a .m-carousel_title::before {
  display: none;
}
.m-carousel.theme-showcase .m-carousel_box a figure {
  margin-bottom: 7px;
  overflow: hidden;
  -webkit-transition: all .5s;
  transition: all .5s;
}
@media (max-width: 768px) {
  .m-carousel.theme-showcase .m-carousel_box a figure {
    margin-bottom: 8px;
  }
}
.m-carousel.theme-showcase .m-carousel_box a figure img {
  max-height: none;
  width: 100%;
}
.m-carousel.theme-showcase .m-carousel_box a:hover figure {
  -webkit-box-shadow: 0px 0px 21.6px 2.4px rgba(0, 0, 0, 0.13);
          box-shadow: 0px 0px 21.6px 2.4px rgba(0, 0, 0, 0.13);
}
.m-carousel.theme-showcase .m-carousel_box a p {
  text-align: left;
  margin-top: 0;
  font-size: 14px;
  line-height: 24px;
  color: #333333;
}
@media (max-width: 768px) {
  .m-carousel.theme-showcase .m-carousel_box a p {
    font-size: 12px;
    line-height: 1.5;
  }
}
.m-carousel.theme-showcase .m-carousel_pagination {
  bottom: -20px;
  font-size: 0;
}
.m-carousel.theme-showcase .m-carousel_pagination .swiper-pagination-bullet {
  background: #ffffff;
  border: solid 1px #e4e5ec;
  border-radius: 50%;
  height: 10px;
  margin: 5px 10px 0 0;
  opacity: 1;
  width: 10px;
}
.m-carousel.theme-showcase .m-carousel_pagination .swiper-pagination-bullet:last-child {
  margin-right: 0;
}
.m-carousel.theme-showcase .m-carousel_pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #f3be00;
  border-color: #f3be00;
}
@media (max-width: 768px) {
  .m-carousel.theme-showcase .m-carousel_pagination .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    margin-right: 6px;
  }
}
.m-carousel.theme-showcase .m-carousel_button-next.swiper-button-disabled,
.m-carousel.theme-showcase .m-carousel_button-prev.swiper-button-disabled {
  opacity: 0;
}
.m-carousel.theme-showcase .m-carousel_button-next,
.m-carousel.theme-showcase .m-carousel_button-prev {
  background: url(/common/img/parts/carousel_img_next.svg) no-repeat 50% 50% rgba(255, 255, 255, 0.82);
  background-size: 10px 16px;
  border-radius: 50%;
  -webkit-box-shadow: 0 6px 32px rgba(0, 0, 0, 0.15);
          box-shadow: 0 6px 32px rgba(0, 0, 0, 0.15);
  display: none;
  height: 44px;
  margin-top: 0;
  top: 88px;
  -webkit-transition: .3s ease;
  transition: .3s ease;
  width: 44px;
}
@media (min-width: 769px) {
  .m-carousel.theme-showcase .m-carousel_button-next:hover,
  .m-carousel.theme-showcase .m-carousel_button-prev:hover {
    background-color: rgba(255, 255, 255, 0.6);
    -webkit-transform: scale(1.04);
        -ms-transform: scale(1.04);
            transform: scale(1.04);
  }
}
@media (max-width: 768px) {
  .m-carousel.theme-showcase .m-carousel_button-next,
  .m-carousel.theme-showcase .m-carousel_button-prev {
    width: 25px;
    height: 25px;
    background-size: 5px;
    top: 60px;
    display: block;
  }
}
@media (min-width: 769px) {
  .m-carousel.theme-showcase:hover .m-carousel_button-next,
  .m-carousel.theme-showcase:hover .m-carousel_button-prev {
    display: block;
  }
}
.m-carousel.theme-showcase .m-carousel_button-next {
  right: 50px;
}
@media (max-width: 768px) {
  .m-carousel.theme-showcase .m-carousel_button-next {
    right: 15px;
  }
}
.m-carousel.theme-showcase .m-carousel_button-prev {
  left: 50px;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
@media (max-width: 768px) {
  .m-carousel.theme-showcase .m-carousel_button-prev {
    left: 15px;
  }
}
@media (min-width: 769px) {
  .m-carousel.theme-showcase .m-carousel_button-prev:hover {
    -webkit-transform: rotate(180deg) scale(1.1);
        -ms-transform: rotate(180deg) scale(1.1);
            transform: rotate(180deg) scale(1.1);
  }
}
@media (min-width: 769px) {
  .m-carousel.theme-showcase.theme-showcase {
    width: 100%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
/* m-recipe-list
   ========================================================================== */
.m-recipe-list {
  border-top: none;
  border-bottom: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-left: 0;
  margin-top: 0;
  width: 100%;
  position: relative;
  left: auto;
}
@media (max-width: 768px) {
  .m-recipe-list {
    display: block;
    margin: -10px -15px 0;
    width: auto;
    left: 0;
  }
}
@media (max-width: 768px) {
  .m-recipe-list .js-toggle-sp {
    position: relative;
    background: #f1f2f6;
    padding: 15px;
    font-size: 15px;
    -webkit-transition: all .3s;
    transition: all .3s;
  }
}
.m-recipe-list .js-toggle-sp:before {
  position: absolute;
  display: block;
  background: url(/common/img/parts/icon_plus.png) no-repeat 0 0;
  background-size: 100%;
  width: 26px;
  height: 26px;
  right: 24px;
  content: '';
}
.m-recipe-list .js-toggle-sp.is-active:before {
  background: url(/common/img/parts/icon_close.png) no-repeat 0 0;
  background-size: 100%;
}
.m-recipe-list .m-recipe-list_sidebar {
  border-bottom: none;
  margin-bottom: 0;
  width: auto;
  -ms-flex-preferred-size: 230px;
      flex-basis: 230px;
  position: relative;
}
@media (max-width: 768px) {
  .m-recipe-list .m-recipe-list_sidebar {
    width: auto;
    max-width: 100%;
    background: #f1f2f6;
    padding: 0 15px 15px;
  }
}
.m-recipe-list .m-recipe-list_sidebar + .m-recipe-list_content {
  width: auto;
  -ms-flex-preferred-size: calc(100% - 50px - 230px);
      flex-basis: -webkit-calc(100% - 50px - 230px);
      flex-basis: calc(100% - 50px - 230px);
  border-right: none;
  border-left: none;
  margin-left: 0;
}
@media (max-width: 768px) {
  .m-recipe-list .m-recipe-list_sidebar + .m-recipe-list_content {
    width: auto;
    margin-top: 40px;
  }
}
.m-recipe-list .m-recipe-list_sidebar > nav {
  padding: 50px 0;
  z-index: 10;
  border-right: 1px solid #e4e5ec;
}
@media (max-width: 768px) {
  .m-recipe-list .m-recipe-list_sidebar > nav {
    display: none;
  }
}
.m-recipe-list .m-recipe-list_sidebar > nav > ul > li {
  font-size: 1.4em;
  line-height: 1.3;
  margin-bottom: 6px;
}
@media (max-width: 768px) {
  .m-recipe-list .m-recipe-list_sidebar > nav > ul > li {
    text-align: center;
  }
}
.m-recipe-list .m-recipe-list_sidebar > nav > ul > li > a {
  display: block;
  position: relative;
  width: 100%;
  padding: 8px 5px 7px 36px;
  color: #777;
  text-decoration: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-weight: bold;
  -webkit-transition: .15s;
  transition: .15s;
}
@media (min-width: 769px) {
  .m-recipe-list .m-recipe-list_sidebar > nav > ul > li > a:hover {
    color: #222;
  }
}
.m-recipe-list .m-recipe-list_sidebar > nav > ul > li.is-current a {
  color: #222;
}
@media (min-width: 769px) {
  .m-recipe-list .m-recipe-list_sidebar > nav > ul > li.is-current a:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 9px;
    height: 100%;
    background: #f3be00;
    content: "";
  }
}
.m-recipe-list .m-recipe-list_sidebar .m-select_title {
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  color: #333333;
  margin-bottom: 5px;
}
@media (max-width: 768px) {
  .m-recipe-list .m-recipe-list_sidebar .opt-category .m-select_title {
    line-height: 1;
    margin-bottom: 10px;
  }
}
.m-recipe-list .m-recipe-list_sidebar .m-select {
  position: relative;
  display: block;
  text-align: center;
  width: auto;
  border: 0;
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .m-recipe-list .m-recipe-list_sidebar .m-select {
    display: block;
    margin-bottom: 10px;
  }
}
.m-recipe-list .m-recipe-list_sidebar .m-select select {
  background: #ffffff;
  font-weight: bold;
  font-size: 14px;
  width: 100%;
  height: auto;
  line-height: 1;
  padding: 17px 14px;
  border: solid 1px #e4e5ec;
}
@media (max-width: 768px) {
  .m-recipe-list .m-recipe-list_sidebar .m-select select {
    width: 100%;
    font-size: 13px;
  }
}
.m-recipe-list .m-recipe-list_sidebar .m-select:after {
  border: 0;
  border-bottom: 1px solid #191919;
  border-right: 1px solid #191919;
  height: 6px;
  width: 6px;
  right: 20px;
  top: 40%;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.m-recipe-list .m-recipe-list_sidebar .select-style_name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 10px;
}
.m-recipe-list .m-recipe-list_sidebar .select-style_name span {
  -webkit-transform: scale(0.9);
      -ms-transform: scale(0.9);
          transform: scale(0.9);
}
@media (max-width: 768px) {
  .m-recipe-list .m-recipe-list_sidebar .select-style_name span {
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
  }
}
.m-recipe-list .m-recipe-list_sidebar .opt-tag-wine {
  margin-bottom: 13px;
}
.m-recipe-list .m-recipe-list_sidebar .opt-tag-wine .m-select {
  margin-bottom: 10px;
}
.m-recipe-list .m-recipe-list_sidebar .opt-style {
  margin-bottom: 15px;
}
.m-recipe-list .m-recipe-list_sidebar .opt-detail .m-select:first-of-type {
  margin-bottom: 10px;
}
.m-recipe-list .m-recipe-list_sidebar .opt-detail .select-award {
  margin-bottom: 13px;
}
.m-recipe-list .m-recipe-list_sidebar .opt-price .m-select {
  margin-bottom: 0;
}
.m-recipe-list .m-recipe-list_sidebar .opt-volume .m-select {
  margin-top: -1px;
}
@media (max-width: 768px) {
  .m-recipe-list .m-recipe-list_sidebar .opt-price {
    margin-bottom: 10px;
  }
}
@media (min-width: 769px) {
  .m-recipe-list .m-recipe-list_sidebar .opt-volume {
    margin-top: -1px;
  }
}
.m-recipe-list .m-btn-list.opt-recipe-search {
  margin-top: 20px;
  text-align: center;
}
@media (max-width: 768px) {
  .m-recipe-list .m-btn-list.opt-recipe-search {
    margin-top: 0;
    margin-bottom: 10px;
  }
}
.m-recipe-list .m-btn-list.opt-recipe-search .m-button {
  display: inline-block;
  width: auto;
}
@media (max-width: 768px) {
  .m-recipe-list .m-btn-list.opt-recipe-search .m-button {
    margin-top: 5px;
  }
}
.m-recipe-list .m-btn-list.opt-recipe-search .m-button:first-child {
  margin-right: 5px;
  width: 128px;
}
@media (max-width: 768px) {
  .m-recipe-list .m-btn-list.opt-recipe-search .m-button:first-child {
    width: -webkit-calc(100% - 161px);
    width: calc(100% - 161px);
    margin-right: 8px;
  }
}
.m-recipe-list .m-btn-list.opt-recipe-search .m-button:last-child {
  width: 98px;
}
@media (max-width: 768px) {
  .m-recipe-list .m-btn-list.opt-recipe-search .m-button:last-child {
    width: 150px;
  }
}
.m-recipe-list .m-btn-list.opt-recipe-search button[type='submit'] {
  font-size: 14px;
  padding: 16px 18px;
}
.m-recipe-list .m-btn-list.opt-recipe-search button[type='reset'] {
  font-size: 12px;
  padding: 17px 5px;
  border-color: #e4e5ec;
}
@media (max-width: 768px) {
  .m-recipe-list .m-btn-list.opt-recipe-search button[type='reset'] {
    font-size: 15px;
  }
}
.m-recipe-list .m-form_checbox-radio.theme-smart {
  margin-bottom: 8px;
}
.m-recipe-list .m-form_checbox-radio.theme-smart li {
  display: inline-block;
  margin-right: 15px;
}
@media (max-width: 768px) {
  .m-recipe-list .m-form_checbox-radio.theme-smart li {
    margin-bottom: 12px;
  }
}
.m-recipe-list .m-form_checbox-radio.theme-smart input[type='checkbox'] + label {
  line-height: 1;
  padding-left: 24px;
  font-size: 12px;
}
.m-recipe-list .m-form_checbox-radio.theme-smart input[type='checkbox'] + label:before {
  border-radius: 0;
  width: 16px;
  height: 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: solid 1px #e4e5ec;
}
.m-recipe-list .m-form_checbox-radio.theme-smart input[type='checkbox'] + label:after {
  left: 5px;
  top: 1px;
}
@media (max-width: 768px) {
  .m-recipe-list .m-form_checbox-radio.theme-smart input[type='checkbox'] + label:after {
    left: 7px;
    top: 3px;
  }
}
@media (max-width: 768px) {
  .m-recipe-list .m-form_checbox-radio.theme-smart input[type='checkbox'] {
    font-size: 13px;
  }
  .m-recipe-list .m-form_checbox-radio.theme-smart input[type='checkbox'] + label {
    padding-left: 28px;
  }
  .m-recipe-list .m-form_checbox-radio.theme-smart input[type='checkbox'] + label:before {
    width: 18px;
    height: 18px;
  }
}
@media (max-width: 768px) {
  .m-recipe-list .opt-dish .m-form_checbox-radio.theme-smart li {
    margin-bottom: 5px;
  }
}
.m-recipe-list .opt-dish .m-form_checbox-radio.theme-smart input[type='checkbox'] + label {
  font-size: 12px;
  min-height: auto;
  padding-left: 22px;
}
.m-recipe-list .opt-keyword {
  margin-bottom: 15px;
}
.m-recipe-list .opt-keyword .m-form_input {
  margin-top: 0;
}
.m-recipe-list .opt-keyword .m-form_input input {
  border: solid 1px #e4e5ec;
  font-size: 12px;
}
.m-recipe-list .opt-keyword .m-notes_no-content {
  margin-top: 5px;
  font-size: 12px;
  line-height: 1.666;
}
.m-recipe-list .m-recipe-list_content {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  position: relative;
}
@media (max-width: 768px) {
  .m-recipe-list .m-recipe-list_content {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.m-recipe-list .m-recipe-list_content:before {
  border-right: none;
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  bottom: 0;
  right: 0;
}
@media (min-width: 769px) {
  .m-recipe-list .m-recipe-list_content ul:before,
  .m-recipe-list .m-recipe-list_content ul:after,
  .m-recipe-list .m-recipe-list_content:before,
  .m-recipe-list .m-recipe-list_content:after {
    display: none;
  }
}
.m-recipe-list .m-recipe-list_content .search-keyword {
  color: #777777;
  margin-bottom: 15px;
}
@media (max-width: 768px) {
  .m-recipe-list .m-recipe-list_content .search-keyword {
    font-size: 10px;
  }
}
.m-recipe-list .m-recipe-list_content .brand-title {
  position: relative;
}
@media (max-width: 768px) {
  .m-recipe-list .m-recipe-list_content .brand-title {
    margin-bottom: 30px;
  }
}
.m-recipe-list .m-recipe-list_content .brand-title h2 {
  font-size: 30px;
  color: #222222;
  font-weight: normal;
  margin-bottom: 30px;
  line-height: 1.2;
}
@media (max-width: 768px) {
  .m-recipe-list .m-recipe-list_content .brand-title h2 {
    font-size: 23px;
    margin-bottom: 20px;
  }
}
.m-recipe-list .m-recipe-list_content .brand-title .m-link {
  position: absolute;
  display: inline-block;
  top: 25%;
  right: 0;
}
@media (max-width: 768px) {
  .m-recipe-list .m-recipe-list_content .brand-title .m-link {
    position: relative;
    top: 0;
    left: 0;
  }
}
.m-recipe-list .m-recipe-list_content > ul:not(.m-pagination) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-bottom: none;
  margin-bottom: 30px;
  border-left: none;
  margin-left: 0;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media (max-width: 768px) {
  .m-recipe-list .m-recipe-list_content > ul:not(.m-pagination) {
    border-left: none;
    margin-left: 0px;
    margin-bottom: 15px;
  }
}
.m-recipe-list .m-recipe-list_content > ul:not(.m-pagination) > li {
  border-bottom: none;
  margin-bottom: 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 1.4em;
  line-height: 1.3;
  min-height: auto;
  text-align: center;
  width: 216px;
  -ms-flex-preferred-size: 216px;
      flex-basis: 216px;
  z-index: 1;
  position: relative;
  margin-right: 18px;
}
@media (max-width: 768px) {
  .m-recipe-list .m-recipe-list_content > ul:not(.m-pagination) > li {
    font-size: 1.2em;
    margin-right: 12px;
    width: auto;
    -ms-flex-preferred-size: calc((100% - 12px) / 2);
        flex-basis: -webkit-calc((100% - 12px) / 2);
        flex-basis: calc((100% - 12px) / 2);
    border-left: none;
  }
}
.m-recipe-list .m-recipe-list_content > ul:not(.m-pagination) > li:nth-child(4n) {
  margin-right: 0;
}
@media (max-width: 768px) {
  .m-recipe-list .m-recipe-list_content > ul:not(.m-pagination) > li:nth-child(2n) {
    margin-right: 0;
  }
}
.m-recipe-list .m-recipe-list_content > ul:not(.m-pagination) > li.is-new:before {
  background: #f3be00;
  border-radius: 50%;
  color: #333333;
  content: 'NEW';
  font-family: barlow;
  font-size: 12px;
  font-weight: 500;
  height: 52px;
  text-align: center;
  letter-spacing: 0;
  line-height: 52px;
  width: 52px;
  position: absolute;
  left: 10px;
  top: 10px;
  z-index: 1;
}
@media (max-width: 768px) {
  .m-recipe-list .m-recipe-list_content > ul:not(.m-pagination) > li.is-new:before {
    font-size: 10px;
    line-height: 44px;
    height: 44px;
    left: 9px;
    top: 9px;
    width: 44px;
  }
}
.m-recipe-list .m-recipe-list_content > ul:not(.m-pagination) > li > a {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #222;
  display: block;
  width: 100%;
  height: 100%;
  padding: 0;
  text-decoration: none;
  position: relative;
  -webkit-transition: .3s ease;
  transition: .3s ease;
}
.m-recipe-list .m-recipe-list_content > ul:not(.m-pagination) > li > a p {
  margin-top: 0;
}
@media (max-width: 768px) {
  .m-recipe-list .m-recipe-list_content > ul:not(.m-pagination) > li > a {
    padding: 0;
    width: 100%;
  }
}
@media (min-width: 769px) {
  .m-recipe-list .m-recipe-list_content > ul:not(.m-pagination) > li > a:hover {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .m-recipe-list .m-recipe-list_content > ul:not(.m-pagination) > li > a:hover figure .m-recipe-list_img {
    -webkit-box-shadow: 0px 0px 21px 2px rgba(0, 0, 0, 0.13);
            box-shadow: 0px 0px 21px 2px rgba(0, 0, 0, 0.13);
  }
}
.m-recipe-list .m-recipe-list_content > ul:not(.m-pagination) > li > a figure .m-recipe-list_img {
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  width: 100%;
  max-width: 100%;
  border: solid 1px #e4e5ec;
  height: auto;
  -webkit-transition: all .3s;
  transition: all .3s;
  padding: 70px 0 12px;
}
@media (max-width: 768px) {
  .m-recipe-list .m-recipe-list_content > ul:not(.m-pagination) > li > a figure .m-recipe-list_img {
    padding: 55px 0 9px;
  }
}
.m-recipe-list .m-recipe-list_content > ul:not(.m-pagination) > li > a figure .m-recipe-list_img:after {
  content: "";
  display: none;
  position: absolute;
  right: 5px;
  bottom: 5px;
  border-top: 5px solid transparent;
  border-left: 5px solid transparent;
  border-right: 5px solid #f3be00;
  border-bottom: 5px solid #f3be00;
}
@media (max-width: 768px) {
  .m-recipe-list .m-recipe-list_content > ul:not(.m-pagination) > li > a figure .m-recipe-list_img:after {
    display: block;
  }
}
.m-recipe-list .m-recipe-list_content > ul:not(.m-pagination) > li > a figure .m-recipe-list_img:before {
  display: none;
}
.m-recipe-list .m-recipe-list_content > ul:not(.m-pagination) > li > a figure .m-recipe-list_img:hover {
  text-decoration: none;
}
.m-recipe-list .m-recipe-list_content > ul:not(.m-pagination) > li > a figure .m-recipe-list_img:hover:after {
  display: block;
}
@media (max-width: 768px) {
  .m-recipe-list .m-recipe-list_content > ul:not(.m-pagination) > li > a figure .m-recipe-list_img {
    width: 100%;
    margin-bottom: 10px;
  }
}
.m-recipe-list .m-recipe-list_content > ul:not(.m-pagination) > li > a figure figcaption {
  margin-top: 14px;
}
@media (max-width: 768px) {
  .m-recipe-list .m-recipe-list_content > ul:not(.m-pagination) > li > a figure figcaption {
    margin-top: 5px;
  }
}
@media (min-width: 769px) {
  .m-recipe-list .m-recipe-list_content > ul:not(.m-pagination) > li > a figure img {
    width: 180px;
    height: 230px;
    -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
    transition: -webkit-transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
    transition: transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
    transition: transform 0.8s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
  }
}
@media (max-width: 768px) {
  .m-recipe-list .m-recipe-list_content > ul:not(.m-pagination) > li > a figure img {
    width: 145px;
    height: 185px;
  }
}
.m-recipe-list .m-recipe-list_content > ul:not(.m-pagination) > li > a .m-recipe-list_tag {
  text-align: left;
  color: #777777;
  font-size: 12px;
  margin-bottom: 5px;
}
@media (max-width: 768px) {
  .m-recipe-list .m-recipe-list_content > ul:not(.m-pagination) > li > a .m-recipe-list_tag {
    font-size: 10px;
  }
}
.m-recipe-list .m-recipe-list_content > ul:not(.m-pagination) > li > a .m-recipe-list_name {
  text-align: left;
  color: #333333;
  font-weight: bold;
  margin-bottom: 5px;
  line-height: 1.7;
}
@media (max-width: 768px) {
  .m-recipe-list .m-recipe-list_content > ul:not(.m-pagination) > li > a .m-recipe-list_name {
    font-size: 12px;
  }
}
.m-recipe-list .m-recipe-list_content > ul:not(.m-pagination) > li > a .m-recipe-list_caution {
  text-align: left;
  font-size: 14px;
}
@media (max-width: 768px) {
  .m-recipe-list .m-recipe-list_content > ul:not(.m-pagination) > li > a .m-recipe-list_caution {
    font-size: 10px;
  }
}
.m-recipe-list .m-recipe-list_content > ul:not(.m-pagination) > li > a .m-recipe-list_price {
  text-align: left;
  color: #777;
  font-size: 12px;
  margin-bottom: 5px;
}
@media (max-width: 768px) {
  .m-recipe-list .m-recipe-list_content > ul:not(.m-pagination) > li > a .m-recipe-list_price {
    font-size: 10px;
  }
}
.m-recipe-list .m-recipe-list_content > ul:not(.m-pagination) > li > a .m-recipe-list_taste {
  font-size: 10px;
  color: #777777;
}
.m-recipe-list .m-recipe-list_content > ul:not(.m-pagination) > li > a .m-recipe-list_taste .m-recipe-list_taste-level {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: ceenter;
      -ms-flex-align: ceenter;
          align-items: ceenter;
  margin-bottom: 2px;
}
.m-recipe-list .m-recipe-list_content > ul:not(.m-pagination) > li > a .m-recipe-list_taste .m-recipe-list_taste-level .taste-level {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -ms-flex-preferred-size: calc((100% - 8px) / 5);
      flex-basis: -webkit-calc((100% - 8px) / 5);
      flex-basis: calc((100% - 8px) / 5);
  border: solid 1px #e4e5ec;
  background: #ffffff;
  color: #ffffff;
}
.m-recipe-list .m-recipe-list_content > ul:not(.m-pagination) > li > a .m-recipe-list_taste .m-recipe-list_taste-level .taste-level.is-active {
  color: #777777;
  background: #f1f2f6;
}
.m-recipe-list .m-recipe-list_content > ul:not(.m-pagination) > li > a .m-recipe-list_taste .m-recipe-list_taste-level .taste-level:first-child {
  border-radius: 7px 0 0 7px;
}
.m-recipe-list .m-recipe-list_content > ul:not(.m-pagination) > li > a .m-recipe-list_taste .m-recipe-list_taste-level .taste-level:last-child {
  border-radius: 0 7px 7px 0;
}
.m-recipe-list .m-recipe-list_content > ul:not(.m-pagination) > li > a .m-recipe-list_taste .m-recipe-list_taste-level .taste-level span {
  display: block;
  -webkit-transform: scale(0.9);
      -ms-transform: scale(0.9);
          transform: scale(0.9);
}
@media (max-width: 768px) {
  .m-recipe-list .m-recipe-list_content > ul:not(.m-pagination) > li > a .m-recipe-list_taste .m-recipe-list_taste-level .taste-level span {
    -webkit-transform: scale(0.7);
        -ms-transform: scale(0.7);
            transform: scale(0.7);
  }
}
.m-recipe-list .m-recipe-list_content > ul:not(.m-pagination) > li > a .m-recipe-list_taste .m-recipe-list_taste-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: ceenter;
      -ms-flex-align: ceenter;
          align-items: ceenter;
  margin-bottom: 8px;
}
.m-recipe-list .m-recipe-list_content > ul:not(.m-pagination) > li > a .m-recipe-list_taste .m-recipe-list_taste-name .taste-name span {
  display: block;
  -webkit-transform: scale(0.9);
      -ms-transform: scale(0.9);
          transform: scale(0.9);
}
@media (max-width: 768px) {
  .m-recipe-list .m-recipe-list_content > ul:not(.m-pagination) > li > a .m-recipe-list_taste .m-recipe-list_taste-name .taste-name span {
    -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
            transform: scale(0.8);
  }
}
.m-recipe-list .m-pagination.theme-mini {
  padding-left: 50px;
  padding-right: 50px;
  margin-top: 40px;
}
@media (max-width: 768px) {
  .m-recipe-list .m-pagination.theme-mini {
    padding-top: 0;
    margin-top: 50px;
  }
}
.m-recipe-list .m-pagination.theme-mini li {
  width: auto;
  height: 30px;
  margin-right: 15px;
}
.m-recipe-list .m-pagination.theme-mini li a,
.m-recipe-list .m-pagination.theme-mini li span {
  min-width: 30px;
  width: auto;
  font-size: 14px;
  height: 30px;
  line-height: 28px;
  padding-left: 8px;
  padding-right: 8px;
}
.m-recipe-list .m-pagination.theme-mini li.m-pagination_prev a,
.m-recipe-list .m-pagination.theme-mini li.m-pagination_next a {
  background: #fff;
  padding-left: 0;
  padding-right: 0;
  border: 1px solid #e4e5ec;
}
.m-recipe-list .m-pagination.theme-mini li.m-pagination_prev a:hover,
.m-recipe-list .m-pagination.theme-mini li.m-pagination_next a:hover {
  background: #000;
}
.m-recipe-list .m-pagination.theme-mini li.m-pagination_prev a:hover:before,
.m-recipe-list .m-pagination.theme-mini li.m-pagination_next a:hover:before {
  border-color: #fff;
}
.m-recipe-list .m-pagination.theme-mini li.m-pagination_prev a:before,
.m-recipe-list .m-pagination.theme-mini li.m-pagination_next a:before {
  border-color: #000;
  width: 7px;
  height: 7px;
  top: 41%;
}
@media (max-width: 768px) {
  .m-recipe-list .m-pagination.theme-mini li.m-pagination_prev {
    left: 0;
  }
}
@media (max-width: 768px) {
  .m-recipe-list .m-pagination.theme-mini li.m-pagination_next {
    right: 0;
  }
}
.m-recipe-list .m-pagination.theme-mini li.is-current {
  min-width: 30px;
  width: auto;
}
/* common */
.m-triangle-yellow li {
  position: relative;
}
.m-triangle-yellow li:after {
  content: "";
  display: block;
  position: absolute;
  opacity: 0;
  right: 5px;
  bottom: 5px;
  width: 14px;
  height: 14px;
  background: url(/common/img/parts/icon_triangle_right_down.svg) no-repeat bottom right;
  background-size: cover;
  -webkit-transition: all .3s;
  transition: all .3s;
}
@media (max-width: 768px) {
  .m-triangle-yellow li:after {
    opacity: 1;
  }
}
.m-triangle-yellow li.opt-small::after {
  width: 5px;
  height: 5px;
}
@media (min-width: 769px) {
  .m-triangle-yellow li:hover:hover {
    -webkit-box-shadow: 0px 0px 21.6px 2.4px rgba(0, 0, 0, 0.13);
            box-shadow: 0px 0px 21.6px 2.4px rgba(0, 0, 0, 0.13);
  }
}
.m-triangle-yellow li:hover::after {
  opacity: 1;
}
@media (max-width: 768px) {
  .m-triangle-yellow li.opt-pc-only::after {
    opacity: 0;
  }
}
@media (max-width: 768px) {
  .js-toggle-sp-wrapper.opt-toggle-box .js-toggle-sp_item .js-toggle-sp {
    padding: 5px 14px 5px;
    background: #f1f2f6;
    margin: 0 -15px;
    -webkit-transition: all .3s;
    transition: all .3s;
  }
  .js-toggle-sp-wrapper.opt-toggle-box .js-toggle-sp_item .js-toggle-sp .js-toggle-sp_title {
    position: relative;
    font-size: 13px;
    color: #333333;
    background: #ffffff;
    padding: 15px 36px 15px 13px;
    border: solid 1px #e4e5ec;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .js-toggle-sp-wrapper.opt-toggle-box .js-toggle-sp_item .js-toggle-sp .js-toggle-sp_title::before {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-top: solid 1px #333333;
    position: absolute;
    content: '';
    width: 13px;
    height: 1px;
    top: 47%;
    right: 17px;
    -webkit-transition: none;
    transition: none;
  }
  .js-toggle-sp-wrapper.opt-toggle-box .js-toggle-sp_item .js-toggle-sp .js-toggle-sp_title::after {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-right: solid 1px #333333;
    position: absolute;
    content: '';
    display: block;
    top: 36%;
    right: 23px;
    width: 1px;
    height: 13px;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    opacity: 1;
    -webkit-transition: all .3s;
    transition: all .3s;
  }
  .js-toggle-sp-wrapper.opt-toggle-box .js-toggle-sp_item .js-toggle-sp.is-active .js-toggle-sp_title::after {
    opacity: 0;
  }
  .js-toggle-sp-wrapper.opt-toggle-box .js-toggle-sp_item .js-toggle-sp-content {
    border-top: solid 15px #f1f2f6;
    border-bottom: solid 19px #f1f2f6;
    margin: 0 -15px;
    padding: 15px;
  }
  .js-toggle-sp-wrapper.opt-toggle-box .js-toggle-sp_item:first-of-type .js-toggle-sp {
    padding: 20px 14px 5px;
  }
  .js-toggle-sp-wrapper.opt-toggle-box .js-toggle-sp_item:last-of-type .js-toggle-sp {
    padding: 5px 14px 24px;
  }
  .js-toggle-sp-wrapper.opt-toggle-box .js-toggle-sp_item:last-of-type .js-toggle-sp + .js-toggle-sp-content {
    border: none;
  }
  .js-toggle-sp-wrapper.opt-toggle-box .js-toggle-sp_item:last-of-type .js-toggle-sp + .js-toggle-sp-content ul {
    margin-bottom: 30px;
  }
}
.content-title {
  font-size: 23px;
  color: #222222;
  padding: 30px 15px;
}
@media (max-width: 768px) {
  .content-title {
    font-size: 18px;
    padding: 30px 0 10px;
  }
}