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

common-sp.css

********************************************************************************/
/*============================================================
 css変数
*============================================================*/
:root {
	--common-inner-max-width: 100%;           /* 通常サイト幅 */
	--common-inner-max-width-wide: 100%;      /* ワイドサイト幅 */
	--common-inner-padding: 16px;               /* 通常サイト幅内余白 */
	--common-inner-padding-wide: 16px;          /* ワイドサイト幅内余白 */
}

/*============================================================
 system
*============================================================*/
/* pc-sp display switch
---------------------------------------- */
.forPC {
    display: none;
}
.forSP {
    display: inherit;
}

/*============================================================
 format
*============================================================*/
/* レイアウト
---------------------------------------- */
#page-layout {
    padding: 0 var(--inner-padding) 64px var(--inner-padding);
}

/*============================================================
 パンくずリスト
*============================================================*/
/* 下層ページでは表示
---------------------------------------- */
#breadcrumb {
    margin: 24px 0 40px 0;
}


/*============================================================
 コンテンツ共通
*============================================================*/
/* 共通ブロック(要素幅超スクロール)
---------------------------------------- */
.block-wscroll-sp {
    width: calc(100vw -  var(--inner-padding) - 1px);
    overflow-x: auto;
}
.block-wscroll-sp .block-wscroll-inner {
    width: max-content;
    padding: 0 var(--inner-padding) 16px 0;
}
.block-wscroll-sp .block-wscroll-inner > * {
    width: auto;
    white-space: nowrap;
}

/* 記事カード型リスト
---------------------------------------- */
@media screen and (max-width: 512px) {
    /* 記事カード型リスト
    ---------------------------------------- */
    .block-report-list {
        width: 100%;
        --col-cnt: 1;
    }
}

/* 共通ブロック(投稿記事本文内　ブロック)
---------------------------------------- */
.block-post-content .wp-block-group:not(:last-child) {
    margin-bottom: 40px;
}
.block-post-content .wp-block-group .wp-block-group:not(:last-child) {
    margin-bottom: 32px;
}
/* 見出し */
.block-post-content h2 {
    font-size: 18px;
}
.block-post-content h3.wp-block-heading {
    font-size: 17px;
}
.block-post-content h4.wp-block-heading {
    font-size: 16px;
}
/* CTA　関連施設 */
.block-post-content .embed-facility-area {
    margin: 40px 0 0 0;
    padding: 32px 16px;
    border-radius: 20px;
}
.block-post-content .embed-facility-area .embed-label {
    font-size: 18px;
    margin: 0 auto 24px auto;
}
.block-post-content .embed-facility-area .item {
    margin: 0 auto 24px auto;
    padding: 16px;
}
.block-post-content .embed-facility-area .item .info .title {
    font-size: 16px;
}
.block-post-content .embed-facility-area .item .info .parts-btn {
    margin: 0 auto;
}

/* パターン(非同期) 　「グルメ・スイーツ」カテゴリ 店舗紹介 */
.block-post-content .pattern-gourmet-sweets-locations .pattern-layout {
    flex-direction: column;
}
.block-post-content .pattern-gourmet-sweets-locations .pattern-layout .item-image {
    flex-basis: unset !important;
}
.block-post-content .pattern-gourmet-sweets-locations .pattern-layout .item-info .title {
    font-size: 18px;
}

/*============================================================
 ページトップ
*============================================================*/
#pagetop {
    display: none !important;
}


/*============================================================
 サイドバー
*============================================================*/
/* common
---------------------------------------- */
#sidebar .side-sec-list {
    gap: 32px 4%;
}
#sidebar .side-section {
    width: 48%;
}
@media screen and (max-width: 512px) {
    #sidebar .side-section {
        width: 100%;
    }
}


/*============================================================
 footer
*============================================================*/
/* common
---------------------------------------- */
#site-footer {
    margin-top: 0;
}
/* Footer Navi
---------------------------------------- */
#site-footer #fnav .fnav-list .logo img {
    width: 184px;
}
#site-footer #fnav .fnav-list .fnav-menu {
    width: 100%;
}
#site-footer #fnav .fnav-list .fnav-menu .fnav-menu-list {
    width: fit-content;
    margin: 0 auto;
}
#site-footer #fnav .fnav-list .fnav-menu .fnav-menu-list ul:last-child {
    margin-left: 0;
}

@media screen and (max-width: 690px) {
    #site-footer #fnav .fnav-list .fnav-menu .fnav-menu-list {
        width: 420px;
    }
}
@media screen and (max-width: 448px) {
    #site-footer #fnav .fnav-list .fnav-menu .fnav-menu-list {
        width: 100%;
    }
    #site-footer #fnav .fnav-list .fnav-menu .fnav-menu-list ul {
        width: 100%;
        text-align: center;
    }
}