:root {
  --content_width: 100vw;
}
* {
  box-sizing: border-box;
  overscroll-behavior: none;
}

html,
body {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;

  color: #595858;
  background-color: #fff;
  font-family: "zen-old-mincho", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-size: 30px;
  font-weight: normal;
  line-height: 1.5em;
}
a {
  text-decoration: none;
  color: #595858;
}
a {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
button {
  background-color: transparent;
  border: none;
  color: #595858;

  font-size: 16px;
  padding: 0;
  margin: 0;
}
.btn {
  cursor: pointer;
}
img {
  width: 100%;
}
h1,
h2,
h3 {
  padding: 0;
  margin: 0;
  font-weight: normal;
}

ul,
ul li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.content_wrapper {
  position: relative;
  width: 100%;
}

.only_sp,
.only_sp_inline {
  display: none;
}
@media screen and (max-width: 860px) {
  .only_pc,
  .only_pc_inline {
    display: none;
  }
  .only_sp {
    display: block;
  }
  .only_sp_inline {
    display: inline;
  }
}

.kv_wrapper {
  position: relative;
  width: 100%;
  height: 100vh;
  min-height: 650px;
  /* overflow: hidden; */
}
.kv_wrapper .kv_bg_block {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  line-height: 0;
}
.kv_wrapper .kv_bg_block .kv_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.kv_wrapper .kv_bg_block .kv_bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.kv_wrapper .kv_bg_block .kv_bg.kv_bg1 img {
  object-position: bottom center;
}
/* スライドの停止 */
/* .kv_wrapper .kv_bg_block .kv_bg2{
  opacity: 0;
  transition: 1s;
}
.img2 .kv_wrapper .kv_bg_block .kv_bg2{
  opacity: 1;
} */

.kv_wrapper header {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 20px 30px;
  line-height: 1em;
}
.kv_wrapper header .logo {
  width: 182px;
  height: 23px;
  line-height: 0;
}
.kv_wrapper header .menu {
  display: flex;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
}
.kv_wrapper header .menu .btn_menu {
  display: flex;
  align-items: center;
  font-family: "lust", serif;
  font-size: 14px;
  line-height: 24px;
  color: #ffffff;
}
.kv_wrapper header .menu .btn_menu + .btn_menu::before {
  content: "";
  display: block;
  width: 20px;
  height: 24px;
  line-height: 0;
  margin: 0 36px;
  background-image: url(../images/img_menu_sep.png);
  background-size: 100% 100%;
}
.kv_wrapper header.fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding: 20px 30px;
  background-color: #ffffff;
  z-index: 100;
  transition: all 0.3s;
}
.kv_wrapper header.fixed .logo {
  background-image: url(../images/logo_yoiyo_b.png);
  background-size: 100% 100%;
}
.kv_wrapper header.fixed .logo img {
  display: none;
}
.kv_wrapper header.fixed .btn_menu {
  color: #595858;
}
.kv_wrapper header.fixed .menu .btn_menu + .btn_menu::before {
  background-image: url(../images/img_menu_sep_b.png);
}
.kv_wrapper .kv_reserve {
  position: absolute;
  left: calc(50% - 600px);
  top: calc(((100% - 400px) / 2) + 20px);
  width: 448px;
  line-height: 0;
}
.kv_wrapper .kv_logo_block {
  position: absolute;
  left: calc(50% - 600px);
  top: calc(((100% - 400px) / 2) + 100px);
  width: 448px;
}
.kv_wrapper .kv_logo_block .kv_logo_img {
  padding: 27px 10px;
  width: 350px;
}
@media screen and (max-width: 1350px) {
  .kv_wrapper {
    min-height: calc((650 * var(--content_width)) / 1350);
  }
  .kv_wrapper header {
    padding: calc((20 * var(--content_width)) / 1350)
      calc((30 * var(--content_width)) / 1350);
  }
  .kv_wrapper header .logo {
    width: calc((182 * var(--content_width)) / 1350);
    height: calc((23 * var(--content_width)) / 1350);
  }
  .kv_wrapper header .menu .btn_menu {
    font-size: calc((14 * var(--content_width)) / 1350);
    line-height: calc((24 * var(--content_width)) / 1350);
  }
  .kv_wrapper header .menu .btn_menu + .btn_menu::before {
    width: calc((20 * var(--content_width)) / 1350);
    height: calc((24 * var(--content_width)) / 1350);
    margin: 0 calc((36 * var(--content_width)) / 1350);
  }
  .kv_wrapper header.fixed {
    padding: calc((20 * var(--content_width)) / 1350)
      calc((30 * var(--content_width)) / 1350);
  }
  .kv_wrapper .kv_reserve {
    left: calc(50% - calc((600 * var(--content_width)) / 1350));
    top: calc(
      ((100% - calc((400 * var(--content_width)) / 1350)) / 2) +
        calc((20 * var(--content_width)) / 1350)
    );
    width: calc((448 * var(--content_width)) / 1350);
  }
  .kv_wrapper .kv_logo_block {
    left: calc(50% - calc((600 * var(--content_width)) / 1350));
    top: calc(
      ((100% - calc((400 * var(--content_width)) / 1350)) / 2) +
        calc((100 * var(--content_width)) / 1350)
    );
    width: calc((448 * var(--content_width)) / 1350);
  }
  .kv_wrapper .kv_logo_block .kv_logo_img {
    padding: calc((27 * var(--content_width)) / 1350)
      calc((10 * var(--content_width)) / 1350);
    width: calc((350 * var(--content_width)) / 1350);
  }
}

@media screen and (max-width: 860px) {
  .kv_wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    min-height: calc((1600 * var(--content_width)) / 1080);
    padding-top: calc((110 * var(--content_width)) / 1080);
  }
  .kv_wrapper header,
  .kv_wrapper header.fixed {
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: calc((110 * var(--content_width)) / 1080);
    padding: 0;
    background-color: #ffffff;
    z-index: 100;
  }
  .kv_wrapper header .logo {
    width: calc((305 * var(--content_width)) / 1080);
    height: calc((38 * var(--content_width)) / 1080);

    background-image: url(../images/logo_yoiyo_g.png);
    background-size: 100% 100%;
  }
  .kv_wrapper header .logo img {
    display: none;
  }
  .kv_wrapper header .menu {
    display: none;
  }
  .kv_wrapper header .btn_sp_menu {
    position: absolute;
    top: 0;
    bottom: 0;
    right: calc((45 * var(--content_width)) / 1080);
    width: calc((60 * var(--content_width)) / 1080);
    height: calc((60 * var(--content_width)) / 1080);
    margin: auto 0;
  }
  .kv_wrapper header .btn_sp_menu span {
    position: absolute;
    display: block;
    width: calc((60 * var(--content_width)) / 1080);
    height: calc((2 * var(--content_width)) / 1080);
    background-color: #9c9c9c;
    transform-origin: 50% 50%;
    top: calc((29 * var(--content_width)) / 1080);
    left: 0;
    transition: 0.3s;
  }
  .kv_wrapper header .btn_sp_menu span:nth-of-type(2) {
    top: calc((10 * var(--content_width)) / 1080);
  }
  .kv_wrapper header .btn_sp_menu span:nth-of-type(3) {
    top: calc((48 * var(--content_width)) / 1080);
  }
  .has_menu .kv_wrapper header .btn_sp_menu span:nth-of-type(1) {
    transform: rotate(35deg);
  }
  .has_menu .kv_wrapper header .btn_sp_menu span:nth-of-type(2) {
    opacity: 0;
  }
  .has_menu .kv_wrapper header .btn_sp_menu span:nth-of-type(3) {
    top: calc((29 * var(--content_width)) / 1080);
    transform: rotate(-35deg);
  }

  .kv_wrapper .kv_reserve {
    position: absolute;
    left: 0;
    top: calc((110 * var(--content_width)) / 1080);
    width: 100%;
    height: calc((123 * var(--content_width)) / 1080);
    line-height: 0;
    background-image: url(../images/img_reserve_sp.png);
    background-size: 100% 100%;
  }
  .kv_wrapper .kv_reserve img {
    display: none;
  }
  .kv_wrapper .kv_logo_block {
    position: relative;
    top: auto;
    left: auto;
    width: calc((873 * var(--content_width)) / 1080);
    padding-top: calc((200 * var(--content_width)) / 1080);
    margin: auto;
  }
  .kv_wrapper .kv_logo_block .kv_logo_img {
    margin: calc((50 * var(--content_width)) / 1080)
      calc((45 * var(--content_width)) / 1080);
    padding: 0;
    width: calc((145 * var(--content_width)) / 1080);
    height: calc((650 * var(--content_width)) / 1080);
    background-size: 100% 100%;
    background-image: url(../images/kv_text_s.png);
  }
  .kv_wrapper .kv_logo_block .kv_logo_img img {
    display: none;
  }
}

.section_sep {
  position: relative;
  width: 100%;
  height: calc((662 * var(--content_width)) / 1920);
  line-height: 0;
  overflow: hidden;
  perspective-origin: center center;
  pointer-events: none;
}

.section_sep img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.section_collaboration {
  width: 100%;
  padding: 124px 0 225px;
  background-color: #dadada;
}
.section_collaboration .section_title {
  width: 542px;
  margin: 0 auto 72px;
}
.section_collaboration .content_inner {
  width: 1170px;
  margin: 0 auto;
  padding: 150px 0 220px;
  background-color: #fff;
}
.section_collaboration .content_inner .block_new_yoiyo {
  margin-bottom: 120px;
}
.section_collaboration .content_inner .block_new_yoiyo .logo {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  /* gap: 40px;
  margin-left: 175px; */
  margin-bottom: 60px;
  line-height: 0;
}
.section_collaboration
  .content_inner
  .block_new_yoiyo
  .logo
  .block_new_yoiyo_new {
  width: 162px;
}
.section_collaboration
  .content_inner
  .block_new_yoiyo
  .logo
  .block_new_yoiyo_logo {
  width: 400px;
}
.section_collaboration .content_inner .block_new_yoiyo .title {
  font-size: 52px;
  line-height: 1em;
  text-align: center;
  letter-spacing: 0.1rem;
  margin-bottom: 40px;
}
.section_collaboration .content_inner .block_new_yoiyo .movie {
  position: relative;
  width: 996px;
  height: 560px;
  margin: 0 auto 50px;
}
.section_collaboration .content_inner .block_new_yoiyo .movie video,
.section_collaboration .content_inner .block_new_yoiyo .movie iframe,
.section_collaboration .content_inner .block_new_yoiyo .movie .btn_movie {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.section_collaboration .content_inner .block_new_yoiyo .movie iframe {
  display: none;
}
.section_collaboration .content_inner .block_new_yoiyo .movie.playing iframe {
  display: block;
}
.section_collaboration .content_inner .block_new_yoiyo .movie .btn_movie {
  display: flex;
  justify-content: center;
  align-items: center;
}
.section_collaboration
  .content_inner
  .block_new_yoiyo
  .movie
  .btn_movie
  .icon_play {
  display: none;
  width: 230px;
}
.section_collaboration
  .content_inner
  .block_new_yoiyo
  .movie:not(.playing)
  .btn_movie:hover
  .icon_play {
  display: block;
}
.section_collaboration .content_inner .block_new_yoiyo .description,
.section_collaboration .content_inner .block_about_jcsc {
  width: 960px;
  margin: 0 auto;
  font-size: 24px;
  line-height: 2em;
}
.section_collaboration .content_inner .block_about_jcsc {
  margin-bottom: 115px;
}
.section_collaboration .content_inner .block_about_jcsc .logo {
  display: flex;
  align-items: center;
  gap: 10px;
  line-height: 50px;
  font-size: 38px;
  padding-bottom: 30px;
  margin-bottom: 40px;
  border-bottom: 1px solid #595858;
}
.section_collaboration .content_inner .block_about_jcsc .logo .image {
  display: inline-block;
  width: 598px;
  line-height: 0;
}
.section_collaboration .content_inner .block_about_jcsc .description {
  margin-bottom: 35px;
}
.section_collaboration .content_inner .block_about_jcsc .link {
  display: inline-block;
  width: 171px;
  line-height: 0;
}
.section_collaboration .content_inner .block_member_wrapper {
  display: flex;
  align-items: flex-end;
  width: 950px;
  margin: 0 auto 180px;
}
.section_collaboration
  .content_inner
  .block_member_wrapper
  .block_member_block {
  width: 400px;
}
.section_collaboration
  .content_inner
  .block_member_wrapper
  .block_member_block
  .logo {
  display: flex;
  align-items: center;
  height: 46px;
  line-height: 1em;
  margin-bottom: 50px;
}
.section_collaboration
  .content_inner
  .block_member_wrapper
  .block_member_block.kokuryu
  .logo {
  width: 348px;
}
.section_collaboration
  .content_inner
  .block_member_wrapper
  .block_member_block.jcsc
  .logo {
  width: 383px;
}
.section_collaboration
  .content_inner
  .block_member_wrapper
  .block_member_block
  .title,
.section_collaboration
  .content_inner
  .block_member_wrapper
  .block_member_block
  .name {
  padding-left: 25px;
}
.section_collaboration
  .content_inner
  .block_member_wrapper
  .block_member_block
  .title {
  font-size: 28px;
  line-height: 1em;
  letter-spacing: 0.2rem;
  margin-bottom: 10px;
}
.section_collaboration
  .content_inner
  .block_member_wrapper
  .block_member_block
  .name {
  font-size: 72px;
  line-height: 1em;
  letter-spacing: 0.2rem;
  margin-bottom: 30px;
}
.section_collaboration .content_inner .block_member_wrapper .img_cross {
  width: 146px;
  margin: 0 2px;
  line-height: 0;
}
.section_collaboration .content_inner .read {
  text-align: center;
  font-size: 38px;
  line-height: 2.2em;
  margin-bottom: 180px;
}
.section_collaboration .content_inner .block_item_wrapepr {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.section_collaboration .content_inner .block_item_wrapepr .image {
  position: relative;
  width: 885px;
  margin-bottom: 100px;
  line-height: 0;
}
.section_collaboration .content_inner .block_item_wrapepr .image::after {
  content: "";
  position: absolute;
  left: 50px;
  bottom: 20px;
  width: 391px;
  height: 256px;
  background-image: url(../images/logo_item18.png);
  background-size: 100% 100%;
}
.section_collaboration .content_inner .block_item_wrapepr .name {
  display: flex;
  align-items: center;
  gap: 25px;
  font-size: 34px;
  line-height: 1em;
}
.section_collaboration .content_inner .block_item_wrapepr .name .logo {
  width: 217px;
}
.section_collaboration .content_inner .block_item_wrapepr .block_item_block {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 865px;
  padding: 58px 0;
}
.section_collaboration
  .content_inner
  .block_item_wrapepr
  .block_item_block
  + .block_item_block {
  border-top: 1px solid #595858;
}
.section_collaboration
  .content_inner
  .block_item_wrapepr
  .block_item_block
  .item_info {
  line-height: 45px;
  /* 2025年10月修正 */
  display: flex;
  flex-direction: column;
  gap: clamp(0.2rem, 1.2vw, 0.5rem); /* 最小8px〜最大16pxの範囲で可変 */
}
.section_collaboration
  .content_inner
  .block_item_wrapepr
  .block_item_block
  .item_info
  .item_name {
  font-size: 36px;
}
.section_collaboration
  .content_inner
  .block_item_wrapepr
  .block_item_block
  .item_info
  .item_name
  .value,
.section_collaboration
  .content_inner
  .block_item_wrapepr
  .block_item_block
  .item_info
  .item_name
  .more_value {
  display: inline-block;
  color: #c30d23;
  font-size: 20px;
  line-height: 1.3em;
}
.section_collaboration
  .content_inner
  .block_item_wrapepr
  .block_item_block
  .item_info
  .item_name
  .value,
.section_collaboration
  .content_inner
  .block_item_wrapepr
  .block_item_block
  .item_info
  .item_name
  .more_value {
  margin-left: 10px;
  padding: 0 9px;
  border: 1px solid #c30d23;
}
.section_collaboration
  .content_inner
  .block_item_wrapepr
  .block_item_block
  .item_info
  .item_price {
  /* 2025年10月修正 */
  font-size: 36px;
}
.section_collaboration
  .content_inner
  .block_item_wrapepr
  .block_item_block
  .item_info
  .item_price
  .red {
  color: #c30d23;
  /* 2025年10月追加 */
  margin-left: 1em;
}
.section_collaboration
  .content_inner
  .block_item_wrapepr
  .block_item_block
  .item_link
  .btn_buy,
.section_collaboration
  .content_inner
  .block_item_wrapepr
  .block_item_block
  .item_link
  .btn_reserve {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 315px;
  height: 67px;
  font-size: 27px;
  color: #ffffff;
  background-color: #0a3356;
  gap: 10px;
}
.section_collaboration
  .content_inner
  .block_item_wrapepr
  .block_item_block
  .item_link
  .btn_buy::before,
.section_collaboration
  .content_inner
  .block_item_wrapepr
  .block_item_block
  .item_link
  .btn_reserve::after {
  content: "";
  display: block;
  width: 35px;
  height: 33px;
  background-size: 100% 100%;
}
.section_collaboration
  .content_inner
  .block_item_wrapepr
  .block_item_block
  .item_link
  .btn_buy::before {
  background-image: url(../images/icon_cart.png);
}
.section_collaboration
  .content_inner
  .block_item_wrapepr
  .block_item_block
  .item_link
  .btn_reserve::after {
  background-image: url(../images/icon_reserve.png);
}

.section_collaboration .content_inner .block_item_wrapepr .item_read {
  width: 860px;
  font-size: 30px;
  line-height: 2em;
  margin-top: 110px;
}

/* 注意書き：行と同幅にして左寄せに */
.section_collaboration .block_item_inner .item_note {
  margin-top: 10px; /* 行との間隔 */
  font-size: clamp(0.6rem, 2.2vw, 1.875rem);
  /* 最小16px、理想は2.2vw、最大30px（1.875rem） */
  line-height: 1.5; /* 行間はレスポンシブでも一定に */
  text-align: left; /* 左寄せ */
}

@media screen and (max-width: 1270px) {
  .section_collaboration {
    padding-bottom: calc((280 * var(--content_width)) / 1270);
  }
  .section_collaboration .content_inner {
    width: calc((1170 * var(--content_width)) / 1270);
    padding: calc((150 * var(--content_width)) / 1270) 0
      calc((220 * var(--content_width)) / 1270);
  }
  .section_collaboration .content_inner .block_new_yoiyo {
    margin-bottom: calc((120 * var(--content_width)) / 1270);
  }
  .section_collaboration .content_inner .block_new_yoiyo .logo {
    /* gap: calc((40 * var(--content_width)) / 1270); */
    margin-left: calc((175 * var(--content_width)) / 1270);
    margin-bottom: calc((60 * var(--content_width)) / 1270);
  }
  .section_collaboration
    .content_inner
    .block_new_yoiyo
    .logo
    .block_new_yoiyo_new {
    width: calc((162 * var(--content_width)) / 1270);
  }
  .section_collaboration
    .content_inner
    .block_new_yoiyo
    .logo
    .block_new_yoiyo_logo {
    width: calc((400 * var(--content_width)) / 1270);
  }
  .section_collaboration .content_inner .block_new_yoiyo .title {
    font-size: calc((52 * var(--content_width)) / 1270);
    margin-bottom: calc((40 * var(--content_width)) / 1270);
  }
  .section_collaboration .content_inner .block_new_yoiyo .movie {
    width: calc((996 * var(--content_width)) / 1270);
    height: calc((560 * var(--content_width)) / 1270);
    margin: 0 auto calc((50 * var(--content_width)) / 1270);
  }
  .section_collaboration
    .content_inner
    .block_new_yoiyo
    .movie
    .btn_movie
    .icon_play {
    width: calc((230 * var(--content_width)) / 1270);
  }
  .section_collaboration .content_inner .block_new_yoiyo .description,
  .section_collaboration .content_inner .block_about_jcsc {
    width: calc((960 * var(--content_width)) / 1270);
    font-size: calc((24 * var(--content_width)) / 1270);
  }
  .section_collaboration .content_inner .block_about_jcsc {
    margin-bottom: calc((115 * var(--content_width)) / 1270);
  }

  .section_collaboration .content_inner .block_about_jcsc .logo {
    gap: calc((10 * var(--content_width)) / 1270);
    line-height: calc((50 * var(--content_width)) / 1270);
    font-size: calc((38 * var(--content_width)) / 1270);
    padding-bottom: calc((30 * var(--content_width)) / 1270);
    margin-bottom: calc((40 * var(--content_width)) / 1270);
    border-bottom: 1px solid #595858;
  }
  .section_collaboration .content_inner .block_about_jcsc .logo .image {
    width: calc((598 * var(--content_width)) / 1270);
  }
  .section_collaboration .content_inner .block_about_jcsc .description {
    margin-bottom: calc((35 * var(--content_width)) / 1270);
  }
  .section_collaboration .content_inner .block_about_jcsc .link {
    width: calc((171 * var(--content_width)) / 1270);
  }
  .section_collaboration .content_inner .block_member_wrapper {
    width: calc((950 * var(--content_width)) / 1270);
    margin: 0 auto calc((180 * var(--content_width)) / 1270);
  }
  .section_collaboration
    .content_inner
    .block_member_wrapper
    .block_member_block {
    width: calc((400 * var(--content_width)) / 1270);
  }
  .section_collaboration
    .content_inner
    .block_member_wrapper
    .block_member_block
    .logo {
    height: calc((46 * var(--content_width)) / 1270);
    margin-bottom: calc((50 * var(--content_width)) / 1270);
  }
  .section_collaboration
    .content_inner
    .block_member_wrapper
    .block_member_block.kokuryu
    .logo {
    width: calc((348 * var(--content_width)) / 1270);
  }
  .section_collaboration
    .content_inner
    .block_member_wrapper
    .block_member_block.jcsc
    .logo {
    width: calc((383 * var(--content_width)) / 1270);
  }
  .section_collaboration
    .content_inner
    .block_member_wrapper
    .block_member_block
    .title,
  .section_collaboration
    .content_inner
    .block_member_wrapper
    .block_member_block
    .name {
    padding-left: calc((25 * var(--content_width)) / 1270);
  }
  .section_collaboration
    .content_inner
    .block_member_wrapper
    .block_member_block
    .title {
    font-size: calc((28 * var(--content_width)) / 1270);
    margin-bottom: calc((10 * var(--content_width)) / 1270);
  }
  .section_collaboration
    .content_inner
    .block_member_wrapper
    .block_member_block
    .name {
    font-size: calc((72 * var(--content_width)) / 1270);
    margin-bottom: calc((30 * var(--content_width)) / 1270);
  }
  .section_collaboration .content_inner .block_member_wrapper .img_cross {
    width: calc((146 * var(--content_width)) / 1270);
    margin: 0 calc((2 * var(--content_width)) / 1270);
  }
  .section_collaboration .content_inner .read {
    font-size: calc((38 * var(--content_width)) / 1270);
    margin-bottom: calc((180 * var(--content_width)) / 1270);
  }
  .section_collaboration .content_inner .block_item_wrapepr .image {
    width: calc((885 * var(--content_width)) / 1270);
    margin-bottom: calc((100 * var(--content_width)) / 1270);
  }
  .section_collaboration .content_inner .block_item_wrapepr .image::after {
    left: calc((50 * var(--content_width)) / 1270);
    bottom: calc((20 * var(--content_width)) / 1270);
    width: calc((391 * var(--content_width)) / 1270);
    height: calc((256 * var(--content_width)) / 1270);
  }
  .section_collaboration .content_inner .block_item_wrapepr .name {
    gap: calc((25 * var(--content_width)) / 1270);
    font-size: calc((34 * var(--content_width)) / 1270);
  }
  .section_collaboration .content_inner .block_item_wrapepr .name .logo {
    width: calc((217 * var(--content_width)) / 1270);
  }
  .section_collaboration .content_inner .block_item_wrapepr .block_item_block {
    width: calc((865 * var(--content_width)) / 1270);
    padding: calc((58 * var(--content_width)) / 1270) 0;
  }
  .section_collaboration
    .content_inner
    .block_item_wrapepr
    .block_item_block
    .item_info {
    line-height: calc((45 * var(--content_width)) / 1270);
  }
  .section_collaboration
    .content_inner
    .block_item_wrapepr
    .block_item_block
    .item_info
    .item_name {
    font-size: calc((36 * var(--content_width)) / 1270);
  }
  .section_collaboration
    .content_inner
    .block_item_wrapepr
    .block_item_block
    .item_info
    .item_name
    .value,
  .section_collaboration
    .content_inner
    .block_item_wrapepr
    .block_item_block
    .item_info
    .item_name
    .more_value {
    font-size: calc((20 * var(--content_width)) / 1270);
  }
  .section_collaboration
    .content_inner
    .block_item_wrapepr
    .block_item_block
    .item_info
    .item_name
    .value,
  .section_collaboration
    .content_inner
    .block_item_wrapepr
    .block_item_block
    .item_info
    .item_name
    .more_value {
    margin-left: calc((10 * var(--content_width)) / 1270);
    padding: 0 calc((9 * var(--content_width)) / 1270);
    border: 1px solid #c30d23;
  }
  .section_collaboration
    .content_inner
    .block_item_wrapepr
    .block_item_block
    .item_info
    .item_price {
    font-size: calc((36 * var(--content_width)) / 1270);
  }
  .section_collaboration
    .content_inner
    .block_item_wrapepr
    .block_item_block
    .item_link
    .btn_buy,
  .section_collaboration
    .content_inner
    .block_item_wrapepr
    .block_item_block
    .item_link
    .btn_reserve,
  .section_collaboration
    .content_inner
    .block_item_wrapepr
    .block_item_block
    .item_link
    .btn_sold {
    width: calc((315 * var(--content_width)) / 1270);
    height: calc((67 * var(--content_width)) / 1270);
    font-size: calc((27 * var(--content_width)) / 1270);
    gap: calc((10 * var(--content_width)) / 1270);
  }
  .section_collaboration
    .content_inner
    .block_item_wrapepr
    .block_item_block
    .item_link
    .btn_buy::before,
  .section_collaboration
    .content_inner
    .block_item_wrapepr
    .block_item_block
    .item_link
    .btn_reserve::after {
    width: calc((35 * var(--content_width)) / 1270);
    height: calc((33 * var(--content_width)) / 1270);
  }
  .section_collaboration .content_inner .block_item_wrapepr .item_read {
    width: calc((860 * var(--content_width)) / 1270);
    font-size: calc((30 * var(--content_width)) / 1270);
    margin-top: calc((110 * var(--content_width)) / 1270);
  }
}

@media screen and (max-width: 860px) {
  .section_collaboration {
    padding: calc((275 * var(--content_width)) / 1080) 0
      calc((160 * var(--content_width)) / 1080);
    background-color: #ffffff;
  }
  .section_collaboration .section_title {
    width: calc((587 * var(--content_width)) / 1080);
    margin: 0 auto calc((150 * var(--content_width)) / 1080);
  }
  .section_collaboration .content_inner {
    width: 100%;
    padding: 0;
  }
  .section_collaboration .content_inner .block_new_yoiyo {
    margin-bottom: calc((250 * var(--content_width)) / 1080);
  }
  .section_collaboration .content_inner .block_new_yoiyo .logo {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    /* gap: calc((45 * var(--content_width)) / 1080); */
    margin-left: 0;
    margin-bottom: calc((60 * var(--content_width)) / 1080);
  }
  .section_collaboration
    .content_inner
    .block_new_yoiyo
    .logo
    .block_new_yoiyo_new {
    width: calc((129 * var(--content_width)) / 1080);
  }
  .section_collaboration
    .content_inner
    .block_new_yoiyo
    .logo
    .block_new_yoiyo_logo {
    width: calc((316 * var(--content_width)) / 1080);
  }
  .section_collaboration .content_inner .block_new_yoiyo .title {
    font-size: calc((64 * var(--content_width)) / 1080);
    line-height: 1.6em;
    letter-spacing: 0.1rem;
    margin-bottom: calc((60 * var(--content_width)) / 1080);
  }
  .section_collaboration .content_inner .block_new_yoiyo .movie {
    width: calc((975 * var(--content_width)) / 1080);
    height: calc((550 * var(--content_width)) / 1080);
    margin: 0 auto calc((60 * var(--content_width)) / 1080);
  }
  .section_collaboration
    .content_inner
    .block_new_yoiyo
    .movie
    .btn_movie
    .icon_play {
    display: block;
    width: calc((225 * var(--content_width)) / 1080);
  }
  .section_collaboration
    .content_inner
    .block_new_yoiyo
    .movie.playing
    .btn_movie
    .icon_play {
    display: none;
  }

  .section_collaboration .content_inner .block_new_yoiyo .description,
  .section_collaboration .content_inner .block_about_jcsc {
    width: calc((790 * var(--content_width)) / 1080);
    font-size: calc((40 * var(--content_width)) / 1080);
    line-height: 2em;
  }
  .section_collaboration .content_inner .block_about_jcsc {
    margin-bottom: calc((175 * var(--content_width)) / 1080);
  }
  .section_collaboration .content_inner .block_about_jcsc .logo {
    gap: 0;
    line-height: calc((58 * var(--content_width)) / 1080);
    font-size: calc((43 * var(--content_width)) / 1080);
    padding-bottom: calc((30 * var(--content_width)) / 1080);
    margin-bottom: calc((40 * var(--content_width)) / 1080);
    border-bottom: 1px solid #595858;
  }
  .section_collaboration .content_inner .block_about_jcsc .logo .image {
    width: calc((678 * var(--content_width)) / 1080);
  }
  .section_collaboration .content_inner .block_about_jcsc .description {
    margin-bottom: calc((50 * var(--content_width)) / 1080);
  }
  .section_collaboration .content_inner .block_about_jcsc .link {
    width: calc((290 * var(--content_width)) / 1080);
    line-height: 0;
  }
  .section_collaboration .content_inner .block_member_wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin: 0 auto calc((235 * var(--content_width)) / 1080);
  }
  .section_collaboration
    .content_inner
    .block_member_wrapper
    .block_member_block {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: calc((631 * var(--content_width)) / 1080);
  }
  .section_collaboration
    .content_inner
    .block_member_wrapper
    .block_member_block
    .logo {
    height: auto;
    line-height: 0;
    margin-bottom: calc((40 * var(--content_width)) / 1080);
  }
  .section_collaboration
    .content_inner
    .block_member_wrapper
    .block_member_block.kokuryu
    .logo {
    width: calc((569 * var(--content_width)) / 1080);
  }
  .section_collaboration
    .content_inner
    .block_member_wrapper
    .block_member_block.jcsc
    .logo {
    width: calc((631 * var(--content_width)) / 1080);
  }
  .section_collaboration
    .content_inner
    .block_member_wrapper
    .block_member_block
    .title,
  .section_collaboration
    .content_inner
    .block_member_wrapper
    .block_member_block
    .name {
    padding-left: 0;
  }
  .section_collaboration
    .content_inner
    .block_member_wrapper
    .block_member_block
    .title {
    font-size: calc((40 * var(--content_width)) / 1080);
    margin-bottom: calc((10 * var(--content_width)) / 1080);
  }
  .section_collaboration
    .content_inner
    .block_member_wrapper
    .block_member_block
    .name {
    font-size: calc((110 * var(--content_width)) / 1080);
    margin-bottom: 0;
  }
  .section_collaboration .content_inner .block_member_wrapper .img_cross {
    width: calc((190 * var(--content_width)) / 1080);
    margin: calc((80 * var(--content_width)) / 1080) 0;
  }
  .section_collaboration .content_inner .read {
    font-size: calc((50 * var(--content_width)) / 1080);
    margin-bottom: calc((120 * var(--content_width)) / 1080);
  }

  .section_collaboration .content_inner .block_item_wrapepr .image {
    width: calc((975 * var(--content_width)) / 1080);
    margin-bottom: calc((130 * var(--content_width)) / 1080);
  }
  .section_collaboration .content_inner .block_item_wrapepr .image::after {
    left: calc((55 * var(--content_width)) / 1080);
    bottom: calc((20 * var(--content_width)) / 1080);
    width: calc((400 * var(--content_width)) / 1080);
    height: calc((280 * var(--content_width)) / 1080);
  }
  .section_collaboration .content_inner .block_item_wrapepr .name {
    flex-direction: column;
    align-items: center;
    gap: calc((30 * var(--content_width)) / 1080);
    font-size: calc((64 * var(--content_width)) / 1080);
    line-height: 1.6em;
    text-align: center;
    margin-bottom: calc((30 * var(--content_width)) / 1080);
  }
  .section_collaboration .content_inner .block_item_wrapepr .name .logo {
    width: calc((317 * var(--content_width)) / 1080);
    line-height: 0;
  }
  .section_collaboration .content_inner .block_item_wrapepr .block_item_inner {
    width: calc((790 * var(--content_width)) / 1080);
    background-color: #d2d2d2;
  }
  .section_collaboration .content_inner .block_item_wrapepr .block_item_block {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: calc((678 * var(--content_width)) / 1080);
    padding: calc((60 * var(--content_width)) / 1080) 0;
    margin: 0 auto;
  }
  .section_collaboration
    .content_inner
    .block_item_wrapepr
    .block_item_block
    + .block_item_block {
    border-top: 1px solid #ffffff;
  }
  .section_collaboration
    .content_inner
    .block_item_wrapepr
    .block_item_block
    .item_info {
    line-height: calc((60 * var(--content_width)) / 1080);
  }
  .section_collaboration
    .content_inner
    .block_item_wrapepr
    .block_item_block
    .item_info
    .item_name {
    font-size: calc((47 * var(--content_width)) / 1080);
  }
  .section_collaboration
    .content_inner
    .block_item_wrapepr
    .block_item_block
    .item_info
    .item_name
    .value,
  .section_collaboration
    .content_inner
    .block_item_wrapepr
    .block_item_block
    .item_info
    .item_name
    .more_value {
    font-size: calc((26 * var(--content_width)) / 1080);
  }
  .section_collaboration
    .content_inner
    .block_item_wrapepr
    .block_item_block
    .item_info
    .item_name
    .value,
  .section_collaboration
    .content_inner
    .block_item_wrapepr
    .block_item_block
    .item_info
    .item_name
    .more_value {
    /* 2025年10月変更 */
    margin-left: calc((8 * var(--content_width)) / 1080);
    padding: 0 calc((5 * var(--content_width)) / 1080);
    background-color: #fff;
  }
  .section_collaboration
    .content_inner
    .block_item_wrapepr
    .block_item_block
    .item_info
    .item_price {
    /* 2025年10月変更 */
    font-size: calc((47 * var(--content_width)) / 1080);
    margin-bottom: calc((35 * var(--content_width)) / 1080);
  }
  .section_collaboration
    .content_inner
    .block_item_wrapepr
    .block_item_block
    .item_link {
    width: 100%;
  }
  .section_collaboration
    .content_inner
    .block_item_wrapepr
    .block_item_block
    .item_link
    .btn_buy,
  .section_collaboration
    .content_inner
    .block_item_wrapepr
    .block_item_block
    .item_link
    .btn_reserve,
  .section_collaboration
    .content_inner
    .block_item_wrapepr
    .block_item_block
    .item_link
    .btn_sold {
    width: 100%;
    height: calc((95 * var(--content_width)) / 1080);
    font-size: calc((45 * var(--content_width)) / 1080);
    gap: calc((15 * var(--content_width)) / 1080);
  }
  .section_collaboration
    .content_inner
    .block_item_wrapepr
    .block_item_block
    .item_link
    .btn_buy::before,
  .section_collaboration
    .content_inner
    .block_item_wrapepr
    .block_item_block
    .item_link
    .btn_reserve::after {
    width: calc((48 * var(--content_width)) / 1080);
    height: calc((46 * var(--content_width)) / 1080);
  }
  .section_collaboration .content_inner .block_item_wrapepr .item_read {
    width: calc((790 * var(--content_width)) / 1080);
    font-size: calc((41 * var(--content_width)) / 1080);
    margin-top: calc((200 * var(--content_width)) / 1080);
  }

  /* 注意書き：行と同幅にして左寄せに */
  .section_collaboration .block_item_inner .item_note {
    text-align: center; /* 左寄せ */
  }
}

.section_story {
  width: 100%;
  margin: 0 auto;
  padding: 124px 0 190px;
  background-color: #dadada;
}
.section_story .section_title {
  width: 207px;
  margin: 0 auto 120px;
}
.section_story .content_inner {
  width: 1170px;
  margin: 0 auto;
}
.section_story .content_inner .story_block {
  position: relative;
  display: flex;
  align-items: center;
  gap: 30px;
}
.section_story .content_inner .story_block + .story_block {
  margin-top: 130px;
}
.section_story .content_inner .story_block:nth-child(odd) {
  flex-direction: row-reverse;
}
.section_story .content_inner .story_block .image {
  position: relative;
  align-self: start;
  width: 586px;
  height: 100%;
  line-height: 0;
}
.section_story .content_inner .story_block .image .story_image2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: 1s;
}
.img2 .section_story .content_inner .story_block .image .story_image2 {
  opacity: 1;
}
.section_story .content_inner .story_block .text_block {
  flex-grow: 1;
  width: 0;
}
.section_story .content_inner .story_block .text_block .title {
  font-size: 28px;
  line-height: 1.66em;
}
.section_story .content_inner .story_block .text_block .title ruby > rt {
  font-size: 12px;
  text-align: center;
}
.section_story .content_inner .story_block .text_block .notice {
  font-size: 13px;
  line-height: 1em;
}
.section_story .content_inner .story_block .text_block .text {
  font-size: 16px;
  line-height: 2em;
  margin-top: 1em;
}
/*
.section_story .content_inner .story_block .image{
  opacity: 0;
  transform: scaleY(1.2);
  transform-origin: top center;
}
*/
/*
.section_story .content_inner .story_block.in_scroll_area .image{
  animation: story_block_image_anim 1s ease 0s 1 normal forwards;
}
*/
.section_story .content_inner .story_block .text_block .title,
.section_story .content_inner .story_block .text_block .notice {
  opacity: 0;
  transform: translateY(100px);
}
.section_story .content_inner .story_block:nth-child(even) .text_block .title,
.section_story .content_inner .story_block:nth-child(even) .text_block .notice {
  opacity: 0;
  transform: translateY(100px);
}
.section_story .content_inner .story_block.in_scroll_area .text_block .title,
.section_story .content_inner .story_block.in_scroll_area .text_block .notice {
  animation: story_block_title_anim 2s ease 0s 1 normal forwards;
}
.section_story
  .content_inner
  .story_block.in_scroll_area:nth-child(even)
  .text_block
  .title,
.section_story
  .content_inner
  .story_block.in_scroll_area:nth-child(even)
  .text_block
  .notice {
  animation: story_block_title_anim_rev 2s ease 0s 1 normal forwards;
}
.section_story .content_inner .story_block .text_block .text {
  opacity: 0;
  transform: translateY(100px);
}
.section_story .content_inner .story_block.in_scroll_area .text_block .text {
  animation: story_block_text_anim 2s ease 0s 1 normal forwards;
}
@keyframes story_block_image_anim {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    transform: scaleY(1);
  }
}
@keyframes story_block_title_anim {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    transform: translateX(0);
    transform: translateY(0);
  }
}
@keyframes story_block_title_anim_rev {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    transform: translateX(0);
    transform: translateY(0);
  }
}
@keyframes story_block_text_anim {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@media screen and (max-width: 1270px) {
  .section_story {
    padding-bottom: calc((240 * var(--content_width)) / 1270);
  }
  .section_story .content_inner {
    width: calc((1170 * var(--content_width)) / 1270);
  }
  .section_story .content_inner .story_block {
    gap: calc((30 * var(--content_width)) / 1270);
  }
  .section_story .content_inner .story_block + .story_block {
    margin-top: calc((130 * var(--content_width)) / 1270);
  }
  .section_story .content_inner .story_block .image {
    width: calc((586 * var(--content_width)) / 1270);
  }
  .section_story .content_inner .story_block .text_block .title {
    font-size: calc((28 * var(--content_width)) / 1270);
  }
  .section_story .content_inner .story_block .text_block .title ruby > rt {
    font-size: calc((12 * var(--content_width)) / 1270);
  }
  .section_story .content_inner .story_block .text_block .notice {
    font-size: calc((13 * var(--content_width)) / 1270);
  }
  .section_story .content_inner .story_block .text_block .text {
    font-size: calc((16 * var(--content_width)) / 1270);
  }

  .section_story .content_inner .story_block .text_block .title,
  .section_story .content_inner .story_block .text_block .notice {
    transform: translateY(calc((100 * var(--content_width)) / 1270));
  }
  .section_story .content_inner .story_block:nth-child(even) .text_block .title,
  .section_story
    .content_inner
    .story_block:nth-child(even)
    .text_block
    .notice {
    transform: translateY(calc((100 * var(--content_width)) / 1270));
  }
  .section_story .content_inner .story_block .text_block .text {
    transform: translateY(calc((100 * var(--content_width)) / 1270));
  }
}

@media screen and (max-width: 860px) {
  .section_story {
    padding: calc((150 * var(--content_width)) / 1080) 0 0;
  }
  .section_story .section_title {
    width: calc((235 * var(--content_width)) / 1080);
    margin: 0 auto calc((90 * var(--content_width)) / 1080);
  }
  .section_story .content_inner {
    width: 100%;
  }
  .section_story .content_inner .story_block {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    gap: calc((90 * var(--content_width)) / 1080);
  }
  .section_story .content_inner .story_block + .story_block {
    margin-top: calc((275 * var(--content_width)) / 1080);
  }
  .section_story .content_inner .story_block:nth-child(odd) {
    flex-direction: column;
  }
  .section_story .content_inner .story_block:nth-child(n + 5) {
    flex-direction: column;
    background-color: #fff;
    padding-top: calc((130 * var(--content_width)) / 1080);
    padding-bottom: calc((150 * var(--content_width)) / 1080);
  }
  .section_story .content_inner .story_block:nth-child(n + 6) {
    margin-top: 0;
  }
  .section_story .content_inner .story_block .image {
    width: calc((975 * var(--content_width)) / 1080);
    margin: 0 auto;
    height: auto;
    line-height: 0;
  }
  .section_story .content_inner .story_block .text_block {
    width: calc((790 * var(--content_width)) / 1080);
  }
  .section_story .content_inner .story_block .text_block .title {
    font-size: calc((46 * var(--content_width)) / 1080);
    line-height: 1.5em;
  }
  .section_story .content_inner .story_block .text_block .title ruby > rt {
    font-size: calc((17 * var(--content_width)) / 1080);
  }
  .section_story .content_inner .story_block .text_block .notice {
    font-size: calc((17 * var(--content_width)) / 1080);
  }
  .section_story .content_inner .story_block .text_block .text {
    font-size: calc((37 * var(--content_width)) / 1080);
  }

  .section_story .content_inner .story_block .text_block .title,
  .section_story .content_inner .story_block .text_block .notice,
  .section_story .content_inner .story_block:nth-child(even) .text_block .title,
  .section_story
    .content_inner
    .story_block:nth-child(even)
    .text_block
    .notice {
    transform: translateY(calc((50 * var(--content_width)) / 1080));
  }

  .section_story .content_inner .story_block.in_scroll_area .text_block .title,
  .section_story .content_inner .story_block.in_scroll_area .text_block .notice,
  .section_story
    .content_inner
    .story_block.in_scroll_area:nth-child(even)
    .text_block
    .title,
  .section_story
    .content_inner
    .story_block.in_scroll_area:nth-child(even)
    .text_block
    .notice {
    animation: story_block_title_anim 2s ease 0s 1 normal forwards;
  }
  .section_story .content_inner .story_block .text_block .text {
    transform: translateY(calc((50 * var(--content_width)) / 1080));
  }
  .section_story .content_inner .story_block.in_scroll_area .text_block .text {
    animation: story_block_text_anim 2s ease 0s 1 normal forwards;
  }
}

.section_taste {
  width: 100%;
  margin: 0 auto;
  padding: 184px 0 240px;
  background-color: #dadada;
}
.section_taste .section_title {
  width: 203px;
  margin: 0 auto 40px;
}
.section_taste .taste_text {
  font-size: 29px;
  line-height: 2em;
  text-align: center;
  margin-bottom: 90px;
}
.section_taste .taste_scene_wrapper {
  position: relative;
  width: 100%;
  max-width: 1460px;
  margin: 0 auto 230px;
  overflow-x: hidden;
  pointer-events: none;
}
.section_taste .taste_scene_wrapper .taste_scene_inner {
  position: relative;
  display: flex;
  width: calc(524px * 7);
  left: calc((100% - (524px * 7)) / 2);
}
.section_taste .taste_scene_wrapper .taste_scene_inner.anim {
  transition: left 0.5s;
}
.section_taste .taste_scene_wrapper .taste_scene_inner.scene1 {
  left: calc((100% - (524px * 5)) / 2);
}
.section_taste .taste_scene_wrapper .taste_scene_inner.scene2 {
  left: calc((100% - (524px * 7)) / 2);
}
.section_taste .taste_scene_wrapper .taste_scene_inner.scene3 {
  left: calc((100% - (524px * 9)) / 2);
}

.section_taste .taste_scene_wrapper .taste_scene_inner .scene_taste_block {
  width: 524px;
  padding: 0 52px;
  opacity: 0.5;
  transition: opacity 0.5s ease;
  pointer-events: none;
}
.section_taste
  .taste_scene_wrapper
  .taste_scene_inner.scene1
  .scene_taste_block.scene1,
.section_taste
  .taste_scene_wrapper
  .taste_scene_inner.scene2
  .scene_taste_block.scene2,
.section_taste
  .taste_scene_wrapper
  .taste_scene_inner.scene3
  .scene_taste_block.scene3 {
  opacity: 1;
}

.section_taste
  .taste_scene_wrapper
  .taste_scene_inner
  .scene_taste_block
  .scene_label {
  position: relative;
  width: 234px;
  font-size: 20px;
  line-height: 45px;
  text-align: center;
  margin: 0 auto;
  border-bottom: 1px solid #595858;
}
.section_taste
  .taste_scene_wrapper
  .taste_scene_inner
  .scene_taste_block
  .scene_label.scene_label_no {
  font-size: 18px;
  font-family: "lust", serif;
  letter-spacing: 0.1rem;
}
.section_taste
  .taste_scene_wrapper
  .taste_scene_inner
  .scene_taste_block
  .scene_label.scene_label_no
  .no {
  font-size: 24px;
}
.section_taste
  .taste_scene_wrapper
  .taste_scene_inner
  .scene_taste_block
  .scene_label
  + .scene_label::before {
  content: "";
  position: absolute;
  top: -4px;
  left: 0;
  right: 0;
  width: 7px;
  height: 7px;
  margin: 0 auto;
  background-color: #595858;
  border-left: 12px solid #dadada;
  border-right: 12px solid #dadada;
}
.section_taste
  .taste_scene_wrapper
  .taste_scene_inner
  .scene_taste_block
  .scene_item {
  position: relative;
  margin: 60px auto 20px;
  width: 420px;
  line-height: 0;
}
.section_taste
  .taste_scene_wrapper
  .taste_scene_inner
  .scene_taste_block
  .scene_item
  .title {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  top: -5px;
  left: 0;
  right: 0;
  width: 330px;
  height: 40px;
  font-size: 19px;
  line-height: 40px;
  margin: 0 auto;
  background-color: #dadada;
}
.section_taste
  .taste_scene_wrapper
  .taste_scene_inner
  .scene_taste_block
  .scene_item
  .title::before {
  content: "";
  width: 18px;
  height: 18px;
  margin-right: 5px;
  background-size: 100% 100%;
}
.section_taste
  .taste_scene_wrapper
  .taste_scene_inner
  .scene_taste_block
  .scene_item
  .title.title01::before {
  background-image: url(../images/icon_taste1.png);
}
.section_taste
  .taste_scene_wrapper
  .taste_scene_inner
  .scene_taste_block
  .scene_item
  .title.title02::before {
  background-image: url(../images/icon_taste2.png);
}
.section_taste
  .taste_scene_wrapper
  .taste_scene_inner
  .scene_taste_block
  .scene_item
  .title.title03::before {
  background-image: url(../images/icon_taste3.png);
}

.section_taste
  .taste_scene_wrapper
  .taste_scene_inner
  .scene_taste_block
  .scene_detail {
  height: 4.5em;
  font-size: 26px;
  line-height: 1.5em;
  margin-bottom: 20px;
}
.section_taste
  .taste_scene_wrapper
  .taste_scene_inner
  .scene_taste_block
  .scene_description {
  font-size: 18px;
  line-height: 2em;
}
.section_taste .taste_scene_wrapper .btn_slide {
  position: absolute;
  top: 260px;
  left: calc(50% - 369px);
  width: 91px;
  height: 91px;
  line-height: 0;
  pointer-events: all;
}
.section_taste .taste_scene_wrapper .btn_slide.btn_prev {
  left: calc(50% - 359px);
}
.section_taste .taste_scene_wrapper .btn_slide.btn_next {
  left: calc(50% + 268px);
}

.section_taste .item_block_wrapper {
  width: 1400px;
  margin: 0 auto;
}
.section_taste .item_block_wrapper .item_block + .item_block {
  margin-top: 200px;
}
.section_taste .item_block_wrapper .name {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  gap: 36px;
  font-size: 40px;
  line-height: 1em;
  padding-bottom: 36px;
  margin-bottom: 45px;
  border-bottom: 1px solid #595858;
}
.section_taste .item_block_wrapper .name .icon_new {
  width: 170px;
  margin-right: -10px;
  line-height: 0;
}
.section_taste .item_block_wrapper .name .logo {
  width: 258px;
  line-height: 0;
}
.section_taste .item_block_wrapper .item_inner {
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: 620px 23px 1fr;
}
.section_taste .item_block_wrapper .item_inner .item_image {
  position: relative;
  grid-row: 1;
  grid-column: 1;
  line-height: 0;
}
.section_taste .item_block_wrapper .item_inner .item_image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.section_taste .item_block_wrapper .item_inner .item_image::after {
  content: "";
  position: absolute;
  left: 18px;
  bottom: 12px;
  width: 295px;
  height: 194px;

  background-size: 100% 100%;
}
.section_taste
  .item_block_wrapper
  .item_block.item17
  .item_inner
  .item_image::after {
  left: auto;
  right: 15px;
}
.section_taste
  .item_block_wrapper
  .item_block.item17
  .item_inner
  .item_image::after {
  background-image: url(../images/logo_item17.png);
}
.section_taste
  .item_block_wrapper
  .item_block.item18
  .item_inner
  .item_image::after {
  background-image: url(../images/logo_item18.png);
}

.section_taste .item_block_wrapper .item_inner .item_detail {
  display: flex;
  flex-direction: column;
  grid-row: 1;
  grid-column: 3;
}
.section_taste .item_block_wrapper .item_inner .item_detail .detail {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 85px;
  line-height: 1.66em;
  font-size: 34px;
}
.section_taste .item_block_wrapper .item_inner .item_detail .item_info_wrapper {
  background-color: #fff;
  display: flex;
  height: calc(100% - 85px);
  min-height: 445px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.section_taste
  .item_block_wrapper
  .item_block.item17
  .item_inner
  .item_detail
  .detail {
  height: 150px;
}
.section_taste
  .item_block_wrapper
  .item_block.item17
  .item_inner
  .item_detail
  .item_info_wrapper {
  height: calc(100% - 150px);
  min-height: 381px;
}

.section_taste
  .item_block_wrapper
  .item_inner
  .item_detail
  .item_info_wrapper
  .item_info_block {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 690px;
  padding: 36px 0;
}
.section_taste
  .item_block_wrapper
  .item_inner
  .item_detail
  .item_info_wrapper
  .item_info_block
  + .item_info_block {
  border-top: 1px solid #595858;
}

.section_taste
  .item_block_wrapper
  .item_inner
  .item_detail
  .item_info_wrapper
  .item_info_block
  .item_info {
  line-height: 36px;
  /* 2025年10月追加 */
  display: flex;
  flex-direction: column;
  gap: clamp(0.2rem, 1.2vw, 0.5rem); /* 最小8px〜最大16pxの範囲で可変 */
}

.section_taste
  .item_block_wrapper
  .item_inner
  .item_detail
  .item_info_wrapper
  .item_info_block
  .item_info
  .item_name {
  font-size: 30px;
}
.section_taste
  .item_block_wrapper
  .item_inner
  .item_detail
  .item_info_wrapper
  .item_info_block
  .item_info
  .item_name
  .value,
.section_taste
  .item_block_wrapper
  .item_inner
  .item_detail
  .item_info_wrapper
  .item_info_block
  .item_info
  .item_name
  .more_value,
.section_taste
  .item_block_wrapper
  .item_inner
  .item_detail
  .item_info_wrapper
  .item_info_block
  .item_info
  .item_name
  .present {
  display: inline-block;
  font-size: 16px;
  line-height: 1.3em;
}
.section_taste
  .item_block_wrapper
  .item_inner
  .item_detail
  .item_info_wrapper
  .item_info_block
  .item_info
  .item_name
  .value,
.section_taste
  .item_block_wrapper
  .item_inner
  .item_detail
  .item_info_wrapper
  .item_info_block
  .item_info
  .item_name
  .more_value {
  color: #c30d23;
}
.section_taste
  .item_block_wrapper
  .item_inner
  .item_detail
  .item_info_wrapper
  .item_info_block
  .item_info
  .item_name
  .value,
.section_taste
  .item_block_wrapper
  .item_inner
  .item_detail
  .item_info_wrapper
  .item_info_block
  .item_info
  .item_name
  .more_value {
  margin-left: 5px;
  padding: 0 9px;
  border: 1px solid #c30d23;
}
.section_taste
  .item_block_wrapper
  .item_inner
  .item_detail
  .item_info_wrapper
  .item_info_block
  .item_info
  .item_name
  .present {
  margin-left: 10px;
}
.section_taste
  .item_block_wrapper
  .item_inner
  .item_detail
  .item_info_wrapper
  .item_info_block
  .item_info
  .item_price {
  font-size: 22px;
}
.section_taste
  .item_block_wrapper
  .item_inner
  .item_detail
  .item_info_wrapper
  .item_info_block
  .item_info
  .item_price
  .red {
  color: #c30d23;
  /* 2025年10月追加 */
  margin-left: 1em;
}
.section_taste
  .item_block_wrapper
  .item_inner
  .item_detail
  .item_info_wrapper
  .item_info_block
  .item_link
  .btn_buy,
.section_taste
  .item_block_wrapper
  .item_inner
  .item_detail
  .item_info_wrapper
  .item_info_block
  .item_link
  .btn_reserve {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 257px;
  height: 54px;
  font-size: 22px;
  color: #ffffff;
  background-color: #0a3356;
  gap: 10px;
}
.section_taste
  .item_block_wrapper
  .item_inner
  .item_detail
  .item_info_wrapper
  .item_info_block
  .item_link
  .btn_sold {
  width: 257px;
  height: 54px;
  font-size: 22px;
}

.section_taste
  .item_block_wrapper
  .item_block.item17
  .item_inner
  .item_detail
  .item_info_wrapper
  .item_info_block
  .item_link
  .btn_buy,
.section_taste
  .item_block_wrapper
  .item_block.item17
  .item_inner
  .item_detail
  .item_info_wrapper
  .item_info_block
  .item_link
  .btn_reserve {
  background-color: #004730;
}
.section_taste
  .item_block_wrapper
  .item_inner
  .item_detail
  .item_info_wrapper
  .item_info_block
  .item_link
  .btn_buy::before,
.section_taste
  .item_block_wrapper
  .item_inner
  .item_detail
  .item_info_wrapper
  .item_info_block
  .item_link
  .btn_reserve::after {
  content: "";
  display: block;
  width: 28px;
  height: 22px;
  background-size: 100% 100%;
}
.section_taste
  .item_block_wrapper
  .item_inner
  .item_detail
  .item_info_wrapper
  .item_info_block
  .item_link
  .btn_buy::before {
  background-image: url(../images/icon_cart.png);
}
.section_taste
  .item_block_wrapper
  .item_inner
  .item_detail
  .item_info_wrapper
  .item_info_block
  .item_link
  .btn_reserve::after {
  background-image: url(../images/icon_reserve.png);
}

/* 注意書き：行と同幅にして左寄せに */
.section_taste .item_detail .item_note {
  font-size: clamp(0.5rem, 1.7vw, 24px);
  line-height: 1.5; /* 行間はレスポンシブでも一定に */
  text-align: left; /* 左寄せ */
}

/* PC用は通常表示 */
.item_note--pc {
  display: block;
}

/* SP用はデフォルト非表示 */
.item_note--sp {
  display: none;
}

/* 860px以下のときに切り替え */
@media (max-width: 860px) {
  .item_note--pc {
    display: none;
  }
  .item_note--sp {
    display: block;
    margin: 0 0 1rem 0;
  }
}

@media screen and (max-width: 1660px) {
  .section_taste {
    padding-bottom: calc((300 * var(--content_width)) / 1660);
  }
  .section_taste .taste_scene_wrapper {
    margin-bottom: calc((230 * var(--content_width)) / 1660);
  }
  .section_taste .item_block_wrapper {
    width: calc((1400 * var(--content_width)) / 1660);
  }
  .section_taste .item_block_wrapper .item_block + .item_block {
    margin-top: calc((200 * var(--content_width)) / 1660);
  }
  .section_taste .item_block_wrapper .name {
    gap: calc((36 * var(--content_width)) / 1660);
    font-size: calc((40 * var(--content_width)) / 1660);
    padding-bottom: calc((36 * var(--content_width)) / 1660);
    margin-bottom: calc((45 * var(--content_width)) / 1660);
  }
  .section_taste .item_block_wrapper .name .icon_new {
    width: calc((170 * var(--content_width)) / 1660);
    margin-right: calc((-10 * var(--content_width)) / 1660);
  }
  .section_taste .item_block_wrapper .name .logo {
    width: calc((258 * var(--content_width)) / 1660);
  }
  .section_taste .item_block_wrapper .item_inner {
    grid-template-columns:
      calc((620 * var(--content_width)) / 1660) calc(
        (23 * var(--content_width)) / 1660
      )
      1fr;
  }

  .section_taste .item_block_wrapper .item_inner .item_image::after {
    left: calc((18 * var(--content_width)) / 1660);
    bottom: calc((12 * var(--content_width)) / 1660);
    width: calc((295 * var(--content_width)) / 1660);
    height: calc((194 * var(--content_width)) / 1660);
  }
  .section_taste
    .item_block_wrapper
    .item_block.item17
    .item_inner
    .item_image::after {
    left: auto;
    right: calc((15 * var(--content_width)) / 1660);
  }

  .section_taste .item_block_wrapper .item_inner .item_detail .detail {
    height: calc((85 * var(--content_width)) / 1660);
    font-size: calc((34 * var(--content_width)) / 1660);
  }
  .section_taste
    .item_block_wrapper
    .item_inner
    .item_detail
    .item_info_wrapper {
    height: calc(100% - ((85 * var(--content_width)) / 1660));
    min-height: calc((445 * var(--content_width)) / 1660);
  }
  .section_taste
    .item_block_wrapper
    .item_block.item17
    .item_inner
    .item_detail
    .detail {
    height: calc((150 * var(--content_width)) / 1660);
  }
  .section_taste
    .item_block_wrapper
    .item_block.item17
    .item_inner
    .item_detail
    .item_info_wrapper {
    height: calc(100% - ((150 * var(--content_width)) / 1660));
    min-height: calc((381 * var(--content_width)) / 1660);
  }

  .section_taste
    .item_block_wrapper
    .item_inner
    .item_detail
    .item_info_wrapper
    .item_info_block {
    width: calc((690 * var(--content_width)) / 1660);
    padding: calc((36 * var(--content_width)) / 1660) 0;
  }
  .section_taste
    .item_block_wrapper
    .item_inner
    .item_detail
    .item_info_wrapper
    .item_info_block
    .item_info {
    line-height: calc((36 * var(--content_width)) / 1660);
  }
  .section_taste
    .item_block_wrapper
    .item_inner
    .item_detail
    .item_info_wrapper
    .item_info_block
    .item_info
    .item_name {
    font-size: calc((30 * var(--content_width)) / 1660);
  }
  .section_taste
    .item_block_wrapper
    .item_inner
    .item_detail
    .item_info_wrapper
    .item_info_block
    .item_info
    .item_name
    .value,
  .section_taste
    .item_block_wrapper
    .item_inner
    .item_detail
    .item_info_wrapper
    .item_info_block
    .item_info
    .item_name
    .more_value,
  .section_taste
    .item_block_wrapper
    .item_inner
    .item_detail
    .item_info_wrapper
    .item_info_block
    .item_info
    .item_name
    .present {
    font-size: calc((16 * var(--content_width)) / 1660);
  }
  .section_taste
    .item_block_wrapper
    .item_inner
    .item_detail
    .item_info_wrapper
    .item_info_block
    .item_info
    .item_name
    .value,
  .section_taste
    .item_block_wrapper
    .item_inner
    .item_detail
    .item_info_wrapper
    .item_info_block
    .item_info
    .item_name
    .more_value {
    margin-left: calc((5 * var(--content_width)) / 1660);
    padding: 0 calc((9 * var(--content_width)) / 1660);
  }
  .section_taste
    .item_block_wrapper
    .item_inner
    .item_detail
    .item_info_wrapper
    .item_info_block
    .item_info
    .item_name
    .present {
    margin-left: calc((10 * var(--content_width)) / 1660);
  }
  .section_taste
    .item_block_wrapper
    .item_inner
    .item_detail
    .item_info_wrapper
    .item_info_block
    .item_info
    .item_price {
    font-size: calc((30 * var(--content_width)) / 1660);
  }
  .section_taste
    .item_block_wrapper
    .item_inner
    .item_detail
    .item_info_wrapper
    .item_info_block
    .item_link
    .btn_buy,
  .section_taste
    .item_block_wrapper
    .item_inner
    .item_detail
    .item_info_wrapper
    .item_info_block
    .item_link
    .btn_reserve,
  .section_taste
    .item_block_wrapper
    .item_inner
    .item_detail
    .item_info_wrapper
    .item_info_block
    .item_link
    .btn_sold {
    width: calc((240 * var(--content_width)) / 1660);
    height: calc((54 * var(--content_width)) / 1660);
    font-size: calc((22 * var(--content_width)) / 1660);
    gap: calc((10 * var(--content_width)) / 1660);
  }
  .section_taste
    .item_block_wrapper
    .item_inner
    .item_detail
    .item_info_wrapper
    .item_info_block
    .item_link
    .btn_buy::before,
  .section_taste
    .item_block_wrapper
    .item_inner
    .item_detail
    .item_info_wrapper
    .item_info_block
    .item_link
    .btn_reserve::after {
    width: calc((28 * var(--content_width)) / 1660);
    height: calc((22 * var(--content_width)) / 1660);
  }
}
@media screen and (max-width: 860px) {
  .section_taste {
    padding: calc((150 * var(--content_width)) / 1080) 0
      calc((260 * var(--content_width)) / 1080);
  }
  .section_taste .section_title {
    width: calc((235 * var(--content_width)) / 1080);
    margin: 0 auto calc((110 * var(--content_width)) / 1080);
  }
  .section_taste .taste_text {
    font-size: calc((41 * var(--content_width)) / 1080);
    line-height: 1.66em;
    margin-bottom: calc((110 * var(--content_width)) / 1080);
  }
  .section_taste .taste_scene_wrapper {
    width: 100%;
    max-width: auto;
    margin: 0 auto calc((200 * var(--content_width)) / 1080);
  }
  .section_taste .taste_scene_wrapper .taste_scene_inner {
    position: relative;
    display: flex;
    width: 700%;
    left: -300%;
  }
  .section_taste .taste_scene_wrapper .taste_scene_inner.scene1 {
    left: -200%;
  }
  .section_taste .taste_scene_wrapper .taste_scene_inner.scene2 {
    left: -300%;
  }
  .section_taste .taste_scene_wrapper .taste_scene_inner.scene3 {
    left: -400%;
  }

  .section_taste .taste_scene_wrapper .taste_scene_inner .scene_taste_block {
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 0;
  }
  .section_taste
    .taste_scene_wrapper
    .taste_scene_inner
    .scene_taste_block
    .scene_taste_block_inner {
    width: calc((750 * var(--content_width)) / 1080);
    background-color: #ffffff;
    border: calc((3 * var(--content_width)) / 1080) solid #595858;
    padding: calc((100 * var(--content_width)) / 1080)
      calc((50 * var(--content_width)) / 1080);
  }
  .section_taste
    .taste_scene_wrapper
    .taste_scene_inner
    .scene_taste_block
    .scene_label {
    position: relative;
    width: calc((375 * var(--content_width)) / 1080);
    font-size: calc((31 * var(--content_width)) / 1080);
    line-height: calc((70 * var(--content_width)) / 1080);
  }
  .section_taste
    .taste_scene_wrapper
    .taste_scene_inner
    .scene_taste_block
    .scene_label.scene_label_no {
    font-size: calc((31 * var(--content_width)) / 1080);
  }
  .section_taste
    .taste_scene_wrapper
    .taste_scene_inner
    .scene_taste_block
    .scene_label.scene_label_no
    .no {
    font-size: calc((40 * var(--content_width)) / 1080);
  }
  .section_taste
    .taste_scene_wrapper
    .taste_scene_inner
    .scene_taste_block
    .scene_label
    + .scene_label::before {
    top: calc((-6 * var(--content_width)) / 1080);
    width: calc((11 * var(--content_width)) / 1080);
    height: calc((11 * var(--content_width)) / 1080);
    border-left: calc((20 * var(--content_width)) / 1080) solid #ffffff;
    border-right: calc((20 * var(--content_width)) / 1080) solid #ffffff;
  }
  .section_taste
    .taste_scene_wrapper
    .taste_scene_inner
    .scene_taste_block
    .scene_item {
    margin: calc((100 * var(--content_width)) / 1080) auto
      calc((70 * var(--content_width)) / 1080);
    width: 100%;
  }
  .section_taste
    .taste_scene_wrapper
    .taste_scene_inner
    .scene_taste_block
    .scene_item
    .title {
    top: calc((-18 * var(--content_width)) / 1080);
    width: calc((530 * var(--content_width)) / 1080);
    height: calc((60 * var(--content_width)) / 1080);
    font-size: calc((30 * var(--content_width)) / 1080);
    line-height: calc((60 * var(--content_width)) / 1080);
  }
  .section_taste
    .taste_scene_wrapper
    .taste_scene_inner
    .scene_taste_block
    .scene_item
    .title::before {
    width: calc((30 * var(--content_width)) / 1080);
    height: calc((30 * var(--content_width)) / 1080);
    margin-right: calc((10 * var(--content_width)) / 1080);
  }
  .section_taste
    .taste_scene_wrapper
    .taste_scene_inner
    .scene_taste_block
    .scene_detail {
    font-size: calc((40 * var(--content_width)) / 1080);
    margin-bottom: calc((60 * var(--content_width)) / 1080);
  }
  .section_taste
    .taste_scene_wrapper
    .taste_scene_inner
    .scene_taste_block
    .scene_description {
    font-size: calc((28 * var(--content_width)) / 1080);
  }
  .section_taste .taste_scene_wrapper .btn_slide {
    top: calc((620 * var(--content_width)) / 1080);
    width: calc((60 * var(--content_width)) / 1080);
    height: calc((60 * var(--content_width)) / 1080);
    background-size: 100% 100%;
  }
  .section_taste .taste_scene_wrapper .btn_slide img {
    display: none;
  }
  .section_taste .taste_scene_wrapper .btn_slide.btn_prev {
    left: calc((50 * var(--content_width)) / 1080);
    background-image: url(../images/btn_taste_prev.png);
  }
  .section_taste .taste_scene_wrapper .btn_slide.btn_next {
    left: auto;
    right: calc((50 * var(--content_width)) / 1080);
    background-image: url(../images/btn_taste_next.png);
  }

  .section_taste .item_block_wrapper {
    width: calc((975 * var(--content_width)) / 1080);
  }
  .section_taste .item_block_wrapper .item_block + .item_block {
    margin-top: calc((260 * var(--content_width)) / 1080);
  }
  .section_taste .item_block_wrapper .name {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    text-align: center;
    gap: calc((45 * var(--content_width)) / 1080);
    font-size: calc((64 * var(--content_width)) / 1080);
    line-height: 1.625em;
    padding-bottom: 0;
    margin-bottom: calc((60 * var(--content_width)) / 1080);
    border-bottom: 0;
  }
  .section_taste .item_block_wrapper .name .icon_new {
    width: calc((128 * var(--content_width)) / 1080);
    margin-right: 0;
  }
  .section_taste .item_block_wrapper .name .logo {
    width: calc((317 * var(--content_width)) / 1080);
    margin-bottom: -0.3125em;
  }
  .section_taste .item_block_wrapper .item_inner {
    display: flex;
    flex-direction: column;
  }
  .section_taste .item_block_wrapper .item_inner .item_image img {
    height: auto;
  }
  .section_taste .item_block_wrapper .item_inner .item_image::after {
    left: calc((55 * var(--content_width)) / 1080);
    bottom: calc((22 * var(--content_width)) / 1080);
    width: calc((428 * var(--content_width)) / 1080);
    height: calc((281 * var(--content_width)) / 1080);
  }
  .section_taste
    .item_block_wrapper
    .item_block.item17
    .item_inner
    .item_image::after {
    left: auto;
    right: calc((50 * var(--content_width)) / 1080);
  }
  .section_taste .item_block_wrapper .item_inner .item_detail .detail,
  .section_taste
    .item_block_wrapper
    .item_block.item17
    .item_inner
    .item_detail
    .detail {
    width: 100%;
    height: calc((250 * var(--content_width)) / 1080);
    font-size: calc((40 * var(--content_width)) / 1080);
  }
  .section_taste
    .item_block_wrapper
    .item_inner
    .item_detail
    .item_info_wrapper,
  .section_taste
    .item_block_wrapper
    .item_block.item17
    .item_inner
    .item_detail
    .item_info_wrapper {
    width: calc((790 * var(--content_width)) / 1080);
    height: auto;
    min-height: auto;
    justify-content: flex-start;
    margin: 0 auto;
  }

  .section_taste
    .item_block_wrapper
    .item_inner
    .item_detail
    .item_info_wrapper
    .item_info_block {
    flex-direction: column;
    justify-content: flex-start;
    width: calc((675 * var(--content_width)) / 1080);
    padding: calc((60 * var(--content_width)) / 1080) 0;
  }
  .section_taste
    .item_block_wrapper
    .item_inner
    .item_detail
    .item_info_wrapper
    .item_info_block
    .item_info {
    width: 100%;
    line-height: calc((60 * var(--content_width)) / 1080);
  }
  .section_taste
    .item_block_wrapper
    .item_inner
    .item_detail
    .item_info_wrapper
    .item_info_block
    .item_info
    .item_name {
    font-size: calc((47 * var(--content_width)) / 1080);
  }
  .section_taste
    .item_block_wrapper
    .item_inner
    .item_detail
    .item_info_wrapper
    .item_info_block
    .item_info
    .item_name
    .value,
  .section_taste
    .item_block_wrapper
    .item_inner
    .item_detail
    .item_info_wrapper
    .item_info_block
    .item_info
    .item_name
    .more_value,
  .section_taste
    .item_block_wrapper
    .item_inner
    .item_detail
    .item_info_wrapper
    .item_info_block
    .item_info
    .item_name
    .present {
    display: inline-block;
    font-size: calc((26 * var(--content_width)) / 1080);
    line-height: 1.3em;
    margin-bottom: 7px;
  }

  .section_taste
    .item_block_wrapper
    .item_inner
    .item_detail
    .item_info_wrapper
    .item_info_block
    .item_info
    .item_name
    .value,
  .section_taste
    .item_block_wrapper
    .item_inner
    .item_detail
    .item_info_wrapper
    .item_info_block
    .item_info
    .item_name
    .more_value {
    margin-left: calc((5 * var(--content_width)) / 1080);
    padding: 0 calc((5 * var(--content_width)) / 1080);
    border: 1px solid #c30d23;
  }
  .section_taste
    .item_block_wrapper
    .item_inner
    .item_detail
    .item_info_wrapper
    .item_info_block
    .item_info
    .item_name
    .present {
    margin-left: calc((10 * var(--content_width)) / 1080);
  }
  .section_taste
    .item_block_wrapper
    .item_inner
    .item_detail
    .item_info_wrapper
    .item_info_block
    .item_info
    .item_price {
    font-size: calc((47 * var(--content_width)) / 1080);
  }
  .section_taste
    .item_block_wrapper
    .item_inner
    .item_detail
    .item_info_wrapper
    .item_info_block
    .item_link {
    width: 100%;
    margin-top: calc((45 * var(--content_width)) / 1080);
  }
  .section_taste
    .item_block_wrapper
    .item_inner
    .item_detail
    .item_info_wrapper
    .item_info_block
    .item_link
    .btn_buy,
  .section_taste
    .item_block_wrapper
    .item_inner
    .item_detail
    .item_info_wrapper
    .item_info_block
    .item_link
    .btn_reserve,
  .section_taste
    .item_block_wrapper
    .item_inner
    .item_detail
    .item_info_wrapper
    .item_info_block
    .item_link
    .btn_sold {
    width: 100%;
    height: calc((95 * var(--content_width)) / 1080);
    font-size: calc((45 * var(--content_width)) / 1080);
    gap: calc((15 * var(--content_width)) / 1080);
  }
  .section_taste
    .item_block_wrapper
    .item_inner
    .item_detail
    .item_info_wrapper
    .item_info_block
    .item_link
    .btn_buy::before,
  .section_taste
    .item_block_wrapper
    .item_inner
    .item_detail
    .item_info_wrapper
    .item_info_block
    .item_link
    .btn_reserve::after {
    width: calc((48 * var(--content_width)) / 1080);
    height: calc((46 * var(--content_width)) / 1080);
  }
}

.section_brand {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 232px 0 176px;
}
.section_brand .brand_title {
  font-size: 38px;
  line-height: 1em;
  margin-bottom: 68px;
}
.section_brand .brand_text {
  font-size: 20px;
  line-height: 2.6em;
  text-align: center;
  margin-bottom: 52px;
}
.section_brand .brand_image {
  width: 550px;
  line-height: 0;
  margin-bottom: 80px;
}
.section_brand .logo {
  width: 360px;
  line-height: 0;
  margin-bottom: 25px;
}
.section_brand .brand_link {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 388px;
  height: 38px;
  font-size: 24px;
  line-height: 1em;
  border-radius: 19px;
  color: #ffffff;
  background-color: #cdcdcd;
}
.section_brand .brand_link::after {
  content: "";
  width: 20px;
  height: 20px;
  background-image: url(../images/icon_link.svg);
  background-size: 100% 100%;
  margin-left: 5px;
}

@media screen and (max-width: 1270px) {
  .section_brand {
    padding: calc((232 * var(--content_width)) / 1270) 0
      calc((176 * var(--content_width)) / 1270);
  }
  .section_brand .brand_title {
    font-size: calc((38 * var(--content_width)) / 1270);
    margin-bottom: calc((68 * var(--content_width)) / 1270);
  }
  .section_brand .brand_text {
    font-size: calc((20 * var(--content_width)) / 1270);
    margin-bottom: calc((52 * var(--content_width)) / 1270);
  }
  .section_brand .brand_image {
    width: calc((550 * var(--content_width)) / 1270);
    margin-bottom: calc((80 * var(--content_width)) / 1270);
  }
  .section_brand .logo {
    width: calc((360 * var(--content_width)) / 1270);
    margin-bottom: calc((25 * var(--content_width)) / 1270);
  }
  .section_brand .brand_link {
    width: calc((388 * var(--content_width)) / 1270);
    height: calc((38 * var(--content_width)) / 1270);
    font-size: calc((24 * var(--content_width)) / 1270);
    border-radius: calc((19 * var(--content_width)) / 1270);
  }
  .section_brand .brand_link::after {
    width: calc((20 * var(--content_width)) / 1270);
    height: calc((20 * var(--content_width)) / 1270);
    margin-left: calc((5 * var(--content_width)) / 1270);
  }
}

@media screen and (max-width: 860px) {
  .section_brand {
    padding: calc((180 * var(--content_width)) / 1080) 0
      calc((150 * var(--content_width)) / 1080);
  }
  .section_brand .brand_title {
    font-size: calc((70 * var(--content_width)) / 1080);
    line-height: 1.5em;
    margin-bottom: calc((100 * var(--content_width)) / 1080);
  }
  .section_brand .brand_text {
    font-size: calc((40 * var(--content_width)) / 1080);
    line-height: 2.1em;
    text-align: left;
    margin-bottom: calc((115 * var(--content_width)) / 1080);
  }
  .section_brand .brand_image {
    width: calc((773 * var(--content_width)) / 1080);
    margin-bottom: calc((80 * var(--content_width)) / 1080);
  }
  .section_brand .logo {
    width: calc((450 * var(--content_width)) / 1080);
    margin-bottom: calc((30 * var(--content_width)) / 1080);
  }
  .section_brand .brand_link {
    width: calc((486 * var(--content_width)) / 1080);
    height: calc((48 * var(--content_width)) / 1080);
    border-radius: calc((24 * var(--content_width)) / 1080);
    font-size: calc((30 * var(--content_width)) / 1080);
  }
  .section_brand .brand_link::after {
    width: calc((24 * var(--content_width)) / 1080);
    height: calc((24 * var(--content_width)) / 1080);
    margin-left: calc((5 * var(--content_width)) / 1080);
  }
}

footer {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100vh;
  min-height: 550px;
  background-image: url(../images/img_footer.jpg);
  background-size: cover;
  background-position: center;
}
footer .footer_inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-grow: 1;
}
footer .footer_inner .logo_yoiyo {
  width: 395px;
  margin-bottom: 60px;
}
footer .footer_inner .sns_block {
  display: flex;
  gap: 35px;
  margin-bottom: 100px;
}
footer .footer_inner .sns_block .sns_link {
  width: 50px;
  line-height: 0;
}
footer .footer_inner .link_wrapper {
  display: flex;
  gap: 60px;
}
footer .footer_inner .link_wrapper .footer_link {
  color: #ffffff;
  font-size: 25px;
  line-height: 1em;
}
footer .footer_inner .logo_lotte {
  width: 100px;
  margin-bottom: 10px;
}
footer .copyright_wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 40px 0;
}
footer .copyright_wrapper .copyright {
  color: #fff;
  font-size: 14px;
  line-height: 1em;
}

@media screen and (max-width: 860px) {
  footer {
    min-height: calc((900 * var(--content_width)) / 1080);
  }
  footer .footer_inner .logo_yoiyo {
    width: calc((480 * var(--content_width)) / 1080);
    margin-bottom: calc((100 * var(--content_width)) / 1080);
  }
  footer .footer_inner .sns_block {
    gap: calc((55 * var(--content_width)) / 1080);
    margin-bottom: calc((90 * var(--content_width)) / 1080);
  }
  footer .footer_inner .sns_block .sns_link {
    width: calc((100 * var(--content_width)) / 1080);
  }
  footer .footer_inner .link_wrapper {
    flex-direction: column;
    align-items: center;
    gap: calc((30 * var(--content_width)) / 1080);
  }
  footer .footer_inner .link_wrapper .footer_link {
    font-size: calc((44 * var(--content_width)) / 1080);
  }
  footer .footer_inner .logo_lotte {
    width: calc((128 * var(--content_width)) / 1080);
    margin-bottom: calc((30 * var(--content_width)) / 1080);
  }
  footer .copyright_wrapper {
    padding: calc((48 * var(--content_width)) / 1080) 0;
  }
  footer .copyright_wrapper .copyright {
    font-size: calc((25 * var(--content_width)) / 1080);
  }
}

.modal {
  position: fixed;
  opacity: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.9);
  overflow: auto;
  transition: opacity 0.5s;
  pointer-events: none;
}
.has_menu .modal {
  opacity: 1;
  pointer-events: auto;
}
.modal .modal_inner {
  display: flex;
  width: 100%;
  height: 100%;
  padding-top: calc((110 * var(--content_width)) / 1080);
  min-height: calc((1200 * var(--content_width)) / 1080);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: calc((150 * var(--content_width)) / 1080);
}
.modal .modal_inner .btn_menu {
  font-family: "lust", serif;
  font-size: calc((50 * var(--content_width)) / 1080);
  line-height: 1em;
  color: #595858;
}

.scroll_fade {
  opacity: 0;
  transform: translateY(5vh);

  transition: all 1s;
}
.scroll_fade.in_scroll_area {
  opacity: 1;
  transform: translateY(0px);
}

.movie_modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(37, 30, 28, 0.75);
  z-index: 200;
  overflow: auto;
}
.movie_modal.active {
  display: block;
}
.movie_modal .modal_inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  width: 1200px;
  height: 100%;
  min-height: 750px;
  margin: 0 auto;
  gap: 5px;
}
.movie_modal .modal_inner .youtube {
  width: 100%;
  height: auto;
  background-color: #fff;
  aspect-ratio: 16 / 9;
}
.movie_modal .modal_inner .btn_yt_close {
  width: 40px;
  height: 40px;
  line-height: 0;
}
@media screen and (max-width: 1270px) {
  .movie_modal .modal_inner {
    width: calc((1200 * var(--content_width)) / 1270);
    min-height: calc((750 * var(--content_width)) / 1270);
    gap: calc((10 * var(--content_width)) / 1270);
  }
  .movie_modal .modal_inner .btn_yt_close {
    width: calc((40 * var(--content_width)) / 1270);
    height: calc((40 * var(--content_width)) / 1270);
  }
}
@media screen and (max-width: 860px) {
  .movie_modal .modal_inner {
    width: calc((1000 * var(--content_width)) / 1080);
    min-height: calc((650 * var(--content_width)) / 1080);
    gap: calc((10 * var(--content_width)) / 1080);
  }
  .movie_modal .modal_inner .btn_yt_close {
    width: calc((50 * var(--content_width)) / 1080);
    height: calc((50 * var(--content_width)) / 1080);
  }
}

.btn_sold {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 315px;
  height: 67px;
  text-align: center;
  font-size: 30px;
  color: #0a3356;
  border: 1px solid #0a3356;
  letter-spacing: 0.15em;
}