@media screen and (max-width: 380px) {
.aurora p{
	font-size: 11.5px;
}	
}
.aurora .kv{
	text-align: center;
	background: #29264d url(/template/default/img/sp/aurora/kv_bg.jpg) no-repeat center top;
	background-size:cover;
	padding:10px 0 0;
}

.aurora .kv-text{
	background: rgb(232,212,183);
	background: linear-gradient(0deg, rgba(232,212,183,1) 0%, rgba(240,225,203,1) 100%);
	text-shadow:
    #fff 1px 1px 2px, #fff -1px 1px 2px,
    #fff 1px -1px 2px, #fff -1px -1px 2px;
	font-size: 1.6rem;
    font-weight: bold;
	padding: 9px 0;
}
.aurora .kv-text span{
	background:#fff;
	color:#000;
	padding: 5px 10px;
	margin-left: 10px;
    font-size: 16px;
    font-weight: normal;
}

.aurora .kv-content{
	padding: 5vh 0 6vh;
}
.aurora .kv-video{
	margin: -10px auto 60px;
	width: 90%;
}
.aurora .kv-video video{
	width: 100%;
	height: auto;
}
.mb-2{
	margin-bottom: 20px!important;
}
.aurora .kv-comment{
	background: #fff;
	padding: 50px 0;
}
.aurora .kv-comment .pic{
	width: 33%;
	margin: auto;
}
.aurora .kv-comment .text {
	margin-top: -30px;
}

.aurora .kv-comment .large{
	font-size: 140%;
	margin-bottom: 10px;
}
.aurora .kv-comment p{
	position: relative;
	margin: 0;
    line-height: 1.9;
}

.aurora .bg-01{
	background: url(/template/default/img/sp/aurora/main_bg01.jpg);
	background-size:cover;	
}
.aurora .bg-02{
	background:#383051 url(/template/default/img/sp/aurora/howto_bg01.jpg) no-repeat center bottom;
	background-size:100% auto;	
}
.aurora .bg-03{
	background: url(/template/default/img/sp/aurora/material_bg01.jpg) center top;
	background-size:cover;	
}
.aurora .message{
	text-align: center;

}
.aurora .message-bnr{
	margin: -50px auto 0;
    width: 90%;
}
.aurora .message-body{
	background: url(/template/default/img/sp/aurora/message_bg02.jpg) no-repeat;
	background-size:cover;
	padding: 40px 0 50px;
	width: 90%;
	margin:20px auto 0;
}
.aurora .message-body p{
	color: #fff;
	margin: 0 0 20px;
	font-size: 13.5px;
}
.aurora .message .prd{
	margin:-20px 0 0;
}
.aurora .message .name{
	margin: 20px auto 0;
}
.aurora .feature{
	text-align: center;
	background-size :cover;
	padding: 40px 0;
}
.aurora .feature .title{
	color: #fff;
	font-size: 2.6rem;
    font-weight: bold;
    margin:0 0 30px;
}
.aurora .feature-body{
	
}
.aurora .feature-block{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	position: relative;
	margin: 25px 0;
}
.aurora .feature-block.rev{
	flex-direction: row-reverse;
}
.aurora .feature-block .pic{
	width: 65%;
}
.aurora .feature-block .text{
	position: absolute;
    width: 60%;
    margin: 0 0 0 -10px;
    right: 0;
    top: 20px;
}
.aurora .feature-block.rev .text{
	position: absolute;
    width: 65%;
    margin: 0 0 0 -10px;
    right: auto;
    left:0;
    top: 20px;
}
.aurora .feature-block .text p{
	text-align: left;
	color: #fff;	
	padding:0 0 0 30px;
}
.aurora .feature-block .subtitle{
	text-align: left;
    padding: 0 0 0 30px;
	font-weight: bold;
	color: #fff;
	font-size: 2.4rem;
background: rgba(30,28,65,1);
background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(100%, rgba(30,28,65,1)));
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(30,28,65,1) 100%);
background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(30,28,65,1) 100%);
background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(30,28,65,1) 100%);
background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(30,28,65,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#1e1c41', GradientType=1 );

}
.aurora .feature-block.rev .subtitle{
background: rgba(30,28,65,1);
background: -moz-linear-gradient(left, rgba(30,28,65,1) 0%, rgba(255,255,255,0) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(30,28,65,1)), color-stop(100%, rgba(255,255,255,0)));
background: -webkit-linear-gradient(left, rgba(30,28,65,1) 0%, rgba(255,255,255,0) 100%);
background: -o-linear-gradient(left, rgba(30,28,65,1) 0%, rgba(255,255,255,0) 100%);
background: -ms-linear-gradient(left, rgba(30,28,65,1) 0%, rgba(255,255,255,0) 100%);
background: linear-gradient(to right, rgba(30,28,65,1) 0%, rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e1c41', endColorstr='#ffffff', GradientType=1 );
}
.aurora .material{
	text-align: center;
	padding:30px 0;
}
.aurora .material .comment{
	line-height: 1.4;
	color: #fff;
	font-size: 2.6rem;
    font-weight: bold;
    margin: 10px 0 30px;
}
.aurora .material-bnr{
	width: 90%;
	margin:0 auto;
}
.aurora .voice{
	text-align: center;

	padding:0 0 40px;
}


.aurora .voice-inner{
	background: url(/template/default/img/sp/aurora/voice_bg01.png) no-repeat;
	width: 90%;
    margin: auto;
    padding:25px 10px;
}
.aurora .voice-title{
	margin:0 0 10px;
}
.aurora .voice-block{
	width: 90%;
	margin: auto;
	padding: 25px 0 10px;
}
.aurora .voice-block.block-01{
	border-bottom:1px solid #4d506f;
}
.aurora .voice-block .pic{
	margin:0 auto 10px;
	width: 50%;
}
.aurora .voice-block .text{
	
}
.aurora .voice-block .subtitle{
	font-size: 1.8rem;
    font-weight: bold;	
	background: #755C2E;
	background: -webkit-linear-gradient(to right, #755C2E 0%, #EAD588 50%, #755c2e 100%);
	background: -moz-linear-gradient(to right, #755C2E 0%, #EAD588 50%, #755c2e 100%);
	background: linear-gradient(to right, #755C2E 0%, #EAD588 50%, #755c2e 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;	
}
.aurora .voice-block .name{
	display: block;
	color: #fff;
	margin: 5px 0 0;
}
.aurora .voice-block p{
	color: #fff;
	text-align: left;
}
.aurora .gif{
	background: url(/template/default/img/sp/aurora/gif_bg.jpg) no-repeat;
	text-align: center;
	padding:80px 0 15px;
}
.aurora .gif-inner{
	
}
.aurora .gif .gif-title{

	margin: -100px auto 0;
}
.aurora .gif .gif-title .pic{
	display: block;
	width: 55%;
	margin: auto;	
}
.aurora .gif .gif-title{
	line-height: 1.4;
	color: #fff;
	font-size: 2.2rem;
    font-weight: bold;
}
.aurora .gif-body{
	width: 95%;
	margin: 20px auto;
}
.aurora .howto{
	padding: 50px 0;
}
.aurora .howto-inner{
	background: url(/template/default/img/sp/aurora/howto_bg02.png);
	background-size:cover;
	width: 90%;
    margin: auto;
    padding:30px 15px;		
}
.aurora .howto-title{
	text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 2rem;
    margin:0 0 30px;
}
.aurora .howto-block{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	margin: 15px 0;
}
.aurora .howto-block .pic{
	flex-shrink: 0;
	width:35%;
}
.aurora .howto-block .text{
	color: #fff;
	padding:0 0 0 20px;
}
.aurora .howto-note{
	margin-top: 10px;
}
.aurora .howto-note li{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	color: #fff;
}
.aurora .faq{
	color: #fff;
	padding: 15px 0 30px;
	background: url(/template/default/img/sp/aurora/faq_bg01.jpg) no-repeat center bottom;
	background-size:100% auto;	
}
.aurora .faq-title{
	text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 2rem;
    margin:0 0 15px;
}
.aurora .faq-body{
	width: 90%;
	margin: auto;
}
.aurora .faq-block{
	margin:15px 0;
}
.aurora .faq .q{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	font-weight: bold;
	border-bottom:1px solid #e5e5e9;
	padding: 10px 0;
	font-size: 1.5rem;
	line-height:1.4;
}
.aurora .faq .q .icon{
	font-style: italic;
	font-size: 3rem;
}
.aurora .faq .q .text{
	font-size: 1.4rem;
	margin-left: 10px;
}
.aurora .ingredients{
	background: rgba(26,18,54,.6);
	padding: 25px;
	margin: 70px 0 0;
}
.aurora .ingredients-title{
	text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 1.6rem;
    margin:0 0 15px;
}
.aurora .ingredients-content{
	text-align: left;
}
.aurora .faq-bnr{
	margin: 80px auto;
    text-align: center;
}
[animation-text] {
  background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0), #000, #000);
  background-position: left 0 center;
  background-size: 300% 100%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: #0000;
  transition: background-position 2s cubic-bezier(.33, 1, .68, 1)
}
[animation-text=white]{
  background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0), #fff, #fff);

}
[animation-text].active {
  background-position: left 100% center;
}

@media screen and (min-width: 768px) {
.aurora .bg-01 {
    background: url(/template/default/img/sp/aurora/main_bg01-pc.jpg);
    background-size: cover;
    padding: 0 0 40px;
}	
.aurora .bg-02 {
    background: url(/template/default/img/sp/aurora/howto_bg01-pc.jpg) no-repeat center bottom;
    background-size:cover;
}
.aurora .bg-03 {
    background: url(/template/default/img/sp/aurora/material_bg01-pc.jpg) no-repeat center top;
    background-size:cover;
}	
.aurora .kv-stars{
	width: auto;
    margin: auto;
	
}
.aurora .kv{
	background:#29264d  url(/template/default/img/sp/aurora/kv_bg-pc.jpg) no-repeat center top;
	background-size:auto;
	padding:0;
}
.aurora .kv-content {
    padding: 12vh 0 0;
}
.aurora .kv-text {
	font-size: 2rem;
    font-weight: normal;
    padding: 10px 0;
}
.aurora .kv-text span{
	background:#fff;
	color:#000;
	padding: 5px 10px;
	margin-left: 10px;
    font-size: 18px;
    font-weight: normal;
}
.aurora .kv-video {
	margin:40px auto 0;
    width: 650px;
}
.message {
    padding: 210px 0 0;
    margin-top: -115px;
}
.aurora .message-bnr {
    margin: 0 auto;
    width: 580px;
}
.aurora .message-body p {
    margin: 0 0 30px;
    font-size: 17px;
}	
.aurora .message-body {
    background: url(/template/default/img/sp/aurora/message_bg02-pc.jpg) no-repeat;
    background-size: cover;
    padding: 100px 0;
    width: 680px;
    margin: 100px auto 0;
}
.aurora .message .prd {
    margin: -30px auto 0;
    width: 510px;
}
.aurora .message .name{
	margin: 20px auto 0;
    width: 390px;
	
}
.aurora .feature {
    padding: 110px 0 0;
}
.aurora .feature-block{
	margin: 35px auto;
}
.aurora .feature-block .pic {
    width: 320px;
}
.aurora .feature .title {
    font-size: 36px;
}
.aurora .feature-block .subtitle{
	font-size: 36px;
}
.aurora .feature-block .subtitle,
.aurora .feature-block.rev .subtitle{
background: -moz-linear-gradient(left, rgba(30,28,65,0) 0%, rgba(30,28,65,.8) 20%, rgba(30,28,65,.8) 50%, rgba(30,28,65,.8) 51%, rgba(30,28,65,.8) 80%, rgba(30,28,65,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(30,28,65,0) 0%,rgba(30,28,65,.8) 20%,rgba(30,28,65,.8) 50%,rgba(30,28,65,.8) 51%,rgba(30,28,65,.8) 80%,rgba(30,28,65,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(30,28,65,0) 0%,rgba(30,28,65,.8) 20%,rgba(30,28,65,.8) 50%,rgba(30,28,65,.8) 51%,rgba(30,28,65,.8) 80%,rgba(30,28,65,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e1c41', endColorstr='#001e1c41',GradientType=1 ); /* IE6-9 */
padding-top: 5px;
padding-bottom: 5px;	
}
.aurora .feature-block .text p{
	font-size: 14.4px;	
}
.aurora .feature-body {
	width: 680px;
	margin: auto;
}
.aurora .material {
    padding: 0 0 60px;
}
.aurora .material .comment {
    font-size: 2.1rem;
    margin: 0px 0 60px;
}	
.aurora .material .pic {
    width: auto;
    margin: auto;
    padding: 60px 0 20px;
}
.aurora .voice {
    text-align: center;
    padding: 0 0 100px;
}
.aurora .voice-inner {
    background: url(/template/default/img/sp/aurora/voice_bg01-pc.png) no-repeat;
    background-size: cover;
    width: 680px;
    margin: auto;
    padding: 40px 80px 20px;
}
.aurora .voice-title {
    margin: 0 auto 10px;
    width: 380px;
}
.aurora .voice-block {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
    width: auto;
    margin: auto;
    padding: 40px 0 30px;
}
.aurora .voice-block .pic {
    margin: 0 30px 0;
    width: 160px;
    flex-shrink: 0;
    padding-top: 9px;
}
.aurora .voice-block .text{
	text-align: left;
	width: 350px;
}
.aurora .voice-block .subtitle{
	font-size: 20px;
}
.aurora .voice-block .name {
    margin: 5px 0 0;
    font-size: 12.8px;
}
.aurora .voice-block p {
    margin: 8px 0 0;
    font-size: 12.8px;
}
.aurora .voice-bnr {
    margin: 150px auto;
}
.aurora .gif {
    background: url(/template/default/img/sp/aurora/gif_bg-pc.jpg) no-repeat;
    background-size:cover;
    text-align: center;
    padding: 80px 0 10px;
}
.aurora .gif .gif-title {
    font-size: 30px;
}
.aurora .gif .gif-title .pic {
    width: 280px;
}
.aurora .howto {
    padding: 70px 0 0;
}
.aurora .howto-title{
    font-size: 30px;	
    margin: 0 0 40px;
}
.aurora .howto-inner{
	background: url(/template/default/img/sp/aurora/howto_bg02-pc.png);
	background-size:cover;
	width: 680px;
    margin: auto;
    padding:40px 50px 70px;		
}
.aurora .howto-block .pic {
    width: 160px;
}
.aurora .howto-block .text{
	font-size: 14px;
	padding: 0 0 0 30px;
}
.aurora .howto-block {
    margin: 25px 0;
}
.aurora .howto-note {
    margin-top: 40px;
}
.aurora .howto-note li{
	font-size: 14px;
}
.aurora .faq {
    padding: 120px 0 100px;

}
.aurora .faq-title{
    font-size: 30px;	
}
.aurora .faq-body {
    width: 680px;
    margin: auto;
}
.aurora .faq .q .icon {
    font-size: 6.5rem;
    line-height: .7;
}
.aurora .faq .q .text {
    font-size: 19px;
    margin-left: 25px;
}
.aurora .faq .a p{
	font-size: 14px;
	margin:20px 0 0;
}
.aurora .faq-block {
    margin: 30px 0;
}
.aurora .ingredients {
    padding: 45px;
    margin: 100px 0 0;
}
.aurora .ingredients-title{
	font-size: 30px;
	margin-bottom: 30px;
}
.aurora .ingredients p{
	font-size: 14px;
}
.aurora .faq-bnr{
	margin: 150px auto;
    text-align: center;
}

}
@media screen and (min-width: 1200px) {
/* 202112_xmascp中 非表示
.aurora .kv-stars{
	background:url(/template/default/img/sp/aurora/gif_stars.gif) no-repeat 240px 80px;
	width: 1400px;
    margin: auto;
}	
*/

}

/*.footer_sticky{display: none !important;}*/
.SOS{display: none !important;}

.present-txt-area{background:rgba(26,18,54,.6);padding: 30px 20px; border: solid 1px #c49035;max-width:300px;margin: 30px auto;text-align: center;}
.present-txt1{font-size: 14px; margin: 0px auto;max-width:90%;}
.present-txt1 p{color:#fff; font-weight: bold;}
.present-txt2{margin:20px 0; color: #fff;}

@media screen and (min-width: 770px){
	.present-txt-area{margin:20px auto; max-width:580px; padding: 30px 20px;text-align: center;}
	.presemt-txt1{margin: 0px auto; padding: 0px;}
	.present-txt2{}
	
.aurora .voice-bnr{
	width: auto;
}	
}