.header_notice { display: none !important;}

.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
}
.flex-wrap{
	flex-wrap: wrap;
}
.damask-message{
	margin: 15px 0 15px;
}
.damask-message .block{
	text-align: center;
	border:1px solid #ddd;
	font-size: 1.2rem;
}

.damask-campaign{
	color: #fff;	
	background: #ff9f96;
	padding: 10px 0;
}
.damask-campaign .block{
	justify-content: center;
	align-items: center;
}
.damask-campaign .text{
	text-align: center;
	margin-right: 20px;
	font-size: 1.6rem;
    line-height: 20px;
}
.damask-campaign .date{
	background: #fff;
	color: #000;
	padding:0px 10px;
	font-size: 1.3rem;
}
.damask-campaign .date b{
	font-size: 120%;
}
.kv{
	text-align: center;
}
.kv .kv-title{
	text-align: center;
	padding: 30px 0 5px;
	font-size: 2.1rem;
	background: #f7f7f7;
}
.prd-info{
	text-align: center;
	padding: 20px 0 20px;
}

.prd-info .title{
	font-size: 1.5rem;
	line-height: 1.4;
}
.prd-info .button .date{
	background: #fff;
    color: #bda388;
    font-weight: bold;
    font-size: 1.2rem;
    padding: 2px 4px;
    margin-right: 3px;
    vertical-align: 2px;
}
.prd-info .new{
	color: #fff;
    background: #bc271a;
    padding: 2px 4px;
    margin-right: 5px;
    font-size: .8rem;
    vertical-align: 2px;
}

.prd-info .price{
	font-weight: normal;
    font-size: 1.5rem;
}

.prd-info .price b{
	font-size: 140%;
}

.prd-info .button{
	margin: 5px 0 0;
}

.present{
	text-align: center;
	margin: 30px 0;
}
.present .box {
    position: absolute;
    left: -70px;
    top: -20px;
    width: 120px;
}
.present .block{
	position: relative;
	background:url(/template/default/img/sp/damask/present_bg.png) no-repeat;
	background-size: 100% auto;
	padding: 5px 10px 35px;
	margin: auto;
}
.present .inner {
    padding: 10px 11px 0;
}
.present .content{
	align-items: center;
	justify-content: space-between;
}
.present .title{
	color: #000;
	font-size: 1.3rem;
}
.present .title b{
	display: block;
	font-size: 150%;
}
.present .heading {
    font-size: 1.5rem;
    margin: 3% 0 10px;
}
.present .subtitle {
    color: #000;
    font-weight: bold;
    font-size: 1.2rem;
}

.present .pic {
    width: 35%;
}
.present p{
	    margin: 0;
}
.present .button a {
    text-decoration: none;
    position: relative;
    display: block;
    background: #000;
    color: #fff;
    font-size: 1.1rem;
    padding: 9px 0;
}
.present .button a:before {
    display: block;
    position: absolute;
    background: url(/template/default/img/sp/damask/present_plus.png) no-repeat;
    content: '';
    background-size: 100% auto;
    width: 16px;
    height: 16px;
    top: 0;
    bottom: 0;
    left: 10px;
    margin: auto;
}



.present .text{
	color: #fff;
	margin: 0px 0 10px;
}
.popup-present{
	
}
.popup-present .title{
	font-weight: bold;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	text-align: center;
	color: #555;
	font-size: 1.8rem;
	width: 90%;
    margin: auto;
}
.popup-present .title:before,
.popup-present .title:after {
    content: "";
    height: 1px;
    flex-grow: 1;
    background-color: #e4e4e4;
}
.popup-present .title:before {
    margin-right: 10px;
}
 
.popup-present .title:after {
    margin-left: 10px;
}
.popup-present .lead{
	text-align: center;
	margin: 13px 0 5px;
}
.popup-present .prd_name{
	font-weight: bold;
	text-align: center;
	font-size: 1.8rem;
	
}
.popup-present .prd{
	margin: 10px auto;
    width: 210px;
}
.popup-present .set{
		text-align: center;
	    font-size: .8rem;
	    margin: 0 0 15px;
}
.popup-present .set ul{
	display: inline-block;
	text-align: left;
}
.popup-present .note{
	    font-size: .85rem;
	    margin: 15px 0 0;
}
.trouble{
	background:url(/template/default/img/sp/damask/trouble_bg.jpg);
	background-size:cover;
	padding: 40px 0;
}
.trouble .title{
	text-align: center;
	font-size: 1.7rem;
	margin:0 0 5px;
}
.trouble .title b{
	font-weight: normal;
	font-size: 140%;
}
.trouble .block{
	box-shadow: 0px 0px 16px -6px rgba(0,0,0,0.6);
	background:rgba(255,255,255,.9);
	padding:30px 20px;
}
.trouble .list{
	text-align: center;
}
.trouble .list ul{
	display: inline-block;
}
.trouble .text{
	text-align: left;
	font-size: 1.4rem;
	    margin: 10px 0 0;
}
.trouble .text:before{
	content:"";
	background:url(/template/default/img/sp/damask/trouble_check.png) no-repeat;
	background-size:100% auto;
	display: inline-block;
	width: 14px;
	height: 14px;
	margin-right: 5px;
	
}
.trouble .marker{
	background:linear-gradient(transparent 60%, #e3d6f0 60%);

}
.about{
	position: relative;
	text-align: center;
	padding:0 0 40px ;
}
.about .arrow{
	width: 30%;
	margin: auto;
	position: absolute;
	left:0;
	right:0;
	top:-20px;
}
.about .text{
	text-align: left;
    margin: -30px 0 15px 0;
}
.about .toggle .trigger{
	position: relative;
	display: inline-block;
	border-bottom:1px solid #efefef;
	font-size: 1.4rem;
	margin: 10px 0 0;
}
.about .toggle .trigger::before,
.about .toggle .trigger::after{
    position: absolute;
    top: 0;
	bottom: 2px;
    right: -13px;
    margin: auto;
    content: "";
    vertical-align: middle;
}
.about .toggle .trigger:before{
    width: 8px;
    height: 8px;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}
.about .toggle .trigger span{
	display: block;
	text-align: center;
	font-size: 1.6rem;
}
.about .toggle .trigger span:after{
	content:"";
	background:url(/template/default/img/sp/damask/arrow01.png) no-repeat;	
}
.about .toggle .content{
	text-align: left;
	display: none;
	border:1px solid #efefef;
	padding: 0 15px;
	margin: 15px 0 0;
}
.feature{
	background:url(/template/default/img/sp/damask/feature_bg.jpg) fixed;
	background-size:cover;
	padding: 40px 0;
}
.feature .title{
	text-align: center;
	font-size: 2rem;
	margin:0 0 25px;
}
.feature .title b{
	font-weight: normal;
	font-size: 130%;
}
.feature .subtitle{
	text-align: center;
	font-size: 2rem;
	margin-bottom: 10px;
}
.feature .subtitle small{
	display: block;
}
.feature p{
	margin: 0;
}
.feature .block{
	position: relative;
}
@media (max-width: 767px) and (min-width: 500px) {
    .feature .block {
        min-height: 30vh;
    } 
}

.feature .block-rose{
	margin-bottom: 10px;
}
.feature .block-pink{
	margin-bottom: 20px;
}
.feature .block-rose  .pic{
	width: 30%;
	position: absolute;
	left:-20px;
	top:0;
}
.feature .block-pink  .pic{
	width: 30%;
	position: absolute;
	right:0px;
	top:0;
	margin-right: -15px;
}
.feature .block-rose .text{
	position: relative;
	color: #fff;
	width: 75%;
	border-radius: 10px;
	background: #f96877;
	color: #fff;
	margin:0 0 20px auto;
	padding: 20px;
	box-shadow: 0px 0px 16px -6px rgba(0,0,0,0.6);
}
.feature .block-rose .text:before{
	content:"";
	display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 25px 10px 0;
    border-color: transparent #f96877 transparent transparent;
    left: -14px;
    bottom: 35%;
}
.feature .block-pink .text{
	position: relative;
	width: 75%;
	border-radius: 10px;
	background: #ffdee1;
	color: #000;
	margin:0 auto 20px 0;
	padding: 20px;
	box-shadow: 0px 0px 16px -6px rgba(0,0,0,0.6);
}
.feature .block-pink .text:before{
	content:"";
	display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
border-width: 10px 0 10px 25px;
border-color: transparent transparent transparent #ffdee1;
    right: -14px;
    bottom: 35%;
}
.feature .gray{
	color: #555;
}
.feature .comment{
	text-align: center;
	font-size: 1.7rem;
}
.feature .rev{
	flex-direction: row-reverse;
}
.level-up{
	padding: 25px 0;
}
.level-up .title{
	text-align: center;
	font-weight: bold;
	color: #ff658a;
	border:1px solid #ff658a;
	padding: 10px 0;
	font-size: 1.6rem;
	margin:0 0 20px;
}
.level-up .block01,
.level-up .block02{
	align-items: center;
	margin: 10px 0 0;
}
.level-up .text{
	color: #555;
	width: 50%;
	padding: 0 0 0 8%;
}
.level-up .subtitle{
	font-weight: bold;
	color: #db2a55;
	margin:0 0 10px;
	font-size: 1.8rem;
	line-height: 1.4;
}
.level-up .block01 .pic{
	margin:0 0 0 auto;
	width: 50%;
}
.level-up .block02 .pic{
	margin:0 auto 0 0;
	width: 50%;
}
.level-up .note{
	display: block;
	text-align: right;
}
.level-up p{
	font-size: 1.4rem;
}
.video-area{
	text-align: center;
	background:url(/template/default/img/sp/damask/video_bg.jpg) fixed;
	background-size:cover;
	padding: 60px 0 40px;	
}
.video-area .title{
	margin:0 0 20px;
	font-size: 2rem;
}
.video-area .text{
	line-height: 2;
	font-size: 1.2rem;
}
.video-area p{
	margin-bottom: 25px;
	font-size: 1.5rem;
    line-height: 20px;
}
.video-area iframe{
	width: 100%;
	min-height: 220px;
}

.anime_gif img { border: 5px solid #ffbdcd;}

.voice{
	padding: 40px 0;
}
.voice .title{
	text-align: center;
	font-size: 2.3rem;
	
}
.voice .block{
	position: relative;
	margin: 65px 0 0;
}
.voice .pic{
	margin: auto;
	position: absolute;
	top:-40px;
	right:0;
	left:0;
	width: 27%;
}
@media (max-width: 767px) and (min-width: 500px) {
    .voice .pic {
        top: -56px;
        width: 17%;
    }  
}
.voice .box{
	border-radius: 15px;
	border:3px solid #ff8fa9;
	padding:70px 15px 30px 15px;
}
.voice .box:before{
	content:"";
	display: inline-block;
	background:url(/template/default/img/sp/damask/voice_icon01.jpg) no-repeat;
	background-size:100% auto;
	position: absolute;
	left:15px;
	top:15px;
	width: 40px;
	height: 40px;
}
.voice .box:after{
	content:"";
	display: inline-block;
	background:url(/template/default/img/sp/damask/voice_icon02.jpg) no-repeat;
	background-size:100% auto;
	position: absolute;
	right:15px;
	bottom:15px;	
	width: 40px;
	height: 40px;	
}
.voice .subtitle{
	text-align: center;
	color: #ff8fa9;
	font-size: 1.7rem;
}
.voice .name{
	display: block;
	text-align: center;
	margin:5px 0 15px;
}

.cta{
	text-align: center;
	background:url(/template/default/img/sp/damask/kv2_bg.jpg) no-repeat center top;
	background-size:cover;
	padding: 40px 0;	
}
.parallax_content{
    position: relative;
    background-size: cover;
    height: 0%;
}


.cta .cta-title{
	text-align: center;
	margin:10px 0 30px;
	font-size: 2.1rem;
}
.cta .label-new{
	font-weight: bold;
	display: inline-block;
	background: #d80000;
	color: #fff;
	text-align: center;
	padding: 3px 14px;
    font-size: 1.6rem;
}
.cta .prd{
	width: 40%;
	margin: auto;
}
.composition{
	padding: 50px 0;
}
.composition .title{
	text-align: center;
	font-size: 1.7rem;
}
.composition .title b{
	font-weight: normal;
	font-size: 130%;
}
.composition .block{
	text-align: center;
	margin: 25px 0 0;
	width: 50%;
}
.composition .pic{
	width: 75%;
	margin: auto;
}
.composition .subtitle{
	font-weight: bold;
	margin: 10px 0 5px;
	font-size: 1.7rem;
}
.composition p{
	margin: 0;
	font-size: 1.4rem;
}
.faq{
	background: #fff1f4;
	padding: 30px 0;
}
.faq .block-inner{
	margin: 20px auto 0;
}
.faq .block-inner.active{
	box-shadow: 0px 0px 16px -6px rgba(0,0,0,0.4);		
}
.faq .title{
	text-align: center;
	font-size: 1.6rem;
	margin:0 0 30px;
}
.faq .q-text{
	align-items: center;
	background: #fff;
	padding: 15px;
}
.faq .block-inner.active .q-text{
	background: #fff1f4;
}
.faq .a-text{

	background: #fff;
	padding: 15px;
}
.faq .q{
	font-family: Times New Roman;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
	text-align: center;
	background: #ff8fa9;
	color: #fff;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	margin:0 15px 0 0;
	font-size: 1.7rem;
}
.faq .a{
	font-family: Times New Roman;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	align-items: center;	
	flex-shrink: 0;
	text-align: center;
	background: #fff1f4;
	color: #ff8fa9;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	margin:0 15px 0 0;
	font-size: 1.7rem;
}
.howto_ingredients{
	background: #f6f6f6;
	padding: 30px 0;
}
.howto_ingredients .button a{
	box-shadow: 0px 0px 16px -6px rgba(0,0,0,0.3);	
	display: block;
	text-align: center;
	background: #fff;
	color: #ff8fa9;
	padding: 15px 0;
	font-size: 1.7rem;
	margin: 15px 0;
}
.howto_ingredients .button a .en{
	display: block;
	font-size: .8rem;
	color: #c6c6c6;
}
.popup-block{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	margin-bottom: 10px;

}
.popup-body .popup-block .popup-pic{
	width: 30%;
    margin: 0 4% 0 0;
    flex-shrink: 0;
}
.popup-body .popup-block p small{
	display: block;
	color: #888;
}
#popup1 .popup-title{
	text-align: center;
	margin:0 0 10px;
}
#popup1 .popup-title span{
	text-align: center;
	font-size: 2.8rem;
	border-bottom:1px solid #000;
	padding:0 0 1px;
	margin:0 0 10px;
	display: inline-block;
}
#popup1 .popup-title small{
	display: block;
	font-size: 1.9rem;
}
#popup2 .popup-title{
	text-align: center;
	font-size: 2.8rem;
	border-bottom:1px solid #000;
	padding:0 0 6px;
	margin:0 0 10px;
}

@media (max-width: 767px) and (min-width: 550px) {
    .present .block {
        width: 554px;
        height: 377px;  
    }
    .present .title {
        color: #000;
        margin: 0 0 10px;
        font-size: 1.5rem;
    }
    .present .box{
        position: absolute;
        left:-70px;
        top:20px;
        width:193px;
    }
    .present .inner {
        padding: 30px 20px;
    }
    .present .heading{
        font-size: 2.3rem;
        margin: 0 0 10px;
    }
    .present .pic {
        flex-shrink: 0;
        width: auto;
    }
    .present .subtitle{
        font-size: 1.7rem;
    }
    .present .button a{
        padding: 12px 0;
        font-size: 1.6rem;
    }
    .present .button a:before {
    display: block;
        position: absolute;
        background:url(/template/default/img/sp/damask/present_plus.png) no-repeat;
        content: '';	
        width: 26px;
        height: 26px;
        top: 0;
        bottom: 0;
        left: 15px;
        margin: auto;
    }
    .present .button {
        width: 270px;
        margin: auto;
    }
}
@media screen and (min-width:768px){	
    .damask-message .block{
        font-size: 1.4rem;
    }
    .damask-message .block br{
        display: none;
    }	
    .damask-campaign .text br{
        display: none;
    }
    .damask-campaign .text {
        font-size: 1.8rem;
    }
    .damask-campaign .date {
        font-size: 1.6rem;
    }
    .kv{

    }
    .kv .kv-title {
        position: relative;
        padding: 30px 0 20px;
        font-size: 3.1rem;
        background: none;
    }
    /*
    .kv .pic{
        background:url(/template/default/img/sp/damask/kv1_pc.jpg) no-repeat center;
        background-size: contain;
        height: 530px;
    }
    */
    .prd-info {
        background: #fff;
        padding: 40px 0;
    }
    .prd-info .title{
        width: 550px;
        margin: auto;
        font-size: 2.0rem;
    }
    .prd-info .new {
        margin-right: 7px;
        font-size: 1.4rem;
    }
    .present .block {
        padding: 20px;
        width: 554px;
        margin: auto;
        position: relative;
        background:url(/template/default/img/sp/damask/present_bg.png) no-repeat;
        background-size: 100% auto;
    }
    .present .title {
        color: #000;
        margin: 0 0 10px;
        font-size: 1.5rem;
    }
    .present .box{
        position: absolute;
        left:-70px;
        top:20px;
        width:193px;
    }
    .present .inner {
        padding: 30px 20px;
    }
    .present .heading{
        font-size: 2.3rem;
        margin: 0 0 10px;
    }
    .present .pic {
        flex-shrink: 0;
        width: auto;
    }
    .present .subtitle{
        font-size: 1.7rem;
    }
    .present .button a{
        padding: 12px 0;
        font-size: 1.6rem;
    }
    .present .button a:before {
    display: block;
        position: absolute;
        background:url(/template/default/img/sp/damask/present_plus.png) no-repeat;
        content: '';	
        width: 26px;
        height: 26px;
        top: 0;
        bottom: 0;
        left: 15px;
        margin: auto;
    }
    .present .button {
        width: 270px;
        margin: auto;
    }
    .prd-info .button a{
        padding: 17px 0;
        font-size: 2rem;
    }
    .prd-info .button .date {
        font-size: 1.6rem;
        padding: 4px 7px;
        margin-right: 3px;
        vertical-align: 1px;
    }
    .trouble {
        background: url(/template/default/img/sp/damask/trouble_bg-pc.jpg);
        background-size: cover;
        padding: 70px 0;
    }
    .trouble .block{
        width: 640px;
        margin: auto;
        padding: 50px 0;
    }
    .trouble .title {
        font-size: 2.2rem;
        margin: 0 0 10px;
    }
    .trouble .text {
        font-size: 2.1rem;
        margin: 15px 0 0;
    }
    .trouble .text:before {
        content: "";
        background: url(/template/default/img/sp/damask/trouble_check.png) no-repeat;
        background-size: 100% auto;
        width: 21px;
        height: 22px;
    }
    .popup-present .contain{
        padding: 2px 0;
    }
    .popup-present .title {
        font-size: 2.6rem;
        width: 72%;
    }
    .popup-present .lead {
        text-align: center;
        margin: 20px 0 5px;
        font-size: 2rem;
    }
    .popup-present .prd_name {
        font-size: 2.8rem;
    }
    .popup-present .prd {
        margin: 25px auto 15px;
        width: 320px;
    }
    .popup-present .set {
        font-size: 1.5rem;
        margin: 0 auto 35px;
        width: 320px;
    }
    .popup-present p{
        font-size: 2rem;	
    }
    .popup-present .note {
        font-size: 1.8rem;
        margin: 35px 0 0;
    }
    .about .arrow {
        top: -40px;
    }
    .about .text {
        text-align: center;
        margin: 30px 0 15px 0;
    }
    .about .text p{
        font-size: 1.5rem;
        line-height: 2.5;	
    }
    .about .toggle .trigger span {
        cursor: pointer;
        display: block;
        text-align: center;
        font-size: 1.7rem;
    }
    .about .toggle .content {
        padding: 5px 15px;
        margin: 25px auto 0;
        width: 560px;
        font-size: 1.5rem;
    }
    .feature {
        background: url(/template/default/img/sp/damask/feature_bg-pc.jpg) fixed;
        background-size: cover;
        padding: 65px 0;
    }
    .feature .title {
        font-size: 2.5rem;
        margin: 0 0 35px;
    }

    .feature .comment {
        font-size: 2.8rem;
        margin: 10px 0 0;
    }
    .feature .subtitle {
        font-size: 2.4rem;
        margin-bottom: 15px;
        line-height: 1.4;
    }
    .feature .subtitle small{
        font-size: 65%;
    }
    .feature p{
        font-size: 1.4rem;
        line-height: 1.8;
    }
    .level-up .title {
        width: 85%;
        margin: 0 auto 35px;
        font-size: 2.0rem;
    }
    .feature .pic{
        flex-shrink: 0;
    }
    .feature .pic img{
        transition:0.5s all;
    }
    .feature .pic img:hover{
         transform:scale(1.1,1.1);
         transition:1s all;
       }


    .feature .block{
        justify-content: center;
    }
    .feature .block-rose .text {
        width: 290px;
        height: 350px;
        margin: 0 -15px 20px 0;
        padding: 45px 35px;
    }

    .feature .block-pink .text {
        width: 290px;
        height: 350px;
        margin: 0 0 20px -15px;
        padding: 45px 35px;
    }
    .feature .block-rose .text:before {
        content: "";
        display: block;
        position: absolute;
        width: 0;
        height: 0;
        border-width: 15px 0 15px 25px;
        border-color: transparent transparent transparent #f96877;
        left: auto;
        bottom: 48%;
        right: -22px;
    }
    .feature .block-pink .text:before {
        content: "";
        display: block;
        position: absolute;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 15px 25px 15px 0;
        border-color: transparent #ffdee1 transparent transparent;
        left: -22px;
        bottom: 25%;
    }
    .level-up{
        padding: 60px 0 45px;
    }
    .level-up .title br{
        display: none;
    }
    .level-up .subtitle {
        margin: 20px 0 10px;
        font-size: 2.2rem;
    }
    .level-up p {
        font-size: 1.5rem;
    }
    .level-up .block{
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        justify-content: center;
        width: 720px;
        margin: auto;
    }
    .level-up .block01, .level-up .block02 {
        flex-shrink: 0;
        width: 46%;
        flex-wrap: wrap;
        margin: 0 2%;
    }
    .level-up .block01{

        flex-direction: column-reverse;
    }
    .level-up .block01 .pic,
    .level-up .block02 .pic {
        text-align: center;
        margin:auto;
        width: 100%;
    }
    .level-up .block01 .pic img,
    .level-up .block02 .pic img {
        width: 200px;
    }
    .level-up .text {
        text-align: center;
        color: #555;
        width: 100%;
        padding: 0;
    }
    .level-up .note {
        font-size: 1.3rem;
    }
    .video-area {
        text-align: center;
        background: url(/template/default/img/sp/damask/video_bg-pc.jpg) fixed;
        background-size: cover;
        padding: 60px 0;
    }
    .video-area .title {
        margin: 0 0 30px;
        font-size: 2.6rem;
    }
    .video-area p {
        font-size: 1.8rem;
        line-height: 30px;
    }
    .voice-inner{
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        justify-content: space-between;
        width: 95%;
        margin: auto;
    }
    .voice .block {
        margin: 75px 0 0;
        width: 49%;
    }
    .video-content{
        width: 600px;
        margin: auto;
    }
    .video-area iframe{
        min-height: 337px;
    }
    .voice {
        padding: 50px 0 90px;
    }
    .voice .title {
        font-size: 2.8rem;
    }
    .voice .pic {
        top: -60px;
        width: 120px;
    }
    .voice .box {
        padding: 65px 25px 30px 25px;
        height: 100%;
    }
    .voice .subtitle {
        font-size: 2rem;
    }
    .voice .name {
        margin: 5px 0 20px;
        font-size: 1.3rem;
    }
    .voice p {
        font-size: 1.3rem;
    }
    .cta {
        text-align: center;
        background: url(/template/default/img/sp/damask/kv2_bg-pc.jpg) no-repeat center top;
        background-size: 1470px auto;
        padding: 40px 0;
    }
    .cta .cta-title {
        padding: 10px 0;
        margin: 0;
        font-size: 3.1rem;
    }
    .cta .label-new {
        padding: 4px 16px;
        font-size: 2rem;
    }
    .cta .prd-info{
        background:transparent;
        padding: 5px 0 10px;
    }
    composition {
        padding: 70px 0;
    }
    .composition .title {
        line-height: 1.8;
        text-align: center;
        font-size: 2.7rem;
    }
    .composition .block {
        text-align: center;
        margin: 25px 0 0;
        width: 24%;
    }
    .composition-inner{
        justify-content: space-between;
        width: 90%;
        margin: auto;
    }
    .composition .subtitle {
        margin: 15px 0 5px;
        font-size: 1.8rem;
    }
    .composition .pic {
        width: auto;
        margin: auto;
    }
    .composition p {
        margin: 0;
        font-size: 1.4rem;
    }
    .faq {
        padding: 60px 0;
    }
    .faq .title {
        font-size: 2.6rem;
    }
    .faq .block-inner{
        width: 560px;
    }
    .faq .q,
    .faq .a {

        width: 60px;
        height: 60px;
        margin: 0 15px 0 0;
        font-size: 2.7rem;
    }
    .faq .q-text {
        cursor: pointer;
        align-items: center;
        background: #fff;
        padding: 20px;
    }
    .faq .q-text .text{
        font-size: 1.7rem;
    }
    .faq .a-text .text{
        font-size: 1.4rem;
    }
    .howto_ingredients .block{
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        justify-content: center;
    }
    .howto_ingredients .button{
        width: 400px;
        margin:0 15px;
    }
    .howto_ingredients a{
        text-decoration: none;
    }
    .howto_ingredients .button a {

        font-size: 2rem;
    }
    .howto_ingredients .button a .en {
        font-size: 1.1rem;
    }
}

.invisible {
	visibility: hidden;
}
.animated {
	animation-duration: 1.2s; /* アニメーションの時間 */
	animation-delay: 0.2s; /* アニメーション開始時間 */
}

.animated_slow { animation-delay: 0.8s; }

.animated_slow1 { animation-delay: 0.1s; }
.animated_slow2 { animation-delay: 0.3s; }
.animated_slow3 { animation-delay: 0.5s; }
.animated_slow4 { animation-delay: 0.7s; }
.animated_slow5 { animation-delay: 0.9s; }
.animated_slow6 { animation-delay: 1.1s; }



@-webkit-keyframes fadeInDown {
	from {
	  opacity: 0;
	  -webkit-transform: translate3d(0, -10%, 0);
	  transform: translate3d(0, -10%, 0);
	}
  
	to {
	  opacity: 1;
	  -webkit-transform: translate3d(0, 0, 0);
	  transform: translate3d(0, 0, 0);
	}
  }
  
  @keyframes fadeInDown {
	from {
	  opacity: 0;
	  -webkit-transform: translate3d(0, -10%, 0);
	  transform: translate3d(0, -10%, 0);
	}
  
	to {
	  opacity: 1;
	  -webkit-transform: translate3d(0, 0, 0);
	  transform: translate3d(0, 0, 0);
	}
  }
  
  .fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
  }
  

  
  @-webkit-keyframes fadeInLeft {
	from {
	  opacity: 0;
	  -webkit-transform: translate3d(-3%, 0, 0);
	  transform: translate3d(-3%, 0, 0);
	}
  
	to {
	  opacity: 1;
	  -webkit-transform: translate3d(0, 0, 0);
	  transform: translate3d(0, 0, 0);
	}
  }
  
  @keyframes fadeInLeft {
	from {
	  opacity: 0;
	  -webkit-transform: translate3d(-3%, 0, 0);
	  transform: translate3d(-3%, 0, 0);
	}
  
	to {
	  opacity: 1;
	  -webkit-transform: translate3d(0, 0, 0);
	  transform: translate3d(0, 0, 0);
	}
  }
  
  .fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
  }


  @-webkit-keyframes fadeInRight {
	from {
	  opacity: 0;
	  -webkit-transform: translate3d(3%, 0, 0);
	  transform: translate3d(3%, 0, 0);
	}
  
	to {
	  opacity: 1;
	  -webkit-transform: translate3d(0, 0, 0);
	  transform: translate3d(0, 0, 0);
	}
  }
  
  @keyframes fadeInRight {
	from {
	  opacity: 0;
	  -webkit-transform: translate3d(3%, 0, 0);
	  transform: translate3d(3%, 0, 0);
	}
  
	to {
	  opacity: 1;
	  -webkit-transform: translate3d(0, 0, 0);
	  transform: translate3d(0, 0, 0);
	}
  }
  
  .fadeInRight {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight;
  }


@-webkit-keyframes fadeInUp {
	from {
	  opacity: 0;
	  -webkit-transform: translate3d(0, 5%, 0);
	  transform: translate3d(0, 5%, 0);
	}
  
	to {
	  opacity: 1;
	  -webkit-transform: translate3d(0, 0, 0);
	  transform: translate3d(0, 0, 0);
	}
  }
  
  @keyframes fadeInUp {
	from {
	  opacity: 0;
	  -webkit-transform: translate3d(0, 5%, 0);
	  transform: translate3d(0, 5%, 0);
	}
  
	to {
	  opacity: 1;
	  -webkit-transform: translate3d(0, 0, 0);
	  transform: translate3d(0, 0, 0);
	}
  }
@media screen and (min-width:769px){
    .level-up .title {
        width: 800px;
    }
    .composition-inner {
        width: 800px;
    }
    .composition .block {
        width: 180px;
    }
    .composition p {
        font-size: 1.5rem;
    }
    .feature .block-rose .text {
        width: 300px;
    }
    .feature .block-pink .text {
        width: 300px;
    }
}

.drs_price_txt { margin-bottom: 10px;}
.drs_price_txt span.qhc_price_txt_title { font-size: 15px; }
.drs_price_txt_number { font-size: 16px; font-weight: bold;}
 @media only screen and (min-width: 768px){
    .drs_price_txt_number { font-size: 18px;}
}