.test1 {
	animation-name: test1;
    animation-duration:.8s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    max-width:750px;
    overflow:hidden;
}

@keyframes test1 {
  from {
    }
  to {
		transform: scale(1.1, 1.1);
    }
}

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

    .reflection-img{
            position: relative;
            overflow    :hidden;
        	
        }
    
        .reflection {
            height:100%;
            width:10%;
            position    :absolute;
            top         :-100px;
            left        :0;
            background-color: #fff;
            opacity     :0;
            transform: rotate(112deg);
            animation: reflection 2s ease-in-out infinite;
        }
    
        @keyframes reflection {
            0% { transform: scale(0) rotate(0deg); opacity: 0; }
            80% { transform: scale(0) rotate(12deg); opacity: 0.5; }
            81% { transform: scale(4) rotate(45deg); opacity: 1; }
            100% { transform: scale(20) rotate(45deg); opacity: 0; }
        }


.b_graph {
    top: 37%;
    left: 7%;
    width: 85%;
}
.b_parts {
    top: 62%;
    left: 8%;
}
.e_parts {
	top:28%;
    left:2%;
}
.i_parts {
	top:18%;
    left:2%;
}
.o_title {
    top:7.9%;
    left:-2%;
}
.o_01capixyl{
	top:18.5%;
    left:19%;    
}
.o_02redensyl {
	top:34.9%;
    left:25%;    
}
.o_03neodermyl {
	top:51%;
    left:20%;
}
.o_04widelush {
	top:64.3%;
    left:17%;
}
.o_05hairgrowju {
    top:78.2%;
	left:14%;
}
.o_06pellicer {
	top:90.2%;
    left:7%;
}
.s_part {
    width:60%;
	left:35%;
}
.s_part01 {
    top:40%;
}
.s_part02 {
    top:50%;
}
.s_part03 {
    top:60.3%;
}
.s_part04 {
    top:67%;
}
.s_part05 {
    top:71.8%;
}

.coupon_note {
   text-align: center;
   margin-top: 1%;
   color:red; 
}

/*UGC CSS*/
.ugc-area{
	margin-bottom: -18%;
}

.ugc-header{
	z-index:1;
}

.ugc-slider + #header-logo >img{
	display:none !important;	
}	

@media screen and ( max-width:750px ){
.ugc-area {
    margin-top: -3%;
    margin-bottom: -50%;
}
.b_graph{
	width: 86%;
    top: 37%;
    left: 7%;
}
.o_title {
    width: 90%;
    left: 5%;
    top: 8.3%;
}
.o_01capixyl{
	width:65%;  
}
.o_02redensyl {
	width:53%; 
}
.o_03neodermyl {
	width:60%;
    left: 21%;
}
.o_04widelush {
    width: 65%;
    left: 19%;
    top: 64.4%;
}
.o_05hairgrowju {
	width:65%;
    left: 19%;
}
.o_06pellicer {
	width:85%;
    left: 7.8%;
}
}

/*上から落ちるアニメーション*/
.fall-in {
  opacity: 0;
  transform: translateY(-150px);
  transition: all 1.5s ease-out;
　transition-delay: 0.8s;
}

.fall-in.visible {
  opacity: 1;
  transform: translateY(0);
}

/*浮かび上がるアニメーション*/
.float-in {
  opacity: 0;
  transform: scale(0.95);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.float-in.visible {
  opacity: 1;
  transform: scale(1);
}


/*プルプルアニメーション*/

  .purupuru {
    animation: skew 2.3s linear infinite;
  }
  .purupuru {
    top:33%;
    left:;
  }
  .left36 {
    left:35%;
  }
   
@keyframes skew {
     0% {
            -webkit-transform: skew(0deg, 0deg);
            transform: skew(0deg, 0deg);
    }
        5% {
            -webkit-transform: skew(-10deg, -10deg);
            transform: skew(-10deg, -10deg);
    }
        10% {
            -webkit-transform: skew(3deg, 3deg);
            transform: skew(3deg, 3deg);
    }
        15% {
            -webkit-transform: skew(-4deg, -4deg);
            transform: skew(-4deg, -4deg);
    }
        20% {
            -webkit-transform: skew(0.5deg, 1deg);
            transform: skew(0.5deg, 1deg);
    }
        25% {
            -webkit-transform: skew(-3deg, -3deg);
            transform: skew(-3deg, -3deg);
    }
        30% {
            -webkit-transform: skew(0.2deg, 0.2deg);
            transform: skew(0.2deg, 0.2deg);
    }
        35% {
            -webkit-transform: skew(-0.5deg, -0.5deg);
            transform: skew(-0.5deg, -0.5deg);
    }
        40% {
            -webkit-transform: skew(0.1deg, 0.1deg);
            transform: skew(0.1deg, 0.1deg);
    }
        45% {
            -webkit-transform: skew(-0.1deg, -0.1deg);
            transform: skew(-0.1deg, -0.1deg);
    }
     50% {
          -webkit-transform: skew(0deg, 0deg);
            transform: skew(0deg, 0deg);
    }
}