.micromodal {
  display: none;
}

.micromodal.is-open {
  display: block;
}

.micromodal__overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999999999;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.75);
  backdrop-filter: blur(0.1rem);
}

.micromodal__container {
  box-sizing: border-box;
  overflow-y: auto;
  display: flex;
  align-items: center;
  width: 1600px;
  height: 900px;
  max-width: calc(100% - 10rem);
  max-height: calc(100dvh - 10rem);
  padding: 0;
}
@media (max-width: 667px) and (orientation: portrait) {
  .micromodal__container {
    max-width: 94vw;
  }
}
@media (max-height: 667px) and (orientation: landscape) {
  .micromodal__container {
    max-height: 94dvh;
  }
}

.micromodal[aria-hidden=false] .micromodal__overlay {
  animation: microModalFadeIn 0.2s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal[aria-hidden=false] .micromodal__container {
  animation: microModalSlideIn 0.2s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal .micromodal__container,
.micromodal .micromodal__overlay {
  will-change: transform;
}

@keyframes microModalFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes microModalSlideIn {
  from {
    transform: translateY(15%);
  }
  to {
    transform: translateY(0);
  }
}
.micromodal_close {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
  border: none;
  display: block;
  width: 2.5rem;
  height: 2.5rem;
  position: fixed;
  top: 1.5rem;
  left: 1.25rem;
  color: #fff;
  padding: 0;
}
@media (max-width: 667px) {
  .micromodal_close {
    width: 4vw;
    height: 4vw;
    top: 3vw;
    right: 3vw;
  }
}
.micromodal_close::before, .micromodal_close::after {
  content: "";
  display: block;
  background-color: #fff;
  width: 100%;
  height: 3px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  transform: rotate(45deg);
}
@media (max-width: 667px) {
  .micromodal_close::before, .micromodal_close::after {
    height: 2px;
  }
}
.micromodal_close::after {
  transform: rotate(-45deg);
}

.originInner {
  background-color: #000;
  padding: 0;
  aspect-ratio: 16/9;
  width: 100%;
  height: 100%;
  max-width: -moz-fit-content;
  max-width: fit-content;
  max-height: -moz-fit-content;
  max-height: fit-content;
  margin: auto;
}
.originInner #iframe-container {
  aspect-ratio: 16/9;
  width: 100%;
  height: 100%;
  max-width: -moz-fit-content;
  max-width: fit-content;
  max-height: -moz-fit-content;
  max-height: fit-content;
  margin: auto;
}
.originInner iframe {
  -o-object-fit: contain;
     object-fit: contain;
  border: none;
  display: block;
  aspect-ratio: 16/9;
  width: 100%;
  height: 100%;
}

.modalContentMain {
  text-align: center;
}
.modalContentMain .ttl {
  font-size: 1.75rem;
  font-weight: bold;
  background-color: #f4f3f3;
  width: 720px;
  max-width: 90%;
  border-radius: 0.5rem;
  margin: 0 auto;
  padding: 0.4em;
}
@media (max-width: 667px) {
  .modalContentMain .ttl {
    font-size: 1.5rem;
  }
}
.modalContentMain img {
  margin: 2rem auto;
}

.modalContentSub {
  text-align: center;
  border-top: 2px solid;
  -o-border-image: linear-gradient(90deg, rgb(0, 66, 141) 0%, rgb(191, 245, 84) 100%) 1;
     border-image: linear-gradient(90deg, rgb(0, 66, 141) 0%, rgb(191, 245, 84) 100%) 1;
}
.modalContentSub .ttl {
  font-size: 1.25rem;
  font-weight: bold;
  color: #066686;
  margin: 1.75em auto;
}
@media (max-width: 667px) {
  .modalContentSub .ttl {
    margin-bottom: 1.25em;
  }
}
.modalContentSub .list_images {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 1.5rem 2.5rem;
  padding-bottom: 1rem;
}
@media (max-width: 667px) {
  .modalContentSub .list_images {
    gap: 3vw;
  }
}
.modalContentSub .list_images li {
  max-width: 240px;
}
@media (max-width: 667px) {
  .modalContentSub .list_images li {
    max-width: 36vw;
  }
}
.modalContentSub .list_images li p {
  font-size: 1.1rem;
  font-weight: bold;
  letter-spacing: 0.05em;
  margin-top: 0.2em;
}

.calpis_brandnew .pageContainer {
  min-width: auto;
}

.calpis_brandnew .contentsHeadLayer.inserted {
  background: #fff;
  padding-bottom: 0;
}

html.wf-active .tanabata2025-timepresent .family_notoSansJp,
html.wf-active .tanabata2025-timepresent .family_zenMaruGothic,
html.wf-inactive .tanabata2025-timepresent .family_notoSansJp,
html.wf-inactive .tanabata2025-timepresent .family_zenMaruGothic {
  visibility: visible;
}

.tanabata2025-timepresent .family_notoSansJp {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  visibility: hidden;
  font-feature-settings: "palt";
  letter-spacing: 0.05em;
  /* Thin */
  /* Extra-Light */
  /* Light */
  /* Regular */
  /* Medium */
  /* Semi-Bold */
  /* Bold */
  /* Extra-Bold */
  /* Black */
}
.tanabata2025-timepresent .family_notoSansJp.weight-100 {
  font-weight: 100;
}
.tanabata2025-timepresent .family_notoSansJp.weight-200 {
  font-weight: 200;
}
.tanabata2025-timepresent .family_notoSansJp.weight-300 {
  font-weight: 300;
}
.tanabata2025-timepresent .family_notoSansJp.weight-400 {
  font-weight: 400;
}
.tanabata2025-timepresent .family_notoSansJp.weight-500 {
  font-weight: 500;
}
.tanabata2025-timepresent .family_notoSansJp.weight-600 {
  font-weight: 600;
}
.tanabata2025-timepresent .family_notoSansJp.weight-700 {
  font-weight: 700;
}
.tanabata2025-timepresent .family_notoSansJp.weight-800 {
  font-weight: 800;
}
.tanabata2025-timepresent .family_notoSansJp.weight-900 {
  font-weight: 900;
}
.tanabata2025-timepresent .family_zenMaruGothic {
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 700;
  visibility: hidden;
  font-feature-settings: "palt";
  letter-spacing: -0.075em;
  /* Thin */
  /* Extra-Light */
  /* Light */
  /* Regular */
  /* Medium */
  /* Semi-Bold */
  /* Bold */
  /* Extra-Bold */
  /* Black */
}
.tanabata2025-timepresent .family_zenMaruGothic.weight-100 {
  font-weight: 100;
}
.tanabata2025-timepresent .family_zenMaruGothic.weight-200 {
  font-weight: 200;
}
.tanabata2025-timepresent .family_zenMaruGothic.weight-300 {
  font-weight: 300;
}
.tanabata2025-timepresent .family_zenMaruGothic.weight-400 {
  font-weight: 400;
}
.tanabata2025-timepresent .family_zenMaruGothic.weight-500 {
  font-weight: 500;
}
.tanabata2025-timepresent .family_zenMaruGothic.weight-600 {
  font-weight: 600;
}
.tanabata2025-timepresent .family_zenMaruGothic.weight-700 {
  font-weight: 700;
}
.tanabata2025-timepresent .family_zenMaruGothic.weight-800 {
  font-weight: 800;
}
.tanabata2025-timepresent .family_zenMaruGothic.weight-900 {
  font-weight: 900;
}
.tanabata2025-timepresent img {
  width: 100%;
}
.tanabata2025-timepresent sub {
  font-size: 0.4em;
  vertical-align: middle;
}
@media (min-width: 668px) {
  .tanabata2025-timepresent .only_sp {
    display: none;
  }
}
@media (max-width: 667px) {
  .tanabata2025-timepresent .only_pc {
    display: none;
  }
}
.tanabata2025-timepresent .content {
  text-align: center;
}
.tanabata2025-timepresent .innerWidth {
  box-sizing: border-box;
  width: 76.92307692%;
  margin-right: auto;
  margin-left: auto;
}
@media (max-width: 667px) {
  .tanabata2025-timepresent .innerWidth {
    width: 90vw;
  }
}
.tanabata2025-timepresent .obj_linkBtn {
  min-height: 3em;
  min-width: -moz-min-content;
  min-width: min-content;
  border-radius: 99em;
  display: grid;
  place-content: center;
  font-weight: bold;
  margin: 1em auto;
  padding: 0.25em 3em;
  line-height: 1;
  position: relative;
}
.tanabata2025-timepresent .obj_linkBtn::after {
  content: "";
  display: block;
  width: 1.5em;
  height: 1.5em;
  background: url(../img/circle-arrow-right-solid.svg) no-repeat border-box left top/100% 100%;
  position: absolute;
  top: 0.25em;
  bottom: 0.25em;
  right: 1em;
  margin: auto;
}
.tanabata2025-timepresent .obj_linkBtn.arrow-back::after {
  right: auto;
  left: 1em;
  background-image: url(../img/circle-arrow-left-solid.svg);
}
.tanabata2025-timepresent .obj_linkBtn.type-white {
  background: #fff;
  color: #014099;
  box-shadow: 0px 4px 0px 3px rgb(0, 23, 131), 0px 15px 15px 0px rgba(0, 0, 0, 0.15);
}
.tanabata2025-timepresent .obj_linkBtn.type-blue {
  background: #0053c5;
  color: #fff;
  box-shadow: 0px 4px 0px 3px rgb(0, 43, 103), 0px 15px 15px 0px rgba(0, 0, 0, 0.15);
}
.tanabata2025-timepresent .obj_linkBtn.type-blue::after {
  background-image: url(../img/circle-arrow-right-solid_white.svg);
}
.tanabata2025-timepresent .obj_linkBtn.type-blue.arrow-back::after {
  background-image: url(../img/circle-arrow-left-solid_white.svg);
}
.tanabata2025-timepresent .obj_linkBtn.type-yellow {
  background: #fff100;
  color: #014099;
  box-shadow: 0px 4px 0px 3px rgb(188, 176, 108), 0px 15px 15px 0px rgba(0, 0, 0, 0.15);
}
.tanabata2025-timepresent .obj_linkBtn .btnInner {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.25em 0.5em;
}
.tanabata2025-timepresent .obj_linkBtn .logo_CALPIS {
  display: inline-block;
  height: 1.25em;
  width: auto;
}
.tanabata2025-timepresent .obj_linkBtn span {
  display: block;
}
.tanabata2025-timepresent .obj_linkBtn:hover {
  text-decoration: none;
}
@media (min-width: 668px) and (any-hover: hover) {
  .tanabata2025-timepresent .obj_linkBtn::after {
    transition: transform 0.4s cubic-bezier(0.23, 0.67, 0.51, 0.99);
  }
  .tanabata2025-timepresent .obj_linkBtn:hover::after {
    transform: scale(1.25);
  }
}
.tanabata2025-timepresent *:has(+ .obj_content-foot) {
  padding-bottom: 60px;
}
@media (max-width: 667px) {
  .tanabata2025-timepresent *:has(+ .obj_content-foot) {
    padding-bottom: 10vw;
  }
}
.tanabata2025-timepresent .obj_content-foot {
  font-size: 1.38461538vw;
  padding-top: 60px;
  margin-top: -60px;
  position: relative;
}
@media (max-width: 1000px) {
  .tanabata2025-timepresent .obj_content-foot {
    font-size: 13.8462px;
  }
}
@media (max-width: 667px) {
  .tanabata2025-timepresent .obj_content-foot {
    padding-top: 8vw;
    margin-top: -8vw;
  }
}
.tanabata2025-timepresent .obj_content-foot::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 61px;
  width: 100%;
  background: url(../img/wave_top_content-foot.webp) no-repeat border-box left top/100% 100%;
}
@media (max-width: 667px) {
  .tanabata2025-timepresent .obj_content-foot::before {
    height: calc(8vw + 1px);
  }
}
.tanabata2025-timepresent .obj_content-foot .inner {
  background-color: #0053c5;
  color: #fff;
  padding: 24px 0 84px;
}
@media (max-width: 667px) {
  .tanabata2025-timepresent .obj_content-foot .inner {
    padding: 2vw 0 8vw;
  }
}
.tanabata2025-timepresent .obj_content-foot .obj_linkBtn {
  font-size: 1.22222222em;
  margin-bottom: 40px;
  width: 38.46153846vw;
}
@media (max-width: 1000px) {
  .tanabata2025-timepresent .obj_content-foot .obj_linkBtn {
    width: 384.609px;
  }
}
@media (max-width: 667px) {
  .tanabata2025-timepresent .obj_content-foot .obj_linkBtn {
    margin-bottom: 5vw;
    width: auto;
    font-size: 4.25vw;
  }
}
.tanabata2025-timepresent .leadBox {
  overflow: hidden;
  background: url(../img/lead-bg.webp) #fff no-repeat border-box left top/100% auto;
  padding-top: 4.61538462%;
  padding-bottom: 9.53846154%;
}
@media (max-width: 667px) {
  .tanabata2025-timepresent .leadBox {
    background-image: url(../img/lead-bg_sp.webp);
    padding-top: 7vw;
  }
}
.tanabata2025-timepresent .leadBox .inner {
  width: 67.69230769%;
  margin: 0 auto;
}
@media (max-width: 667px) {
  .tanabata2025-timepresent .leadBox .inner {
    width: 92vw;
  }
}
.tanabata2025-timepresent .leadBox .inner .lead_text {
  font-size: 1.38461538vw;
  line-height: 2.11111111;
  padding: 1em 0;
}
@media (max-width: 1000px) {
  .tanabata2025-timepresent .leadBox .inner .lead_text {
    font-size: 13.8462px;
  }
}
@media (max-width: 667px) {
  .tanabata2025-timepresent .leadBox .inner .lead_text {
    font-size: 3.5vw;
    padding-top: 0;
  }
}
.tanabata2025-timepresent .leadBox .inner .lead_text p {
  margin: 2em auto;
}
.tanabata2025-timepresent .nav_timepresent {
  background: #fff;
  margin-top: -9.53846154%;
  padding-bottom: 2%;
  position: relative;
}
.tanabata2025-timepresent .nav_timepresent::before {
  content: "";
  position: absolute;
  top: 35%;
  right: 0;
  bottom: 0;
  left: 0;
  background: url(../img/bg_nav_timepresent.webp) center center/cover;
}
@media (max-width: 667px) {
  .tanabata2025-timepresent .nav_timepresent::before {
    background-size: 140% auto;
  }
}
.tanabata2025-timepresent .nav_timepresent .inner {
  position: relative;
  display: flex;
  justify-content: center;
  gap: 2.5%;
  margin: 0 auto;
}
@media (max-width: 667px) {
  .tanabata2025-timepresent .nav_timepresent .inner {
    gap: 1%;
    padding-right: 1%;
  }
}
.tanabata2025-timepresent .nav_timepresent .inner a {
  display: block;
  width: 24.69230769%;
}
@media (max-width: 667px) {
  .tanabata2025-timepresent .nav_timepresent .inner a {
    width: 48%;
  }
}
@media (min-width: 668px) and (any-hover: hover) {
  .tanabata2025-timepresent .nav_timepresent .inner a {
    transition: transform 0.4s cubic-bezier(0.23, 0.67, 0.51, 0.99);
    transform-origin: center bottom;
  }
  .tanabata2025-timepresent .nav_timepresent .inner a:hover {
    transform: scale(1.05);
  }
}
.tanabata2025-timepresent .hinamatsuri,
.tanabata2025-timepresent .tanabata {
  font-size: 1.38461538vw;
}
@media (max-width: 1000px) {
  .tanabata2025-timepresent .hinamatsuri,
  .tanabata2025-timepresent .tanabata {
    font-size: 13.8462px;
  }
}
@media (max-width: 667px) {
  .tanabata2025-timepresent .hinamatsuri,
  .tanabata2025-timepresent .tanabata {
    font-size: 3.5vw;
  }
}
.tanabata2025-timepresent .hinamatsuri .inner,
.tanabata2025-timepresent .tanabata .inner {
  padding-bottom: 6%;
}
.tanabata2025-timepresent .hinamatsuri .box_white,
.tanabata2025-timepresent .tanabata .box_white {
  background-color: #fff;
  border-radius: 2.30769231vw;
  padding: 6%;
}
@media (max-width: 1000px) {
  .tanabata2025-timepresent .hinamatsuri .box_white,
  .tanabata2025-timepresent .tanabata .box_white {
    border-radius: 23.07692px;
  }
}
.tanabata2025-timepresent .hinamatsuri .box_white .grid,
.tanabata2025-timepresent .tanabata .box_white .grid {
  display: grid;
  grid-template-columns: 58% 41%;
  gap: 1%;
}
.tanabata2025-timepresent .hinamatsuri .box_white .grid .text,
.tanabata2025-timepresent .tanabata .box_white .grid .text {
  line-height: 2.11111111;
  text-align: left;
}
.tanabata2025-timepresent .hinamatsuri .box_white .grid .text p + p,
.tanabata2025-timepresent .tanabata .box_white .grid .text p + p {
  margin-top: 1em;
}
.tanabata2025-timepresent .hinamatsuri .box_white .grid .text .mini,
.tanabata2025-timepresent .tanabata .box_white .grid .text .mini {
  font-size: 0.77777778em;
}
.tanabata2025-timepresent .hinamatsuri .box_white .grid .photo,
.tanabata2025-timepresent .tanabata .box_white .grid .photo {
  display: grid;
  place-content: center;
}
@media (max-width: 667px) {
  .tanabata2025-timepresent .hinamatsuri .box_white .grid,
  .tanabata2025-timepresent .tanabata .box_white .grid {
    grid-template-columns: 100%;
    gap: 4vw;
  }
  .tanabata2025-timepresent .hinamatsuri .box_white .grid .photo,
  .tanabata2025-timepresent .tanabata .box_white .grid .photo {
    padding: 0 4vw;
  }
}
.tanabata2025-timepresent .hinamatsuri .box_white .movieWrap,
.tanabata2025-timepresent .tanabata .box_white .movieWrap {
  aspect-ratio: 16/9;
  background-color: gray;
  width: 79.54545455%;
  margin: 5% auto;
}
@media (max-width: 667px) {
  .tanabata2025-timepresent .hinamatsuri .box_white .movieWrap,
  .tanabata2025-timepresent .tanabata .box_white .movieWrap {
    width: auto;
    margin: 8vw auto;
  }
}
.tanabata2025-timepresent .hinamatsuri .box_white .movieWrap a,
.tanabata2025-timepresent .tanabata .box_white .movieWrap a {
  display: block;
  position: relative;
}
.tanabata2025-timepresent .hinamatsuri .box_white .movieWrap a::after,
.tanabata2025-timepresent .tanabata .box_white .movieWrap a::after {
  content: "";
  display: block;
  aspect-ratio: 1/1;
  width: 10%;
  min-width: 60px;
  background: url(../img/icon_moviePlay.webp) no-repeat center center/contain;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
@media (min-width: 668px) and (any-hover: hover) {
  .tanabata2025-timepresent .hinamatsuri .box_white .movieWrap a::after,
  .tanabata2025-timepresent .tanabata .box_white .movieWrap a::after {
    transition: transform 0.4s cubic-bezier(0.23, 0.67, 0.51, 0.99);
  }
  .tanabata2025-timepresent .hinamatsuri .box_white .movieWrap a:hover,
  .tanabata2025-timepresent .tanabata .box_white .movieWrap a:hover {
    cursor: pointer;
  }
  .tanabata2025-timepresent .hinamatsuri .box_white .movieWrap a:hover::after,
  .tanabata2025-timepresent .tanabata .box_white .movieWrap a:hover::after {
    transform: scale(1.2);
  }
}
.tanabata2025-timepresent .hinamatsuri .obj_linkBtn,
.tanabata2025-timepresent .tanabata .obj_linkBtn {
  font-size: 1.44444444em;
  max-width: 45%;
}
@media (max-width: 667px) {
  .tanabata2025-timepresent .hinamatsuri .obj_linkBtn,
  .tanabata2025-timepresent .tanabata .obj_linkBtn {
    max-width: none;
    font-size: 1.2em;
  }
}
.tanabata2025-timepresent .hinamatsuri {
  background-image: url(../img/dot_white.webp), url(../img/bg_pink.webp);
  background-size: 100% auto, cover;
  background-repeat: no-repeat, no-repeat;
  background-position: top center, top center;
}
@media (max-width: 667px) {
  .tanabata2025-timepresent .hinamatsuri {
    background-image: url(../img/bg_pink.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
  }
}
.tanabata2025-timepresent .tanabata {
  background-image: url(../img/dot_white.webp), url(../img/bg_blue.webp);
  background-size: 100% auto, cover;
  background-repeat: no-repeat, no-repeat;
  background-position: top center, top center;
}
@media (max-width: 667px) {
  .tanabata2025-timepresent .tanabata {
    background-image: url(../img/bg_blue.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
  }
}