@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ（本体simple-plus_childデザイン準拠）
    Version: 3.0.0
    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
*/

/* ============================================
   CSS 変数（本体のインラインスタイルに相当）
   ============================================ */
:root {
  --accent-color: #a4a13a;
  --header-before-text-color: #424242;
  --cartbtn-bg-color: #a4a13a;
  --btn-hover-bg-color: #a4a13a;
  --wcsp-menu-background-color: #fff;
  --global-menu-text-color: #424242;
  --global-menu-border-color: #e7e7e7;
  --header-icon-size: 26px;
}

/* ============================================
   ヘッダー常時白背景（scroll-in なしでも白）
   ============================================ */
header#header.every {
  background-color: #fff !important;
  min-height: 70px !important;
}

/* ============================================
   管理バー対応
   ============================================ */
body.admin-bar header#header {
  top: 32px;
}

@media screen and (max-width: 782px) {
  body.admin-bar header#header {
    top: 46px;
  }
}

/* ============================================
   コンテンツ上部余白（固定ヘッダー分）
   ============================================ */
#content,
.l-content {
  padding-top: 70px !important;
  margin-top: 0 !important;
}

body.admin-bar #content,
body.admin-bar .l-content {
  padding-top: 102px !important;
}

@media screen and (max-width: 782px) {
  body.admin-bar #content,
  body.admin-bar .l-content {
    padding-top: 116px !important;
  }
}

/* ============================================
   SWELL コンテンツへの Bootstrap 影響を打ち消す
   ============================================ */

/* リスト */
.l-mainContent ul,
.l-mainContent ol,
.p-entryContainer ul,
.p-entryContainer ol {
  padding-left: revert;
  margin-top: revert;
  margin-bottom: revert;
  list-style: revert;
}

.l-mainContent li,
.p-entryContainer li {
  list-style: revert;
}

/* 見出し */
.l-mainContent h1,
.l-mainContent h2,
.l-mainContent h3,
.l-mainContent h4,
.l-mainContent h5,
.l-mainContent h6,
.p-entryContainer h1,
.p-entryContainer h2,
.p-entryContainer h3,
.p-entryContainer h4,
.p-entryContainer h5,
.p-entryContainer h6 {
  margin-top: revert;
  margin-bottom: revert;
  font-size: revert;
  font-weight: revert;
  line-height: revert;
  border: revert;
}

/* 段落 */
.l-mainContent p,
.p-entryContainer p {
  margin-bottom: revert;
}

/* リンク hover（SWELL 側に任せる） */
.l-mainContent a:hover,
.p-entryContainer a:hover {
  opacity: unset;
}

/* ============================================
   フッター nav_menu-2 ナビ（本体 CSS に追加）
   ============================================ */
section#nav_menu-2 ul#menu-sp_nav {
  padding: 0 1.5rem 1.5rem;
  gap: 0 2rem;
}

/* フッターナビリンク色 */
footer .footer-menu li a {
  color: #fff;
}

/* ============================================
   ヘッダー検索アイコン フォーカスアウトライン除去
   ============================================ */
header .search-pc a:focus,
header .search-pc a:focus-visible {
  outline: none;
  box-shadow: none;
}

/* ============================================
   CATEGORYメガメニュー：各カテゴリー画像
   ============================================ */
#menu-nav_manu ul .dropdown-item.dropdown-toggle::before {
  display: block;
  width: 100%;
  height: 0;
  margin-bottom: 0.75rem;
  padding-top: 58%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  content: '';
}
#menu-nav_manu ul .dropdown-item.dropdown-toggle[href*="botanicalboard"]::before {
  background-image: url('https://any-design.jp/onlineshop/wp-content/uploads/2026/04/IMG_7512-650x650.gif');
}
#menu-nav_manu ul .dropdown-item.dropdown-toggle[href*="itemwood"]::before {
  background-image: url('https://any-design.jp/onlineshop/wp-content/uploads/2026/03/IMG_8551-650x650.png');
}
#menu-nav_manu ul .dropdown-item.dropdown-toggle[href*="kakera"]::before {
  background-image: url('https://any-design.jp/onlineshop/wp-content/uploads/2025/06/IMG_1532-650x650.jpg');
}
#menu-nav_manu ul .dropdown-item.dropdown-toggle[href*="/craft"]::before {
  background-image: url('https://any-design.jp/onlineshop/wp-content/uploads/2025/07/IMG_0416-650x650.jpg');
}
#menu-nav_manu ul .dropdown-item.dropdown-toggle[href*="giftorder"]::before {
  background-image: url('https://any-design.jp/onlineshop/wp-content/uploads/2026/03/20260323_113000-650x650.jpg');
}