html {
  position: relative;
  min-height: 100%;
  overflow-y: scroll;
  font-size: 62.5%!important;
}
img {
  vertical-align: bottom;
}
.container {
  width: 100%;
}
.wrapper {
  min-width: 1200px;
  overflow: hidden;
  width: 100%;
  position: relative;
}
@media screen and (max-width: 767px) {
  .wrapper {
      min-width: unset;
  }
}
.pc-only {
  display: inline-block;
}

.sp-only {
  display: none;
}
h1 {
  margin: unset;
}
.mv {
  position: relative;
  z-index: 1;
}
.mv img {
  width: 100%;
  vertical-align: bottom;
}
.mv section {
  position: relative;
}
.mv .kemuri-wrap {
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
}
@media screen and (max-width: 767px) {
  .mv .kemuri-wrap {
    z-index: 1;
    overflow: hidden;
  }
}
.mv .kemuri-wrap .kemuri-box {
  position: relative;
  z-index: 1;
}
.mv .kemuri-wrap .kemuri-box .item-kemuri {
  position: absolute;
  display: block;
  opacity: 0;
}
@keyframes kemuri01 {
  0% {
    bottom: -1600px;
    filter: blur(10px);
    transform: rotateY(0deg);
    transform: scale(0.6, 1);
    opacity: 0;
  }
  11% {
    opacity: 0.3;
  }
  33% {
    transform: rotateY(40deg);
    transform: scale(1, 1.4);
    opacity: 0.5;
  }
  66% {
    transform: rotateY(10deg);
    transform: scaleY(1.8, 1);
    opacity: 0.4;
  }
  100% {
    bottom: 0;
    filter: blur(20px);
    transform: rotateY(60deg);
    transform: scaleY(2, 1.8);
    opacity: 0;
  }
}
@keyframes kemuri01-sp {
  0% {
    bottom: -800px;
    bottom: -640px;
    filter: blur(10px);
    transform: rotateY(0deg);
    transform: scale(0.6, 1);
    opacity: 0;
  }
  11% {
    opacity: 0.3;
  }
  33% {
    transform: rotateY(40deg);
    transform: scale(1, 1.4);
    opacity: 0.5;
  }
  66% {
    transform: rotateY(10deg);
    transform: scaleY(1.8, 1);
    opacity: 0.4;
  }
  100% {
    bottom: 0;
    filter: blur(20px);
    transform: rotateY(60deg);
    transform: scaleY(2, 1.8);
    opacity: 0;
  }
}
@keyframes kemuri02 {
  0% {
    bottom: -2600px;
    filter: blur(10px);
    transform: rotateY(0deg);
    transform: scale(0.6, 1);
    opacity: 0;
  }
  11% {
    opacity: 0.3;
  }
  33% {
    transform: rotateY(40deg);
    transform: scale(1, 1.4);
    opacity: 0.5;
  }
  66% {
    transform: rotateY(10deg);
    transform: scaleY(1.8, 1);
    opacity: 0.4;
  }
  100% {
    bottom: 0;
    filter: blur(20px);
    transform: rotateY(60deg);
    transform: scaleY(2, 1.8);
    opacity: 0;
  }
}
@keyframes kemuri03 {
  0% {
    bottom: -3000px;
    filter: blur(10px);
    transform: rotateY(0deg);
    transform: scale(0.6, 1);
    opacity: 0;
  }
  11% {
    opacity: 0.3;
  }
  33% {
    transform: rotateY(40deg);
    transform: scale(1, 1.4);
    opacity: 0.5;
  }
  66% {
    transform: rotateY(10deg);
    transform: scaleY(1.8, 1);
    opacity: 0.4;
  }
  100% {
    bottom: 0;
    filter: blur(20px);
    transform: rotateY(60deg);
    transform: scaleY(2, 1.8);
    opacity: 0;
  }
}
@keyframes kemuri04 {
  0% {
    bottom: -1000px;
    filter: blur(10px);
    transform: rotateY(0deg);
    transform: scale(0.6, 1);
    opacity: 0;
  }
  11% {
    opacity: 0.3;
  }
  33% {
    transform: rotateY(40deg);
    transform: scale(1, 1.4);
    opacity: 0.5;
  }
  66% {
    transform: rotateY(10deg);
    transform: scaleY(1.8, 1);
    opacity: 0.4;
  }
  100% {
    bottom: 0;
    filter: blur(20px);
    transform: rotateY(60deg);
    transform: scaleY(2, 1.8);
    opacity: 0;
  }
}
.mv .kemuri-wrap .kemuri-box .item-kemuri.kemuri01 {
  right: 0;
  animation: kemuri01 10s infinite linear;
}
@media screen and (max-width: 767px) {
  .mv .kemuri-wrap .kemuri-box .item-kemuri.kemuri01 {
    background: red;
  }
}
.mv .kemuri-wrap .kemuri-box .item-kemuri.kemuri02 {
  right: 50%;
  animation: kemuri02 15s 10s infinite linear;
}
.mv .kemuri-wrap .kemuri-box .item-kemuri.kemuri02-02 {
  right: 10%;
  animation: kemuri03 20s 15s infinite linear;
}
.mv .kemuri-wrap .kemuri-box .item-kemuri.kemuri03 {
  left: 0;
  animation: kemuri01 15s infinite linear;
}
.mv .kemuri-wrap .kemuri-box .item-kemuri.kemuri04 {
  left: 50%;
  animation: kemuri04 15s 5s infinite linear;
}
.mv .kemuri-wrap .kemuri-box .item-kemuri.kemuri05 {
  left: 30%;
  animation: kemuri03 15s 10s infinite linear;
}
.mv .kemuri-wrap .kemuri-box .item-kemuri.kemuri01-sp {
  left: 30%;
  animation: kemuri01-sp 7s infinite linear;
}
.mv .kemuri-wrap .kemuri-box .item-kemuri.kemuri02-sp {
  left: 0;
  animation: kemuri01-sp 9s infinite linear;
}
.mv .kemuri-wrap .kemuri-box .item-kemuri.kemuri03-sp {
  left: 10%;
  animation: kemuri01-sp 6s 2s infinite linear;
}
.mv .kemuri-wrap .kemuri-box .item-kemuri.kemuri04-sp {
  right: 10%;
  animation: kemuri01-sp 8s 4s infinite linear;
}
.mv .kemuri-wrap .kemuri-box .item-kemuri.kemuri05-sp {
  right: 0;
  animation: kemuri01-sp 10s 9s infinite linear;
}

.zip__cv {
  display: flex;
  justify-content: center;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 10;
  transform: translateY(100px);
  transition: all 0.3s;
}

.zip__cv.is-animated {
  transform: translateY(0);
}

.zip__cv__text {
  background-color: #fff;
  width: 57.3%;
  width: 50%;
  width: 61%;
  text-align: right;
}
.zip__cv__text img {
  max-width: 750px;
  max-width: 884px;
  width: 100%;
}

.zip__cv__button {
  width: 42.7%;
  width: 50%;
  width: 39%;
}
.zip__cv__button a {
  display: block;
  background-color:linear-gradient(90deg, rgba(150,0,3,1) 0%, rgba(188,28,31,1) 58%, rgba(150,0,3,1) 100%);
  transition: all 0.3s;
}
.zip__cv__button a:hover {
  opacity: 0.9;
}
.zip__cv__button a img {
  max-width: 640px;
  max-width: 750px;
  max-width: 556px;
  width: 100%;
}

@media screen and (max-width: 767px) {
  /* zip__cv */
  .zip__cv {
    background: linear-gradient(90deg, rgba(150,0,3,1) 0%, rgba(188,28,31,1) 58%, rgba(150,0,3,1) 100%);
    margin-top: -1px;
  }
  .zip__cv.is-animated .zip__cv__button {
    transform: translateY(0);
  }
  .zip__cv__button {
    position: fixed;
    bottom: 0;
    z-index: 10;
    transition: all 0.3s;
    transform: translateY(100px);
    width: 100%;
  }
}
#theKunen {
  width: 100%;
  padding: 4px;
  padding: 0;
  margin: 0 auto;
  font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}
#theKunen .isActv .fadein {
  opacity: 1;
  transform: translate(0, 0);
}
#theKunen .main-wrap {
  font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  font-feature-settings: "palt";
  background: #000;
  color: #FFFFFF;
  position: relative;
  z-index: 2;
}
#theKunen .main-wrap img {
  width: 100%;
  max-width: 100%;
}
#theKunen .main-wrap .ff-serif {
  font-family: "Noto Serif JP", serif;
}
#theKunen .main-wrap .ff-noto {
  font-family: "Noto Sans", sans-serif;
}
#theKunen .main-wrap .common {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 767px) {
  #theKunen .main-wrap .common {
    width: 90%;
    width: 92%;
    max-width: none;
  }
}
#theKunen .main-wrap a:hover {
  text-decoration: none;
}
#theKunen .main-wrap .btn-wrap {
  width: 73%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
}
@media screen and (max-width: 767px) {
  #theKunen .main-wrap .btn-wrap {
    width: 100%;
  }
}
#theKunen .main-wrap .btn-wrap a {
  display: block;
  width: 100%;
  position: relative;
  font-size: 2.4rem;
  font-weight: 500;
  padding: 20px 0 22px;
  border-radius: 300px;
  color: #FFFFFF;
  text-align: center;
  text-decoration: none;
  transition: 0.2s;
  box-shadow: 0px 0px 21px 2px #000000;
  background: linear-gradient(90deg, rgba(150,0,3,1) 0%, rgba(188,28,31,1) 58%, rgba(150,0,3,1) 100%);
}
@media screen and (max-width: 767px) {
  #theKunen .main-wrap .btn-wrap a {
    padding: 16px 0;
  }
  #theKunen .main-wrap .btn-wrap a span {
    font-size: 2rem;
  }
}
#theKunen .main-wrap .btn-wrap a span.btn-txt {
  position: relative;
  padding-left: 34px;
}
@media screen and (max-width: 767px) {
  #theKunen .main-wrap .btn-wrap a span.btn-txt {
    padding-left: 26px;
  }
}
#theKunen .main-wrap .btn-wrap a span.btn-txt::before {
  display: block;
  content: "";
  position: absolute;
  background: url(/images/theKunen/icon-cart.png) no-repeat center/contain;
  width: 34px;
  height: 35px;
  left: -17px;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  #theKunen .main-wrap .btn-wrap a span.btn-txt::before {
    width: 27px;
    height: 25px;
  }
}
#theKunen .main-wrap .btn-wrap a:hover {
  opacity: 0.8;
}
#theKunen .main-wrap h2.ttl {
  color: #EFCDBE;
  font-size: 5rem;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  #theKunen .main-wrap h2.ttl {
    font-size: 3rem;
    text-align: center;
    letter-spacing: 0.05em;
    text-shadow: none;
  }
}
#theKunen .main-wrap .anime {
  opacity: 0;
}
#theKunen .main-wrap .anime.fadeIn {
  transition: opacity 1s ease-out;
}
#theKunen .main-wrap .anime.translateScaleUp {
  transform: scale(0.8);
  transition: all 1.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
@media screen and (max-width: 767px) {
  #theKunen .main-wrap .anime.translateScaleUp {
    transform: translateX(-50%) scale(0.8);
  }
}
#theKunen .main-wrap .anime.isActv {
  opacity: 1;
}
#theKunen .main-wrap .anime.isActv.translateScaleUp {
  transform: scale(1);
}
@media screen and (max-width: 767px) {
  #theKunen .main-wrap .anime.isActv.translateScaleUp {
    transform: translateX(-50%) scale(1);
  }
}
#theKunen .main-wrap .anime.delay03 {
  transition-delay: 0.3s;
}
#theKunen .main-wrap .anime.delay05 {
  transition-delay: 0.5s;
}
#theKunen .main-wrap .anime.delay10 {
  transition-delay: 1s;
}
#theKunen .main-wrap .anime.delay15 {
  transition-delay: 1.5s;
}
#theKunen .main-wrap .flex-box {
  display: flex;
  justify-content: center;
}
#theKunen .main-wrap .flex-box.row-reverse {
  flex-direction: row-reverse;
}
@media screen and (max-width: 767px) {
  #theKunen .main-wrap .flex-box.row-reverse {
    flex-direction: column;
  }
}
@media screen and (max-width: 767px) {
  #theKunen .main-wrap .flex-box {
    flex-direction: column;
  }
}
#theKunen .main-wrap .intro-wrap {
  position: relative;
}
#theKunen .main-wrap .intro-wrap .contents-wrap {
  padding-top: 120px;
  padding-bottom: 340px;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  #theKunen .main-wrap .intro-wrap .contents-wrap {
    padding-top: 48px;
    padding-bottom: 67.5vw;
  }
}
#theKunen .main-wrap .intro-wrap .contents-wrap .txt-wrap {
  margin-top: 56px;
}
@media screen and (max-width: 767px) {
  #theKunen .main-wrap .intro-wrap .contents-wrap .txt-wrap {
    margin-top: 30px;
  }
}
#theKunen .main-wrap .intro-wrap .contents-wrap .txt-wrap p {
  font-size: 2.4rem;
  line-height: 1.85;
  font-weight: 200;
  letter-spacing: 0;
  text-shadow: 0 0 8px #222222;
}
@media screen and (max-width: 767px) {
  #theKunen .main-wrap .intro-wrap .contents-wrap .txt-wrap p {
    font-size: 1.4rem;
    text-align: center;
    line-height: 2;
    font-weight: 400;
  }
}
#theKunen .main-wrap .intro-wrap .contents-wrap .txt-wrap p + p {
  margin-top: 30px;
}
@media screen and (max-width: 767px) {
  #theKunen .main-wrap .intro-wrap .contents-wrap .txt-wrap p + p {
    margin-top: 24px;
  }
}
#theKunen .main-wrap .intro-wrap .bg-anten {
  width: 100%;
  height: 100%;
  position: absolute;
  background: url(/img/usr/lp/kunnen/spring/2026/statement_PC_2026.jpg) no-repeat bottom right/cover;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  z-index: 1;
  display: none;
}
@media screen and (max-width: 767px) {
  #theKunen .main-wrap .intro-wrap .bg-anten {
    background: url(/img/usr/lp/kunnen/spring/2026/statement_SP_2026.jpg) no-repeat bottom center/100%;
  }
}
#theKunen .main-wrap .intro-wrap .bg-anten.isActv {
  display: block;
  animation: bgopacity 9s ease;
}
@keyframes bgopacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
#theKunen .main-wrap .item-wrap .item-inner {
  background: url(/images/theKunen/bg_item.jpg) no-repeat bottom center/cover;
  padding-top: 70px;
  padding-bottom: 140px;
}
@media screen and (max-width: 767px) {
  #theKunen .main-wrap .item-wrap .item-inner {
    background: url(/images/theKunen/bg_item_sp.jpg) no-repeat bottom center/cover;
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
#theKunen .main-wrap .item-wrap .contents-wrap .flex-box .image-wrap {
  width: 45%;
  text-align: center;
}
@media screen and (max-width: 767px) {
  #theKunen .main-wrap .item-wrap .contents-wrap .flex-box .image-wrap {
    width: 68%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
  }
}
#theKunen .main-wrap .item-wrap .contents-wrap .flex-box .image-wrap img {
  max-width: 450px;
}
@media screen and (max-width: 767px) {
  #theKunen .main-wrap .item-wrap .contents-wrap .flex-box .image-wrap img {
    max-width: none;
  }
}
@media screen and (max-width: 767px) {
  #theKunen .main-wrap .item-wrap .contents-wrap .flex-box .icon-onlineLimit {
    max-width: 193px;
    margin-left: 0;
    margin-bottom: 15px;
  }
}
#theKunen .main-wrap .item-wrap .contents-wrap .flex-box .txt-wrap {
  width: 55%;
  padding-left: 30px;
}
@media screen and (max-width: 767px) {
  #theKunen .main-wrap .item-wrap .contents-wrap .flex-box .txt-wrap {
    width: 100%;
    padding-left: 0;
  }
}
#theKunen .main-wrap .item-wrap .contents-wrap .flex-box .txt-wrap .icon-onlineLimit {
  max-width: 223px;
  margin-left: 8px;
}
#theKunen .main-wrap .item-wrap .contents-wrap .flex-box .txt-wrap p {
  font-size: 2.4rem;
  text-align: center;
}
@media screen and (max-width: 767px) {
  #theKunen .main-wrap .item-wrap .contents-wrap .flex-box .txt-wrap p {
    font-size: 1.8rem;
  }
}
#theKunen .main-wrap .item-wrap .contents-wrap .flex-box .txt-wrap .ttl-item {
  font-size: 6rem;
  font-weight: 700;
  text-align: center;
  margin-top: 20px;
}
@media screen and (max-width: 767px) {
  #theKunen .main-wrap .item-wrap .contents-wrap .flex-box .txt-wrap .ttl-item {
    font-size: unset;
    line-height: 1.3;
    margin-top: 12px;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) {
  #theKunen .main-wrap .item-wrap .contents-wrap .flex-box .txt-wrap .ttl-item span {
    font-size: 3rem;
  }
}
#theKunen .main-wrap .item-wrap .contents-wrap .flex-box .txt-wrap .ttl-item span.ttl-item-basic {
  color: #EBC09A;
}
@media screen and (max-width: 767px) {
  #theKunen .main-wrap .item-wrap .contents-wrap .flex-box .txt-wrap .ttl-item span.ttl-item-basic {
    font-size: 3rem;
  }
}
#theKunen .main-wrap .item-wrap .contents-wrap .flex-box .txt-wrap .ttl-item span.ttl-item-season {
  color: #EFCDBE;
}
#theKunen .main-wrap .item-wrap .contents-wrap .flex-box .txt-wrap .txt-pkgDetail {
  margin-top: 14px;
}
@media screen and (max-width: 767px) {
  #theKunen .main-wrap .item-wrap .contents-wrap .flex-box .txt-wrap .txt-pkgDetail {
    margin-top: 10px;
  }
}
#theKunen .main-wrap .item-wrap .contents-wrap .flex-box .txt-wrap .txt-price {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
@media screen and (max-width: 767px) {
  #theKunen .main-wrap .item-wrap .contents-wrap .flex-box .txt-wrap .txt-price {
    margin-top: -8px;
  }
}
#theKunen .main-wrap .item-wrap .contents-wrap .flex-box .txt-wrap .txt-price p {
  display: inline-block;
}
#theKunen .main-wrap .item-wrap .contents-wrap .flex-box .txt-wrap .txt-price p.number {
  font-size: 6rem;
  font-weight: 400;
  margin-left: 26px;
}
@media screen and (max-width: 767px) {
  #theKunen .main-wrap .item-wrap .contents-wrap .flex-box .txt-wrap .txt-price p.number {
    margin-left: 0;
  }
}
#theKunen .main-wrap .item-wrap .contents-wrap .flex-box .txt-wrap .txt-price p.number .yen {
  font-size: 4rem;
}
@media screen and (max-width: 767px) {
  #theKunen .main-wrap .item-wrap .contents-wrap .flex-box .txt-wrap .txt-price p.number .yen {
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 767px) {
  #theKunen .main-wrap .item-wrap .contents-wrap .flex-box .txt-wrap .txt-price p.number span {
    font-size: 4rem;
  }
}
#theKunen .main-wrap .item-wrap .contents-wrap .flex-box .txt-wrap .txt-price p.zeikomi {
  margin-left: 14px;
}
@media screen and (max-width: 767px) {
  #theKunen .main-wrap .item-wrap .contents-wrap .flex-box .txt-wrap .txt-price p.zeikomi {
    margin-left: 4px;
  }
}
#theKunen .main-wrap .item-wrap .contents-wrap .flex-box .txt-wrap .txt-postage {
  font-size: 1.6rem;
}
@media screen and (max-width: 767px) {
  #theKunen .main-wrap .item-wrap .contents-wrap .flex-box .txt-wrap .txt-postage {
    margin-top: -10px;
  }
}
#theKunen .main-wrap .about-wrap .about-box.about01 {
  margin-top: 30px;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  #theKunen .main-wrap .about-wrap .about-box.about01 {
    margin-top: 60px;
    padding-bottom: 40px;
  }
}
#theKunen .main-wrap .about-wrap .about-box.about02 {
  position: relative;
  margin-top: -90px;
  padding-top: 200px;
  padding-bottom: 145px;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  #theKunen .main-wrap .about-wrap .about-box.about02 {
    margin-top: 0;
    padding-top: 54px;
    padding-bottom: 40px;
  }
}
@media screen and (max-width: 767px) {
  #theKunen .main-wrap .about-wrap .about-box.about02 {
    background: url(/img/usr/lp/kunnen/spring/chips-02_sp.jpg) no-repeat top left/100%;
  }
}
#theKunen .main-wrap .about-wrap .about-box.about02 .bg-about02 {
  display: block;
  width: 100%;
  height: 100%;
  background: url(/img/usr/lp/kunnen/spring/chips-02_pc.jpg) no-repeat bottom left/cover;
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
}
#theKunen .main-wrap .smokechip_wrap {
  display: flex;
  align-items: center;
  margin-top: 16px;
}
#theKunen .main-wrap .smokechip_wrap .smokechip_img {
  width: 275px;
}
#theKunen .main-wrap .smokechip_wrap .smokechip_text {
  margin-left: 20px;
  color: #f1d5b7;
  font-size: 22px;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  #theKunen .main-wrap .smokechip_wrap {
    flex-direction: column;
    margin-top: 60%;
    margin-bottom: 20px;
  }
  #theKunen .main-wrap .smokechip_wrap .smokechip_img {
    width: 235px;
  }
  #theKunen .main-wrap .smokechip_wrap .smokechip_text {
    margin-left: 10px;
    font-size: 20px;
  }
}
#theKunen .main-wrap .about-wrap .about-box.about03 {
  background: url(/images/theKunen/chips-03.jpg) no-repeat bottom right/100%;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  #theKunen .main-wrap .about-wrap .about-box.about03 {
    background: url(/images/theKunen/chips-03_sp.jpg) no-repeat bottom right/100%;
  }
}
#theKunen .main-wrap .about-wrap .about-box.about03 .flex-box {
  align-items: flex-end;
}
#theKunen .main-wrap .about-wrap .about-box.about03 .flex-box .image-wrap {
  margin-left: 0;
}
#theKunen .main-wrap .about-wrap .about-box.about03 .flex-box .image-wrap img {
  max-width: 308px;
}
@media screen and (max-width: 767px) {
  #theKunen .main-wrap .about-wrap .about-box.about03 .flex-box .image-wrap img {
    max-width: 140px;
  }
}
#theKunen .main-wrap .about-wrap .about-box.about03 .flex-box .txt-wrap {
  padding-left: 30px;
  padding-top: 120px;
  padding-bottom: 214px;
}
@media screen and (max-width: 767px) {
  #theKunen .main-wrap .about-wrap .about-box.about03 .flex-box .txt-wrap {
    padding-left: 0;
    padding-top: 60px;
    padding-bottom: 10px;
  }
  #theKunen .main-wrap .about-wrap .about-box.about03 .flex-box .txt-wrap p {
    margin-top: 20px;
  }
}
#theKunen .main-wrap .about-wrap .contents-wrap {
  position: relative;
  z-index: 2;
}
#theKunen .main-wrap .about-wrap .contents-wrap .flex-box {
  align-items: center;
}
#theKunen .main-wrap .about-wrap .contents-wrap .flex-box .image-wrap {
  width: 50%;
  margin-left: -68px;
}
@media screen and (max-width: 767px) {
  #theKunen .main-wrap .about-wrap .contents-wrap .flex-box .image-wrap {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
  }
}
#theKunen .main-wrap .about-wrap .contents-wrap .flex-box .image-wrap.image-season-wrap {
  margin-left: auto;
  margin-right: auto;
}
#theKunen .main-wrap .about-wrap .contents-wrap .flex-box .image-wrap.image-season-wrap .kunen-wrap {
  width: 100%;
  height: 100%;
  position: relative;
}
#theKunen .main-wrap .about-wrap .contents-wrap .flex-box .image-wrap.image-season-wrap .kunen-wrap .kunen {
  text-align: center;
  position: relative;
}
#theKunen .main-wrap .about-wrap .contents-wrap .flex-box .image-wrap.image-season-wrap .kunen-wrap .kunen::before {
  position: absolute;
  display: block;
  width: 767px;
  height: 817px;
  background: url(/images/theKunen/img-season-kemuri.webp) no-repeat left top/contain;
  z-index: 0;
  content: "";
  left: 50%;
  transform: translateX(-50%);
  top: -200px;
}
@media screen and (max-width: 767px) {
  #theKunen .main-wrap .about-wrap .contents-wrap .flex-box .image-wrap.image-season-wrap .kunen-wrap .kunen::before {
    width: 327px;
    height: 348px;
    top: -94px;
  }
}
#theKunen .main-wrap .about-wrap .contents-wrap .flex-box .image-wrap.image-season-wrap .kunen-wrap .kunen img {
  width: 388px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  #theKunen .main-wrap .about-wrap .contents-wrap .flex-box .image-wrap.image-season-wrap .kunen-wrap .kunen img {
    max-width: 166px;
  }
}
#theKunen .main-wrap .about-wrap .contents-wrap .flex-box .image-wrap.image-season-wrap .kunen-wrap .season {
  position: absolute;
  z-index: 3;
  top: 0;
  width: 550px;
  top: -47px;
}
@media screen and (max-width: 767px) {
  #theKunen .main-wrap .about-wrap .contents-wrap .flex-box .image-wrap.image-season-wrap .kunen-wrap .season {
    max-width: 230px;
    left: 50%;
    top: -19px;
  }
}
#theKunen .main-wrap .about-wrap .contents-wrap .flex-box .txt-wrap {
  width: 50%;
  font-family: "Noto Serif JP", serif;
  padding-left: 110px;
}
@media screen and (max-width: 767px) {
  #theKunen .main-wrap .about-wrap .contents-wrap .flex-box .txt-wrap {
    width: 100%;
    padding-left: 0;
  }
}
#theKunen .main-wrap .about-wrap .contents-wrap .flex-box .txt-wrap .ttl {
  font-size: 4rem;
  line-height: 1.8;
}
@media screen and (max-width: 767px) {
  #theKunen .main-wrap .about-wrap .contents-wrap .flex-box .txt-wrap .ttl {
    font-size: 3rem;
    line-height: 1.5;
  }
}
#theKunen .main-wrap .about-wrap .contents-wrap .flex-box .txt-wrap p {
  font-size: 2rem;
  margin-top: 54px;
  line-height: 1.8;
  font-weight: 200;
}
@media screen and (max-width: 767px) {
  #theKunen .main-wrap .about-wrap .contents-wrap .flex-box .txt-wrap p {
    font-size: 1.4rem;
    line-height: 2;
    text-align: center;
    margin-top: 10px;
    font-weight: 400;
  }
}
#theKunen .main-wrap .about-wrap .contents-wrap .flex-box.row-reverse .txt-wrap {
  padding-left: 0;
  padding-right: 20px;
}
@media screen and (max-width: 767px) {
  #theKunen .main-wrap .about-wrap .contents-wrap .flex-box.row-reverse .txt-wrap {
    position: relative;
    z-index: 4;
    padding-right: 0;
  }
  #theKunen .main-wrap .about-wrap .contents-wrap .flex-box.row-reverse .txt-wrap p {
    /* margin-top: 40px; */
    /* margin-top: 70%; */
    margin-top: unset;
  }
}
#theKunen .main-wrap .about-wrap .contents-wrap .flex-box.row-reverse.left {
  justify-content: start;
}

#theKunen .main-wrap .theKunen-uni-reviewArea {
  padding: 90px 0;
  background: linear-gradient(110deg, rgb(241, 213, 183) 0%, rgb(209, 168, 125) 100%);
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  #theKunen .main-wrap .theKunen-uni-reviewArea {
    padding: 60px 0 30px;
  }
}
#theKunen .main-wrap .theKunen-uni-reviewInner {
  max-width: inherit;
}
@media screen and (max-width: 767px) {
  #theKunen .main-wrap .theKunen-uni-review-commentList .slick-list {
    max-height: 310px;
    max-height: 320px;
  }
}
#theKunen .main-wrap .theKunen-uni-review-ttl {
  color: #451900;
  font-size: 4rem;
  font-family: "Noto Serif JP", serif;
  text-align: center;
}
@media screen and (max-width: 767px) {
  #theKunen .main-wrap .theKunen-uni-review-ttl {
    font-size: 2.4rem;
  }
}
#theKunen .main-wrap .theKunen-uni-review-star {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  margin: 100px 0 74px 0;
}
#theKunen .main-wrap .theKunen-uni-review-comment-box {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  margin-top: 40px;
}
@media screen and (max-width: 767px) {
  #theKunen .main-wrap .theKunen-uni-review-comment-box {
    flex-direction: column;
  }
}
#theKunen .main-wrap .theKunen-uni-review-comment-box .image-chips {
  width: 50%;
  text-align: center;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  #theKunen .main-wrap .theKunen-uni-review-comment-box .image-chips {
    width: 100%;
  }
}
#theKunen .main-wrap .theKunen-uni-review-comment-box .image-chips img {
  max-width: 600px;
}
@media screen and (max-width: 767px) {
  #theKunen .main-wrap .theKunen-uni-review-comment-box .image-chips img {
    max-width: none;
  }
}
#theKunen .main-wrap .theKunen-uni-review-comment-box .image-comment {
  width: 50%;
  text-align: center;
  position: relative;
  z-index: 1;
  color: #451900;
}
@media screen and (max-width: 767px) {
  #theKunen .main-wrap .theKunen-uni-review-comment-box .image-comment {
    width: 100%;
    margin-top: -20px;
  }
}
#theKunen .main-wrap .theKunen-uni-review-comment-box .image-comment img {
  max-width: 492px;
}
@media screen and (max-width: 767px) {
  #theKunen .main-wrap .theKunen-uni-review-comment-box .image-comment img {
    max-width: none;
  }
}
.image-comment__text {
  font-size: 14px;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .image-comment__text {
    font-size: 12px;
  }
}
#theKunen .main-wrap .theKunen-uni-review-commentList__slide {
  padding: 0 10px;
  -webkit-transform: scale(0.88);
  transform: scale(0.88);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform-origin: top center;
  transform-origin: top center;
}
#theKunen .main-wrap .theKunen-uni-review-commentList__item {
  font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  justify-content: flex-start;
  width: 685px;
  width: 700px;
  min-height: 430px;
  min-height: 320px;
  min-height: 190px;
  min-height: 241px;
  padding: 50px 60px 30px;
  padding: 60px 50px 36px;
  padding: 40px 44px 60px;
  background-color: #FFFBD2;
  margin: 30px 0;
  border: 5px solid #CA9863;
  box-shadow: 0px 0px 40px -13px #404040;
}
@media screen and (max-width: 767px) {
  #theKunen .main-wrap .theKunen-uni-review-commentList__item {
    width: 100%;
    min-height: auto;
    min-height: 299px;
    padding: 30px 24px;
  }
}
#theKunen .main-wrap .theKunen-uni-review-commentList__ttl {
  font-size: 2.8rem;
  margin-bottom: 10px;
  color: #451900;
  font-weight: 600;
  position: relative;
  border-bottom: 2px solid #CA9863;
  padding-bottom: 12px;
}
@media screen and (max-width: 767px) {
  #theKunen .main-wrap .theKunen-uni-review-commentList__ttl {
    font-size: 1.8rem;
  }
}
#theKunen .main-wrap .theKunen-uni-review-commentList__ttl::after {
  display: block;
  content: "";
  position: absolute;
  background: url(/images/theKunen/icon_star05.png) no-repeat left center;
  width: 157px;
  height: 28px;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  #theKunen .main-wrap .theKunen-uni-review-commentList__ttl::after {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  #theKunen .main-wrap .theKunen-uni-review-commentList__ttl .icon_star_sp {
    max-width: 134px;
    margin-top: 8px;
  }
}
#theKunen .main-wrap .theKunen-uni-review-commentList__txt {
  font-size: 2rem;
  color: #451900;
  line-height: 1.9;
  margin-top: 20px;
}
@media screen and (max-width: 767px) {
  #theKunen .main-wrap .theKunen-uni-review-commentList__txt {
    font-size: 1.4rem;
    margin-top: 13px;
  }
}
#theKunen .main-wrap .theKunen-uni-review-commentList__status {
  margin-top: 40px;
  font-size: 22px;
  text-align: right;
}
#theKunen .main-wrap .slide-dots {
  text-align: center;
  margin: 0;
  padding: 0;
  text-align: center;
}
#theKunen .main-wrap .slide-dots li {
  display: inline-block;
  margin: 0 15px;
}
#theKunen .main-wrap .slide-dots li button {
  position: relative;
  text-indent: -9999px;
}
#theKunen .main-wrap .slide-dots li button::before {
  content: "";
  text-indent: 0px;
  width: 15px;
  height: 15px;
  background: #fff;
  display: block;
  border-radius: 30px;
  position: absolute;
  top: 0;
  left: 0;
}
#theKunen .main-wrap .slide-dots li.slick-active button::before {
  background: #451900;
}
#theKunen .main-wrap .slide-dots button {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
#theKunen .zip_formIntro-wrap {
  position: relative;
  background: #fff;
  color: #000;
}
@media screen and (max-width: 767px) {
  #theKunen .zip_formIntro-wrap .zip_formIntro-inner {
    width: 90%;
    width: 92%;
    margin-left: auto;
    margin-right: auto;
  }
}
#theKunen .zip_formIntro-wrap .zip_formIntro-inner h2 {
  text-align: center;
}
#theKunen .zip_formIntro-wrap .zip_formIntro-inner h2 img {
  width: 590px;
}
#theKunen .zip_formIntro-wrap .zip_formIntro-inner .obi-box .obi {
  width: 600px;
  font-size: 2.4rem;
  text-align: center;
  font-weight: 600;
  border-radius: 20px;
  padding: 8px 0;
  margin-left: auto;
  margin-right: auto;
  margin-top: 16px;
}
@media screen and (max-width: 767px) {
  #theKunen .zip_formIntro-wrap .zip_formIntro-inner .obi-box .obi {
    width: 100%;
    font-size: 1.5rem;
    padding: 5px 0;
    margin-top: 10px;
  }
}
#theKunen .zip_formIntro-wrap .zip_formIntro-inner .txt {
  font-size: 3.4rem;
  text-align: center;
  font-weight: 600;
  line-height: 1.1;
  margin-top: 30px;
}
@media screen and (max-width: 767px) {
  #theKunen .zip_formIntro-wrap .zip_formIntro-inner .txt {
    font-size: 1.7rem;
    line-height: 1.1;
    margin-top: 15px;
  }
}
#theKunen .zip_formIntro-wrap .zip_formIntro-inner .txt span.big {
  font-size: 6rem;
}
@media screen and (max-width: 767px) {
  #theKunen .zip_formIntro-wrap .zip_formIntro-inner .txt span.big {
    font-size: 3rem;
  }
}
#theKunen .zip_formIntro-wrap .zip_formIntro-inner .txt span.medium {
  font-size: 5rem;
}
@media screen and (max-width: 767px) {
  #theKunen .zip_formIntro-wrap .zip_formIntro-inner .txt span.medium {
    font-size: 2.4rem;
  }
}

@media screen and (max-width: 767px) {
  .pc-only {
    display: none;
  }
  .sp-only {
    display: block;
  }
  #theKunen {
    width: initial;
    max-width: 100%;
    margin: 0 auto;
    font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  }
  #theKunen h2 {
    margin-bottom: 30px;
    letter-spacing: 0.025em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  #theKunen h2 {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 767px) {
  #theKunen p {
    line-height: 1.8;
    letter-spacing: 0.01em;
  }
  #theKunen .content_inner {
    width: 92%;
    margin: 0 auto;
    text-align: center;
  }
}
#frmLP {
  width: 1200px;
  margin: 0 auto;
  padding-top: 40px;
}
@media screen and (max-width: 767px) {
  #frmLP {
      width: unset;
      padding-top: 32px;
  }
}
.text_small {
  font-size: .75em;
}
#theKunen .main-wrap .btn-wrap .btn-sold {
  background: #666;
}
#theKunen .main-wrap .btn-wrap .btn-sold:hover {
  opacity: unset;
}
#theKunen .main-wrap .btn-wrap .btn-sold:focus {
  outline: unset;
  outline-offset: unset;
}
#theKunen .main-wrap .btn-wrap .btn-sold span.btn-txt {
  padding-left: unset;
}
#theKunen .main-wrap .btn-wrap .btn-sold span.btn-txt::before {
  content: none;
}

/* banner */
.banner-wrap {
  width: 100%;
  padding: 70px 0;
  background: linear-gradient(110deg, rgb(241, 213, 183) 0%, rgb(209, 168, 125) 100%);
}
.banner-box {
  width: 1000px;
  margin: 0 auto;
}
.banner-box p {
  margin-bottom: 24px;
  color: #451900;
  font-size: 3rem;
  font-weight: 700;
  font-family: "Noto Serif JP", serif;
  text-align: center;
}
.banner-box p span {
  font-size: 2.4rem;
}
.banner-box img {
  width: 100%;
}
.banner-box a:hover {
  opacity: .9;
}
.banner-box__content {
  display: flex;
  gap: 20px;
  justify-content: center;
}
.banner-box__small {
  width: 50%;
}
.banner-box .banner_sub_title {
  margin: 16px 0 10px;
  font-size: 16px;
}
.banner-box .banner_text {
  font-size: 14px;
  font-weight: 500;
  text-align: left;
}
.banner-box .banner_link {
  color: #451900;
  font-weight: 700;
  font-family: "Noto Serif JP", serif;
}
@media screen and (max-width: 767px) {
  .banner-wrap {
    padding: 40px 0;
  }
  .banner-box {
    width: 92%;
  }
  .banner-box p {
    margin-bottom: 20px;
    font-size: 2rem;
  }
  .banner-box p span {
    font-size: 1.6rem;
  }
  .banner-box__content {
    flex-direction: column;
  }
  .banner-box__small {
    width: 100%;
  }
}

/* food labeling */
.food_labeling-wrap {
  background: linear-gradient(110deg, rgb(241, 213, 183) 0%, rgb(209, 168, 125) 100%);
}
.food_labeling {
  padding: 60px 20px;
  color: #451900;
}
.food_labeling__name {
  margin: 30px 0 10px;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
}
.food_labeling__table {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 1200px;
  margin: 0 auto;
  border-top: solid #CA9863 1px;
  border-left: solid #CA9863 1px;
}
.food_labeling__table dt {
  width: 199px;
  padding: 12px 6px 12px 70px;
  font-size: 12px;
  text-align: left;
  border-right: solid #CA9863 1px;
  border-bottom: solid #CA9863 1px;
}
.food_labeling__table dd {
  width: 1000px;
  padding: 12px 70px;
  font-size: 12px;
  text-align: left;
  border-right: solid #CA9863 1px;
  border-bottom: solid #CA9863 1px;
}
@media screen and (max-width: 767px) {
  .food_labeling__name {
    margin: 5.33vw 0 2.67vw;
    text-align: center;
  }
  .food_labeling__table {
    width: calc(100% - 10.67vw);
    margin: 0 5.33vw;
    border: solid #CA9863 1px;
    border-bottom: none;
  }
  .food_labeling__table dt {
    width: 100%;
    padding: 2.67vw 5.33vw;
    font-size: 12px;
    text-align: left;
    border-top: none;
    border-bottom: solid #CA9863 1px;
  }
  .food_labeling__table dd {
    width: 100%;
    padding: 2.67vw 5.33vw;
    font-size: 12px;
    text-align: left;
    border-top: none;
    border-bottom: solid #CA9863 1px;
  }
}

/* Sticky Button */
.section_cv__sticky {
  position: fixed;
  width: 380px;
  bottom: 24px;
  right: 0;
  text-align: center;
  z-index: 2;
  opacity: 0;
  transition: .5s;
}
.section_cv__sticky.appear {
  opacity: 1;
}
@media screen and (max-width: 767px) {
  .section_cv__sticky {
    width: 250px;
    bottom: 10px;
    right: 10px;
  }
}

/* modal */
.directDelivery__image-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  visibility: hidden;
  opacity: 0;
  transition: opacity .25s;
  text-align: center;
}

.directDelivery__image-modal.is-open {
  visibility: visible;
  opacity: 1;
}

.directDelivery__image-modal .modal-container {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.directDelivery__image-modal .modal-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
}

.directDelivery__image-modal .modal-body {
  position: relative;
  width: 740px;
  height: auto;
  padding: 40px;
  color: #1a1919;
  background-color: #ffffff;
  font-family: "Yu Mincho", "YuMincho", serif;
}

.directDelivery__image-modal .modal-close {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 30px;
  height: 30px;
  transform: rotate(45deg);
  cursor: pointer;
}

.directDelivery__image-modal .modal-close::before,
.directDelivery__image-modal .modal-close::after {
  content: '';
  display: block;
  position: absolute;
  background-color: #333333;
}

.directDelivery__image-modal .modal-close::before {
  top: 50%;
  left: 0;
  margin-top: -1px;
  width: 100%;
  height: 2px;
}

.directDelivery__image-modal .modal-close::after {
  top: 0;
  left: 50%;
  width: 2px;
  height: 100%;
  margin-left:  -1px;
}

.directDelivery__image-modal .modal-ttl {
  font-size: 22px;
  font-weight: 600;
}

.directDelivery__image-modal .modal-ttl span {
  color: #b31b1b;
}

.directDelivery__image-modal .modal-comment {
  margin-top: 20px;
  font-size: 18px;
}

.directDelivery__image-modal .modal-kiyaku {
  margin-top: 20px;
}

.directDelivery__image-modal .modal-stop {
  margin-top: 16px;
}

.directDelivery__image-modal .modal-kiyaku a,
.directDelivery__image-modal .modal-stop a {
  text-decoration: underline;
}

.directDelivery__image-modal .modal-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 16px;
}

.directDelivery__image-modal .modal-btn a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 340px;
  height: 60px;
  margin: 0 auto;
  border: 1px solid #ce3c29;
  border-radius: 10px;
  background-color: #ce3c29;
  color: #ffffff;
  font-size: 18px;
  transition: .2s;
  text-decoration: none;
}

.directDelivery__image-modal .modal-btn a:hover {
  background-color: #ffffff;
  color: #ce3c29;
  text-decoration: none;
}

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

  .directDelivery__image-modal {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 9999;
      visibility: hidden;
      opacity: 0;
      transition: opacity .25s;
    }

    .directDelivery__image-modal.is-open {
      visibility: visible;
      opacity: 1;
    }

    .directDelivery__image-modal .modal-container {
      display: flex;
      align-items: center;
      justify-content: center;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
    }

    .directDelivery__image-modal .modal-bg {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.6);
    }

    .directDelivery__image-modal .modal-body {
      position: relative;
      width: 90vw;
      height: auto;
      padding: 10.67vw 5.33vw 6.4vw;
      background-color: #ffffff;
      font-family: "Yu Mincho", "YuMincho", serif;
    }

    .directDelivery__image-modal .modal-close {
      position: absolute;
      top: 10px;
      right: 10px;
      width: 26px;
      height: 26px;
      transform: rotate(45deg);
      cursor: pointer;
    }

    .directDelivery__image-modal .modal-close::before,
    .directDelivery__image-modal .modal-close::after {
      content: '';
      display: block;
      position: absolute;
      background-color: #333333;
    }

    .directDelivery__image-modal .modal-close::before {
      top: 50%;
      left: 0;
      margin-top: -1px;
      width: 100%;
      height: 2px;
    }

    .directDelivery__image-modal .modal-close::after {
      top: 0;
      left: 50%;
      width: 2px;
      height: 100%;
      margin-left:  -1px;
    }

    .directDelivery__image-modal .modal-ttl {
      font-size: 16px;
      font-weight: 600;
    }

    .directDelivery__image-modal .modal-ttl span {
      color: #b31b1b;
      font-size: 16px;
      font-weight: 600;
    }

    .directDelivery__image-modal .modal-comment {
      margin-top: 16px;
      font-size: 14px;
      text-align: left;
    }

    .directDelivery__image-modal .modal-kiyaku {
      margin-top: 20px;
      font-size: 14px;
    }

    .directDelivery__image-modal .modal-stop {
      margin-top: 10px;
      font-size: 14px;
    }

    .directDelivery__image-modal .modal-kiyaku a,
    .directDelivery__image-modal .modal-stop a {
      text-decoration: underline;
    }

    .directDelivery__image-modal .modal-btn {
      display: flex;
      align-items: center;
      justify-content: center;
      margin-top: 10px;
    }

    .directDelivery__image-modal .modal-btn a {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 50px;
      margin: 0 auto;
      border: 1px solid #ce3c29;
      border-radius: 10px;
      background-color: #ce3c29;
      color: #ffffff;
      font-size: 16px;
    }
}
/* modal */

/* star */
.source-serif-4 {
  font-family: "Source Serif 4", serif;
  font-optical-sizing: auto;
  font-style: normal;
}
.image-comment__ttl {
  display: inline-block;
  margin-bottom: 8px;
  padding: 3px 30px;
  background-color: #f5db96;
  font-size: 24px;
  border-radius: 24px;
}
.image-comment__rate {
  margin-bottom: 10px;
  font-size: 120px;
  font-weight: 700;
  line-height: 1!important;
}
.image-comment__star {
  position: relative;
  display: inline-block;
  width: 150px;
  height: 55px;
  font-size: 50px;
}
.image-comment__star::before, .image-comment__star::after {
  position: absolute;
  display: inline-block;
  height: 50px;
  top: -10px;
  left: -40%;
  content: "★★★★★";
  line-height: 50px;
  letter-spacing: .1em;
}
.image-comment__star::before {
  color: #dcdcdc;
}
.image-comment__star::after {
  overflow: hidden;
  width: 242px;
  background: linear-gradient(90deg, #ce1b1b, #e0345f);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media screen and (max-width: 767px) {
  .image-comment__ttl {
    color: #451900;
    font-size: 22px;
  }
  .image-comment__rate {
    font-size: 78px;
  }
}
/* star */
/* interview */
.interview__wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 48px;
  margin-top: 60px;
  padding: 32px 40px;
  background: url(/img/usr/lp/kunnen/spring/2026/bg_black.jpg) no-repeat center left/100%;
  font-family: "Noto Serif JP", serif;
}
.interview__item__header {
  font-size: 24px;
}
.interview__item__text {
  font-size: 16px;
}
.interview__img__caption {
  margin-top: 10px;
  font-size: 14px;
  text-align: right;
}

@media screen and (max-width: 767px) {
  .interview__wrap {
    flex-direction: column;
    gap: 32px;
    padding: 40px 24px;
    background-size: cover;
  }
  .interview__item__header {
    color: #fff;
    font-size: 20px;
  }
  .interview__item__text {
    font-size: 14px;
  }
  .interview__img__caption {
    font-size: 13px;
  }
}
/* interview */

/* visumo */
@media (min-width: 721px) {
  .vsm-tile.slideUp .ecbn-selection-wrapper .ecbn-selection-title img, .vsm-tile.slideUp .ecbn-selection-page-wrapper .ecbn-selection-title img {
      width: 50px !important;
  }
  .vsm-tile.slideUp .ecbn-selection-wrapper .ecbn-selection-title img, .vsm-tile.slideUp .ecbn-selection-page-wrapper .ecbn-selection-title img {
    height: 50px;
    width: 50px;
    margin-top: -20px;
    margin-right: 16px;
    vertical-align: middle;
    display: inline-block;
  }
  .vsm-tile.slideUp .ecbn-selection-page-wrapper .ecbn-selection-title span {
    font-size: 48px;
  }
}
/* visumo */

/*# sourceMappingURL=kunnen.css.map */