@charset "utf-8";
.global_container *{-webkit-box-sizing:initial;-moz-box-sizing:initial;box-sizing:initial}
*{box-sizing:border-box;}
html{height:100%}
body{margin:0 auto;color: #555;
    font-size: .8em;
    line-height: 1.4em;
    letter-spacing: .5px;
    height: 100%;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0}
address,caption,cite,code,dfn,em,th,var{font-style:normal}
table{border-collapse:collapse;border-spacing:0;font-size:inherit;font:100%}
caption,th{text-align:left}
q:before,q:after{content:''}
object,embed{vertical-align:top}
hr,legend{display:none}
h1,h2,h3,h4,h5,h6{font-weight:400}
img,abbr,acronym,fieldset{border:0}
img{vertical-align:bottom;margin:0 auto;}
li{list-style-type:none;vertical-align:bottom}
table{font-size:inherit;font:100%}
.cf:after{content:" ";display:block;clear:both}
.pc{display:block}
br.pc{display:inline-block}
.sp{display:none!important}
.over-1000{display:block}
.under-1000,.under-480,.under-400{display:none!important}
.inner{max-width: 1200px !important;}
.lp-form-head{font-size:32px;font-weight:700;text-align:center;margin-top:20px}
.lp-container{font-size:18px;color:#000;font-family:"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","游明朝",YuMincho,メイリオ,Meiryo,"HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif,sans-serif;line-height: 1.6;}
.lp-container img{max-width:100%;float:none;padding:0;border:none;}
.lp-container li{list-style:none;padding-left:1em;text-indent:-1em;line-height:180%}
span.teikiattention{display: none;}
.fv {
/*background: url("https://kosuiso.jp/upload/save_image/whipure_b/fv_back1.jpg") no-repeat top center;background-size: cover;position: relative;z-index: 1;*/
}
.fv_manga {background: url("https://kosuiso.jp/upload/save_image/whipure_b/fv_back1.jpg") no-repeat top center;background-size: cover;position: relative;z-index: 1;}


.lp-980 .fv {
    background: none;
}

.return .fv {
    background: none;
}
.b03 .fv{
    background: url(https://kosuiso.jp/upload/save_image/whipure_b/fv_back2.jpg) no-repeat top center;
    background-size: cover;
}


.fv-block {
/*
	text-align: center;
	padding-top: 60px;
*/
	position: relative;
	max-width: 1000px;
	margin: 0 auto;
	overflow: hidden;
}

.return .fv-block {
    padding-top: 30px;
}

.lp-980 .fv-block {
    padding-top: 30px;
}


.fv-img {
}

.b03 .fv-img {
    padding-left: 5%;
}

.fv-cart {position: relative;margin: 2% auto 0;z-index: 10;text-align: center;}

/*
.fv-cart img {
    margin: 2% auto;
}
*/
.return .fv-cart {
    margin: 0 auto 0px;
}
.lp-980 .fv-cart {
    margin: 0 auto 0px;
    max-width: 1000px;
}

.b03 .fv-cart {
    margin: -6% auto 0;
}

.fv-btn{position: absolute;top: 81%;left: 0;right: 0;width: 89.1818%;margin: auto;}

.fv-btn_980{position: absolute;top: 70%;left: 0;right: 0;width: 89.1818%;margin: auto;}

.btn-b01q2{position: absolute;top: 81%;left: 0;right: 0;width: 89.1818%;margin: auto;}

.btn-b01q2_m{position: absolute;top: 81%;left: 0;right: 0;width: 89.1818%;margin: auto;}

.btn-b01q2_lst{position: absolute;top: 83.4%;left: 0;right: 0;width: 89.1818%;margin: auto;}

.fv-top-btn{
	margin: 2% 0 0;
	text-align: center;
}

.fv-cart-dc .fv-btn{
	
top: 62%;
}

.lp-980 .fv-btn {
    width: 83%;
    top: 66%;
}

.return .fv-btn {
    top: 63%;
}

.movie {margin: 60px auto;text-align: center;max-width: 1100px;position: relative;}

.inner {
}

.movie-block {position: absolute;top: 33%;left: 19%;/* right: 0; */margin: auto;}

.movie-block video {
    width: 100%;
    max-width: 700px;
}

.talent {
}

.b03 .talent {
    margin: 5% auto 0;
}

.talent-yumi-block {background: url("https://kosuiso.jp/upload/save_image/whipure_b/talent_yumi_back.png") no-repeat top left;background-size: cover;}

.talent-img {text-align: center;padding: 40px 0 0 4%;}

.talent-img img {margin: 0 auto;}

.talent-eriko-block .talent-img {
    padding: 40px 4% 0 0;
}

.talent-eriko-block {
    background: url("https://kosuiso.jp/upload/save_image/whipure_b/talent_eriko_back.png") no-repeat top right;
    background-size: cover;
}

.talent-hanako-block {
    background: url("https://kosuiso.jp/upload/save_image/whipure_b/talent_hanako_back.png") no-repeat top left;
    background-size: cover;
}

.trouble {text-align: center;margin: 0 auto 130px;z-index: 10;position: relative;}

.trouble-head {color: #353d5e;font-size: 4em;text-decoration: underline wavy #7668a6;}

.trouble-head span {
    color: #7668a6;
}

.trouble-top {margin: 50px auto 0;}

.trouble-label-block {background: #7668a6;padding: 50px 0;color: #fff;position: relative;margin: 0 auto 75px;}

.trouble-label-block::before{
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -85px;
	border: 85px solid transparent;
	border-top: 42px solid #7668a6;
}

.trouble-label-block-inner {
}

.trouble-label-title {font-size: 2.66em;font-weight: bold;}

.trouble-label-title span {
    font-size: 1.25em;
    color: #f6ff00;
    background: linear-gradient(transparent 82%, rgba(255,255,255,0.3) 30%);
}

.trouble-wrap {text-align: center;background: url("https://kosuiso.jp/upload/save_image/whipure_b/trouble_back.jpg") repeat top center;}

.trouble-wrap img {
    margin: 0 auto;
}

.trouble-slider {
}

.trouble-slider-wrap {display: flex;justify-content: space-around;align-items: center;margin: 0 auto 30px;max-width: 800px;}

.shimi-slider {
    width: 100%;
    max-width: 600px;
    height: 47vw;
    max-height: 400px;
    margin: auto;
    border: none;
}
.trouble-sliedr-text {
}

.trouble-bottom {position:relative;}
.trouble-bottom-back{width:100%;height: 471px;background: url("https://kosuiso.jp/upload/save_image/whipure_b/trouble_back.jpg") repeat top center;}
.trouble-bottom-back-n{width:100%;height: 672px;background: url("https://kosuiso.jp/upload/save_image/whipure_b/trouble_back.jpg") repeat top center;}
.trouble-bottom-img{position: absolute;top: 10%;left:0;right:0;margin:auto;}

.about {background: url("https://kosuiso.jp/upload/save_image/whipure_b/about_back.jpg") no-repeat top center;background-size: cover;position: relative;z-index: 1;padding: 60px 0 0;margin: -2% auto 50px;text-align: center;}

.middle-cart{
    text-align:center;
    position:relative;
    max-width:1100px;
    margin:0 auto 5%;
}


.component {
}

.component img{margin:0 auto 0 0;}

.component-head {color: #35355e;font-size: 2.666em;text-align: center;font-weight: bold;}

.component-head span {
    color: #ec3896;
    font-size: 1.5em;
    font-style: italic;
    padding-right: 5px;
}

.component-cf {text-align: right;}
.component-block{

background-size: cover;

padding: 20px 0;
}
.component-block.reverse{
  text-align:right
  
}
.component-block.reverse img{
  margin:0 0 0 auto;
  
}

.component-block.lcysteine {background: url("https://kosuiso.jp/upload/save_image/whipure_b/lcysteine_back.jpg") no-repeat top center;}

.component-block.vitaminc {background: url(https://kosuiso.jp/upload/save_image/whipure_b/vitaminc_back.jpg) no-repeat top center;}

.component-block.vitaminb2 {background: url(https://kosuiso.jp/upload/save_image/whipure_b/vitaminb2_back.jpg) no-repeat top center;}

.component-block.vitaminb6 {background: url(https://kosuiso.jp/upload/save_image/whipure_b/vitaminb6_back.jpg) no-repeat top center;}

.component-block.vitamine {background: url(https://kosuiso.jp/upload/save_image/whipure_b/vitamine_back.jpg) no-repeat top center;}

.effect {background: url("https://kosuiso.jp/upload/save_image/whipure_b/effect_back.jpg") no-repeat top center;background-size: cover;text-align: center;padding: 100px 2%;}

.effect-head {color: #353d5e;font-size: 4em;position: relative;margin-bottom: 160px;font-weight: bold;}

.effect-head::before {
    content: url("https://kosuiso.jp/upload/save_image/whipure_b/effect_head_left.png");
    position: absolute;
    left: 0;
    top: 0;
}

.effect-head::after {
    content: url("https://kosuiso.jp/upload/save_image/whipure_b/effect_head_right.png");
    position: absolute;
    top: -30%;
    right: 0;
}

.effect-block{background: #fff;border-radius: 10px;position: relative;padding: 77px 2% 74px;margin-bottom: 113px;}

.effect-block:last-child {
    margin-bottom: 0;
}

.effect-block-number {background: #353d5e;border-radius: 50%;position: absolute;color: #fff;width: 130px;height: 130px;font-size: 1.33em;line-height: 1;display: table;left: 45%;top: -8%;margin: auto;z-index: 10;}

.effect-block-number-wrap {
    display: table-cell;
    vertical-align: middle;
    padding-top: 10px;
}

.effect-block-number span {
    font-size: 2.5em;
}

.effect-block-head {font-size: 2.44em;color: #353d5e;border-bottom: 1px solid #353d5e;display: inline-block;margin-bottom: 47px;font-weight: bold;}

.effect-block-head span {
    font-size: 1.1em;
    color: #ec3896;
    font-weight: bold;
}

.effect-block-img {
}

.effect-block-img2 {margin: 20px auto;}

.effect-block-1-text {color: #ec3896;font-size: 2.666em;font-weight: bold;}

.effect-block-1-text span {
    font-size: 0.75em;
}


.effect-block-text {margin: 60px auto 0;font-size: 1.33em;font-family: メイリオ,Meiryo,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","游明朝",YuMincho,"HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif,sans-serif;}

.effect-block-text span {
    color: #ec3896;
}


.body {margin: 90px auto 22px;text-align: center;}

.supply {text-align: center;}

.introduction {background: #eaeefd;padding: 90px 2%;margin-top: 100px;text-align: center;}

.introduction2 {background: #eaeefd;padding: 50px 2% 20px;margin-top: 50px;text-align: center;}

.introduction-sns {
}

.introduction-sns2 {padding-top: 4%;}

.sns-slider-wrap{
    margin:5% auto
}

.sns-slider {
}

.introduction-media {
}




.introduction-media-head {font-size: 4em;font-weight: bold;color: #353d5e;line-height: 1.2;max-width: 1100px;margin: 70px auto;position: relative;}

.introduction-media-head span {
    color: #ec3896;
}

.introduction-media-head::before {
    content: url("https://kosuiso.jp/upload/save_image/whipure_b/media_head_icon.png");
    position: absolute;
    left: 0;
    top: -30%;
}

.introduction-media-head::after {
    content: url("https://kosuiso.jp/upload/save_image/whipure_b/media_head_icon.png");
    transform: scale(-1,1);
    position: absolute;
    top: -30%;
    right: 0;
}

.introduction-media-text {font-size: 2em;color: #353d5e;font-family: メイリオ,Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック";margin-bottom: 20px;}

.introduction-media-text span {
    color: #ec3896;
}

.introduction-media-movie iframe {width: 100%;max-width: 1000px;}

.introduction-media-img {margin-top: 60px;padding-left: 20%;}

.introduction-magazine {position: relative;margin-top: 100px;}

.introduction-magazine2 {position: relative;}

.media-slider-wrap {
}

.loop.ex-motion {
}

.monitor {text-align: center;background: url("https://kosuiso.jp/upload/save_image/whipure_b/monitor_back_big.jpg") repeat top center;/* background-size: contain; */padding: 100px 2%;}

.monitor-head {color: #353d5e;font-weight: bold;font-size: 2.66em;margin-bottom: 120px;}

.monitor-head span {
    font-size: 1.5em;
}

.monitor-block{margin-bottom: 50px;}

.monitor-block:last-child {
    margin-bottom: 0;
}


.faq{
    
margin: 80px auto;
    
font-family: メイリオ,Meiryo,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","游明朝",YuMincho,"HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif,sans-serif;
}

.faq-head {text-align: center;font-size: 1.33em;margin-bottom: 80px;}

.faq-head span {
    color: #27628e;
    font-size: 2.5em;
    font-family: "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","游明朝",YuMincho,メイリオ,Meiryo,"HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif,sans-serif;
}

.faq-wrap {padding: 0 2%;}

.faq-block {margin-bottom: 10px;}

.faq-q {font-size: 1.33em;padding-bottom: 10px;border-bottom: 1px solid;margin-bottom: 20px;}

.faq-q::before {
    content: "Q";
    font-family: "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","游明朝",YuMincho,メイリオ,Meiryo,"HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif,sans-serif;
    font-size: 2em;
    color: #27628e;
    padding-right: 30px;
}

.faq-a {
}

.red {
}

.summary {
	text-align: center;
}


.cart-detail{position: relative;margin: 100px auto 0;text-align: center;z-index: 1;}

.cart{text-align: center;position: relative;z-index: 10;margin: 0 auto 50px;max-width: 1200px;}

.cart-teiki{position:relative;margin: 5% auto;}

.cart-179 {
    margin: 5% auto;
}

.cart-1809{
	margin: -280px auto 0;
	position:relative;
	z-index:10;
}

.cart-1809 .cart-wrap {
    max-width: 1000px;
    margin: 0 auto;
    position: relative;
}

.cart-dc .cart-3teiki{margin: 5% auto;position: relative;}

.cart-3teiki-btn{position: absolute;left: 0;right: 0;top: 81%;margin: auto;width: 89.1818%;}
.cart-3teiki-btn2{position: absolute;left: 0;right: 0;top: 44%;margin: auto;width: 89.1818%;}

.cart-1809 .cart-3teiki-btn {
    /* width: 80%; */
    top: 55%;
}

.cart-179 .cart-3teiki-btn {
    width: 80%;
    top: 49%;
}

.cart-dc .cart-3teiki-btn{top: 76%;}


.cart-teiki-btn{position: absolute;left: 0;right: 0;top: 81%;margin: auto;width: 89.1818%;}

.cart-1809  .cart-teiki-btn {
    top: 77%;
    /* width: 78%; */
}

.cart-179 .cart-teiki-btn {
    width: 76%;
    top: 79%;
}

.cart-dc .cart-teiki-btn {
    top: 64%;
}

.cart-normal-btn{position:absolute;top: 14%;left: 67%;width: 28.63%;}

.cart-1809 .cart-normal-btn {
    top: 86%;
    /* left: 61%; */
}

.cart-179 .cart-normal-btn {
    top: 87.5%;
    width: 27%;
    left: 62%;
}

.cart-special{position:relative;text-align: center}

.cart-special-11180 {
    margin-bottom: 5%;
}
.cart-special .cart-3teiki-btn{position: absolute;left: 0;right: 0;top: 81%;margin: auto;width: 89.1818%;}

.cart-special-11180 .cart-3teiki-btn {
    top: 78%;
}

.spec {
}

.spec-head {text-align: center;color: #353d5e;font-size: 2.666em;font-weight: bold;margin-bottom: 120px;}

.spec-block {font-family: メイリオ,Meiryo,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","游明朝",YuMincho,"HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif,sans-serif;margin-bottom: 60px;padding:0 2%;}

.spec-block-head {font-size: 1.666em;border-bottom: 3px solid #9aa6d3;margin-bottom: 20px;}

.spec-block-text {width: 100%;}

.spec-table{
}

.spec-table-sp {
}
.spec-table{margin-left:0;margin-top:10px;margin-bottom:10px;width:90%;max-width:660px;background-color:#eaefff;display:table;border:2px solid #fff}
.spec-table.spec-component{background-color:#fff}
.spec-table td{text-align:right;border:1px solid #fff;padding:2px 12px}
.spec-table.spec-component td{text-align:right;border:1px solid #d4d4d4}
.spec-table.spec-component td span{font-size:10px}
.spec-table.spec-component td:first-child{padding-right:10%;text-align:left}
.spec-table.spec-dose td{text-align:center;width:25%}

/*メディアスライダー*/
.media-slider{margin: 5% auto;}
.media-slider-back{position:relative;background: url(https://kosuiso.jp/upload/save_image/whipure_179/lpst_bg.gif);padding-bottom: 4%;}
.media-slider-wrap{position:absolute;top: 32%;max-width: 1200px;width: 100%;max-height: 270px;height: calc(10% + 50vw);}
.loop{
        background: url(https://kosuiso.jp/upload/save_image/whipure2/media_slider.png) repeat-x 0 0;
        background-size: cover;
        max-height: 270px;
        height: calc(10% + 21vw);
        overflow: hidden;
        animation: pcloop 35s linear infinite;
}

.spec-ttl{
    font-size: 1.5em;
    margin-top: 5%;
    display: block;
    color: #06C;
    text-decoration: underline;
    font-family: メイリオ;
}

@-webkit-keyframes pcloop {
  0% {background-position: 0 0;}
  100% {background-position: -1286px 0;}
}
@-moz-keyframes pcloop  {
  0% {background-position: 0 0;}
  100% {background-position: -1286px 0;}
}
@keyframes pcloop  {
  0% {background-position: 0 0;}
  100% {background-position: -1286px 0;}
}

.return-money{
	margin:5% auto!important;
	text-align:center;
}

.return-money-img{
	cursor:pointer;
}

.return-money-img:hover{
	opacity:0.7;
}
.return-money-wrap{
	display:none;
	margin:  auto;
	padding: 5% 2%;
	background: #f0f0f0;
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Arial,Helvetica,sans-serif;
}

.return-money-head{
	text-align:center;
	font-size: 1.8em;
	margin-bottom:3%;
	font-weight: bold;
}

.return-money-text{
	overflow:auto;
	width:95%;
	height: 400px;
	padding:10px;
	border:1px solid #444f;
	color:#444;
	background-color: #fff;
	margin:0 auto 5%;
	line-height: 1.6;
	text-align:left;
	font-size: 0.9em;
}

	.return-money-text::-webkit-scrollbar {
    width: 10px;
  }
  .return-money-text::-webkit-scrollbar-thumb{
    background: #999;
    border-radius: 5px;
  }
  .return-money-text::-webkit-scrollbar-track-piece {
    background: #efefef;
  }

.beforeafter{
	text-align:center;
	margin:60px auto;
}


/*Web To Call*/
.call-cta{
position: relative;
max-width: 1000px;
margin: 5% auto;
text-align: center;
}

.call-cta-btn{
display: none;
}

.call-block{
	position:relative;
}

.fixed-btn-wrap{
    text-align:center;
    background: rgba(255,255,255,0.7);
}

.fixed-btn-wrap{position:fixed;bottom:0;right:0;left:0;width:100%;text-align:center;z-index:1000;max-height: 201px;display: none;}

/* 時間制限タイマー */

.bnr-padding{
	padding-top: 5%;
}
.timer-wrap{
	width: 1000px;
	margin: 0 auto;
	display: flex;
	/*justify-content: space-between;*/
}

.float-bnr {
    background: #d60000;
	display: flex;
    position: fixed;
    width: 100%;
    z-index: 10000;
}
.fv-img{
	padding-top: 0;
	display: block;
}

.timer-txt {
    color: #FFFFFF;
    font-weight: bold;
    font-size: 1.2rem;
    line-height: 2;
    padding: 0 0.5em;
}
.bnr-top{
	display: block;
	float: left;
	margin: 0.5%;
	width: 45%
}
.bnr-top img{
	display: block;
    float: left;
    /*margin: 2% 0 0 2%;*/
    width: 30%;
}

.bnr-bottom{
	color: #FFFFFF;
	font-weight: bold;
	display: flex;
	padding: 0.5%;
	/*width: 53%;*/
	float: right;
}

.timer-txt2{
	font-size: 1.2rem;
	padding-right: 2%;
    display: block;
	line-height: 2;
	width: 215px;
}

.timer-txt3{
	font-size: 1.2em;
}

.remaining{
    line-height: 1.4;
}

#timer,#min,#sec,#comma{
	font-size: 2em;
	color: #FAEE02
}

.cart-yt-btn{
	width: 95%;
}

.fv_bottom{
	margin-top: 21%;
}

.return-money{
	margin: 0 auto!important;
}

/* b01_q用　クオルバ読み込み画面 */

/* Loading Block */
#chat_load {
  width: 100vw;
  height: 100vh;
  transition: all 1s;
  background-color: #ee5770;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
}
#chat_load p{
	display: block;
	margin: 30% auto 0;
	text-align: center;
	font-size: 5.0vw;
	font-weight: bold;
	color: #FFFFFF;
}
.spinner {
  width: 100px;
  height: 100px;
  margin: 200px auto;
  background-color: #fff;
  border-radius: 100%;
  animation: sk-scaleout 1.0s infinite ease-in-out;
}
/* Loading Animation */
@keyframes sk-scaleout {
  0% {
    transform: scale(0);
  } 100% {
    transform: scale(1.0);
    opacity: 0;
  }
}

/* Hide Loading Block */
.chat_loaded {
  opacity: 0;
  visibility: hidden;
}


/* FVアニメーション */
@keyframes okuyuki{
    0% {transform: rotateY(-5deg);}
  100% { transform: rotateY(5deg);}
}

.fv-lcysteine,.fv-vitaminc{
    
position: absolute;
    
width: 20.6%;
    
max-width: 248px;
    
top: 63%;
 -webkit-animation: huwahuwa 1s ease-in-out -13s infinite alternate;
         animation: huwahuwa 1s ease-in-out -13s infinite alternate;
}


.fv-lcysteine{
    left: 7%;
    z-index: 10;
}

.fv-vitaminc{
    
z-index: 100;
    
left: 37%;
    
-webkit-animation-delay: -0.5s;
    
animation-delay: -0.5s;
}

@-webkit-keyframes huwahuwa {
    0% { -webkit-transform:translateY(-5px); transform:translateY(-5px); }
  100% { -webkit-transform:translateY(  0px); transform:translateY(  0px); }
}

@keyframes huwahuwa {
    0% { -webkit-transform:translateY(-5px); transform:translateY(-5px); }
  100% { -webkit-transform:translateY(  0px); transform:translateY(  0px); }
}

.kira.d02{top: 48%;left: 59%;right: auto;bottom: auto;margin:auto;transform: rotate(-238deg);width: 45%;animation: kira-d02 1.5s ease-in-out infinite alternate;z-index: 0;}

@keyframes kira-d02 {
	0% { opacity: 0; }
	70% { opacity: 1; }
    100% {opacity: 1; }
}

.fv-whipure{
    position:absolute;
    width: 34%;
    top: 39%;
    left: 67%;
    -webkit-perspective: 500;
    -webkit-transform-style: preserve-3d;
    -webkit-transition-property: perspective;
    -webkit-transition-duration: 0.5s;
    z-index: 10;
}



/* ここまで */

@media only screen and (max-width : 1200px) {
.trouble-bottom-back {
    height: 39vw;
}
	
.trouble-bottom-back-n {
    height: 65vw;
}


.return-money{
	margin: 0 auto!important;
}

}

@media only screen and (max-width : 1100px) {
    .movie-block {
     width: 64%;
    }
}


@media only screen and (max-width : 1000px) {
.lp-container{width:100%;margin: 0 auto 15%;}

.trouble {
    margin: 0 auto 130px;
}

.trouble-head {
    font-size: calc(40% + 6vw);
}
.trouble-top {
    margin: 5% auto 0;
}
.trouble-label-block {
    padding: 5% 0;
    margin: 0 auto 7.5%;
}
.trouble-label-title {
    font-size: calc(20% + 4vw);

}

.cart-1809{
	margin: -21% auto 0;
}

/* 時間制限タイマー */

.bnr-padding{
	padding-top: 4%;
}
.timer-wrap{
	width: 1000px;
	margin: 0 auto;
	display: flex;
	/*justify-content: space-between;*/
}

.float-bnr {
    background: #d60000;
	display: flex;
    position: fixed;
    width: 100%;
    z-index: 10000;
}
.fv-img{
	padding-top: 5%;
	display: block;
}

.timer-txt {
    color: #FFFFFF;
    font-weight: bold;
    font-size: 1.5em;
    line-height: 2;
    padding: 0 0.5em;
}
.bnr-top{
	display: block;
	float: left;
	margin: 0.5%;
	width: 42%
}
.bnr-top img{
	display: block;
    float: left;
    margin: 1% 0 0 1%;
    width: 30%;
}

.bnr-bottom{
	color: #FFFFFF;
	font-weight: bold;
	display: flex;
	padding: 0.5%;
	/*width: 53%;*/
	float: right;
}

.timer-txt2{
	font-size: 1.2em;
	padding-right: 2%;
    display: block;
	line-height: 2.7;
	width: 170px;
}

.timer-txt3{
	font-size: 1.5em;
}

.remaining{
    line-height: 1.4;
}

#timer,#min,#sec,#comma{
	font-size: 2em;
	color: #FAEE02
}

.cart-yt-btn{
	width: 95%;
}

.fv-lcysteine,.fv-vitaminc{    
	top: 35%;
}

.fv-whipure {
    top: 44%;
    left: 66%;
}
/* ここまで */

}

/*1000ここまで*/


@media only screen and (max-width : 640px) {
.pc{display:none!important}
.sp{display:block!important}
.fv-block {position: relative;max-width: 1200px;margin: 0 auto;overflow: hidden;}
.return .fv-block {
    padding-top: 0px;
}
.fv-btn {
    top: 79%;
}

.fv-btn_980 {
    top: 71%;
}

.btn-b01q2{
	top: 82%!important;
}

.btn-b01q2_m{
	top: 80%;
}

.btn-b01q2_lst {
    top: 81.2%;
}

.fv-top-btn{
	margin: 5% 0 0;
	text-align: center;
}

.fv-cart-dc .fv-btn {
    top: 64%;
}
.fv-cart{
	margin: 3% auto 0;	
}
.return .fv-cart {
    margin: 6% auto 0px;
}

.b03 .fv-img {
    padding-left: 0%;
}

.return .fv-btn {
    top: 69%;
    width:70%;
}

.movie-block {
     width: 96%;
     left: 0;
     right: 0;
     top: 31%;
    }

.talent-yumi-block {background: none;}

.talent-img {padding:0;}

.talent-eriko-block .talent-img {
    padding: 0;
}

.talent-eriko-block {background: none;}

.talent-hanako-block {background: none;}
.trouble {
    margin: 0 auto 0;
}

.trouble-wrap {
    background: url(https://kosuiso.jp/upload/save_image/whipure_b/trouble_back_sp.jpg) repeat top center;
}
.trouble-label-block::before {
    margin-left: -20px;
    border: 20px solid transparent;
    border-top: 20px solid #7668a6;
}

.trouble-slider-wrap {
    margin: 0 auto 3%;
}

.trouble-bottom-back{display:none;}
.trouble-bottom-back-n{display:none;}
.trouble-bottom-img{position:static;}

.shimi-slider {
    /* height: calc(100vw * 1.33); */
    max-height: 534px;
}

.about {
    background: url(https://kosuiso.jp/upload/save_image/whipure_b/about_back_sp.jpg) no-repeat top center;
    padding: 6% 0 0;
    margin: -2% auto 5%;
}

.component-head {
    font-size: calc(40% + 5vw);
}
.component-cf {
    font-size:0.8em;
}
.component-block {
    padding: 0;
}

.component-block.lcysteine {background:none;}

.component-block.vitaminc  {background:none;}

.component-block.vitaminb2  {background:none;}

.component-block.vitaminb6  {background:none;}

.component-block.vitamine  {background:none;}

.effect {
    padding: 10% 2%;
}

.effect-head {
    font-size: calc(35% + 5vw);
    margin-bottom: 12%;
}

.effect-head::before {
    content:"";
    background: url("https://kosuiso.jp/upload/save_image/whipure_b/effect_head_left_sp.png");
    width:8vw;
    height:8vw;
    background-size:cover;
}

.effect-head::after {
    content:"";
    background: url("https://kosuiso.jp/upload/save_image/whipure_b/effect_head_right_sp.png");
    width:10vw;
    height:10vw;
    background-size:cover;
}

.effect-block {
    padding: 13% 2% 7.4%;
    margin-bottom: 17vw;
}
.effect-block-number {
    width: 16vw;
    height: 16vw;
    font-size: calc(10% + 2.8vw);
    top: -6.5%;
    max-width: 80px;
    max-height: 80px;
}

.effect-block-1 .effect-block-number {
    width: 16vw;
    height: 16vw;
    font-size: calc(10% + 2.8vw);
    top: -4%;
    max-width: 80px;
    max-height: 80px;
}

.effect-block-head {
    font-size:calc(15% + 4vw);
    margin-bottom: 4.7%;
}

.effect-block-1-text {
    font-size: calc(20% + 4.2vw);
}

.effect-block-text {
    margin: 6% auto 0;
    font-size: 0.8em;
    text-align:left;
}

.body {
    margin: 9% auto 2%;
}

.introduction {
    padding: 9% 2%;
    margin-top: 10%;
}

.introduction2 {
    padding: 7% 2%;
    margin-top: 8%;
}

.introduction-media-head {
    font-size: calc(40% + 5vw);
    margin: 7% auto;
    z-index:10;
}

.introduction-media-head::before {
    content: "";
    background: url("https://kosuiso.jp/upload/save_image/whipure_b/media_head_icon_sp.png");
    top: -30%;
    width: 10vw;
    height: 12vw;
    background-size: cover;
}

.introduction-media-head::after {
    content: "";
    background: url("https://kosuiso.jp/upload/save_image/whipure_b/media_head_icon_sp.png");
    top: -30%;
    width: 10vw;
    height: 12vw;
    background-size: cover;
}

.introduction-media-text {
    font-size: calc(30% + 4vw);
    margin-bottom: 2%;
}

.introduction-media-movie iframe {
    height:70vw;
}
.introduction-media-img {
    margin-top: 6%;
    padding-left: 0%;
}

.introduction-magazine {
    margin-top: 8%;
}

.monitor {
    background: url(https://kosuiso.jp/upload/save_image/whipure_b/monitor_back_sp.jpg) repeat top center;
    padding: 10% 2%;
}

.monitor-head {
    font-size: calc(15% + 4vw);
    margin-bottom: 10%;
}

.monitor-block {
    margin-bottom: 5%;
}

.faq {
    margin: 8% auto;
}

.faq-head {
    text-align: center;
    font-size: 1.1em;
    margin-bottom: 6%;
}

.faq-q {
    font-size: 1em;
    padding: 0 5% 2% 0;
    margin-bottom: 4%;
    position:relative;
    font-size: calc(20% + 3.2vw);
    /* font-weight: bold; */
    cursor: pointer;
}

.faq-q::before {
    font-size: 1.5em;
    padding-right: 3%;
}

.faq-q::after{
    content:"";
    position: absolute;
    top: 18%;
    right: 0;
    width: 12px;
    height: 12px;
    border-radius: 2px;
    border: 3px solid;
    border-color: transparent transparent #27628e #27628e;
    transform: rotate(-45deg);
}

.faq-a {
    font-size:0.8em;
    display: none;
}

.cart-detail {
    margin: 10% auto 0;
}

.cart {
    margin: 0 auto 12%;
}

.cart-179 {
    margin: 0 auto 5%;
}

.cart-1809 {
    margin: -37% auto 0;
}

.cart-3teiki-btn {
    top: 78%;
}

.cart-3teiki-btn2 {
    top: 42%;
}

.cart-special .cart-3teiki-btn {
    top: 78%;
}

.cart-special-11180 .cart-3teiki-btn {
    top: 74%;
}

.cart-dc .cart-3teiki-btn {
    top: 73%;
}


.cart-179 .cart-3teiki-btn {
    width: 92%;
    top: 49%;
}


.cart-teiki-btn {
    top: 80%;
}

.cart-179 .cart-normal-btn {
    top: 87.5%;
    width: 33%;
    left: 64%;
}

.cart-normal-btn{
    top: 32%;
    left: 69%;
}


.spec-head {
    font-size: calc(40% + 6vw);
    font-weight: bold;
    margin-bottom: 10%;
}

.spec-block {
    margin-bottom: 6%;
    font-size: 0.8em;
    padding:0 2%;
    display: none;
}
.spec-block-head {
    font-size: 1.2em;
    margin-bottom: 2%;
}

.open-btn{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#077fff+1,0600ba+100 */
background: #077fff; /* Old browsers */
background: -moz-linear-gradient(top,  #077fff 1%, #0600ba 100%) !important; /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #077fff 1%,#0600ba 100%) !important; /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #0759b1 1%,#342dff 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#077fff', endColorstr='#0600ba',GradientType=0 ) !important; /* IE6-9 */
    font-family: myFont,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Arial,Helvetica,sans-serif !important;
}

.beforeafter{
	margin: 6% auto;
}
  .return-money-head{
	font-size: calc(20% + 4vw) !important;
}
    .return-money-text{
	font-size:0.8em;
}

/*Web To Call*/
.call-cta{
}

.call-cta-btn{
	display: block;
	position:absolute;
	width: 85%;
	margin: auto;
	top: 50%;
	left: 0;
	right: 0;
}

.call-cta-btn:hover{
	opacity:0.7
}

.call-block .call-cta-btn{

top: 87%;
}
	
/* 時間制限タイマー */

.bnr-padding{
	padding-top: 8%;
}

.timer-wrap {
    display: block;
}

.float-bnr {
    background: #d60000;
    display: block;
    position: fixed;
    width: 100%;
    z-index: 10000;
}
.fv-img{
	padding-top: 5%;
	display: block;
}

.timer-txt{
    color: #FFFFFF;
    font-weight: bold;
    font-size: 6vw;
    position: absolute;
    top: 16%;
    right: 0;
	line-height: 1.1;
}
.bnr-top{
	display: block;
	float: left;
	margin: 1% 1% 1% 1%;
	width: 30%
}
.bnr-top img{
	display: block;
	width: 35%;
	margin: 0;
}

.bnr-bottom{
	color: #FFFFFF;
	font-weight: bold;
	display: block;
	clear: both;
	/*margin-bottom: 2%*/
	padding: 0.5% 1%;
	float: none;
}

.timer-txt2{
	font-size: 1.2em;
	padding: 0;
    display: block;
	line-height: 1.2;
}

.timer-txt3{
	font-size: 1.2em;
}

.remaining{
    position: absolute;
    bottom: 7%;
	left: 32%;
	line-height: 1;
}

#timer,#min,#sec,#comma{
	font-size: 2.1em;
	color: #FAEE02
}

.cart-yt-btn{
	width: 95%;
}

.return-money{
	margin: 0 auto!important;
}


/* FVアニメーション */
.fv-lcysteine,.fv-vitaminc{
    
width: 33%;
    
max-width: 248px;
}

.fv-lcysteine{
    left: 3%;
    top: 45%;
}

.fv-vitaminc{
left: 20%;
top: 59%;
}

.kira.d02 {
    top: 57%;
    left: 33%;
    transform: rotate(-260deg);
    width: 80%;
}

.fv-whipure {
    position: absolute;
    width: 60%;
    top: 48%;
    left: 46%;
}



/* ここまで */
}

/*640ここまで*/


.animated{animation-duration:1s;animation-fill-mode:both}.animated.infinite{animation-iteration-count:infinite}.animated.hinge{animation-duration:2s}.animated.flipOutX,.animated.flipOutY,.animated.bounceIn,.animated.bounceOut{animation-duration:.75s}@keyframes bounce{from,20%,53%,80%,to{animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);transform:translate3d(0,0,0)}40%,43%{animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);transform:translate3d(0,-30px,0)}70%{animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}.bounce{animation-name:bounce;transform-origin:center bottom}@keyframes flash{from,50%,to{opacity:1}25%,75%{opacity:0}}.flash{animation-name:flash}@keyframes pulse{from{transform:scale3d(1,1,1)}50%{transform:scale3d(1.05,1.05,1.05)}to{transform:scale3d(1,1,1)}}.pulse{animation-name:pulse}@keyframes rubberBand{from{transform:scale3d(1,1,1)}30%{transform:scale3d(1.25,0.75,1)}40%{transform:scale3d(0.75,1.25,1)}50%{transform:scale3d(1.15,0.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scale3d(1,1,1)}}.rubberBand{animation-name:rubberBand}@keyframes shake{from,to{transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}20%,40%,60%,80%{transform:translate3d(10px,0,0)}}.shake{animation-name:shake}@keyframes headShake{0%{transform:translateX(0)}6.5%{transform:translateX(-6px) rotateY(-9deg)}18.5%{transform:translateX(5px) rotateY(7deg)}31.5%{transform:translateX(-3px) rotateY(-5deg)}43.5%{transform:translateX(2px) rotateY(3deg)}50%{transform:translateX(0)}}.headShake{animation-timing-function:ease-in-out;animation-name:headShake}@keyframes swing{20%{transform:rotate3d(0,0,1,15deg)}40%{transform:rotate3d(0,0,1,-10deg)}60%{transform:rotate3d(0,0,1,5deg)}80%{transform:rotate3d(0,0,1,-5deg)}to{transform:rotate3d(0,0,1,0deg)}}.swing{transform-origin:top center;animation-name:swing}@keyframes tada{from{transform:scale3d(1,1,1)}10%,20%{transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}to{transform:scale3d(1,1,1)}}.tada{animation-name:tada}@keyframes wobble{from{transform:none}15%{transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}to{transform:none}}.wobble{animation-name:wobble}@keyframes jello{from,11.1%,to{transform:none}22.2%{transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{transform:skewX(6.25deg) skewY(6.25deg)}44.4%{transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{transform:skewX(-0.78125deg) skewY(-0.78125deg)}77.7%{transform:skewX(0.390625deg) skewY(0.390625deg)}88.8%{transform:skewX(-0.1953125deg) skewY(-0.1953125deg)}}.jello{animation-name:jello;transform-origin:center}@keyframes bounceIn{from,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scale3d(1,1,1)}}.bounceIn{animation-name:bounceIn}@keyframes bounceInDown{from,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}.bounceInDown{animation-name:bounceInDown}@keyframes bounceInLeft{from,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}.bounceInLeft{animation-name:bounceInLeft}@keyframes bounceInRight{from,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}from{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}.bounceInRight{animation-name:bounceInRight}@keyframes bounceInUp{from,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}from{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translate3d(0,0,0)}}.bounceInUp{animation-name:bounceInUp}@keyframes bounceOut{20%{transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;transform:scale3d(1.1,1.1,1.1)}to{opacity:0;transform:scale3d(.3,.3,.3)}}.bounceOut{animation-name:bounceOut}@keyframes bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.bounceOutDown{animation-name:bounceOutDown}@keyframes bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}.bounceOutLeft{animation-name:bounceOutLeft}@keyframes bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}.bounceOutRight{animation-name:bounceOutRight}@keyframes bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}.bounceOutUp{animation-name:bounceOutUp}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.fadeIn{animation-name:fadeIn}@keyframes fadeInDown{from{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:none}}.fadeInDown{animation-name:fadeInDown}@keyframes fadeInDownBig{from{opacity:0;transform:translate3d(0,-2000px,0)}to{opacity:1;transform:none}}.fadeInDownBig{animation-name:fadeInDownBig}@keyframes fadeInLeft{from{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:none}}.fadeInLeft{animation-name:fadeInLeft}@keyframes fadeInLeftBig{from{opacity:0;transform:translate3d(-2000px,0,0)}to{opacity:1;transform:none}}.fadeInLeftBig{animation-name:fadeInLeftBig}@keyframes fadeInRight{from{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:none}}.fadeInRight{animation-name:fadeInRight}@keyframes fadeInRightBig{from{opacity:0;transform:translate3d(2000px,0,0)}to{opacity:1;transform:none}}.fadeInRightBig{animation-name:fadeInRightBig}@keyframes fadeInUp{from{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:none}}.fadeInUp{animation-name:fadeInUp}@keyframes fadeInUpBig{from{opacity:0;transform:translate3d(0,2000px,0)}to{opacity:1;transform:none}}.fadeInUpBig{animation-name:fadeInUpBig}@keyframes fadeOut{from{opacity:1}to{opacity:0}}.fadeOut{animation-name:fadeOut}@keyframes fadeOutDown{from{opacity:1}to{opacity:0;transform:translate3d(0,100%,0)}}.fadeOutDown{animation-name:fadeOutDown}@keyframes fadeOutDownBig{from{opacity:1}to{opacity:0;transform:translate3d(0,2000px,0)}}.fadeOutDownBig{animation-name:fadeOutDownBig}@keyframes fadeOutLeft{from{opacity:1}to{opacity:0;transform:translate3d(-100%,0,0)}}.fadeOutLeft{animation-name:fadeOutLeft}@keyframes fadeOutLeftBig{from{opacity:1}to{opacity:0;transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{animation-name:fadeOutLeftBig}@keyframes fadeOutRight{from{opacity:1}to{opacity:0;transform:translate3d(100%,0,0)}}.fadeOutRight{animation-name:fadeOutRight}@keyframes fadeOutRightBig{from{opacity:1}to{opacity:0;transform:translate3d(2000px,0,0)}}.fadeOutRightBig{animation-name:fadeOutRightBig}@keyframes fadeOutUp{from{opacity:1}to{opacity:0;transform:translate3d(0,-100%,0)}}.fadeOutUp{animation-name:fadeOutUp}@keyframes fadeOutUpBig{from{opacity:1}to{opacity:0;transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{animation-name:fadeOutUpBig}@keyframes flip{from{transform:perspective(400px) rotate3d(0,1,0,-360deg);animation-timing-function:ease-out}40%{transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);animation-timing-function:ease-out}50%{transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);animation-timing-function:ease-in}80%{transform:perspective(400px) scale3d(.95,.95,.95);animation-timing-function:ease-in}to{transform:perspective(400px);animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;animation-name:flip}@keyframes flipInX{from{transform:perspective(400px) rotate3d(1,0,0,90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotate3d(1,0,0,-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{transform:perspective(400px) rotate3d(1,0,0,-5deg)}to{transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipInX}@keyframes flipInY{from{transform:perspective(400px) rotate3d(0,1,0,90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotate3d(0,1,0,-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{transform:perspective(400px) rotate3d(0,1,0,-5deg)}to{transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipInY}@keyframes flipOutX{from{transform:perspective(400px)}30%{transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}to{transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}.flipOutX{animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@keyframes flipOutY{from{transform:perspective(400px)}30%{transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}to{transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipOutY}@keyframes lightSpeedIn{from{transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{transform:skewX(20deg);opacity:1}80%{transform:skewX(-5deg);opacity:1}to{transform:none;opacity:1}}.lightSpeedIn{animation-name:lightSpeedIn;animation-timing-function:ease-out}@keyframes lightSpeedOut{from{opacity:1}to{transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{animation-name:lightSpeedOut;animation-timing-function:ease-in}@keyframes rotateIn{from{transform-origin:center;transform:rotate3d(0,0,1,-200deg);opacity:0}to{transform-origin:center;transform:none;opacity:1}}.rotateIn{animation-name:rotateIn}@keyframes rotateInDownLeft{from{transform-origin:left bottom;transform:rotate3d(0,0,1,-45deg);opacity:0}to{transform-origin:left bottom;transform:none;opacity:1}}.rotateInDownLeft{animation-name:rotateInDownLeft}@keyframes rotateInDownRight{from{transform-origin:right bottom;transform:rotate3d(0,0,1,45deg);opacity:0}to{transform-origin:right bottom;transform:none;opacity:1}}.rotateInDownRight{animation-name:rotateInDownRight}@keyframes rotateInUpLeft{from{transform-origin:left bottom;transform:rotate3d(0,0,1,45deg);opacity:0}to{transform-origin:left bottom;transform:none;opacity:1}}.rotateInUpLeft{animation-name:rotateInUpLeft}@keyframes rotateInUpRight{from{transform-origin:right bottom;transform:rotate3d(0,0,1,-90deg);opacity:0}to{transform-origin:right bottom;transform:none;opacity:1}}.rotateInUpRight{animation-name:rotateInUpRight}@keyframes rotateOut{from{transform-origin:center;opacity:1}to{transform-origin:center;transform:rotate3d(0,0,1,200deg);opacity:0}}.rotateOut{animation-name:rotateOut}@keyframes rotateOutDownLeft{from{transform-origin:left bottom;opacity:1}to{transform-origin:left bottom;transform:rotate3d(0,0,1,45deg);opacity:0}}.rotateOutDownLeft{animation-name:rotateOutDownLeft}@keyframes rotateOutDownRight{from{transform-origin:right bottom;opacity:1}to{transform-origin:right bottom;transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutDownRight{animation-name:rotateOutDownRight}@keyframes rotateOutUpLeft{from{transform-origin:left bottom;opacity:1}to{transform-origin:left bottom;transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutUpLeft{animation-name:rotateOutUpLeft}@keyframes rotateOutUpRight{from{transform-origin:right bottom;opacity:1}to{transform-origin:right bottom;transform:rotate3d(0,0,1,90deg);opacity:0}}.rotateOutUpRight{animation-name:rotateOutUpRight}@keyframes hinge{0%{transform-origin:top left;animation-timing-function:ease-in-out}20%,60%{transform:rotate3d(0,0,1,80deg);transform-origin:top left;animation-timing-function:ease-in-out}40%,80%{transform:rotate3d(0,0,1,60deg);transform-origin:top left;animation-timing-function:ease-in-out;opacity:1}to{transform:translate3d(0,700px,0);opacity:0}}.hinge{animation-name:hinge}@keyframes jackInTheBox{from{opacity:0;transform:scale(0.1) rotate(30deg);transform-origin:center bottom}50%{transform:rotate(-10deg)}70%{transform:rotate(3deg)}to{opacity:1;transform:scale(1)}}.jackInTheBox{animation-name:jackInTheBox}@keyframes rollIn{from{opacity:0;transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}to{opacity:1;transform:none}}.rollIn{animation-name:rollIn}@keyframes rollOut{from{opacity:1}to{opacity:0;transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}.rollOut{animation-name:rollOut}@keyframes zoomIn{from{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{animation-name:zoomIn}@keyframes zoomInDown{from{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}.zoomInDown{animation-name:zoomInDown}@keyframes zoomInLeft{from{opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}.zoomInLeft{animation-name:zoomInLeft}@keyframes zoomInRight{from{opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}.zoomInRight{animation-name:zoomInRight}@keyframes zoomInUp{from{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}.zoomInUp{animation-name:zoomInUp}@keyframes zoomOut{from{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.zoomOut{animation-name:zoomOut}@keyframes zoomOutDown{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}.zoomOutDown{animation-name:zoomOutDown}@keyframes zoomOutLeft{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(-2000px,0,0);transform-origin:left center}}.zoomOutLeft{animation-name:zoomOutLeft}@keyframes zoomOutRight{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(2000px,0,0);transform-origin:right center}}.zoomOutRight{animation-name:zoomOutRight}@keyframes zoomOutUp{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}.zoomOutUp{animation-name:zoomOutUp}@keyframes slideInDown{from{transform:translate3d(0,-100%,0);visibility:visible}to{transform:translate3d(0,0,0)}}.slideInDown{animation-name:slideInDown}@keyframes slideInLeft{from{transform:translate3d(-100%,0,0);visibility:visible}to{transform:translate3d(0,0,0)}}.slideInLeft{animation-name:slideInLeft}@keyframes slideInRight{from{transform:translate3d(100%,0,0);visibility:visible}to{transform:translate3d(0,0,0)}}.slideInRight{animation-name:slideInRight}@keyframes slideInUp{from{transform:translate3d(0,100%,0);visibility:visible}to{transform:translate3d(0,0,0)}}.slideInUp{animation-name:slideInUp}@keyframes slideOutDown{from{transform:translate3d(0,0,0)}to{visibility:hidden;transform:translate3d(0,100%,0)}}.slideOutDown{animation-name:slideOutDown}@keyframes slideOutLeft{from{transform:translate3d(0,0,0)}to{visibility:hidden;transform:translate3d(-100%,0,0)}}.slideOutLeft{animation-name:slideOutLeft}@keyframes slideOutRight{from{transform:translate3d(0,0,0)}to{visibility:hidden;transform:translate3d(100%,0,0)}}.slideOutRight{animation-name:slideOutRight}@keyframes slideOutUp{from{transform:translate3d(0,0,0)}to{visibility:hidden;transform:translate3d(0,-100%,0)}}.slideOutUp{animation-name:slideOutUp}