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

body {
  min-width: 1000px;
}

/*#main {padding-top: 0;}*/

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

#custom {
  /*background: url(../images/index/custom-bg.jpg) center top repeat;*/
  background-color: #f8efd2;
  overflow: hidden;
}
#standard {
}

#custom .section {
  height: 690px;
  /*	height: 853px;*/
  /*	background-color: #e9c926;
	background-position: center top;
	background-repeat: no-repeat;*/
  overflow: hidden;
  z-index: 1;
}

#custom .outer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: url(../images/index/kv_2.jpg) center top repeat;
}

#custom .inner {
  height: 100%;
  -webkit-transform-origin: center top;
  -moz-transform-origin: center top;
  -ms-transform-origin: center top;
  -o-transform-origin: center top;
  transform-origin: center top;
}

#custom #cut-1 {
  height: 883px;
  background: none;
  /*	background: url(../images/index/cut-1-bg.jpg) #140b08 center top no-repeat;
	background-size: auto 100%;*/
}
#cut-1 .inner {
  z-index: 2;
}
#custom #cut-2 {
  /*height: 1916px;*/
  overflow: visible;
} /* 暫時 */
#custom #cut-3 {
  overflow: visible;
}
#custom #cut-4 {
  overflow: visible;
}
#custom #cut-5 {
  height: 797px; /*height: 853px; */
  background: url(../images/index/cut-5-bg.png) center top no-repeat;
  background-size: auto 100%;
  overflow: visible;
}

/*
#cut-1 .celebrity {
	top: 58px;
	left: 279px;
	width: 540px;
	height: 795px;
	background: url(../images/index/cut-1-celebrity.png) 0 0 no-repeat;
	z-index: 2;
}

#cut-1 .symbol {
	top: 57px;
	left: 343px;
	width: 1272px;
	height: 681px;
	background: url(../images/index/cut-1-symbol.png) 0 0 no-repeat;
}

#cut-1 .text-1 {
	top: 57px;
	left: 215px;
	width: 111px;
	height: 336px;
	background: url(../images/index/cut-1-text-1.png) 0 0 no-repeat;
	z-index: 1;
}

#cut-1 .text-2 {
	top: 224px;
	left: 29px;
	width: 180px;
	height: 449px;
	background: url(../images/index/cut-1-text-2.png) 0 0 no-repeat;
	z-index: 1;
}
*/

#cut-1 #vid {
  position: absolute;
  width: 1920px;
}

#cut-1 .slogan {
  top: 53px;
  left: 633px;
}

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

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

#cut-1 .text-2 {
  top: 136px;
  left: 162px;
  width: 39px;
  height: 19px;
  background-image: url(../images/index/cut-1-text-2.png?v=190322);
}

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

#cut-1 .text-4 {
  top: 296px;
  left: 165px;
  width: 49px;
  height: 29px;
  background-image: url(../images/index/cut-1-text-4.png?v=190322);
}

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

#cut-1 .text-6 {
  top: 227px;
  left: 3px;
  width: 144px;
  height: 159px;
  background-image: url(../images/index/cut-1-text-6.png?v=190322);
}

#cut-1 .text-7 {
  top: 387px;
  left: 6px;
  width: 180px;
  height: 112px;
  background-image: url(../images/index/cut-1-text-7.png?v=190322);
}

#cut-1 .text-8 {
  top: 510px;
  left: 57px;
  width: 22px;
  height: 93px;
  background-image: url(../images/index/cut-1-text-8.png?v=190322);
}

#cut-1 .bottle {
  position: absolute;
  background-repeat: no-repeat;
}
/*
#cut-1 .bottle-1 {
	top: 406px;
	left: 864px;
	width: 122px;
	height: 472px;
	background-image: url(../images/index/cut-1-bottle-1.png);
}
*/

#cut-1 .bottle-1 {
  /*top: 229px;*/
  left: 43.5%;
  width: 656px;
  height: auto;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  /*transition: opacity .3s ease-in;*/
}

#cut-1 .bottle-2 {
  top: 656px;
  left: 758px;
  width: 146px;
  height: 268px;
  background-image: url(../images/index/cut-1-bottle-2.png);
}

#cut-1 .desc {
  top: 334px;
  left: 965px;
  width: 51px;
  height: 212px;
  background: url(../images/index/cut-1-desc.png) 0 0 no-repeat;
}

#cut-1 .brandname {
  top: 176px;
  left: 73.5%;
  width: 224px;
  height: 572px;
}

#cut-1 .btn-share {
  top: 45px;
  left: 30px;
  width: 54px;
  height: 77px;
  background: url(../images/index/btn-share.png) 0 0 no-repeat;
}

#cut-1 .btn-share:hover {
  opacity: 0.7;
}

#cut-2 .frame {
  top: 93px;
  left: -167px;
  width: 1270px;
  height: 536px;
  padding-top: 62px;
  background: url(../images/index/cut-2-frame.jpg) 0 bottom no-repeat;
  /*overflow: hidden;*/
}

#cut-2 .text {
  top: 252px;
  left: 692px;
  width: 477px;
  height: 62px;
  background: url(../images/index/cut-2-text.png?v=19032202) 0 0 no-repeat;
}

#cut-2 .desc {
  top: 343px;
  left: 694px;
  width: 403px;
  height: 55px;
  background: url(../images/index/cut-2-desc.png?v=19032202) 0 0 no-repeat;
}

#cut-3 .frame {
  /*	top: -1166px;*/
  top: 155px;
  left: 96px;
  width: 1062px;
  height: 536px;
  background: url(../images/index/cut-3-frame.jpg) 0 0 no-repeat;
}

#cut-3 .text {
  top: 206px;
  left: 140px;
  width: 270px;
  height: 62px;
  background: url(../images/index/cut-3-text.png) 0 0 no-repeat;
}

#cut-3 .desc {
  top: 296px;
  left: 141px;
  width: 259px;
  height: 56px;
  background: url(../images/index/cut-3-desc.png) 0 0 no-repeat;
}

#cut-4 .frame {
  /*	top: -536px;*/
  top: 155px;
  left: -92px;
  width: 1166px;
  height: 536px;
  background: url(../images/index/cut-4-frame.jpg) 0 0 no-repeat;
}

#cut-4 .text {
  top: 208px;
  left: 723px;
  width: 338px;
  height: 62px;
  background: url(../images/index/cut-4-text.png) 0 0 no-repeat;
}

#cut-4 .desc {
  top: 300px;
  left: 722px;
  width: 323px;
  height: 55px;
  background: url(../images/index/cut-4-desc.png) 0 0 no-repeat;
}

#cut-2 .extra {
  bottom: 0;
  left: 196px;
  width: 416px;
  height: 609px;
  background: url(../images/index/cut-2-extra.png) 0 0 no-repeat;
}

#cut-3 .extra {
  right: 0;
  bottom: 0;
  /*	top: -1254px;
	left: 464px;*/
  width: 692px;
  height: 624px;
  overflow: hidden;
  /*	background: url(../images/index/cut-3-extra-1.png) 0 0 no-repeat;*/
}

#cut-3 .wheat {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#cut-3 .wheat-1 {
  background: url(../images/index/cut-3-extra-1.png) 0 0 no-repeat;
  -webkit-transform-origin: 680px bottom;
  -moz-transform-origin: 680px bottom;
  -ms-transform-origin: 680px bottom;
  -o-transform-origin: 680px bottom;
  transform-origin: 680px bottom;
  -webkit-animation: extraRotate 6.15s linear 0.5s infinite;
  animation: extraRotate 6.15s linear 0.5s infinite;
}

#cut-3 .wheat-2 {
  background: url(../images/index/cut-3-extra-2.png) 0 0 no-repeat;
  -webkit-transform-origin: 616px bottom;
  -moz-transform-origin: 616px bottom;
  -ms-transform-origin: 616px bottom;
  -o-transform-origin: 616px bottom;
  transform-origin: 616px bottom;
  -webkit-animation: extraRotate 6.5s linear 0s infinite;
  animation: extraRotate 6.5s linear 0s infinite;
}

#cut-3 .wheat-3 {
  background: url(../images/index/cut-3-extra-3.png) 0 0 no-repeat;
  -webkit-transform-origin: 594px bottom;
  -moz-transform-origin: 594px bottom;
  -ms-transform-origin: 594px bottom;
  -o-transform-origin: 594px bottom;
  transform-origin: 594px bottom;
  -webkit-animation: extraRotate 6.25s linear 0s infinite;
  animation: extraRotate 6.25s linear 0s infinite;
}

#cut-3 .wheat-4 {
  background: url(../images/index/cut-3-extra-4.png) 0 0 no-repeat;
  -webkit-transform-origin: 608px bottom;
  -moz-transform-origin: 608px bottom;
  -ms-transform-origin: 608px bottom;
  -o-transform-origin: 608px bottom;
  transform-origin: 608px bottom;
  -webkit-animation: extraRotate 6s linear 0.5s infinite;
  animation: extraRotate 6s linear 0.5s infinite;
}

@keyframes extraRotate {
  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 extraRotate {
  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: -59px;
  left: 158px;
  width: 437px;
  height: 584px;
}

#cut-4 .hops {
  position: absolute;
}

#cut-4 .hops-1 {
  top: 98px;
  left: 0px;
  width: 223px;
  height: 329px;
  background: url(../images/index/cut-4-extra-1.png) 0 0 no-repeat;
  /*	-webkit-animation: hopsFloat 4.0s linear 0.25s infinite;
	animation: hopsFloat 4.0s linear 0.25s infinite;*/
  -webkit-transform-origin: 214px 7px;
  -moz-transform-origin: 214px 7px;
  -ms-transform-origin: 214px 7px;
  -o-transform-origin: 214px 7px;
  transform-origin: 214px 7px;
  -webkit-animation: extraRotate 6.1s linear 0.5s infinite;
  animation: extraRotate 6.1s linear 0.5s infinite;
}

#cut-4 .hops-2 {
  top: 139px;
  left: 100px;
  width: 248px;
  height: 448px;
  background: url(../images/index/cut-4-extra-2.png) 0 0 no-repeat;
  /*	-webkit-animation: hopsFloat 4.0s linear 0s infinite;
	animation: hopsFloat 4.0s linear 0s infinite;*/
  -webkit-transform-origin: 145px 7px;
  -moz-transform-origin: 145px 7px;
  -ms-transform-origin: 145px 7px;
  -o-transform-origin: 145px 7px;
  transform-origin: 145px 7px;
  -webkit-animation: extraRotate 6s linear 0.5s infinite;
  animation: extraRotate 6s linear 0.5s infinite;
}

#cut-4 .hops-3 {
  top: 0;
  left: 178px;
  width: 259px;
  height: 321px;
  background: url(../images/index/cut-4-extra-3.png) 0 0 no-repeat;
  /*	-webkit-animation: hopsFloat 4.0s linear 0.5s infinite;
	animation: hopsFloat 4.0s linear 0.5s infinite;*/
  -webkit-transform-origin: 60px 40px;
  -moz-transform-origin: 60px 40px;
  -ms-transform-origin: 60px 40px;
  -o-transform-origin: 60px 40px;
  transform-origin: 60px 40px;
  -webkit-animation: extraRotate 6.2s linear 0.5s infinite;
  animation: extraRotate 6.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-5 .inner {
  /*	transform: scale(1)!important;*/
}

#cut-5 .slogan {
  top: -68px;
  left: 738px;
  width: 263px;
  height: 640px;
  z-index: 1;
  /*	-webkit-transform: scale(0.75);
	-moz-transform: scale(0.75);
	-ms-transform: scale(0.75);
	-o-transform: scale(0.75);
	transform: scale(0.75);
	-webkit-transform-origin: center top;
	-moz-transform-origin: center top;
	-ms-transform-origin: center top;
	-o-transform-origin: center top;
	transform-origin: center top;*/
}

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

#cut-5 .text-1 {
  top: 7px;
  left: 142px;
  width: 121px;
  height: 136px;
  background-image: url(../images/index/cut-5-text-1.png);
}

#cut-5 .text-2 {
  top: 159px;
  left: 176px;
  width: 43px;
  height: 19px;
  background-image: url(../images/index/cut-5-text-2.png);
}

#cut-5 .text-3 {
  top: 197px;
  left: 147px;
  width: 105px;
  height: 127px;
  background-image: url(../images/index/cut-5-text-3.png);
}

#cut-5 .text-4 {
  top: 334px;
  left: 201px;
  width: 32px;
  height: 23px;
  background-image: url(../images/index/cut-5-text-4.png);
}

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

#cut-5 .text-6 {
  top: 234px;
  left: 2px;
  width: 150px;
  height: 170px;
  background-image: url(../images/index/cut-5-text-6.png);
}

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

#cut-5 .text-8 {
  top: 542px;
  left: 60px;
  width: 24px;
  height: 98px;
  background-image: url(../images/index/cut-5-text-8.png);
}

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

#cut-5 .bottle-1 {
  top: -36px;
  /* left: 134px; */
  width: 609px;
  height: 150%;
}

#cut-5 .bottle-2 {
  top: 241px;
  left: 203px;
  width: 282px;
  height: 586px;
  background-image: url(../images/index/cut-5-bottle-2.png?v=190318);
}

#cut-5 .bottle-2:after {
  position: absolute;
  content: "";
  top: 0;
  left: 46px;
  width: 84px;
  height: 61px;
  background: url(../images/index/cut-5-bottle-2-extra.png) 0 0 no-repeat;
  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: 575px;
  left: 70px;
  width: 88px;
  height: 175px;
  background: url(../images/index/cut-5-brand-name.png?v=190308) 0 0 no-repeat;
  z-index: 3;
}

#cut-5 .celebrity {
  top: 185px;
  left: 218px;
  width: 641px;
  height: 714px;
  background: url(../images/index/cut-5-celebrity.png) 0 0 no-repeat;
  z-index: 2;
}

#cut-5 .symbol {
  top: 69px;
  left: -237px;
  width: 1475px;
  height: 758px;
  background: url(../images/index/cut-5-symbol.png) 0 0 no-repeat;
}

/*
#cut-5 .text-1 {
	top: 60px;
	left: 676px;
	width: 130px;
	height: 272px;
	background: url(../images/index/cut-5-text-1.png) 0 0 no-repeat;
	z-index: 1;
}

#cut-5 .text-2 {
	top: 185px;
	left: 80px;
	width: 143px;
	height: 698px;
	background: url(../images/index/cut-5-text-2.png) 0 0 no-repeat;
	z-index: 1;
}
*/
#cut-5 .words {
  opacity: 0;
  background-position: 0 0;
  background-repeat: no-repeat;
}

.words-1 {
  top: 85px;
  left: -118px;
  width: 477px;
  height: 246px;
  background: url(../images/index/words/w-1.png) 0 0 no-repeat;
}

.words-2 {
  top: 87px;
  left: 153px;
  width: 210px;
  height: 70px;
  background: url(../images/index/words/w-2.png) 0 0 no-repeat;
}

.words-3 {
  top: 259px;
  left: 135px;
  width: 174px;
  height: 70px;
  background: url(../images/index/words/w-3.png) 0 0 no-repeat;
}

.words-4 {
  top: 85px;
  left: 398px;
  width: 719px;
  height: 74px;
  background: url(../images/index/words/w-4.png) 0 0 no-repeat;
}

.words-5 {
  top: 175px;
  left: 398px;
  width: 351px;
  height: 33px;
  background: url(../images/index/words/w-5.png) 0 0 no-repeat;
}

.words-6 {
  top: 232px;
  left: 495px;
  width: 257px;
  height: 60px;
  background: url(../images/index/words/w-6.png) 0 0 no-repeat;
}

.words-7 {
  top: 175px;
  left: 790px;
  width: 327px;
  height: 61px;
  background: url(../images/index/words/w-7.png) 0 0 no-repeat;
}

.words-8 {
  top: 256px;
  left: 790px;
  width: 331px;
  height: 34px;
  background: url(../images/index/words/w-8.png) 0 0 no-repeat;
}

.words-9 {
  top: 350px;
  left: -118px;
  width: 406px;
  height: 47px;
  background: url(../images/index/words/w-9.png) 0 0 no-repeat;
}

.words-10 {
  top: 419px;
  left: -118px;
  width: 387px;
  height: 195px;
  background: url(../images/index/words/w-10.png) 0 0 no-repeat;
}

.words-11 {
  top: 431px;
  left: 184px;
  width: 138px;
  height: 70px;
  background: url(../images/index/words/w-11.png) 0 0 no-repeat;
}

.words-12 {
  top: 635px;
  left: -117px;
  width: 209px;
  height: 33px;
  background: url(../images/index/words/w-12.png) 0 0 no-repeat;
}

.words-13 {
  top: 683px;
  left: -116px;
  width: 178px;
  height: 51px;
  background: url(../images/index/words/w-13.png) 0 0 no-repeat;
}

.words-14 {
  top: 634px;
  left: 114px;
  width: 250px;
  height: 100px;
  background: url(../images/index/words/w-14.png) 0 0 no-repeat;
}

.words-15 {
  top: 752px;
  left: -118px;
  width: 386px;
  height: 89px;
  background: url(../images/index/words/w-15.png) 0 0 no-repeat;
}

.words-16 {
  top: 313px;
  left: 639px;
  width: 477px;
  height: 245px;
  background: url(../images/index/words/w-16.png) 0 0 no-repeat;
}

.words-17 {
  top: 314px;
  left: 892px;
  width: 223px;
  height: 75px;
  background: url(../images/index/words/w-17.png) 0 0 no-repeat;
}

.words-18 {
  top: 484px;
  left: 817px;
  width: 298px;
  height: 75px;
  background: url(../images/index/words/w-18.png) 0 0 no-repeat;
}

.words-19 {
  top: 580px;
  left: 676px;
  width: 442px;
  height: 35px;
  background: url(../images/index/words/w-19.png) 0 0 no-repeat;
}

.words-20 {
  top: 635px;
  left: 639px;
  width: 478px;
  height: 74px;
  background: url(../images/index/words/w-20.png) 0 0 no-repeat;
}

.words-21 {
  top: 726px;
  left: 634px;
  width: 482px;
  height: 42px;
  background: url(../images/index/words/w-21.png) 0 0 no-repeat;
}

.words-22 {
  top: 787px;
  left: 695px;
  width: 421px;
  height: 49px;
  background: url(../images/index/words/w-22.png) 0 0 no-repeat;
}

#custom .rect {
  left: 50%;
  background-position: 0 0;
  background-repeat: no-repeat;
}

#custom #cut-2 .rect {
  /*	top: 853px;*/
  top: 0;
  margin-left: -253px;
  width: 984px;
  height: 317px;
  background: url(../images/index/rect-1.jpg) 0 0 no-repeat;
}

#custom #cut-3 .rect {
  /*	top: 1370px;*/
  /*	top: -78px;*/
  top: -2px;
  margin-left: -540px;
  width: 984px;
  height: 317px;
  background: url(../images/index/rect-2.jpg) 0 0 no-repeat;
}

#custom #cut-4 .rect {
  /*	top: 2064px;*/
  top: -14px;
  margin-left: -254px;
  width: 984px;
  height: 492px;
  background: url(../images/index/rect-3.jpg) 0 0 no-repeat;
}

#standard .section {
  background-repeat: repeat-x;
}

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

#standard .content {
  width: 100%;
}

#campaign {
  height: 502px;
  background-image: url(../images/index/campaign-bg.jpg);
  background-color: #db9c05;
  background-position: center top;
  border-top: 2px solid #a5894a;
}

#campaign .title {
  top: 54px;
  left: 392px;
  width: 219px;
  height: 76px;
  background: url(../images/index/campaign-title.png) 0 0 no-repeat;
}

#campaign .content {
  top: 178px;
}

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

#campaign li {
  display: inline-block;
  width: 455px;
  height: 243px;
  margin: 0 13px;
  background: #ffffff;
}

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

#campaign li a:hover {
  opacity: 0.7;
}

#campaign li a img {
  display: block;
}

#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: 483px;
  background-image: url(../images/index/products-bg.png);
  background-color: #fbebb6;
  background-position: center top;
  border-top: 2px solid #a5894a;
}

#products .title {
  top: 55px;
  left: 424px;
  width: 159px;
  height: 75px;
  background: url(../images/index/products-title.png) 0 0 no-repeat;
}

#products .content {
  top: 178px;
}

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

#products .related-content li a {
  border-color: transparent;
  background: url(../images/index/products-item.jpg) center top no-repeat;
}

#products .related-content .order-0 {
  left: -185px;
}
#products .related-content .order-1 {
  left: 0;
}
#products .related-content .order-2 {
  left: 186px;
}
#products .related-content .order-3 {
  left: 372px;
}
#products .related-content .order-4 {
  left: 558px;
}
#products .related-content .order-5 {
  left: 744px;
}

#products .related-content li a {
  color: #623003;
}

#products .related-arrow {
}
#products .related-arrow li {
  height: auto;
}
/*#products .related-arrow li.prev {left: 13px;}
#products .related-arrow li.next {right: 13px;}*/
#products .related-arrow li a {
  top: 79px;
  width: 57px;
  height: 60px;
  background-position: center top;
}
#products .related-arrow li a:hover {
  background-position: center bottom;
}
#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: 535px;
  background-image: url(../images/index/tvcm-bg.png);
  background-position: center top;
  background-color: #f0d68e;
  border-top: 2px solid #a5894a;
}

#tvcm .title {
  top: 55px;
  left: 445px;
  width: 114px;
  height: 76px;
  background: url(../images/index/tvcm-title.png) 0 0 no-repeat;
}

#tvcm .content {
  top: 178px;
}

#tvcm li {
}
#tvcm li a {
}
#tvcm li a:after {
  top: 91px;
  left: 151px;
  background: url(../images/index/tvcm-play.png) 0 0 no-repeat;
}
#tvcm .pic {
  background: rgba(120, 98, 0, 1);
}
#tvcm .pic:after {
  border-color: #936a0b;
}

#tvcm .videos-content {
  height: 307px;
}

#tvcm .videos-content .name {
  color: #6e4a00;
}

#tvcm .videos-arrow {
}
#tvcm .videos-arrow li {
  height: auto;
}
#tvcm .videos-arrow li.prev {
  left: 13px;
}
#tvcm .videos-arrow li.next {
  right: 13px;
}
#tvcm .videos-arrow li a {
  top: 92px;
  width: 57px;
  height: 60px;
  background-position: center top;
}
#tvcm .videos-arrow li a:hover {
  background-position: center bottom;
}
#tvcm .videos-arrow li.prev a {
  background-image: url(../images/index/arrow-prev.png);
  left: 13px;
}
#tvcm .videos-arrow li.next a {
  background-image: url(../images/index/arrow-next.png);
  right: 13px;
}

#standard #knowledge {
  height: 332px;
  /*	padding-top: 146px;*/
  /*	padding-top: 89px;*/
  padding-top: 0px;
  /*background-image: url(../images/index/knowledge-bg.jpg);*/
  background-color: #f8efd2;
  background-position: center top;
  background-repeat: repeat;
}

#knowledge .content {
  top: 0;
}

#knowledge ul {
  font-size: 0;
  text-align: center;
}
#knowledge li {
  display: inline-block;
  margin: 0 15px;
}
#knowledge li a {
  display: block;
  width: 455px;
  height: 243px;
  background-position: 0 0;
  background-repeat: no-repeat;
}
#knowledge li a:hover {
  opacity: 0.7;
}
#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: 367px;
  background-image: url(../images/index/shop-bg.jpg);
  background-color: #db9c05;
  background-position: center top;
}

#shop .title {
  top: 56px;
  left: 363px;
  width: 279px;
  height: 76px;
  background: url(../images/index/shop-title.png) 0 0 no-repeat;
}

#shop .content {
  top: 178px;
}

#shop ul {
  font-size: 0;
  text-align: center;
}
#shop li {
  display: inline-block;
  width: 230px;
  height: 100px;
  margin: 0 3px;
  vertical-align: top;
  background: #f9e9c0;
}

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

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

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

#social {
  padding: 89px 0;
  background: #f8efd2;
}

#social .content {
  position: relative;
}

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

#social li {
  display: inline-block;
  margin: 0 13px;
}

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

#social li a:hover {
  opacity: 0.7;
}

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

#pop {
}

.pop-container {
  background: rgba(249, 233, 192, 0.8);
}

.pop-main {
  margin-top: 80px;
  margin-bottom: 80px;
}
.pop-main .btn-close {
  top: -86px;
  right: 14px;
  width: 90px;
  height: 96px;
  background-image: url(../images/index/pop-btn-close.png);
}
.pop-main .btn-close:hover {
  background-position: center bottom;
}

#video {
  width: 1000px;
}
#video .embed {
  width: 1000px;
  height: 560px;
  background: #000000;
  overflow: hidden;
}
#video .btn-close {
}

/*2023 0531*/

#custom #cut-1 {
  width: 100%;
  height: 45.9896vw;
}

#custom .outer {
  background-image: url(../images/index/kv2025.jpg);
  background-size: cover;
  background-position: center;
}
#cut-5 .slogan {
  left: 50%;
  margin-left: -525px;
}
#cut-5 .bottle-1 {
  background-image: url(../images/index/cut-1-bottle-1-2025v2.png);
  left: 50%;
  margin-left: -170px;
}

/*2024*/

.fixed-btn1 {
  position: fixed;
  right: 0%;
  top: 30%;
  transform: translateY(-50%);
  z-index: 8;
  width: 19vw;
  max-width: 296px;
  min-width: 100px;
}

.fixed-btn1 img {
  width: 90%;
}

.fixed-btn {
  position: fixed;
  right: 0;
  top: 56%;
  transform: translateY(-50%);
  z-index: 8;
  width: 20vw;
  max-width: 296px;
  min-width: 100px;
}

.fixed-btn img {
  width: 100%;
}

#warnings #shortcut-find-kirin {
  left: 58%;
}

.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%;
}

@media (max-height: 650px) {
  .fixed-btn {
    top: 55vh;
    width: 12vw;
  }

  .fixed-btn1 {
    top: 40vh;
    width: 12vw;
  }
}