#str-main.update {
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.4s ease, visibility 0.4s ease;
}
#str-main.update.is-ready {
  visibility: visible;
  opacity: 1;
}

main#str-main.update {
  margin-bottom: 20px;
}
main#str-main.update section > .w {
  margin: 0;
  padding: 0;
}
main#str-main.update section > .w > .c {
  position: relative;
  margin: 0;
  padding: 0;
}
@media (min-width: 960px) {
  main#str-main.update section > .w > .c {
    width: 960px;
    max-width: 960px;
    margin: 0 auto;
  }
}
main#str-main.update section picture {
  margin: 0;
  padding: 0;
  width: 100%;
  background-color: #ddd;
}
main#str-main.update section picture img {
  width: 100%;
  display: block;
}
@media (min-width: 960px) {
  main#str-main.update section picture img {
    width: auto;
  }
}
main#str-main.update section.update-hero-section {
  position: relative;
  width: 100%;
  height: 151.2820512821vw;
  background-image: url(../../images/update/top/sp/hero_background.webp);
  background-position: 50%;
  background-size: cover;
}
@media (min-width: 768px) {
  main#str-main.update section.update-hero-section {
    height: 78.3854166667vw;
    background-image: url(../../images/update/top/tb/hero_background.webp);
  }
}
@media (min-width: 960px) {
  main#str-main.update section.update-hero-section {
    height: 54vw;
    background-position: center;
    background-image: url(../../images/update/top/pc/hero_background.webp);
  }
}
main#str-main.update section.update-hero-section .hero-logo {
  position: absolute;
  width: 39.7435897436vw;
  height: 61.7948717949vw;
  top: 3.8461538462vw;
  left: 3.8461538462vw;
}
@media (min-width: 768px) {
  main#str-main.update section.update-hero-section .hero-logo {
    width: 27.8645833333vw;
    height: 43.2291666667vw;
    top: 2.8645833333vw;
    left: 5.9895833333vw;
  }
}
@media (min-width: 960px) {
  main#str-main.update section.update-hero-section .hero-logo {
    width: 259px;
    background-size: 100% 100%;
  }
}
main#str-main.update section.update-hero-section .hero-logo img {
  filter: drop-shadow(0 0 40px rgba(0, 0, 0, 0)) blur(100px);
  transform: translateY(50px);
  transition: filter 1000ms ease-out 0.2s, transform 1000ms ease-out 0.2s;
}
main#str-main.update section.update-hero-section .hero-logo.is-show img {
  filter: drop-shadow(0 0 40px rgba(0, 0, 0, 0.25)) blur(0);
  transform: translateY(0);
}
main#str-main.update section.update-hero-section .hero-name {
  position: absolute;
  width: 16.4102564103vw;
  top: 95.3846153846vw;
  left: 77.6923076923vw;
}
@media (min-width: 768px) {
  main#str-main.update section.update-hero-section .hero-name {
    width: 11.9791666667vw;
    top: 36.328125vw;
    left: 85.6770833333vw;
  }
}
@media (min-width: 960px) {
  main#str-main.update section.update-hero-section .hero-name {
    top: 24.2708333333vw;
    left: auto;
    right: 0;
    width: 110px;
  }
}
main#str-main.update section.update-hero-section .hero-title {
  position: absolute;
  width: 50vw;
  height: 38.7179487179vw;
  top: 104.358974359vw;
  left: 43.5897435897vw;
}
@media (min-width: 768px) {
  main#str-main.update section.update-hero-section .hero-title {
    height: 18.4895833333vw;
    width: 30.46875vw;
    top: 53.90625vw;
    left: 67.0572916667vw;
  }
}
@media (min-width: 960px) {
  main#str-main.update section.update-hero-section .hero-title {
    top: 34.4791666667vw;
    left: auto;
    right: 0;
    width: 260px;
    transform: translateX(20px);
  }
}
main#str-main.update section.update-reason-section {
  position: relative;
  width: 100%;
  height: 185.3846153846vw;
  background-image: url(../../images/update/top/sp/reason_background.webp);
  background-position: 50%;
  background-size: cover;
}
@media (min-width: 768px) {
  main#str-main.update section.update-reason-section {
    height: auto;
    position: relative;
    background-image: url(../../images/update/top/tb/reason_background.webp);
  }
  main#str-main.update section.update-reason-section .c {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding-top: 10.0260416667vw;
    padding-bottom: 10.0260416667vw;
  }
}
@media (min-width: 768px) and (min-width: 960px) {
  main#str-main.update section.update-reason-section .c {
    padding-top: 95px;
    padding-bottom: 83px;
  }
}
@media (min-width: 768px) {
  main#str-main.update section.update-reason-section .reason-logo {
    display: block;
    position: absolute;
    width: 7.6822916667vw;
    height: 15.1041666667vw;
    top: 7.9427083333vw;
    left: 1.3020833333vw;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  main#str-main.update section.update-reason-section .reason-logo {
    position: relative;
  }
}
main#str-main.update section.update-reason-section .stage-container {
  max-width: 100%;
  aspect-ratio: 374/398;
  position: relative;
  margin: 0 auto;
}
main#str-main.update section.update-reason-section .bottle-wrapper {
  position: absolute;
  left: 0;
  top: 0;
  width: 104px;
  height: 318px;
  transform-origin: 50% 50%;
  will-change: transform, opacity;
  transition: transform 500ms cubic-bezier(0.42, 0, 0.28, 1), opacity 500ms ease;
}
main#str-main.update section.update-reason-section .bottle-img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
  position: relative;
  z-index: 1;
}
main#str-main.update section.update-reason-section .new-badge {
  position: absolute;
  pointer-events: none;
  z-index: 0;
}
main#str-main.update section.update-reason-section .reason-product {
  position: absolute;
  width: 88.2051282051vw;
  height: 88.2051282051vw;
  top: 10.2564102564vw;
  left: 2.5641025641vw;
}
@media (min-width: 768px) {
  main#str-main.update section.update-reason-section .reason-product {
    height: auto;
    position: relative;
    width: 46.6145833333vw;
    top: initial;
    left: initial;
    margin-right: 3.7760416667vw;
  }
  main#str-main.update section.update-reason-section .reason-product .c {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding-top: 10.0260416667vw;
    padding-bottom: 10.0260416667vw;
  }
}
@media (min-width: 960px) {
  main#str-main.update section.update-reason-section .reason-product {
    width: 423px;
  }
}
@media (min-width: 768px) {
  main#str-main.update section.update-reason-section .reason-content {
    width: 42.1875vw;
  }
}
@media (min-width: 960px) {
  main#str-main.update section.update-reason-section .reason-content {
    width: 388px;
  }
}
main#str-main.update section.update-reason-section .reason-title {
  position: absolute;
  width: 41.7948717949vw;
  top: 101.2820512821vw;
  left: 4.1025641026vw;
}
@media (min-width: 768px) {
  main#str-main.update section.update-reason-section .reason-title {
    width: 23.046875vw;
    position: relative;
    top: initial;
    left: initial;
    margin-bottom: 1.4322916667vw;
  }
}
main#str-main.update section.update-reason-section .reason-text {
  position: absolute;
  width: 76.9230769231vw;
  top: 121.5384615385vw;
  left: 4.1025641026vw;
}
@media (min-width: 768px) {
  main#str-main.update section.update-reason-section .reason-text {
    position: relative;
    width: 42.1875vw;
    top: initial;
    left: initial;
  }
}
main#str-main.update section.update-reason-section .reason-logo {
  position: absolute;
  width: 12.8205128205vw;
  top: 154.1025641026vw;
  left: 83.0769230769vw;
}
main#str-main.update section.update-reason-section .reason-logo img {
  width: 100%;
}
@media (min-width: 768px) {
  main#str-main.update section.update-reason-section .reason-logo {
    width: 7.6822916667vw;
    top: 3.125vw;
    left: 87.2395833333vw;
  }
}
@media (min-width: 960px) {
  main#str-main.update section.update-reason-section .reason-logo {
    width: 59px;
    top: 37px;
    left: auto;
    right: 24px;
  }
}
main#str-main.update section.update-future-section {
  position: relative;
  width: 100%;
  height: 245.3846153846vw;
  background-image: url(../../images/update/top/sp/future_background.webp);
  background-position: 50%;
  background-size: cover;
}
@media (min-width: 768px) {
  main#str-main.update section.update-future-section {
    height: auto;
    background-image: url(../../images/update/top/tb/future_background.webp);
  }
  main#str-main.update section.update-future-section .c {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-top: 10.0260416667vw;
    padding-bottom: 10.0260416667vw;
  }
}
@media (min-width: 768px) and (min-width: 960px) {
  main#str-main.update section.update-future-section .c {
    padding-top: 62px;
    padding-bottom: 62px;
  }
}
main#str-main.update section.update-future-section .future-logo {
  position: absolute;
  width: 19.4871794872vw;
  top: 13.3333333333vw;
  left: 40.2564102564vw;
}
main#str-main.update section.update-future-section .future-logo img {
  width: 100%;
}
@media (min-width: 768px) {
  main#str-main.update section.update-future-section .future-logo {
    width: 9.8958333333vw;
    position: relative;
    top: auto;
    left: auto;
    margin-bottom: 2.34375vw;
  }
}
@media (min-width: 960px) {
  main#str-main.update section.update-future-section .future-logo {
    width: 76px;
  }
}
main#str-main.update section.update-future-section .future-title {
  position: absolute;
  width: 71.7948717949vw;
  top: 55.8974358974vw;
  left: 14.358974359vw;
}
@media (min-width: 768px) {
  main#str-main.update section.update-future-section .future-title {
    width: 36.328125vw;
    position: relative;
    top: initial;
    left: initial;
    margin-bottom: 2.6041666667vw;
  }
}
@media (min-width: 960px) {
  main#str-main.update section.update-future-section .future-title {
    width: 335px;
  }
  main#str-main.update section.update-future-section .future-title img {
    width: 335px;
  }
}
main#str-main.update section.update-future-section .future-text {
  position: absolute;
  width: 97.4358974359vw;
  top: 93.5897435897vw;
  left: 1.7948717949vw;
}
@media (min-width: 768px) {
  main#str-main.update section.update-future-section .future-text {
    width: 87.109375vw;
    margin-bottom: 2.34375vw;
    position: relative;
    top: initial;
    left: initial;
  }
}
@media (min-width: 960px) {
  main#str-main.update section.update-future-section .future-text {
    width: 803px;
  }
  main#str-main.update section.update-future-section .future-text img {
    width: 803px;
  }
}
main#str-main.update section.update-future-section .future-method {
  position: relative;
  display: flex;
  flex-direction: column;
  padding-top: 145.641025641vw;
  padding-left: 4.1025641026vw;
  padding-right: 4.1025641026vw;
}
main#str-main.update section.update-future-section .future-method .future-method-item.future-method-item-common {
  margin-bottom: 5.1282051282vw;
}
@media (min-width: 768px) {
  main#str-main.update section.update-future-section .future-method {
    flex-direction: row;
    justify-content: space-between;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }
  main#str-main.update section.update-future-section .future-method .future-method-item {
    width: 46.6145833333vw;
  }
  main#str-main.update section.update-future-section .future-method .future-method-item.future-method-item-common {
    margin-right: 1.3020833333vw;
    margin-bottom: 0;
  }
}
@media (min-width: 960px) {
  main#str-main.update section.update-future-section .future-method .future-method-item {
    width: 358px;
  }
  main#str-main.update section.update-future-section .future-method .future-method-item.future-method-item-common {
    margin-right: 12px;
  }
}
main#str-main.update section.update-banner-section {
  padding: 6.1538461538vw 4.1025641026vw 15.3846153846vw;
}
@media (min-width: 768px) {
  main#str-main.update section.update-banner-section {
    padding: 3.125vw 2.6041666667vw 5.2083333333vw;
  }
}
main#str-main.update section.update-banner-section .banner-items {
  display: flex;
  flex-direction: column;
}
main#str-main.update section.update-banner-section .banner-items .banner-item-oneday {
  margin-bottom: 5.1282051282vw;
}
@media (min-width: 768px) {
  main#str-main.update section.update-banner-section .banner-items {
    flex-direction: row;
    justify-content: space-between;
  }
  main#str-main.update section.update-banner-section .banner-items .banner-item {
    width: 46.6145833333vw;
  }
  main#str-main.update section.update-banner-section .banner-items .banner-item-oneday {
    margin-bottom: 0;
  }
}
@media (min-width: 960px) {
  main#str-main.update section.update-banner-section .banner-items {
    justify-content: center;
  }
  main#str-main.update section.update-banner-section .banner-items .banner-item {
    width: 358px;
  }
  main#str-main.update section.update-banner-section .banner-items .banner-item-oneday {
    margin-right: 12px;
  }
}
main#str-main.update section.update-banner-section .banner-button {
  margin-top: 10.2564102564vw;
  text-align: center;
  padding-left: 16.9230769231vw;
  padding-right: 16.9230769231vw;
}
@media (min-width: 768px) {
  main#str-main.update section.update-banner-section .banner-button {
    margin-top: 4.296875vw;
    padding-left: 34.765625vw;
    padding-right: 34.765625vw;
  }
}
@media (min-width: 960px) {
  main#str-main.update section.update-banner-section .banner-button {
    padding-left: 0;
    padding-right: 0;
  }
  main#str-main.update section.update-banner-section .banner-button a {
    display: block;
    width: 267px;
    margin: 0 auto;
  }
  main#str-main.update section.update-banner-section .banner-button img {
    width: 267px;
  }
}
main#str-main.update section.update-moriyasu-section {
  position: relative;
  width: 100%;
  height: 329.7435897436vw;
  background-image: url(../../images/update/top/sp/moriyasu_background.webp);
  background-position: 50%;
  background-size: cover;
}
@media (min-width: 768px) {
  main#str-main.update section.update-moriyasu-section {
    height: auto;
  }
}
main#str-main.update section.update-moriyasu-section .c {
  padding: 18.9743589744vw 4.1025641026vw 7.6923076923vw;
}
@media (min-width: 768px) {
  main#str-main.update section.update-moriyasu-section .c {
    padding: 9.6354166667vw 2.0833333333vw 6.7708333333vw;
  }
}
@media (min-width: 960px) {
  main#str-main.update section.update-moriyasu-section .c {
    padding: 74px 0;
    align-items: start;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
  }
}
main#str-main.update section.update-moriyasu-section .moriyasu-movie {
  margin-bottom: 19.2307692308vw;
}
@media (min-width: 768px) {
  main#str-main.update section.update-moriyasu-section .moriyasu-movie {
    margin-bottom: 5.46875vw;
  }
}
@media (min-width: 960px) {
  main#str-main.update section.update-moriyasu-section .moriyasu-movie {
    width: 460px;
  }
}
main#str-main.update section.update-moriyasu-section .moriyasu-movie-play {
  width: 100%;
  aspect-ratio: 16/9;
}
main#str-main.update section.update-moriyasu-section .moriyasu-movie-play iframe {
  width: 100%;
  height: 100%;
  display: block;
}
@media (min-width: 768px) {
  main#str-main.update section.update-moriyasu-section .moriyasu-movie-play {
    width: 100%;
  }
}
@media (min-width: 960px) {
  main#str-main.update section.update-moriyasu-section .moriyasu-movie-play {
    height: auto;
  }
}
main#str-main.update section.update-moriyasu-section .moriyasu-movie-play .youtube-wrapper {
  width: 100%;
  aspect-ratio: 16/9;
  overflow: hidden;
}
main#str-main.update section.update-moriyasu-section .moriyasu-movie-title {
  margin-bottom: 5.1282051282vw;
}
@media (min-width: 768px) {
  main#str-main.update section.update-moriyasu-section .moriyasu-movie-title {
    margin-bottom: 2.6041666667vw;
  }
}
@media (min-width: 960px) {
  main#str-main.update section.update-moriyasu-section .moriyasu-movie-title {
    margin-bottom: 20px;
  }
}
main#str-main.update section.update-moriyasu-section .moriyasu-cast {
  margin-bottom: 13.0769230769vw;
}
@media (min-width: 960px) {
  main#str-main.update section.update-moriyasu-section .moriyasu-cast {
    width: 460px;
  }
}
main#str-main.update section.update-moriyasu-section .moriyasu-cast-title {
  margin-bottom: 5.1282051282vw;
}
@media (min-width: 768px) {
  main#str-main.update section.update-moriyasu-section .moriyasu-cast-title {
    margin-bottom: 1.171875vw;
  }
}
@media (min-width: 960px) {
  main#str-main.update section.update-moriyasu-section .moriyasu-cast-title {
    margin-bottom: 20px;
  }
}
main#str-main.update section.update-moriyasu-section .moriyasu-cast-name {
  margin-bottom: 5.8974358974vw;
}
main#str-main.update section.update-moriyasu-section .moriyasu-cast-name img {
  width: 78.9743589744vw;
}
@media (min-width: 768px) {
  main#str-main.update section.update-moriyasu-section .moriyasu-cast-name img {
    width: 44.0104166667vw;
  }
}
@media (min-width: 960px) {
  main#str-main.update section.update-moriyasu-section .moriyasu-cast-name {
    width: 338px;
    margin-bottom: 32px;
  }
}
main#str-main.update section.update-moriyasu-section .moriyasu-supporter {
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  main#str-main.update section.update-moriyasu-section .moriyasu-supporter {
    justify-content: center;
    flex-direction: row-reverse;
    align-items: center;
  }
}
@media (min-width: 960px) {
  main#str-main.update section.update-moriyasu-section .moriyasu-supporter {
    display: none;
  }
}
main#str-main.update section.update-moriyasu-section .moriyasu-supporter-pc {
  display: none;
}
@media (min-width: 960px) {
  main#str-main.update section.update-moriyasu-section .moriyasu-supporter-pc {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    align-items: center;
    margin-top: 40px;
  }
}
main#str-main.update section.update-moriyasu-section .moriyasu-supporter-text {
  margin-bottom: 3.8461538462vw;
}
main#str-main.update section.update-moriyasu-section .moriyasu-supporter-text img {
  width: 83.8461538462vw;
  margin: 0 auto;
}
@media (min-width: 768px) {
  main#str-main.update section.update-moriyasu-section .moriyasu-supporter-text {
    margin-bottom: 0;
  }
  main#str-main.update section.update-moriyasu-section .moriyasu-supporter-text img {
    width: 42.578125vw;
  }
}
@media (min-width: 960px) {
  main#str-main.update section.update-moriyasu-section .moriyasu-supporter-text {
    width: 288px;
  }
}
main#str-main.update section.update-moriyasu-section .moriyasu-supporter-banner img {
  width: 41.0256410256vw;
  margin: 0 auto;
}
@media (min-width: 768px) {
  main#str-main.update section.update-moriyasu-section .moriyasu-supporter-banner {
    margin-right: 4.4270833333vw;
  }
  main#str-main.update section.update-moriyasu-section .moriyasu-supporter-banner img {
    width: 20.8333333333vw;
  }
}
@media (min-width: 960px) {
  main#str-main.update section.update-moriyasu-section .moriyasu-supporter-banner {
    width: 160px;
    margin-right: 0;
  }
}

main#str-main.update-oneday {
  margin-bottom: 20px;
}
main#str-main.update-oneday section > .w {
  margin: 0;
  padding: 0;
}
main#str-main.update-oneday section > .w > .c {
  position: relative;
  margin: 0;
  padding-left: 4.1025641026vw;
  padding-right: 4.1025641026vw;
}
@media (min-width: 768px) {
  main#str-main.update-oneday section > .w > .c {
    padding-left: 2.6041666667vw;
    padding-right: 2.6041666667vw;
  }
}
@media (min-width: 960px) {
  main#str-main.update-oneday section > .w > .c {
    width: 960px;
    max-width: 960px;
    margin: 0 auto;
  }
}
main#str-main.update-oneday section picture {
  margin: 0;
  padding: 0;
  width: 100%;
  background-color: #ddd;
}
main#str-main.update-oneday section picture img {
  width: 100%;
  display: block;
}
main#str-main.update-oneday section.update-oneday-section {
  width: 100%;
  background-image: url(../../images/update/oneday/sp/oneday_background.webp);
  background-position: 50%;
  background-size: cover;
}
@media (min-width: 768px) {
  main#str-main.update-oneday section.update-oneday-section {
    background-image: url(../../images/update/oneday/tb/oneday_background.webp);
  }
}
@media (min-width: 960px) {
  main#str-main.update-oneday section.update-oneday-section {
    height: 54vw;
    background-position: center;
    background-image: url(../../images/update/oneday/pc/oneday_background.webp);
  }
}
@media (min-width: 960px) {
  main#str-main.update-oneday section.update-oneday-section .c {
    width: auto;
    max-width: initial;
  }
}
main#str-main.update-oneday section.update-oneday-section .oneday-head {
  align-items: center;
  display: flex;
  flex-direction: column;
  padding-top: 5.8974358974vw;
  padding-bottom: 3.0769230769vw;
}
@media (min-width: 768px) {
  main#str-main.update-oneday section.update-oneday-section .oneday-head {
    width: 33.8541666667vw;
  }
}
@media (min-width: 960px) {
  main#str-main.update-oneday section.update-oneday-section .oneday-head {
    padding-top: 8.3333333333vw;
    width: 23.125vw;
    margin-left: 14.5833333333vw;
  }
}
main#str-main.update-oneday section.update-oneday-section .oneday-logo {
  width: 17.1794871795vw;
  margin-bottom: 4.6153846154vw;
}
@media (min-width: 768px) {
  main#str-main.update-oneday section.update-oneday-section .oneday-logo {
    margin-bottom: 2.6041666667vw;
    width: 20.5729166667vw;
  }
}
@media (min-width: 960px) {
  main#str-main.update-oneday section.update-oneday-section .oneday-logo {
    width: 13.9583333333vw;
    margin-bottom: 1.25vw;
  }
}
main#str-main.update-oneday section.update-oneday-section .oneday-title {
  width: 51.0256410256vw;
  margin-bottom: 83.3333333333vw;
}
@media (min-width: 768px) {
  main#str-main.update-oneday section.update-oneday-section .oneday-title {
    margin-bottom: 1.3020833333vw;
    width: 33.8541666667vw;
  }
}
@media (min-width: 960px) {
  main#str-main.update-oneday section.update-oneday-section .oneday-title {
    width: 23.125vw;
    margin-bottom: 1.25vw;
  }
}
main#str-main.update-oneday section.update-oneday-section .oneday-caption {
  align-self: flex-end;
  width: 39.2307692308vw;
}
@media (min-width: 768px) {
  main#str-main.update-oneday section.update-oneday-section .oneday-caption {
    align-self: center;
    width: 19.921875vw;
  }
}
@media (min-width: 960px) {
  main#str-main.update-oneday section.update-oneday-section .oneday-caption {
    width: 13.5416666667vw;
  }
}
main#str-main.update-oneday section.update-direct-section {
  position: relative;
  width: 100%;
  background-image: url(../../images/update/oneday/sp/direct_background.webp);
  background-position: 50%;
  background-size: cover;
}
@media (min-width: 768px) {
  main#str-main.update-oneday section.update-direct-section {
    background-image: url(../../images/update/oneday/tb/direct_background.webp);
  }
}
@media (min-width: 960px) {
  main#str-main.update-oneday section.update-direct-section {
    background-image: url(../../images/update/oneday/pc/direct_background.webp);
  }
}
main#str-main.update-oneday section.update-direct-section .c {
  align-items: start;
  display: flex;
  flex-direction: column;
  padding-top: 14.8717948718vw;
  padding-bottom: 3.3333333333vw;
}
@media (min-width: 768px) {
  main#str-main.update-oneday section.update-direct-section .c {
    position: relative;
    flex-direction: row;
    align-items: center;
    padding-top: 11.9791666667vw;
    padding-bottom: 11.9791666667vw;
  }
}
main#str-main.update-oneday section.update-direct-section .direct-title {
  width: 85.8974358974vw;
  margin-bottom: 8.9743589744vw;
}
@media (min-width: 768px) {
  main#str-main.update-oneday section.update-direct-section .direct-title {
    width: 43.6197916667vw;
    margin-bottom: 0;
    margin-right: 7.6822916667vw;
  }
}
@media (min-width: 960px) {
  main#str-main.update-oneday section.update-direct-section .direct-title {
    width: 402px;
    margin-right: 102px;
    margin-left: 60px;
  }
}
main#str-main.update-oneday section.update-direct-section .direct-text {
  width: 63.8461538462vw;
  margin-bottom: 16.1538461538vw;
}
@media (min-width: 768px) {
  main#str-main.update-oneday section.update-direct-section .direct-text {
    width: 32.421875vw;
    margin-bottom: 0;
  }
}
@media (min-width: 960px) {
  main#str-main.update-oneday section.update-direct-section .direct-text {
    width: 299px;
  }
}
main#str-main.update-oneday section.update-direct-section .direct-caption {
  align-self: flex-end;
  width: 23.0769230769vw;
}
@media (min-width: 768px) {
  main#str-main.update-oneday section.update-direct-section .direct-caption {
    width: 11.71875vw;
    display: block;
    position: absolute;
    bottom: 2.0833333333vw;
    left: 84.8958333333vw;
  }
}
@media (min-width: 960px) {
  main#str-main.update-oneday section.update-direct-section .direct-caption {
    width: 77px;
    bottom: 15px;
    left: auto;
    right: 0;
  }
}
main#str-main.update-oneday section.update-hotice-section {
  width: 100%;
  position: relative;
  background-image: url(../../images/update/oneday/sp/hotice_background.webp);
  background-position: 50%;
  background-size: cover;
}
@media (min-width: 768px) {
  main#str-main.update-oneday section.update-hotice-section {
    background-image: url(../../images/update/oneday/tb/hotice_background.webp);
  }
}
@media (min-width: 960px) {
  main#str-main.update-oneday section.update-hotice-section {
    background-image: url(../../images/update/oneday/pc/hotice_background.webp);
  }
}
main#str-main.update-oneday section.update-hotice-section .c {
  align-items: center;
  display: flex;
  flex-direction: column;
  padding-top: 14.358974359vw;
  padding-bottom: 46.1538461538vw;
  position: relative;
  overflow: hidden;
}
@media (min-width: 768px) {
  main#str-main.update-oneday section.update-hotice-section .c {
    padding-top: 7.2916666667vw;
    padding-bottom: 18.4895833333vw;
  }
}
@media (min-width: 768px) {
  main#str-main.update-oneday section.update-hotice-section .c {
    padding-top: 42px;
    padding-bottom: 131px;
  }
}
main#str-main.update-oneday section.update-hotice-section .hotice-logo {
  width: 32.0512820513vw;
  margin-bottom: 7.9487179487vw;
}
@media (min-width: 768px) {
  main#str-main.update-oneday section.update-hotice-section .hotice-logo {
    width: 19.53125vw;
    margin-bottom: 3.3854166667vw;
  }
}
@media (min-width: 960px) {
  main#str-main.update-oneday section.update-hotice-section .hotice-logo {
    width: 161px;
    margin-bottom: 35px;
  }
}
main#str-main.update-oneday section.update-hotice-section .hotice-text {
  width: 86.4102564103vw;
  margin-bottom: 1.5384615385vw;
}
@media (min-width: 768px) {
  main#str-main.update-oneday section.update-hotice-section .hotice-text {
    width: 78.125vw;
  }
}
@media (min-width: 960px) {
  main#str-main.update-oneday section.update-hotice-section .hotice-text {
    width: 600px;
    margin-bottom: 10px;
  }
}
main#str-main.update-oneday section.update-hotice-section .hotice-largetext {
  width: 91.7948717949vw;
}
@media (min-width: 768px) {
  main#str-main.update-oneday section.update-hotice-section .hotice-largetext {
    width: 65.1041666667vw;
  }
}
@media (min-width: 960px) {
  main#str-main.update-oneday section.update-hotice-section .hotice-largetext {
    width: 500px;
  }
}
main#str-main.update-oneday section.update-hotice-section .hotice-label {
  position: absolute;
  width: 42.3076923077vw;
  top: 108.4615384615vw;
  right: -0.5128205128vw;
}
@media (min-width: 768px) {
  main#str-main.update-oneday section.update-hotice-section .hotice-label {
    width: 20.8333333333vw;
  }
}
main#str-main.update-oneday section.update-product-section .c {
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 960px) {
  main#str-main.update-oneday section.update-product-section .c {
    width: 100%;
    min-width: 100%;
    margin-top: -1px;
  }
}
main#str-main.update-oneday section.update-product-section .product-item {
  display: block;
}
main#str-main.update-oneday section.update-product-section .product-item.product-item-kv {
  display: none;
}
@media (min-width: 390px) {
  main#str-main.update-oneday section.update-product-section .product-item.product-item-kv {
    display: none;
  }
}
@media (min-width: 768px) {
  main#str-main.update-oneday section.update-product-section .product-item.product-item-kv {
    display: block;
  }
}
@media (min-width: 960px) {
  main#str-main.update-oneday section.update-product-section .product-item.product-item-kv {
    display: none;
  }
}
main#str-main.update-oneday section.update-product-section .product-item-label {
  display: none;
}
main#str-main.update-oneday section.update-product-section .product-caption {
  width: 100%;
  padding: 3.0769230769vw 4.1025641026vw 0;
  font-size: 0.9rem;
}
@media (min-width: 768px) {
  main#str-main.update-oneday section.update-product-section .product-caption {
    padding: 1.5625vw 2.0833333333vw 0;
    text-align: center;
  }
}
main#str-main.update-oneday section.update-product-section .product-item-label {
  display: block;
  position: absolute;
  z-index: 100;
  top: 0;
  right: 0;
}
main#str-main.update-oneday section.update-product-section .product-item-veil {
  display: block;
  position: absolute;
  z-index: 90;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: #fff;
  opacity: 0;
}
main#str-main.update-oneday section.update-product-section .js-trigger .product-item-veil {
  opacity: 1;
}
@media (min-width: 768px) {
  main#str-main.update-oneday section.update-product-section .product-list {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
  main#str-main.update-oneday section.update-product-section .product-item {
    width: 50%;
  }
}
@media (min-width: 960px) {
  main#str-main.update-oneday section.update-product-section {
    width: 100%;
    flex-direction: row;
    flex-wrap: no-wrap;
  }
  main#str-main.update-oneday section.update-product-section .product-item {
    width: 33.333%;
    position: relative;
    z-index: 99;
  }
  main#str-main.update-oneday section.update-product-section .product-item img {
    position: relative;
    z-index: 98;
  }
}