@charset "utf-8";
/* body {
  overflow: hidden; } */
.str-breadcrumb {
  position: relative;
  z-index: 1000; }



#Head {
  border-bottom: none; }

.inner {
  position: relative;
  max-width: 940px;
  margin: auto; }
  .inner.large {
    max-width: 1200px; }

.str-main {
  position: relative;
}
@media (min-width: 641px) {
  .inner {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0%;
    left: 50%;
    -webkit-transform: translate(-50%, 0%);
    -moz-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    -o-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%); }
    .inner.relative {
      position: relative;
      transform: translate(0, 0);
      left: 0; }
}
.nav_fix {
  top: 0 !important;
  left: 0;
  width: 100%;
  position: fixed !important;
}
@media (min-width: 641px) {
  .nav_fix {
    margin: 0 !important;
  }
}

.nav_fix:before {
  background-image: url(../images/header_bg_pc.png);
  background-size: cover; }

.pcOnly {
  display: none; }

#Cont img {
  width: 100%; }

.fadeIn {
  animation-name: fadein;
  animation-duration: 1.5s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
}
@keyframes fadein {
  from {
    opacity: 0;
    visibility: hidden;
  }
  to {
    opacity: 1;
    visibility: visible;
  }
}

@media (min-width: 641px) {
  .spOnly {
    display: none; } }
#Cont {
  width: 100%; }

@media (min-width: 641px) {
  #Cont {
    margin: 4% 0 0 0; } }
/* header */
.header {
  z-index: 999;
  position: absolute;
  top: -9vw;
  left: 0;
  width: 100%;
  right: 0;
  margin: 0;
}

@media (min-width: 641px) {
  .header {
    top: 0; }

  .header:before {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0 0 12.9% 0;
    margin: 0 0 -11% 0;
    background-repeat: repeat-x; } }
.header.is-active {
  background-color: #fff; }

.header_ttl {
  width: 45.5%;
  padding: 0.5vw 0 0 4.1vw;
  opacity: 0;
  visibility: hidden;
}
@media (min-width: 641px) {
  .header_ttl {
    width: 24.5%;
    padding: 2.3% 0 0 10.2%; } }
.header_spbtn {
  background-color: #00a04b;
  position: absolute;
  top: 0;
  right: 0;
  width: 8vw;
  padding: 8vw 0 0 0;
  margin: 3.3vw 4vw 0 0;
  cursor: pointer; }

.header_spbtn a {
  display: block; }

.header_spbtn .header_spbtnorder {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  margin: auto;
  width: 6.4vw;
  height: 5px;
  background-color: #fff;
  -webkit-transition: 0.5s;
  transition: 0.5s; }

.header_spbtn .header_spbtnorder:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 6.4vw;
  height: 5px;
  background-color: transparent;
  margin: -2vw 0 0 0; }

.header_spbtn .header_spbtnorder:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 6.4vw;
  height: 5px;
  background-color: #fff;
  margin: 2vw 0 0 0; }

.header_spbtn .header_spbtnorder.is-active {
  background-color: transparent;
  color: transparent; }

.header_spbtn .header_spbtnorder.is-active .header_spbtnorder_txt {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

.header_spbtn .header_spbtnorder.is-active:before {
  width: 8.4vw;
  margin: 0.1vw 0 0 -0.8vw;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  background-color: #fff; }

.header_spbtn .header_spbtnorder.is-active:after {
  width: 8.4vw;
  margin: -0.1vw 0 0 -1vw;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg); }

.header_spbtn .header_spbtnorder_txt {
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: -2.4vw 0 0 0;
  width: 6.4vw; }

.header_list {
  margin: 0.4vw 0 0 0;
  display: none;
  border-bottom: 1px solid #00a04b;
  opacity: 1;
  visibility: hidden;
}

@media (min-width: 641px) {
  .header_list {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-bottom: none;
    position: absolute;
    top: 0;
    left: 0;
    margin: 3.2% 0 0 28%;
    width: 63%;
  }
}
.header_listItem {
  border-top: 1px solid #00a04b;
max-height: 300px; }

@media (min-width: 641px) {
  .header_listItem {
    border-top: none;
    float: left;
    font-size: 0;
    border-right: 1px solid #00a04b;
    padding: 0 2%;
    margin: 5px 0;
  }
  .header_listItem img {
    max-height: calc((13 / 1200) * 100vw);
    width: auto !important; }
  .header_listItem-oishisa img,
  .header_listItem-voice img,
  .header_listItem-product img {
    max-height: calc((15 / 1200) * 100vw);
  }
  .header_listItem:last-child {
    border-right: none;
  }
}
@media (max-width: 640px) {
  .header {
    top: 0;
    transition: 0.5s;
  }
  .nav_fix {
    margin: 4% 0 0 !important;
  }
  .header_spbtn {
    opacity: 0;
  }
  .header_list {
    animation-duration: 0s;
  }
  .header_listItem {
    text-align: center;
    padding: calc((15 / 375) * 100vw) 0;
  }
  .header_listItem a {
    display: block;
    line-height: 1;
  }
  .header_listImage {
    max-width: none;
    max-height: 18px;
  }
  .header_listItem-special .header_listImage {
    max-height: 16px;
  }
  .header_listItem-campaign .header_listImage {
    max-height: 16px;
  }
}

.kv {
  opacity: 0;
}
.kv .ttl {
  display: none;
}

.kv_bg > img {
  width: 100%;
}

.kv-slide img {
  width: 100%;
}

/* campign */
.campign {
  font-size: 0;
  position: relative;
  z-index: 10;
}
.campign::after {
  content: "";
  display: block;
  width: 100%;
  height: 3vw;
  background: url(../images/special_bg2.png) no-repeat left bottom / 100%;
}
.campign .campign_content {
  background-color: #f7f6f6;
  margin: -2px 0;
  text-align: center;
}
.campign .campign_ttl {
  opacity: 0;
  padding-top: 5vw;
  padding-bottom: 5vw;
  text-align: center;
  width: 100%;
}
@media (max-width: 640px) {
  .campign .campign_ttl {
    padding-top: 10vw;
    padding-bottom: 7vw;
  }
}
.campign .campign_ttl.is-anime {
  -webkit-animation: fadeInAnime .6s 0s forwards;
  animation: fadeInAnime .6s 0s forwards;
}
#campign .campign_ttl img {
  margin: 0 auto;
  width: calc((343 / 1200) * 100vw);
}
@media (max-width: 640px) {
  #campign .campign_ttl img {
    max-height: none;
    max-width: none;
    width: calc((197 / 375) * 100vw);
  }
}
.campign .campign_bnr {
  display: inline-block;
  margin: 0 auto;
  max-width: 920px;
  opacity: 0;
  margin-bottom: 5vw;
  width: 72.98vw;
}

.campign .campign_bnr img {
  transition: opacity .3s;
}

.campign .campign_bnr:hover img {
  opacity: .7;
}

.campign .campign_bnr.lp_bnr {
  margin: 8vw auto 5vw;
}
.campign .campign_bnr.lp_bnr img {
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
}

@media (max-width: 640px) {
  .campign .campign_bnr {
    padding-bottom: 10vw;
    width: calc( 100% - 13.33vw );
  }
  .campign .campign_bnr.lp_bnr {
    margin: 16vw auto 0;
  }
}
@media (min-width: 1600px) {
  .campign .campign_bnr {
    margin: 0 30px 5vw;
  }
}
.campign .campign_bnr.is-anime {
  -webkit-animation: fadeInAnime .6s 0s forwards;
  animation: fadeInAnime .6s 0s forwards;
}
.campign .campign_bnr img {
  height: auto;
  width: 100%;
}

/* oishisa */
.oishisa {
  position: relative;
  margin: 0;
  z-index: 2;
}
.oishisa .oishisa_picture0 {
  display: none;
  text-align: center;
  width: 100%;
  position: relative;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
}
.oishisa .oishisa_picture {
  margin-top: 5.5vw;
  opacity: 0;
  text-align: center;
  width: 100%;
}
@media (max-width: 640px) {
  .oishisa {
    margin: 0;
    z-index: 1;
  }
}
.oishisa .oishisa_picture.is-anime {
  -webkit-animation: fadeInAnime .6s 0s forwards;
  animation: fadeInAnime .6s 0s forwards;
}
.oishisa .oishisa_picture0 img,
.oishisa .oishisa_picture img {
  height: auto;
  width: 100%;
}
.oishisa_points {
  padding-top: 12vw;
  margin-top: -12vw;
}
.oishisa_points .oishisa_ttl {
  width: 100%;
  max-width: 486px;
  padding-top: 4vw;
  margin: 0 auto;
  opacity: 0;
}
.oishisa_ttl.is-anime {
  -webkit-animation: fadeInAnime .6s 0s forwards;
  animation: fadeInAnime .6s 0s forwards;
}
.oishisa_points .oishisa_points_grid {
  display: grid;
  grid-template-columns: repeat(2, auto);
  grid-template-rows: auto auto 1fr;
  justify-content: center;
  align-items: start;
  margin: calc((60 / 1200) * 100vw) auto 0;
  width: 100%;
  max-width: 1200px;
  opacity: 0;
}
.oishisa_points_grid + .oishisa_points_grid {
  margin-top: calc((120 / 1200) * 100vw);
}
.oishisa_points_grid.is-anime {
  -webkit-animation: fadeInAnime .6s 0s forwards;
  animation: fadeInAnime .6s 0s forwards;
}
.oishisa_points .oishisa_point {
  grid-column: 1 / 3;
  grid-row: 1 / 2;
  width: 100%;
  max-width: 126px;
  margin: 0 auto calc((54 / 1200) * 100vw);
}
.oishisa_points .oishisa_image {
  grid-column: 1 / 2;
  grid-row: 2 / 4;
  margin: auto calc((40 / 1200) * 100vw) auto auto;
}
.oishisa_points .oishisa_text_head {
  grid-column: 2 / 3;
  grid-row: 2 / 3;
  width: min(calc((520 / 1200) * 100vw), 520px);
}
.oishisa_points .oishisa_text_text {
  grid-column: 2 / 3;
  grid-row: 3 / 4;
  width: min(calc((465 / 1200) * 100vw), 465px);
  margin: calc((38 / 1200) * 100vw) 0 auto 0;
}
.oishisa-make_image {
  width: 100%;
  max-width: 361px;
}
.oishisa-aroma_image {
  width: 100%;
  max-width: 337px;
}
.oishisa-drink_image {
  width: 100%;
  max-width: 350px;
}
@media (max-width: 640px) {
  .oishisa_points .oishisa_ttl {
    width: calc((282 / 375) * 100vw);
    max-width: none;
    padding-top: calc((45 / 375) * 100vw);
  }
  .oishisa_points .oishisa_points_grid {
    display: block;
    margin: calc((40 / 375) * 100vw) auto 0;
    width: calc((325 / 375) * 100vw);
  }
  .oishisa_points_grid + .oishisa_points_grid {
    margin-top: calc((60 / 375) * 100vw);
  }
  .oishisa_points .oishisa_point {
    width: calc((70 / 375) * 100vw);
    max-width: none;
    margin: 0 auto;
  }
  .oishisa_points .oishisa_image {
    margin: 0 auto;
    margin-top: calc((40 / 375) * 100vw);
  }
  .oishisa-make_image {
    width: calc((269 / 375) * 100vw);
    max-width: none;
  }
  .oishisa-aroma_image {
    width: calc((174 / 375) * 100vw);
    max-width: none;
  }
  .oishisa-drink_image {
    width: calc((239 / 375) * 100vw);
    max-width: none;
  }
  .oishisa_points .oishisa_text_head {
    width: 100%;
    max-width: none;
    margin-top: calc((30 / 375) * 100vw);
  }
  .oishisa_points .oishisa-make_head {
    width: calc((265 / 375) * 100vw);
  }
  .oishisa_points .oishisa-aroma_head {
    width: calc((279 / 375) * 100vw);
  }
  .oishisa_points .oishisa-drink_head {
    width: calc((263 / 375) * 100vw);
  }
  .oishisa_points .oishisa_text_text {
    width: calc((325 / 375) * 100vw);
    max-width: none;
    margin: calc((14 / 375) * 100vw) 0 0;
  }
}

/* voice */
.voice {
  padding-top: 12vw;
}
@media (max-width: 640px) {
  .voice {
    padding-top: calc((45 / 375) * 100vw);
  }
}
.voice_ttl {
  opacity: 0;
}
.voice_ttl.is-anime {
  -webkit-animation: fadeInAnime .8s 0s forwards;
          animation: fadeInAnime .8s 0s forwards;
}
#voice .voice_ttl img {
  display: block;
  margin: 0 auto;
  width: 100%;
  max-width: 278px;
}
@media (max-width: 640px) {
  #voice .voice_ttl img {
    height: 100%;
    max-height: none;
    max-width: none;
    width: min(calc(174 / 375) * 100vw);
  }
}
.voice_inner {
  margin: 0 auto;
  max-width: calc((903 / 1200) * 100vw);
}
@media (max-width: 640px) {
  .voice_inner {
    max-width: none;
  }
}
.voice_head {
  opacity: 0;
  padding-top: 5vw;
}
.voice_head.is-anime {
  -webkit-animation: fadeInAnime .8s 0s forwards;
          animation: fadeInAnime .8s 0s forwards;
}
#voice .voice_head img {
  display: block;
  margin: 0 auto;
  width: 100%;
  max-width: 599px;
}
@media (max-width: 640px) {
  .voice_head {
    padding-top: 8.28125vw;
  }
  #voice .voice_head img {
    width: calc((320 / 375) * 100vw);
    height: 100%;
    max-height: none;
    max-width: none;
  }
}
.voice_content {
  margin: 5vw auto 2vw;
  width: calc((903 / 1200) * 100vw);
  position: relative;
  opacity: 0;
}
@media (max-width: 640px) {
  .voice_content {
    margin: 8.59375vw auto 7vw;
    width: calc((325 / 375) * 100vw);
  }
}
.voice_content.is-anime {
  -webkit-animation: fadeInAnime .8s 0s forwards;
          animation: fadeInAnime .8s 0s forwards;
}
.voice_content1,
.voice_content2 {
  position: absolute;
}
.voice_content1 {
  left: 0;
  top: 0;
  width: calc((360 / 1200) * 100vw);
}
.voice_content2 {
  right: 0;
  top: 0;
  width: calc((360 / 1200) * 100vw);
}
@media (max-width: 640px) {
  .voice_content1,
  .voice_content2 {
    max-height: none;
    max-width: none;
    width: calc((157 / 375) * 100vw);
  }
  .voice_content1 {
    left: 0;
    top: 0;
  }
  .voice_content2 {
    right: 0;
    top: 0;
  }
}
.voice_content1 img,
.voice_content2 img {
  height: auto;
  margin: 0 auto;
  width: 100%;
}
.voice_product {
  left: 0;
  bottom: 0;
  padding-top: calc((250 / 1200) * 100vw);
  padding-left: calc((41 / 1200) * 100vw);
  width: 100%;
  position: relative;
}
#voice .voice_product img {
  display: block;
  margin: 0 auto;
  width: calc((619 / 1200) * 100vw);
}
@media (max-width: 640px) {
  .voice_product {
    bottom: 0;
    padding-top: calc((135 / 375) * 100vw);
  }
  #voice .voice_product img {
    max-height: none;
    max-width: none;
    width: 100%
  }
}
.voice_picture {
  opacity: 0;
  text-align: center;
  width: 100%;
}
.voice_picture.is-anime {
  -webkit-animation: fadeInAnime .8s 0s forwards;
          animation: fadeInAnime .8s 0s forwards;
}
.voice_picture img {
  height: auto;
  width: 100%;
}
.voice_annotation {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  margin-top: calc((30 / 1200) * 100vw);
}
.voice_annotation-text {
  font-size: calc((14 / 1200) * 100vw);
  letter-spacing: 0.04em;
}
@media (max-width: 640px) {
  .voice_annotation {
    margin-top: calc((30 / 375) * 100vw);
  }
  .voice_annotation-text {
    font-size: calc((10 / 375) * 100vw);
  }
}

/* movie */
.movie {
  padding-top: 12vw;
  margin-top: -14.2vw;
  position: relative;
  opacity: 0;
  visibility: hidden;
}
.movie .is-anime {
  -webkit-animation: fadeInAnime 1s 0s forwards;
          animation: fadeInAnime 1s 0s forwards;
}
.movie_inner {
  padding: 12vw 0;
  background: url(../images/movie_bg-long_pc.png) no-repeat;
  background-size: cover;
  position: relative;
}

.movie_content_bg {
  position: relative;
  width: 100%;
}
.movie_head_text {
  width: calc((555 / 1200) * 100vw);
  margin: 0 auto;
  opacity: 0;
  filter:
    drop-shadow(0px 0px 4px rgba(255, 255, 255, 0.5))
    drop-shadow(0px 0px 4px rgba(255, 255, 255, 0.7))
    drop-shadow(0px 0px 7px rgba(255, 255, 255, 0.9))
    drop-shadow(0px 0px 10px rgba(255, 255, 255, 1));
}
.movie_contents--flex {
  display: grid;
  grid-template-columns: repeat(2, auto);
  /* grid-template-rows: repeat(auto-fit, auto); */
  justify-content: center;
  align-items: start;
  gap: calc((50 / 1200) * 100vw);
  margin-top: calc((80 / 1400) * 100vw);
}
.grid-item_center {
  grid-column: 1 / 3;
}
.movie_area {
  position: relative;
  width: calc((500 / 1400) * 100vw);
}
.movie_area .moviie-box {
  width: 100%;
}
.movie_area.new::before {
  content: "";
  display: block;
  width: 75px;
  height: 44px;
  background: url(../images/tvcm_icon-new_pc.png) no-repeat;
  background-size: contain;
  position: absolute;
  top: 20px;
  left: -10.5px;
  z-index: 1;
}
.movie_contents--box {
  margin: 0 auto;
  opacity: 0;
}
.movie_area .play_button {
  width: calc((80 / 1400) * 100vw);
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
.movie_text {
  text-align: center;
  margin: calc((20 / 1400) * 100vw) auto 0;
  filter:
    drop-shadow(0px 0px 4px rgba(255, 255, 255, 0.5))
    drop-shadow(0px 0px 4px rgba(255, 255, 255, 0.5))
    drop-shadow(0px 0px 4px rgba(255, 255, 255, 0.7))
    drop-shadow(0px 0px 7px rgba(255, 255, 255, 0.9))
    drop-shadow(0px 0px 7px rgba(255, 255, 255, 0.9))
    drop-shadow(0px 0px 10px rgba(255, 255, 255, 1));
}
.movie_text img {
  height: calc((20 / 1400) * 100vw);
}

@media (max-width: 640px) {
  .movie {
    background: url(../images/movie_bg-long_sp.png) top no-repeat;
    background-size: cover;
    padding-top: 0;
    padding-bottom: 7vw;
    margin-top: -3vw;
  }
  .movie_inner {
    display: block;
    background: none;
    padding: 15vw 0;
  }
  .movie_inner::before,
  .movie_inner::after {
    display: none;
  }
  .movie_content {
    margin: 0 6.719%;
    max-width: none;
    position: relative;
  }
  .movie_contents--flex {
    margin-top: calc((50 / 375) * 100vw);
  }
  .movie_head_text {
    max-width: none;
    width: 100%;
    margin: 0 auto;
  }
  .movie_area {
    width: calc((325 / 375) * 100vw);
    margin: 0 auto;
  }
  .movie_area.column02 {
    width: calc((155 / 375) * 100vw);
  }
  .movie_area.new::before {
    width: 10.78125vw;
    height: 6.25vw;
    background: url(../images/tvcm_icon-new_sp.png) no-repeat;
    background-size: contain;
    top: 3.125vw;
    left: -1.4vw;
  }
  .movie_area .play_button {
    width: calc((50 / 375) * 100vw);
  }
  .movie_area.column02 .play_button {
    width: calc((30 / 375) * 100vw);
  }
  .movie_text {
    max-width: none;
    margin: calc((10 / 375) * 100vw) auto 0;
  }
  .movie_text img {
    height: calc((15 / 375) * 100vw);
  }
  .movie_text.column02 img {
    height: calc((7 / 375) * 100vw);
  }
}

/* tvcm 
.tvcm::after {
  content: "";
  display: block;
  width: 100%;
  height: 3vw;
  background: url(../images/special_bg2.png) no-repeat left bottom / 100%;
}
*/
.tvcm_content {
  background-color: #F7F6F6;
}

@media (max-width: 640px) {
  .tvcm {
    background: none;
    position: relative;
  }
}
.tvcm_ttl, .making_ttl {
  opacity: 0;
  padding-top: 6.7vw;
  text-align: center;
  width: 100%;
}

@media (max-width: 640px) {
  .tvcm_ttl, .making_ttl {
    padding-top: 11.8vw;
  }
}

.tvcm_ttl.is-anime, .making_ttl.is-anime {
  -webkit-animation: fadeInAnime .8s 0s forwards;
          animation: fadeInAnime .8s 0s forwards;
}
#tvcm .tvcm_inner {
  margin: 0 auto;
  padding-bottom: 5vw;
  width: 75vw;
}
@media (max-width: 640px) {
  #tvcm .tvcm_inner {
    width: 86.8vw;
    padding-bottom: 12vw;
  }
}

#tvcm .tvcm_content:first-child .tvcm_inner {
  padding-bottom: 0;
}

#tvcm .tvcm_ttl img {
  height: 5.33vw;
  margin: 0 auto;
  max-height: 57px;
  max-width: 205px;
  width: 19.13vw;
}
@media (max-width: 640px) {
  #tvcm .tvcm_ttl img {
    height: 9.33vw;
    max-height: none;
    max-width: none;
    width: 32.26vw;
  }
}
#tvcm .making_ttl img {
  height: 5.33vw;
  margin: 0 auto;
  max-height: 57px;
  max-width: 277px;
  width: 21vw;
}
@media (max-width: 640px) {
  #tvcm .making_ttl img {
    height: 9.33vw;
    max-height: none;
    max-width: none;
    width: 32.26vw;
  }
}
.tvcm_lists {
  align-items: flex-start;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  column-gap: min(3.4vw, 34px);
  margin: 0 auto;
  max-width: 800px;
  padding: 5.08vw 0 0;
  width: 100%;
}
@media (max-width: 640px) {
  .tvcm_lists {
    padding: 8.14vw 0 0;
  }
}

.tvcm_list {
  opacity: 0;
  position: relative;
  /*width: calc( 100% / 2 - 3vw );*/
  width: calc( 100% / 2 - 2.3%);
}
.tvcm_list > a > img {
  width: 100%;
}

@media (min-width: 641px) {
  .tvcm_list:nth-of-type(n+3) {
    margin-top: 4.5vw;
  }
}

@media (max-width: 640px) {
  .tvcm_list:nth-of-type(n+2) {
    margin-top: 7.8vw;
  }
}

.tvcm_list.tvcm_list-top {
  margin-bottom: 4vw;
  width: 100%;
}
@media (max-width: 640px) {
  .tvcm_lists {
    padding: 10vw 0 0;
    width: 100%;
  }
  .tvcm_list.tvcm_list-top,
  .tvcm_list {
    margin: 0 auto;
    width: 100%;
  }
}
.tvcm_list.is-anime {
  -webkit-animation: fadeInAnime .8s 0s forwards;
          animation: fadeInAnime .8s 0s forwards;
}
@media (max-width: 640px) {
  .tvcm_list.tvcm_list-top.tvcm_list-new:before,
  .tvcm_list.tvcm_list-new:before {
    height: 4.53vw;
    max-height: 17px;
    max-width: 45px;
    left: -2vw;
    top: 1.5vw;
    width: 12vw;
  }
}
.tvcm_list .tvcm_list_thumb {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  position: relative;
}
.tvcm_list .tvcm_list_thumb:before {
  background-image: url(/alcohol/beer/greenlabel/images/play_button.png);
  background-position: center;
  background-size: contain;
  content: '';
  display: block;
  width: 5.5vw;
  height: 5.5vw;
  margin: auto;
  max-height: 67px;
  max-width: 67px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.tvcm_list.tvcm_list-top .tvcm_list_thumb:before {
  background-image: url(/alcohol/beer/greenlabel/images/play_button.png);
  height: 8.4vw;
  max-height: 100px;
  max-width: 100px;
  right: 15px;
  bottom: 15px;
  width: 8.4vw;
}
@media (max-width: 640px) {
  .tvcm_list.tvcm_list-top .tvcm_list_thumb:before,
  .tvcm_list .tvcm_list_thumb:before {
    height: 13.4vw;
    width: 13.4vw;
  }
}
.tvcm_list a:hover {
  opacity: .7;
}

.tvcm_list .tvcm_list_ttl {
  padding-top: .7vw;
}
.tvcm_list .tvcm_list_ttl img {
  height: 26px;
  margin: 0 auto;
  width: auto!important;
}
.tvcm_list.tvcm_list-top .tvcm_list_ttl {
  padding-top: .9vw;
}
.tvcm_list.tvcm_list-top .tvcm_list_ttl img {
  height: 33px;
}
@media (max-width: 640px) {
  .tvcm_list.tvcm_list-top .tvcm_list_ttl,
  .tvcm_list .tvcm_list_ttl {
    padding-top: 2vw;
  }
  .tvcm_list.tvcm_list-top .tvcm_list_ttl img,
  .tvcm_list .tvcm_list_ttl img {
    height: 6.9vw;
    max-height: 26px;
    width: auto!important;
  }
}
.tvcm_picture {
  display: none;
  opacity: 0;
  position: absolute;
  left: 0;
  bottom: 0;
  text-align: center;
  width: 100%;
}
@media (max-width: 640px) {
  .tvcm_picture {
    display: inline-block;
  }
}
.tvcm_picture.is-anime {
  -webkit-animation: fadeInAnime .8s 0s forwards;
          animation: fadeInAnime .8s 0s forwards;
}
.tvcm_picture img {
  height: auto;
  width: 100%;
}

/* product */
.product {
  padding-top: 5vw;
  padding-bottom: 7vw;
  position: relative;
}
.product_inner {
  align-items: flex-start;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  opacity: 0;
  margin: 0 auto;
  max-width: 840px;
  padding: 5vw 0 0;
  text-align: center;
  width: 80vw;
}
@media (max-width: 640px) {
  .product {
    padding-top: 10vw;
    padding-bottom: 12vw;
  }
  .product_inner {
    flex-wrap: wrap;
    padding: 7vw 0 0;
    width: 100%;
  }
}
.product_inner.is-anime {
  -webkit-animation: fadeInAnime .8s 0s forwards;
          animation: fadeInAnime .8s 0s forwards;
}
.product_ttl {
  opacity: 0;
  text-align: center;
  width: 100%;
}
.product_ttl.is-anime {
  -webkit-animation: fadeInAnime .8s 0s forwards;
          animation: fadeInAnime .8s 0s forwards;
}
#product .product_ttl img {
  margin: 0 auto;
  width: calc((207 / 1200) * 100vw);
}
@media (max-width: 640px) {
  #product .product_ttl img {
    height: 100%;
    max-height: none;
    max-width: none;
    width: 37.33333324vw;
  }
}
.product_image {
  width: 40%;
}
#product .product_image img {
  display: block;
  width: 100%;
  max-width: 320px;
}
#product .product_image .product_image_mark {
  display: none;
}
@media (max-width: 640px) {
  .product_image {
    align-items: flex-end;
    column-gap: 3.333333325vw;
    display: flex;
    justify-content: center;
    margin: 0 auto;
    text-align: center;
    width: auto;
  }
  #product .product_image img {
    height: 100%;
    margin: 0;
    max-height: none;
    max-width: none;
    width: 49.73333321vw;
  }
  #product .product_image .product_image_mark {
    display: inline-block;
    height: 100%;
    max-height: none;
    max-width: none;
    width: 25.0666666vw;
  }
}
.product_text {
  padding-top: .7vw;
  position: relative;
  width: 60%;
}
.product_text_head {
  height: 4.5vw;
  max-height: 48px;
  max-width: 426px;
  width: 39.79vw;
}
.product_text_text {
  padding-top: 3vw;
  max-width: 340px;
  width: 100%;
}
.product_mark {
  height: 12.45vw;
  max-height: 133px;
  max-width: 133px;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 12.45vw;
}
@media (max-width: 640px) {
  .product_text {
    margin: 0 auto;
    padding-top: 7vw;
    width: calc( 100% - 13.3vw );
  }
  .product_text_head {
    height: 100%;
    margin: 0 auto;
    max-height: none;
    max-width: none;
    width: 69.59999983vw;
  }
  .product_text_text {
    height: auto;
    max-height: none;
    max-width: none;
    padding-top: 7vw;
    width: 100%;
  }
  .product_mark {
    display: none;
  }
}

/* gallery */
.gallery {
  margin: -2.3vw 0 0 0;
  position: relative;
  z-index: 4; }

@media (min-width: 641px) {
  .gallery {
    margin: -20.1% 0 0 0;
    position: relative;
    padding-top: 1%; } }
@media (min-width: 641px) {
  .gallery .inner {
    padding: 13% 0 0 0; } }
.gallery_bg {
  position: absolute;
  top: 0;
  left: 0;
  margin: -0.6vw 0 0 0; }

@media (min-width: 641px) {
  .gallery_bg {
    position: relative;
    margin: 2% 0 0 0; } }
.gallery_bg img {
  background-image: url(../images/gallery_bg_sp.png);
  background-size: 100% auto;
  background-position: center; }

@media (min-width: 641px) {
  .gallery_bg img {
    background-image: url(../images/gallery_bg_pc.png); } }
.gallery_ttl {
  width: 52.9vw;
  margin: auto;
  padding: 11.4vw 0 0 0; }

@media (min-width: 641px) {
  .gallery_ttl {
    width: 27.8%;
    margin: 0;
    padding: 6.5% 0 0 16%; } }
.gallery_thumb {
  width: 92vw;
  margin: auto;
  padding: 8.5vw 0 0 0; }

@media (min-width: 641px) {
  .gallery_thumb {
    width: 35%;
    margin: 0;
    padding: 2.4% 0 0 12.2%; } }
.gallery_thumb img {
  background-image: url(../images/gallery_thumb_sp.jpg);
  background-size: cover;
  background-position: center; }

@media (min-width: 641px) {
  .gallery_thumb img {
    background-image: url(../images/gallery_thumb_pc.jpg); } }
.gallery_more {
  width: 92.1vw;
  display: block;
  margin: auto;
  padding: 5.3vw 0 0 0; }

@media (min-width: 641px) {
  .gallery_more {
    width: 35%;
    margin: 2.1% 0 0 12.2%;
    padding: 0; } }
.wallpaper {
  position: relative;
  margin: 46vw 0 0 0;
  z-index: 3; }

@media (min-width: 641px) {
  .wallpaper {
    margin: -27.7% 0 0 0;
    padding: 11.5% 0 0 0; } }
@media (min-width: 641px) {
  .wallpaper .inner {
    padding: 13% 0 0 0; } }
.wallpaper_annotation {
  width: 90.5%;
  margin: 1.8% 0 0 3%; }

@media (min-width: 641px) {
  .wallpaper_annotation {
    position: absolute;
    text-align: left;
    margin-left: 23.8%;
    width: 44.3%;
    bottom: 6.1%;
    left: 0;
    right: 0; } }
.wallpaper_ttl {
  width: 53vw;
  margin: auto;
  padding: 12.7vw 0 0 0; }

@media (min-width: 641px) {
  .wallpaper_ttl {
    width: 27.7%;
    padding: 7.4% 0 0 0; } }
.wallpaper_bg {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0.2vw 0 0 0; }

@media (min-width: 641px) {
  .wallpaper_bg {
    position: relative;
    margin: 1.5vw 0 0 0; } }
.wallpaper_box {
  display: inline-block; }

.wallpaper_box_4sp {
  width: 41.7%;
  margin: 4.5% 5.5% 0 0; }

@media (min-width: 641px) {
  .wallpaper_box_4sp {
    width: 33.4%;
    margin: 6.8% 6.3% 0 2%; } }
.wallpaper_box_4pc {
  width: 52.7%; }

@media (min-width: 641px) {
  .wallpaper_box_4pc {
    width: 57.6%;
    bottom: 0; } }
.wallpaper_box_inner {
  position: relative;
  width: 93%;
  margin: 0 auto;
  font-size: 0; }

@media (min-width: 641px) {
  .wallpaper_box_inner {
    width: 54%; } }
.wallpaper_btn {
  display: block;
  width: 39.4vw;
  margin: 0 auto;
  margin-top: 3vw; }

@media (min-width: 641px) {
  .wallpaper_btn {
    width: 17.8vw;
    margin-top: 1.6vw;
    max-width: 216px; } }

/* campaign */
.campaign {
  position: relative;
  margin: -12vw 0 16vw 0;
  background: #e4f1e7;
  z-index: 4; }
  .campaign:after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 16.25vw;
    background: url(/alcohol/beer/greenlabel/images/campaign_bg_btm_sp.png) 0 0/cover no-repeat;
    bottom: -16vw; }

@media (min-width: 641px) {
  .campaign {
    margin: -8.1% 0 12vw 0;
    padding: 0 0 0; }
    .campaign .inner {
      position: relative;
      transform: translate(0, 0);
      left: 0; }
    .campaign:after {
      bottom: -10vw;
      z-index: -1;
      background-image: url(/alcohol/beer/greenlabel/images/campaign_bg_btm_pc.png); } }
.campaign_bg {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0; }

.campaign_ttl {
  width: 52.5vw;
  padding: 11.8vw 0 0 0;
  margin: 0 auto 3%;
  z-index: 1;
  position: relative; }

@media (max-width: 640px) {
  .campaign_ttl {
    padding: 20vw 0 0 0;
    margin-bottom: 6.7vw; } }
@media (min-width: 641px) {
  .campaign_ttl {
    width: 40%; } }
.campaign_img {
  width: 94vw;
  margin: 1vw auto 0;
  display: block; }

@media (min-width: 641px) {
  .campaign_img {
    width: 100%;
    margin: 1% 0 0; } }
.bnrWrap {
  width: 94vw;
  margin: 0 auto; }
  @media (min-width: 641px) {
    .bnrWrap {
      width: 100%; } }
  .bnrWrap .item:not(:last-child) {
    margin-bottom: 40px; }
    @media (min-width: 641px) {
      .bnrWrap .item:not(:last-child) {
        margin-bottom: 80px; } }

/* bnrArea */
.bnrArea {
  padding: 5vw 0 5vw;
  position: relative;
  background: #fff; }
  .bnrArea .inner2 {
    max-width: 940px;
    margin: 0 auto; }
  .bnrArea:before {
    /*content: '';
    display: block;
    position: absolute;
    bottom: 99%;
    width: 100%;
    height: 5vw;
    background: url(/alcohol/beer/greenlabel/images/wave_bg_sp.png) 0 0/cover no-repeat;*/ }

@media (min-width: 641px) {
  .bnrArea {
    position: relative; } }
@media (max-width: 641px) {
  .bnrArea {
    padding-top: 40px; } }
@media (min-width: 641px) {
  .bnrArea .inner {
    margin: 0 auto 0; } }
@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop, .bnrArea .inner {
    margin-top: 50px; } }
.bnrArea_ttl {
  margin: 0 auto 7.4vw;
  width: 52.03vw;
  max-width: 333px; }

@media (min-width: 641px) {
  .bnrArea_ttl {
    margin: 0 auto 5.3%;
    width: 56%; } }
.bnrArea_ttl2 {
  margin: 0 auto 4.4vw;
  width: 22.8vw;
  max-width: 146px; }

@media (min-width: 641px) {
  .bnrArea_ttl2 {
    margin: 0 auto;
    width: 56vw; } }
.bnrArea_bnr {
  max-width: 960px;
  padding: 0 3vw; }

@media (min-width: 641px) {
  .bnrArea_bnr {
    margin: 0 auto;
  }
}
.bnrArea_list {
  width: 92vw;
  margin: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media (max-width: 640px) {
  .bnrArea_list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

@media (min-width: 641px) {
  .bnrArea_list {
    width: 56.5%;
    margin: 2.2% auto 0;
  }
}
.bnrArea_listItem:first-child {
  margin: 0 5.2vw 0 0;
}
@media (max-width: 640px) {
  .bnrArea_listItem {
    width: 100%;
  }
  .bnrArea_listItem:first-child {
    margin: 0 0 5% 0;
  }
}

@media (min-width: 641px) {
  .bnrArea_listItem:first-child {
    margin: 0 6% 0 0; } }
.bnrArea_bnrLink img {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(../images/bnr_cp_sp.jpg); }

@media (min-width: 641px) {
  .bnrArea_bnrLink img {
    background-image: url(../images/bnr_cp_pc.jpg); } }
.bnrArea_note {
  width: 92vw;
  margin: 1% auto 0; }

@media (min-width: 641px) {
  .bnrArea_note {
    width: 56.5%;
    margin: 1% auto 0; } }
.gallery_overlayCarouselItem01 img {
  background-image: url(../images/carousel_img_01_sp.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover; }

@media (min-width: 641px) {
  .gallery_overlayCarouselItem01 img {
    background-image: url(../images/carousel_img_01_pc.png); } }
.gallery_overlayCarouselItem02 img {
  background-image: url(../images/carousel_img_02_sp.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover; }

@media (min-width: 641px) {
  .gallery_overlayCarouselItem02 img {
    background-image: url(../images/carousel_img_02_pc.png); } }
.gallery_overlayCarouselItem03 img {
  background-image: url(../images/carousel_img_03_sp.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover; }

@media (min-width: 641px) {
  .gallery_overlayCarouselItem03 img {
    background-image: url(../images/carousel_img_03_pc.png); } }
.gallery_overlayCarouselItem04 img {
  background-image: url(../images/carousel_img_04_sp.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover; }

@media (min-width: 641px) {
  .gallery_overlayCarouselItem04 img {
    background-image: url(../images/carousel_img_04_pc.png); } }
.gallery_overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(255, 255, 255, 0.9);
  z-index: 999;
  display: none; }

.gallery_overlayContent {
  display: none;
  width: 100%;
  margin: auto;
  position: fixed;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 9999;
  left: 0;
  right: 0;
  max-width: 627px; }

@media (min-width: 641px) {
  .gallery_overlayContent {
    width: 86%; } }
.gallery_overlayCloseBtn {
  position: absolute;
  top: 50%;
  right: 0;
  width: 8%;
  margin: -38.5% 2.8% 0 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }

@media (min-width: 641px) {
  .gallery_overlayCloseBtn {
    margin: -38.1% 0 0 0;
    width: 4.5%; } }
.gallery_overlayCarouselWrap {
  width: 94.2%;
  margin: auto;
  overflow: hidden;
  position: absolute;
  top: 40.3%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 9999;
  left: 0;
  right: 0; }

@media (min-width: 641px) {
  .gallery_overlayCarouselWrap {
    width: 100%;
    top: 50%; } }
.gallery_overlayCarousel {
  width: 400%;
  position: relative; }

.gallery_overlayCarouselItem {
  float: left;
  width: 25%; }

.gallery_overlayCarouselPager {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  margin: 38% 0 0 0; }

@media (min-width: 641px) {
  .gallery_overlayCarouselPager {
    margin: 38% 0 0 0; } }
.gallery_overlayCarouselPager_right {
  width: 7%;
  display: block;
  margin: 0 37% 0 0;
  position: absolute;
  top: 0;
  right: 0; }

@media (min-width: 641px) {
  .gallery_overlayCarouselPager_right {
    width: 5%;
    margin: -40% -6.9% 0 0; } }
.gallery_overlayCarouselPager_left {
  width: 7%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0 0 0 37%;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

@media (min-width: 641px) {
  .gallery_overlayCarouselPager_left {
    width: 5%;
    margin: -40% 0 0 -6.9%; } }
@media screen and (max-width: 640px) and (orientation: landscape) {
  .gallery_overlayCarouselWrap {
    width: 50%;
    top: 50%; }

  .gallery_overlayCloseBtn {
    margin: 12.8% 0 0 0; }

  .gallery_overlayCarouselPager {
    margin: 0 0 20.3% 0; } }
/*Modal*/
@media (max-width: 640px) {
  .modal {
    z-index: 9999;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 300;
    display: none;
    overflow: auto; }

  .modal .close {
    position: absolute;
    top: -20%;
    right: 0;
    margin: 0; }

  .modal .close a {
    background: #fff;
    width: 32px;
    height: 3px;
    display: block;
    text-indent: -9999px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: relative; }

  .modal .close a:before {
    content: '';
    position: absolute;
    background: #fff;
    width: 32px;
    height: 3px;
    display: block;
    text-indent: -9999px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg); }

  .modal iframe {
    width: 100%;
    height: 210px;
    border: none;
    margin: 0 auto;
    display: block; } }
@media (max-width: 640px) and (min-width: 641px) {
  .modal iframe {
    width: 640px;
    height: 320px; } }
@media (max-width: 640px) {
  .sp-absolute {
    position: absolute;
    background: none;
    bottom: inherit; }

  .modal .video-wrapper {
    margin: 0 auto 0;
    position: absolute;
    padding: 15px 0;
    max-width: 640px;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    width: 90%; }

  .modal .video-wrapper .video {
    margin: 0 auto 10px; }

  .sp-overlay {
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: none;
    z-index: 202; }

  .modal-img {
    padding: 0 20px;
    margin-top: 80px; } }
@media (min-width: 641px) {
  .sp-overlay {
    display: none !important; }

  .modal {
    position: fixed;
    z-index: 9999;
    top: 0 !important;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    display: none;
    overflow: auto; }

  .modal .close {
    position: absolute;
    top: -110px;
    margin: 7.8% 4.3% 0 0;
    right: 0; }

  .modal .close a {
    background: #fff;
    width: 32px;
    height: 3px;
    display: block;
    text-indent: -9999px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: relative; }

  .modal .close a:before {
    content: '';
    position: absolute;
    background: #fff;
    width: 32px;
    height: 3px;
    display: block;
    text-indent: -9999px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg); }

  .modal iframe {
    width: 90%;
    height: 481px;
    border: none;
    margin: 0 auto 0;
    display: block; }

  .modal-img {
    margin-top: 80px; }

  .modal .video-wrapper {
    margin: 50px auto 0;
    position: relative;
    padding: 0;
    max-width: 960px; }

  .modal .video-wrapper .video {
    margin: 170px auto 10px; } }
.copy img {
  width: auto; }

/* anime */
@-webkit-keyframes fadeInAnime {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } }
@keyframes fadeInAnime {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } }

.gallery_ttl {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

.gallery_bg {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

.gallery_thumb {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

.gallery_more {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

.gallery.is-anime .gallery_ttl {
  -webkit-animation: fadeInAnime 1s 0s forwards;
  animation: fadeInAnime 1s 0s forwards; }

.gallery.is-anime .gallery_bg {
  -webkit-animation: fadeInAnime 1s 0.3s forwards;
  animation: fadeInAnime 1s 0.3s forwards; }

.gallery.is-anime .gallery_thumb {
  -webkit-animation: fadeInAnime 1s 0.6s forwards;
  animation: fadeInAnime 1s 0.6s forwards; }

.gallery.is-anime .gallery_more {
  -webkit-animation: fadeInAnime 1s 0.9s forwards;
  animation: fadeInAnime 1s 0.9s forwards; }

.wallpaper_ttl {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

.wallpaper_bg {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

.wallpaper_box_4pc {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

.wallpaper_box_4sp {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

.wallpaper_annotation {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

.wallpaper.is-anime .wallpaper_ttl {
  -webkit-animation: fadeInAnime 1s 0s forwards;
  animation: fadeInAnime 1s 0s forwards; }

.wallpaper.is-anime .wallpaper_bg {
  -webkit-animation: fadeInAnime 1s 0.3s forwards;
  animation: fadeInAnime 1s 0.3s forwards; }

.wallpaper.is-anime .wallpaper_box_4pc {
  -webkit-animation: fadeInAnime 1s 0.9s forwards;
  animation: fadeInAnime 1s 0.9s forwards; }

.wallpaper.is-anime .wallpaper_box_4sp {
  -webkit-animation: fadeInAnime 1s 0.6s forwards;
  animation: fadeInAnime 1s 0.6s forwards; }

.wallpaper.is-anime .wallpaper_annotation {
  -webkit-animation: fadeInAnime 1s 0.3s forwards;
  animation: fadeInAnime 1s 0.3s forwards; }

.campaign_ttl {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

.campaign_bg {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

.campaign_img {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

.product_ttl {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

.product_bg {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

.product_img {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

.product_txt {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

.product_icon {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

.campaign.is-anime .campaign_ttl {
  -webkit-animation: fadeInAnime 1s 0s forwards;
  animation: fadeInAnime 1s 0s forwards; }

.campaign.is-anime .campaign_bg {
  -webkit-animation: fadeInAnime 1s 0.3s forwards;
  animation: fadeInAnime 1s 0.3s forwards; }

.campaign.is-anime .campaign_img {
  -webkit-animation: fadeInAnime 1s 0.6s forwards;
  animation: fadeInAnime 1s 0.6s forwards; }

.product.is-anime .product_ttl {
  -webkit-animation: fadeInAnime 1s 0s forwards;
  animation: fadeInAnime 1s 0s forwards; }

.product.is-anime .product_bg {
  -webkit-animation: fadeInAnime 1s 0.3s forwards;
  animation: fadeInAnime 1s 0.3s forwards; }

.product.is-anime .product_img {
  -webkit-animation: fadeInAnime 1s 0.6s forwards;
  animation: fadeInAnime 1s 0.6s forwards; }

.product.is-anime .product_txt {
  -webkit-animation: fadeInAnime 1s 0.9s forwards;
  animation: fadeInAnime 1s 0.9s forwards; }

.product.is-anime .product_icon {
  -webkit-animation: fadeInAnime 1s 1.1s forwards;
  animation: fadeInAnime 1s 1.1s forwards; }

/*# sourceMappingURL=style.css.map */