@charset "UTF-8";
html {
  margin: 0;
  padding: 0;
}

body {
  margin: 0;
  padding: 0;
}

.lp_wrap * {
  line-height: 1;
  box-sizing: border-box;
}
.lp_wrap * div, .lp_wrap * span,
.lp_wrap * h1, .lp_wrap * h2, .lp_wrap * h3, .lp_wrap * h4, .lp_wrap * h5, .lp_wrap * h6,
.lp_wrap * p, .lp_wrap * img, .lp_wrap * small, .lp_wrap * strong, .lp_wrap * b,
.lp_wrap * dl, .lp_wrap * dt, .lp_wrap * dd, .lp_wrap * ol, .lp_wrap * ul, .lp_wrap * li,
.lp_wrap * section {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: bottom;
  background: transparent;
}

.lp_wrap {
  margin: 0 auto;
  max-width: 2000px;
}
.lp_wrap img {
  width: 100%;
  vertical-align: bottom;
}
.lp_wrap ul li {
  list-style: none;
}
.lp_wrap a {
  text-decoration: none;
  vertical-align: baseline;
}
.lp_wrap a:hover, .lp_wrap button:hover {
  opacity: 0.8;
}

.lp_wrap .inner {
  width: 750px;
  margin: 0 auto;
  position: relative;
  box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .lp_wrap .inner {
    width: 100%;
  }
}

/* ========================================
  ファーストビュー
======================================== */
.lp_wrap .fv_point {
  background: url("/on/demandware.static/-/Library-Sites-WBJapanSharedLibrary/ja_JP/images/beer-glass/fv_point_bg2308.jpg") top center no-repeat;
  background-size: 2000px 4306px;
  height: 4306px;
}
@media screen and (max-width: 767px) {
  .lp_wrap .fv_point {
    background-size: 266.67vw 574.13vw;
    height: 574.13vw;
  }
}
.lp_wrap .fv_point .fv_item {
  margin-top: -70px;
}
@media screen and (max-width: 767px) {
  .lp_wrap .fv_point .fv_item {
    margin-top: -9.34vw;
  }
}

/*./fv*/
/* ========================================
  point point_a
======================================== */
.lp_wrap .point_a {
  margin-top: -12px;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .lp_wrap .point_a {
    margin-top: -1.6vw;
  }
}
.lp_wrap .point_a .point_01_tit {
  width: 1200px;
  margin-left: -225px;
}
@media screen and (max-width: 767px) {
  .lp_wrap .point_a .point_01_tit {
    width: 160vw;
    margin-left: -30vw;
  }
}
.lp_wrap .point_a .point_02_tit {
  width: 900px;
  margin-left: -75px;
}
@media screen and (max-width: 767px) {
  .lp_wrap .point_a .point_02_tit {
    width: 120vw;
    margin-left: -10vw;
  }
}
.lp_wrap .point_a .point_02_contents {
  position: relative;
}
.lp_wrap .point_a .point_02_contents::after {
  content: "";
  display: block;
  width: 630px;
  height: 548px;
  background: url("/on/demandware.static/-/Library-Sites-WBJapanSharedLibrary/ja_JP/images/beer-glass/point_02_contents_item.png") no-repeat center/100%;
  position: absolute;
  left: -624px;
  top: 112px;
}
@media screen and (max-width: 767px) {
  .lp_wrap .point_a .point_02_contents::after {
    width: 84vw;
    height: 73.07vw;
    left: -83.2vw;
    top: 14.93vw;
  }
}
.lp_wrap .point_a .point_03_tit {
  width: 1000px;
  margin-left: -125px;
}
@media screen and (max-width: 767px) {
  .lp_wrap .point_a .point_03_tit {
    width: 133.33vw;
    margin-left: -16.67vw;
  }
}
.lp_wrap .point_a .point_03_btn a {
  display: block;
  width: 650px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .lp_wrap .point_a .point_03_btn a {
    width: 86.67vw;
  }
}

/*./point_a*/
/* ========================================
  point point_b
======================================== */
.lp_wrap .point_b {
  overflow: hidden;
}
.lp_wrap .point_b .point_04_tit_area {
  background: url("/on/demandware.static/-/Library-Sites-WBJapanSharedLibrary/ja_JP/images/beer-glass/point_04_beer_bg_01_2308.jpg") top center no-repeat;
  background-size: 2000px 1198px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .lp_wrap .point_b .point_04_tit_area {
    background-size: 266.67vw 159.73vw;
  }
}
.lp_wrap .point_b .point_04_tit_area .inner {
  height: 1198px;
}
@media screen and (max-width: 767px) {
  .lp_wrap .point_b .point_04_tit_area .inner {
    height: 159.73vw;
  }
}
.lp_wrap .point_b .point_04_tit_area .point_04_tit {
  width: 900px;
  margin-left: -75px;
}
@media screen and (max-width: 767px) {
  .lp_wrap .point_b .point_04_tit_area .point_04_tit {
    width: 120vw;
    margin-left: -10vw;
  }
}
.lp_wrap .point_b .point_04_beer_product_area .point_04_beer_product_area_01 {
  background: url("/on/demandware.static/-/Library-Sites-WBJapanSharedLibrary/ja_JP/images/beer-glass/point_04_beer_bg_02_01.jpg") top center no-repeat;
  background-size: 2000px 5177px;
  height: 5177px;
  padding-top: 317px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .lp_wrap .point_b .point_04_beer_product_area .point_04_beer_product_area_01 {
    background-size: 266.67vw 690.27vw;
    height: 690.27vw;
    padding-top: 42.27vw;
  }
}
.lp_wrap .point_b .point_04_beer_product_area .point_04_beer_product_area_02 {
  background: url("/on/demandware.static/-/Library-Sites-WBJapanSharedLibrary/ja_JP/images/beer-glass/point_04_beer_bg_02_02.jpg") top center no-repeat;
  background-size: 2000px 656px;
  height: 656px;
  /* height: 570px; */
}
@media screen and (max-width: 767px) {
  .lp_wrap .point_b .point_04_beer_product_area .point_04_beer_product_area_02 {
    background-size: 266.67vw 87.47vw;
    height: 87.47vw;
  }
}
.lp_wrap .point_b .point_04_item {
  position: absolute;
  left: 0;
  top: -445px;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .lp_wrap .point_b .point_04_item {
    top: -59.34vw;
  }
}
.lp_wrap .point_b .point_04_beer_product_link a {
  display: block;
  width: 680px;
  margin: 0 auto 62px;
  filter: drop-shadow(4px 6px 6px rgba(38, 34, 34, 0.2));
}
@media screen and (max-width: 767px) {
  .lp_wrap .point_b .point_04_beer_product_link a {
    width: 90.67vw;
    margin: 0 auto 8.27vw;
    filter: drop-shadow(0.53vw 0.8vw 0.8vw rgba(38, 34, 34, 0.2));
  }
}
.lp_wrap .point_b .point_04_lineup_series .inner {
  position: relative;
}
.lp_wrap .point_b .point_04_lineup_series .inner::after {
  content: "";
  display: block;
  width: 910px;
  height: 770px;
  background: url("/on/demandware.static/-/Library-Sites-WBJapanSharedLibrary/ja_JP/images/beer-glass/point_04_lineup_tre_item.png") no-repeat center/100%;
  position: absolute;
  right: -624px;
  top: 421px;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .lp_wrap .point_b .point_04_lineup_series .inner::after {
    width: 121.33vw;
    height: 102.67vw;
    right: -83.2vw;
    top: 56.13vw;
  }
}
.lp_wrap .point_b .point_04_lineup_series_tit {
  width: 1200px;
  margin-left: -225px;
}
@media screen and (max-width: 767px) {
  .lp_wrap .point_b .point_04_lineup_series_tit {
    width: 160vw;
    margin-left: -30vw;
  }
}
.lp_wrap .point_b .point_04_lineup_voice {
  position: relative;
  z-index: 2;
}
.lp_wrap .point_b .point_04_lineup_series.point_04_lineup_sei .inner {
  position: relative;
}
.lp_wrap .point_b .point_04_lineup_series.point_04_lineup_sei .inner::after {
  height: 777px;
  background: url("/on/demandware.static/-/Library-Sites-WBJapanSharedLibrary/ja_JP/images/beer-glass/point_04_lineup_sei_item.png") no-repeat center/100%;
  left: -624px;
  right: auto;
  top: 478px;
}
@media screen and (max-width: 767px) {
  .lp_wrap .point_b .point_04_lineup_series.point_04_lineup_sei .inner::after {
    height: 103.6vw;
    left: -83.2vw;
    top: 63.73vw;
  }
}
.lp_wrap .point_b .point_04_lineup_series.point_04_lineup_nove .inner {
  position: relative;
}
.lp_wrap .point_b .point_04_lineup_series.point_04_lineup_nove .inner::after {
  height: 768px;
  background: url("/on/demandware.static/-/Library-Sites-WBJapanSharedLibrary/ja_JP/images/beer-glass/point_04_lineup_nove_item.png") no-repeat center/100%;
  top: 489px;
}
@media screen and (max-width: 767px) {
  .lp_wrap .point_b .point_04_lineup_series.point_04_lineup_nove .inner::after {
    height: 102.4vw;
    top: 65.2vw;
  }
}
.lp_wrap .point_b .point_04_lineup_item_box {
  display: block;
  width: 680px;
  min-height: 480px;
  margin: 0 auto;
  background-image: url("/on/demandware.static/-/Library-Sites-WBJapanSharedLibrary/ja_JP/images/beer-glass/point_04_lineup_item_box.jpg");
  background-size: cover;
}
@media screen and (max-width: 767px) {
  .lp_wrap .point_b .point_04_lineup_item_box {
    width: 90.67vw;
    min-height: 64vw;
  }
}

/*./point_b*/
/* ========================================
  beer
======================================== */
.lp_wrap .beer .beer_tit_area {
  background: url("/on/demandware.static/-/Library-Sites-WBJapanSharedLibrary/ja_JP/images/beer-glass/beer_bg.png") top center no-repeat;
  background-size: 2000px 719px;
  margin-top: -97px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .lp_wrap .beer .beer_tit_area {
    background-size: 266.67vw 95.87vw;
    margin-top: -12.94vw;
  }
}
.lp_wrap .beer .beer_tit_area .inner {
  height: 719px;
}
@media screen and (max-width: 767px) {
  .lp_wrap .beer .beer_tit_area .inner {
    height: 95.87vw;
  }
}
.lp_wrap .beer .beer_product .beer_product_01 {
  background: url("/on/demandware.static/-/Library-Sites-WBJapanSharedLibrary/ja_JP/images/beer-glass/beer_product_bg01.jpg") top center no-repeat;
  background-size: 2000px 1291px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .lp_wrap .beer .beer_product .beer_product_01 {
    background-size: 266.67vw 172.13vw;
  }
}
.lp_wrap .beer .beer_product .beer_product_01 .inner {
  height: 1290px;
  padding-top: 331px;
}
@media screen and (max-width: 767px) {
  .lp_wrap .beer .beer_product .beer_product_01 .inner {
    height: 172vw;
    padding-top: 44.13vw;
  }
}
.lp_wrap .beer .beer_product .beer_product_02 {
  background: url("/on/demandware.static/-/Library-Sites-WBJapanSharedLibrary/ja_JP/images/beer-glass/beer_product_bg02.jpg") top center no-repeat;
  background-size: 2000px 534px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .lp_wrap .beer .beer_product .beer_product_02 {
    background-size: 266.67vw 71.2vw;
  }
}
.lp_wrap .beer .beer_product .beer_product_02 .inner {
  height: 534px;
}
@media screen and (max-width: 767px) {
  .lp_wrap .beer .beer_product .beer_product_02 .inner {
    height: 71.2vw;
  }
}
.lp_wrap .beer .beer_product .beer_item {
  position: absolute;
  left: 0;
  top: -149px;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .lp_wrap .beer .beer_product .beer_item {
    top: -19.87vw;
  }
}
.lp_wrap .beer .beer_product .beer_product_item_box {
  display: block;
  width: 680px;
  min-height: 480px;
  margin: 0 auto;
  background-image: url("/on/demandware.static/-/Library-Sites-WBJapanSharedLibrary/ja_JP/images/beer-glass/beer_product_item_box.jpg");
  background-size: cover;
}
@media screen and (max-width: 767px) {
  .lp_wrap .beer .beer_product .beer_product_item_box {
    width: 90.67vw;
    min-height: 64vw;
  }
}

/* ========================================
  tumbler
======================================== */
.lp_wrap .tumbler .tumbler_tit_area {
  background: url("/on/demandware.static/-/Library-Sites-WBJapanSharedLibrary/ja_JP/images/beer-glass/tumbler_bg2308.jpg") top center no-repeat;
  /* background-size: 2000px 719px; */
  background-size: 2000px 850px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .lp_wrap .tumbler .tumbler_tit_area {
    /* background-size: 266.67vw 94.13vw; */
    background-size: 266.67vw 113.335vw;
  }
}
.lp_wrap .tumbler .tumbler_tit_area .inner {
  /* height: 706px; */
  height: 850px;
}
@media screen and (max-width: 767px) {
  .lp_wrap .tumbler .tumbler_tit_area .inner {
    /* height: 94.13vw; */
    height: 113.335vw;
  }
}
.lp_wrap .tumbler .tumbler_product .tumbler_product_01 {
  background: url("/on/demandware.static/-/Library-Sites-WBJapanSharedLibrary/ja_JP/images/beer-glass/tumbler_product_bg01_2308.jpg") top center no-repeat;
  /* background-size: 2000px 1107px; */
  /* background-size: 2000px 1406px; */
  background-size: 2000px 1620px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .lp_wrap .tumbler .tumbler_product .tumbler_product_01 {
    /* background-size: 266.67vw 147.6vw; */
    /* background-size: 266.67vw 187.46vw; */
    background-size: 266.67vw 216vw;
  }
}
.lp_wrap .tumbler .tumbler_product .tumbler_product_01 .inner {
  /* height: 1107px; */
  /* height: 1406px; */
  height: 1620px;
  /* padding-top: 90px; */
  padding-top: 305px;
}
@media screen and (max-width: 767px) {
  .lp_wrap .tumbler .tumbler_product .tumbler_product_01 .inner {
    /* height: 147.6vw; */
    /* height: 187.46vw; */
    height: 216vw;
    /* padding-top: 12vw; */
    padding-top: 40.667vw;
  }
}
.lp_wrap .tumbler .tumbler_product .tumbler_product_02 {
  background: url("/on/demandware.static/-/Library-Sites-WBJapanSharedLibrary/ja_JP/images/beer-glass/tumbler_product_bg02.jpg") top center no-repeat;
  background-size: 2000px 559px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .lp_wrap .tumbler .tumbler_product .tumbler_product_02 {
    background-size: 266.67vw 74.53vw;
  }
}
.lp_wrap .tumbler .tumbler_product .tumbler_product_02 .inner {
  height: 559px;
}
@media screen and (max-width: 767px) {
  .lp_wrap .tumbler .tumbler_product .tumbler_product_02 .inner {
    height: 74.53vw;
  }
}
.lp_wrap .tumbler .tumbler_product .tumbler_item {
  position: absolute;
  left: 0;
  /* top: -268px; */
  top: -120px;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .lp_wrap .tumbler .tumbler_product .tumbler_item {
    /* top: -35.74vw; */
    top: -16.003vw;
  }
}
.lp_wrap .tumbler .tumbler_product .tumbler_product_item_box {
  display: block;
  width: 680px;
  min-height: 480px;
  margin: 0 auto;
  background-image: url("/on/demandware.static/-/Library-Sites-WBJapanSharedLibrary/ja_JP/images/beer-glass/tumbler_product_item_box.jpg");
  background-size: cover;
}
@media screen and (max-width: 767px) {
  .lp_wrap .tumbler .tumbler_product .tumbler_product_item_box {
    width: 90.67vw;
    min-height: 64vw;
  }
}

/* ========================================
  ranking
======================================== */
.ranking {
  display: none;
}
.lp_wrap .ranking .ranking_01 {
  background: url("/on/demandware.static/-/Library-Sites-WBJapanSharedLibrary/ja_JP/images/beer-glass/ranking_bg01.jpg") top center no-repeat;
  background-size: 2000px 220px;
  height: 220px;
}
@media screen and (max-width: 767px) {
  .lp_wrap .ranking .ranking_01 {
    background-size: 266.67vw 29.33vw;
    height: 29.33vw;
  }
}
.lp_wrap .ranking .ranking_02 {
  background: url("/on/demandware.static/-/Library-Sites-WBJapanSharedLibrary/ja_JP/images/beer-glass/ranking_bg02.jpg") top center no-repeat;
  background-size: 2000px 561px;
  height: 561px;
}
@media screen and (max-width: 767px) {
  .lp_wrap .ranking .ranking_02 {
    background-size: 266.67vw 74.8vw;
    height: 74.8vw;
  }
}
.lp_wrap .ranking .ranking_product_item_box {
  display: block;
  width: 680px;
  min-height: 480px;
  margin: 0 auto;
  background-image: url("/on/demandware.static/-/Library-Sites-WBJapanSharedLibrary/ja_JP/images/beer-glass/ranking_product_item_box.jpg");
  background-size: cover;
}
@media screen and (max-width: 767px) {
  .lp_wrap .ranking .ranking_product_item_box {
    width: 90.67vw;
    min-height: 64vw;
  }
}

/* ========================================
  etching
======================================== */
.lp_wrap .etching {
  background: url("/on/demandware.static/-/Library-Sites-WBJapanSharedLibrary/ja_JP/images/beer-glass/etching_bg.jpg") top center no-repeat;
  background-size: 2000px 1288px;
  height: 1288px;
}
@media screen and (max-width: 767px) {
  .lp_wrap .etching {
    background-size: 266.67vw 171.73vw;
    height: 171.73vw;
  }
}
.lp_wrap .etching .etching_btn a {
  display: block;
  width: 650px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .lp_wrap .etching .etching_btn a {
    width: 86.67vw;
  }
}

/* ========================================
  present
======================================== */
.lp_wrap .present {
  background: url("/on/demandware.static/-/Library-Sites-WBJapanSharedLibrary/ja_JP/images/beer-glass/present_bg.jpg") top center no-repeat;
  background-size: 2000px 1090px;
  height: 1090px;
}
@media screen and (max-width: 767px) {
  .lp_wrap .present {
    background-size: 266.67vw 145.33vw;
    height: 145.33vw;
  }
}
.lp_wrap .present .inner {
  overflow: hidden;
}

/*==================================================
fadeIn
===================================*/
.fadeIn {
  animation-name: fadeInAnime;
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  opacity: 0;
}

@keyframes fadeInAnime {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.fadeInTrigger {
  opacity: 0;
}

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



/* ========================================
  以下、WB追加　商品サムネイル調整
======================================== */
/* 各サムネイル箇所に class名 thumbnail を追加 */
.thumbnail .inner {
  width: 940px;
  padding-top: 30px;
}
@media screen and (max-width: 767px) {
    .thumbnail .inner {
      width: 100%;
      padding: unset;
  }
}
.thumbnail .col-12 {
  padding-right: 15px !important;
  padding-left: 15px !important;
}
.thumbnail .carousel-control-prev-icon,
.thumbnail .carousel-control-next-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: no-repeat 50% / 100% 100%; }

.thumbnail .carousel-control-prev-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); }

.thumbnail .carousel-control-next-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); }

.thumbnail .product-name-link,
.thumbnail .product-name-link a {
  line-height: initial;
}

#maincontent {
  margin-bottom: 0;
}