/*****************************************
*                  index                 *
*****************************************/
@media screen and (max-width:750px) {
body {
  background-color: #e2efe5;
}

.area {
  position: relative;
}

.section {
  position: relative;
}



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

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

#standard .section {
  overflow: hidden;
}

#custom #cut-1 {
  height: calc(1148 / 750 * 100vw);
  background-image: url(../images/index/cut-1-bg_2025.jpg?v=03);
}

#cut-2 {
  height: calc(950 / 375 * 100vw);
  background-image: url(../images/index/cut-2-bg_202503.jpg);
}
#cut-3 {
  height: calc(1694 / 375 * 100vw);
  background-image: url(../images/index/cut-3-bg_202501.jpg);
}
#cut-4 {
  height: calc(514 / 375 * 100vw);
  background-image: url(../images/index/cut-4-bg.jpg);
}
#cut-5 {
  height: calc(514 / 375 * 100vw);
  background-image: url(../images/index/cut-5-bg.jpg);
}
#cut-6 {
  height: calc(615 / 375 * 100vw);
  background-image: url(../images/index/cut-6-bg.jpg);
}
#cut-7 {
  height: calc(979 / 375 * 100vw);
  background-image: url(../images/index/cut-7-bg.jpg);
}
#cut-1 .caption {
}
#cut-1 .title {
  top: 40px;
  left: 20px;
  width: 219px;
  height: 168px;
  background: url(../images/index/cut-1-title.png?v=190430) 0 0 no-repeat;
  background-size: contain;
}
#cut-1 .text {
  top: 222px;
  left: 22px;
  width: 180px;
  height: 63px;
  background: url(../images/index/cut-1-text.png?v=190430) 0 0 no-repeat;
  background-size: contain;
}
#cut-1 .bottle {
  top: 152px;
  left: 81px;
  width: 294px;
  height: 426px;
  background: url(../images/index/cut-1-bottle.png?v=190430) 0 0 no-repeat;
  background-size: contain;
}
  
#cut-1 .btn-share {
  top: 31px;
  right: 17px;
  width: 45px;
  height: 41px;
  background: url(../images/index/btn-share.png) 0 0 no-repeat;
  background-size: contain;
}
#cut-2 .text {
  top: 55px;
  left: 25px;
  width: 305px;
  height: 317px;
  background: url(../images/index/cut-2-text.png?v=190430) 0 0 no-repeat;
  background-size: contain;
}
#cut-3 .text {
  top: 119px;
  left: 74px;
  width: 232px;
  height: 128px;
  background: url(../images/index/cut-3-text.png) 0 0 no-repeat;
  background-size: contain;
}
#cut-3 .mark {
  top: 28px;
  right: 32px;
  width: 74px;
  height: 73px;
  background: url(../images/index/cut-3-mark.png) 0 0 no-repeat;
  background-size: contain;
}
#cut-4 .text {
  top: 80px;
  left: 60px;
  width: 279px;
  height: 165px;
  background: url(../images/index/cut-4-text.png) 0 0 no-repeat;
  background-size: contain;
}
#cut-5 .text {
  top: 114px;
  left: 48px;
  width: 279px;
  height: 90px;
  background: url(../images/index/cut-5-text.png) 0 0 no-repeat;
  background-size: contain;
}
#cut-6 .text-1 {
  top: 72px;
  left: 55px;
  width: 265px;
  height: 55px;
  background: url(../images/index/cut-6-text-1.png) 0 0 no-repeat;
  background-size: contain;
}
#cut-6 .text-2 {
  top: 448px;
  left: 47px;
  width: 280px;
  height: 125px;
  background: url(../images/index/cut-6-text-2.png) 0 0 no-repeat;
  background-size: contain;
}
#cut-6 .mark {
  top: 16px;
  right: 20px;
  width: 74px;
  height: 73px;
  background: url(../images/index/cut-6-mark.png) 0 0 no-repeat;
  background-size: contain;
}
#cut-7 .text-1 {
  top: 14px;
  left: 67px;
  width: 242px;
  height: 319px;
  background: url(../images/index/cut-7-text-1.png?v=180412) 0 0 no-repeat;
  background-size: contain;
}
#cut-7 .text-2 {
  top: 373px;
  left: 65px;
  width: 250px;
  height: 173px;
  background: url(../images/index/cut-7-text-2.png) 0 0 no-repeat;
  background-size: contain;
}

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

  
#standard .content {
  padding-bottom: 23px;
  width: 100%;
}
#products{
  height: auto;
}


#products .title {
  margin: 27px auto;
  width: 292px;
  height: 103px;
  background: url(../images/index/products-title.png) 0 0 no-repeat;
  background-size: contain;
  position: relative;
}





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

#products .related-content li {
  padding-top: 0px;
}


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




#products #related .related-content .btn-more {
  height: 50px;
  color: #fefefe;
  line-height: 50px;
  background: #86d699;
}
#products #related .related
{
  color: #fefefe;
  line-height: 50px;
  background: #86d699;
  /*	background: url(../images/index/products-more.jpg) 0 0 no-repeat;
	background-size: contain;*/
}


#tvcm {
  height: auto;
  
}
#tvcm .title {
  margin: 27px auto;
  width: 292px;
  height: 103px;
  background: url(../images/index/tvcm-title.png) 0 0 no-repeat;
  background-size: contain;
  position: relative;
}

#tvcm .content {
  top: 0;
}




#standard #social {
  height: 49.3333vw;
  background: #e2efe5;
  overflow: visible;
  background: url(../images/index/social-bg.jpg) center top no-repeat;
  background-size: 100% auto;
}
#social .content{
  top: 16vw;
}
#standard #social li a img {
  width: 100%; 
  border: none;
}


#social li a {
  display: block;
  width: 44vw;
  height: auto;
  background-repeat: no-repeat;
/*   background-size: 166px 88px; */
  position: relative;
  margin: 0px auto;
}


#wrap #products .title,#wrap #tvcm .title{
    margin:27px 0;
    left: 50%;
    width: calc(583 / 750 * 100vw);
    height: calc(205 / 750 * 100vw);
    background-size: cover;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    top: 0;
}


}