@import url('https://fonts.googleapis.com/css2?family=M+PLUS+1p&family=Noto+Sans+JP:wght@100..900&family=Red+Hat+Display:ital,wght@0,300..900;1,300..900&family=Shippori+Mincho&display=swap');

.calpis_brandnew .contentsBodyLayer {
  background: #fff;}

.cw2026cp-houkago {
overflow: hidden;}

.cw2026cp-houkago__header__logo {
  margin: 10px auto;
  width: 496px; }
  @media screen and (max-width: 667px) {
    .cw2026cp-houkago__header__logo {
      margin: 1.33vw auto;
      width: 64%; } }

.cw2026cp-houkago_mainvisual__cont {
  position: relative;
  background: url("../img/mv_bg.png") no-repeat bottom center ;
  height: 1111px;}
  @media screen and (max-width: 667px) {
    .cw2026cp-houkago_mainvisual__cont {
      background: url("../img/sp_mv_bg.png") no-repeat bottom center ;
      height: inherit;} }

.cw2026cp-houkago_mainvisual_slider {
  position: absolute;
  top: 60px;
  right: 0;
  left: 0;
  width: 100%;
  z-index: 5;}
  @media screen and (max-width: 667px) {
    .cw2026cp-houkago_mainvisual_slider {
        top: 3.33vw;} }

.cw2026cp-houkago_mainvisual_slider__wrap {
  display: flex;
  overflow: hidden;}

@keyframes cw2026cp-houkago_mainvisual_slider__list {
from {
  transform: translateX(0);}
  to {
  transform: translateX(-100%);}}

.cw2026cp-houkago_mainvisual_slider__list {
  display: flex;
  align-items: center;
  list-style: none;
  padding: 0;
  animation: cw2026cp-houkago_mainvisual_slider__list 80s infinite linear 0.5s both;}

.cw2026cp-houkago_mainvisual_slider__item {
  width: 214px;}
  @media screen and (max-width: 667px) {
    .cw2026cp-houkago_mainvisual_slider__item {
        width: 24.4vw;} }

.cw2026cp-houkago_mainvisual_slider__item.check {
  width: 267px;}
  @media screen and (max-width: 667px) {
    .cw2026cp-houkago_mainvisual_slider__item.check {
        width: 28vw;} }

.cw2026cp-houkago_mainvisual_slider__item>img {
  border-radius: 10px;
  width: 92%;}

.cw2026cp-houkago_mainvisual__inner {
  position: relative;
  width: 927px;
  margin: 0 auto; }
  @media screen and (max-width: 667px) {
    .cw2026cp-houkago_mainvisual__inner {
      width: 100%;} }

.cw2026cp-houkago_mainvisual__ttl {
  position: relative;
  width: 927px;
  margin: 0 auto;
  padding: 347px 0 40px;
  z-index: 5;}
  @media screen and (max-width: 667px) {
    .cw2026cp-houkago_mainvisual__ttl {
      width: 100%;
      padding: 45.87vw 0 0vw;} }

.cw2026cp-houkago_mainvisual__banner {
  position: relative;
  width: 848px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
    -webkit-justify-content: space-between;
  margin: 0 auto;
  z-index: 20;}
  @media screen and (max-width: 667px) {
    .cw2026cp-houkago_mainvisual__banner {
      width: 65.87vw;
      display: block;} }

.cw2026cp-houkago_mainvisual__banner__item {
  width: 424px;}
  @media screen and (max-width: 667px) {
    .cw2026cp-houkago_mainvisual__banner__item {
      width: 100%;
      margin: 0.8vw auto 0;} }

.cw2026cp-houkago_mainvisual__note {
  width: 343px;
  margin: 15px auto 0;
  padding-bottom: 160px;}
  @media screen and (max-width: 667px) {
    .cw2026cp-houkago_mainvisual__note {
      width: 38.93%;
      margin: 2.67vw auto 0;
      padding-bottom: 26.67vw;} }

.cw2026cp-houkago_mainvisual__product {
  width: 532.5px;
  position: absolute;
  right: -300px;
  bottom:-70px;
  z-index: 10;}
  @media screen and (max-width: 667px) {
    .cw2026cp-houkago_mainvisual__product {
      width: 58.8vw;
      right: -7%;
      bottom: 21.83%;} }

.cw2026cp-houkago_message {
  padding: 125px 0 140px;}
  @media screen and (max-width: 667px) {
    .cw2026cp-houkago_message {
      padding: 5.33vw 0; } }

.cw2026cp-houkago_message__txt01 {
  width: 542px;
  margin: 0 auto;}
  @media screen and (max-width: 667px) {
    .cw2026cp-houkago_message__txt01 {
      width: 68.53vw; } }

.cw2026cp-houkago_message__txt02 {
  width: 463px;
  margin: 66px auto 0;}
  @media screen and (max-width: 667px) {
    .cw2026cp-houkago_message__txt02 {
      width: 77.87vw;
      margin: 6.67vw auto 17.33vw;} }

.cw2026cp-houkago_movie__cont01 {
  position: relative;
  background: url("../img/movie_bg_episode02.png") no-repeat top center ;
  background-size: cover;}
  @media screen and (max-width: 667px) {
    .cw2026cp-houkago_movie__cont01 {
      background: url("../img/sp_movie_bg_episode02.png") no-repeat top center ;
      background-size: 100%;} }

.cw2026cp-houkago_movie__cont01__inner {
  position: relative;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  padding: 642px 0 245px;}
  @media screen and (max-width: 667px) {
    .cw2026cp-houkago_movie__cont01__inner {
      width: 93.33%;
      padding: 88.8vw 0 34.34vw; } }

.cw2026cp-houkago_movie__episodeno {
  width: 190px;
  margin: 0 auto 25px 0;}
  @media screen and (max-width: 667px) {
    .cw2026cp-houkago_movie__episodeno {
      width: 26.93vw;
      margin: 0 auto 4.27vw ; } }

.cw2026cp-houkago_movie__episodettl {
  width: 563px;
  margin: 0 auto 25px 0;}
  @media screen and (max-width: 667px) {
    .cw2026cp-houkago_movie__episodettl {
      width: 100%;
      margin: 0 auto 6.93vw 0; } }

.cw2026cp-houkago_movie__episodenew {
  position: absolute;
  width: 70px;
  top:595px;
  left:-39px;}
  @media screen and (max-width: 667px) {
    .cw2026cp-houkago_movie__episodenew {
      width: 13.33vw;
        top:78.8vw;
        left:26.53vw; } }

.cw2026cp-houkago_movie__episodebtn {
  display: block;
  width: 360px;
  margin: 0 auto 15px 0;}
  @media screen and (max-width: 667px) {
    .cw2026cp-houkago_movie__episodebtn {
      width: 70.4vw;
      margin: 0 auto 5.07vw; } }

.cw2026cp-houkago_movie__episodebtn:hover {
  opacity: 0.7;}
  @media screen and (max-width: 667px) {
    .cw2026cp-houkago_movie__episodebtn:hover {
      opacity: 1; } }

.cw2026cp-houkago_movie__episodetxt {
  width: 258px;
  margin: 0 auto 0 65px;}
  @media screen and (max-width: 667px) {
    .cw2026cp-houkago_movie__episodetxt {
      width: 58.93vw;
      margin: 0 auto; } }

.cw2026cp-houkago_movie__cont02 {
  position: relative;
  background: url("../img/movie_bg02.png") no-repeat top center ;
  background-size: cover;}
  @media screen and (max-width: 667px) {
    .cw2026cp-houkago_movie__cont02 {
      background: url("../img/sp_movie_bg02.png") no-repeat top center ;
      background-size: 100%;} }

.cw2026cp-houkago_movie__cont02__inner {
  position: relative;
  padding: 205px 0 450px;}
  @media screen and (max-width: 667px) {
    .cw2026cp-houkago_movie__cont02__inner {
      padding: 22.67vw 0 69.67vw;} }

.cw2026cp-houkago_movie__ttl{
  position: absolute;
  width: 647px;
  margin: 0 auto;
  top:-70px;
  right: 0;
  left: 0;}
  @media screen and (max-width: 667px) {
    .cw2026cp-houkago_movie__ttl {
      width: 73.87vw;
      top:-10.67vw;} }

.cw2026cp-houkago_movie__txt01 {
  font-family: "Shippori Mincho", serif;
  font-weight: bold;
  font-style: normal;
  font-size: 28px;
  color: #FFFE00;
  background: #2F4798;
  text-align: center;
  padding: 15px 0;
  width: 332px;
  margin: 0 auto;}
  @media screen and (max-width: 667px) {
    .cw2026cp-houkago_movie__txt01 {
      width: 50.67vw;
      font-size: 4.53vw;
      padding: 2.67vw 0;} }

.cw2026cp-houkago_movie__box {
  width: 660px;
  display: flex;
  justify-content: space-between;
  margin: 65px auto 0;}

  @media screen and (max-width: 667px) {
    .cw2026cp-houkago_movie__box {
      width: 100%;
      margin: 9.33vw auto 0;} }

.movie_pc {
  display: block;}
  @media screen and (max-width: 667px) {
    .movie_pc {
      display: none;} }

.movie_sp {
  display: none;}
  @media screen and (max-width: 667px) {
    .movie_sp {
      display: block;} }

.cw2026cp-houkago_movie__box__item {
  position: relative;
  width: 310px;
  margin: 0 auto;
  color: #2F4798;}
  @media screen and (max-width: 667px) {
    .cw2026cp-houkago_movie__box__item {
      width: 56vw; ;} }

.cw2026cp-houkago_movie__box__item__inner{
  margin: 0 auto;}
  @media screen and (max-width: 667px) {
    .cw2026cp-houkago_movie__box__item__inner {
        width: 92%;;} }

.cw2026cp-houkago_movie__box__item__link:hover {
  opacity: 0.7;}
  @media screen and (max-width: 667px) {
    .cw2026cp-houkago_movie__box__item__link:hover {
      opacity: 1; } }

.cw2026cp-houkago_movie__box__item__thumbnail {
  position: relative;}

.cw2026cp-houkago_movie__box__item__thumbnail__img img {
  border-radius: 20px;}

.cw2026cp-houkago_movie__box__item__thumbnail_ico {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60px;}
  @media screen and (max-width: 667px) {
    .cw2026cp-houkago_movie__box__item__thumbnail_ico {
      width: 11.73vw; } }

.cw2026cp-houkago_movie__box__item__txt01 {
  font-family: "Red Hat Display", sans-serif;
  font-weight: bold;
  font-size: 18px;
  text-align: center;
  margin: 20px auto 13px;}
  @media screen and (max-width: 667px) {
    .cw2026cp-houkago_movie__box__item__txt01 {
      font-size: 3.2vw;
      margin: 3.47vw auto 1.33vw;} }

.cw2026cp-houkago_movie__box__item__txt02 {
  font-family: "Shippori Mincho", serif;
  font-weight: bold;
  font-size: 24px;
  text-align: center;
  margin: 0 auto 15px;}
  @media screen and (max-width: 667px) {
    .cw2026cp-houkago_movie__box__item__txt02 {
      font-size: 4.27vw;
      margin: 0 auto 2.67vw;} }

.cw2026cp-houkago_movie__box__item__txt03 {
  font-family: "M PLUS 1p", sans-serif;
  font-size: 14px;
  margin: 0 auto ;
  line-height: 1.571;}
  @media screen and (max-width: 667px) {
    .cw2026cp-houkago_movie__box__item__txt03 {
      font-size: 2.67vw;
      line-height: 1.5;} }

.cw2026cp-houkago__backbtn {
  width: 330px;
  text-align: center;
  margin: 160px auto 0;}
  @media screen and (max-width: 667px) {
    .cw2026cp-houkago__backbtn {
      width: 50.13vw;
      margin: 26.67vw auto 0;} }

.cw2026cp-houkago__backbtn a {
  display: block;
  font-family: "Shippori Mincho", serif;
  font-weight: 300;
  font-size: 20px;
  background: #fff;
  border-radius: 40px;
  color: #2F4798;
  padding: 23px 0;}
  @media screen and (max-width: 667px) {
    .cw2026cp-houkago__backbtn a {
      font-size: 4vw;
      padding: 2.67vw 0;} }

.cw2026cp-houkago__backbtn a:hover {
  text-decoration: none;
  opacity: 0.7;}
  @media screen and (max-width: 667px) {
    .cw2026cp-houkago__backbtn a:hover {
      opacity: 1;} }

.cw2026cp-houkago_sns {
  display: flex;}
  @media screen and (max-width: 667px) {
    .cw2026cp-houkago_sns {
      display: block;} }

.cw2026cp-houkago_sns__item {
  width: 50%;
  display: flex;
  align-items: center;
  padding: 30px 70px 30px 0;}
  @media screen and (max-width: 667px) {
    .cw2026cp-houkago_sns__item {
      width: 100%; } }
  @media screen and (max-width: 667px) {
    .cw2026cp-houkago_sns__item.calpis {
      padding: 8vw 0 8vw 0; } }
  @media screen and (max-width: 667px) {
    .cw2026cp-houkago_sns__item.gokko {
      padding: 5vw 0 5vw 0; } }

.calpis_logo {
  width: 76.88%;
  margin: 0 auto 0 50px;}
  @media screen and (max-width: 667px) {
    .calpis_logo {
      width: 46.13%;
      margin: 0 auto 0 5.33%;} }

.calpis_logo img {
  width: 107px;}
  @media screen and (max-width: 667px) {
    .calpis_logo img {
      width: 61.85%;} }

.gokko_logo {
  width: 69.79%;
  margin: 0 auto 0 50px;}
  @media screen and (max-width: 667px) {
    .gokko_logo {
      width: 30%;
      margin: 0 auto 0 6.67%;} }

.gokko_logo img {
  width: 66px;}
  @media screen and (max-width: 667px) {
    .gokko_logo img {
      width: 50%;} }

.sns_ico01 {
  width: 34px;}
  @media screen and (max-width: 667px) {
    .sns_ico01 {
      width: 9.07%;} }

.sns_ico02 {
  width: 20.5px;
  margin-left: 30px;}
  @media screen and (max-width: 667px) {
    .sns_ico02 {
      width: 5.45%;
      margin-left: 6.93vw;} }

.sns_ico03 {
  width: 23px;
  margin-left: 30px;}
  @media screen and (max-width: 667px) {
    .sns_ico03 {
      width: 6.27%;
      margin-left: 6.93vw;} }

.sns_ico04 {
  width: 24px;
  margin-left: 30px;}
  @media screen and (max-width: 667px) {
    .sns_ico04 {
      width: 6.4%;
      margin-left: 6.93vw;} }

.sns_ico05 {
  width: 28.5px;
  margin-left: 30px;}
  @media screen and (max-width: 667px) {
    .sns_ico05 {
      width: 7.6%;
      margin-left: 6.93vw;} }

  @media screen and (max-width: 667px) {
    .sns_ico_last {
      margin-right: 10.67%;} }

.cw2026cp-houkago_sns__item.calpis {
  background: #2F4798;}

.cw2026cp-houkago_sns__item.gokko {
  background: #1C1C1C;}

.cw2026cp-houkago_note {
  font-family: "Noto Sans JP", sans-serif;
  padding: 55px 0;
  text-align: center;}
  @media screen and (max-width: 667px) {
    .cw2026cp-houkago_note {
      padding: 9.33vw 0; } }

  @media screen and (max-width: 667px) {
    .cw2026cp-houkago_note__inner {
      width: 92.27vw;
      margin: 0 auto;} }

.cw2026cp-houkago_note__txt01 {
  font-size: 14px;
  margin: 0 auto ;}
  @media screen and (max-width: 667px) {
    .cw2026cp-houkago_note__txt01 {
      font-size: 3.2vw;
      margin: 0 auto ;
      line-height: 1.857;
      text-align: left;} }