@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@300;400;500;700;900&display=swap');

.campain-lp main {
    margin-top: 0;
}
/* 共通ここから------------------ */
body {
    font-family: "Zen Kaku Gothic New", sans-serif;
}
.pr {
    position: relative;
}
.pa {
    position: absolute;
}
.flex {
    display: flex;
}
/* 共通ここまで------------------ */


/* ファーストビューここから------------------ */
.fv_txt01 {
    top: 5%;
    left: 0;
    z-index: 3;
}
.fv_txt02 {
    top: 13%;
    left: 0;
    z-index: 3;
}
.fv_txt03 {
    bottom: 15%;
    left: 0;
    z-index: 3;
}
.fv_txt04 {
    bottom: 5%;
    left: 0;
    z-index: 3;
}
.fv_cover {
    top: 0;
    left: 0;
    z-index: 2;
}
.fv_scarf {
    top: 0;
    left: 0;
    z-index: 1;
}
/* ファーストビューここまで------------------ */

/* カートここから------------------ */
.cv-area {
    background-color: #f9f8f6;
}
.cv_set_txt {
    top: 0;
    left: 0;
}
.cv-present .purse {
    top: 23%;
    left: 0;
    z-index: 1;
}
/* カートここまで------------------ */

/* sec3ここから------------------ */
.sec3-1_txt01 {
    top: 0;
    left: 0;
}
.sec3-1_txt02 {
    bottom: 0;
    left: 0;
}
.sec3-2_txt01 {
    top: 0;
    left: 0;
}
.sec3-2_txt02 {
    top: 29%;
    left: 0;
}
.sec3-2_txt03 {
    bottom: 0;
    left: 0;
}
.sec3-3_txt01 {
    top: 15%;
    left: 0;
}
.sec3-3_txt02 {
    bottom: 16%;
    left: 50%;
    transform: translateX(-50%);
    width: 85%;
}
.sec3-3_txt02 ul {
    justify-content: space-between;
    max-width: 650px;
}
.sec3-4_point_txt,.sec3-4_point_img {
    top: 0;
    left: 0;
}

/* sec3ここまで------------------ */

/* sec4ここから------------------ */
.sec4-1_txt {
    top: 8%;
    left: 0;
}
.sec4-1_img {
    bottom: 0;
    left: 0;
}
.sec4-2 {
    background-color: #f9f8f6;
}
.morning_arrow {
    top: 31%;
    left: 0;
}
.silk_txt01 {
    top: 9%;
    left: 0;
}
.scarf_txt01 {
    top: 12%;
    left: 0;
}
.scarf_btn {
    top: 0;
    left: 0;
}
/* sec4ここまで------------------ */

/* sec5ここから------------------ */
.size_box {
    background-color: #f9f8f6;
}
.care_box {
    background-color: #f0ece9;
}
.tighten_box {
    background-color: #f9f8f6;
}
/* sec5ここまで------------------ */

/* 商品情報ここから------------------ */
.info-wrap {
    background-color: #f9f8f6;
}
.info-wrap #link-product h2 {
    color: #555555;
    padding-bottom: 0;
    font-weight: 500;
}
.info-wrap #link-product h2::after {
    display: none;
}
.info-wrap .detail-area .item-text dt {
    font-weight: 500;
    color: #555555;
}
.info-wrap .detail-area .item-text dd {
    color: #555555;
}
/* 商品情報ここまで------------------ */

/* フッターここから------------------ */
.footer {
    background-color: #f0ece9;
}
.footer .block-link .block-r .box-heading h4, .footer .block-link .block_l .box-heading h4 {
    text-align: left;
    color: #555555;
    font-size: 1.8rem;
}
.footer .block-link .block-r .box .list {
    display: block;
}
.footer .block-link .block-r .box .list li {
    width: 100%;
    margin: 0;
    border-bottom: 1px solid #a6a6a6;
    border-top: none;
}
.footer .block-link .block-r .box .list li:nth-child(-n+2) {
    border-top: none;
}
.footer .block-link .block-r .box .list li a {
    display: block;
    height: auto;
    font-size: 1.3rem;
    padding: 25px 10px;
}
.footer .block-link .block-r .box-heading, .footer .block-link .block_l .box-heading {
    margin-bottom: 10px;
}
.footer .block-copyright {
    border: none;
}
.footer .block-copyright .txt-copyright {
    padding: 30px 0;
}
.footer .block-link {
    padding: 60px 0 0px;
}
/* フッターここまで------------------ */


/* アニメーションここから------------------ */
.morning_arrow img {
    transform: translateX(0);
    animation: arrow 1.6s ease-in-out infinite; /* 時間とeasingを変更 */
}
@keyframes arrow {
    0%   { transform: translateX(0); }
    25%  { transform: translateX(-5px); }
    50%  { transform: translateX(5px); }
    75%  { transform: translateX(-3px); }
    100% { transform: translateX(0); }
}

.fv_txt01,.fv_txt02,.fv_txt03,.fv_txt04,.fv_cover,.fv_scarf {
    opacity: 0;
}
.after_load .fv_txt01 {
    animation: anmshow1 1s .8s forwards cubic-bezier(0.37, 0, 0.63, 1)
}
.after_load .fv_txt02 {
    animation: anmshow1 1s 1s forwards cubic-bezier(0.37, 0, 0.63, 1)
}
.after_load .fv_txt03 {
    animation: anmshow1 1s 1.6s forwards cubic-bezier(0.37, 0, 0.63, 1)
}
.after_load .fv_txt04 {
    animation: zoom-in 1s 1.8s forwards cubic-bezier(0.37, 0, 0.63, 1)
}
.after_load .fv_cover {
    animation: fade-up 0.6s .2s forwards cubic-bezier(0.37, 0, 0.63, 1)
}
.after_load .fv_cover img {
    animation: Wave 2s  ease-in-out infinite;
}
.after_load .fv_scarf {
    animation: fade-up 0.6s .2s forwards cubic-bezier(0.37, 0, 0.63, 1)
}
.after_load .fv_scarf img {
    animation: Wave 2s .2s ease-in-out infinite;
}
@keyframes Wave {
    0%, 100% {transform: translateY(0);}
    50% {transform: translateY(-8px); /* 上に10px跳ねる */}
}
@keyframes anmshow1 {
	0% {transform: translateY(5px); opacity: 0; filter: blur(10px);}
	100% {transform: translateY(0); opacity: 1; filter: blur(0);}
}

.cv_btn_heartbeat {
    animation: heartbeat 1.6s ease-in-out infinite;
}
@keyframes heartbeat {
    0% {transform: scale(1);}
    10% {transform: scale(1.03);}
    20% {transform: scale(1);}
    30% {transform: scale(1.03);}
    40% {transform: scale(1);}
    100% {transform: scale(1);}
}

/* アニメーションここまで------------------ */


@media only screen and (max-width:768px) {
    .footer .block-link .block-r .box-heading h4, .footer .block-link .block_l .box-heading h4 {font-size: 1.5rem;}
    .footer .block-link .block-r .box .list li a {font-size: 1.2rem; padding: 20px 10px;}
    .footer .block-link .block-r .box+.box {margin-top: 50px;}
}