@charset "utf-8";

/* =============================================
   フレコン市場 カスタムCSS（完全版）
   ============================================= */

/* ============================================= 
   変数定義
   ============================================= */
:root {
  --fc-blue:      #1f5fa8;
  --fc-blue-dark: #174d8a;
  --fc-blue-deep: #0e3260;
  --fc-orange:    #e85d04;
  --fc-orange-h:  #ff7126;
  --fc-white:     #ffffff;
  --fc-gray-bg:   #f0f4f9;
  --fc-gray-line: #d0dcea;
  --fc-gray-mid:  #7a90b0;
  --fc-text:      #1a2740;
}

/* =============================================
   レイアウト（コンテナ幅）
   ============================================= */
#container,
.LC_Page_Index #container,
.plg_Raku2_LC_Page_Products_List #container,
.plg_Raku2_LC_Page_Products_Detail #container {
  width: 100%;
  max-width: 1300px;
  min-width: 980px;
}

.slick-slide img {
  width: 980px;
}

#main_column.colnum2 {
  float: none !important;
  width: auto;
  padding-left: 255px;
  padding-right: 10px;
}

#main_column.colnum1 #mypagecolumn,
.custom_page #faqarea {
  width: 100%;
}

/* =============================================
   ヘッダー
   ============================================= */

/* header_wrap */
.raku2_theme01 #header_wrap {
  border-bottom: none !important;
  margin-bottom: 0 !important;
  box-shadow: 0 2px 10px rgba(14,50,96,0.10);
}

/* site_description 非表示 */
#site_description {
  display: none !important;
}

/* header本体 */
.raku2_theme01 #header_wrap #header {
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 16px 40px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 16px;
  border-bottom: none !important;
  background: var(--fc-white);
}

/* ロゴ */
.raku2_theme01 .logo_area {
  margin: 0;
  width: auto;
  text-align: left;
}
.raku2_theme01 .logo_area img {
  height: 60px !important;
  max-height: 60px !important;
  width: auto !important;
}

/* 検索バー 非表示 */
.raku2_theme01 #header_wrap #header .block_outer #search_area {
  display: none !important;
}



/* ボタン群 右寄せ */
.raku2_theme01 #header_wrap #header .block_outer {
  margin-left: auto;
  flex-shrink: 0;
}
.raku2_theme01 #header_wrap #header .block_outer #header_login_area #header_userarea {
  display: flex !important;
  align-items: center !important;
  gap: 8px;
}

/* ボタン div の位置リセット */
.raku2_theme01 #header_wrap #header .block_outer #header_login_area #header_userarea .userarea_cart_btn,
.raku2_theme01 #header_wrap #header .block_outer #header_login_area #header_userarea .userarea_new_btn,
.raku2_theme01 #header_wrap #header .block_outer #header_login_area #header_userarea .userarea_mypage_btn,
.raku2_theme01 #header_wrap #header .block_outer #header_login_area #header_userarea .userarea_login_btn {
  position: relative !important;
  width: auto !important;
  margin-left: 0 !important;
}

/* img 位置リセット */
.raku2_theme01 #header_wrap #header .block_outer #header_login_area #header_userarea .userarea_cart_btn img,
.raku2_theme01 #header_wrap #header .block_outer #header_login_area #header_userarea .userarea_new_btn img,
.raku2_theme01 #header_wrap #header .block_outer #header_login_area #header_userarea .userarea_mypage_btn img,
.raku2_theme01 #header_wrap #header .block_outer #header_login_area #header_userarea .userarea_login_btn img {
  position: static !important;
  width: 22px !important;
  height: 22px !important;
  top: auto !important;
  left: auto !important;
}

/* ボタン共通スタイル */
.raku2_theme01 #header_wrap #header .block_outer #header_login_area #header_userarea .userarea_cart_btn a,
.raku2_theme01 #header_wrap #header .block_outer #header_login_area #header_userarea .userarea_new_btn a,
.raku2_theme01 #header_wrap #header .block_outer #header_login_area #header_userarea .userarea_mypage_btn a,
.raku2_theme01 #header_wrap #header .block_outer #header_login_area #header_userarea .userarea_login_btn a {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  padding: 8px 0 !important;
  width: 80px !important;
  min-width: 80px !important;
  border-radius: 6px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  background: var(--fc-white) !important;
  color: var(--fc-text) !important;
  border: 1px solid var(--fc-gray-line) !important;
  box-shadow: none !important;
  transition: background 0.15s !important;
}
.raku2_theme01 #header_wrap #header .block_outer #header_login_area #header_userarea .userarea_cart_btn a:hover,
.raku2_theme01 #header_wrap #header .block_outer #header_login_area #header_userarea .userarea_new_btn a:hover,
.raku2_theme01 #header_wrap #header .block_outer #header_login_area #header_userarea .userarea_mypage_btn a:hover,
.raku2_theme01 #header_wrap #header .block_outer #header_login_area #header_userarea .userarea_login_btn a:hover {
  background: var(--fc-gray-bg) !important;
}

/* カートバッジ */
.raku2_theme01 #header_wrap #header .block_outer #header_login_area #header_userarea .userarea_cart_btn .quantity {
  position: absolute !important;
  top: 2px !important;
  right: 4px !important;
  left: auto !important;
  background: var(--fc-orange) !important;
  color: #fff !important;
  width: 16px !important;
  height: 16px !important;
  font-size: 9px !important;
  line-height: 16px !important;
  border-radius: 50% !important;
  text-align: center !important;
  z-index: 9;
  margin: 0 !important;
}

/* 会員特典バー 非表示 */
.raku2_theme01 #header_wrap #header_benefits {
  display: none !important;
}

/* アナウンスバー */
#fc_announce {
  background: #f2f2f2;
  color: #444444;
  text-align: center;
  font-size: 13px;
  padding: 8px 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border-top: 3px solid #5bc4e8;
}
#fc_announce .fc-tag {
  background: var(--fc-orange);
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  padding: 2px 8px;
  border-radius: 2px;
  letter-spacing: 0.05em;
  flex-shrink: 0;
}
#fc_announce a {
  color: var(--fc-blue);
  font-weight: 700;
  text-decoration: none;
}

/* キーワードタグバー 非表示 */
#fc_keyword_bar {
  display: none !important;
}

/* =============================================
   グローバルナビ
   ============================================= */
.raku2_theme01 #header_wrap #gloval_navi {
  background: var(--fc-orange) !important;
  margin: 0 !important;
  max-width: 100% !important;
  width: 100% !important;
  padding: 0 !important;
  border-bottom: none !important;
  font-size: 100% !important;
  display: flex !important;
  flex-wrap: nowrap !important;
  overflow: visible !important;
}

/* ulを中央寄せ・幅制限 */
.raku2_theme01 #header_wrap #gloval_navi > ul {
  max-width: 1200px !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: 0 40px !important;
  justify-content: flex-start !important;
  flex-wrap: nowrap !important;
}

.raku2_theme01 #header_wrap #gloval_navi .use_btn {
  margin-left: auto !important;
}

/* ナビリンク共通 */
.raku2_theme01 #header_wrap #gloval_navi .shoppingt_btn > li > a,
.raku2_theme01 #header_wrap #gloval_navi .use_btn > li > a {
  background-color: transparent !important;
  border-radius: 0 !important;
  color: #fff !important;
  padding: 14px 18px !important;
  margin: 0 !important;
  min-width: auto !important;
  border-right: 1px solid rgba(255,255,255,0.2) !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  transition: background 0.15s !important;
  display: block !important;
}
.raku2_theme01 #header_wrap #gloval_navi .shoppingt_btn > li > a:hover,
.raku2_theme01 #header_wrap #gloval_navi .use_btn > li > a:hover {
  background-color: rgba(0,0,0,0.15) !important;
  color: #fff !important;
}

/* 矢印非表示 */
.raku2_theme01 #header_wrap #gloval_navi .use_btn > li > a::before {
  display: none !important;
}
.raku2_theme01 #header_wrap #gloval_navi .shoppingt_btn li.header_cat_btn a:after {
  color: rgba(255,255,255,0.7) !important;
}

/* お問い合わせ */
.raku2_theme01 #header_wrap #gloval_navi .use_btn > li:last-child > a {
  background: rgba(0,0,0,0.25) !important;
  color: #fff !important;
}
.raku2_theme01 #header_wrap #gloval_navi .use_btn > li:last-child > a:hover {
  background: rgba(0,0,0,0.4) !important;
}

/* カテゴリドロップダウン */
#gloval_navi .header_catwrap,
#gloval_navi .header_catwrap ul,
#gloval_navi .header_catwrap li,
#gloval_navi .header_catwrap table,
#gloval_navi .header_catwrap td,
#gloval_navi .header_catwrap tr {
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
#gloval_navi .header_catwrap a {
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  padding: 12px 20px !important;
  display: block !important;
  color: var(--fc-text) !important;
  border-bottom: 1px solid var(--fc-gray-bg) !important;
}
#gloval_navi .header_catwrap a:hover {
  background: var(--fc-gray-bg) !important;
  color: var(--fc-blue) !important;
}
#gloval_navi .header_catwrap ul.tree1-outer {
  top: 40px;
  left: 42%;
}

/* =============================================
   メインエリア
   ============================================= */
.LC_Page_Index #container {
  max-width: 1500px;
  margin: 0 auto;
}
.LC_Page_Index div#main_column > div {
  margin-top: 15px;
}
.bx-wrapper img {
  border-radius: 8px;
}

/* 見出し */
#leftcolumn .raku2_theme01 .block_outer #category_area h2,
#main_column .raku2_theme01 #main_category_area h2,
#main_column .raku2_theme01 .recommend_list h2,
#main_column .history_list h2,
#main_column .raku2_theme01 .block_outer #news_area h2,
.raku2_theme01 #footer_wrap #footer #footer_category_area h2,
.raku2_theme01 #footer_wrap #footer #use_area h2,
.raku2_theme01 #footer_wrap #footer #info_area h2,
.raku2_theme01 .block_outer #exclusive_benefits_area h2,
.raku2_theme01 .block_outer #choose_area h2 {
  background-color: transparent;
  color: var(--main-color);
  font-size: 140%;
  font-weight: 600;
  text-align: left;
  padding: 10px;
  margin: 0;
  border: none;
}
.raku2_theme01 #footer_wrap #footer #footer_category_area h2,
.raku2_theme01 #footer_wrap #footer #info_area h2,
.raku2_theme01 #footer_wrap #footer #use_area h2 {
  font-size: 115%;
}

#leftcolumn .raku2_theme01 .block_outer #category_area h2 span,
#main_column .raku2_theme01 #main_category_area h2 span,
#main_column .raku2_theme01 .recommend_list h2 span,
#main_column .history_list h2 span,
#main_column .raku2_theme01 .block_outer #news_area h2 span,
.raku2_theme01 #footer_wrap #footer #footer_category_area h2 span,
.raku2_theme01 .block_outer #exclusive_benefits_area p,
.raku2_theme01 .block_outer #choose_area p {
  font-size: 80%;
  color: #aaa;
  margin: 0 15px;
  font-weight: 600;
}

#main_column .raku2_theme01 .recommend_list { margin-bottom: 0; }
#main_column .raku2_theme01 .recommend_list .block_body { padding: 0 0 10px; }
#main_column .raku2_theme01 .block_outer #news_area dl.newslist { display: flex; align-items: center; }
#main_column .raku2_theme01 .block_outer #news_area .news_contents { overflow-y: hidden; }

#main_column .raku2_theme01 #main_category_area ul {
  display: flex;
  align-items: flex-start;
  margin-bottom: 30px;
  text-align: center;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
}
#main_column .raku2_theme01 #main_category_area ul li { margin-bottom: 30px; }
#main_column .raku2_theme01 #main_category_area ul img { max-width: 185px; margin: 10px; }
#main_slide_image .bxslider li img { width: 980px; }

/* =============================================
   サイドバー（左カラム）
   ============================================= */
#leftcolumn { margin-left: 1%; }
.side_column .block_body { border: none; }

#leftcolumn .raku2_theme01 .block_outer #category_area li.level1 p a {
  position: relative;
  display: block;
  padding: 12px 10px;
  color: #333333;
  text-decoration: none;
}
#leftcolumn .raku2_theme01 .block_outer #category_area li.level1 p a:before {
  content: '';
  display: block;
  width: 6px;
  height: 6px;
  border-top: solid 2px #2475be;
  border-right: solid 2px #2475be;
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -4px;
  transform: rotate(45deg);
}
#leftcolumn .raku2_theme01 .block_outer #category_area li.level1:nth-child(odd) { background: #f5f5f5; }

/* カレンダー */
#leftcolumn .raku2_theme01 .block_outer #calender_area table { width: 100%; margin: 20px auto; }
#leftcolumn .raku2_theme01 .block_outer #calender_area table .month {
  background: #2475be;
  border-radius: 30px;
  padding: 5px 0;
  margin: 10px 0;
  color: #fff;
  font-weight: bold;
  text-align: center;
}
#leftcolumn .raku2_theme01 .block_outer #calender_area th { border-bottom: 1px solid transparent !important; background-color: transparent !important; }
#leftcolumn .raku2_theme01 .block_outer #calender_area table td { border-bottom: none !important; border-right: none !important; padding: 6px; }
#leftcolumn .raku2_theme01 .block_outer #calender_area .off { color: grey; background-color: #f5f5f5; }
#leftcolumn .raku2_theme01 .block_outer #calender_area .today { background-color: #a8dfff; font-weight: bold; }

/* =============================================
   フッター
   ============================================= */
.raku2_theme01 #footer_wrap {
  border-top: none;
  background-color: #f5f5f5;
  padding: 0;
}
.raku2_theme01 #footer_wrap #footer {
  max-width: 1500px;
  width: 98%;
  display: flex;
  align-items: flex-start;
  margin: 40px auto;
}
.raku2_theme01 #footer_wrap #footer_banner { padding: 30px 0; background-color: #fff; }
.raku2_theme01 #footer_wrap #footer_banner #banner_area { max-width: 1500px; margin: 0 auto; }
.raku2_theme01 #footer_wrap #footer_banner #banner_area div { margin: 10px; }
.raku2_theme01 #footer_wrap #footer_banner #banner_area div img { width: 100%; }
.raku2_theme01 #footer_wrap #copyright #company_area .logo_area { margin: 0 30px 0 0; }
.raku2_theme01 #footer_wrap #footer { background-color: #f5f5f5; }
.raku2_theme01 #footer_wrap #footer #category_area,
.raku2_theme01 #footer_wrap #footer #use_area { padding: 0 4vw 0 0; }
.raku2_theme01 #footer_wrap #footer #info_area {
  margin-left: auto;
  text-align: center;
  background-color: #fff;
  border-radius: 30px;
  padding: 18px;
}
.raku2_theme01 #footer_wrap #footer #info_area h2 { text-align: center; }
.raku2_theme01 #footer_wrap #footer #info_area .tel { font-size: 210%; font-weight: 600; margin-top: -12px; }
.raku2_theme01 #footer_wrap #footer #info_area p { font-size: 90%; margin-bottom: 20px; }
.raku2_theme01 #footer_wrap #footer ul { display: flex; flex-direction: column; background: none; text-align: left; }
.raku2_theme01 #footer_wrap #footer ul li,
.raku2_theme01 #footer_wrap #footer ul li:first-child { border: none; margin: 0; padding: 0; }
.raku2_theme01 #footer_wrap #footer ul li a { display: block; padding: 6px 10px; text-decoration: none; }
.raku2_theme01 #footer_wrap #copyright { padding: 30px 0; }
.raku2_theme01 #footer_wrap #copyright #company_area,
.raku2_theme01 #footer_wrap #footer_banner #banner_area {
  display: flex;
  align-items: flex-start;
  margin-bottom: 30px;
  justify-content: center;
  text-align: left;
}

/* =============================================
   加盟店ページ
   ============================================= */
#main_column #undercolumn #undercolumn_entry h2.title {
  font-size: 180%;
  border-bottom: 3px solid #f5f5f5;
  margin: 30px auto 60px;
  width: 18%;
}
#main_column #undercolumn #undercolumn_entry .progressbar {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-evenly;
  align-items: flex-start;
  margin: 30px auto;
}
#main_column #undercolumn #undercolumn_entry .progressbar li { position: relative; }
#main_column #undercolumn #undercolumn_entry .progressbar li:after {
  position: absolute;
  z-index: -1;
  top: 50px;
  left: 0;
  width: 360px;
  height: 1px;
  content: '';
  background-color: #bfe1ff;
}
#main_column #undercolumn #undercolumn_entry .progressbar li.active { background-color: #bfe1ff !important; color: #fff !important; }
#main_column #undercolumn #undercolumn_entry .progressbar li:last-child:after { content: none; }
#main_column #undercolumn #undercolumn_entry .progressbar li.item {
  background-color: #f5f5f5;
  text-align: center;
  color: #2475be;
  font-weight: 600;
  padding: 15px 20px;
  border-radius: 8px;
  width: 60px;
}
#main_column #undercolumn #undercolumn_entry .progressbar li.item span { display: block; }
#main_column #undercolumn #undercolumn_entry table,
#main_column #undercolumn #undercolumn_entry table#entry_input th,
#main_column #undercolumn #undercolumn_entry table#entry_input td { border: none; background-color: transparent; }
#main_column #undercolumn #undercolumn_entry table#entry_input input[type='text'],
#main_column #undercolumn #undercolumn_entry table#entry_input input[type='password'],
#main_column #undercolumn #undercolumn_entry table#entry_input select { height: 40px; border: none; background-color: #f5f5f5; }
#main_column #undercolumn #undercolumn_entry table#entry_input td .box300 { width: 90%; }
#main_column #undercolumn #undercolumn_entry table#entry_input td .box30,
#main_column #undercolumn #undercolumn_entry table#entry_input td .box150 { width: 50%; }
#main_column #undercolumn #undercolumn_entry table#entry_input td .box10,
#main_column #undercolumn #undercolumn_entry table#entry_input td .box120 { width: 25%; }
#main_column #undercolumn #raku2_kiyaku_text p { text-align: center; }

/* =============================================
   その他
   ============================================= */

/* オーダーシート文字フォント */
td.raku2_list_product_name p { font-size: 1.5em; }

/* MYページナビ クイックオーダーを非表示 */
a[href*="upload_order.php"] { display: none !important; }

/* 注文ステップナビ文字色 */
.step li { color: #333 !important; }
.step li.is_current { color: #333 !important; }

/* 注文ページ 見出し文字色 */
#undercolumn_shopping h2,
#undercolumn_shopping h3 { color: #2475be !important; }

/* =============================================
   検索バー＋注目キーワード（スライダー直下）
   ============================================= */
#fc_search_bar {
  background: #fff;
  border-bottom: 1px solid #e0e8f0;
  padding: 18px 0;
}
#fc_search_bar .fc-search-inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 40px;
  display: flex;
  align-items: center;
  gap: 40px;
}

/* 検索フォーム */
#fc_search_bar .fc-search-form {
  display: flex;
  align-items: center;
  border: 2px solid #2e8bc0;
  border-radius: 4px;
  overflow: hidden;
  flex-shrink: 0;
  width: 380px;
}
#fc_search_bar .fc-search-form input[type="text"] {
  flex: 1;
  border: none;
  outline: none;
  padding: 10px 16px;
  font-size: 14px;
  color: #333;
  background: #fff;
  font-family: inherit;
}
#fc_search_bar .fc-search-form input[type="text"]::placeholder {
  color: #aaa;
}
#fc_search_bar .fc-search-form button {
  background: #2e8bc0;
  border: none;
  color: #fff;
  padding: 0 18px;
  font-size: 16px;
  cursor: pointer;
  height: 44px;
  transition: background 0.15s;
}
#fc_search_bar .fc-search-form button:hover {
  background: #1f6fa0;
}

/* 注目キーワード */
#fc_search_bar .fc-search-keywords {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  flex: 1;
}
#fc_search_bar .fc-kw-label {
  font-size: 13px;
  font-weight: 700;
  color: #555;
  white-space: nowrap;
  flex-shrink: 0;
}
#fc_search_bar .fc-kw-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
#fc_search_bar .fc-kw-tags a {
  display: inline-block;
  border: 1.5px solid #2e8bc0;
  color: #2e8bc0;
  background: #fff;
  font-size: 13px;
  font-weight: 600;
  padding: 5px 14px;
  border-radius: 4px;
  text-decoration: none;
  white-space: nowrap;
  transition: all 0.15s;
}
#fc_search_bar .fc-kw-tags a:hover {
  background: #2e8bc0;
  color: #fff;
}

/* =============================================
   検索バー＋注目キーワード（メインコンテンツ内）
   ============================================= */
#fc_search_bar {
  background: #fff;
  border-top: 1px solid #e0e8f0;
  border-bottom: 1px solid #e0e8f0;
  padding: 18px 0;
  margin-bottom: 10px;
}
#fc_search_bar .fc-search-inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 40px;
  display: flex;
  align-items: center;
  gap: 32px;
}

/* 検索エリアのdivリセット */
#fc_search_bar .block_outer,
#fc_search_bar #search_area,
#fc_search_bar #search_area .block_body {
  width: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  background: none !important;
  border: none !important;
}
#fc_search_bar #search_area form {
  margin: 0 !important;
}

/* 検索フォーム横並び */
#fc_search_bar .fc-search-form-inner {
  display: flex;
  align-items: center;
  border: 2px solid #2e8bc0;
  border-radius: 4px;
  overflow: hidden;
  width: 420px;
  background: #fff;
}

/* カテゴリセレクト */
#fc_search_bar .fc-search-select {
  border: none !important;
  border-right: 1px solid #c0d8ea !important;
  outline: none;
  padding: 10px 10px !important;
  font-size: 13px;
  color: #555;
  background: #f7fafd;
  height: 46px;
  width: 90px !important;
  flex-shrink: 0;
  cursor: pointer;
}

/* テキスト入力 */
#fc_search_bar .fc-search-input {
  flex: 1;
  border: none !important;
  outline: none !important;
  padding: 10px 14px !important;
  font-size: 14px;
  color: #333;
  background: #fff;
  height: 46px;
  font-family: inherit;
  box-sizing: border-box;
}
#fc_search_bar .fc-search-input::placeholder {
  color: #aaa;
}

/* 検索ボタン */
#fc_search_bar .fc-search-btn {
  background: #2e8bc0;
  border: none;
  cursor: pointer;
  height: 46px;
  width: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: background 0.15s;
}
#fc_search_bar .fc-search-btn:hover {
  background: #1f6fa0;
}
#fc_search_bar .fc-search-btn img {
  width: 22px;
  height: 22px;
  object-fit: contain;
  display: block;
  filter: brightness(0) invert(1);
}

/* 注目キーワード */
#fc_search_bar .fc-search-keywords {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  flex: 1;
}
#fc_search_bar .fc-kw-label {
  font-size: 13px;
  font-weight: 700;
  color: #555;
  white-space: nowrap;
  flex-shrink: 0;
}
#fc_search_bar .fc-kw-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
#fc_search_bar .fc-kw-tags a {
  display: inline-block;
  border: 1.5px solid #2e8bc0;
  color: #2e8bc0;
  background: #fff;
  font-size: 13px;
  font-weight: 600;
  padding: 5px 14px;
  border-radius: 4px;
  text-decoration: none;
  white-space: nowrap;
  transition: all 0.15s;
}
#fc_search_bar .fc-kw-tags a:hover {
  background: #2e8bc0;
  color: #fff;
}

/* =============================================
   サイドバー カートエリア
   ============================================= */
#leftcolumn #cart_area {
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
  margin-bottom: 16px;
}

/* 見出し */
#leftcolumn #cart_area h2.cart {
  background: var(--fc-orange) !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  padding: 12px 16px !important;
  margin: 0 !important;
  border: none !important;
  display: flex;
  align-items: center;
  gap: 8px;
}
#leftcolumn #cart_area h2.cart::before {
  content: "🛒";
  font-size: 16px;
}

/* 中身 */
#leftcolumn #cart_area .block_body {
  padding: 16px !important;
  border: none !important;
}

/* 数量・金額 */
#leftcolumn #cart_area .information {
  margin-bottom: 14px;
}
#leftcolumn #cart_area .information p {
  font-size: 13px;
  color: #555;
  padding: 6px 0;
  border-bottom: 1px solid #f0f4f9;
  margin: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#leftcolumn #cart_area .information .attention {
  color: var(--fc-orange);
  font-weight: 700;
  font-size: 15px;
}
#leftcolumn #cart_area .information .price {
  color: var(--fc-blue);
  font-weight: 700;
  font-size: 15px;
}

/* カゴを見るボタン */
#leftcolumn #cart_area .btn a {
  display: block !important;
  background: var(--fc-blue) !important;
  color: #fff !important;
  text-align: center !important;
  padding: 11px !important;
  border-radius: 4px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  transition: background 0.15s !important;
}
#leftcolumn #cart_area .btn a:hover {
  background: var(--fc-blue-dark) !important;
}

/* カート見出し背景を濃紺に・アイコンを画像に・文字大きく */
#leftcolumn #cart_area h2.cart {
  background: #ffd343 !important;
  padding: 14px 16px !important;
  font-size: 17px !important;
}
#leftcolumn #cart_area h2.cart::before {
  content: "" !important;
  background: url('https://furekon.fe1.jp/user_data/packages/raku2pc/img/common/icon-img01.png') no-repeat center / contain;
  display: inline-block;
  width: 22px;
  height: 22px;
  flex-shrink: 0;
}

/* カート見出し：薄い黄色・中央揃え・黒文字 */
#leftcolumn #cart_area h2.cart {
  justify-content: center !important;
  background: #ffd343 !important;
  color: #1a1a1a !important;
  font-size: 17px !important;
  padding: 14px 16px !important;
}
#leftcolumn #cart_area h2.cart .title {
  color: #1a1a1a !important;
}

/* ドロップダウン 修正版 */
#gloval_navi .header_cat_btn {
  position: relative !important;
}
#gloval_navi .header_catwrap {
  position: absolute !important;
  top: 44px !important;
  left: 0 !important;
  z-index: 9999 !important;
  background: #ffffff !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important;
  min-width: 180px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid #e0e8f0 !important;
}

/* * での一括指定をやめて個別に指定 */
#gloval_navi .header_catwrap ul,
#gloval_navi .header_catwrap ul.tree1-outer {
  display: block !important;
  background: #ffffff !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  border: none !important;
  top: auto !important;
  left: auto !important;
  position: static !important;
}
#gloval_navi .header_catwrap li {
  display: block !important;
  background: #ffffff !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  float: none !important;
  width: auto !important;
}
#gloval_navi .header_catwrap table {
  display: block !important;
  background: #ffffff !important;
  border: none !important;
  width: 100% !important;
}
#gloval_navi .header_catwrap tbody,
#gloval_navi .header_catwrap tr {
  display: block !important;
  background: #ffffff !important;
  border: none !important;
}
#gloval_navi .header_catwrap td {
  display: block !important;
  background: #ffffff !important;
  border: none !important;
  padding: 0 !important;
  width: auto !important;
}
#gloval_navi .header_catwrap a {
  display: block !important;
  background: #ffffff !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #1a2740 !important;
  padding: 12px 20px !important;
  border-bottom: 1px solid #f0f4f9 !important;
  white-space: nowrap !important;
  text-decoration: none !important;
}
#gloval_navi .header_catwrap a:hover {
  background: #f0f4f9 !important;
  color: #1f5fa8 !important;
}
/* テーブルを縦並びに強制 */
#gloval_navi .header_catwrap table,
#gloval_navi .header_catwrap tbody,
#gloval_navi .header_catwrap tr,
#gloval_navi .header_catwrap td {
  display: block !important;
  width: 100% !important;
  background: #ffffff !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  float: none !important;
  vertical-align: top !important;
}

/* ドロップダウン 2列構造を縦1列に強制 */
#gloval_navi .header_catwrap .box-separate1,
#gloval_navi .header_catwrap .column-separate1,
#gloval_navi .header_catwrap .column-separate4 {
  display: block !important;
  width: 100% !important;
  float: none !important;
  background: #ffffff !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* column-cnt3の2列レイアウトを解除 */
#gloval_navi .header_catwrap ul.tree1-outer.column-cnt3 {
  display: block !important;
  columns: unset !important;
  column-count: unset !important;
}
#gloval_navi .header_catwrap .column-cnt3 {
  border: none !important;
  background: #ffffff !important;
}