/* ロゴとキャッチコピーを横並びに（PC） */
#logo_area {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-top: 30px !important;
}

/* ロゴ画像を縦横比そのままで調整 */
#logo_area img {
  height: 50px;   /* ←店舗名と揃えたい大きさに変更可 */
  width: auto;
  display: block;
}

/* キャッチコピー（店舗名） */
#site_description {
  display: block !important;
  font-size: 32px;
  font-weight: bold;
  font-family: "Hiragino Mincho ProN", "MS Mincho", serif; /* 明朝体 */
  color: #333;
  line-height: 1.2;
  margin: 0;
}

/* 既存の余白 */
div#gloval_navi { margin-top: 30px !important; }
div#header_utility { margin-top: 30px !important; }

/* スライダー枠は表示のまま */
div.design-style { display: block !important; }

/* スライダー画像共通 */
.bnr-slider img, .bxslider img { width: 100%; height: auto; display: block; }

/* スマホは縦積み */
@media (max-width: 768px) {
  #logo_area { flex-direction: column; align-items: flex-start; gap: 6px; }
  #logo_area img { height: 40px; }
  #site_description { font-size: 20px; }
}


/* ====== 全体レイアウト ====== */
#wku-footer { font-family: "Hiragino Sans","Noto Sans JP",sans-serif; font-size:14px; color:#333; line-height:1.8; }
.wku-container { max-width:1180px; margin:0 auto; padding:0 16px; }

/* ====== ショッピングガイド（2列レイアウト） ====== */
#wku-guide-wrap { background:#f6f7f8; border-top:1px solid #e5e7eb; }
#wku-guide { padding:28px 0; }
#wku-guide .wku-title {
  font-size:20px; font-weight:700; color:#334155; letter-spacing:.03em;
  margin:0 0 18px; border-left:6px solid #2e7d32; padding-left:10px;
  text-align:left;
}
/* 2列グリッド */
.wku-guide-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px 32px; align-items:start; }
.wku-col { display:flex; flex-direction:column; gap:20px; }
/* カード */
.wku-card { background:#fff; border:1px solid #e5e7eb; border-radius:12px; padding:16px 18px; box-shadow:0 2px 8px rgba(0,0,0,.04); text-align:left; }
.wku-card h3 { font-size:15px; font-weight:700; color:#0f172a; margin:0 0 8px; border-left:4px solid #2e7d32; padding-left:8px; }
.wku-card p { margin:0; color:#334155; font-size:14px; }
.wku-card p + p { margin-top:6px; }

/* ====== 緑帯（会社情報 左／リンク 右） ====== */
#wku-band { background:#2e7d32; color:#fff; }
#wku-band .wku-band-inner { padding:22px 0; }
#wku-band a { color:#fff; text-decoration:none; }
#wku-band a:hover { text-decoration:underline; }

.wku-band-row { display:flex; gap:32px; align-items:flex-start; justify-content:space-between; flex-wrap:wrap; }
.wku-company { flex:1 1 420px; min-width:280px; text-align:left; }
.wku-company .name { font-size:16px; font-weight:700; margin:0 0 6px; }
.wku-company .addr, .wku-company .tel { margin:0; opacity:.95; }

.wku-links { flex:1 1 420px; min-width:280px; display:flex; gap:36px; justify-content:flex-end; text-align:left; }
.wku-links ul { list-style:none; margin:0; padding:0; }
.wku-links li { margin:6px 0; }

/* コピーライト */
#wku-copy {  border-top: none !important; text-align:center; padding:12px 0 18px; }
#wku-copy small { color:#fff; opacity:.9; font-size:12px; }

/* ====== レスポンシブ ====== */
@media (max-width:900px){
  .wku-guide-grid { grid-template-columns:1fr; }
  .wku-links { justify-content:flex-start; }
}

/* スマホ幅でレフトナビを非表示 */
@media (max-width: 900px) {
  #side-bnrarea,   /* サイドバナー */
  #sidecolumn,     /* 左カラムの親 */
  .leftcolumn,     /* 左ナビ用のクラス（テーマによって） */
  .side_nav,       /* ナビ全般 */
  #category_area,  /* カテゴリー */
  #calendar_area,  /* カレンダー */
  #search_area,    /* サーチ窓 */
  #cart_area       /* カート金額表示 */
  {
    display: none !important;
  }
}