@charset "UTF-8";
.salon-202306 .salon-link, .collab-202307 .collab-link {
  color: inherit;
  transition: opacity 0.3s;
  cursor: pointer;
}
.salon-202306 .salon-link:hover, .collab-202307 .collab-link:hover {
  opacity: 0.7;
}

/* /dairies/yogurt/meiji-pa3/index.html 専用 */
.index .contents .content-block.top {
  height: 568px;
}
@media screen and (min-width: 3302px) {
  .index .contents .content-block.top {
    height: 17.2016959419vw;
  }
}

.mv .content {
  margin-left: auto;
  margin-right: auto;
  width: 676px;
  position: relative;
}
@media screen and (min-width: 3302px) {
  .mv .content {
    width: 20.4724409449vw;
  }
}
.mv .content img {
  max-width: 100%;
  width: 100%;
  height: auto;
}

.top-dummy {
  background-image: url(/dairies/yogurt/meiji-pa3/images/top-mv-04-bg.jpg);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
}

.top-202306 {
  background-image: url(/dairies/yogurt/meiji-pa3/images/top-mv01-bg.jpg);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
}

.salon-202306 {
  background: url(/dairies/yogurt/meiji-pa3/images/top-mv-02-bg.png), linear-gradient(0deg, #FAC300 0%, #FAC300 17%, #FFE900 92%, #FFE900 100%);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
}
.salon-202306 .salon-link {
  display: block;
  width: 21.97265625%;
  height: 6.976744186%;
  position: absolute;
  top: 77.6744186047%;
  left: 50%;
  transform: translateX(-50%);
}

.collab-202307 {
  background: url(/dairies/yogurt/meiji-pa3/images/top-mv-03-bg.png), linear-gradient(180deg, #1100c7 0%, #1100c7 6.74%, #f2edde 6.74%, #f2edde 100%);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
}
.collab-202307 .collab-link {
  display: block;
  width: 21.97265625%;
  height: 6.976744186%;
  position: absolute;
  top: 84.3023255814%;
  left: 50%;
  transform: translateX(-50%);
}

.toparea .bannerarea {
  height: 594px;
  background-image: linear-gradient(#ffe900, #fac300, #fac300);
}
.toparea .bannerarea .logo-salon {
  position: absolute;
  top: 60px;
  left: 0;
  right: 0;
}
.toparea .bannerarea .btn-salon {
  top: 335px;
}
.toparea .bannerarea .twfollow {
  top: 425px;
}

/* 20240219追記 */
.index .contents .content-block.buy {
  height: 419px;
  background: url("../common/images/shadow-bg.png") 0 0 repeat-x, linear-gradient(to right, rgb(245, 245, 245) 0%, rgb(245, 245, 245) 25%, rgb(255, 255, 255) 40%, rgb(255, 255, 255) 50%, rgb(255, 255, 255) 60%, rgb(245, 245, 245) 75%, rgb(245, 245, 245) 100%);
  border-bottom: 2px solid #f00;
  text-align: center;
  padding-top: 80px;
}
.index .contents .content-block.buy .buy__btn-img {
  margin-top: 30px;
  margin-bottom: 60px;
}

/* 20241011追記 */
header .inner h1.logo {
  top: 0;
}

.cmarea {
  background-color: #ffe900;
  padding: 60px 0;
}
.cmarea .cmarea-hdg {
  margin: 40px 0 20px;
}
.cmarea .cmarea-movie {
  max-width: 800px;
  margin: auto;
}
.cmarea .cmarea-movie:not(:last-of-type) {
  margin-bottom: 60px;
}

/* 20250418追記 */
.toparea .bannerarea {
  height: 565px;
}
.toparea .bannerarea .twfollow {
  height: 80px;
}
.toparea .bannerarea .twfollow .btn-twitter {
  margin-top: 0;
}

/* 20250527追記 */
.index .contents .content-block.about {
  height: 1216px;
}