@charset "UTF-8";
/********************************************************************************

leave-it.css　カクヤスHPパーツcss(SP用)

********************************************************************************/
/* タブ
---------------------------------------- */
.lvit-tab .tabs .tab {
    font-size: 14px;
    line-height: 160%;
    padding: 8px 8px 16px 8px;
}
.lvit-tab .contents {
    padding: 32px 0 0 0;
}

/* スライダー
---------------------------------------- */
.lvit-slider {
    padding: 0 0px 40px 0px;
    --swiper-navigation-size: 32px;
}
.lvit-slider .swiper-button-prev,
.lvit-slider .swiper-button-next {
    border-radius: 4px;
    background-color: #0000001a;
    background-size: 32px;
}

/* 横並び 画像+テキスト
---------------------------------------- */
.lvit-flex {
    flex-direction: column;
    gap: 16px 8px;
}
.lvit-flex .image {
    width: 100%;
    text-align: center;
}
.lvit-flex .info .title {
    text-align: center;
}
.lvit-flex .info .lvit-btn {
    margin: 0 auto;
}

/*  カードリスト
---------------------------------------- */
.lvit-card-list {
    flex-direction: column;
    margin: 0 auto;
}
.lvit-card-list .item {
    width: 100%;
}

/* dlリスト
---------------------------------------- */
.lvit-dl-list .item {
    flex-direction: column;
}
.lvit-dl-list .item dt {
    width: 100%;
}

/* 画像リスト
---------------------------------------- */
.lvit-num-image-list .item {
    flex-direction: column;
    gap: 12px;
}
.lvit-num-image-list .item .image {
    text-align: center;
}
.lvit-num-image-list .item .image img {
    width: 100%;
}
.lvit-num-image-list .item .info .title::before {
    font-size: 32px;
    line-height: 100%;
}
.lvit-num-image-list .item .info .title span {
    padding-top: 2px;
}
.lvit-num-image-list .item .info .lvit-btn {
    margin: 0 auto;
}

/* 画像リスト(アイコン)
---------------------------------------- */
.lvit-num-image-list[data-type="icon"] .item {
    flex-direction: row;
}
.lvit-num-image-list[data-type="icon"] .item .image {
    width: 60px;
}
.lvit-num-image-list[data-type="icon"] .item .image img {
}

/* 番号リスト
---------------------------------------- */
.lvit-num-list .item {
    gap: 16px;
}
.lvit-num-list .item::before {
    font-size: 32px;
    line-height: 100%;
}
.lvit-num-list .item .info .title {
    font-weight: bold;
    font-size: 20px;
    line-height: 150%;
}

/* アコーディオン
---------------------------------------- */
.lvit-accordion-list .accordion {
    padding: 24px 20px 24px 32px;
}
.lvit-accordion-list .accordion .accordion-summary .accordion-inner {
    gap: 32px;
}
.lvit-accordion-list .accordion .accordion-summary .summary {
    font-size: 16px;
    line-height: 140%;
}
.lvit-accordion-list .accordion .accordion-content .accordion-inner {
    padding: 16px 24px 0 0;
}

/* アクセス(左テキスト＋右Map)
---------------------------------------- */
.lvit-access-flex {
    flex-direction: column;
}
.lvit-access-flex .info {
    padding: 0;
}
.lvit-access-flex .map {
    width: 100%;
}
        
/* SNS シェア
---------------------------------------- */
.lvit-share {
    justify-content: center;
}

/* 投稿リスト(カード型)
---------------------------------------- */
.lvit-post-list[data-type="card"] {
    flex-direction: column;
    margin: 0 auto;
}
.lvit-post-list[data-type="card"] .item {
    width: 100%;
}

/* 投稿リスト(リスト型)
---------------------------------------- */
.lvit-post-list[data-type="list"] .item {
    gap: 0 16px;
}

/* 全幅画像
---------------------------------------- */
.lvit-full-image {
    height: 200px;
    background-size: auto 200px;
}
/* CTA
---------------------------------------- */
.lvit-sec-cta .catch {
    font-size: 24px;
    line-height: 160%;
}

