/*
Theme Name: My Theme
Theme URI: 
Author: 
Author URI: 
Description: 
Requires at least: 6.7
Tested up to: 6.7
Requires PHP: 5.7
Version: 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: my-theme
Tags: 
*/

div.vk_slider_item_container.container {
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 0;
    height: auto;
}
.wp-block-image {
    margin: 0;
}

/* コンテンツの幅を固定（共通） */
@media (min-width: 1281px) {
	.max-width {
		max-width: 1280px;
		width: 100%;
	}
	.home {
		#sb_instagram {
			max-width: 1280px;
			width: 100%;
		}
	}
}

/* タブレット・スマホで表示時、ヘッダーとメインコンテンツを重ねる */
@media (max-width: 1280px) {
	.wp-site-blocks {
		header {
			margin-block-start: -96px !important;
		}
	}
}

/* フォント */
h1 {
    text-align: justify;
}
h2 {
    text-align: justify;
}
h3 {
    text-align: justify;
}
h4 {
    text-align: justify;
}
h5 {
    text-align: justify;
}
h6 {
    text-align: justify;
}
p {
    text-align: justify;
}
a {
    text-align: justify;
}

/* 横スクロールをなくす（共通） */
body {
  overflow-x: hidden;
}

/* VK Filter Searchの「検索フォームを編集」を非表示（共通） */
button.vkfs__call-filter-search_editBtn.btn.btn-outline-primary.btn-sm.veu_adminEdit {
    display: none !important;
}

/* カテゴリーのスタイルを調整（共通） */
.vk_categoryBadge_multiple {
    .vk_categoryBadge.wp-block-vk-blocks-post-category-badge {
        color: #FFFFFF !important;
    }
    a {
        color: #FFFFFF !important;
        pointer-events: none;
    }
}

/* ヘッダーを上部に固定し、追従させる */
header {
    position: sticky;
    top: 0;
    z-index: 999;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);

    /* 検索欄 */
    form.wp-block-search__button-inside.wp-block-search__icon-button.wp-block-search {

        /* 検索ブロックの背景色と文字色の変更（共通） */
        .wp-block-search__inside-wrapper {
            flex-direction: row-reverse; 
            background-color: var(--wp--preset--color--custom-gray) !important;
            padding: 10px 24px !important;
            margin-left: auto;
            margin-right: auto;
            input.wp-block-search__input {
                background-color: var(--wp--preset--color--custom-gray) !important;
                text-align: center;
            }
            input.wp-block-search__input::placeholder {
                color: #FFFFFF !important;
            }
            button.wp-block-search__button {
                margin-left: 0 !important;
                transform: scale(-1, 1);
                padding: 0 !important;
            }
        }

        /* タブレット・スマホ */
        @media (max-width: 1280px) {
            
            /* 検索欄の横幅を小さくする（タブレット・スマホ） */
            .wp-block-search__inside-wrapper {
                width: 75% !important;
            }
        }
    }

    /* クイックメニュー用サブメニュー */
    li.header-quick-menu {
        padding-bottom: 48px;

        /* アイコンの上部の余白をなくす（共通） */
        li.wp-block-navigation-item:last-child {
            padding-top: 0 !important;
        }

        /* 切り替え部分を非表示（共通） */
        .wp-block-navigation-item__content.wp-block-navigation-submenu__toggle {
            display: none !important;
        }

        /* グリッド状に並べる（共通） */
        ul.wp-block-navigation__submenu-container.header-quick-menu {
            display: grid !important;
            grid-template-columns: repeat(4, 1fr);
            grid-auto-rows: auto;
            padding: 0 !important;
            gap: 16px 8px !important;

            /* 矢印を非表示（共通） */
            .wp-block-navigation-item__label::before {
                content: none !important;
            }

            .hamburger_menu_quick_01::before {
                content: '';
                display: inline-block;
                width: 50.02px;
                height: 58.69px;
                background-image: url(/wp/wp-content/uploads/2025/10/hamburger_menu_quick_01.png);
                background-size: contain;
                margin-top: auto;
            }
            .hamburger_menu_quick_02::before {
                content: '';
                display: inline-block;
                width: 72px;
                height: 60.29px;
                background-image: url(/wp/wp-content/uploads/2025/10/hamburger_menu_quick_02.png);
                background-size: contain;
                margin-top: auto;
            }
            .hamburger_menu_quick_03::before {
                content: '';
                display: inline-block;
                width: 48px;
                height: 58.29px;
                background-image: url(/wp/wp-content/uploads/2025/10/hamburger_menu_quick_03.png);
                background-size: contain;
                margin-top: auto;
            }
            .hamburger_menu_quick_04::before {
                content: '';
                display: inline-block;
                width: 60px;
                height: 55.29px;
                background-image: url(/wp/wp-content/uploads/2025/10/hamburger_menu_quick_04.png);
                background-size: contain;
                margin-top: auto;
            }
            .hamburger_menu_quick_05::before {
                content: '';
                display: inline-block;
                width: 72px;
                height: 61.29px;
                background-image: url(/wp/wp-content/uploads/2025/10/hamburger_menu_quick_05.png);
                background-size: contain;
                margin-top: auto;
            }
            .hamburger_menu_quick_06::before {
                content: '';
                display: inline-block;
                width: 60px;
                height: 58.29px;
                background-image: url(/wp/wp-content/uploads/2025/10/hamburger_menu_quick_06.png);
                background-size: contain;
                margin-top: auto;
            }
            .hamburger_menu_quick_07::before {
                content: '';
                display: inline-block;
                width: 72px;
                height: 62.29px;
                background-image: url(/wp/wp-content/uploads/2025/10/hamburger_menu_quick_07.png);
                background-size: contain;
                margin-top: auto;
            }
            .hamburger_menu_quick_08::before {
                content: '' !important;
                display: inline-block !important;
                width: 72px !important;
                height: 60.29px !important;
                background-image: url(/wp/wp-content/uploads/2025/10/hamburger_menu_quick_08.png) !important;
                background-size: contain !important;
                margin-top: auto !important;
            }

            /* 疑似要素とリンクを重ねる（共通） */
            li.wp-block-navigation-item {
                position: relative;
                a.wp-block-navigation-item__content {
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100% !important;
                    height: 100% !important;

                    /* メニュー名を非表示（共通） */
                    span {
                        display: none !important;
                        width: 100% !important;
                        height: 100% !important;
                    }
                }
            }
        }
    }
}

/* スマホ用として作成したヘッダーを非表示（共通） */
.header-sp {
    display: none;
}

/* PCのみ */
@media (min-width: 1281px) {

    header {

        /* メニューのフォントサイズを変更（PC） */
        ul.wp-block-navigation__container.is-responsive.no-wrap.wp-block-navigation {
            li.wp-block-navigation-item.overlay_menu.wp-block-navigation-link {
                font-size: clamp(0.875rem, 0.6244rem + 0.313vw, 1rem) !important;
                a.wp-block-navigation-item__content {
                    font-size: clamp(0.875rem, 0.6244rem + 0.313vw, 1rem) !important;
                    span.wp-block-navigation-item__label {
                        white-space: nowrap !important;
                    }
                }

            }

            li.wp-block-navigation-item.open-on-click.wp-block-navigation-submenu {
                button.wp-block-navigation-item__content.wp-block-navigation-submenu__toggle {
                span.wp-block-navigation-item__label {
                    font-size: clamp(0.875rem, 0.6244rem + 0.313vw, 1rem) !important;
                    white-space: nowrap !important;
                }
            }
            }
        }
    }

    /* クイックメニュー用のメニューは非表示（PC） */
    .header-quick-menu {
        display: none !important;
    }

    /* スマホ用のヘッダーを非表示（PC） */
    /* .header-sp {
        display: none;
    } */
}

/* タブレット・スマホ */
@media (max-width: 1280px){

    header {

        box-shadow: none !important;

        /* ヘッダーの背景色をなくし、Webサイト名も非表示にする（タブレット・スマホ） */
        .wp-block-group.has-custom-black-color.has-custom-white-background-color.has-text-color.has-background.has-link-color.is-content-justification-space-between.is-nowrap.is-layout-flex.wp-block-group-is-layout-flex {
            background-color: transparent !important;
            h6 {
                display: none;
            }
            h5 {
                display: none;
            }
        }

        /* ロゴのサイズを小さくする（タブレット・スマホ） */
        .wp-block-site-logo {
            max-width: 160px !important;
            width: 100%;
            height: auto;
            border-radius: 5px;
        }

        /* PC用のヘッダーを非表示（タブレット・スマホ） */
        /* .header-pc {
            display: none;
        } */
    }
}

/* ハンバーガーメニュー内の左右上下の余白の調整（共通） */
.wp-block-navigation__responsive-container.has-modal-open.is-menu-open {
    .wp-block-navigation__responsive-close {
        max-width: 100% !important;
        padding-top: 28px;
        padding-right: 32px;
        padding-bottom: 28px;
        padding-left: 32px;
        
        /* ページ名とメニュー、検索の間の余白を指定（共通） */
        .wp-block-navigation__responsive-container-content {
            gap: 64px !important;
            ul.wp-block-navigation__container {
                gap: 16px !important;
            }
        }

        /* メニューを閉じるボタンの前に道の駅名とロゴを配置（共通） */
        .wp-block-navigation__responsive-container-content::before {
            content: '';
            display: inline-block;
            width: 305px;
            height: 58px;
            background-image: url(/wp/wp-content/uploads/2025/10/hamburger_menu_title.png);
            background-size: contain;
        }

        /* メニューの横幅（共通） */
        ul.wp-block-navigation__container {
            width: 100%;

            /* SNSアイコン上部の余白を大きくとる（共通） */
            li.wp-block-navigation-item:last-child {
                padding-top: 48px;
            }

            /* テキストの揃え方と左右の余白（共通） */
            li.wp-block-navigation-item.overlay_menu.wp-block-navigation-link {
                align-items: flex-start !important;
				padding: 0 2rem 8px !important;
				a.wp-block-navigation-item__content {
					padding: 0 !important;
				}
                span.wp-block-navigation-item__label {
                    font-weight: 700 !important;
                }
            }

            /* サブメニューの横幅（共通） */
            li.wp-block-navigation-item.wp-block-navigation-submenu {
                width: 100%;
				
				/* 各メニューのpaddingをなくす（共通） */
				a.wp-block-navigation-item__content {
					padding: 0 !important;
				}

                /* テキストの揃え方と左右の余白（共通） */
                button {
                    text-align: left !important;
                    padding: 0 2rem 8px;
                    span.wp-block-navigation-item__label {
                        font-weight: 700 !important;
                    }
                }

                ul.wp-block-navigation__submenu-container.has-text-color.has-custom-black-color.wp-block-navigation-submenu.has-text-color.has-custom-black-color.has-small-font-size {
                    width: 100% !important;
                    min-width: initial !important;
                    padding-left: 0 !important;
                    padding-right: 0 !important;
                    padding-top: 16px !important;

                    /* テキストの揃え方と左右の余白（共通） */
                    li.wp-block-navigation-item.wp-block-navigation-link {
                        align-items: flex-start !important;
                        padding: 0 2rem;
                    }
                }
            }

            /* SNSのアイコン間の余白（タブレット・スマホ） */
            ul.wp-block-social-links {
                gap: 0.5em 16px !important;
            }
        }
    }
}

/* ハンバーガーメニュー内のSNSアイコンのサイズを調整 */
.wp-social-link.wp-social-link-facebook.has-custom-black-color.wp-block-social-link {
    svg {
        width: 64px;
        height: auto;
    }

    /* タブレット・スマホ */
    @media (max-width: 1280px) {
        svg {
            width: 32px;
            height: auto;
        }
    }
}
.wp-social-link.wp-social-link-instagram.has-custom-black-color.wp-block-social-link {
    svg {
        width: 64px;
        height: auto;
    }

    /* タブレット・スマホ */
    @media (max-width: 1280px) {
        svg {
            width: 32px;
            height: auto;
        }
    }
}

/* フッター */
/* footerのナビゲーションにドットの下線を引く */
.footer_menu {
    border-bottom: dashed 1px #FFFFFF;
    align-self: stretch;
}

/* スペーサーブロックのmarginを変更 */
div.wp-block-spacer {
    margin: 0;
}

/* 「詳細はこちら」ボタン */
.rental-button {
    width: fit-content;
}
.shops-button {
    background: var(--wp--preset--color--custom-green-01);
    width: fit-content;
    border: 2px solid var(--wp--preset--color--custom-green-01) ;
}
.shops-button.green-button:hover {
    color: var(--wp--preset--color--custom-green-01) !important;
    background-color: var(--wp--preset--color--custom-white) !important;
    border: 2px solid var(--wp--preset--color--custom-green-01) ;
    p {
        color: var(--wp--preset--color--custom-green-01) !important;
    }
    i {
        color: var(--wp--preset--color--custom-green-01) !important;
    }
}

/* 見出しのmarginをなくす */
.page-id-1519 {
    h3.wp-block-heading.has-text-align-center {
        margin: 0;
    }
}

/* ボタンの幅を中身の幅に合わせる */
/* HOME */
.home-link-button {
    width: fit-content;
} 

/* イベント詳細 */
.event-details-button {
    width: fit-content;
} 

/* ホバー時に色を変える */
.home-link-button.blue-button:hover {
    color: var(--wp--preset--color--custom-blue) !important;
    background-color: var(--wp--preset--color--custom-white) !important;
    i {
        color: var(--wp--preset--color--custom-blue) !important;
    }
}
.home-link-button.green-button:hover {
    color: var(--wp--preset--color--custom-green-01) !important;
    background-color: var(--wp--preset--color--custom-white) !important;
    i {
        color: var(--wp--preset--color--custom-green-01) !important;
    }
}
.home-link-button.pink-button:hover {
    color: var(--wp--preset--color--custom-red-02) !important;
    background-color: var(--wp--preset--color--custom-white) !important;
    i {
        color: var(--wp--preset--color--custom-red-02) !important;
    }
}
.rental-button.blue-button:hover {
    color: var(--wp--preset--color--custom-blue) !important;
    background-color: var(--wp--preset--color--custom-white) !important;
    p {
        color: var(--wp--preset--color--custom-blue) !important;
    }
    i {
        color: var(--wp--preset--color--custom-blue) !important;
    }
}
.rental-button-contact-01.blue-button:hover {
    color: var(--wp--preset--color--custom-blue) !important;
    background-color: var(--wp--preset--color--custom-white) !important;
    p {
        color: var(--wp--preset--color--custom-blue) !important;
    }
    i {
        color: var(--wp--preset--color--custom-blue) !important;
    }
}

/* モデルコースに掲載している各番号と矢印の背景 */
.modelcourse-number-blue {
    display: flex;
    justify-content: center;
    align-items: center;
    aspect-ratio: 1 / 1;
    max-width: 64px;
    width: 100%;
    height: auto;
    border-radius: 50%;
    color: var(--wp--preset--color--custom-white);
    background: var(--wp--preset--color--custom-blue);
}

.modelcourse-number-green {
    display: flex;
    justify-content: center;
    align-items: center;
    aspect-ratio: 1 / 1;
    max-width: 64px;
    width: 100%;
    height: auto;
    border-radius: 50%;
    color: var(--wp--preset--color--custom-white);
    background: var(--wp--preset--color--custom-green-02);
}

.modelcourse-arrow {
    display: flex;
    justify-content: center;
    align-items: center;
    aspect-ratio: 1 / 1;
    max-width: 32px;
    width: 100%;
    height: auto;
    border-radius: 50%;
    background: var(--wp--preset--color--custom-gray);
}

/* スライダー */
.my-carousel-slider-1 {

    /* スライダーのコンテナの横幅を小さくする（共通） */
    .vk_slider_item_container.container {
        max-width: 95% !important;
    }
}

/* Googleマップのビジュアルの調整 */
.wp-singular.spots-template.spots-template-wp-custom-template-6.single.single-spots {
    .google-map {
        iframe {
            aspect-ratio: 16 / 9 !important;
            width: 100% !important;
            height: auto;
            border-radius: 10px !important;
            margin-left: 0;
        }
    }
}

.google-map {
    div.vk-visual-embed-preview {
        iframe {
            aspect-ratio: 2 / 1;
            border-radius: 0 !important;
            max-width: none !important;
            width: 100vw !important;
            box-sizing: border-box;
            margin-left: calc(-50vw + 50%);
        }
    }
}

/* HOME */
/* メインビジュアルを全幅で表示 */
.mainvisual-slider {
    .vk_slider_item_container {
        max-width: 100%;
        .mainvisual-photo {
            img {
            width: 100%;
            height: auto;
            }
        }
    }
}

/* クイックメニューをメインビジュアルの前面にかぶせて表示 */
.quick-menu-block {
    margin-block-start: -4.8em;
    z-index: 998;
}

/* スマホ */
@media (max-width: 500px) {

    /* クイックメニューをメインビジュアルの前面にかぶせて表示（スマホ） */
    .quick-menu-block {
        margin-block-start: -2.4em;

        /* 上下の余白を小さくする（スマホ） */
        .wp-container-core-columns-is-layout-20b0a3d4 {
            padding-top: 32px !important;
            padding-right: 16px !important;
            padding-bottom: 32px !important;
            padding-left: 16px !important;

            /* 各メニュー間の余白を小さくする（スマホ） */
            .wp-container-core-columns-is-layout-28f84493 {
                gap: 8px !important;

                h6 {
                    width: 100%;
                    text-align: center;
                    font-size: 11px !important;
                }
            }
        }
    }
}

/* クイックメニューのフォントサイズを変更 */
h6.quick-menu-red {
    font-size: 14px;
}
h6.quick-menu-blue {
    font-size: 14px;
}
h6.quick-menu-green {
    font-size: 14px;
}

/* クイックメニューの背景に画像を追加 */
.quick-menu {
    background-image: url(/wp/wp-content/uploads/2025/02/submenu_background.png);
}

/* クイックメニューの各メニューに下線を追加 */
.quick-menu-red {
    position: relative;
}
.quick-menu-red:before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: -8px;
    width: 100%;
    height: 5px;
    border-radius: 5px;
    background: #E4A6A1;
}
.quick-menu-blue {
    position: relative;
}
.quick-menu-blue:before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: -8px;
    width: 100%;
    height: 5px;
    border-radius: 5px;
    background: #62A0DA;
}
.quick-menu-green {
    position: relative;
}
.quick-menu-green:before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: -8px;
    width: 100%;
    height: 5px;
    border-radius: 5px;
    background: #22B573;
}

/* 見出しに下線を追加 */
.top-facility-h-pc {
    position: relative;
}
.top-facility-h-pc:before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: -16px;
    width: 100%;
    height: 8px;
    border-radius: 5px;
    background: #E4A6A1;
}
.top-facility-h-sp {
    position: relative;
}
.top-facility-h-sp:before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: -16px;
    width: 100%;
    height: 8px;
    border-radius: 5px;
    background: #E4A6A1;
}
.red-headline {
    position: relative;
}
.red-headline:before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: -16px;
    width: 100%;
    height: 8px;
    border-radius: 5px;
    background: #E4A6A1;
}
.blue-headline {
    position: relative;
}
.blue-headline:before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: -16px;
    width: 100%;
    height: 8px;
    border-radius: 5px;
    background: #62a0da;
}
.green-headline {
    position: relative;
}
.green-headline:before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: -16px;
    width: 100%;
    height: 8px;
    border-radius: 5px;
    background: #22b573;
}

/* TOPの施設ガイドにある「歴史／文化財」「自然／散策」ボタンの比率を変更 */
.top-guide-button {
    aspect-ratio: 3 / 2;
}

/* TOPの施設ガイドの背景に画像を追加 */
.top-facility-guide {
    background-image: url(/wp/wp-content/uploads/2025/02/submenu_background.png);
}

/* 区切り線の太さの変更（HOME・施設概要など） */
.wp-block-separator.has-background:not(.is-style-dots) {
    height: 3px;
}

.home {
    .home-news-list {
        ul.is-layout-flow {
            li.wp-block-post.post.type-post.status-publish.format-standard.hentry {
                margin-block-start: 16px;
            }
        }
    }
}
.home {
    .home-news-list {
        .is-layout-flow li:first-child {
            margin-block-start: 0 !important;
        }
    }
}

/* HOMEのイベントで使用しているsmartsliderの調整 */
.n2-ss-slide-background-image {
    .skip-lazy {
        img {
            aspect-ratio: 3 / 2;
            border-radius: 10px !important;
        }
    }
}
.n2-style-3287534e9657f22f89bec9257c5b8538-heading {
    border-radius: 50px !important;
}
.n2-ss-section-main-content.n2-ss-layer-with-background.n2-ss-layer-content {
    padding: 16px !important;
}
.n2-ss-layer.n2-ow {
    padding: 0 !important;
    margin-bottom: 0 !important;
}
.n2-ss-layers-container.n2-ss-slide-limiter.n2-ow {
    height: auto !important;
    margin-top: auto;
    .n2-ss-layer.n2-ow {
        min-height: auto !important;
        height: auto !important;
    }
}
.n2-ss-section-main-content.n2-ss-layer-with-background.n2-ss-layer-content.n2-ow {
    background-color: rgba(255,255,255,0.75) !important;
    border-radius: 0 0 10px 10px !important;
}
.home-event-contents {
    .n2-section-smartslider.fitvidsignore.n2_clear {
        max-width: var(--wp--style--global--wide-size) !important;
    }
}

/* HOMEのinstagramの投稿の比率や角丸などの調整 */
.sbi.sbi_mob_col_2.sbi_tab_col_2.sbi_col_3.sbi_width_resp.sbi_medium {
    max-width: var(--wp--style--global--wide-size) !important;
}
.sbi_item.sbi_type_image {
    aspect-ratio: 1 / 1;
    width: 100%;
    height: auto;
    border-radius: 10px;
    .sbi_photo_wrap {
        height: auto !important;
        .sbi_photo {
            height: auto !important;
        }
    }
}
.sbi_item.sbi_type_carousel {
    border-radius: 10px;
    aspect-ratio: 1 / 1;
    width: 100%;
    height: auto;
    .sbi_photo_wrap {
        height: auto !important;
        .sbi_photo {
            height: auto !important;
        }
    }
}
.home {
    .sbi_photo_wrap {
        a {
            img {
                border-radius: 10px !important;
                aspect-ratio: 1 / 1;
                width: 100%;
                height: auto;
            }
        }
    }
}

.home {
	
	/* タブレット・スマホ */
	@media (max-width: 1280px) {
		
		/* お知らせの日付とタイトルを縦並びにする（タブレット・スマホ） */
		.home-news-list {
			.wp-block-group.is-content-justification-left.is-nowrap.is-layout-flex.wp-block-group-is-layout-flex {
				padding-left: 0 !important;
				padding-right: 0 !important;
				.wp-block-columns.are-vertically-aligned-center.is-layout-flex.wp-block-columns-is-layout-flex {
					flex-wrap: wrap !important;
					.wp-block-column.is-vertically-aligned-center.is-layout-flow.wp-block-column-is-layout-flow {
						flex-basis: auto !important;
					}
				}
			}
		}
	}
}

/* お知らせ一覧（すべて） */
.page-id-337 {

    /* 背景色を指定（共通） */
    .wp-site-blocks {
        background-color: var(--wp--preset--color--custom-green-03);

        /* 一番下に表示されるお知らせのみ下線をなくす（共通） */
        li.wp-block-post.post.type-post.status-publish.format-standard.hentry:last-child {
            hr {
                display: none !important;
            }
        }
    }
    
	/* タブレット・スマホ */
    @media (max-width: 1280px) {
		
		/* ヘッダー下のコンテンツの上部のmarginをなくす（タブレット・スマホ） */
		header {
			margin-block-start: 0 !important;
		}

		/* 日付・カテゴリー側のカラムの横幅を広げる（タブレット・スマホ） */
        .news-column-left {
            flex-basis: 40% !important;
        }
		
		/* タブレット（Air・mini）・スマホ */
		@media (max-width: 1000px) {
			
			/* 縦並びにする（タブレット（Air・mini）・スマホ） */
			.news-column-contents {
				flex-direction: column !important;
			}
		}
		
		/* スマホ */
		@media (max-width: 500px) {
			
			/* ボタンの間の余白を小さくする（スマホ） */
			.wp-block-buttons.is-content-justification-center.is-nowrap.is-layout-flex.wp-block-buttons-is-layout-flex {
				gap: 8px !important;
				
				/* ボタンのサイズを小さくする（スマホ） */
				.wp-block-button {
					width: 50% !important;
					a {
						padding-right: 16px !important;
						padding-left: 16px !important;
					}
				}
			}
			
			/* 白背景内の余白を小さくする（スマホ） */
			ul.wp-block-post-template.wp-block-post-template-is-layout-flow {
				border-radius: 10px !important;
				padding-top: var(--wp--preset--spacing--60) !important;
				padding-bottom: var(--wp--preset--spacing--60) !important;
				padding-left: var(--wp--preset--spacing--50) !important;
				padding-right: var(--wp--preset--spacing--50) !important;
				
				li.wp-block-post.post.type-post.status-publish.format-standard.hentry {
					
					/* カラムと下線の間の余白を小さくする（スマホ） */
					.wp-block-group.is-vertical.is-content-justification-stretch.is-nowrap.is-layout-flex.wp-block-group-is-layout-flex {
						gap: var(--wp--preset--spacing--50) !important;
						
						/* お知らせの左右のpaddingを小さくする（スマホ） */
						.wp-block-columns.are-vertically-aligned-center.news-column-contents.is-layout-flex.wp-block-columns-is-layout-flex {
							padding-right: var(--wp--preset--spacing--30) !important;
							padding-left: var(--wp--preset--spacing--30) !important;
							
							/* 日付とカテゴリーの間の余白を小さくする（スマホ） */
							.news-column-left {
								.wp-block-group.is-content-justification-left.is-nowrap.is-layout-flex.wp-block-group-is-layout-flex {
									gap: 8px !important;

									/* カテゴリーを折り返さない（スマホ） */
									.vk_categoryBadge_multiple {
										flex-wrap: nowrap !important;
									}
								}
							}
						}
					}
				}
				
				/* 2番目以降のお知らせの上部の余白を小さくする（スマホ） */
				li.wp-block-post.post.type-post.status-publish.format-standard.hentry:nth-child(n+2) {
					margin-block-start: var(--wp--preset--spacing--50) !important;
				}
			}
		}
    }
}

/* お知らせ一覧（お知らせ） */
.page-id-6728 {

    /* 背景色を指定（共通） */
    .wp-site-blocks {
        background-color: var(--wp--preset--color--custom-green-03);

        /* 一番下に表示されるお知らせのみ下線をなくす（共通） */
        li.wp-block-post.post.type-post.status-publish.format-standard.hentry:last-child {
            hr {
                display: none !important;
            }
        }
    }
    
	/* タブレット・スマホ */
    @media (max-width: 1280px) {
		
		/* ヘッダー下のコンテンツの上部のmarginをなくす（タブレット・スマホ） */
		header {
			margin-block-start: 0 !important;
		}

		/* 日付・カテゴリー側のカラムの横幅を広げる（タブレット・スマホ） */
        .news-column-left {
            flex-basis: 40% !important;
        }
		
		/* タブレット（Air・mini）・スマホ */
		@media (max-width: 1000px) {
			
			/* 縦並びにする（タブレット（Air・mini）・スマホ） */
			.news-column-contents {
				flex-direction: column !important;
			}
		}
		
		/* スマホ */
		@media (max-width: 500px) {
			
			/* ボタンの間の余白を小さくする（スマホ） */
			.wp-block-buttons.is-content-justification-center.is-nowrap.is-layout-flex.wp-block-buttons-is-layout-flex {
				gap: 8px !important;
				
				/* ボタンのサイズを小さくする（スマホ） */
				.wp-block-button {
					width: 50% !important;
					a {
						padding-right: 16px !important;
						padding-left: 16px !important;
					}
				}
			}
			
			/* 白背景内の余白を小さくする（スマホ） */
			ul.wp-block-post-template.wp-block-post-template-is-layout-flow {
				border-radius: 10px !important;
				padding-top: var(--wp--preset--spacing--60) !important;
				padding-bottom: var(--wp--preset--spacing--60) !important;
				padding-left: var(--wp--preset--spacing--50) !important;
				padding-right: var(--wp--preset--spacing--50) !important;
				
				li.wp-block-post.post.type-post.status-publish.format-standard.hentry {
					
					/* カラムと下線の間の余白を小さくする（スマホ） */
					.wp-block-group.is-vertical.is-content-justification-stretch.is-nowrap.is-layout-flex.wp-block-group-is-layout-flex {
						gap: var(--wp--preset--spacing--50) !important;
						
						/* お知らせの左右のpaddingを小さくする（スマホ） */
						.wp-block-columns.are-vertically-aligned-center.news-column-contents.is-layout-flex.wp-block-columns-is-layout-flex {
							padding-right: var(--wp--preset--spacing--30) !important;
							padding-left: var(--wp--preset--spacing--30) !important;
							
							/* 日付とカテゴリーの間の余白を小さくする（スマホ） */
							.news-column-left {
								.wp-block-group.is-content-justification-left.is-nowrap.is-layout-flex.wp-block-group-is-layout-flex {
									gap: 8px !important;

									/* カテゴリーを折り返さない（スマホ） */
									.vk_categoryBadge_multiple {
										flex-wrap: nowrap !important;
									}
								}
							}
						}
					}
				}
				
				/* 2番目以降のお知らせの上部の余白を小さくする（スマホ） */
				li.wp-block-post.post.type-post.status-publish.format-standard.hentry:nth-child(n+2) {
					margin-block-start: var(--wp--preset--spacing--50) !important;
				}
			}
		}
    }
}

/* お知らせ一覧（イベント） */
.page-id-6731 {

    /* 背景色を指定（共通） */
    .wp-site-blocks {
        background-color: var(--wp--preset--color--custom-green-03);

        /* 一番下に表示されるお知らせのみ下線をなくす（共通） */
        li.wp-block-post.post.type-post.status-publish.format-standard.hentry:last-child {
            hr {
                display: none !important;
            }
        }
    }
    
	/* タブレット・スマホ */
    @media (max-width: 1280px) {
		
		/* ヘッダー下のコンテンツの上部のmarginをなくす（タブレット・スマホ） */
		header {
			margin-block-start: 0 !important;
		}

		/* 日付・カテゴリー側のカラムの横幅を広げる（タブレット・スマホ） */
        .news-column-left {
            flex-basis: 40% !important;
        }
		
		/* タブレット（Air・mini）・スマホ */
		@media (max-width: 1000px) {
			
			/* 縦並びにする（タブレット（Air・mini）・スマホ） */
			.news-column-contents {
				flex-direction: column !important;
			}
		}
		
		/* スマホ */
		@media (max-width: 500px) {
			
			/* ボタンの間の余白を小さくする（スマホ） */
			.wp-block-buttons.is-content-justification-center.is-nowrap.is-layout-flex.wp-block-buttons-is-layout-flex {
				gap: 8px !important;
				
				/* ボタンのサイズを小さくする（スマホ） */
				.wp-block-button {
					width: 50% !important;
					a {
						padding-right: 16px !important;
						padding-left: 16px !important;
					}
				}
			}
			
			/* 白背景内の余白を小さくする（スマホ） */
			ul.wp-block-post-template.wp-block-post-template-is-layout-flow {
				border-radius: 10px !important;
				padding-top: var(--wp--preset--spacing--60) !important;
				padding-bottom: var(--wp--preset--spacing--60) !important;
				padding-left: var(--wp--preset--spacing--50) !important;
				padding-right: var(--wp--preset--spacing--50) !important;
				
				li.wp-block-post.post.type-post.status-publish.format-standard.hentry {
					
					/* カラムと下線の間の余白を小さくする（スマホ） */
					.wp-block-group.is-vertical.is-content-justification-stretch.is-nowrap.is-layout-flex.wp-block-group-is-layout-flex {
						gap: var(--wp--preset--spacing--50) !important;
						
						/* お知らせの左右のpaddingを小さくする（スマホ） */
						.wp-block-columns.are-vertically-aligned-center.news-column-contents.is-layout-flex.wp-block-columns-is-layout-flex {
							padding-right: var(--wp--preset--spacing--30) !important;
							padding-left: var(--wp--preset--spacing--30) !important;
							
							/* 日付とカテゴリーの間の余白を小さくする（スマホ） */
							.news-column-left {
								.wp-block-group.is-content-justification-left.is-nowrap.is-layout-flex.wp-block-group-is-layout-flex {
									gap: 8px !important;

									/* カテゴリーを折り返さない（スマホ） */
									.vk_categoryBadge_multiple {
										flex-wrap: nowrap !important;
									}
								}
							}
						}
					}
				}
				
				/* 2番目以降のお知らせの上部の余白を小さくする（スマホ） */
				li.wp-block-post.post.type-post.status-publish.format-standard.hentry:nth-child(n+2) {
					margin-block-start: var(--wp--preset--spacing--50) !important;
				}
			}
		}
    }
}

/* お知らせ詳細ページ */
.wp-singular.post-template.post-template-wp-custom-template-3.single.single-post {

    /* ボタンブロック（共通） */
    .wp-block-buttons.is-layout-flex.wp-block-buttons-is-layout-flex {
        max-width: 100% !important;

        /* タブレット（Air・mini） */
        @media (max-width: 1000px) {

            /* ボタンの横幅を広げる（タブレット（Air・mini）） */
            .wp-block-button {
                width: 50%;
            }

            /* スマホ */
            @media (max-width: 500px) {

                /* ボタンの横幅を広げる（スマホ） */
                .wp-block-button {
                    width: 100%;
                }
            }
        }
    }
	
	/* タブレット・スマホ */
	@media (max-width: 1280px) {
		
		/* お知らせ詳細ページとヘッダーを被らないようにする（タブレット・スマホ） */
		header {
			margin-block-start: 0 !important;
		}
	}
}

/* お知らせ（詳細）の背景色を変更 */
.single-post {
    background-color: var(--wp--preset--color--custom-green-03);
}

/* イベント 検索フォーム */
.vkfs__call-filter-search.vkfs__call-filter-search-id-6395 {

    /* 検索結果のアコーディオンのスタイルを指定（共通） */
    .wp-block-vk-blocks-accordion-trigger.vk_accordion-trigger {
        background-color: #62A0DA !important;
        border-radius: 10px;
    }
    h6.wp-block-heading {
        color: #FFFFFF;
    }
    .vk_accordion-trigger .vk_accordion-toggle-close::after  {
        border-right: 1px solid #FFFFFF;
        border-top: 1px solid  #FFFFFF;
    }
    .vk_accordion-trigger .vk_accordion-toggle-open::after  {
        border-right: 1px solid #FFFFFF;
        border-top: 1px solid  #FFFFFF;
    }
    .vkfs__call-filter-search_editBtn.btn.btn-outline-primary.btn-sm.veu_adminEdit {
        display: none;
    }

    /* 検索ボタンのスタイルを指定（共通） */
    button.vkfs_submit {
        display: block;
        width: 240px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        span {
            font-size: clamp(0.875rem, 0.8447rem + 0.1294vw, 1rem);
        }
    }

    /* 詳細検索を開いたときのスタイルを指定（共通） */
    .wp-block-vk-blocks-accordion-target.vk_accordion-target.vk_accordion-target-close {
        border-radius: 25px !important;
        padding-left: var(--wp--preset--spacing--60) !important;
        padding-right: var(--wp--preset--spacing--60) !important;
        background-color: var(--wp--preset--color--custom-green-03) !important;
        margin-top: 0 !important;
    }
    .wp-block-vk-blocks-accordion-target.vk_accordion-target.vk_accordion-target-open {
        border-radius: 25px !important;
        padding: var(--wp--preset--spacing--60) !important;
        background-color: var(--wp--preset--color--custom-green-03) !important;
        margin-top: 1rem !important;
    }

    /* 検索条件をリセットボタンのスタイルを変更（共通） */
    .reset-search-button {
        display: block;
        width: 240px !important;
        font-family: var(--wp--preset--font-family--noto-sans-jp);
        font-size: clamp(0.875rem, 0.8447rem + 0.1294vw, 1rem);
        padding: 10px 48px;
        border-radius: 50px;
        margin-left: auto !important;
        margin-right: auto !important;
        border: none;
        color: var(--wp--preset--color--custom-black) !important;
        background-color: var(--wp--preset--color--custom-gray, #d9d9d9) !important;
        
        /* カーソルをポインター（指差しマーク）に変更 */
        cursor: pointer;
    }

    /* タブレット（Pro） */
    @media (max-width: 1280px) {

        /* タブレット（Air・Mini） */
        @media (max-width: 1000px) {

            /* スマホ */
            @media (max-width: 500px) {

                /* 詳細検索の周りの余白を変更（スマホ） */
                .wp-block-vk-blocks-accordion-target.vk_accordion-target.vk_accordion-target-close {
                    padding-right: var(--wp--preset--spacing--50) !important;
                    padding-left: var(--wp--preset--spacing--50) !important;
                }
                .wp-block-vk-blocks-accordion-target.vk_accordion-target.vk_accordion-target-open {
                    padding: var(--wp--preset--spacing--50) !important;
                }
            }
        }
    }
}

/* イベント（アーカイブ）ページ */
.archive.post-type-archive.post-type-archive-events.wp-theme-my-theme {

    /* 検索フォームの横幅を100%にする（共通） */
    .vkfs__call-filter-search {
        width: 100% !important;
    }

    /* タブラベルのスタイルを指定（共通） */
    .event-list-tab {
        ul.vk_tab_labels {
            column-gap: 64px !important;
            justify-content: center !important;
            li.vk_tab_labels_label {
                border-radius: 50px !important;
                padding: 10px 48px !important;
            }
            #vk_tab_labels_label-o24cqg4xw-6m06-ajx7-ofeh-n6c48443ol.vk_tab_labels_label.vk_tab_labels_label-state-inactive {
                --vk-color-bg-inactive: var(--wp--preset--color--custom-gray,#d9d9d9) !important;
            }
            #vk_tab_labels_label-i9xfmb81y-1wqd-d8sc-71qd-1tod2s1ncwz.vk_tab_labels_label.vk_tab_labels_label-state-inactive {
                --vk-color-bg-inactive: var(--wp--preset--color--custom-gray,#d9d9d9) !important;
            }
            #vk_tab_labels_label-kpeu22al7-t98y-eo81-psyl-gcgi3lmwsi4.vk_tab_labels_label.vk_tab_labels_label-state-inactive {
                --vk-color-bg-inactive: var(--wp--preset--color--custom-gray,#d9d9d9) !important;
            }
            #vk_tab_labels_label-jxsbn9jrb-vgmk-rljq-s7y7-ffv7eh9bwgn.vk_tab_labels_label.vk_tab_labels_label-state-inactive {
                --vk-color-bg-inactive: var(--wp--preset--color--custom-gray,#d9d9d9) !important;
            }

        }

        /* タブの下線をなくす（共通） */
        .wp-block-vk-blocks-tab-item.vk_tab_bodys_body {
            border-top: none !important;
        }

        /* タブと検索フォームの間に余白を入れる（共通） */
        .vk_block-margin-0--margin-top.vk_block-margin-0--margin-bottom {
            margin-top: 64px !important;
        }

        /* スマホ */
        @media (max-width: 500px) {

            /* タブと検索フォームの間に余白を入れる（スマホ） */
            .vk_block-margin-0--margin-top.vk_block-margin-0--margin-bottom {
                margin-top: 32px !important;
            }
        }
    }

	/* タブレット・スマホ */
	@media (max-width: 1280px) {
		
		/* 上部の余白をなくす（タブレット・スマホ） */
		header {
            margin-block-start: 0px !important;
        }

        /* タブラベルのスタイルを指定（タブレット・スマホ） */
        .event-list-tab {
            ul.vk_tab_labels {
                column-gap: 32px !important;
            }
        }

        /* スマホ */
        @media (max-width: 500px) {

            /* タブラベルのスタイルを指定（スマホ） */
            .event-list-tab {
                ul.vk_tab_labels {
                    column-gap: 16px !important;
                    row-gap: 16px !important;
                    display: grid !important;
                    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
                }
            }
        }
	}

}

/* イベント詳細ページ */
.wp-singular.events-template.events-template-wp-custom-template-01.single.single-events {
    .my-carousel-slider-1 {
		
		/* 前へ、次へボタンのスタイルを指定（共通） */
        .swiper-button-next {
            background-color: #62A0DA !important;
            color: #FFFFFF !important;
            border-radius: 50px !important;
            top: 40% !important;
        }
        .swiper-button-prev {
            background-color: #62A0DA !important;
            color: #FFFFFF !important;
            border-radius: 50px !important;
            top: 40% !important;
        }
		
		/* PC・タブレット */
        @media (min-width: 501px) {
			
			/* 前へ、次へボタンを非表示（PC・タブレット） */
            .swiper-button-next {
                display: none !important;
            }
            .swiper-button-prev {
                display: none !important;
            }
        }
    }
}
.wp-singular.events-template.events-template-wp-custom-template-03.single.single-events {
    .my-carousel-slider-1 {
		
		/* 前へ、次へボタンのスタイルを指定（共通） */
        .swiper-button-next {
            background-color: #62A0DA !important;
            color: #FFFFFF !important;
            border-radius: 50px !important;
            top: 40% !important;
        }
        .swiper-button-prev {
            background-color: #62A0DA !important;
            color: #FFFFFF !important;
            border-radius: 50px !important;
            top: 40% !important;
        }
		
		/* PC・タブレット */
        @media (min-width: 501px) {
			
			/* 前へ、次へボタンを非表示（PC・タブレット） */
            .swiper-button-next {
                display: none !important;
            }
            .swiper-button-prev {
                display: none !important;
            }
        }
    }
}

/* 施設概要 */
.page-id-1027 {

    /* 施設概要ページのスライダー内の写真を全幅で表示 */
    .facility-slider {
        .vk_slider_item_container {
            max-width: 100%;
            .facility-photo-slider {
                img {
                    width: 100%;
                    height: auto;
                    }
            }
        }
    }

    /* 施設概要ページの見出しのpaddingを変更 */
    h1.facility-overview-headline {
        padding: 32px;
    }

    /* 施設概要ページの白背景のボタンの枠線の太さを変更 */
    .button-white {
        .ark-block-button__link {
            border: 1px solid;
        }
    }

    /* 施設概要の施設の写真と番号の画像を重ねる */
    .facility-photo {
        position: relative;
    }
    .facility-number {
        position: absolute !important;
        top: 2%;
        left: 2%;
        z-index: 994;
        filter: drop-shadow(0px 7.125px 7.125px rgba(0, 0, 0, 0.25));
    }

    /* 施設概要ページのmainとfooter間の余白をなくす */
    footer {
        margin-top: -64px !important;

        /* スマホ */
        @media (max-width: 500px) {

            /* 各メニューの余白をなくす（スマホ） */
            a {
                padding: 0 !important;
            }
        }
    }
	
	/* メインビジュアルを見る端末によって変える（共通） */
	@media (max-width: 1280px) {
	  .facility-mv-pc {
		display: none !important;
	  }
	}
	@media (min-width: 1281px) {
	  .facility-mv-sp {
		display: none !important;
	  }
	}

    /* 各施設のスライダーのボタンのスタイルを指定（共通） */
    .swiper-button-next {
        background-color: #FFFFFF !important;
        border-radius: 50px !important;
    }
    .swiper-button-prev {
        background-color: #FFFFFF !important;
        border-radius: 50px !important;
    }
	
	.michinoeki-facilities-list {
		
		/* 道の駅の設備一覧にある区切り線のmarginを画面幅によって調整（タブレット・スマホ） */
		@media (max-width: 1280px) {
			hr.facilities-line {
				margin-block-start: 32px !important;
			}
		}
		
		/* 要素間の余白を調整（iPad mini） */
		@media (max-width: 800px) and (min-width: 501px) {
			.gb-element-412b20c6 {
				column-gap: 16px;
				.gb-element-84163d14 {
					column-gap: 16px;
					padding-right: 16px;
					.gb-element-6d0a78e0 {
						padding-right: 16px;
					}
				}
				.gb-element-20efaa3c {
					column-gap: 16px;
					.gb-element-f9b12a95 {
						padding-right: 16px;
					}
				}
			}
		}
	}
}

/* 設置したアンカーリンクに遷移する際に、ズレなく遷移できるようにする（施設概要） */
#tenzishitu {
    padding-top: 110px;
    margin-top: -110px;
}
#minnzoku-hennsannshitu {
    padding-top: 110px;
    margin-top: -110px;
}
#rental-shokuhinn {
    padding-top: 110px;
    margin-top: -110px;
}
#rental-kenshushitu {
    padding-top: 110px;
    margin-top: -110px;
}
#rental-tamokuteki {
    padding-top: 110px;
    margin-top: -110px;
}
#rental-bunkakouryu {
    padding-top: 110px;
    margin-top: -110px;
}


/* ギャラリー */
/* ギャラリーページのスライダー内の写真を全幅で表示 */
.gallery-slider {
    .vk_slider_item_container {
        max-width: 100%;
        .gallery-photo-slider {
            img {
                width: 100%;
                height: auto;
            }
        }
    }
}
.page-id-1166 {
	
	/* タブレット・スマホ */
	@media (max-width: 1280px) {

	  /* メインビジュアルを変更（タブレット・スマホ） */
	  .wp-block-post-featured-image {
		aspect-ratio: 16 / 9;
		background-image: url(/wp/wp-content/uploads/2025/10/gallery-top-img-02.jpg);
		background-repeat: no-repeat; /* 繰り返しなし */
		background-size: cover; /* 要素全体を覆う */
		background-position: center; /* 中央に配置 */
		img {
		  display: none;
		}
	  }
	}
}

/* 店舗一覧 */
.page-id-1255 {
	
  /* タブレット・スマホ */
  @media (max-width: 1280px) {
    
    /* メインビジュアルを変更（タブレット・スマホ） */
    .wp-block-post-featured-image {
      aspect-ratio: 16 / 9;
      background-image: url(/wp/wp-content/uploads/2025/10/shops-top-img-02.jpg);
      background-repeat: no-repeat; /* 繰り返しなし */
      background-size: cover; /* 要素全体を覆う */
      background-position: center; /* 中央に配置 */
      img {
        display: none;
      }
    }
  }
}

/* 店舗詳細ページのFacebookを中央ぞろえにする */
.shops-facebook {
    .fb_iframe_widget {
        display: block !important;
        span {
            display: block !important;
            margin: 0 auto !important;
        }
    }
}

/* 店舗一覧ページ内にあるボタンの色や角を変える */
.shops-list-button {
    background: var(--wp--preset--color--custom-green-02) !important;
    border-radius: 50px;
}


/* レンタル利用 */
/* レンタル利用ページのmainとfooter間の余白をなくす */
body.page-id-1466 {
    main {
        margin-bottom: -64px !important;

        /* ナビゲーションの背景色をなくす（共通） */
        .rental-slider .swiper-button-prev.swiper-button-center, .rental-slider .swiper-button-next.swiper-button-center {
            background-color: transparent !important;
            box-shadow: none !important;
        }
    }
	/* タブレット・スマホ */
	@media (max-width: 1280px) {
		
		/* メインビジュアルを変更（タブレット・スマホ） */
		.wp-block-post-featured-image {
			aspect-ratio: 16 / 9;
			background-image: url(/wp/wp-content/uploads/2025/10/rental-top-image-02.jpg);
			background-repeat: no-repeat; /* 繰り返しなし */
			background-size: cover; /* 要素全体を覆う */
			background-position: center; /* 中央に配置 */
			img {
				display: none;
			}
		}
	}
}


/* 歴史／文化財 */
.page-id-1301 {

    /* 「これまでの歴史」の下線のスタイルを変更（共通） */
    .history-far-headline {
        hr {
            height: 5px !important;
            border-radius: 20px;
        }
    }

  /* タブレット・スマホ */
  @media (max-width: 1280px) {
    
    /* 登録有形文化財のマップの横幅を画面いっぱいに広げる（タブレット・スマホ） */
    .history-map-img {
        width: 100vw !important;
        margin-left: calc(-50vw + 50%) !important;
        img {
            border-radius: 0px !important;
        }
    }
    
    /* メインビジュアルを変更（タブレット・スマホ） */
    .wp-block-post-featured-image {
      aspect-ratio: 16 / 9;
      background-image: url(/wp/wp-content/uploads/2025/10/history-sp-mv.jpg);
      background-repeat: no-repeat; /* 繰り返しなし */
      background-size: cover; /* 要素全体を覆う */
      background-position: center; /* 中央に配置 */
      img {
        display: none;
      }
    }
  }
}

/* 歴史／文化財詳細ページ */
body.postid-2001 {
    main {

        /* mainとfooter間の余白をなくす（共通） */
        margin-bottom: -64px !important;

        /* 「これまでの歴史」の下線のスタイルを変更（共通） */
        .history-building-far-headline {
            hr {
                height: 5px !important;
                border-radius: 20px;
            }
        }

        /* PC・タブレット */
        @media (min-width: 501px) {
            
            .my-carousel-slider-1 {
                
                /* ナビゲーションを非表示（PC・タブレット） */
                .swiper-button-next.swiper-button-center {
                    display: none !important;
                }
                .swiper-button-prev.swiper-button-center {
                    display: none !important;
                }
            }
        }

        /* スマホ */
        @media (max-width: 500px) {

            /* スライダーを全幅にしない（スマホのみ） */
            .my-carousel-slider-1 {
                max-width: var(--wp--style--global--wide-size) !important;
                margin-left: auto !important;
                margin-right: auto !important;

                /* ナビゲーションのスタイルを設定（スマホのみ） */
                .swiper-button-next.swiper-button-center {
                    color: #22B573 !important;
                    background-color: #FFFFFF !important;
                    border-radius: 50px !important;
                    top: var(--swiper-navigation-top-offset, 42.5%) !important;

                }
                .swiper-button-prev.swiper-button-center {
                    color: #22B573 !important;
                    background-color: #FFFFFF !important;
                    border-radius: 50px !important;
                    top: var(--swiper-navigation-top-offset, 42.5%) !important;
                }

                /* 画像の最大幅を100%にする（スマホのみ） */
                .vk_slider_item_container.container {
                    max-width: 100% !important;
                }
            }
        }
    }
}
body.postid-2337 {
    main {

        /* mainとfooter間の余白をなくす（共通） */
        margin-bottom: -64px !important;

        /* 「これまでの歴史」の下線のスタイルを変更（共通） */
        .history-building-far-headline {
            hr {
                height: 5px !important;
                border-radius: 20px;
            }
        }
    }
}
body.postid-2342 {
    main {

        /* mainとfooter間の余白をなくす（共通） */
        margin-bottom: -64px !important;

        /* 「これまでの歴史」の下線のスタイルを変更（共通） */
        .history-building-far-headline {
            hr {
                height: 5px !important;
                border-radius: 20px;
            }
        }
    }
}
body.postid-2344 {
    main {

        /* mainとfooter間の余白をなくす（共通） */
        margin-bottom: -64px !important;

        /* 「これまでの歴史」の下線のスタイルを変更（共通） */
        .history-building-far-headline {
            hr {
                height: 5px !important;
                border-radius: 20px;
            }
        }

        /* PC・タブレット */
        @media (min-width: 501px) {
            
            .my-carousel-slider-1 {
                
                /* ナビゲーションを非表示（PC・タブレット） */
                .swiper-button-next.swiper-button-center {
                    display: none !important;
                }
                .swiper-button-prev.swiper-button-center {
                    display: none !important;
                }
            }
        }

        /* スマホ */
        @media (max-width: 500px) {

            /* スライダーを全幅にしない（スマホのみ） */
            .my-carousel-slider-1 {
                max-width: var(--wp--style--global--wide-size) !important;
                margin-left: auto !important;
                margin-right: auto !important;

                /* ナビゲーションのスタイルを設定（スマホのみ） */
                .swiper-button-next.swiper-button-center {
                    color: #22B573 !important;
                    background-color: #FFFFFF !important;
                    border-radius: 50px !important;
                    top: var(--swiper-navigation-top-offset, 42.5%) !important;

                }
                .swiper-button-prev.swiper-button-center {
                    color: #22B573 !important;
                    background-color: #FFFFFF !important;
                    border-radius: 50px !important;
                    top: var(--swiper-navigation-top-offset, 42.5%) !important;
                }

                /* 画像の最大幅を100%にする（スマホのみ） */
                .vk_slider_item_container.container {
                    max-width: 100% !important;
                }
            }
        }
    }
}
.postid-2346 {
    main {

        /* mainとfooter間の余白をなくす（共通） */
        margin-bottom: -64px !important;

        /* 「これまでの歴史」の下線のスタイルを変更（共通） */
        .history-building-far-headline {
            hr {
                height: 5px !important;
                border-radius: 20px;
            }
        }

        /* PC・タブレット */
        @media (min-width: 501px) {
            
            .my-carousel-slider-1 {
                
                /* ナビゲーションを非表示（PC・タブレット） */
                .swiper-button-next.swiper-button-center {
                    display: none !important;
                }
                .swiper-button-prev.swiper-button-center {
                    display: none !important;
                }
            }
        }

        /* スマホ */
        @media (max-width: 500px) {

            /* スライダーを全幅にしない（スマホのみ） */
            .my-carousel-slider-1 {
                max-width: var(--wp--style--global--wide-size) !important;
                margin-left: auto !important;
                margin-right: auto !important;

                /* ナビゲーションのスタイルを設定（スマホのみ） */
                .swiper-button-next.swiper-button-center {
                    color: #22B573 !important;
                    background-color: #FFFFFF !important;
                    border-radius: 50px !important;
                    top: var(--swiper-navigation-top-offset, 42.5%) !important;

                }
                .swiper-button-prev.swiper-button-center {
                    color: #22B573 !important;
                    background-color: #FFFFFF !important;
                    border-radius: 50px !important;
                    top: var(--swiper-navigation-top-offset, 42.5%) !important;
                }

                /* 画像の最大幅を100%にする（スマホのみ） */
                .vk_slider_item_container.container {
                    max-width: 100% !important;
                }
            }
        }
    }
}
body.postid-2347 {
    main {

        /* mainとfooter間の余白をなくす（共通） */
        margin-bottom: -64px !important;

        /* 「これまでの歴史」の下線のスタイルを変更（共通） */
        .history-building-far-headline {
            hr {
                height: 5px !important;
                border-radius: 20px;
            }
        }

        /* PC・タブレット */
        @media (min-width: 501px) {
            
            .my-carousel-slider-1 {
                
                /* ナビゲーションを非表示（PC・タブレット） */
                .swiper-button-next.swiper-button-center {
                    display: none !important;
                }
                .swiper-button-prev.swiper-button-center {
                    display: none !important;
                }
            }
        }

        /* スマホ */
        @media (max-width: 500px) {

            /* スライダーを全幅にしない（スマホのみ） */
            .my-carousel-slider-1 {
                max-width: var(--wp--style--global--wide-size) !important;
                margin-left: auto !important;
                margin-right: auto !important;

                /* ナビゲーションのスタイルを設定（スマホのみ） */
                .swiper-button-next.swiper-button-center {
                    color: #22B573 !important;
                    background-color: #FFFFFF !important;
                    border-radius: 50px !important;
                    top: var(--swiper-navigation-top-offset, 42.5%) !important;

                }
                .swiper-button-prev.swiper-button-center {
                    color: #22B573 !important;
                    background-color: #FFFFFF !important;
                    border-radius: 50px !important;
                    top: var(--swiper-navigation-top-offset, 42.5%) !important;
                }

                /* 画像の最大幅を100%にする（スマホのみ） */
                .vk_slider_item_container.container {
                    max-width: 100% !important;
                }
            }
        }
    }
}
body.postid-2348 {
    main {

        /* mainとfooter間の余白をなくす（共通） */
        margin-bottom: -64px !important;

        /* 「これまでの歴史」の下線のスタイルを変更（共通） */
        .history-building-far-headline {
            hr {
                height: 5px !important;
                border-radius: 20px;
            }
        }
    }
}
body.postid-2349 {
    main {

        /* mainとfooter間の余白をなくす（共通） */
        margin-bottom: -64px !important;

        /* 「これまでの歴史」の下線のスタイルを変更（共通） */
        .history-building-far-headline {
            hr {
                height: 5px !important;
                border-radius: 20px;
            }
        }

        /* PC・タブレット */
        @media (min-width: 501px) {
            
            .my-carousel-slider-1 {
                
                /* ナビゲーションを非表示（PC・タブレット） */
                .swiper-button-next.swiper-button-center {
                    display: none !important;
                }
                .swiper-button-prev.swiper-button-center {
                    display: none !important;
                }
            }
        }

        /* スマホ */
        @media (max-width: 500px) {

            /* スライダーを全幅にしない（スマホのみ） */
            .my-carousel-slider-1 {
                max-width: var(--wp--style--global--wide-size) !important;
                margin-left: auto !important;
                margin-right: auto !important;

                /* ナビゲーションのスタイルを設定（スマホのみ） */
                .swiper-button-next.swiper-button-center {
                    color: #22B573 !important;
                    background-color: #FFFFFF !important;
                    border-radius: 50px !important;
                    top: var(--swiper-navigation-top-offset, 42.5%) !important;

                }
                .swiper-button-prev.swiper-button-center {
                    color: #22B573 !important;
                    background-color: #FFFFFF !important;
                    border-radius: 50px !important;
                    top: var(--swiper-navigation-top-offset, 42.5%) !important;
                }

                /* 画像の最大幅を100%にする（スマホのみ） */
                .vk_slider_item_container.container {
                    max-width: 100% !important;
                }
            }
        }
    }
}
body.postid-2350 {
    main {

        /* mainとfooter間の余白をなくす（共通） */
        margin-bottom: -64px !important;

        /* 「これまでの歴史」の下線のスタイルを変更（共通） */
        .history-building-far-headline {
            hr {
                height: 5px !important;
                border-radius: 20px;
            }
        }

        /* PC・タブレット */
        @media (min-width: 501px) {
            
            .my-carousel-slider-1 {
                
                /* ナビゲーションを非表示（PC・タブレット） */
                .swiper-button-next.swiper-button-center {
                    display: none !important;
                }
                .swiper-button-prev.swiper-button-center {
                    display: none !important;
                }
            }
        }

        /* スマホ */
        @media (max-width: 500px) {

            /* スライダーを全幅にしない（スマホのみ） */
            .my-carousel-slider-1 {
                max-width: var(--wp--style--global--wide-size) !important;
                margin-left: auto !important;
                margin-right: auto !important;

                /* ナビゲーションのスタイルを設定（スマホのみ） */
                .swiper-button-next.swiper-button-center {
                    color: #22B573 !important;
                    background-color: #FFFFFF !important;
                    border-radius: 50px !important;
                    top: var(--swiper-navigation-top-offset, 42.5%) !important;

                }
                .swiper-button-prev.swiper-button-center {
                    color: #22B573 !important;
                    background-color: #FFFFFF !important;
                    border-radius: 50px !important;
                    top: var(--swiper-navigation-top-offset, 42.5%) !important;
                }

                /* 画像の最大幅を100%にする（スマホのみ） */
                .vk_slider_item_container.container {
                    max-width: 100% !important;
                }
            }
        }
    }
}
body.postid-2352 {
    main {

        /* mainとfooter間の余白をなくす（共通） */
        margin-bottom: -64px !important;

        /* 「これまでの歴史」の下線のスタイルを変更（共通） */
        .history-building-far-headline {
            hr {
                height: 5px !important;
                border-radius: 20px;
            }
        }

        /* PC・タブレット */
        @media (min-width: 501px) {
            
            .my-carousel-slider-1 {
                
                /* ナビゲーションを非表示（PC・タブレット） */
                .swiper-button-next.swiper-button-center {
                    display: none !important;
                }
                .swiper-button-prev.swiper-button-center {
                    display: none !important;
                }
            }
        }

        /* スマホ */
        @media (max-width: 500px) {

            /* スライダーを全幅にしない（スマホのみ） */
            .my-carousel-slider-1 {
                max-width: var(--wp--style--global--wide-size) !important;
                margin-left: auto !important;
                margin-right: auto !important;

                /* ナビゲーションのスタイルを設定（スマホのみ） */
                .swiper-button-next.swiper-button-center {
                    color: #22B573 !important;
                    background-color: #FFFFFF !important;
                    border-radius: 50px !important;
                    top: var(--swiper-navigation-top-offset, 42.5%) !important;

                }
                .swiper-button-prev.swiper-button-center {
                    color: #22B573 !important;
                    background-color: #FFFFFF !important;
                    border-radius: 50px !important;
                    top: var(--swiper-navigation-top-offset, 42.5%) !important;
                }

                /* 画像の最大幅を100%にする（スマホのみ） */
                .vk_slider_item_container.container {
                    max-width: 100% !important;
                }
            }
        }
    }
}
body.postid-2353 {
    main {

        /* mainとfooter間の余白をなくす（共通） */
        margin-bottom: -64px !important;

        /* 「これまでの歴史」の下線のスタイルを変更（共通） */
        .history-building-far-headline {
            hr {
                height: 5px !important;
                border-radius: 20px;
            }
        }
    }
}
body.postid-2354 {
    main {

        /* mainとfooter間の余白をなくす（共通） */
        margin-bottom: -64px !important;

        /* 「これまでの歴史」の下線のスタイルを変更（共通） */
        .history-building-far-headline {
            hr {
                height: 5px !important;
                border-radius: 20px;
            }
        }
    }
}

/* 周辺スポット */
/* 周辺スポットに入れる外部リンクへのボタンの枠線をなくす */
.external-site-button {
    .ark-block-button__link {
        border: none;
    }
}

/* 周辺スポット（詳細）の関連スポットの比率やタイトルの見せ方を変える */
.slick-slide.slick-active {
    width: fit-content;
    .ultp-block-item {
        width: fit-content;
        .ultp-block-slider-wrap {
            aspect-ratio: 3 / 2 !important;
            width: 100%;
            height: auto;
            object-fit: cover;
            .ultp-block-image {
                aspect-ratio: 3 / 2 !important;
                width: 100%;
                height: auto;
            }
        }
    }
}
.slick-slide {
    width: fit-content;
    .ultp-block-item {
        width: fit-content;
        .ultp-block-slider-wrap {
            aspect-ratio: 3 / 2 !important;
            width: 100%;
            height: auto;
            object-fit: cover;
            .ultp-block-image {
                aspect-ratio: 3 / 2 !important;
                width: 100%;
                height: auto;
            }
            .ultp-block-content-inner {
                background-color: rgba(255,255,255,0.8);
            }
        }
    }
}

/* 周辺スポット（詳細）の「食べる」に掲載するSNSやWebサイトのアイコンを中央ぞろえにする */
.wp-block-group {
    .spots-eat-icon {
        width: 100%;
    }
}


/* 周辺スポットのカテゴリーのスタイルを調整（共通） */
.spot-template.spot-template-wp-custom-template-6.single.single-spot {
	
	/* 周辺スポット詳細ページギャラリー用スライダー */
	.my-carousel-slider-1 {
		
		/* 前へ・次へ進むボタンのスタイルを指定（共通） */
        .swiper-button-next {
            background-color: #FFFFFF !important;
            color: #22B573 !important;
            border-radius: 50px !important;
            top: 40% !important;
        }
        .swiper-button-prev {
            background-color: #FFFFFF !important;
            color: #22B573 !important;
            border-radius: 50px !important;
            top: 40% !important;
        }
		
		/* PC・タブレット */
        @media (min-width: 501px) {
			
			/* 前へ・次へ進むボタンを非表示（PC・タブレット） */
            .swiper-button-next {
                display: none !important;
            }
            .swiper-button-prev {
                display: none !important;
            }
        }
    }
	
	/* PC・タブレット */
	@media (min-width: 501px) {
		
		/* 前へ・次へ進むボタンを非表示（PC・タブレット） */
        .wp-block-ultimate-post-post-slider-1 {
			.slick-arrow.slick-prev {
                display: none !important;
            }
            .slick-arrow.slick-next {
                display: none !important;
            }
        }
    }
}
.wp-singular.page-template.page-template-wp-custom-template-8.page.wp-theme-my-theme {
    .vk_categoryBadge {
        color: #FFFFFF !important;
    }
}

/* 周辺スポット(詳細)ページ */
.wp-singular.spots-template.spots-template-wp-custom-template-6.single.single-spots.wp-theme-my-theme {

    /* スマホ */
    @media (max-width: 500px) {

        /* スマホのみスポット名をメインビジュアルに重ねる（スマホ） */
        .post-contents {
            margin-block-start: -24px !important;
            h1.wp-block-post-title {
                padding: 8px;
                border-radius: 10px 10px 0 0;
                background-color: #FFFFFF;
                text-align: center;
            }
            .entry-content.wp-block-post-content {
                margin-block-start: 32px !important;
            }
        }
    }
}
/* 周辺スポット（一覧）ページ */
.wp-singular.page-template.page-template-wp-custom-template-8.page.wp-theme-my-theme {

    .wp-block-vk-blocks-tab.vk_tab.is-style-vk_tab_labels-normal {
        ul.vk_tab_labels {
			gap: clamp(0.5rem, 0.3786rem + 0.5178vw, 1rem) !important; /* タブ間の余白 */
			justify-content: end !important; /* タブを右に寄せる */
			li.vk_tab_labels_label {
                border-radius: 4px !important;
				background-color: #FFFFFF !important;
				border: solid 1.5px #000000;
            }
			li.vk_tab_labels_label-state-active {
				color: #000000 !important;
			}
        }
        .vk_tab_bodys {
            .has-border-top {
                border-top-width: 0; /* コンテンツ上部の線の太さをなくす */
            }
        }
    }

    /* 検索フォームのカテゴリーの横幅を子要素に合わせる（共通） */
    .vkfs__call-filter-search {
        .vkfs__labels {
            .vkfs__level-0 {
                flex-basis: fit-content;
            }

            /* 検索フォームのmarginをなくす（共通） */
            .vkfs__outer-wrap.vkfs__taxonomy {
                margin-bottom: 0 !important;
            }
            .wp-block-vk-filter-search-pro-search-result-single-order {
                margin-bottom: 0 !important;
            }
        }

        /* 検索ボタンを非表示（共通） */
        button.vkfs_submit {
            display: none;
        }
    }

    /* PC・タブレット */
    @media (min-width: 1281px) {

        /* 検索フォームの横幅を小さくする（PC） */
        .vkfs__call-filter-search {
            width: 20% !important;
            margin-left: auto;
        }
    }
    @media (min-width: 501px) {

        /* 検索フォームの横幅を小さくする（タブレット） */
        .vkfs__call-filter-search {
            width: 24%;
            margin-left: auto;
        }
    }

    /* タブレット版 */
    @media (max-width: 1280px) and (min-width: 501px) {
        .wp-block-vk-blocks-tab.vk_tab.is-style-vk_tab_labels-normal {
            .vk_tab_bodys {
                ul {
                    grid-template-columns: 2fr 2fr !important; /* 投稿の並べ方を2列にする（タブレット版） */
                }
            }
        }
    }
	
	/* タブレット・スマホ */
	@media (max-width: 1280px) {
		
		/* 上部の余白をなくす（タブレット・スマホ） */
		header {
            margin-block-start: 0px !important;
        }

        /* スマホ */
        @media (max-width: 500px) {

            /* 検索フォームを2列にする（スマホ） */
            .vkfs__call-filter-search {
                .vkfs__labels {
                    flex-direction: row !important;
                    flex-wrap: nowrap;
                }
            }
        }

	}

}

/* 周辺スポット（すべて）ページ */
.archive.post-type-archive.post-type-archive-spots {

    .wp-block-vk-blocks-tab.vk_tab.is-style-vk_tab_labels-normal {
        ul.vk_tab_labels {
			gap: clamp(0.5rem, 0.3786rem + 0.5178vw, 1rem) !important; /* タブ間の余白 */
			justify-content: end !important; /* タブを右に寄せる */
			li.vk_tab_labels_label {
                border-radius: 4px !important;
				background-color: #FFFFFF !important;
				border: solid 1.5px #000000;
            }
			li.vk_tab_labels_label-state-active {
				color: #000000 !important;
			}
        }
        .vk_tab_bodys {
            .has-border-top {
                border-top-width: 0; /* コンテンツ上部の線の太さをなくす */
            }
        }
    }

    .vkfs__call-filter-search {
        .vkfs__labels {

            /* 検索フォームのmarginをなくす（共通） */
            .wp-block-vk-filter-search-pro-search-result-single-order {
                margin-bottom: 0 !important;
            }
        }

        /* 検索ボタンを非表示（共通） */
        button.vkfs_submit {
            display: none;
        }
    }

    /* PC・タブレット */
    @media (min-width: 1281px) {

        /* 検索フォームの横幅を小さくする（PC） */
        .vkfs__call-filter-search {
            width: 20% !important;
            margin-left: auto;
        }
    }
    @media (min-width: 501px) {

        /* 検索フォームの横幅を小さくする（タブレット） */
        .vkfs__call-filter-search {
            width: 24%;
            margin-left: auto;
        }
    }

    /* タブレット版 */
    @media (max-width: 1280px) and (min-width: 501px) {
        .wp-block-vk-blocks-tab.vk_tab.is-style-vk_tab_labels-normal {
            .vk_tab_bodys {
                ul {
                    grid-template-columns: 2fr 2fr !important; /* 投稿の並べ方を2列にする（タブレット版） */
                }
            }
        }
    }
	
	/* タブレット・スマホ */
	@media (max-width: 1280px) {
		
		/* 上部の余白をなくす（タブレット・スマホ） */
		header {
            margin-block-start: 0px !important;
        }
	}

}

/* 周辺スポットページ（各カテゴリー） */
.archive.tax-spot-category {

    .wp-block-vk-blocks-tab.vk_tab.is-style-vk_tab_labels-normal {
        ul.vk_tab_labels {
			gap: clamp(0.5rem, 0.3786rem + 0.5178vw, 1rem) !important; /* タブ間の余白 */
			justify-content: end !important; /* タブを右に寄せる */
			li.vk_tab_labels_label {
                border-radius: 4px !important;
				background-color: #FFFFFF !important;
				border: solid 1.5px #000000;
            }
			li.vk_tab_labels_label-state-active {
				color: #000000 !important;
			}
        }
        .vk_tab_bodys {
            .has-border-top {
                border-top-width: 0; /* コンテンツ上部の線の太さをなくす */
            }
        }
    }

    /* 検索フォームのカテゴリーの横幅を子要素に合わせる（共通） */
    .vkfs__call-filter-search {
        .vkfs__labels {
            .vkfs__level-0 {
                flex-basis: fit-content;
            }

            /* 検索フォームのmarginをなくす（共通） */
            .vkfs__outer-wrap.vkfs__taxonomy {
                margin-bottom: 0 !important;
            }
            .wp-block-vk-filter-search-pro-search-result-single-order {
                margin-bottom: 0 !important;
            }
        }

        /* 検索ボタンを非表示（共通） */
        button.vkfs_submit {
            display: none;
        }
    }

    /* PC・タブレット */
    @media (min-width: 1281px) {

        /* 検索フォームの横幅を小さくする（PC） */
        .vkfs__call-filter-search {
            width: 20% !important;
            margin-left: auto;
        }
    }
    @media (min-width: 501px) {

        /* 検索フォームの横幅を小さくする（タブレット） */
        .vkfs__call-filter-search {
            width: 24%;
            margin-left: auto;
        }
    }

    /* タブレット版 */
    @media (max-width: 1280px) and (min-width: 501px) {
        .wp-block-vk-blocks-tab.vk_tab.is-style-vk_tab_labels-normal {
            .vk_tab_bodys {
                ul {
                    grid-template-columns: 2fr 2fr !important; /* 投稿の並べ方を2列にする（タブレット版） */
                }
            }
        }
    }
	
	/* タブレット・スマホ */
	@media (max-width: 1280px) {
		
		/* 上部の余白をなくす（タブレット・スマホ） */
		header {
            margin-block-start: 0px !important;
        }

        /* スマホ */
        @media (max-width: 500px) {

            /* 検索フォームを2列にする（スマホ） */
            .vkfs__call-filter-search {
                .vkfs__labels {
                    flex-direction: row !important;
                    flex-wrap: nowrap;
                }
            }
        }

	}

}


/* 周辺スポット（見る）ページ */
.archive.tax-spot-category.term-see.term-47 {

    /* カテゴリー「見る」以外非表示（共通） */
    #vkfs_spot-category {
        li.vkfs__level-0:not(:nth-child(4)) {
            display: none;
        }
    }
}

/* 周辺スポット（食べる）ページ */
.archive.tax-spot-category.term-eat.term-50 {

    /* カテゴリー「食べる」以外非表示（共通） */
    #vkfs_spot-category {
        li.vkfs__level-0:not(:nth-child(7)) {
            display: none;
        }
    }
}

/* 周辺スポット（泊まる）ページ */
.archive.tax-spot-category.term-yado.term-46 {

    /* カテゴリー「泊まる」以外非表示（共通） */
    #vkfs_spot-category {
        li.vkfs__level-0:not(:nth-child(3)) {
            display: none;
        }
    }
}

/* 周辺スポット（買う）ページ */
.archive.tax-spot-category.term-shopping.term-48 {

    /* カテゴリー「買う」以外非表示（共通） */
    #vkfs_spot-category {
        li.vkfs__level-0:not(:nth-child(5)) {
            display: none;
        }
    }
}

/* 周辺スポット（体験）ページ */
.archive.tax-spot-category.term-experience.term-45 {

    /* カテゴリー「体験」以外非表示（共通） */
    #vkfs_spot-category {
        li.vkfs__level-0:not(:nth-child(2)) {
            display: none;
        }
    }
}

/* 周辺スポット（遊ぶ）ページ */
.archive.tax-spot-category.term-play.term-49 {

    /* カテゴリー「遊ぶ」以外非表示（共通） */
    #vkfs_spot-category {
        li.vkfs__level-0:not(:nth-child(6)) {
            display: none;
        }
    }
}

/* 周辺スポット（検索結果）ページ */
.archive.search.search-results.post-type-archive.post-type-archive-spots {

    .wp-block-vk-blocks-tab.vk_tab.is-style-vk_tab_labels-normal {
        ul.vk_tab_labels {
			gap: clamp(0.5rem, 0.3786rem + 0.5178vw, 1rem) !important; /* タブ間の余白 */
			justify-content: end !important; /* タブを右に寄せる */
			li.vk_tab_labels_label {
                border-radius: 4px !important;
				background-color: #FFFFFF !important;
				border: solid 1.5px #000000;
            }
			li.vk_tab_labels_label-state-active {
				color: #000000 !important;
			}
        }
        .vk_tab_bodys {
            .has-border-top {
                border-top-width: 0; /* コンテンツ上部の線の太さをなくす */
            }
        }
    }

    /* カテゴリー「見る」以外のラジオボタン非表示（「見る」検索結果共通） */
    .search-results-see {
        #vkfs_spot-category {
            li.vkfs__level-0:not(:nth-child(4)) {
                display: none;
            }
        }
    }

    /* カテゴリー「食べる」以外のラジオボタン非表示（「食べる」検索結果共通） */
    .search-results-eat {
        #vkfs_spot-category {
            li.vkfs__level-0:not(:nth-child(7)) {
                display: none;
            }
        }
    }

    /* カテゴリー「泊まる」以外のラジオボタン非表示（「泊まる」検索結果共通） */
    .search-results-yado {
        #vkfs_spot-category {
            li.vkfs__level-0:not(:nth-child(3)) {
                display: none;
            }
        }
    }

    /* カテゴリー「買う」以外のラジオボタン非表示（「買う」検索結果共通） */
    .search-results-shopping {
        #vkfs_spot-category {
            li.vkfs__level-0:not(:nth-child(5)) {
                display: none;
            }
        }
    }

    /* カテゴリー「体験」以外のラジオボタン非表示（「体験」検索結果共通） */
    .search-results-experience {
        #vkfs_spot-category {
            li.vkfs__level-0:not(:nth-child(2)) {
                display: none;
            }
        }
    }

    /* カテゴリー「遊ぶ」以外のラジオボタン非表示（「遊ぶ」検索結果共通） */
    .search-results-play {
        #vkfs_spot-category {
            li.vkfs__level-0:not(:nth-child(6)) {
                display: none;
            }
        }
    }

    /* 検索フォームのカテゴリーの横幅を子要素に合わせる（共通） */
    .vkfs__call-filter-search {
        .vkfs__labels {
            .vkfs__level-0 {
                flex-basis: fit-content;
            }

            /* 検索フォームのmarginをなくす（共通） */
            .vkfs__outer-wrap.vkfs__taxonomy {
                margin-bottom: 0 !important;
            }
            .wp-block-vk-filter-search-pro-search-result-single-order {
                margin-bottom: 0 !important;
            }
        }

        /* 検索ボタンを非表示（共通） */
        button.vkfs_submit {
            display: none;
        }
    }

    /* PC・タブレット */
    @media (min-width: 1281px) {

        /* 検索フォームの横幅を小さくする（PC） */
        .vkfs__call-filter-search {
            width: 20% !important;
            margin-left: auto;
        }
    }
    @media (min-width: 501px) {

        /* 検索フォームの横幅を小さくする（タブレット） */
        .vkfs__call-filter-search {
            width: 24%;
            margin-left: auto;
        }
    }

    /* タブレット版 */
    @media (max-width: 1280px) and (min-width: 501px) {
        .wp-block-vk-blocks-tab.vk_tab.is-style-vk_tab_labels-normal {
            .vk_tab_bodys {
                ul {
                    grid-template-columns: 2fr 2fr !important; /* 投稿の並べ方を2列にする（タブレット版） */
                }
            }
        }
    }
	
	/* タブレット・スマホ */
	@media (max-width: 1280px) {
		
		/* 上部の余白をなくす（タブレット・スマホ） */
		header {
            margin-block-start: 0px !important;
        }

        /* スマホ */
        @media (max-width: 500px) {

            /* 検索フォームを2列にする（スマホ） */
            .vkfs__call-filter-search {
                .vkfs__labels {
                    flex-direction: row !important;
                    flex-wrap: nowrap;
                }
            }
        }
	}
}


/* モデルコース */
.page-id-1961 {
	
	/* タブレット・スマホ */
	@media (max-width: 1280px) {
		
		/* メインビジュアルを変更（タブレット・スマホ） */
		.wp-block-post-featured-image {
			aspect-ratio: 16 / 9;
			background-image: url(/wp/wp-content/uploads/2025/10/modelcorse-top-image-03.jpg);
			background-repeat: no-repeat; /* 繰り返しなし */
			background-size: cover; /* 要素全体を覆う */
			background-position: center; /* 中央に配置 */
			img {
				display: none;
			}
		}
	}
}
/* Googleマップのビジュアルの調整（モデルコース/PC版） */
.google-map-course {
    .vk-visual-embed-preview {
        iframe {
            aspect-ratio: 16 / 9;
            width: 100%;
            height: auto;
            border-radius: 10px;
        }
    }
}

/* モデルコースのアコーディオンの色や角、フォントサイズを変更 */
.modelcourse-car {
    .ark-block-accordion__title {
        background: var(--wp--preset--color--custom-blue);
        color: #FFFFFF;
        border-radius: 10px;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
    }
}
.modelcourse-bicycle {
    .ark-block-accordion__title {
        background: var(--wp--preset--color--custom-green-01);
        color: #FFFFFF;
        border-radius: 10px;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
    }
}

/* モデルコースのスポット間に移動距離と時間を記載 */
.car-time {
    width: fit-content;
    position: relative;
    z-index: 996;
}
.bicycle-time {
    width: fit-content;
    position: relative;
    z-index: 995;
}

/* モデルコースの見出しに下線を入れる */
.modelcourse-underline {
    border-bottom: solid 5px #62A0DA;
    width: fit-content;
}

/* モデルコースに記載の「昼食」を前面に出す */
.modelcourse-lunch {
    position: relative;
    z-index: 997;
}

/* モデルコースの1泊に横線を入れる */
.modelcourse-line-02 {
    border-bottom: 3px dashed #62a0da;
}


/* お問い合わせ */
/* お問い合わせページのmainとfooter間の余白をなくす */
body.page-id-2005 {
    main {
        margin-bottom: -64px !important;

        /* お問い合わせ後のメッセージのスタイルを変更（共通） */
        .wpcf7 form .wpcf7-response-output {
            margin: 2em 0 0 !important;
            padding: 0 !important;
            border: none !important;
        }
    }
	
	/* タブレット・スマホ */
	@media (max-width: 1280px) {
		
		/* メインビジュアルを変更（タブレット・スマホ） */
		.wp-block-post-featured-image {
			aspect-ratio: 16 / 9;
			background-image: url(/wp/wp-content/uploads/2025/10/contact_header_img_02.jpg);
			background-repeat: no-repeat; /* 繰り返しなし */
			background-size: cover; /* 要素全体を覆う */
			background-position: center; /* 中央に配置 */
			img {
				display: none;
			}
		}
	}
}

/* お問い合わせフォームの送信ボタンを中央に揃える（共通） */
.mycontact-btn-wrapper {
    p {
        text-align: center;
    }
}


/* タブレット・スマホ版 */
@media (max-width: 1280px)  {

    /* header */
    /* ハンバーガーメニュー内の施設概要とサブメニュー間の余白を追加 */
    .wp-block-navigation__submenu-container.has-text-color.has-custom-black-color.has-background.has-custom-beige-background-color.wp-block-navigation-submenu.has-text-color.has-custom-black-color.has-small-font-size {
        padding: 8px 0 0;
    }

    /* ハンバーガーメニュー内の施設概要にドットの下線を引く */
    button.wp-block-navigation-item__content {
        border-bottom: dashed 1px #000000;
        align-self: stretch;
        text-align: center;
    }

    /* ハンバーガーメニューのナビゲーションにドットの下線を引く */
    .overlay_menu {
        border-bottom: dashed 1px #000000;
        align-self: stretch;
        text-align: center;
    }

    /* ハンバーガーメニューのナビゲーションに矢印を追加 */
    header {
        .wp-block-navigation-item__label {
            position: relative;
        }
        .wp-block-navigation-item__label::before {
            content: "";
            position: absolute;
            top: 50%;
            left: -16px;
            transform: translateY(-50%); 
            border: 5px solid transparent;
            border-left: 8px solid #000000;
        }
    }

    /* ハンバーガーメニューの背景に画像を追加 */
    .wp-block-navigation__responsive-container {
        background-image: url(/wp/wp-content/uploads/2025/02/submenu_background.png);
    }

    /* ハンバーガーメニューアイコンに背景色と角丸を追加 */
    .wp-block-navigation__responsive-container-close, .wp-block-navigation__responsive-container-open {
        background: var(--wp--preset--color--custom-red-01);
        color: #FFFFFF !important;
        padding: 8px !important;
        border-radius: 10px;
    }

    /* footer */
    /* footerのナビゲーションと道の駅名の位置を逆にする */
    .col-reverse{
        flex-direction: column-reverse; 
    }

    /* HOME */
    /* HOMEのInstagramのmarginの調整（タブレット版） */
    .sbi.sbi_mob_col_2.sbi_tab_col_2.sbi_col_3.sbi_width_resp.sbi_width_resp {
        margin-left: 0 !important;
        margin-right: 0 !important;
        max-width: 100% !important;
    }


    /* ギャラリーページ */
    /* ギャラリーページのアコーディオンのテキストと矢印を変更する */
    .gallery-accordion {
        .ark-block-accordion__title {
            background: none;
            .ark-block-accordion__label {
                font-size: 20px;
                font-style: normal;
                font-weight: 700;
                line-height: 1.3;
            }
            .ark-block-accordion__icon {
                color: var(--wp--preset--color--custom-red-02);
            }
        }
    }

    /* レンタルページ */
    /* レンタルページのアコーディオンのテキストと矢印を変更する */
    .rental-accordion {
        .ark-block-accordion__title {
            background: none;
            .ark-block-accordion__label {
                font-size: 20px;
                font-style: normal;
                font-weight: 700;
                line-height: 1.3;
            }
            .ark-block-accordion__icon {
                color: var(--wp--preset--color--custom-blue);
            }
        }
    }

    /* タブレット（mini）・スマホ */
    @media (max-width: 800px) {


        /* 施設概要 */
        /* PC版では表示されていた見出しを非表示（施設概要） */
        .top-facility-h-pc {
            display: none;
        }


        /* 店舗一覧 */
        /* 店舗一覧のおやさいcafeAOMUSHIのコンテンツを上下逆にする（特例） */
        .shops-aomushi {
            flex-direction: column-reverse;
        }

    }

    /* タブレットのみ */
    @media (min-width: 600px) {

        /* ハンバーガーメニュー */
        /* タブレットにハンバーガーメニューを追加 */
        .wp-block-navigation__responsive-container-open:not(.always-shown) {
            display: block;
        }
        .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
            display: none;
        }


        /* 施設概要 */
        /* 施設概要の施設ごとの番号のサイズを画面サイズごとに変える（タブレット版） */
        .facility-number {
            img {
                max-width: 80px;
                width: 100% !important;
                height: auto;
            }
        }
    }

    /* モバイルのみ */
    @media (max-width: 599px) {

        /* HOME */
        /* HOMEのInstagramの横幅の調整（モバイル版） */
        .sbi_width_resp {
            max-width: 100% !important;
        }

        /* 施設概要 */
        /* 施設概要の施設ごとの番号のサイズを画面サイズごとに変える（mobile版） */
        .facility-number {
            img {
                max-width: 72px;
                width: 100% !important;
                height: auto;
            }
        }

        /* モデルコース */
        /* Googleマップのビジュアルの調整（モデルコース/mobile版のみ） */
        .google-map-course {
            .vk-visual-embed-preview {
                iframe {
                    aspect-ratio: 9 / 16 !important;
                    width: 100%;
                    height: auto;
                    border-radius: 10px;
                }
            }
        }

    }

    /* モバイルのみ */
    @media (max-width: 500px) {

        /* HOME */
        /* HOMEのイベントで使用しているsmartsliderのフォントサイズを変更（mobile版） */
        .home-event-contents {
            .n2-ss-item-content.n2-ss-text.n2-ow {
                font-size: 14px !important;
            }
            .n2-ss-item-content.n2-ss-text.n2-ow-all {
                p {
                    font-size: 12px !important;
                }
            }
            .n2-ss-section-main-content.n2-ss-layer-with-background.n2-ss-layer-content.n2-ow {
                padding: 12px !important;
            }
        }

        /* 区切り線の位置・太さを調整（HOME・施設概要／mobile版） */
        .wp-block-column {
            .is-style-default { 
                width: auto !important;
            }
        }
        .wp-block-separator.has-background:not(.is-style-wide):not(.is-style-dots) {
            height: 3px;
        }

        /* Googleマップのビジュアルの調整（mobile版） */
        .google-map {
            div.vk-visual-embed-preview {
                iframe {
                    aspect-ratio: 16 / 9 !important;
                    /* border-radius: 0 !important;
                    max-width: none !important;
                    width: 100vw !important;
                    box-sizing: border-box;
                    margin-left: calc(-50vw + 50%); */
                }
            }
        }

        .wp-singular.spots-template.spots-template-wp-custom-template-6.single.single-spots {
            .google-map {
                div.vk-visual-embed-preview {
                    iframe {
                        aspect-ratio: 16 / 9 !important;
                        border-radius: 0 !important;
                        max-width: none !important;
                        width: 100vw !important;
                        box-sizing: border-box;
                        margin-left: calc(-50vw + 50%);
                    }
                }
            }
        }

        /* テンプレートの見出し部分に装飾を付け、タイトルとコンテンツをアイキャッチ画像に被せる（イベント／mobile版） */
        .events-template-wp-custom-template-01 {
            h1.has-text-align-center.wp-block-post-title {
                padding: 16px;
                border-radius: 10px;
                background-color: var(--wp--preset--color--custom-white);
            }
            div.post-contents {
                margin-top: -40px;
            }
        }
        .events-template-wp-custom-template-03 {
            h1.has-text-align-center.wp-block-post-title {
                padding: 16px;
                border-radius: 10px;
                background-color: var(--wp--preset--color--custom-white);
            }
            div.post-contents {
                margin-top: -32px;
            }
        }

        /* 店舗一覧 */
        /* テンプレートの見出し部分に装飾を付け、タイトルとコンテンツをアイキャッチ画像に被せる（店舗詳細情報／mobile版） */
        .page-template-wp-custom-template-7 {
            h1.has-text-align-center.wp-block-post-title {
                padding: 16px;
                border-radius: 10px;
                background-color: var(--wp--preset--color--custom-white);
            }
            div.post-contents {
                margin-top: -32px;
            }
            .entry-content.alignfull.wp-block-post-content.has-global-padding.is-layout-constrained.wp-block-post-content-is-layout-constrained {
                margin-block-start: 48px;
            }
        }

        /* 歴史／文化財 */
        /* カラムの位置を逆にする（歴史／文化財（詳細）/mobile版） */
        .history-building-column {
            flex-direction: column-reverse; 
        }

        /* 自然／散策 */
        /* テンプレートの見出し部分に装飾を付け、タイトルとコンテンツをアイキャッチ画像に被せる（春夏秋通年／mobile版） */
        .strolling-template-wp-custom-template-6 {
            h1.has-text-align-center.wp-block-post-title {
                padding: 16px;
                border-radius: 10px;
                background-color: var(--wp--preset--color--custom-white);
            }
            div.post-contents {
                margin-top: -32px;
            }
            .entry-content.alignfull.wp-block-post-content.has-global-padding.is-layout-constrained.wp-block-post-content-is-layout-constrained {
                margin-block-start: 48px;
            }
        }

        /* 周辺スポット */
        /* テンプレートの見出し部分に装飾を付け、タイトルとコンテンツをアイキャッチ画像に被せる（周辺スポット／mobile版） */
        .spot-template-wp-custom-template-6 {
            h1.has-text-align-center.wp-block-post-title {
                padding: 16px;
                border-radius: 10px;
                background-color: var(--wp--preset--color--custom-white);
            }
            div.post-contents {
                margin-top: -40px;
            }
            .entry-content.alignfull.wp-block-post-content.has-global-padding.is-layout-constrained.wp-block-post-content-is-layout-constrained {
                margin-block-start: 48px;
            }
        }


        /* モデルコース */
        /* mobile版では当該写真を見えないようにする（モデルコース/mobile版） */
        .modelcourse-left-photo {
            display: none;
        }

        /* 各スポットの背景色と余白の調整（モデルコース/mobile版） */
        .modelcourse-spot {
            padding: 0 !important;
            background: var(--wp--preset--color--custom-white) !important;
            border-radius: 0 !important;
        }

        /* 各スポット間に三角を入れる（モデルコース/mobile版） */
        .modelcourse-triangle-blue {
            width: 0;
            height: 0;
            border: 24px solid transparent;
            border-top: 24px solid #62A0DA;
            border-bottom: 0;
        }
        .modelcourse-triangle-green {
            width: 0;
            height: 0;
            border: 24px solid transparent;
            border-top: 24px solid #39B54A;
            border-bottom: 0;
        }

        /* スポットの見出しを中央ぞろえにする（モデルコース/mobile版のみ） */
        .is-style-default.modelcourse-text-center {
            text-align: center;
        }
        
    }

}

/* PC・タブレット */
@media (min-width: 801px) {

    /* 施設概要 */
    /* mobile版では表示されていた見出しを非表示（施設概要） */
    .top-facility-h-sp {
        display: none;
    }

}

/* PCのみ */
@media (min-width: 1281px){

    /* ヘッダー */
    /* mobile版では表示されていたSNSアイコンを非表示（ヘッダー） */
    ul.is-style-logos-only {
        display: none;
    }

    /* HOME */
    /* アクセス内の区切り線の角度・太さを調整（HOME／デスクトップ版） */
    .home {
        .wp-block-column {
            .is-style-default {
                transform: rotate(90deg);
                margin: auto;
            }
        }
    }
    .wp-block-separator.has-background:not(.is-style-wide):not(.is-style-dots) {
        height: 3px;
    }

    /* 施設概要 */
    /* mobile版では表示されていた見出しを非表示（施設概要） */
    .top-facility-h-sp {
        display: none;
    }

    /* 施設概要の施設ごとの番号のサイズを画面サイズごとに変える（PC版） */
    .facility-number {
        img {
            max-width: 120px;
            width: 100% !important;
            height: auto;
        }
    }

    /* ギャラリーページのアコーディオンのテキストと矢印を変更する */
    .gallery-accordion {
        .ark-block-accordion__title {
            background: none;
            .ark-block-accordion__label {
                font-size: 32px;
                font-style: normal;
                font-weight: 700;
                line-height: 1.3;
            }
            .ark-block-accordion__icon {
                color: var(--wp--preset--color--custom-red-02);
            }
        }
    }

    /* レンタルページのアコーディオンのテキストと矢印を変更する */
    .rental-accordion {
        .ark-block-accordion__title {
            background: none;
            .ark-block-accordion__label {
                font-size: 32px;
                font-style: normal;
                font-weight: 700;
                line-height: 1.3;
            }
            .ark-block-accordion__icon {
                color: var(--wp--preset--color--custom-blue);
            }
        }
    }

    /* モデルコース */
    /* PC版では当該写真を見えないようにする（モデルコース/PC版） */
    .modelcourse-in-photo {
        display: none;
    }

    /* モデルコースのスポット間に縦線を入れる（デスクトップ版のみ） */
    .modelcourse-line-01 {
        border-left: 3px dashed #62a0da;
        height: 100%;
        left: 50%;
        position: absolute;
    }
    .modelcourse-line-03 {
        border-left: 3px dashed #39B54A;
        height: 100%;
        left: 50%;
        position: absolute;
    }

    /* モデルコースのスポット間に三角を載せる（mobile版のみ） */
    .modelcourse-triangle-blue {
        display: none;
    }

    /* モデルコースの見出し下のスペーサーをなくす（デスクトップ版） */
    .car-day-2-departure {
        display: none;
    }
    .bicycle-departure {
        display: none;
    }

}

/* 歴史／文化財ページ用 */
/* 見出し */
.history-h3 {
	color: #fff;
	background-color: #22B573;
	border-radius: 50px;
	padding: 12px 0;
}
.history-h4 {
	display: inline-block;
	border-bottom: 1px solid #4A4A4A;
	padding: 10px 0;
}
.history-links a {
	display: block;
	margin-top: 0;
	max-width: 100%;
}
.history-links .wp-block-group:hover {
	opacity: .7;
	transition: .3s;
}
/* 六角形アイコンベース */
.icon-base-hexagon {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
  width: 48px;
  height: 55px;
  color: #fff;
  background: #4A4A4A;
	clip-path: polygon(0 25%, 50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%);
}
.icon-base-hexagon > p {
	line-height: 1;
}

/* 自然／散策ページ用 */
.page-id-1451 {

  /* タブレット・スマホ */
  @media (max-width: 1280px) {
    
    /* メインビジュアルを変更（タブレット・スマホ） */
    .wp-block-post-featured-image {
      aspect-ratio: 16 / 9;
      background-image: url(/wp/wp-content/uploads/2025/10/strolling-03.jpg);
      background-repeat: no-repeat; /* 繰り返しなし */
      background-size: cover; /* 要素全体を覆う */
      background-position: center; /* 中央に配置 */
      img {
        display: none;
      }
    }
  }
}

/* 検索結果ページ */
.search.search-results {

    /* タブレット・スマホ */
    @media (max-width: 1280px) {

        /* ヘッダー先頭側のmarginを指定（共通） */
        header {
            margin-block-start: 0 !important;
        }
    }
}

/* イベント（検索結果）ページ */
/* イベントの検索結果表示時のSearch Result Formのスタイル（共通） */
.search-results.post-type-archive-events {
    .wp-block-vk-blocks-accordion.vk_accordion.is-style-vk_accordion-background-color {
        .wp-block-vk-blocks-accordion-trigger.vk_accordion-trigger {
            background-color: #62A0DA !important;
            border-radius: 10px;
        }
        h6.wp-block-heading {
            color: #FFFFFF;
        }
        .vk_accordion-trigger .vk_accordion-toggle-close::after  {
            border-right: 1px solid #FFFFFF;
            border-top: 1px solid  #FFFFFF;
        }
        .vk_accordion-trigger .vk_accordion-toggle-open::after  {
            border-right: 1px solid #FFFFFF;
            border-top: 1px solid  #FFFFFF;
        }
        .vkfs__call-filter-search_editBtn.btn.btn-outline-primary.btn-sm.veu_adminEdit {
            display: none;
        }
    }

    /* 編集ボタンを非表示（共通） */
    .btn.btn-default.btn-sm {
        display: none;
    }
}
.search-no-results.post-type-archive-events {
    .wp-block-vk-blocks-accordion.vk_accordion.is-style-vk_accordion-background-color {
        .wp-block-vk-blocks-accordion-trigger.vk_accordion-trigger {
            background-color: #62A0DA !important;
            border-radius: 10px;
        }
        h6.wp-block-heading {
            color: #FFFFFF;
        }
        .vk_accordion-trigger .vk_accordion-toggle-close::after  {
            border-right: 1px solid #FFFFFF;
            border-top: 1px solid  #FFFFFF;
        }
        .vk_accordion-trigger .vk_accordion-toggle-open::after  {
            border-right: 1px solid #FFFFFF;
            border-top: 1px solid  #FFFFFF;
        }
        .vkfs__call-filter-search_editBtn.btn.btn-outline-primary.btn-sm.veu_adminEdit {
            display: none;
        }
    }

    /* 編集ボタンを非表示（共通） */
    .btn.btn-default.btn-sm {
        display: none;
    }
}

/* 周辺スポット（検索結果）ページ */
.search-results.post-type-archive-spots {

    /* 編集ボタンを非表示（共通） */
    .btn.btn-default.btn-sm {
        display: none;
    }
}
.search-no-results.post-type-archive-spots {

    /* 編集ボタンを非表示（共通） */
    .btn.btn-default.btn-sm {
        display: none;
    }
}

/* アコーディオンタイトル */
.strolling-accordion .ark-block-accordion__title {
	background: #FEF5E6;
	border-radius: 8px;
	padding: .75em 2em;
}
.strolling-accordion .is-opened .ark-block-accordion__title {
	background: #E4A6A1;
}
.strolling-accordion .ark-block-accordion__icon {
	background: #E4A6A1;
	width: 24px;
	height: 24px;
}
.strolling-accordion .is-opened .ark-block-accordion__icon {
	background: #fff;
}
@media (min-width: 1281px)  {
	.strolling-accordion .ark-block-accordion__label {
		font-size: 32px;
		font-style: normal;
		font-weight: 700;
	}
}
@media (max-width: 1280px)  {
	.strolling-accordion .ark-block-accordion__label {
		font-size: 20px;
		font-style: normal;
		font-weight: 700;
	}
}
.strolling-accordion .is-opened .ark-block-accordion__label {
	color: #fff;
}
/* アコーディオンボディ */
.strolling-accordion .ark-block-accordion__body {
	padding-left: 0;
	padding-right: 0;
}
.strolling-accordion img {
	width: 100%;
}

/* アコーディオン内のマップの写真の幅 */
.strolling-accordion {
	.wp-block-image {
		a {
			display: block;
		}
	}
}

/* ホバー */
.strolling-links .is-hover:hover {
	opacity: .7;
	transition: .3s;
}

/* 共通 */
/* 三角矢印アイコン */
.icon-circle-right {
	position: relative;
	width: 28px;
  height: 28px;
  margin: auto;
  border-radius: 20px;
  background-color: #22B573;
}
.icon-circle-right.--pink {
	background-color: #E4A6A1;
}
.icon-circle-right::after {
	content: '';
  position: absolute;
  top: 50%;
	left: 50%;
  width: 0;
  height: 0;
	transform: translate(-40%, -50%);
  margin: auto;
  border-top: 6px solid transparent;
  border-right: 0 solid transparent;
  border-left: 9px solid #fff;
  border-bottom: 6px solid transparent;
  box-sizing: border-box;
}

/* マイパターン カルーセルスライダー */
.my-carousel-slider-1 .swiper-pagination-bullet {
	width: 20px;
	height: 20px;
	border-radius: 50%;
}
.my-carousel-slider-1.--pink .swiper-pagination-bullet-active {
	background-color: #E4A6A1;	
}
.my-carousel-slider-1.--green .swiper-pagination-bullet-active {
	background-color: #22B573;	
}
.my-carousel-slider-1.--blue .swiper-pagination-bullet-active {
	background-color: #62A0DA;	
}

/* ボタン 枠線太さ調整 */
.ark-block-button__link {
	border: 2px solid;
	box-shadow: none !important;
}

.width-100 img {
	width: 100%;
	height: auto;
}

/* コンタクトフォーム */
#mycontact {
	list-style: none;
	padding: 0;
}
#mycontact * {
	box-sizing: border-box;
}
#mycontact p {
	display: inline;
}
#mycontact .mycontact-item {
	display: grid;
	grid-template-columns: 300px 1fr;
	gap: 40px;
	margin-bottom: 64px;
}
#mycontact .mycontact-txt p {
	font-size: 24px;
	font-weight: bold;
}
#mycontact .mycontact-label {
	display: inline-block;
	font-size: 16px;
	border-radius: 4px;
	padding: 1px 4px;
	margin-left: 1em;
}
#mycontact .mycontact-label.--required {
	color: #fff;
	background-color: #000;
}
#mycontact .mycontact-label.--optional {
	color: #000;
	background-color: #D9D9D9;
}
#mycontact .mycontact-holder {
	border: 1px solid;
	border-radius: 8px;
	padding: 16px 20px;
	width: 100%;
}
.mycontact-btn-wrapper {
  text-align: center;
  margin: 0 auto;
  .wpcf7-spinner {
    display: none;
  }
}
.mycontact-btn {
  display: inline-block;
  color: #fff;
  border: 1px solid #E4A6A1;
  background-color: #E4A6A1;
  min-width: 230px;
  padding: 8px 20px;
	cursor: pointer;
	font-family: var(--wp--preset--font-family--noto-sans-jp);
	font-size: var(--wp--preset--font-size--small);
	font-style: normal;
	font-weight: 400;
	line-height: 1.8;
}
.mycontact-btn:hover {
	opacity: .8;
	transition: .3s;
}

@media screen and (max-width: 980px) {
	#mycontact .mycontact-item {
		grid-template-columns: 1fr;
		gap: 20px;
		margin-bottom: 32px;
	}
}

/* 宿泊ページ */
.page-id-1519 {

  /* タブレット・スマホ */
  @media (max-width: 1280px) {
    
    /* メインビジュアルを変更（タブレット・スマホ） */
    .wp-block-post-featured-image {
      aspect-ratio: 16 / 9;
      background-image: url(/wp/wp-content/uploads/2025/10/yado-02.jpg);
      background-repeat: no-repeat; /* 繰り返しなし */
      background-size: cover; /* 要素全体を覆う */
      background-position: center; /* 中央に配置 */
      img {
        display: none;
      }
    }
  }
}