/*****************************************
*                  index                 *
*****************************************/
img{width: 100%;}
.area {
  position: relative;
}
.section {
  position: relative;
}

#custom {
  overflow: hidden;
  background-color: #ffffff;
}
#standard {
  /*background: url(../m/images/index/standard-bg.jpg) center top repeat;*/
  background-color: #f8e6ac;
  background-size: calc(375 / 375 * 100vw) calc(250 / 375 * 100vw);
}

#custom .section {
  background-color: #e9c926;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: contain;
  overflow: hidden;
}

#custom .section .inner {
  height: 100%;
}

#custom .section .hand {
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
}

#custom #cut-1 {
  height: calc(574 / 375 * 100vw);
  background-image: url(../m/images/index/kv_2.jpg);
  background-size: calc(375 / 375 * 100vw) auto;
  background-position: center calc(0 / 375 * 100vw);
}
#cut-2 {
  height: calc(514 / 375 * 100vw);
  background-image: url(../m/images/index/cut-2-bg.jpg);
}
#cut-3 {
  height: calc(514 / 375 * 100vw);
  background-image: url(../m/images/index/cut-3-bg.jpg);
}
#cut-4 {
  height: calc(514 / 375 * 100vw);
  background-image: url(../m/images/index/cut-4-bg.jpg);
}
#custom #cut-5 {
  height: calc(539 / 375 * 100vw);
  background-image: url(../m/images/index/cut-5-bg.jpg);
  background-size: calc(375 / 375 * 100vw) calc(755 / 375 * 100vw);
  overflow: visible;
}
/*
#cut-1 .text {
	background-image: url(../m/images/index/cut-1-text.png);
	background-repeat: no-repeat;
	background-size: contain;
}

#cut-1 .text {
	top: calc(26 / 375 * 100vw);
	left: calc(199 / 375 * 100vw);
	width: calc(152 / 375 * 100vw);
	height: calc(304 / 375 * 100vw);
	background-position: 0 0;
}
*/

#cut-1 .slogan {
  top: calc(27 / 375 * 100vw);
  left: calc(232 / 375 * 100vw);
}

#cut-1 .text {
  background-position: 0 0;
  background-repeat: no-repeat;
  z-index: 1;
}

#cut-1 .text-1 {
  top: calc(0 / 375 * 100vw);
  left: calc(69 / 375 * 100vw);
  width: calc(62 / 375 * 100vw);
  height: calc(68 / 375 * 100vw);
  background-image: url(../m/images/index/cut-1-text-1.png?v=190322);
}

#cut-1 .text-2 {
  top: calc(74 / 375 * 100vw);
  left: calc(89 / 375 * 100vw);
  width: calc(21 / 375 * 100vw);
  height: calc(10 / 375 * 100vw);
  background-image: url(../m/images/index/cut-1-text-2.png?v=190322);
}

#cut-1 .text-3 {
  top: calc(93 / 375 * 100vw);
  left: calc(76 / 375 * 100vw);
  width: calc(51 / 375 * 100vw);
  height: calc(62 / 375 * 100vw);
  background-image: url(../m/images/index/cut-1-text-3.png?v=190322);
}

#cut-1 .text-4 {
  top: calc(161 / 375 * 100vw);
  left: calc(90 / 375 * 100vw);
  width: calc(17 / 375 * 100vw);
  height: calc(16 / 375 * 100vw);
  background-image: url(../m/images/index/cut-1-text-4.png?v=190322);
}

#cut-1 .text-5 {
  top: calc(4 / 375 * 100vw);
  left: calc(0 / 375 * 100vw);
  width: calc(73 / 375 * 100vw);
  height: calc(112 / 375 * 100vw);
  background-image: url(../m/images/index/cut-1-text-5.png?v=190322);
}

#cut-1 .text-6 {
  top: calc(123 / 375 * 100vw);
  left: calc(2 / 375 * 100vw);
  width: calc(79 / 375 * 100vw);
  height: calc(87 / 375 * 100vw);
  background-image: url(../m/images/index/cut-1-text-6.png?v=190322);
}

#cut-1 .text-7 {
  top: calc(211 / 375 * 100vw);
  left: calc(3 / 375 * 100vw);
  width: calc(98 / 375 * 100vw);
  height: calc(61 / 375 * 100vw);
  background-image: url(../m/images/index/cut-1-text-7.png?v=190322);
}

#cut-1 .text-8 {
  top: calc(278 / 375 * 100vw);
  left: calc(30 / 375 * 100vw);
  width: calc(13 / 375 * 100vw);
  height: calc(51 / 375 * 100vw);
  background-image: url(../m/images/index/cut-1-text-8.png?v=190322);
}

#cut-1 .bottle {
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 2;
}

#cut-1 .bottle-1 {
  top: calc(277 / 375 * 100vw);
  left: calc(12 / 375 * 100vw);
  width: calc(328 / 375 * 100vw);
  height: calc(347 / 375 * 100vw);
  background-image: url(../m/images/index/cut-1-bottle-1.png);
}

/*
#cut-1 .bottle-2 {
	top: calc(416 / 375 * 100vw);
	left: calc(216 / 375 * 100vw);
	width: calc(74 / 375 * 100vw);
	height: calc(136 / 375 * 100vw);
	background-image: url(../m/images/index/cut-1-bottle-2.png);
}
*/

#cut-1 .desc {
  top: calc(154 / 375 * 100vw);
  left: calc(40 / 375 * 100vw);
  width: calc(323 / 375 * 100vw);
  height: calc(204 / 375 * 100vw);
  background: url(../m/images/index/cut-1-brand-name.png?t=2022) 0 0 no-repeat;
  background-size: contain;
}

#cut-1 .symbol {
  top: calc(13 / 375 * 100vw);
  left: 0;
  width: calc(375 / 375 * 100vw);
  height: calc(301 / 375 * 100vw);
  background: url(../m/images/index/cut-1-symbol.png) 0 0 no-repeat;
  background-size: contain;
}

#cut-1 .brandname {
  top: calc(393 / 375 * 100vw);
  left: calc(307 / 375 * 100vw);
  width: calc(49 / 375 * 100vw);
  height: calc(98 / 375 * 100vw);
  background: url(../m/images/index/cut-1-brand-name.png?t=2022) 0 0 no-repeat;
  background-size: contain;
}

#cut-1 .btn-share {
  top: calc(21 / 375 * 100vw);
  left: calc(32 / 375 * 100vw);
  width: calc(36 / 375 * 100vw);
  height: calc(51 / 375 * 100vw);
  background: url(../m/images/index/btn-share.png) 0 0 no-repeat;
  background-size: contain;
}

.section .text {
  z-index: 3;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
}
.section .desc {
  z-index: 2;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
}
.section .extra {
  z-index: 1;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
}

#cut-2 .text {
  top: calc(135 / 375 * 100vw);
  left: calc(28 / 375 * 100vw);
  width: calc(320 / 375 * 100vw);
  height: calc(41 / 375 * 100vw);
  background-image: url(../m/images/index/cut-2-text.png?v=190322);
}

#cut-3 .text {
  top: calc(135 / 375 * 100vw);
  left: calc(97 / 375 * 100vw);
  width: calc(182 / 375 * 100vw);
  height: calc(41 / 375 * 100vw);
  background-image: url(../m/images/index/cut-3-text.png);
}

#cut-4 .text {
  top: calc(135 / 375 * 100vw);
  left: calc(74 / 375 * 100vw);
  width: calc(227 / 375 * 100vw);
  height: calc(41 / 375 * 100vw);
  background-image: url(../m/images/index/cut-4-text.png);
}

#cut-2 .desc {
  top: calc(194 / 375 * 100vw);
  left: calc(38 / 375 * 100vw);
  width: calc(294 / 375 * 100vw);
  height: calc(41 / 375 * 100vw);
  background-image: url(../m/images/index/cut-2-desc.png?v=190322);
}

#cut-3 .desc {
  top: calc(194 / 375 * 100vw);
  left: calc(94 / 375 * 100vw);
  width: calc(188 / 375 * 100vw);
  height: calc(41 / 375 * 100vw);
  background-image: url(../m/images/index/cut-3-desc.png);
}

#cut-4 .desc {
  top: calc(193 / 375 * 100vw);
  left: calc(70 / 375 * 100vw);
  width: calc(235 / 375 * 100vw);
  height: calc(41 / 375 * 100vw);
  background-image: url(../m/images/index/cut-4-desc.png);
}

#cut-2 .extra {
  top: calc(213 / 375 * 100vw);
  left: calc(61 / 375 * 100vw);
  width: calc(246 / 375 * 100vw);
  height: calc(310 / 375 * 100vw);
  background-image: url(../m/images/index/cut-2-extra.png);
}

#cut-3 .extra {
  top: calc(213 / 375 * 100vw);
  left: 0;
  width: calc(373 / 375 * 100vw);
  height: calc(301 / 375 * 100vw);
  /*	background-image: url(../m/images/index/cut-3-extra.png);*/
}

#cut-3 .wheat {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(373 / 375 * 100vw);
  height: calc(311 / 375 * 100vw);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
}

#cut-3 .wheat-1 {
  background-image: url(../m/images/index/cut-3-extra-1.png);
  -webkit-transform-origin: right bottom;
  -moz-transform-origin: right bottom;
  -ms-transform-origin: right bottom;
  -o-transform-origin: right bottom;
  transform-origin: right bottom;
  -webkit-animation: wheatRotate 3.15s linear 0s infinite;
  animation: wheatRotate 3.15s linear 0s infinite;
}

#cut-3 .wheat-2 {
  background-image: url(../m/images/index/cut-3-extra-2.png);
  -webkit-transform-origin: calc(328 / 375 * 100vw) bottom;
  -moz-transform-origin: calc(328 / 375 * 100vw) bottom;
  -ms-transform-origin: calc(328 / 375 * 100vw) bottom;
  -o-transform-origin: calc(328 / 375 * 100vw) bottom;
  transform-origin: calc(328 / 375 * 100vw) bottom;
  -webkit-animation: wheatRotate 3.5s linear 0s infinite;
  animation: wheatRotate 3.5s linear 0s infinite;
}

#cut-3 .wheat-3 {
  background-image: url(../m/images/index/cut-3-extra-3.png);
  -webkit-transform-origin: calc(328 / 375 * 100vw) bottom;
  -moz-transform-origin: calc(328 / 375 * 100vw) bottom;
  -ms-transform-origin: calc(328 / 375 * 100vw) bottom;
  -o-transform-origin: calc(328 / 375 * 100vw) bottom;
  transform-origin: calc(328 / 375 * 100vw) bottom;
  -webkit-animation: wheatRotate 3.25s linear 0s infinite;
  animation: wheatRotate 3.25s linear 0s infinite;
}

#cut-3 .wheat-4 {
  background-image: url(../m/images/index/cut-3-extra-4.png);
  -webkit-transform-origin: calc(328 / 375 * 100vw) bottom;
  -moz-transform-origin: calc(328 / 375 * 100vw) bottom;
  -ms-transform-origin: calc(328 / 375 * 100vw) bottom;
  -o-transform-origin: calc(328 / 375 * 100vw) bottom;
  transform-origin: calc(328 / 375 * 100vw) bottom;
  -webkit-animation: wheatRotate 3s linear 0s infinite;
  animation: wheatRotate 3s linear 0s infinite;
}

@keyframes wheatRotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-webkit-keyframes wheatRotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

#cut-4 .extra {
  top: calc(245 / 375 * 100vw);
  left: calc(45 / 375 * 100vw);
  width: calc(291 / 375 * 100vw);
  height: calc(249 / 375 * 100vw);
  /*	background-image: url(../m/images/index/cut-4-extra.png);*/
}

#cut-4 .hops {
  position: absolute;
  background-size: contain;
  background-repeat: no-repeat;
}

#cut-4 .hops-1 {
  top: calc(14 / 375 * 100vw);
  left: 0;
  width: calc(110 / 375 * 100vw);
  height: calc(142 / 375 * 100vw);
  background-image: url(../m/images/index/cut-4-extra-1.png);
  -webkit-animation: hopsFloat 2s linear 0.25s infinite;
  animation: hopsFloat 2s linear 0.25s infinite;
}

#cut-4 .hops-2 {
  top: calc(74 / 375 * 100vw);
  left: calc(50 / 375 * 100vw);
  width: calc(132 / 375 * 100vw);
  height: calc(175 / 375 * 100vw);
  background-image: url(../m/images/index/cut-4-extra-2.png);
  -webkit-animation: hopsFloat 2s linear 0s infinite;
  animation: hopsFloat 2s linear 0s infinite;
}

#cut-4 .hops-3 {
  top: 0;
  left: calc(134 / 375 * 100vw);
  width: calc(158 / 375 * 100vw);
  height: calc(201 / 375 * 100vw);
  background-image: url(../m/images/index/cut-4-extra-3.png);
  -webkit-animation: hopsFloat 2s linear 0.5s infinite;
  animation: hopsFloat 2s linear 0.5s infinite;
}

@keyframes hopsFloat {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  25% {
    -webkit-transform: translateY(calc(-1.5 / 375 * 100vw));
    transform: translateY(calc(-1.5 / 375 * 100vw));
  }
  50% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  75% {
    -webkit-transform: translateY(calc(1.5 / 375 * 100vw));
    transform: translateY(calc(1.5 / 375 * 100vw));
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@-webkit-keyframes hopsFloat {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  25% {
    -webkit-transform: translateY(calc(-1.5 / 375 * 100vw));
    transform: translateY(calc(-1.5 / 375 * 100vw));
  }
  50% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  75% {
    -webkit-transform: translateY(calc(1.5 / 375 * 100vw));
    transform: translateY(calc(1.5 / 375 * 100vw));
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

#cut-1 .celebrity {
  top: calc(116 / 375 * 100vw);
  left: calc(35 / 375 * 100vw);
  width: calc(270 / 375 * 100vw);
  height: calc(398 / 375 * 100vw);
  background: url(../m/images/index/cut-1-celebrity.png) 0 0 no-repeat;
  background-size: contain;
  z-index: 2;
}

#cut-5 .slogan {
  top: calc(28 / 375 * 100vw);
  left: calc(35 / 375 * 100vw);
  width: calc(144 / 375 * 100vw);
  height: calc(358 / 375 * 100vw);
  z-index: 5;
}

#cut-5 .text {
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 1;
}

#cut-5 .text-1 {
  top: calc(3 / 375 * 100vw);
  left: calc(76 / 375 * 100vw);
  width: calc(68 / 375 * 100vw);
  height: calc(76 / 375 * 100vw);
  background-image: url(../m/images/index/cut-5-text-1.png);
}

#cut-5 .text-2 {
  top: calc(88 / 375 * 100vw);
  left: calc(95 / 375 * 100vw);
  width: calc(24 / 375 * 100vw);
  height: calc(11 / 375 * 100vw);
  background-image: url(../m/images/index/cut-5-text-2.png);
}

#cut-5 .text-3 {
  top: calc(109 / 375 * 100vw);
  left: calc(79 / 375 * 100vw);
  width: calc(59 / 375 * 100vw);
  height: calc(71 / 375 * 100vw);
  background-image: url(../m/images/index/cut-5-text-3.png);
}

#cut-5 .text-4 {
  top: calc(185 / 375 * 100vw);
  left: calc(112 / 375 * 100vw);
  width: calc(18 / 375 * 100vw);
  height: calc(14 / 375 * 100vw);
  background-image: url(../m/images/index/cut-5-text-4.png);
}

#cut-5 .text-5 {
  top: calc(0 / 375 * 100vw);
  left: calc(2 / 375 * 100vw);
  width: calc(79 / 375 * 100vw);
  height: calc(123 / 375 * 100vw);
  background-image: url(../m/images/index/cut-5-text-5.png);
}

#cut-5 .text-6 {
  top: calc(131 / 375 * 100vw);
  left: 0;
  width: calc(84 / 375 * 100vw);
  height: calc(95 / 375 * 100vw);
  background-image: url(../m/images/index/cut-5-text-6.png);
}

#cut-5 .text-7 {
  top: calc(228 / 375 * 100vw);
  left: calc(0 / 375 * 100vw);
  width: calc(107 / 375 * 100vw);
  height: calc(67 / 375 * 100vw);
  background-image: url(../m/images/index/cut-5-text-7.png);
}

#cut-5 .text-8 {
  top: calc(303 / 375 * 100vw);
  left: calc(36 / 375 * 100vw);
  width: calc(13 / 375 * 100vw);
  height: calc(55 / 375 * 100vw);
  background-image: url(../m/images/index/cut-5-text-8.png);
}

#cut-5 .bottle {
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 2;
}

#cut-5 .bottle-1 {
  top: calc(69 / 375 * 100vw);
  left: calc(70 / 375 * 100vw);
  width: calc(264 / 375 * 100vw);
  height: calc(469 / 375 * 100vw);
  background-image: url(../m/images/index/cut-5-bottle-1.png);
}

#cut-5 .bottle-2 {
  top: calc(200 / 375 * 100vw);
  left: calc(138 / 375 * 100vw);
  width: calc(146 / 375 * 100vw);
  height: calc(311 / 375 * 100vw);
  background-image: url(../m/images/index/cut-5-bottle-2.png);
}

#cut-5 .bottle-2:after {
  position: absolute;
  content: "";
  top: 0;
  left: calc(25 / 375 * 100vw);
  width: calc(50 / 375 * 100vw);
  height: calc(32 / 375 * 100vw);
  background: url(../m/images/index/cut-5-bottle-2-extra.png) 0 0 no-repeat;
  background-size: contain;
  opacity: 1;
  transform: scaleY(1);
  transform-origin: center bottom;
  /*	transition: .5s cubic-bezier(0.18, 0.89, 0.27, 1.68) 1s;*/
}

#cut-5 .bottle-2.show:after {
  /*	opacity: 1;*/
  /*	transform: scaleY(1);*/
  -webkit-animation: bbshow 1.3s linear 1s infinite;
  animation: bbshow 1.3s linear 1s infinite;
}

@keyframes bbshow {
  0% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
  30% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
  50% {
    -webkit-transform: scaleY(0.8);
    transform: scaleY(0.8);
  }
  70% {
    -webkit-transform: scaleY(1.5);
    transform: scaleY(1.5);
  }
  100% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}

@-webkit-keyframes bbshow {
  0% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
  30% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
  50% {
    -webkit-transform: scaleY(0.8);
    transform: scaleY(0.8);
  }
  70% {
    -webkit-transform: scaleY(1.5);
    transform: scaleY(1.5);
  }
  100% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}

#cut-5 .brandname {
  top: calc(426 / 375 * 100vw);
  left: calc(26 / 375 * 100vw);
  width: calc(49 / 375 * 100vw);
  height: calc(98 / 375 * 100vw);
  background: url(../m/images/index/cut-5-brand-name.png) 0 0 no-repeat;
  background-size: contain;
  z-index: 3;
}

/*

#cut-5 .celebrity {
	top: calc(135 / 375 * 100vw);
	left: calc(71 / 375 * 100vw);
	width: calc(304 / 375 * 100vw);
	height: calc(353 / 375 * 100vw);
	background: url(../m/images/index/cut-5-celebrity.png) 0 0 no-repeat;
	background-size: contain;
	z-index: 2;
}

#cut-5 .symbol {
	top: calc(12 / 375 * 100vw);
	left: 0;
	width: calc(375 / 375 * 100vw);
	height: calc(340 / 375 * 100vw);
	background: url(../m/images/index/cut-5-symbol.png) 0 0 no-repeat;
	background-size: contain;
}

#cut-5 .text-1 {
	top: calc(43 / 375 * 100vw);
	left: calc(88 / 375 * 100vw);
	width: calc(56 / 375 * 100vw);
	height: calc(124 / 375 * 100vw);
	background: url(../m/images/index/cut-5-text-1.png) 0 0 no-repeat;
	background-size: contain;
	z-index: 1;
}

#cut-5 .text-2 {
	top: calc(80 / 375 * 100vw);
	left: calc(15 / 375 * 100vw);
	width: calc(64 / 375 * 100vw);
	height: calc(313 / 375 * 100vw);
	background: url(../m/images/index/cut-5-text-2.png) 0 0 no-repeat;
	background-size: contain;
	z-index: 1;
}

*/

#cut-5 .words {
  opacity: 0;
  /*	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	-o-transform: scale(0.8);
	transform: scale(0.8);*/
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
}

#cut-5 .words-1 {
  top: calc(29 / 375 * 100vw);
  left: calc(-98 / 375 * 100vw);
  width: calc(260 / 375 * 100vw);
  height: calc(134 / 375 * 100vw);
  background-image: url(../m/images/index/words/w-1.png);
}

#cut-5 .words-2 {
  top: calc(30 / 375 * 100vw);
  left: calc(51 / 375 * 100vw);
  width: calc(115 / 375 * 100vw);
  height: calc(38 / 375 * 100vw);
  background-image: url(../m/images/index/words/w-2.png);
}

#cut-5 .words-3 {
  top: calc(124 / 375 * 100vw);
  left: calc(41 / 375 * 100vw);
  width: calc(95 / 375 * 100vw);
  height: calc(38 / 375 * 100vw);
  background-image: url(../m/images/index/words/w-3.png);
}

#cut-5 .words-4 {
  top: calc(173 / 375 * 100vw);
  left: calc(-98 / 375 * 100vw);
  width: calc(222 / 375 * 100vw);
  height: calc(26 / 375 * 100vw);
  background-image: url(../m/images/index/words/w-4.png);
}

#cut-5 .words-5 {
  top: calc(211 / 375 * 100vw);
  left: calc(-98 / 375 * 100vw);
  width: calc(211 / 375 * 100vw);
  height: calc(106 / 375 * 100vw);
  background-image: url(../m/images/index/words/w-5.png);
}

#cut-5 .words-6 {
  top: calc(218 / 375 * 100vw);
  left: calc(68 / 375 * 100vw);
  width: calc(76 / 375 * 100vw);
  height: calc(38 / 375 * 100vw);
  background-image: url(../m/images/index/words/w-6.png);
}

#cut-5 .words-7 {
  top: calc(328 / 375 * 100vw);
  left: calc(-97 / 375 * 100vw);
  width: calc(114 / 375 * 100vw);
  height: calc(18 / 375 * 100vw);
  background-image: url(../m/images/index/words/w-7.png);
}

#cut-5 .words-8 {
  top: calc(355 / 375 * 100vw);
  left: calc(-97 / 375 * 100vw);
  width: calc(98 / 375 * 100vw);
  height: calc(28 / 375 * 100vw);
  background-image: url(../m/images/index/words/w-8.png);
}

#cut-5 .words-9 {
  top: calc(328 / 375 * 100vw);
  left: calc(30 / 375 * 100vw);
  width: calc(136 / 375 * 100vw);
  height: calc(55 / 375 * 100vw);
  background-image: url(../m/images/index/words/w-9.png);
}

#cut-5 .words-10 {
  top: calc(392 / 375 * 100vw);
  left: calc(-98 / 375 * 100vw);
  width: calc(211 / 375 * 100vw);
  height: calc(49 / 375 * 100vw);
  background-image: url(../m/images/index/words/w-10.png);
}

#cut-5 .words-11 {
  top: calc(28 / 375 * 100vw);
  left: calc(184 / 375 * 100vw);
  width: calc(393 / 375 * 100vw);
  height: calc(40 / 375 * 100vw);
  background-image: url(../m/images/index/words/w-11.png);
}

#cut-5 .words-12 {
  top: calc(78 / 375 * 100vw);
  left: calc(184 / 375 * 100vw);
  width: calc(192 / 375 * 100vw);
  height: calc(18 / 375 * 100vw);
  background-image: url(../m/images/index/words/w-12.png);
}

#cut-5 .words-13 {
  top: calc(109 / 375 * 100vw);
  left: calc(185 / 375 * 100vw);
  width: calc(252 / 375 * 100vw);
  height: calc(33 / 375 * 100vw);
  background-image: url(../m/images/index/words/w-13.png);
}

#cut-5 .words-14 {
  top: calc(153 / 375 * 100vw);
  left: calc(316 / 375 * 100vw);
  width: calc(261 / 375 * 100vw);
  height: calc(134 / 375 * 100vw);
  background-image: url(../m/images/index/words/w-14.png);
}

#cut-5 .words-15 {
  top: calc(299 / 375 * 100vw);
  left: calc(336 / 375 * 100vw);
  width: calc(241 / 375 * 100vw);
  height: calc(19 / 375 * 100vw);
  background-image: url(../m/images/index/words/w-15.png);
}

#cut-5 .words-16 {
  top: calc(329 / 375 * 100vw);
  left: calc(316 / 375 * 100vw);
  width: calc(261 / 375 * 100vw);
  height: calc(40 / 375 * 100vw);
  background-image: url(../m/images/index/words/w-16.png);
}

#cut-5 .words-17 {
  top: calc(378 / 375 * 100vw);
  left: calc(313 / 375 * 100vw);
  width: calc(264 / 375 * 100vw);
  height: calc(23 / 375 * 100vw);
  background-image: url(../m/images/index/words/w-17.png);
}

#cut-5 .words-18 {
  top: calc(412 / 375 * 100vw);
  left: calc(233 / 375 * 100vw);
  width: calc(230 / 375 * 100vw);
  height: calc(27 / 375 * 100vw);
  background-image: url(../m/images/index/words/w-18.png);
}

#standard .section {
  /*border-top: rgba(249, 233, 192, 0.4) calc(2 / 375 * 100vw) solid;*/
  border-top: calc(2 / 375 * 100vw) solid #a5894a;
  /*	overflow: hidden;*/
}

#standard .title,
#standard .content {
  position: absolute;
}

#standard .content {
  width: 100%;
}

#campaign {
  /*	height: calc(500 / 375 * 100vw);*/
  padding-bottom: calc(12 / 375 * 100vw);
  /*	background-image: url(../m/images/index/campaign-bg.jpg);
	background-color: #e9c926;
	background-position: center top;
	background-size: calc(375 / 375 * 100vw) calc(500 / 375 * 100vw);*/
}

#campaign .title {
  top: calc(27 / 375 * 100vw);
  left: calc(121 / 375 * 100vw);
  width: calc(137 / 375 * 100vw);
  height: calc(48 / 375 * 100vw);
  background: url(../m/images/index/campaign-title.png) 0 0 no-repeat;
  background-size: contain;
}

#campaign .content {
  position: relative;
  padding-top: calc(92 / 375 * 100vw);
}

#campaign ul {
  text-align: center;
}

#campaign li {
  width: calc(336 / 375 * 100vw);
  /*	height: calc(243 / 375 * 100vw);*/
  margin: 0 auto calc(18 / 375 * 100vw);
  background: #ffffff;
}

#campaign li a {
  display: block;
  position: relative;
  width: 100%;
  /*	height: 100%;*/
  background-color: #b3ae98;
  overflow: hidden;
}

#campaign li a img {
  display: block;
  width: calc(336 / 375 * 100vw);
}

#campaign li a:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: #ffffff calc(8 / 375 * 100vw) solid;
  box-sizing: border-box;
}

#products {
  height: auto;
  padding-bottom: calc(25 / 375 * 100vw);
  background-image: url(../m/images/index/products-bg.jpg);
  background-color: #e9c926;
  background-position: center top;
/*   background-size: calc(375 / 375 * 100vw) calc(582 / 375 * 100vw); */
background-size: auto 100%;
}

#products:before {
  /*	position: absolute;
	top: 0;
	left: 0;
	width: calc(375 / 375 * 100vw);
	height: calc(333 / 375 * 100vw);
	background: url(../m/images/index/products-bg-top.jpg) center top;
	background-size: calc(375 / 375 * 100vw) calc(333 / 375 * 100vw);
	content: '';*/
}

#products .title {
  top: calc(27 / 375 * 100vw);
  left: calc(139 / 375 * 100vw);
  width: calc(99 / 375 * 100vw);
  height: calc(48 / 375 * 100vw);
  background: url(../m/images/index/products-title.png) 0 0 no-repeat;
  background-size: contain;
}

#products .content {
  position: relative;
  padding-top: calc(92 / 375 * 100vw);
}

#products .related-content {
}
#products .related-content li {
  /*	border-color: #ffe55f;
	background: #ffe55f;*/
}

#products .related-content li a {
  color: #673d00;
  border-color: transparent;
  background: url(../m/images/index/products-item.jpg) 0 0 no-repeat;
  background-size: calc(144 / 375 * 100vw) calc(184 / 375 * 100vw);
}

#products .related-content li a {
}
#products .related-content .btn-more {
  color: #1c1c1c;
  background: url(../m/images/index/products-more.jpg) 0 0 no-repeat;
  background-size: contain;
}
/*
#products .related-arrow {}
#products .related-arrow li {height: auto;}
#products .related-arrow li a {
	top: calc(79 / 375 * 100vw);
	width: calc(57 / 375 * 100vw);
	height: calc(60 / 375 * 100vw);
	background-position: center center;
}
#products .related-arrow li.prev a {background-image: url(../m/images/index/arrow-prev.png); left: calc(13 / 375 * 100vw);}
#products .related-arrow li.next a {background-image: url(../m/images/index/arrow-next.png); right: calc(13 / 375 * 100vw);}
*/
#tvcm {
  height: calc(300 / 375 * 100vw); /*375*/
  background-image: url(../m/images/index/tvcm-bg.jpg);
  background-color: #e9c926;
  background-position: center top;
  background-size: calc(375 / 375 * 100vw) calc(300 / 375 * 100vw);
}

#tvcm .title {
  top: calc(27 / 375 * 100vw);
  left: calc(152 / 375 * 100vw);
  width: calc(72 / 375 * 100vw);
  height: calc(48 / 375 * 100vw);
  background: url(../m/images/index/tvcm-title.png) 0 0 no-repeat;
  background-size: contain;
}

#tvcm .content {
  top: calc(92 / 375 * 100vw);
}
/*
#tvcm li {}
#tvcm li a {}
#tvcm li a:after {
	top: calc(91 / 375 * 100vw);
	left: calc(151 / 375 * 100vw);
	background: url(../m/images/index/tvcm-play.png) 0 0 no-repeat;
	background-size: calc(55 / 375 * 100vw) calc(55 / 375 * 100vw);
}
#tvcm .pic {}
#tvcm .pic:after {border-color: #d09d00;}

#tvcm .videos-content {
	height: calc(307 / 375 * 100vw);
}
*/
#tvcm .slide {
}
#tvcm .slide-content {
}
#tvcm .slide-content a {
  width: calc(270 / 375 * 100vw);
}
#tvcm .slide-content a:after {
  top: calc(44 / 375 * 100vw);
  background-image: url(../m/images/index/tvcm-play.png);
}
#tvcm .slide-content .pic {
  width: calc(270 / 375 * 100vw);
  height: calc(144 / 375 * 100vw);
  background: rgba(120, 98, 0, 1);
}
#tvcm .slide-content .pic:after {
  border-color: #936a0b;
}
#tvcm .slide-content .pic img {
  opacity: 0.7;
}
#tvcm .slide-content .name {
  width: calc(270 / 375 * 100vw);
  color: #1c1c1c;
}
#tvcm .slide-content .vid {
  width: calc(270 / 375 * 100vw);
  height: calc(144 / 375 * 100vw);
}
#tvcm .slide-nav {
  height: 0;
  overflow: hidden;
  margin: 0;
}
#tvcm .slide-nav ul {
}
#tvcm .slide-nav li {
  background-color: #e6be70;
}
#tvcm .slide-nav li.current {
  background-color: #5f4000;
}

#tvcm .slide-arrow {
}
#tvcm .slide-arrow ul {
}
#tvcm .slide-arrow li {
}
#tvcm .slide-arrow li a {
  background-size: calc(17 / 375 * 100vw) calc(19 / 375 * 100vw);
}
#tvcm .slide-arrow li.prev a {
  background-image: url(../m/images/index/arrow-prev.png);
}
#tvcm .slide-arrow li.next a {
  background-image: url(../m/images/index/arrow-next.png);
}

#standard #knowledge {
  height: calc(216 / 375 * 100vw);
  border: none;
  background-image: url(../m/images/index/cut-5-bg.jpg);
  background-position: center bottom;
  /*	background-size: calc(375 / 375 * 100vw) calc(538 / 375 * 100vw);*/
  background-size: calc(375 / 375 * 100vw) calc(755 / 375 * 100vw);
}

#knowledge .content {
  top: 0;
}

#knowledge ul {
  text-align: center;
}
#knowledge li {
  margin: 0 0 calc(17 / 375 * 100vw);
}
#knowledge li a {
  display: block;
  width: calc(336 / 375 * 100vw);
  height: calc(88 / 375 * 100vw);
  margin: 0 auto;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
}
#knowledge li a.item-1 {
  background-image: url(../m/images/index/knowledge-1.jpg);
}
#knowledge li a.item-2 {
  background-image: url(../m/images/index/knowledge-2.jpg);
}

#shop {
  height: calc(305 / 375 * 100vw);
  /*	background-image: url(../m/images/index/shop-bg.jpg);
	background-color: #e9c926;
	background-position: center top;*/
}

#shop .title {
  top: calc(27 / 375 * 100vw);
  left: calc(102 / 375 * 100vw);
  width: calc(173 / 375 * 100vw);
  height: calc(48 / 375 * 100vw);
  background: url(../m/images/index/shop-title.png) 0 0 no-repeat;
  background-size: contain;
}

#shop .content {
  top: calc(91 / 375 * 100vw);
}

#shop ul {
  font-size: 0;
  text-align: center;
}
#shop li {
  display: inline-block;
  width: calc(165 / 375 * 100vw);
  height: calc(88 / 375 * 100vw);
  margin: 0 calc(3 / 375 * 100vw) calc(6 / 375 * 100vw);
  vertical-align: top;
}

#shop li a {
  display: table-cell;
  width: calc(165 / 375 * 100vw);
  height: calc(88 / 375 * 100vw);
  vertical-align: middle;
  background: url(../m/images/index/shop-arrow.png) 0 0 no-repeat;
  /*	background-color: #ffe55f;*/
  background-position: 0 0;
  background-size: calc(165 / 375 * 100vw) calc(88 / 375 * 100vw);
  background-repeat: no-repeat;
}

/*#shop li a:hover {opacity: 0.7;}*/

#shop li a img {
  width: 100%;
  /*	margin: 0 0 0 calc(-20 / 375 * 100vw);*/
}

#social {
  padding: calc(33 / 375 * 100vw) 0;
  background: #f9e9c0;
  border-top: none !important;
}

#social .content {
  position: relative;
}

#social ul {
  font-size: 0;
  text-align: center;
}

#social li {
  display: inline-block;
  margin: 0 calc(2.5 / 375 * 100vw);
}

#social li a {
  display: block;
  width: calc(166 / 375 * 100vw);
  height: calc(88 / 375 * 100vw);
  background-image: url(../m/images/index/social-items.jpg);
  background-color: #b3ae98;
  background-repeat: no-repeat;
  background-size: calc(166 / 375 * 100vw) calc(88 / 375 * 100vw);
}

#social li a.facebook {
  background-position: 0 0;
}
#social li a.instagram {
  background-position: 0 0;
}

/*2023*/
#custom #cut-1 {
  background-image: url(../m/images/index/kv2025.jpg);
  height: 149.7vw;
}
#cut-5 .slogan img {
  width: 100%;
}
#cut-5 .bottle-1 {
  background-image: url(../m/images/index/cut-5-bottle-1_2024.png);
  width: calc(335 / 375 * 100vw);
  height: calc(416 / 375 * 100vw);
  top: calc(100 / 375 * 100vw);
  left: calc(40 / 375 * 100vw);
}

/*2024*/

.fixed-btn1 {
  position: fixed;
  right: 2%;
  bottom: calc(calc(125 / 375 * 100vw) + calc(80 / 375 * 100vw));
  transform: translateY(-50%);
  z-index: 2;
  width: 25vw;
}
.fixed-btn1 img {
  width: 100%;
}

.fixed-btn {
  position: fixed;
  right: 0;
  bottom: calc(calc(63 / 375 * 100vw) + calc(80 / 375 * 100vw));
  transform: translateY(-50%);
  z-index: 2;
  width: 25vw;
}
.fixed-btn img {
  width: 100%;
}

.wheretoset {
  position: relative;
  width: 100%;
  overflow: hidden;
  top: calc(155 / 375 * 100vw);
  z-index: 5;
}

.wheretoset a {
  display: block;
  width: 25%;
  height: calc(99 / 375 * 100vw);
  position: absolute;
  right: 14%;
  cursor: pointer;
  z-index: 2;
}
.wheretoset img {
  width: 100%;
}
#footer {
  z-index: 3;
}
@media screen and (max-width: calc(820 / 375 * 100vw)) {
  .wheretoset {
    position: relative;
    width: 100%;
    overflow: hidden;
    top: calc(0 / 375 * 100vw);
    z-index: 5;
    transform: translateY(-100%);
  }
}