/*****************************************
*                  index                 *
*****************************************/

.area {
  position: relative;
}
.section {
  position: relative;
}

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

#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: 574px;
  background-image: url(../images/index/kv_2.jpg);
  background-size: 375px auto;
  background-position: center 0px;
}
#cut-2 {
  height: 514px;
  background-image: url(../images/index/cut-2-bg.jpg);
}
#cut-3 {
  height: 514px;
  background-image: url(../images/index/cut-3-bg.jpg);
}
#cut-4 {
  height: 514px;
  background-image: url(../images/index/cut-4-bg.jpg);
}
#custom #cut-5 {
  height: 539px;
  background-image: url(../images/index/cut-5-bg.jpg);
  background-size: 375px 755px;
  overflow: visible;
}
/*
#cut-1 .text {
	background-image: url(../images/index/cut-1-text.png);
	background-repeat: no-repeat;
	background-size: contain;
}

#cut-1 .text {
	top: 26px;
	left: 199px;
	width: 152px;
	height: 304px;
	background-position: 0 0;
}
*/

#cut-1 .slogan {
  top: 27px;
  left: 232px;
}

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

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

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

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

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

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

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

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

#cut-1 .text-8 {
  top: 278px;
  left: 30px;
  width: 13px;
  height: 51px;
  background-image: url(../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: 277px;
  left: 12px;
  width: 328px;
  height: 347px;
  background-image: url(../images/index/cut-1-bottle-1.png);
}

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

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

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

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

#cut-1 .btn-share {
  top: 21px;
  left: 32px;
  width: 36px;
  height: 51px;
  background: url(../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: 135px;
  left: 28px;
  width: 320px;
  height: 41px;
  background-image: url(../images/index/cut-2-text.png?v=190322);
}

#cut-3 .text {
  top: 135px;
  left: 97px;
  width: 182px;
  height: 41px;
  background-image: url(../images/index/cut-3-text.png);
}

#cut-4 .text {
  top: 135px;
  left: 74px;
  width: 227px;
  height: 41px;
  background-image: url(../images/index/cut-4-text.png);
}

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

#cut-3 .desc {
  top: 194px;
  left: 94px;
  width: 188px;
  height: 41px;
  background-image: url(../images/index/cut-3-desc.png);
}

#cut-4 .desc {
  top: 193px;
  left: 70px;
  width: 235px;
  height: 41px;
  background-image: url(../images/index/cut-4-desc.png);
}

#cut-2 .extra {
  top: 213px;
  left: 61px;
  width: 246px;
  height: 310px;
  background-image: url(../images/index/cut-2-extra.png);
}

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

#cut-3 .wheat {
  position: absolute;
  top: 0;
  left: 0;
  width: 373px;
  height: 311px;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
}

#cut-3 .wheat-1 {
  background-image: url(../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(../images/index/cut-3-extra-2.png);
  -webkit-transform-origin: 328px bottom;
  -moz-transform-origin: 328px bottom;
  -ms-transform-origin: 328px bottom;
  -o-transform-origin: 328px bottom;
  transform-origin: 328px bottom;
  -webkit-animation: wheatRotate 3.5s linear 0s infinite;
  animation: wheatRotate 3.5s linear 0s infinite;
}

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

#cut-3 .wheat-4 {
  background-image: url(../images/index/cut-3-extra-4.png);
  -webkit-transform-origin: 328px bottom;
  -moz-transform-origin: 328px bottom;
  -ms-transform-origin: 328px bottom;
  -o-transform-origin: 328px bottom;
  transform-origin: 328px 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: 245px;
  left: 45px;
  width: 291px;
  height: 249px;
  /*	background-image: url(../images/index/cut-4-extra.png);*/
}

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

#cut-4 .hops-1 {
  top: 14px;
  left: 0;
  width: 110px;
  height: 142px;
  background-image: url(../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: 74px;
  left: 50px;
  width: 132px;
  height: 175px;
  background-image: url(../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: 134px;
  width: 158px;
  height: 201px;
  background-image: url(../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(-1.5px);
    transform: translateY(-1.5px);
  }
  50% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  75% {
    -webkit-transform: translateY(1.5px);
    transform: translateY(1.5px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@-webkit-keyframes hopsFloat {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  25% {
    -webkit-transform: translateY(-1.5px);
    transform: translateY(-1.5px);
  }
  50% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  75% {
    -webkit-transform: translateY(1.5px);
    transform: translateY(1.5px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

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

#cut-5 .slogan {
  top: 28px;
  left: 35px;
  width: 144px;
  height: 358px;
  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: 3px;
  left: 76px;
  width: 68px;
  height: 76px;
  background-image: url(../images/index/cut-5-text-1.png);
}

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

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

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

#cut-5 .text-5 {
  top: 0px;
  left: 2px;
  width: 79px;
  height: 123px;
  background-image: url(../images/index/cut-5-text-5.png);
}

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

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

#cut-5 .text-8 {
  top: 303px;
  left: 36px;
  width: 13px;
  height: 55px;
  background-image: url(../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: 69px;
  left: 70px;
  width: 264px;
  height: 469px;
  background-image: url(../images/index/cut-5-bottle-1.png);
}

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

#cut-5 .bottle-2:after {
  position: absolute;
  content: "";
  top: 0;
  left: 25px;
  width: 50px;
  height: 32px;
  background: url(../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: 426px;
  left: 26px;
  width: 49px;
  height: 98px;
  background: url(../images/index/cut-5-brand-name.png) 0 0 no-repeat;
  background-size: contain;
  z-index: 3;
}

/*

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

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

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

#cut-5 .text-2 {
	top: 80px;
	left: 15px;
	width: 64px;
	height: 313px;
	background: url(../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: 29px;
  left: -98px;
  width: 260px;
  height: 134px;
  background-image: url(../images/index/words/w-1.png);
}

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

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

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

#cut-5 .words-5 {
  top: 211px;
  left: -98px;
  width: 211px;
  height: 106px;
  background-image: url(../images/index/words/w-5.png);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#standard .content {
  width: 100%;
}

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

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

#campaign .content {
  position: relative;
  padding-top: 92px;
}

#campaign ul {
  text-align: center;
}

#campaign li {
  width: 336px;
  /*	height: 243px;*/
  margin: 0 auto 18px;
  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: 336px;
}

#campaign li a:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: #ffffff 8px solid;
  box-sizing: border-box;
}

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

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

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

#products .content {
  position: relative;
  padding-top: 92px;
}

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

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

#products .related-content li a {
}
#products .related-content .btn-more {
  color: #1c1c1c;
  background: url(../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: 79px;
	width: 57px;
	height: 60px;
	background-position: center center;
}
#products .related-arrow li.prev a {background-image: url(../images/index/arrow-prev.png); left: 13px;}
#products .related-arrow li.next a {background-image: url(../images/index/arrow-next.png); right: 13px;}
*/
#tvcm {
  height: 300px; /*375*/
  background-image: url(../images/index/tvcm-bg.jpg);
  background-color: #e9c926;
  background-position: center top;
  background-size: 375px 300px;
}

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

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

#tvcm .videos-content {
	height: 307px;
}
*/
#tvcm .slide {
}
#tvcm .slide-content {
}
#tvcm .slide-content a {
  width: 270px;
}
#tvcm .slide-content a:after {
  top: 44px;
  background-image: url(../images/index/tvcm-play.png);
}
#tvcm .slide-content .pic {
  width: 270px;
  height: 144px;
  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: 270px;
  color: #1c1c1c;
}
#tvcm .slide-content .vid {
  width: 270px;
  height: 144px;
}
#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: 17px 19px;
}
#tvcm .slide-arrow li.prev a {
  background-image: url(../images/index/arrow-prev.png);
}
#tvcm .slide-arrow li.next a {
  background-image: url(../images/index/arrow-next.png);
}

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

#knowledge .content {
  top: 0;
}

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

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

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

#shop .content {
  top: 91px;
}

#shop ul {
  font-size: 0;
  text-align: center;
}
#shop li {
  display: inline-block;
  width: 165px;
  height: 88px;
  margin: 0 3px 6px;
  vertical-align: top;
}

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

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

#shop li a img {
  width: 100%;
  /*	margin: 0 0 0 -20px;*/
}

#social {
  padding: 33px 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 2.5px;
}

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

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

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

/*2024*/

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

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

.wheretoset {
  position: relative;
  width: 100%;
  overflow: hidden;
  top: 155px;
  z-index: 5;
}

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