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


.d-block {
    display: block;
}

.font-maru {
    font-family: "Zen Maru Gothic", serif;
    font-weight: 400;
    font-style: normal;
}

.semi-bold {
    font-weight: 500;
}

.bold {
    font-weight: 700;
}

#contents {
    margin-bottom: 0;
    width: 100%;
}

#spring-2025-pr {
    min-width: 100%;
    /*font-family: 'メイリオ', Meiryo, 'MS ゴシック', sans-serif;*/
    font-family: "Zen Kaku Gothic New", serif;
    font-weight: 400;
    font-style: normal;
    overflow: hidden;
    font-feature-settings: "palt";
    text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
}

#spring-2025-pr img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
}

#spring-2025-pr div,
#spring-2025-pr ul,
#spring-2025-pr li,
#spring-2025-pr div,
#spring-2025-pr p,
#spring-2025-pr dl,
#spring-2025-pr dt,
#spring-2025-pr dd,
#spring-2025-pr figure,
#spring-2025-pr figcaption {
    box-sizing: border-box;
}

#spring-2025-pr {
    position: relative;
}

#spring-2025-pr #mv {
    width: 100%;
    aspect-ratio: 1 / 1.253;
    background: url(../images/2025spring/mv-bg.png) no-repeat bottom left #fff;
    background-size: contain;
    position: relative;

}

#spring-2025-pr #mv h1 {
    position: absolute;
    top: 10%;
    left: 0;
    width: 100%;
}


#spring-2025-pr #local-nav {
    position: absolute;
    bottom: 3%;
    left: 0;
    right: 0;
    margin: -15% auto 0 auto;
    z-index: 5;
}

#spring-2025-pr #local-nav .lnav-01,
#spring-2025-pr #local-nav .lnav-02 {
    position: relative;
    width: 100%;
    text-align: center;
    margin-bottom: 1%;

}


#spring-2025-pr #local-nav .lnav-01 ul,
#spring-2025-pr #local-nav .lnav-02 ul {
    display: flex;
    justify-content: center;
}


#spring-2025-pr #local-nav li {
    position: relative;
    z-index: 4;
    padding-bottom: 4%;
    width: 25%;
    margin: 0 2%;
}

#spring-2025-pr #local-nav li::before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 15%;
    aspect-ratio: 1 /1;
    background: url(../images/2025spring/mv-arrow.png) no-repeat center center / contain;
    z-index: 4;
}

#spring-2025-pr #local-nav li a:hover img {
    opacity: 1;
}

#spring-2025-pr #local-nav span {
    display: block;
    line-height: 1.4;
    color: #330000;
    width: 100%;
    font-size: 16px;
    text-align: center;

}

#spring-2025-pr #local-nav a {
    text-decoration: none;

}

#spring-2025-pr .bg-00 {
    padding: 20% 0 1px 0;
    background: #e6f0da;
    position: relative;
    z-index: 2;
}

#spring-2025-pr .bg-01 {
    padding: 20% 0 1px 0;
    background: url(../images/2025spring/bg-01.png)no-repeat center top / cover;
    position: relative;
    z-index: 1;
}

#spring-2025-pr .bg-02 {
    padding: 20% 0 20% 0;
    background: #fff9e2;
    position: relative;
    z-index: 1;
}

#spring-2025-pr .bg-02::before {
    content: "";
    display: block;
    position: absolute;
    top: -2.5%;
    right: -4%;
    width: 50%;
    height: 6%;
    background: url(../images/2025spring/obj-05.png) no-repeat center center / contain;
    z-index: 2;
}

#spring-2025-pr .bg-02::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0px;
    left: 40%;
    transform: translateX(-40%);
    width: 100%;
    height: 10%;
    background: url(../images/2025spring/footer-bg.png) no-repeat center bottom / contain;
    z-index: 2;
}

#spring-2025-pr .inner {
    margin: 0 auto;
    display: block;
    position: relative;
    padding: 0 5.3333333333%;
}

#spring-2025-pr .product-section-ttl {
    font-size: 34px;
    font-size: 6vw;
    color: #604c3f;
    line-height: 1.6;
    text-align: center;
    letter-spacing: 0.05em;
    margin-bottom: 1.5em;
}

#spring-2025-pr .product-once {
    position: relative;
    width: 100%;
    margin-bottom: 20%;
    z-index: 2;
}


#spring-2025-pr .product-ttl {
    font-size: 34px;
    font-size: 6vw;
    color: #604c3f;
    line-height: 1.6;
    letter-spacing: 0.05em;
    margin-bottom: 5%;
}

#spring-2025-pr #pr-01 .product-once::before {
    content: "";
    display: block;
    position: absolute;
    bottom: -13%;
    right: -3%;
    width: 20%;
    height: 11%;
    background: url(../images/2025spring/obj-02.png) no-repeat center center / contain;
    z-index: 6;
}


#spring-2025-pr #pr-02 .product-once::after {
    content: "";
    display: block;
    position: absolute;
    bottom: -15%;
    left: -3%;
    width: 25%;
    height: 12%;
    background: url(../images/2025spring/obj-04.png) no-repeat center center / contain;
    z-index: 6;
}



#spring-2025-pr #pr-04 .product-once::before {
    content: "";
    display: block;
    position: absolute;
    bottom: -25%;
    left: -20%;
    width: 50%;
    height: 40%;
    background: url(../images/2025spring/obj-06.png) no-repeat center center / contain;
    z-index: -1;
}


#spring-2025-pr .product-text {
    width: 100%;
    text-align: center;
}

#spring-2025-pr .product-lead {
    font-size: 16px;
    font-size: 4vw;
    color: #412a1e;
    letter-spacing: 0.1em;
    margin-bottom: 5%;
    text-align: justify;
}

#spring-2025-pr .product-more {
    width: 100%;
    text-align: center;

}

#spring-2025-pr .product-more a {
    font-size: 18px;
    font-size: 4.5vw;
    line-height: 1.2;
    text-decoration: none;
    padding: 1em;
    height: 1.5em;
    border-radius: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #f18e00;
    color: #fff;
    position: relative;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    margin: 0 auto;
}

#spring-2025-pr .product-more a:hover {
    opacity: 0.8;
}

#spring-2025-pr .product-more a::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    width: 22px;
    height: 19px;
    background: url(../images/2025spring/more-arrow.png) no-repeat center center / contain;
    z-index: 2;
}

#spring-2025-pr .product-more a.btn-01 {
    background: #f18e00;
    margin-bottom: 5%;
}

#spring-2025-pr .product-more a.btn-02 {
    background: #90b424;
}

#spring-2025-pr .product-more a.btn-03 {
    background: #003d8e;
}

#spring-2025-pr .product-more a.btn-04 {
    background: #e99824;
}

#spring-2025-pr .product-more a.btn-05 {
    background: #f8cd00;
    color: #412a1e;
}

#spring-2025-pr .product-more a.btn-06 {
    background: #016725;
}










.pagetop {
    padding: 1em;
}