@charset "UTF-8";
/* ==========================================================================
共通パーツ
========================================================================== */
:root {
    /* ---fixbtn-h: clamp(50px, 10vw, 100px); */
    ---fixbtn-h: 100px;
}
body {
    font-size: 16px;
    font-weight: 500;
    font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", sans-serif;
    color: #100e12;
}
@media screen and (max-width: 559px) {
    body {
        padding-bottom: 0;
    }
}

:is(.l-header, #sp_menu, #header, #breadcrumb, #footer, .w-beforeFooter) {
    display: none !important;
}
@media screen and (max-width: 767px) {
    .show--pc {
        display: none;
    }
}

.show--sp {
    display: none;
}

@media screen and (max-width: 767px) {
    .show--sp {
        display: block;
    }
}

.inner {
    max-width: 750px;
    margin: 0 auto;
    padding: 0;
    width: 100%;
}

[class*="ark-keep-mt"] > * {
    margin-top: 0;
}
.page-template-page-lpSlider .l-content {
    margin: 0;
    padding: 0;
    position: unset;
    max-width: none;
}
/*  slider */
.lpslider .swiper-wrapper {
    height: 100svh;
}
.lpslider .swiper-slide {
    position: relative;
}
.lpslider .swiper-slide figure:first-of-type img {
    width: 100vw;
    height: 100svh;
    object-fit: cover;
    object-position: 50% top;
}
@media screen and (min-width: 600px) {
    .lpslider .swiper-slide figure:first-of-type img {
        width: auto;
    }
}
.lpslider.has__fix-btn .swiper-wrapper {
    height: calc(100dvh - var(---fixbtn-h));
}
.lpslider.has__fix-btn .swiper-slide img {
    height: calc(100dvh - var(---fixbtn-h));
}
/* .lpslider .swiper-slide.separate-image > .ark-block-container {
    width: 100%;
    height: 100svh;
}
.lpslider .swiper-slide.separate-image .ark-block-container img{
    width: 100vw;
    height: auto;
} */
@media screen and (min-width: 600px) {
/*     .lpslider .swiper-slide.separate-image .ark-block-container img{
        width: auto;
    } */
}
/*  画面下に固定ボタンがある場合 */
.fix-btn {
    width: 100%;
    height: var(---fixbtn-h);
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 100;
}
