@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.1.2
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/
@import url(./scss/style.css?202508240000);

/* WordPressキャッシュクリア用 */
/* Updated: 2025-08-24 15:30:00 */

/* ソーシャルアイコン関連エリアを完全削除 */
.l-footer .c-iconList,
.cta-social-links,
.social-link,
.social-icon,
.instagram-icon,
.twitter-icon,
.wp-social-link-instagram,
[class*="social-"],
[class*="icon-"],
/* CTAエリアのソーシャル部分全体 */
.weekend-market-cta .cta-social-links,
.cta-main-container .cta-social-links,
/* フッターSNS関連セクション - より包括的に削除 */
.l-footer__foot .c-iconList,
.l-footer .c-iconList,
.l-footer [class*="icon"],
.l-footer [class*="sns"],
.l-footer [class*="social"],
/* フッター内のアイコンリストエリア全体 */
.l-footer__foot > .__l-container > .c-iconList,
/* その他のソーシャル関連コンテナ */
.wp-block-social-links,
.wp-block-social-link,
/* 全サイトのソーシャル関連要素 */
.swell-icon-list,
.icon-list,
.c-shareBtns__list,
[data-icon*="social"],
[data-icon*="twitter"],
[data-icon*="instagram"],
[data-icon*="facebook"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

/* ==========================================================================
   SWELLテーマ用 出店要項見出しカスタマイズ
   ========================================================================== */





/* グローバルナビゲーションの文字色を黒に変更 */
.l-header .c-gnav a,
.l-header .c-gnav__item a,
.l-header .c-gnav__link,
.l-header nav a,
.l-header .menu a,
.l-header .nav-menu a {
    color: #000 !important;
}

.l-header .c-gnav a:hover,
.l-header .c-gnav__item a:hover,
.l-header .c-gnav__link:hover,
.l-header nav a:hover,
.l-header .menu a:hover,
.l-header .nav-menu a:hover {
    color: #333 !important;
}

.l-header .c-gnav .current-menu-item a,
.l-header .c-gnav .current_page_item a {
    color: #000 !important;
}

/*/* フッター背景を緑・白文字に変更 */
.l-footer,
footer,
.site-footer,
.footer {
    background-color: #4CAF50 !important;
    background-image: none !important;
    color: #fff !important;
}

.l-footer *,
footer *,
.site-footer *,
.footer * {
    color: #fff !important;
}

.l-footer a,
footer a,
.site-footer a,
.footer a {
    color: #fff !important;
    text-decoration: underline !important;
}

.l-footer a:hover,
footer a:hover,
.site-footer a:hover,
.footer a:hover {
    color: #e8f5e8 !important;
    text-decoration: none !important;
}



/* アイキャッチ画像を非表示 */
.post-thumbnail,
.entry-thumbnail,
.featured-image,
.wp-post-image,
.c-eyecatch,
.eyecatch,
.l-article__eyecatch,
.post-header .featured-image,
.entry-header .post-thumbnail,
.l-article__header .c-eyecatch,
html body .post-thumbnail,
html body .c-eyecatch,
html body .l-article__eyecatch,
body[class*="entry"] .c-eyecatch,
body[class*="entry"] .post-thumbnail,
body[class*="entry"] .l-article__eyecatch,
body.page .c-eyecatch,
body.page .post-thumbnail,
body.page .l-article__eyecatch,
.l-topTitleArea img,
.l-topTitleArea__img,
.c-filterLayer__img {
    display: none !important;
}

/*/* 出店要項ページ（page-id-1117）の関連ページを完全非表示 */
body.page-id-1117 .p-relatedPosts,
body.page-id-1117 .related-posts,
body.page-id-1117 .c-relatedPosts,
body.page-id-1117 .p-pagination,
body.page-id-1117 .post-navigation,
body.page-id-1117 .nav-links,
body.page-id-1117 .related-entries,
body.page-id-1117 .related-articles,
body.page-id-1117 .wp-block-latest-posts,
body.page-id-1117 .p-postList,
body.page-id-1117 .c-postList,
body.page-id-1117 .related,
body.page-id-1117 .p-entryFooter,
body.page-id-1117 .entry-footer,
body.page-id-1117 .post-tags,
body.page-id-1117 .post-categories,
body.page-id-1117 .p-articleMeta,
body.page-id-1117 .article-meta,
body.page-id-1117 .p-entryBottom,
body.page-id-1117 .entry-bottom,
body.page-id-1117 .p-pageNav,
body.page-id-1117 .page-nav,
body.page-id-1117 .navigation,
/* 出店要項ページでのみ関連ページセクションとカテゴリーリンクを非表示 */
#after_article,
.l-articleBottom,
.l-articleBottom__section.-related,
.l-articleBottom__title.c-secTitle,
.c-categoryList,
.c-categoryList__link,
.c-breadcrumb,
.breadcrumb,
.breadcrumbs,
nav.breadcrumb,
.p-breadcrumb,
#breadcrumb {
    display: none !important;
}

/* 出店関連のボタン・リンクのレスポンシブ対応（フロントエンドのみ） */
@media (max-width: 768px) {
    
    /* ナビゲーション項目（スマホ用） */
    .c-gnav__item,
    .menu-item,
    .l-header .c-gnav a {
        font-size: 12px !important;
        padding: 5px 8px !important;
    }
    
    /* CTA部分（ご出店希望▶出店案内・出店申込）の強制レスポンシブ */
    .weekend-market-cta {
        padding: 8px 0 !important;
    }
    
    .cta-main-container {
        padding: 0 10px !important;
        flex-direction: column !important;
        gap: 8px !important;
        align-items: center !important;
    }
    
    .cta-container {
        flex-direction: column !important;
        gap: 6px !important;
        align-items: center !important;
        width: 100% !important;
    }
    
    .cta-label {
        font-size: 14px !important;
        font-weight: bold !important;
        text-align: center !important;
        margin: 0 !important;
    }
    
    .cta-buttons {
        gap: 6px !important;
        flex-direction: row !important;
        justify-content: center !important;
        width: 100% !important;
    }
    
    .cta-btn {
        padding: 6px 10px !important;
        font-size: 12px !important;
        min-width: 70px !important;
        text-align: center !important;
        border-radius: 20px !important;
        line-height: 1.3 !important;
    }
    
    .btn-guide,
    .btn-apply {
        font-size: 12px !important;
        padding: 6px 10px !important;
    }
    
    .cta-social-links {
        justify-content: center !important;
        gap: 6px !important;
        margin-top: 6px !important;
        width: 100% !important;
    }
    
    .social-icon {
        width: 28px !important;
        height: 28px !important;
    }
    
    .social-icon svg {
        width: 16px !important;
        height: 16px !important;
    }
    
    .contact-btn {
        padding: 6px 10px !important;
        font-size: 12px !important;
        border-radius: 18px !important;
        line-height: 1.3 !important;
        min-width: 60px !important;
    }
}

/* トップページのヘッダーロゴを非表示 */
.home .l-header__logo {
    display: none !important;
}

/* === CF7の選択UIが消える問題の強制復旧 === */
/* ネイティブ表示を強制 */
.cf7-grid-form input[type="radio"],
.cf7-grid-form input[type="checkbox"],
.cf7-grid-form select,
.cf7-grid-form input[type="file"],
.table-contactform7 input[type="radio"],
.table-contactform7 input[type="checkbox"],
.table-contactform7 select,
.table-contactform7 input[type="file"] {
  appearance: auto !important;
  -webkit-appearance: auto !important;
  -moz-appearance: auto !important;

  position: static !important;
  opacity: 1 !important;
  visibility: visible !important;

  width: auto !important;
  height: auto !important;
  margin: 0 6px 0 0 !important;
  clip: auto !important;
  clip-path: none !important;
}

/* labelで包むCF7のリスト項目を、素直に横並び＆クリックしやすく */
.cf7-grid-form .wpcf7-list-item,
.table-contactform7 .wpcf7-list-item {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin: 4px 12px 4px 0 !important;
}
.cf7-grid-form .wpcf7-list-item > label,
.table-contactform7 .wpcf7-list-item > label {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  cursor: pointer !important;
}

/* もしテーマが「inputを完全に隠して::beforeで代替表示」している場合の抑止 */
.cf7-grid-form .wpcf7-list-item input[type="radio"],
.cf7-grid-form .wpcf7-list-item input[type="checkbox"],
.table-contactform7 .wpcf7-list-item input[type="radio"],
.table-contactform7 .wpcf7-list-item input[type="checkbox"] {
  /* よくある"視覚的に隠す"系を打ち消し */
  transform: none !important;
  left: auto !important; top: auto !important;
  right: auto !important; bottom: auto !important;
}

/* ファイル選択ボタンが消える・極小になる対策 */
.cf7-grid-form input[type="file"],
.table-contactform7 input[type="file"] {
  padding: 6px !important;
  line-height: 1.2 !important;
}
.cf7-grid-form input[type="file"]::file-selector-button,
.table-contactform7 input[type="file"]::file-selector-button {
  padding: 6px 12px !important;
  border: 1px solid #ccc !important;
  background: #f7f7f7 !important;
  cursor: pointer !important;
}

/* 余白と読みやすさ（任意） */
.cf7-grid-form .wpcf7-form-control,
.table-contactform7 .wpcf7-form-control {
  max-width: 100%;
}

/* Weekend Market schedule month colors */
.weekend-market-schedule .schedule-month-row .month-label {
  background-color: #7cb342;
  color: #fff;
  border: 1px solid #5e8f2f;
}

.weekend-market-schedule .schedule-month-row.is-theme-b .month-label,
.weekend-market-schedule .schedule-month-row:nth-of-type(even) .month-label {
  background-color: #ff9800;
  border-color: #f57c00;
}

.weekend-market-schedule .schedule-month-row .date-box:not(.cancelled) {
  background-color: #7cb342;
  color: #fff;
  border: 1px solid #5e8f2f;
}

.weekend-market-schedule .schedule-month-row.is-theme-b .date-box:not(.cancelled),
.weekend-market-schedule .schedule-month-row:nth-of-type(even) .date-box:not(.cancelled) {
  background-color: #ff9800;
  border-color: #f57c00;
  color: #fff;
}

.weekend-market-schedule .schedule-month-row .date-box.cancelled {
  background-color: #f8f8f8;
  color: #666;
  border: 1px solid #ccc;
}

.cf7-category-notice__blocked {
  color: #dc3545;
  font-weight: bold;
}

.cf7-category-notice__general {
  color: #555;
}