: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 .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: .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;
}
.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: .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: .2rem;
  margin-bottom: 10px;
}
.section_collaboration .content_inner .block_member_wrapper .block_member_block .name{
  font-size: 72px;
  line-height: 1em;
  letter-spacing: .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, .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(.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{
    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: .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{
    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;
}
.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 .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 .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: .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;
}
.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, .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_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{
    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{
    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.png);
  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 .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);
  }
}