@charset "UTF-8";

/* -----------------------------------------------

基本スタイル

----------------------------------------------- */
.lp_wrap .slider {
    display: none;
}
.lp_wrap .slider.slick-initialized {
    display: block;
}
.lp_wrap .slider .slick-arrow {
    cursor: pointer;
}
.lp_wrap .slider .slick-list {
    cursor: grab;
}
.lp_wrap .slider .slick-list:active {
    cursor: grabbing;
}
.lp_wrap .slider .slick-dots li * {
    display: none;
}

/* -----------------------------------------------

offer

----------------------------------------------- */
.lp_wrap .offer .btn_regular {
    position: absolute;
    top: 55.7%;
    left: 9.333%;
    width: 81.334%;
}
.lp_wrap .offer .btn_regular.trigger {
    animation: 2s offer_btn_regular ease-in-out infinite;
}
@keyframes offer_btn_regular {
    0% {
        transform: translateX(0px);
    }
    40% {
        transform: translateX(0px);
    }
    50% {
        transform: translateX(4px);
    }
    60% {
        transform: translateX(-8px);
    }
    70% {
        transform: translateX(12px);
    }
    80% {
        transform: translateX(-8px);
    }
    90% {
        transform: translateX(4px);
    }
    100% {
        transform: translateX(0px);
    }
}
@media (hover: hover) and (pointer: fine) {
    .lp_wrap .offer .btn_regular img {
        transition: 0.2s;
    }
    .lp_wrap .offer .btn_regular img:hover {
        opacity: 0.6;
    }
}

/* -----------------------------------------------

各コンテンツ

----------------------------------------------- */
.lp_wrap .float {
    position: fixed;
    bottom: 0%;
    width: 100%;
    max-width: 750px;
    z-index: 100;
    display: none;
}
@media screen and (max-width: 1200px) {
	/*
	.lp_wrap .float {
		display: none!important;
	}
	*/
}
@media (hover: hover) and (pointer: fine) {
    .lp_wrap .float img {
        transition: 0.2s;
    }
    .lp_wrap .float img:hover {
        opacity: 0.6;
    }
}
/* -------------------------------------------- */
.lp_wrap .fvbtn  {
    padding: 5% 9.333% 2%;
}
.lp_wrap .fvbtn.trigger a {
    display: block;
    animation: 2s offer_btn_regular ease-in-out infinite;
}
@media (hover: hover) and (pointer: fine) {
    .lp_wrap .fvbtn img {
        transition: 0.2s;
    }
    .lp_wrap .fvbtn img:hover {
        opacity: 0.6;
    }
}
/* -------------------------------------------- */
.lp_wrap .message .youtube {
    position: absolute;
    top: 50%;
    left: 3.333%;
    width: 93.333%;
    border: 5px solid #8dc4e4;
    box-sizing: border-box;
    aspect-ratio: 16 / 9.2;
}
.lp_wrap .message .youtube iframe {
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100% !important;
    height: 100% !important;
}
/* -------------------------------------------- */
.lp_wrap .moisuturegel {
    z-index: 1;
}
/* -------------------------------------------- */
.lp_wrap .realvoice .slider_wrap {
    position: absolute;
    top: 43%;
    left: 0%;
    width: 100%;
}
.lp_wrap .realvoice .slider_wrap .slider .slick-list .slick-track .slick-slide img {
    width: 90%;
    margin: auto;
    opacity: 0.6;
    transition: 0.6s;
}
.lp_wrap .realvoice .slider_wrap .slider .slick-list .slick-track .slick-slide.slick-center img {
    opacity: 1;
}
.lp_wrap .realvoice .slider_wrap .slider .slick-dots {
    bottom: -5%;
    height: 3%;
    display: flex;
    justify-content: center;
}
.lp_wrap .realvoice .slider_wrap .slider .slick-dots li {
    height: 100%;
    width: 3.24%;
    margin: 0% 1%;
    background-color: #123361;
    opacity: 0.4;
    border-radius: 20px;
    transition: 0.6s;
}
.lp_wrap .realvoice .slider_wrap .slider .slick-dots li.slick-active {
    opacity: 1;
}
/* -------------------------------------------- */
.lp_wrap .hisako_youtube .youtube {
    position: absolute;
    top: 23.8%;
    left: 9.333%;
    width: 81.334%;
    aspect-ratio: 16 / 9;
}
.lp_wrap .hisako_youtube .youtube iframe {
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100% !important;
    height: 100% !important;
}
/* -------------------------------------------- */
.lp_wrap .howtouse .video {
    position: absolute;
    top: 84.7%;
    left: 5.333%;
    width: 89.334%;
}
.lp_wrap .howtouse .video .videobtn {
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background: url("../Images/marshmallow/message-btn-play.png") center center/19% no-repeat;
    cursor: pointer;
}
.lp_wrap .howtouse .video.play .videobtn {
    background: url("../Images/marshmallow/message-btn-pause.png") center center/19% no-repeat;
    opacity: 0;
}
@media (hover: hover) and (pointer: fine) {
    .lp_wrap .howtouse .video.play .videobtn:hover {
        opacity: 1;
    }
}
/* -------------------------------------------- */
.lp_wrap .float_out {
    /* 空のクラス */
}
/* -------------------------------------------- */
.lp_wrap .ftr_logo_img {
	display: block;
	width: 199px;
	margin: 50px auto 30px;
}
.lp_wrap .ftr_nav_list {
	display: flex;
	justify-content: center;
	margin: 0 auto 30px;
}
.lp_wrap .ftr_nav_link {
	display: block;
	padding: 5px 20px;
	font-size: 16px;
}
.lp_wrap .ftr_nav_item:not(:last-child) .ftr_nav_link {
	border-right: 1px solid #333;
}
.lp_wrap .ftr_copyright {
	text-align: center;
}
@media screen and (max-width:640px){
	.lp_wrap .ftr_nav_list {
		display: block;
	}
	.lp_wrap .ftr_nav_item {
		margin-bottom: 10px;
	}
	.lp_wrap .ftr_nav_item:not(:last-child) .ftr_nav_link {
		border-right: none;
	}
	.lp_wrap .ftr_nav_link {
		text-align: center;
		font-size: 14px;
	}
}