@import "https://fonts.googleapis.com/css?family=Noto+Sans+JP:300,400,500,700&subset=japanese&display=swap";
body.is-fixed {
  position: fixed;
  top: 0;
  left: 0;
  overflow: hidden;
}

#wrapper {
  min-width: auto !important;
}

#header {
  position: relative;
  z-index: 1000;
}

.brand-header-wrap {
  display: none !important;
}

.breadcrumb {
  position: relative;
  z-index: 2;
  background-color: #fff;
}

#eyecare_header {
  position: relative;
  z-index: 2;
  background-color: #fff;
}

#eyecareday_container {
  position: relative;
  min-width: auto;
  color: #000;
  overflow: hidden;
  text-align: left;
  background-color: #fff;
}

#eyecareday_container * {
  -webkit-box-sizing: border-box !important;
  box-sizing: border-box !important;
}

#eyecareday_container img {
  width: 100%;
  height: auto;
  vertical-align: top;
  image-rendering: -webkit-optimize-contrast;
}

#eyecareday_container ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#eyecareday_container ol, #eyecareday_container dl, #eyecareday_container dt, #eyecareday_container dd, #eyecareday_container p {
  margin: 0;
  padding: 0;
}

@media screen and (max-width: 767px) {
  #eyecareday_container .u-sm-min {
    display: none !important;
  }
}
@media print, screen and (min-width: 768px) {
  #eyecareday_container .u-sm-max {
    display: none !important;
  }
}
@media screen and (max-width: 960px) {
  #eyecareday_container .u-md-min {
    display: none !important;
  }
}
@media print, screen and (min-width: 961px) {
  #eyecareday_container .u-md-max {
    display: none !important;
  }
}
#eyecareday_container * {
  font-family: "Noto Sans JP", sans-serif;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  color: #000;
}

#eyecareday_container a {
  -webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}

#eyecareday_container {
  width: 100%;
  background-color: #005bac;
  background-image: url("/-/Media/com/learn-more/eyecare2024/eyecareday/20241004/bg.png");
  background-size: min(13.3333333333vw, 80px) auto;
  background-repeat: repeat;
  background-position: center;
  background-attachment: fixed;
}
#eyecareday_container .box-left {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: calc((100vw - 600px) / 2);
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  padding: 40px;
  z-index: 1;
  box-sizing: border-box;
}
#eyecareday_container .box-left p {
  max-width: min(69.4666666667vw, 416.8px);
}
@media screen and (max-width: 1200px) {
  #eyecareday_container .box-left p {
    display: none;
  }
}
#eyecareday_container .box-right {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  width: calc((100vw - 600px) / 2);
  height: 100%;
  position: fixed;
  top: 0;
  right: 0;
  padding: 40px;
  z-index: 1;
  box-sizing: border-box;
}
#eyecareday_container .box-right__inner {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  max-width: min(66.6666666667vw, 400px);
  gap: min(0.5333333333vw, 3.2px);
}
@media screen and (max-width: 1200px) {
  #eyecareday_container .box-right__inner {
    display: none;
  }
}
#eyecareday_container .box-right__inner ul {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: min(6.6666666667vw, 40px);
}
#eyecareday_container .box-center {
  max-width: 600px;
  margin: 0 auto;
  background-color: #005bac;
}
#eyecareday_container .contents {
  display: flex;
  flex-direction: column;
  padding: min(10.6666666667vw, 64px) 0 min(21.3333333333vw, 128px);
  gap: min(17.0666666667vw, 102.4px);
}
#eyecareday_container .sec__ttl {
  width: min(53.3333333333vw, 320px);
  margin: 0 auto min(8.5333333333vw, 51.2px);
}
#eyecareday_container .about__state {
  width: min(63.3333333333vw, 380px);
  margin: 0 auto;
}
#eyecareday_container .about__release {
  padding: min(13.8666666667vw, 83.2px) 0;
  display: flex;
  flex-direction: column;
  gap: min(9.6vw, 57.6px);
}
#eyecareday_container .about__release li {
  width: min(82.6666666667vw, 496px);
  margin: 0 auto;
}
#eyecareday_container .about__release li figcaption {
  width: min(31.4666666667vw, 188.8px);
  margin: min(3.2vw, 19.2px) auto 0;
}
#eyecareday_container .about__detail {
  display: flex;
  flex-direction: column;
  gap: min(5.3333333333vw, 32px);
}
#eyecareday_container .about__detail:nth-of-type(n+2) {
  margin-top: min(12.8vw, 76.8px);
}
#eyecareday_container .about__detail dt p {
  width: min(23.4666666667vw, 140.8px);
  margin: 0 auto;
}
#eyecareday_container .about__detail dd p {
  margin: 0 auto;
}
#eyecareday_container .about__location dd p {
  width: min(48.8vw, 292.8px);
}
#eyecareday_container .about__date dd p {
  width: min(66.4vw, 398.4px);
}
#eyecareday_container .about__price dd p {
  width: min(74.1333333333vw, 444.8px);
}
#eyecareday_container .about__price dd ul {
  display: flex;
  flex-direction: column;
  gap: min(3.7333333333vw, 22.4px);
  margin: min(5.3333333333vw, 32px) auto;
}
#eyecareday_container .about__price dd ul li {
  width: min(56vw, 336px);
  margin: 0 auto;
}
#eyecareday_container .character__list {
  display: flex;
  flex-direction: column;
  gap: min(7.4666666667vw, 44.8px);
}
#eyecareday_container .character__list li {
  display: flex;
  justify-content: center;
  align-items: center;
  width: min(60vw, 360px);
  margin: 0 auto;
  gap: min(5.3333333333vw, 32px);
}
#eyecareday_container .collab__detail {
  display: flex;
  flex-direction: column;
  gap: min(5.3333333333vw, 32px);
}
#eyecareday_container .collab__detail:nth-of-type(n+2) {
  margin-top: min(10.6666666667vw, 64px);
}
#eyecareday_container .collab__detail dt p {
  width: min(23.4666666667vw, 140.8px);
  margin: 0 auto;
}
#eyecareday_container .collab__detail dd p {
  margin: 0 auto;
}
#eyecareday_container .collab__date dd p {
  width: min(65.3333333333vw, 392px);
}
#eyecareday_container .collab__access dd p {
  width: min(71.2vw, 427.2px);
}
#eyecareday_container .collab__price dd p {
  width: min(64.2666666667vw, 385.6px);
}
#eyecareday_container .collab__price dd p a {
  display: block;
  width: 100%;
  margin-top: min(4.2666666667vw, 25.6px);
}
#eyecareday_container .collab__overview {
  gap: min(7.4666666667vw, 44.8px);
}
#eyecareday_container .collab__overview dt p {
  width: min(49.3333333333vw, 296px);
}
#eyecareday_container .collab__overview dd p:nth-of-type(1) {
  width: min(66.6666666667vw, 400px);
}
#eyecareday_container .collab__overview dd p:nth-of-type(2) {
  width: min(86.6666666667vw, 520px);
  margin: min(11.2vw, 67.2px) auto min(8.5333333333vw, 51.2px);
}
#eyecareday_container .collab__overview dd p:nth-of-type(3) {
  width: min(46vw, 276px);
}
#eyecareday_container .collab__overview dd p:nth-of-type(4) {
  width: min(70.9333333333vw, 425.6px);
  margin-top: min(5.3333333333vw, 32px);
}
#eyecareday_container .photo__txt {
  width: min(54.6666666667vw, 328px);
  margin: 0 auto;
}
#eyecareday_container .archive .box {
  padding: min(8vw, 48px) 0 min(6.6666666667vw, 40px);
}
#eyecareday_container .archive .box .inner {
  width: min(89.3333333333vw, 536px);
  margin: 0 auto;
}
#eyecareday_container .archive .box .ttl {
  margin-bottom: min(1.8666666667vw, 11.2px);
}
#eyecareday_container .archive .box a {
  display: block;
}
#eyecareday_container .archive .box a:hover {
  opacity: 0.7;
}
#eyecareday_container .box2023 {
  background-color: #000533;
}
#eyecareday_container .box2023 .ttl2023 {
  width: min(31.8666666667vw, 191.2px);
}
#eyecareday_container .box2022 {
  background-color: #00946a;
}
#eyecareday_container .box2022 .ttl2022 {
  width: min(31.8666666667vw, 191.2px);
}
#eyecareday_container .box2021 {
  background-color: #005cab;
}
#eyecareday_container .box2021 .ttl2021 {
  width: min(31.7333333333vw, 190.4px);
}
#eyecareday_container .box2020 {
  background-color: #004d95;
}
#eyecareday_container .box2020 .ttl2020 {
  width: min(31.8666666667vw, 191.2px);
}