@charset "UTF-8";
.cabin-sketch-regular {
  font-family: "Cabin Sketch", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.cabin-sketch-bold {
  font-family: "Cabin Sketch", sans-serif;
  font-weight: 700;
  font-style: normal;
}

/* =============================================

 ###　基本構成

============================================= */
.currynokuchi_v2 {
  line-height: 2em;
  color: #674222;
  font-family: "Alexandria", "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}
@media screen and (min-width: 960px) {
  .currynokuchi_v2 {
    width: 700px;
  }
}
.currynokuchi_v2 img {
  width: 100%;
  height: auto;
}

.cmn_ttl1 {
  font-family: "Alexandria", "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  text-align: center;
  font-size: 27px;
  font-weight: 600;
  color: #CF653C;
  letter-spacing: 0.08em;
  line-height: 1em;
  margin-bottom: 30px;
}
.cmn_ttl1 .jp {
  display: block;
  font-family: "Alexandria", "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: normal;
  line-height: 1em;
}

/* =============================================

 ###　MV

============================================= */
.mv-section {
  margin-bottom: 55px;
  position: relative;
}

.mv_tx1 {
  animation-name: mvtx1;
  animation-duration: 2s;
  /*1秒かけてアニメーションさせる*/
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 59.7333333333%;
}
@media screen and (min-width: 960px) {
  .mv_tx1 {
    width: 29.8666666667%;
  }
}

.mv_tx2 {
  animation-name: mvtx2;
  animation-duration: 4s;
  /*1秒かけてアニメーションさせる*/
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 38.4%;
}
@media screen and (min-width: 960px) {
  .mv_tx2 {
    width: 19.2%;
  }
}

@keyframes mvtx1 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes mvtx2 {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* =============================================

 ###　コンセプト

============================================= */
.concept-section {
  padding-top: 65px;
  padding-bottom: 60px;
  text-align: center;
  background-color: #DCDDDD;
  background-image: url(https://cdn.shopserve.jp/toyosu-shop.jp/cdnassets/img/category/currynokuchi/v2/concept_bg_sp.png);
  background-size: 100% auto;
  position: relative;
}
.concept-section .lead {
  font-family: "Kaisei Opti", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-size: 23px;
  margin-bottom: 25px;
  font-weight: bold;
}
.concept-section .logo {
  width: 56.4%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 40px;
}
.concept-section .copy {
  font-size: 16px;
  margin-bottom: 30px;
  font-weight: 500;
}
.concept-section .text {
  line-height: 2em;
  font-weight: 500;
}

/* =============================================

 ###　こだわり

============================================= */
.commitment-section {
  padding-bottom: 50px;
  padding-top: 65px;
  overflow: hidden;
  position: relative;
}

.commitmen_list {
  width: 84%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 10;
}
@media screen and (min-width: 960px) {
  .commitmen_list {
    width: 100%;
  }
}

.commitment_item {
  margin-bottom: 40px;
  position: relative;
}
@media screen and (min-width: 960px) {
  .commitment_item {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
.commitment_item:last-child {
  margin-bottom: 0;
}
.commitment_item .image {
  margin-bottom: 28px;
}
@media screen and (min-width: 960px) {
  .commitment_item .image {
    width: 50%;
  }
}
@media screen and (min-width: 960px) {
  .commitment_item .txBlock {
    width: 38%;
    margin-left: auto;
    margin-right: auto;
  }
}
.commitment_item .eyecatch {
  font-family: "Cabin Sketch", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 23px;
  text-align: center;
  margin-bottom: 10px;
}
@media screen and (min-width: 960px) {
  .commitment_item .eyecatch {
    text-align: left;
  }
}
.commitment_item .ttl {
  font-size: 18px;
  text-align: center;
  margin-bottom: 20px;
  font-weight: 500;
}
@media screen and (min-width: 960px) {
  .commitment_item .ttl {
    text-align: left;
  }
}
.commitment_item .ttl:after {
  content: "";
  width: 100%;
  height: 6px;
  background-image: url(https://cdn.shopserve.jp/toyosu-shop.jp/cdnassets/img/category/currynokuchi/v2/line.png);
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  margin-top: 10px;
}
@media screen and (min-width: 960px) {
  .commitment_item .ttl:after {
    margin-bottom: 40px;
  }
}
.commitment_item .text {
  line-height: 2em;
  font-weight: 500;
}
.commitment_item:nth-of-type(even) .image {
  order: 1;
}

/* =============================================

 ###　商品ラインナップ

============================================= */
.products-section {
  background-image: url(https://cdn.shopserve.jp/toyosu-shop.jp/cdnassets/img/category/currynokuchi/v2/mokume_sp.jpg);
  background-size: 100% auto;
  position: relative;
  padding-top: 90px;
  padding-bottom: 50px;
}
.products-section::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 8.5333333333vw;
  background-image: url(https://cdn.shopserve.jp/toyosu-shop.jp/cdnassets/img/category/currynokuchi/v2/deco1_sp.svg);
  background-repeat: no-repeat;
  background-size: 100% auto;
  top: 0;
  left: 0;
}
.products-section .products_info {
  font-size: 15px;
  line-height: 2em;
  width: 92%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 40px;
  font-weight: 500;
}

.products_lineup {
  position: relative;
  overflow: hidden;
  background-color: inherit !important;
}
.products_lineup > div {
  z-index: 10;
  position: relative;
}

.products_lineup_img {
  margin-bottom: 50px;
}
@media screen and (min-width: 960px) {
  .products_lineup_img {
    width: 100%;
    margin-bottom: 80px;
  }
  .products_lineup_img img {
    width: 100%;
    height: auto;
  }
}

.products_lineup_content {
  width: 92%;
  margin-left: auto;
  margin-right: auto;
  background-color: rgba(255, 255, 255, 0.7);
  padding-top: 50px;
  padding-bottom: 55px;
  margin-bottom: 50px;
}
@media screen and (min-width: 960px) {
  .products_lineup_content {
    width: 650px;
  }
}
.products_lineup_content .products_lineup_ttl {
  width: 60.8695652174%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 50px;
}
@media screen and (min-width: 960px) {
  .products_lineup_content .products_lineup_ttl {
    width: 240px;
  }
}
.products_lineup_content .products_lineup_ttl img {
  width: 100%;
  height: auto;
}

@media screen and (min-width: 960px) {
  .products_lineup_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}

.products_lineup_item {
  width: 86.9565217391%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 65px;
}
.products_lineup_item:last-child {
  margin-bottom: 0;
}
@media screen and (min-width: 960px) {
  .products_lineup_item {
    width: 48%;
    margin: 0 0 65px;
  }
  .products_lineup_item:nth-last-of-type(-n+2) {
    margin-bottom: 0;
  }
}

.product_name_wrap {
  display: flex;
  align-items: center;
  border-bottom: 2px solid #3e3a39;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.product_name_wrap .product_illust {
  width: 50px;
  margin-right: 15px;
}
.product_name_wrap .product_name {
  font-size: 20px;
  font-weight: 500;
}
.product_name_wrap .product_name .product_name_sub {
  display: block;
  font-size: 14px;
}

.product_info {
  margin-bottom: 20px;
}

.productPrice {
  text-align: center;
  font-size: 16px;
  font-weight: 500;
}
.productPrice strong {
  font-size: 20px;
  font-weight: 500;
}
.productPrice .tax-separate {
  font-size: 14px;
  font-weight: 500;
}

.productCapacity {
  font-size: 14px;
  text-align: center;
  font-weight: 500;
  margin-bottom: 20px;
}

.spice_list {
  margin-bottom: 15px;
}
.spice_list .spice_list_ttl {
  text-align: center;
  font-family: "Alexandria", "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-weight: 600;
  margin-bottom: 10px;
}
.spice_list ul {
  display: flex;
  justify-content: center;
}
.spice_list li {
  font-family: "Alexandria", "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-size: 12px;
  font-weight: 300;
  color: #fff;
  text-align: center;
  padding: 0 5px;
  margin: 0 3px;
  letter-spacing: 0.08em;
}
.osaka-spicecurry .spice_list li {
  background-color: #EA6B8A;
}
.spicycurry .spice_list li {
  background-color: #FAC100;
}
.currynokuchicurry .spice_list li {
  background-color: #FAC100;
}
.keymacurry .spice_list li {
  background-color: #EA6B8A;
}
.greencurry .spice_list li {
  background-color: #9BC952;
}
.butterchikencurry .spice_list li {
  background-color: #FAC100;
}

.btn_buy {
  margin-left: auto;
  margin-right: auto;
  width: 86.3333333333%;
}
@media screen and (min-width: 960px) {
  .btn_buy {
    width: 256px;
  }
}
.btn_buy a {
  display: block;
  font-size: 16px;
  color: #fff;
  text-align: center;
  line-height: 50px;
  position: relative;
  border-radius: 35px;
  background-color: #C8903D;
  text-decoration: none;
}
.btn_buy a:after {
  content: "→";
  color: #fff;
  position: absolute;
  top: 0;
  right: 15px;
  display: block;
}

/* =============================================

 ###　商品ラインナップ Assort

============================================= */
.products_assort {
  position: relative;
  overflow: hidden;
  background-color: inherit !important;
}
.products_assort > div {
  z-index: 10;
  position: relative;
}

.products_assort_img {
  margin-bottom: 50px;
}

.products_assort_content {
  width: 92%;
  margin-left: auto;
  margin-right: auto;
  background-color: rgba(255, 255, 255, 0.7);
  padding-top: 50px;
  padding-bottom: 55px;
  margin-bottom: 50px;
}
@media screen and (min-width: 960px) {
  .products_assort_content {
    width: 600px;
  }
}
.products_assort_content .products_assort_ttl1 {
  width: 60.8695652174%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
}
@media screen and (min-width: 960px) {
  .products_assort_content .products_assort_ttl1 {
    width: 200px;
  }
}
.products_assort_content .products_assort_ttl1 img {
  width: 100%;
  height: auto;
}

.products_assort_item {
  width: 86.9565217391%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 65px;
}
.products_assort_item:last-child {
  margin-bottom: 0;
}
.products_assort_item .product_name_wrap {
  justify-content: center;
  margin-bottom: 20px;
}
.products_assort_item .product_name {
  text-align: center;
}
.products_assort_item .productCapacity {
  margin-bottom: 20px;
}
.products_assort_item .productDetail {
  margin-top: 30px;
  border: 1px solid #C8903D;
  padding: 15px 30px;
  background-color: #fff;
  margin-bottom: 30px;
}
.products_assort_item .productDetail .productDetail_ttl {
  text-align: center;
  font-size: 13px;
  font-family: "Alexandria", "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  position: relative;
  font-weight: 500;
  letter-spacing: 0.08em;
}
.products_assort_item .productDetail .productDetail_ttl strong {
  font-size: 23px;
  font-weight: 700;
}
.products_assort_item .productDetail .productDetail_ttl::before {
  content: "";
  width: 13px;
  height: 14px;
  background-size: contain;
  background-image: url(https://cdn.shopserve.jp/toyosu-shop.jp/cdnassets/img/category/currynokuchi/v2/icon_logo1.svg);
  display: inline-block;
  margin-right: 10px;
  background-repeat: no-repeat;
}
@media screen and (min-width: 960px) {
  .products_assort_item .productDetail .productDetail_ttl::before {
    width: 18px;
    height: 18px;
  }
}
.products_assort_item .productDetail .productDetail_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.products_assort_item .productDetail .productDetail_list dt {
  width: 80%;
  font-size: 12px;
  margin-bottom: 5px;
}
.products_assort_item .productDetail .productDetail_list dt:before {
  content: "・";
  color: #C8903D;
  display: inline-block;
}
.products_assort_item .productDetail .productDetail_list dd {
  width: 20%;
  margin: 0;
  margin-bottom: 5px;
  text-align: right;
  font-size: 12px;
}

/* =============================================

 ###　PRODUCT MAP

============================================= */
.products-map {
  margin-bottom: 50px;
}
@media screen and (min-width: 960px) {
  .products-map {
    width: 100%;
    margin-bottom: 100px;
  }
  .products-map img {
    width: 100%;
    height: auto;
  }
}

.spice_illust {
  position: absolute !important;
  z-index: 1 !important;
}
.spice_illust img {
  width: 100%;
  height: auto;
}

.spice_illust01 {
  width: 102px;
  top: -150px;
  right: -50px;
}
@media screen and (min-width: 960px) {
  .spice_illust01 {
    width: 102px;
    top: -75px;
    right: 0;
  }
}

.spice_illust02 {
  width: 115px;
  top: 50%;
  left: -20px;
}
@media screen and (min-width: 960px) {
  .spice_illust02 {
    width: 115px;
    left: 5%;
    display: none;
  }
}

.spice_illust03 {
  width: 130px;
  top: 52%;
  right: -60px;
}
@media screen and (min-width: 960px) {
  .spice_illust03 {
    width: 130px;
    right: auto;
    top: 0;
    left: 30%;
  }
}

.spice_illust04 {
  display: none;
}

/* PORUDCTS */
.spice_illust05 {
  width: 100px;
  top: 60px;
  left: -40px;
}
@media screen and (min-width: 960px) {
  .spice_illust05 {
    width: 14%;
    top: 50px;
    left: 5.3333333333%;
  }
}

/* Lineup */
.spice_illust06 {
  width: 155px;
  top: 270px;
  right: -55px;
}
@media screen and (min-width: 960px) {
  .spice_illust06 {
    width: 20.6%;
    top: 650px;
    right: -7.2666666667%;
  }
}

.spice_illust07 {
  width: 155px;
  top: 38%;
  left: -75px;
}
@media screen and (min-width: 960px) {
  .spice_illust07 {
    width: 19.2%;
    top: 39%;
    left: -5.6666666667%;
  }
}

.spice_illust08 {
  width: 80px;
  top: 41%;
  left: -32px;
}
@media screen and (min-width: 960px) {
  .spice_illust08 {
    width: 11.8666666667%;
    top: 47%;
    left: 0;
  }
}

.spice_illust09 {
  width: 167px;
  top: 69%;
  right: -100px;
}
@media screen and (min-width: 960px) {
  .spice_illust09 {
    width: 26.9333333333%;
    top: 60%;
    right: -7.6666666667%;
  }
}

.spice_illust10 {
  width: 58px;
  top: 84.5%;
  left: -37px;
}
@media screen and (min-width: 960px) {
  .spice_illust10 {
    width: 13.9333333333%;
    top: 85%;
    left: 0;
  }
}

.spice_illust11 {
  width: 140px;
  bottom: -20px;
  left: -65px;
}
@media screen and (min-width: 960px) {
  .spice_illust11 {
    width: 20.9333333333%;
    bottom: 0;
    left: -1%;
  }
}

/* Assort */
.spice_illust12 {
  width: 90px;
  top: 14%;
  right: -15px;
}
@media screen and (min-width: 960px) {
  .spice_illust12 {
    width: 11.2%;
    top: 23%;
    right: -1%;
  }
}

.spice_illust13 {
  width: 115px;
  top: 53%;
  left: -37px;
}
@media screen and (min-width: 960px) {
  .spice_illust13 {
    width: 15.8666666667%;
    top: 50%;
    left: -1.6666666667%;
  }
}

.spice_illust14 {
  width: 180px;
  top: 70%;
  right: -93px;
}
@media screen and (min-width: 960px) {
  .spice_illust14 {
    width: 24%;
    top: 75%;
    right: -12.4666666667%;
  }
}

.spice_illust15 {
  width: 120px;
  bottom: 0;
  left: -32px;
}
@media screen and (min-width: 960px) {
  .spice_illust15 {
    width: 15.0666666667%;
    bottom: 0;
    left: 0;
  }
}

/* =============================================

 ###　PRODUCT MAP

============================================= */
.products_list {
  padding: 20px;
}
.products_list .products_list_item {
  margin-bottom: 50px;
}
.products_list .products_lineup_ttl {
  width: 60.8695652174%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}
@media screen and (min-width: 960px) {
  .products_list .products_lineup_ttl {
    width: 200px;
  }
}
.products_list .products_lineup_ttl img {
  width: 100%;
  height: auto;
}
.products_list .products_assort_ttl1 {
  width: 60.8695652174%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}
@media screen and (min-width: 960px) {
  .products_list .products_assort_ttl1 {
    width: 200px;
  }
}
.products_list .products_assort_ttl1 img {
  width: 100%;
  height: auto;
}

.currynokuchi_head {
  background-color: transparent !important;
}
.currynokuchi_head .currynokuchi_logo {
  width: 200px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 960px) {
  .currynokuchi_head .currynokuchi_logo {
    width: 200px;
    margin-bottom: 20px;
  }
}
.currynokuchi_head .currynokuchi_pagettl {
  font-size: 18px;
  text-align: center;
  margin-bottom: 30px;
  font-family: "Alexandria", "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}
@media screen and (min-width: 960px) {
  .currynokuchi_head .currynokuchi_pagettl {
    font-size: 24px;
    font-weight: bold;
  }
}

.currynokuchi_set {
  display: flex;
  flex-wrap: wrap;
  margin-top: 50px;
  padding: 0 20px;
  justify-content: space-between;
}
.currynokuchi_set .currynokuchi_set_ttl {
  background-color: #684323;
  color: #fff;
  width: 100%;
  text-align: center;
  padding: 8px;
  font-size: 18px;
  margin-bottom: 30px;
}
.currynokuchi_set .image {
  width: 100%;
}
@media screen and (min-width: 960px) {
  .currynokuchi_set .image {
    width: 48%;
  }
}
.currynokuchi_set .txblock {
  width: 100%;
}
@media screen and (min-width: 960px) {
  .currynokuchi_set .txblock {
    width: 48%;
  }
}/*# sourceMappingURL=currynokuchi_v2.css.map */