@charset "utf-8";
/* =============================================
common
============================================= */
#main {
  background-color: #fff;
}
/* =============================================
main
============================================= */
#mainVisual {
  margin-bottom: 20px;
}
.button-content {
  background: #e50118;
  font-size: 22px;
  font-weight: bold;
  max-width: 409px;
  display: block;
  margin: 0 auto;
  text-align: center;
  color: #fff;
  padding: 12px 0;
  position: relative;
  z-index: 2;
  border-radius: 100em;
}
.button-content::after {
  position: absolute;
  top: 41%;
  right: 48px;
  width: 9px;
  height: 9px;
  transform: translateX(-50%) rotate(135deg);
  border-right: 2px solid #fff;
  border-top: 2px solid #fff;
  content: "";
}
.illust {
  max-width: 540px;
  margin: 52px auto 0;
}
.cautionList {
  background: #fff;
  max-width: 795px;
  margin: -12px auto 34px;
  border-radius: 8px;
  padding: 40px 60px;
  z-index: 2;
  position: relative;
  border: 2px solid #c1a433;
}
.cautionList .title {
  text-align: center;
  font-size: 24px;
  font-weight: bold;
}
.cautionList .sub-title {
  position: relative;
  padding: 10px 5px;
  margin: 30px 0 20px;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  border-radius: 10px;
  box-shadow: 0 0 0px 1px #c1a433 inset, 0 0 0px 2px #fff inset, 0 0 0px 3px #c1a433 inset, 0 0 0px 4px #fff inset, 0 0 0px 5px #c1a433 inset;
}
.li--detail {
  font-size: 16px;
}
.li--detail li {
  display: table;
  line-height: 2;
  table-layout: auto;
}
.li--detail li .pre {
  display: table-cell;
  padding: 0rem 0.2rem 0rem 0rem;
  white-space: nowrap;
  width: 1%;
}
#question .sub-title {
  color: #d93924;
}
#contents .title {
  background: #4d2110;
  color: #fff;
  font-size: 34px;
  text-align: center;
  font-weight: bold;
  padding: 15px 0;
  margin: 55px 0 0;
}
#contents {
  background: #fbf9f1;
  padding: 0 0 50px 0;
}
.contents-list .co-list {
  width: 45%;
}
.contents-list .plus {
  width: 58px;
  margin: 290px 30px 30px;
}
.contents-list .ballon {
  width: 84.8%;
  display: block;
  margin: 0 auto;
}
.contents-list .name {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  line-height: 1.6;
}
.contents-list .name span {
  font-size: 20px;
  display: block;
}
.contents-list {
  padding: 40px 90px;
  align-items: flex-start;
  justify-content: space-between;
}
.contents-list .udon {
  width: 53%;
  display: block;
  margin: 20px auto;
}
.contents-list .curry {
  width: 96%;
  display: block;
  margin: 34px auto 12px;
}
.contents-list .caution {
  background: #d63032;
  color: #fff;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  padding: 7px 0;
}
.contents-list .caution02 {
  background: #476ba7;
}
.contents-list .date02 {
  background: #fff;
  text-align: center;
  font-size: 18px;
  padding: 12px 0;
  font-weight: bold;
}
.contents-list .date02 span {
  background: #5c5c5c;
  color: #fff;
  padding: 3px 9px 5px;
  margin-right: 10px;
  font-size: 16px;
}
.contents-list .price-box {
  text-align: center;
  font-weight: bold;
  font-size: 18px;
  margin: 10px 0 0;
}
.contents-list .price-box .number {
  font-size: 30px;
  font-family: 'Manrope', sans-serif;
}
.button-cart {
  background: #73b33d;
  font-size: 22px;
  font-weight: bold;
  max-width: 409px;
  display: block;
  margin: 0 auto;
  text-align: center;
  color: #fff;
  padding: 12px 0;
  position: relative;
  z-index: 2;
  border-radius: 100em;
}
.button-cart::after {
  position: absolute;
  top: 41%;
  right: 48px;
  width: 9px;
  height: 9px;
  transform: translateX(-50%) rotate(135deg);
  border-right: 2px solid #fff;
  border-top: 2px solid #fff;
  content: "";
}
#kenchin {
  font-family: "游明朝体", "Yu Mincho", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", 'Noto Serif JP', serif, serif;
}
.kenchin01 {
  max-width: 728px;
  margin: 0 auto;
}
.kenchin02 {
  font-size: 18px;
  line-height: 2;
  text-align: center;
  margin: 20px 0;
  font-weight: 500;
}
.kenchin03 li {
  width: 29.3%;
  margin: 10px;
}
.kenchin03 {
  justify-content: center;
  margin: 40px 0 10px;
}
.kenchin03 li p {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.7;
  padding: 20px 0;
}
.kenchin03 li p span {
  color: #db2f01;
  font-weight: bold;
}
.kenchin04 {
  max-width: 692px;
  margin: 0 auto;
}
.kenchin05 {
  background: #f8f6eb;
  padding: 50px 70px;
  margin: 40px 0 0;
}
.kenchin05 .fv {
  justify-content: space-between;
}
.kenchin05 .fv .img {
  width: 63%;
}
.kenchin05 .fv .txt {
  width: 35%;
  padding: 25px 0 0 10px;
}
.kenchin05 .ttl {
  font-size: 22px;
  font-weight: bold;
  align-items: center;
}
.kenchin05 .ttl img {
  width: 14%;
  padding-right: 10px;
}
.kenchin05 .ttl02 {
  background: #0856ae;
  color: #fff;
  font-size: 17px;
  font-weight: bold;
  text-align: center;
  display: inline-block;
  padding: 2px 17px;
  margin: 17px 0 0;
}
.kenchin05 .text {
  font-weight: 500;
  font-size: 16px;
  line-height: 1.8;
  margin: 12px 0 0;
}
.kenchin05 .ttl03 {
  max-width: 284px;
  display: block;
  margin: 0 auto;
  position: relative;
}
.kenchin05 .ttl03 span {
  position: absolute;
  color: #fff;
  text-align: center;
  font-weight: bold;
  font-size: 30px;
  margin: auto;
  left: 0;
  right: 0;
  top: 10px;
}
.kenchin05 .recipe {
  justify-content: space-between;
  margin: 20px 0 0;
}
.kenchin05 .recipe li {
  width: 23%
}
.kenchin05 .recipe li p {
  font-size: 14px;
  line-height: 1.6;
  font-weight: 500;
  margin: 12px 0 0;
}
#curry {
  font-family: "游明朝体", "Yu Mincho", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", 'Noto Serif JP', serif, serif;
}
#curry .fv {
  position: relative;
  z-index: 1
}
#curry .fv p {
  position: absolute;
  text-align: center;
  margin: auto;
  left: 0;
  right: 0;
  z-index: 2;
  color: #5e4b37;
  display: inline-block;
  bottom: 65px;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.9;
}
#curry .lineup {
  justify-content: center;
  flex-wrap: wrap;
  margin: 60px 0 0;
}
#curry .lineup li {
  width: 35%;
  margin: 0 40px 40px;
}
#curry .lineup li img {
  max-width: 169px;
  display: block;
  margin: 0 auto;
}
#curry .lineup li .caption {
  color: #5e4b37;
  font-weight: bold;
  text-align: center;
  font-size: 18px;
  margin: 20px 0 10px;
}
#curry .lineup li .text {
  font-weight: 500;
  font-size: 14px;
  line-height: 1.9;
}
#curry .arrange {
  background: #ede5c7;
  padding: 40px 0;
}
#curry .arrange p {
  font-size: 30px;
  font-weight: bold;
  text-align: center;
  color: #5e4b37;
}
#curry .arrange figure {
  max-width: 712px;
  margin: 0 0 0 122px;
}
.contents-list .curryudon .ballon {
  width: 97.2%;
}
.contents-list .curryudon .udon {
  margin: 20px auto 14px;
}
.curry04 {
  max-width: 725px;
}
.contents-list .udon-set .name {
  font-size: 21px;
  line-height: 1.6;
}
.contents-list .udon-set .name span {
  font-size: 20px;
  display: inline-block;
}
.contents-list .udon-set .udon {
  width: 100%;
  margin: 25px auto 31px;
}
#kenchin figure.set {
  margin-bottom: 24px;
}
.curry04-set {
  margin-top: 20px;
}
.contents-list .dinner-set .name {
  font-size: 21px;
  line-height: 1.6;
}
.contents-list .dinner-set .name span {
  font-size: 20px;
  display: inline-block;
}
.contents-list .dinner-set .curry {
  margin: 20px auto 22px
}
#dinner .fv {
  position: relative;
  z-index: 1;
  margin-top: 35px;
}
#dinner .fv p {
  position: absolute;
  text-align: center;
  margin: auto;
  left: 0;
  right: 0;
  z-index: 2;
  color: #5e4b37;
  display: inline-block;
  bottom: 78px;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.9;
}
#dinner {
  font-family: "游明朝体", "Yu Mincho", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", 'Noto Serif JP', serif, serif;
}
#dinner .fv p span {
  font-size: 16px;
  margin-top: 19px;
  display: block;
}
#dinner .ttl01 {
  text-align: center;
  font-weight: bold;
  font-size: 32px;
  color: #be0108;
  background: #fff;
  border: 2px solid #be0108;
  padding: 15px 0 7px;
  width: 76%;
  margin: 41px auto 25px;
  position: relative;
}
#dinner .ttl01 .icon {
  position: absolute;
  left: 0;
  width: 4.8%;
  top: 0;
}
#dinner .ttl01 .icon02 {
  position: absolute;
  right: 0;
  width: 4.8%;
  top: 0;
}
#dinner .ttl02 .icon {
  position: absolute;
  left: 35%;
  width: 4.8%;
  top: 44%;
}
#dinner .ttl02 .icon02 {
  position: absolute;
  right: 35%;
  width: 4.8%;
  top: 44%;
}
#dinner .txt01 {
  text-align: center;
  font-size: 20px;
  font-weight: 500;
}
#dinner .ttl02 {
  text-align: center;
  font-weight: bold;
  font-size: 32px;
  color: #fff;
  background: #be0108;
  padding: 15px 0 7px;
  width: 76%;
  margin: 41px auto 25px;
  position: relative;
}
@media screen and (max-width: 869px) {
  .page-goods .block-goods-comment1 {
    margin: 10px 0 20px;
  }
  .button-content {
    width: 85%;
    font-size: 5vw;
    padding: 3.5vw 0;
  }
  .illust {
    margin: 9vw auto 0;
    width: 90%;
  }
  .cautionList {
    width: 90%;
    margin: -1vw auto 5vw;
    padding: 6vw 4.5vw;
  }
  .cautionList .title {
    font-size: 5vw;
  }
  .cautionList .sub-title {
    font-size: 3.73vw;
    padding: 3vw 0;
    margin: 5vw 0 2vw;
  }
  .li--detail {
    font-size: 3.73vw;
    font-weight: normal;
  }
  #contents .title {
    font-size: 6vw;
    padding: 3vw 0;
    margin: 10vw 0 0;
  }
  .contents-list {
    flex-wrap: wrap;
    padding: 6vw 10vw;
  }
  .contents-list .co-list {
    width: 100%;
  }
  .contents-list .name {
    font-size: 6vw;
    line-height: 7.5vw;
    margin-top: 2vw;
  }
  .contents-list .name span {
    font-size: 4vw;
  }
  .contents-list .udon {
    width: 59%;
    margin: 2vw auto 5vw;
  }
  .contents-list .caution {
    font-size: 4.2vw;
    padding: 2.5vw 0;
  }
  .contents-list .date02 span {
    font-size: 3.73vw;
    margin-right: 3vw;
    padding: 1vw 3vw 1.2vw;
  }
  .contents-list .date02 {
    font-size: 4vw;
    padding: 3vw 0 3.2vw;
  }
  .contents-list .price-box {
    font-size: 4.5vw;
    margin: 2vw 0 0;
  }
  .contents-list .price-box .number {
    font-size: 8vw;
  }
  .contents-list .plus {
    width: 15%;
    margin: 7vw auto 8vw;
  }
  .contents-list .curry {
    width: 100%;
    margin: 4vw auto 3vw;
  }
  #contents {
    padding: 0 0 7vw 0;
  }
  .button-cart {
    width: 85%;
    font-size: 5vw;
    padding: 3.5vw 0;
  }
  .kenchin01 {
    margin: 3vw 7vw 5vw;
  }
  .kenchin02 {
    font-size: 3.73vw;
    line-height: 7vw;
    margin: 7vw 5vw;
  }
  .kenchin03 {
    margin: 0;
    flex-wrap: wrap;
  }
  .kenchin03 li {
    width: 100%;
    margin: 0 5vw 5vw;
  }
  .kenchin03 li img {
    width: 85%;
    margin: 0 auto;
    display: block;
  }
  .kenchin03 li p {
    font-size: 3.73vw;
    font-weight: 500;
    line-height: 7vw;
    padding: 5vw 0;
  }
  .kenchin04 {
    width: 80%;
  }
  .kenchin05 {
    padding: 7vw 5vw 3vw;
    margin: 10vw 0 0;
  }
  .kenchin05 .fv {
    flex-wrap: wrap;
  }
  .kenchin05 .fv .txt {
    width: 100%;
    order: 2;
    padding: 4vw 5vw 6vw;
  }
  .kenchin05 .fv .img {
    width: 100%;
    order: 1;
  }
  .kenchin05 .ttl {
    font-size: 6vw;
  }
  .kenchin05 .ttl img {
    width: 14%;
    padding-right: 3vw;
  }
  .kenchin05 .ttl02 {
    font-size: 4.5vw;
    padding: 1vw 5vw 0;
    margin: 3vw 0 0;
  }
  .kenchin05 .text {
    font-size: 4.2vw;
    line-height: 7vw;
    margin: 3vw 0 0;
  }
  .kenchin05 .ttl03 span {
    font-size: 6vw;
    top: 4vw;
  }
  .kenchin05 .recipe {
    margin: 5vw 0 0;
    flex-wrap: wrap;
  }
  .kenchin05 .recipe li {
    width: 47%;
  }
  .kenchin05 .recipe li p {
    font-size: 3.73vw;
    line-height: 6vw;
    margin: 3vw 0 5vw;
  }
  #curry .fv p {
    bottom: 9vw;
    font-size: 3.73vw;
    line-height: 6.2vw;
    width: 87%;
  }
  #curry .lineup {
    margin: 9vw 0 0;
  }
  #curry .lineup li {
    width: 100%;
    margin: 0 5vw 7vw;
  }
  #curry .arrange {
    padding: 7vw 3vw;
  }
  #curry .arrange p {
    font-size: 5.5vw;
  }
  #curry .arrange figure {
    width: 100%;
    margin: 0 0 0 1.4vw;
  }
  #curry .lineup li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #f5e5a4;
    padding-bottom: 6vw;
  }
  #curry .lineup li:nth-child(4) {
    border-bottom: none;
    padding-bottom: 0;
  }
  #curry .lineup li img {
    width: 34%;
    margin: 0;
  }
  #curry .lineup li div {
    width: 60%;
  }
  #curry .lineup li .caption {
    font-size: 4vw;
    margin: 0;
    text-align: left;
    margin-bottom: 2vw;
  }
  #curry .lineup li .text {
    font-size: 3.73vw;
    line-height: 5vw;
  }
  .contents-list .curryudon .ballon {
    width: 84.8%;
  }
  .curry04-set {
    margin-top: 10vw;
  }
  #dinner .fv p {
    bottom: 11vw;
    font-size: 3.73vw;
    line-height: 6.2vw;
    width: 87%;
  }
  #dinner .fv p span {
    font-size: 3.73vw;
    margin-top: 4vw;
  }
  #dinner .txt01 {
    font-size: 3.73vw;
    padding: 0 5vw;
  }
  #dinner .ttl01 {
    font-size: 6vw;
    width: 88%;
    margin: 6vw auto 5vw;
    padding: 3vw 0 2vw;
  }
  #dinner .ttl01 .icon {
    width: 7.8%;
  }
  #dinner .ttl01 .icon02 {
    width: 7.8%;
  }
  #dinner .ttl02 {
    font-size: 6vw;
    padding: 3vw 0 2vw;
    width: 84%;
    margin: 6vw auto 5vw;
  }
  #dinner .ttl02 .icon {
    left: 27%;
    width: 8.8%;
    top: 41%;
  }
  #dinner .ttl02 .icon02 {
    right: 27%;
    width: 8.8%;
    top: 41%;
  }
}