@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);

.clearfix:after {
  content: "";
  display: block;
  clear: both;
}

.clearfix:before {
  content: "";
  display: block;
  clear: both;
}

.clearfix {
  display: block;
}

body {
  font-family: 'Noto Sans Japanese', 'Noto Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Liberation Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  font-weight: 400;
  color: #231815;
}

@media (min-width: 1200px) {
  .container {
    max-width: 1400px;
  }
}
@media (min-width: 1200px) {
  .home .container {
    max-width: 1600px;
  }
}

/* elementor */
.elementor-text-editor {
  font-family: 'Noto Sans Japanese', 'Noto Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Liberation Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  font-weight: 400;
}

.elementor-14070 .elementor-element.elementor-element-e7eb17c {
  text-align: left;
}

.elementor-14070 .elementor-element.elementor-element-53bf0ea>.elementor-container>.elementor-row>.elementor-column>.elementor-column-wrap>.elementor-widget-wrap {
  align-content: center;
  align-items: center;
}

.elementor-14070 .elementor-element.elementor-element-53bf0ea:not(.elementor-motion-effects-element-type-background), .elementor-14070 .elementor-element.elementor-element-53bf0ea>.elementor-motion-effects-container>.elementor-motion-effects-layer {
  background-color: #FFFFFF;
}

.elementor-14070 .elementor-element.elementor-element-53bf0ea {
  border-style: solid;
  border-width: 2px 0px 2px 0px;
  border-color: #E71F19;
  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
  padding: 0px 0px 0px 0px;
}

.elementor-14070 .elementor-element.elementor-element-53bf0ea>.elementor-background-overlay {
  transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}

.elementor-14070 .elementor-element.elementor-element-3a396ab>.elementor-widget-container {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

.elementor-14070 .elementor-element.elementor-element-5df1069 .el-menu>ul>li>a {
  padding: 0px 5px 0px 5px;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  color: #000000;
}

.elementor-14070 .elementor-element.elementor-element-5df1069 .el-menu>ul>li>ul>li a {
  padding: 0px 30px 21px 30px;
  color: #aba8ff;
}

.elementor-14070 .elementor-element.elementor-element-5df1069 .el-menu>ul>li>ul>li {
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.elementor-14070 .elementor-element.elementor-element-5df1069 .el-menu>ul>li>ul>li a:hover {
  color: #ffffff;
}

.elementor-14070 .elementor-element.elementor-element-5df1069 .el-menu>ul li li.current_page_ancestor>a,
.elementor-14070 .elementor-element.elementor-element-5df1069 .el-menu>ul li li.current_page_parent>a,
.elementor-14070 .elementor-element.elementor-element-5df1069 .el-menu>ul li li.current-menu-parent>a,
.elementor-14070 .elementor-element.elementor-element-5df1069 .el-menu>ul li li.current-menu-ancestor>a,
.elementor-14070 .elementor-element.elementor-element-5df1069 .el-menu>ul li li.current_page_item>a,
.elementor-14070 .elementor-element.elementor-element-5df1069 .el-menu>ul li li.current-menu-item>a {
  color: #ffffff;
}

.elementor-14070 .elementor-element.elementor-element-5df1069 .el-menu>ul li>ul {
  padding: 27px 0px 5px 0px;
  background-color: #6762ef;
  border-radius: 5px 5px 5px 5px;
}

.elementor-14070 .elementor-element.elementor-element-5df1069 .el-menu-mobile-btn .el-menu-mobile-btn-img {
  color: #000000;
}

.elementor-14070 .elementor-element.elementor-element-5df1069 .el-menu-mobile-btn .el-menu-mobile-btn-txt {
  color: #ffffff;
}

.elementor-14070 .elementor-element.elementor-element-5df1069>.elementor-widget-container {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

.elementor-14070 .elementor-element.elementor-element-b2d3f2b {
  text-align: left;
}

.elementor-align-right .el-header-icon:first-of-type {
  margin-left: 0px;
}

.el-menu-align-right .el-menu>ul>li {
  margin: 0 0 0 10px;
}

.elementor-14070 .elementor-element.elementor-element-5df1069 .el-menu>ul>li>a {
  padding: 0;
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  color: #000000;
}

@media(max-width:1024px) {
  .elementor-14070 .elementor-element.elementor-element-b2d3f2b {
    text-align: right;
  }
}

@media(min-width:768px) {
  .elementor-14070 .elementor-element.elementor-element-98631c6 {
    width: 28.022%;
  }

  .elementor-14070 .elementor-element.elementor-element-0cdda3a {
    width: 40.459%;
  }

  .elementor-14070 .elementor-element.elementor-element-62e9997 {
    width: 10.641%;
    min-width: 127px;
  }

  .elementor-14070 .elementor-element.elementor-element-273fa40 {
    width: 16%;
  }
}

@media(max-width:1024px) and (min-width:768px) {
  .elementor-14070 .elementor-element.elementor-element-98631c6 {
    width: 100%;
  }

  .elementor-14070 .elementor-element.elementor-element-0cdda3a {
    width: 11%;
  }

  .elementor-14070 .elementor-element.elementor-element-62e9997 {
    width: 20%;
  }

  .elementor-14070 .elementor-element.elementor-element-273fa40 {
    width: 20%;
  }
}

@media(max-width:767px) {
  .elementor-14070 .elementor-element.elementor-element-0cdda3a {
    width: 100%;
  }

  .elementor-14070 .elementor-element.elementor-element-62e9997 {
    width: 38%;
  }

  .elementor-bc-flex-widget .elementor-14070 .elementor-element.elementor-element-62e9997.elementor-column .elementor-column-wrap {
    align-items: center;
  }

  .elementor-14070 .elementor-element.elementor-element-62e9997.elementor-column.elementor-element[data-element_type="column"]>.elementor-column-wrap.elementor-element-populated>.elementor-widget-wrap {
    align-content: center;
    align-items: center;
  }

  .elementor-14070 .elementor-element.elementor-element-62e9997.elementor-column>.elementor-column-wrap>.elementor-widget-wrap {
    justify-content: center;
  }

  .elementor-14070 .elementor-element.elementor-element-b2d3f2b {
    text-align: right;
  }

  .elementor-14070 .elementor-element.elementor-element-273fa40 {
    width: 52%;
  }

  .elementor-14070 .elementor-element.elementor-element-273fa40>.elementor-column-wrap>.elementor-widget-wrap>.elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute) {
    margin-bottom: 0px;
  }
}

body.home {
  overflow-x: hidden;
}

.el-menu-mobile>ul>li {
  font-size: 16px;
}

.el-menu-mobile>ul>li>a {
  padding: 5px 0 !important;
}

.el-menu>ul>li.header-menu-sp {
  display: none;
}

.menu-item-14387 {
  margin-top: 20px !important;
}

.menu-item-14387::before {
  content: url("/wp-content/uploads/2022/01/title_search_categories_sp.png");
  display: block;
}

.el-menu-mobile>ul>li.header-menu-sp {
  margin: 5px 0;
}

.el-menu-mobile>ul>li.header-menu-sp a {
  display: block;
  padding: 2px 10px !important;
  border: #65AB32 solid 1px;
  text-decoration: none;
  color: #000000;
}

.ion-navicon::before {
  font-family: FontAwesome;
  content: "\f0c9";
  font-size: 24px;
}

.el-menu-mobile>ul>li.header-menu-sp a:hover {
  background-color: #E0EED6;
}

.elementor-14070 .elementor-element.elementor-element-273fa40 {
  min-width: 190px !important;
}

.site-main {
  margin-top: 40px;
}

.page-id-13995 .site-main {
  margin-top: -20px;
}

.page-id-13995 .elementor-section.elementor-section-boxed>.elementor-container {
  max-width: 1600px;
}

.page-id-13995 .container {
  max-width: 1600px;
}

.front-slide-container {
overflow: hidden;
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
  margin-bottom: 80px;
}

.slick-slide {
  overflow: hidden;
  height: auto !important;
  padding-bottom: 15px;
}

.slick-slide img {
  max-width: 100%;
}

.slick-slide a img:hover {
  opacity: 0.75;
}

.slick-dots li button::before {
  font-size: 32px !important;
  color: #cccccc !important;
  opacity: 1 !important;
}

.slick-dots li.slick-active button::before,
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  color: #65AB32 !important;
}

.page-wrapper,
.front-wrapper {
  display: flex;
  justify-content: center;
  max-width: 1600px;
  margin: 0 auto;
}

.page-wrapper a img:hover,
.front-wrapper a img:hover {
  opacity: 0.75;
}

.page-primary,
.front-primary {
  width: 100%;
  max-width: 1200px;
}

.page-secondary,
.front-secondary {
  width: 248px;
}

/* News + Recipe */
.news-recipe {
  display: flex;
  justify-content: space-between;
  margin-bottom: 50px;
}

.front-news,
.front-recipe {
  width: 48%;
}

.front-news-header,
.front-recipe-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.front-news-content,
.front-recipe-content {
  border-top: #898989 solid 2px;
}

.front-news,
.front-recipe {
  border-bottom: #898989 solid 2px;
}

.front-news-header button,
.front-recipe-header button,
.news-archives button {
  margin-left: 10px;
  margin-bottom: 0.5rem;
  padding: 5px 10px;
  border: #3E3A39 solid 1px;
  border-radius: 20px;
  background-color: #fff;
  line-height: 1.2;
  white-space: nowrap;
  font-size: 14px;
  font-weight: bold;
  color: #231815;
}

.front-news-header button:hover,
.front-recipe-header button:hover,
.news-archives button:hover {
  background-color: #f4f4f4;
}

.news-recipe h2 {
  font-size: 22px;
  color: #595757;
}

.front-news-content {
  padding: 2px 0 0;
}

.front-news dl {
  margin-bottom: 0;
  line-height: 1.2;
  font-size: 16px;
  color: #595757;
}

.front-news dl dt {
  margin-bottom: 0;
  clear: left;
  float: left;
  padding-bottom: 0.5em;
  padding-top: 0.5em;
  color: #231815;
}

.front-news dl dd {
  margin-bottom: 0;
  padding-left: 7em;
  padding-bottom: 0.5em;
  padding-top: 0.5em;
  border-bottom: #727171 dashed 1px;
}
.front-news dl dt:last-child,
.front-news dl dd:last-child {
  border: none;
}
.front-news dl dd a {
  color: #231815;
}
.news-recipe .front-recipe h2 {
  color: #DB2828;
}

.front-recipe h3 {
  font-size: 18px;
  color: #231815;
}

.front-recipe-content {
  display: flex;
  padding: 12px 0;
}

.front-recipe-img {
  width: 30%;
}

.front-recipe-img img {
  max-width: 100%;
  height: auto;
}

.front-recipe-list {
  margin-left: 20px;
}

.front-recipe ul {
  color: #231815;
  margin-bottom: 0;
}

.front-recipe ul li {
  margin: 0;
  line-height: 1.4;
  font-size: 16px;
}

.front-recipe ul li a {
  color: #231815;
}

@media screen and (max-width: 1500px) {
  .news-recipe button {
    font-size: 14px;
    font-weight: bold;
    color: #231815;
  }

  .news-recipe button:hover {
    background-color: #f4f4f4;
  }

  .news-recipe h2 {
    font-size: 24px;
    color: #595757;
  }
}

@media screen and (max-width: 800px) {
  .news-recipe {
    display: block;
  }

  .front-news,
  .front-recipe {
    width: 100%;
    margin-bottom: 50px;
  }
}

.front-recommend {
  margin-bottom: 30px;
}

.hgroup {
  margin: 0 0 40px;
}

.hgroup h2 {
  margin-bottom: 0;
  font-size: 32px;
  font-weight: bold;
}

.hgroup p {
  font-size: 19px;
  margin: 0 0 1em;
  line-height: 1.8;
}

.front-recommend ul {
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.front-recommend ul li {
  margin: 0 0 2%;
  padding: 0;
  list-style-type: none;
  width: 23%;
}

.front-recommend ul li img {
  width: 100%;
  max-width: 100%;
  height: auto;
}

.recommend-list {
  margin-top: 40px;
}

.recommend-list ul {
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.recommend-list ul::before,
.recommend-list ul::after {
  content: "";
  display: block;
  width: 23%;
  height: 0;
}

.recommend-list ul::before {
  order: 1;
}

.recommend-list ul li {
  margin: 0 0 2%;
  padding: 0;
  list-style-type: none;
  width: 23%;
  position: relative;
}

.recommend-list ul li::before {
  position: absolute;
  top: -5px;
  left: 10px;
  z-index: 10;
}

.recommend-list ul li p {
  margin-top: 0.5em;
  font-size: 16px;
  line-height: 1.5;
}

span.price {
  display: block;
  font-size: 20px;
  color: #E71F19;
}

.recommend-list ul li a {
  text-decoration: none;
  color: #000000;
}

.recommend-list ul li img {
  width: 100%;
  max-width: 100%;
  height: auto;
  border: #cccccc solid 1px;
  padding: 20px;
  box-sizing: border-box;
}

.recommend-pickup .hgroup {
  border-bottom: #EB864B solid 2px;
}

.recommend-pickup h2 {
  color: #EB864B;
}

.recommend-spices .hgroup {
  border-bottom: #D71618 solid 2px;
}

.recommend-spices h2 {
  color: #D71618;
}

.recommend-outdoor .hgroup {
  border-bottom: #4E9EFC solid 2px;
}

.recommend-outdoor h2 {
  color: #4E9EFC;
}

.recommend-homeparty .hgroup {
  border-bottom: #E95513 solid 2px;
}

.recommend-nabe h2 {
  color: #E95513;
}

.recommend-nabe .hgroup {
  border-bottom: #E95513 solid 2px;
}

.recommend-homeparty h2 {
  color: #E95513;
}

.recommend-coloring .hgroup {
  border-bottom: #519A36 solid 2px;
}

.recommend-coloring h2 {
  color: #519A36;
}

.recommend-chai .hgroup {
  border-bottom: #896138 solid 2px;
}

.recommend-chai h2 {
  color: #896138;
}

.recommend-spices ul li::before {
  content: url(/wp-content/uploads/2022/01/icon_recommend.png);
}

.recommend-outdoor ul li::before {
  content: url(/wp-content/uploads/2022/06/outdoor.png);
}

.recommend-homeparty ul li::before {
  content: url(/wp-content/uploads/2022/11/icon-home.png);
}

.recommend-nabe ul li::before {
  content: url(/wp-content/uploads/2022/01/icon_nabe.png);
}

.recommend-coloring ul li::before {
  content: url(/wp-content/uploads/2022/01/icon_coloring.png);
}

.recommend-coloring ul li.plusone::before {
  content: url(/wp-content/uploads/2022/02/icon_plus1.png);
}

.recommend-chai ul li::before {
  content: url(/wp-content/uploads/2022/01/icon_chai.png);
}

.front-secondary img {
  width: 100%;
  max-width: 100%;
  height: auto;
}

/* Recipe */
.recipe-fv {
  position: relative;
  margin-bottom: 30px;
  padding: 20px;
  border: #E60012 solid 1px;
  border-radius: 60px;
  text-align: center;
}

.recipe-fv h1 {
  font-size: 34px;
  color: #E60012;
}

.recipe-fv h2 {
  font-size: 15px;
  font-weight: normal;
}

.recipe-fv::before {
  content: url('../images/recipe/title_left.png');
  position: absolute;
  top: 10px;
  left: 30px;
  z-index: -1;
}

.recipe-fv::after {
  content: url('../images/recipe/title_right.png');
  position: absolute;
  top: 20px;
  right: 30px;
  z-index: -1;
}

.page-title {
  margin-bottom: 30px;
  text-align: center;
}

.search-recipe {
  display: flex;
  justify-content: space-between;
}

.search-recipe ul {
  margin: 0 0 20px;
  padding: 0;
  list-style-type: none;
  display: flex;
  justify-content: space-between;
}

.search-recipe ul li {
padding: 0.5%;
 
}

.search-recipe ul li::after {
  display: block;
  width: 100%;
  margin: 3px 0;
  padding: 0 0 2px;
  text-align: center;
  border-radius: 8px;
  font-weight: bold;
  line-height: 1.6;
  color: #fff;
}

.curry::after {
  content: 'カレー';
  background-color: #F39800;
}
.spice-curry::after {
  content: 'スパイスから作るカレー';
  background-color: #946C26;
}
.curry-powder::after {
  content: 'カレー粉から作るカレー';
  background-color: #B39F1A;
}

.rice_bread::after {
  content: 'ご飯･パン･麺';
  background-color: #CA9459;
}

.meat_dish::after {
  content: '肉料理';
  background-color: #E46D54;
}

.seafood::after {
  content: '魚料理';
  background-color: #508BCA;
}

.soup_snack::after {
  content: '前菜･副菜･スープ';
  background-color: #77C06C;
}

.drinks_sweets::after {
  content: '飲み物･スイーツ･他';
  background-color: #ED7DAE;
}

.search-recipe-form {
  margin-bottom: 20px;
  background-color: #E2E2E1;
  border-radius: 50px;
  padding: 10px;
}

.search-recipe-form .search-form-inner form {
  margin: auto;
  border: #706F6F solid 2px;
  border-radius: 30px;
  width: 400px;
  height: 30px;
  background-color: #fff;
  position: relative;
}

.search-recipe-form .search-form-inner label {
  position: absolute;
  left: 0;
  line-height: 26px;
  border-right: #706F6F solid 2px;
  padding: 0 10px;
}

.search-recipe-form .search-form-inner .search-field {
  width: 300px;
  height: 26px;
  position: absolute;
  top: 0;
  left: 100px;
  border: none;
}

.search-recipe-form .search-form-inner .search-submit {
  position: absolute;
  top: -2px;
  right: -2px;
  width: 30px;
}

.recipe-serch-results-title {
  margin-bottom: 20px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  border: #E60012 solid 2px;
  border-radius: 25px;
  width: 100%;
  padding: 0 30px;
}

.recipe-serch-results-title h2 {
  margin: 10px 0;
  color: #E60012;
}

.recipe-serch-results-title p {
  margin: 7px 0 0;
  font-size: 16px;
  font-weight: bold;
}

.recipe-serch-results-title p a {
  color: #231815;
}

.recipe-serch-results-item a {
  color: #231815;
}

.recipe-serch-results-item ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.recipe-serch-results-item ul li {
  margin: 0 1% 20px;
  width: 23%;
  position: relative;
}

.recipe-serch-results-item ul li h3 {
  height: 2.5em;
  margin: 2.5em 0 0;
  font-weight: bold;
  font-size: 12px;
}

.recipe-serch-results-item ul li::after {
  position: absolute;
  display: block;
  min-width: 100%;
  margin: 3px 0;
  padding: 2px;
  text-align: center;
  border-radius: 8px;
  font-weight: bold;
  line-height: 1.4;
  color: #fff;
  bottom: 30px;
}

.recipe-title {
  display: flex;
  justify-content: space-between;
  position: relative;
  border-top: #E60012 solid 2px;
  border-bottom: #E60012 solid 2px;
  padding: 20px 0;
}

.recipe-title::after {
  position: absolute;
  display: block;
  min-width: 20%;
  margin: 3px 0;
  padding: 2px 20px;
  text-align: center;
  border-radius: 8px;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.4;
  color: #fff;
  top: 20px;
}

.recipe-txt {
  width: 48%;
  padding-top: 40px;
}

.recipe-img {
  width: 40%;
}

.recipe-txt h1 {
  font-size: 34px;
  color: #3E3A39;
}

.recipe-txt p {
  margin: 0;
  font-size: 14px;
  color: #3E3A39;
}

.spice-recipe {
  display: flex;
  justify-content: space-between;
  padding: 20px 0 20px;
}

.spice-recipe h3 {
  color: #7D4E22;
}

.spice-recipe h4 {
  color: #7D4E22;
  padding-top: 1em;
}

.spice-recipe a {
  color: #E60012;
}

.ingredient,
.cooking {
  width: 48%;
}

.ingredient ul {
  margin: 0;
  padding: 0;
  border-top: #898989 dotted 2px;
  list-style-type: none;
}
.ingredient ul li {
  border-bottom: #898989 dotted 2px;
  font-size: 16px;
  font-weight: normal;
}
.ingredient ul li ul {
  margin: 0;
  padding: 0;
  border-bottom: none;
  border-top: none;
  list-style-type: none;
  background-color: #eee;
}
.ingredient ul li li{
  border-bottom: none;
  font-size: 16px;
  text-indent: 2em;
  line-height: 1.2;
  font-weight: normal;
}

.cooking p {
  font-size: 16px;
}

.use-spice {
  border-top: #E60012 solid 2px;
  border-bottom: #E60012 solid 2px;
  padding: 20px 0;
}

.use-spice h2 {
  color: #E60012;
  text-align: center;
}

.use-spice h2::before {
  content: url(../images/recipe/use-spice.png);
  margin-right: 5px;
}

.use-spice ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.use-spice ul li {
  width: 15%;
  text-align: center;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.4;
}

.use-spice ul li img {
  margin-bottom: 10px;
}

.use-spice ul li a {
  color: #231815;
}

.shop-button {
  margin-top: 30px;
  text-align: center;
}

.recipe-navi ul {
  margin: 0 0 20px;
  padding: 0;
  list-style-type: none;
  display: flex;
  justify-content: space-between;
}
.recipe-navi ul li {
padding: 0.5%;
  display: block;
  width: 100%;
  margin: 3px 0;
  padding: 0 0 2px;
  text-align: center;
  border-radius: 8px;
  font-weight: bold;
  line-height: 1.6;
  color: #fff;
  margin-right: 0.5%;
}
.recipe-navi ul li a{
 color: #ffffff;
}
.curry-nv {
  background-color: #F39800;
}
.rice_bread-nv{
  background-color: #CA9459;
}
.meat_dish-nv {
  background-color: #E46D54;
}
.seafood-nv {
  background-color: #508BCA;
}
.soup_snack-nv {
  background-color: #77C06C;
}
.drinks_sweets-nv {
   background-color: #ED7DAE;
}
@media screen and (max-width: 800px) {
  .search-recipe ul {
    flex-wrap: wrap;
  }
  .search-recipe ul li {
    width: 50%;
  }

  .recipe-serch-results-item ul li {
    width: 48%;
  }

  .page-title {
    margin-bottom: 10px;
  }

  .recipe-title {
    display: block;
    border: none;
  }

  .recipe-title::after {
    min-width: 30%;
  }

  .recipe-txt,
  .recipe-img {
    width: 100%;
  }

  .recipe-txt {
    width: 100%;
    margin-bottom: 40px;
  }

  .spice-recipe {
    display: block;
  }

  .ingredient,
  .cooking {
    width: 100%;
  }

  .ingredient {
    margin-bottom: 30px;
  }

  .use-spice {
    border: none;
    padding: 20px 0;
  }

  .use-spice ul {
    padding: 0 30px;
  }

  .use-spice ul li {
    width: 40%;
    margin-bottom: 20px;
  }

  .use-spice h2 {
    border-top: #E60012 solid 2px;
    border-bottom: #E60012 solid 2px;
    margin-bottom: 30px;
    padding: 10px 0;
  }
  
.recipe-navi ul {
  flex-wrap: wrap;
}
.recipe-navi ul li {
 width: 48%;
}
}

@media screen and (max-width: 500px) {
  .recipe-fv h1 {
    font-size: 24px;
  }

  .recipe-fv h2 {
    font-size: 11px;
  }

  .recipe-fv::before {
    top: 5px;
    opacity: 0.5;
  }

  .recipe-fv::after {
    top: 10px;
    opacity: 0.5;
  }

  .recipe-serch-results-title {
    display: block;
  }

  .recipe-serch-results-title h2 {
    margin: 10px 0 0;
  }

  .recipe-serch-results-title p {
    margin: 0;
    text-align: right;
  }

  .search-recipe-form .search-form-inner form {
    width: auto;
  }

  .search-recipe-form {
    margin-bottom: 20px;
    background-color: #fff;
    border-radius: 0;
    padding: 0;
  }

  .search-recipe-form .search-form-inner .search-field {
    width: auto;
  }
}

/* Side */
.side-navi ul,
.side-banner ul {
  list-style-type: none;
  padding: 0;
  margin: 0 0 5px;
}

.side-navi ul li,
.side-banner ul li {
  list-style-type: none;
  padding: 0;
  margin: 0 0 10px;
  font-size: 16px;
}

.side-navi h4 {
  font-size: 26px;
  margin: 0;
}

.side-navi ul li a {
  display: block;
  padding: 2px 10px;
  border: #65AB32 solid 1px;
  text-decoration: none;
  color: #000000;
}

.side-navi ul li a:hover {
  background-color: #E0EED6;
}

.side-link {
  margin-top: 60px !important;
  padding-top: 10px !important;
  border: #E9852F solid 2px;
}

.side-link li {
  margin-left: 1em;
  font-size: 14px;
  line-height: 1.4;
  list-style: none;
  color: #E9852F;
  margin-right: 1em;
}

.side-link li:before {
  content: "▶ "
}

.side-banner {
  margin-top: 80px;
}

.purchasing-method {
  margin-top: 60px;
}

.purchasing-note {
  margin: 0;
  padding: 10px;
  border: #E9852F solid 1px;
  border-radius: 10px;
}

.purchasing-note li {
  margin-left: 1em;
  font-size: 14px;
  line-height: 1.5;
}

.site-footer {
  background-color: #F7F7F7;
}

.site-footer .elementor-section.elementor-section-boxed>.elementor-container {
  max-width: 1600px;
}

.site-footer .elementor-size-large {
  font-size: 18px !important;
}

.site-footer p,
.site-footer li {
  font-size: 18px !important;
  line-height: 1.6;
}

.site-footer p a:hover,
.site-footer li a:hover {
  text-decoration: underline;
}

/* News Page */
.news {
  margin-bottom: 50px;
  padding: 10px 50px 0;
  border-top: #E60012 solid 3px;
}

.news-date {
  font-size: 18px;
  font-weight: bold;
  color: #727171;
}

.news-title {
  padding: 5px 0 20px;
  border-bottom: #231815 dotted 2px;
}

.news-archives {
  display: none;
  text-align: right;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.news-archives li {
  display: inline;
}
.news-archives button {
  padding: 5px 20px;
}

.news-content a {
  color: #386DA9;
  text-decoration: underline;
}

/* Search */
.gojyuon {
  display: flex;
  flex-wrap: wrap;
}

.alpha-btn {
  border: none;
  background-color: inherit;
  font-size: 16px;
  cursor: pointer;
  display: inline-block;
  border: solid 1px #999;
  background-color: #fff;
  color: #333;
  margin: 6px;
  height: 30px;
  width: 30px;
}

.alpha-btn a {
  color: #333;
}

.alpha-btn a:hover {
  color: #ffffff;
  text-decoration: none;
}

.alpha-btn:hover {
  background: #DD2A29;
}

.alpha-btn.first {
  background-color: #F5D0CF;
  color: #333;
}

.alpha-btn.first a {
  color: #333;
}

.alpha-btn.first a:hover {
  color: #ffffff;
  text-decoration: none;
}

.alpha-btn.first:hover {
  background: #DD2A29;
}

.alphabetical-list {
  margin-top: 40px;
}

.alphabetical-list ul {
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.alphabetical-list ul::before,
.alphabetical-list ul::after {
  content: "";
  display: block;
  width: 39.5%;
  height: 0;
}

.alphabetical-list ul::before {
  order: 1;
}

.alphabetical-list ul li {
  margin: 0 0 2%;
  padding: 0;
  list-style-type: none;
  width: 19%;
  position: relative;
}

.alphabetical-list ul li::before {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 10;
}

.alphabetical-list ul li p {
  margin-top: 0px;
  font-size: 14px;
  line-height: 1.3;
  background-color: #f5f5f5;
  font-weight: bold;
  padding-left: 5px;
  padding-top: 5px;
  min-height: 80px;
}

span.pkg {
  display: block;
  font-size: 12px;
  font-weight: normal;
  padding-top: 6px;
}

.alphabetical-list ul li a {
  text-decoration: none;
  color: #000000;
}

.alphabetical-list ul li img {
  width: 100%;
  max-width: 100%;
  height: auto;
  border: #cccccc solid 1px;
  padding: 10px;
  box-sizing: border-box;
}

li#a::before {
  content: url(/wp-content/uploads/2022/03/mark-a.jpg);
}

li#i::before {
  content: url(/wp-content/uploads/2022/03/mark-i.jpg);
}

li#u::before {
  content: url(/wp-content/uploads/2022/03/mark-u.jpg);
}

li#e::before {
  content: url(/wp-content/uploads/2022/03/mark-e.jpg);
}

li#o::before {
  content: url(/wp-content/uploads/2022/03/mark-o.jpg);
}

li#ka::before {
  content: url(/wp-content/uploads/2022/03/mark-ka.jpg);
}

li#ki::before {
  content: url(/wp-content/uploads/2022/03/mark-ki.jpg);
}

li#ku::before {
  content: url(/wp-content/uploads/2022/03/mark-ku.jpg);
}

li#ke::before {
  content: url(/wp-content/uploads/2022/03/mark-ke.jpg);
}

li#ko::before {
  content: url(/wp-content/uploads/2022/03/mark-ko.jpg);
}

li#sa::before {
  content: url(/wp-content/uploads/2022/03/mark-sa.jpg);
}

li#shi::before {
  content: url(/wp-content/uploads/2022/03/mark-shi.jpg);
}

li#su::before {
  content: url(/wp-content/uploads/2022/03/mark-su.jpg);
}

li#se::before {
  content: url(/wp-content/uploads/2022/03/mark-se.jpg);
}

li#so::before {
  content: url(/wp-content/uploads/2022/03/mark-so.jpg);
}

li#ta::before {
  content: url(/wp-content/uploads/2022/03/mark-ta.jpg);
}

li#chi::before {
  content: url(/wp-content/uploads/2022/03/mark-chi.jpg);
}

li#tsu::before {
  content: url(/wp-content/uploads/2022/03/mark-tsu.jpg);
}

li#te::before {
  content: url(/wp-content/uploads/2022/03/mark-te.jpg);
}

li#to::before {
  content: url(/wp-content/uploads/2022/03/mark-to.jpg);
}

li#na::before {
  content: url(/wp-content/uploads/2022/03/mark-na.jpg);
}

li#ni::before {
  content: url(/wp-content/uploads/2022/03/mark-ni.jpg);
}

li#nu::before {
  content: url(/wp-content/uploads/2022/03/mark-nu.jpg);
}

li#ne::before {
  content: url(/wp-content/uploads/2022/03/mark-ne.jpg);
}

li#no::before {
  content: url(/wp-content/uploads/2022/03/mark-no.jpg);
}

li#ha::before {
  content: url(/wp-content/uploads/2022/03/mark-ha.jpg);
}

li#hi::before {
  content: url(/wp-content/uploads/2022/03/mark-hi.jpg);
}

li#fu::before {
  content: url(/wp-content/uploads/2022/03/mark-fu.jpg);
}

li#he::before {
  content: url(/wp-content/uploads/2022/03/mark-he.jpg);
}

li#ho::before {
  content: url(/wp-content/uploads/2022/03/mark-ho.jpg);
}

li#ma::before {
  content: url(/wp-content/uploads/2022/03/mark-ma.jpg);
}

li#mi::before {
  content: url(/wp-content/uploads/2022/03/mark-mi.jpg);
}

li#mu::before {
  content: url(/wp-content/uploads/2022/03/mark-mu.jpg);
}

li#me::before {
  content: url(/wp-content/uploads/2022/03/mark-me.jpg);
}

li#mo::before {
  content: url(/wp-content/uploads/2022/03/mark-mo.jpg);
}

li#ya::before {
  content: url(/wp-content/uploads/2022/03/mark-ya.jpg);
}

li#yu::before {
  content: url(/wp-content/uploads/2022/03/mark-yu.jpg);
}

li#yo::before {
  content: url(/wp-content/uploads/2022/03/mark-yo.jpg);
}

li#ra::before {
  content: url(/wp-content/uploads/2022/03/mark-ra.jpg);
}

li#ri::before {
  content: url(/wp-content/uploads/2022/03/mark-ri.jpg);
}

li#ru::before {
  content: url(/wp-content/uploads/2022/03/mark-ru.jpg);
}

li#re::before {
  content: url(/wp-content/uploads/2022/03/mark-re.jpg);
}

li#ro::before {
  content: url(/wp-content/uploads/2022/03/mark-ro.jpg);
}

li#wa::before {
  content: url(/wp-content/uploads/2022/03/mark-wa.jpg);
}

.holiday-notice {
  margin: 1em;
  border: 1px solid #C0000F;
  padding: 5px;
  text-align: center;
}

.holiday-notice span {
  color: #C0000F;
}

.product-notice {
  margin-top: 1em;
  border: 1px solid #ccc;
  padding: 2px;
  text-align: center;
}

.item-list {
  margin-top: 40px;
}

.item-list ul {
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.item-list ul::before,
.item-list ul::after {
  content: "";
  display: block;
  width: 33.3%;
  height: 0;
}

.item-list ul::before {
  order: 1;
}

.item-list ul li {
  margin: 0 0 2%;
  padding: 0;
  list-style-type: none;
  width: 33.3%;
  position: relative;
}

.item-list ul li::before {
  position: absolute;
  top: -5px;
  left: 10px;
  z-index: 10;
}

.item-list ul li p {
  margin-top: 0.5em;
  font-size: 16px;
  line-height: 1.5;
}

.item-list ul li a {
  text-decoration: none;
  color: #000000;
}

.item-list ul li img {
  width: 100%;
  max-width: 100%;
  height: auto;
  border: #cccccc solid 1px;
  padding: 20px;
  box-sizing: border-box;
}

@media screen and (max-width: 1680px) {

  .page-wrapper,
  .front-wrapper {
    margin: 0 40px;
  }
}

@media screen and (max-width: 1200px) {

  .page-wrapper,
  .front-wrapper {
    display: block;
  }

  .page-primary,
  .front-primary {
    width: 100%;
  }

  .page-secondary,
  .front-secondary {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .front-secondary>div {
    width: 30%;
  }
}

@media(max-width:1024px) {
  .header-menu-sp {
    display: block;
  }

  .side-banner {
    margin-top: 52px;
  }

  .purchasing-method {
    margin-top: 52px;
  }

  .site-footer .elementor-column {
    width: 33% !important;
  }

  .alphabetical-list ul li {
    width: 24%;
  }

  .alphabetical-list ul::before,
  .alphabetical-list ul::after {
    width: 24%;
  }
}

@media screen and (max-width: 800px) {
  .front-wrapper {
    margin: 0 20px;
  }

  .page-wrapper {
    margin: 0;
  }

  .front-recommend ul li,
  .recommend-list ul li {
    width: 48%;
  }

  .site-footer .elementor-column {
    width: 100% !important;
    text-align: center;
    margin: 0 0 40px;
  }

  .site-footer .elementor-column li {
    list-style-type: none;
  }

  .front-secondary>div {
    width: 48%;
  }

  .front-secondary>div:nth-child(1) {
    margin-right: 4%;
  }

  .side-navi {
    display: none;
  }

  .alphabetical-list ul li {
    width: 24%;
  }

  .alphabetical-list ul::before,
  .alphabetical-list ul::after {
    width: 24%;
  }
}

@media screen and (max-width: 450px) {

  .front-recommend ul li,
  .recommend-list ul li {
    width: 100%;
  }

  .front-secondary>div {
    width: 100%;
  }

  .front-secondary>div:nth-child(1) {
    margin-right: 0;
  }

  .alphabetical-list ul li {
    width: 48%;
  }

  .alphabetical-list ul::before,
  .alphabetical-list ul::after {
    width: 48%;
  }
}

/* Purchase Page */
.page-id-14056 .title-block-normal {
  display: none;
}

.page-purchase h1 {
  font-size: 32px;
  border: #ccc solid 1px;
  padding: 10px 20px;
}

.page-purchase p {
  font-size: 18px;
  margin-bottom: 2rem;
}

.page-purchase h2 {
  font-size: 24px;
  border-bottom: #7F8080 solid 1px;
  padding-bottom: 0.5rem;
  margin-bottom: 1em;
}

.page-purchase dl {
  margin-bottom: 2rem;
}

.page-purchase dt {
  font-size: 24px;
}

.page-purchase dt span {
  color: #E71F19;
  display: inline-block;
  width: 6rem;
}

.page-purchase dd {
  font-size: 18px;
  padding-left: 6rem;
  margin-bottom: 1.5rem;
}

.page-purchase dd img {
  max-width: 100%;
  height: auto;
}

.page-purchase h3 {
  font-size: 24px;
  border-bottom: #7F8080 solid 1px;
  padding-bottom: 0.5rem;
  margin: 3rem 0 1rem;
}

.page-purchase h4 {
  font-size: 18px;
  margin-bottom: 0.3rem;
}

@media screen and (max-width: 800px) {
  .page-purchase dd {
    padding-left: 0;
  }
}

/* Make Curry */
.page-id-18871 .elementor-section.elementor-section-boxed>.elementor-container,
.page-id-18871 .container {
  max-width: 1400px;
}

.page-id-18871 .title-block-normal-ttl {
  display: none;
}

.curry-fv {
  position: relative;
  margin-bottom: 50px;
}

.curry-fv-navi {
  width: 78%;
  position: absolute;
  left: 1%;
  bottom: -2.2%;
  display: flex;
  flex-wrap: wrap;
}

.curry-fv-navi>div {
  width: 20%;
  margin-right: 5%;
}

.popular-spice::before {
  content: url(/wp-content/uploads/2022/04/icon_ninki.png);
  transform: scale(0.8);
  top: -10px !important;
  left: 5px !important;
}

.make-curry .column-banner {
  margin-bottom: 120px;
}

.make-curry .recommend-list {
  margin-top: 15px;
  position: relative;
}

.make-curry h2 {
  border-bottom: #B3B3B3 solid 2px;
  padding: 0 0 5px;
  margin-bottom: 1em;
}

.make-curry h2::before {
  content: "●";
  font-size: 1.3em;
  margin-right: 0.1em;
}

#make-curry_01 h2::before {
  color: #F8B62D;
}

#make-curry_02 h2::before {
  color: #CD6316;
}

#make-curry_03 h2::before {
  color: #B28146;
}

#make-curry_04 h2::before {
  color: #9EB954;
}

#make-curry_05 h2::before {
  color: #5AB5E7;
}

#make-curry_06 h2::before {
  color: #2E9B60;
}

#make-curry_07 h2::before {
  color: #C32423;
}

#make-curry_04 h3 {
  background-color: #588462;
  width: 10em;
  padding: 2px 1em;
  color: #fff;
  font-size: 14px;
  border-radius: 10px;
  margin-bottom: 1em;
}

.make-curry .recommend-list ul li::after {
  position: absolute;
  top: 0px;
  left: 0px;
  transform: scale(0.7);
}

.curry-koku::after {
  content: url(/wp-content/uploads/2022/04/icon_koku.png);
}

.curry-kaori::after {
  content: url(/wp-content/uploads/2022/04/icon_kaori.png);
}

.curry-irodori::after {
  content: url(/wp-content/uploads/2022/04/icon_irodori.png);
}

.curry-hot::after {
  content: url(/wp-content/uploads/2022/04/icon_hot.png);
}

.curry-sweet::after {
  content: url(/wp-content/uploads/2022/04/icon_sweet.png);
}

.holidays-wp table {
  border-collapse: collapse;
  border-spacing: 0;
  border: none;
  width: 100%;
  margin: 0;
  table-layout: initial;
  width: 100%;
  border-radius: 0px;
  line-height: 0;
}

.holidays-wp img {
  max-width: 100%;
  height: auto;
}

.holidays-wp td {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: top;
  line-height: 0;
}

.elementor-14070 .elementor-element.elementor-element-3a396ab>.elementor-widget-container {
  text-align: left;
}

@media screen and (max-width: 450px) {
  .curry-fv {
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    width: 100vw;
  }

  .curry-fv-navi {
    width: 95%;
    position: absolute;
    left: 5%;
    bottom: 19.5%;
    display: flex;
    flex-wrap: wrap;
  }

  .curry-fv-navi>div {
    width: 20%;
    margin-right: 5%;
  }
  
.make-curry .column-banner {
  margin-bottom: 3em;
}
}

.sp-show {
  display: none;
}

@media(max-width:1000px) {
.sp-show {
  display: inherit;
}
.pc-show {
  display: none;
}

}

.dukka-menu {
display: flex;
flex-wrap: wrap;
justify-content: center;
width: 90%;
margin: 0 auto;
}
.dukka-menu div {
width: 48%;
  background-color: #535787;
  color: #fff;
  border-radius: 10px;
  height: 30px;
  padding: 5px;
  margin: 1%;
  display: block;
  text-align: center;
  font-size: 12px;
}
.dukka-menu div a{
  color: #fff;

}