.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}

/* VIVAace Special Contents */
div#main_content {
  min-height: 365px;
}
.product_mainvisual {
  background: url(./../images/mobile_special_contents/viva2nd_head_back_.png) repeat-x;
}
.kv_vivaace_moji_wrapper {
  background: url(./../images/mobile_special_contents/viva2nd_head_moji2.png) no-repeat -370px bottom;
  background-size: 207%;
  width: 780px;
  height: 360px;
  margin: 0 auto;
  -webkit-filter: blur(0px);
  -webkit-animation: fadein linear 1.5s;
}
@-webkit-keyframes fadein {
   0% { -webkit-filter: blur(10px);}
  28% { -webkit-filter: blur(10px);}
 100% { -webkit-filter: blur(0px);}
}

.vivaace_01 {
  position: relative;
  overflow: hidden;
}
.vivaace_01 .viva2nd_01_back_anime,
.vivaace_01 .viva2nd_01_moji,
.vivaace_01 .viva2nd_01_onna,
.vivaace_01 .viva2nd_01_otoko {
  position: absolute;
  top:0;
}
.vivaace_01 .viva2nd_01_moji,
.vivaace_01 .viva2nd_01_onna,
.vivaace_01 .viva2nd_01_otoko {
  opacity: 0;
}
.viva2nd_01_back_anime {
  z-index: 1;
}
.vivaace_01 .viva2nd_01_onna {
  z-index: 3;
}
.vivaace_01 .viva2nd_01_otoko {
  z-index: 2;
}
.vivaace_01 .viva2nd_01_moji {
  z-index: 4;
  left:0;
}
.vivaace_02 {
  position: relative;
  overflow: hidden;
}
.viva2nd_02_maru,
.viva2nd_02_moji {
  position: absolute;
  z-index: 1;
  opacity: 0;
}
.viva2nd_02_maru {
  top: 34px;
  right: 34px;
}
.viva2nd_02_moji {
  top: 322px;
}

.vivaace_03 {
  position: relative;
  overflow: hidden;
}
.vivaace_03 img {
  position: absolute;
  top: 0;
  left: 0;
}
.vivaace_03 img.vivaace_03_bg {
  position: static;
}
.vivaace_03_base img.vivaace_03_moji1,
.vivaace_03_animation img {
  opacity: 0;
}
img.vivaace_03_illust02_parts1 {
  left: 31.4%;
  top: 69.6%;
}
img.vivaace_03_illust02_parts2 {
  left: 32%;
}
img.vivaace_03_illust02_parts3 {
  left: 32.8%;
}
img.vivaace_03_illust02_parts3 {
  top: 6.4%;
}

.vivaace_03_slider {
  opacity: 0;
  display: none;
}
.vivaace_03_slider a {
  position: absolute;
  right: 73px;
  width: 30px;
  height: 66px;
}
.vivaace_03_slider .vivaace_03_mouse_text {
  position: absolute;
  top: 372px;
  left: 485px;
  width: 19.5%;
}
.vivaace_03_slider .vivaace_03_mouse_icon {
  position: absolute;
  top: 334px;
  left: 652px;
  width: 78.2px;
}
.vivaace_03_slider .vivaace_03_neck_detail,
.vivaace_03_slider .vivaace_03_neck_detail_clone {
  position: absolute;
  top: 262px;
  left: 29px;
  width: 30%;
  display: none;
}
.vivaace_03_slider .vivaace_03_button {
  display: none;
}
.vivaace_03_slider .vivaace_03_slider_button1 {
  top: 560px;
}
.vivaace_03_slider .vivaace_03_slider_button2 {
  top: 494px;
}
.vivaace_03_slider .vivaace_03_slider_button3 {
  top: 428px;
}
.vivaace_03_slider .vivaace_03_slider_button4 {
  top: 362px;
}
.vivaace_03_slider .vivaace_03_slider_button5 {
  top: 295px;
}
.vivaace_03_slider .vivaace_03_slider_button6 {
  top: 228px;
}
.vivaace_03_slider .vivaace_03_slider_button7 {
  top: 161px;
}
.vivaace_03_slider .vivaace_03_slider_button1:after {
  content: " ";
  position: absolute;
  border-bottom: #fff solid 2px;
  width: 12px;
  top: 100%;
  left: 28.3%;
}
.vivaace_03_slider .vivaace_03_slider_button2:after {
  content: " ";
  position: absolute;
  border-bottom: #fff solid 2px;
  width: 12px;
  top: 88%;
  left: 28.3%;
}
.vivaace_03_slider .vivaace_03_slider_button3:after {
  content: " ";
  position: absolute;
  border-bottom: #fff solid 2px;
  width: 12px;
  top: 65%;
  left: 28.3%;
}
.vivaace_03_slider .vivaace_03_slider_button4:after {
  content: " ";
  position: absolute;
  border-bottom: #fff solid 2px;
  width: 12px;
  top: 47%;
  left: 28.3%;
}
.vivaace_03_slider .vivaace_03_slider_button5:after {
  content: " ";
  position: absolute;
  border-bottom: #fff solid 2px;
  width: 12px;
  top: 35%;
  left: 28.3%;
}
.vivaace_03_slider .vivaace_03_slider_button6:after {
  content: " ";
  position: absolute;
  border-bottom: #fff solid 2px;
  width: 12px;
  top: 13%;
  left: 28.3%;
}
.vivaace_03_slider .vivaace_03_slider_button7:after {
  content: " ";
  position: absolute;
  border-bottom: #fff solid 2px;
  width: 12px;
  top: -2%;
  left: 28.3%;
}
.vivaace_03_slider .vivaace_03_slider_info {
  position: absolute;
  top: 175px;
  right: 130px;
  color: #ffffff;
  font-family: 'ITCAvantGardeW04-XLt';
  font-size: 20px;
  font-weight: bold;
  line-height: 1.2;
}
.vivaace_03_slider .vivaace_03_slider_info span {
  font-size: 25px;
}

.vivaace_movie iframe {
  width: 780px;
  height: 437px;
  margin-bottom: 30px;
}