@charset "UTF-8";

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

基本スタイル

----------------------------------------------- */
* {
    margin: 0;
    padding: 0;
    outline: none;
}
.lp_wrap {
    max-width: 750px;
    margin: auto;
    overflow: hidden;
}
.lp_wrap * {
    font-size: 10px;
    font-weight: normal;
    line-height: 1em;
}
.lp_wrap img {
    width: 100%;
    height: auto;
    vertical-align: top;
}
.lp_wrap > section {
    position: relative;
}
.lp_wrap .slider {
    display: none;
    cursor: grab;
}
.lp_wrap .slider:active {
    cursor: grabbing;
}
.lp_wrap .slider.slick-initialized {
    display: block;
}
.lp_wrap .slider .slick-arrow {
    cursor: pointer;
}

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

FV

----------------------------------------------- */
.lp_wrap .congratulation .head {
    position: absolute;
    top: 10%;
    left: 2.933%;
    width: 94.133%;
    opacity: 0;
}
.lp_wrap .congratulation.move .head {
    animation: 1.6s congratulation_head ease-in-out 3.5s forwards;
}
@keyframes congratulation_head {
    0% {
        opacity: 0;
    }
    33.3% {
        opacity: 1;
    }
    66.6% {
        opacity: 0.4;
    }
    100% {
        opacity: 1;
    }
}
.lp_wrap .fv {
    overflow: hidden;
}
.lp_wrap .fv .sun {
    position: absolute;
    top: -19%;
    left: -49.2%;
    width: 198.4%;
    transition: 4s ease-in-out;
    transform: translateY(40%) rotateZ(90deg);
    opacity: 0;
}
.lp_wrap .fv.move .sun {
    transform: translateY(0%) rotateZ(0deg);
    opacity: 1;
}
.lp_wrap .fv .on {
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
}

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

各コンテンツ

----------------------------------------------- */
.lp_wrap .float {
    position: fixed;
    bottom: 0%;
    z-index: 10;
    width: 100%;
    max-width: 750px;
    display: none;
}
.lp_wrap .float .fuku_link {
    position: absolute;
    top: 5%;
    left: 1.7%;
    width: 47.5%;
    height: 90%;
}
.lp_wrap .float .fuku_link2 {
    position: absolute;
    top: 5%;
    left: 20%;
    width: 47.5%;
    height: 90%;
}
.lp_wrap .float .fuku_link3 {
    position: absolute;
    top: 5%;
    left: 60%;
    width: 47.5%;
    height: 90%;
}

.lp_wrap .float .un_link {
    position: absolute;
    top: 5%;
    right: 1.7%;
    width: 47.5%;
    height: 90%;
}
/* -------------------------------------------- */
.lp_wrap .list .on {
    position: absolute;
    left: 0%;
    width: 100%;
}
.lp_wrap .f_list .on {
    top: -4.5%;
}
.lp_wrap .u_list .on {
    top: -7.4%;
}
.lp_wrap .list .more {
    position: absolute;
    left: 4.533%;
    width: 90.933%;
}
.lp_wrap .f_list .more {
    top: 78.3%;
}
.lp_wrap .u_list .more {
    top: 66%;
}
/* -------------------------------------------- */
.lp_wrap .f_benefit {
    margin-top: -4.1%;
}
.lp_wrap .u_benefit {
    margin-top: -4.1%;
}
/* -------------------------------------------- */
.lp_wrap .price .btn1 {
    position: absolute;
    top: 80%;
    left: 5%;
    width: 90%;
    animation: 1s price_btn ease-in-out alternate infinite;
}
.lp_wrap .price .btn2 {
    position: absolute;
    top: 84%;
    left: 5%;
    width: 90%;
    animation: 1s price_btn ease-in-out alternate infinite;
}
.lp_wrap .price .btn3 {
    position: absolute;
    top: 82%;
    left: 5%;
    width: 90%;
    animation: 1s price_btn ease-in-out alternate infinite;
}

.lp_wrap .price .btn4 {
    position: absolute;
    top: 8%;
    left: 5%;
    width: 90%;
}

.lp_wrap .price .btn5 {
    position: absolute;
    top: 35.5%;
    left: 5%;
    width: 90%;
}
.lp_wrap .price .btn6 {
    position: absolute;
    top: 63%;
    left: 5%;
    width: 90%;
}

.lp_wrap .price .btn7 {
    position: absolute;
    top: 73%;
    left: 3%;
    width: 51%;
}




@keyframes price_btn {
    from {
        transform: scale(1);
    }
    to {
        transform: scale(0.9);
    }
}
/* -------------------------------------------- */
.lp_wrap .detail .slider_wrap {
    position: absolute;
    top: 28%;
    left: 5.333%;
    width: 89.333%;
}
.lp_wrap .detail .slider_wrap .slider .slick-arrow {
    position: absolute;
    top: 49%;
    z-index: 1;
    width: 4.477%;
}
.lp_wrap .detail .slider_wrap .slider .slick-arrow.prev {
    left: -5.4%;
}
.lp_wrap .detail .slider_wrap .slider .slick-arrow.next {
    right: -5.4%;
}
.lp_wrap .detail .slider_wrap .slider .slick-dots {
    bottom: 0%;
    top: 102%;
    left: 0%;
    width: 100%;
    height: 1.506%;
    display: flex;
    justify-content: center;
}
.lp_wrap .detail .slider_wrap .slider .slick-dots li {
    width: 2.09%;
    height: 100%;
    margin: 0% 0.7%;
    background-color: #c8a361;
    border-radius: 50%;
    transition: 0.6s;
}
.lp_wrap .detail .slider_wrap .slider .slick-dots li.slick-active {
    background-color: #ffffff;
}
.lp_wrap .detail .slider_wrap .slider .slick-dots li * {
    display: none;
}




/*　Accordion
------------------------------------------------------*/
.acmenu dt {
    cursor: pointer;
}

.acmenu dt img.cls, .acmenu dt.active img.opn {
    display: none;
}

.acmenu dt.active img.cls {
    display: inline;
}

.acmenu dd {
    display: none;
}


.acmenu dd.follow_menu {
	position: absolute;
	bottom: 100%;
	background: #FFF;
	padding: 2% 0% 1% 0%;
	width:100%;
}

.acmenu dd.follow_menu ul {
     display:flex;
}