@charset "utf-8";
/* ============================================================
リセット・共通設定　★テスト
============================================================ */

/* 余白リセット */
body, div, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, address, ul, ol, li,
dl, dt, dd, table, th, td, form,
fieldset, legend, img, iframe {
	margin: 0;
	padding: 0;
}

/* 基本設定 URL★後ほど変更*/
body {
	font-family: "MS PGothic", Osaka, Arial, sans-serif;
	font-size: 15px;
	line-height: 1.5;
	color: #333;
	width: 100%;
	background: url(https://www.hukusi-orosi.jp/img/secure/img/bg_01234.png) repeat-y top center #fffff7;
}

@media screen and (max-width: 1280px) {
  body {
    /* 1280以下で画像を消して、背景色だけにする */
    background-image: none !important;
    background-color: #fffff7 !important;
  }
}

/* スクロールバー常時表示 */
html {
	overflow-y: scroll;
}

/* 見出しの初期化 */
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}

/* テーブル設定 */
table {
	border-collapse: collapse;
	border-spacing: 0;
	vertical-align: top;
}

th {
	text-align: left;
	vertical-align: top;
}

/* 画像・iframe調整 */
img {
	border: none;
	vertical-align: top;
}

iframe {
	border: none;
}

/* リストスタイルリセット */
li {
	list-style: none;
}

/* リンクのアウトライン非表示 */
a {
	outline: none;
	text-decoration: none;
	color: inherit;
}

/* アドレスを普通のテキストに */
address {
	font-style: normal;
}

/* 全体の横幅がこれ以下にならないように固める*/
body {
  min-width: 1280px; /* サイドバー + メイン + 余裕分 */
}
/* ヘッダー最小幅指定*/
#header {
  min-width: 1280px; 
}

/* スムーズスクロール */
html { scroll-behavior: smooth;}
	
/* ---------------------------------------
   リンクスタイル
--------------------------------------- */

a {
	color: #4b4b4b;
	text-decoration: none;
}

a:visited,
a:active {
	color: #4b4b4b;
	text-decoration: none;
}

a:hover,
#contents a:hover {
	color: #ccc;
	text-decoration: underline;
}

a:hover img {
	opacity: 0.8;
}

.noalpha a:hover img {
	opacity: 1 !important;
	background: none !important;
}

/* ---------------------------------------
   Clearfix
--------------------------------------- */

/* float解除 */
.clear {
	clear: both;
}

/* 現代ブラウザ対応の clearfix */
.clearfix::after {
	content: "";
	display: block;
	clear: both;
}

/*---------------------------------------
fontsize
---------------------------------------*/

.font10 {font-size:77%;}
.font11 {font-size:85%;}
.font12 {font-size:93%;}
.font13 {font-size:100%;}
.font14 {font-size:108%;}
.font15 {font-size:116%;}
.font16 {font-size:124%;}
.font17 {font-size:131%;}
.font18 {font-size:139%;}
.font19 {font-size:147%;}
.font20 {font-size:154%;}
.font21 {font-size:162%;}
.font22 {font-size:169%;}
.font23 {font-size:177%;}
.font24 {font-size:185%;}
.font25 {font-size:192%;}
.font26 {font-size:200%;}

.bold {font-weight:bold;}
.no_bold strong{font-weight:normal;}


/* ---------------------------------------
   Font Colors
--------------------------------------- */

.clr01 { color: #ff0000; }   /* red */
.clr02 { color: #f5367a; }   /* pink */
.clr03 { color: #055b72; }   /* dark green */
.clr04 { color: #74c1c1; }   /* light blue-green */

/*---------------------------------------
text_align
---------------------------------------*/

.alnL {
  text-align: left;
}

.alnC {
  text-align: center;
}

.alnR {
  text-align: right;
}

/* 位置指定クラス内の画像リンクはインラインブロック */
.alnL a,
.alnC a,
.alnR a {
  display: inline-block;
}

/*---------------------------------------
float
---------------------------------------*/

.fL{float:left;}
.fR{float: right;}

/*---------------------------------------
margin
---------------------------------------*/

/* definition_margin top */
.mt0{margin-top:0 !important;}
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}
.mt35{margin-top:35px !important;}
.mt40{margin-top:40px !important;}
.mt45{margin-top:45px !important;}
.mt50{margin-top:50px !important;}
.mt55{margin-top:55px !important;}
.mt60{margin-top:60px !important;}
.mt65{margin-top:65px !important;}
.mt70{margin-top:70px !important;}
.mt75{margin-top:75px !important;}
.mt80{margin-top:80px !important;}
.mt85{margin-top:85px !important;}
.mt90{margin-top:90px !important;}
.mt95{margin-top:95px !important;}
.mt100{margin-top:100px !important;}

/* definition_margin bottom */
.mb0{margin-bottom:0 !important;}
.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb35{margin-bottom:35px !important;}
.mb40{margin-bottom:40px !important;}
.mb45{margin-bottom:45px !important;}
.mb50{margin-bottom:50px !important;}
.mb55{margin-bottom:55px !important;}
.mb60{margin-bottom:60px !important;}
.mb65{margin-bottom:65px !important;}
.mb70{margin-bottom:70px !important;}
.mb75{margin-bottom:75px !important;}
.mb80{margin-bottom:80px !important;}
.mb85{margin-bottom:85px !important;}
.mb90{margin-bottom:90px !important;}
.mb95{margin-bottom:95px !important;}
.mb100{margin-bottom:100px !important;}

/* definition_margin left */
.ml0{margin-left:0 !important;}
.ml5{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.ml25{margin-left:25px !important;}
.ml30{margin-left:30px !important;}
.ml35{margin-left:35px !important;}
.ml40{margin-left:40px !important;}
.ml45{margin-left:45px !important;}
.ml50{margin-left:50px !important;}

/* definition_margin right */
.mr0{margin-right:0 !important;}
.mr5{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
.mr25{margin-right:25px !important;}
.mr30{margin-right:30px !important;}
.mr35{margin-right:35px !important;}
.mr40{margin-right:40px !important;}
.mr45{margin-right:45px !important;}
.mr50{margin-right:50px !important;}

/* definition_padding top */
.pt0{padding-top:0 !important;}
.pt5{padding-top:5px !important;}
.pt10{padding-top:10px !important;}
.pt15{padding-top:15px !important;}
.pt20{padding-top:20px !important;}
.pt25{padding-top:25px !important;}
.pt30{padding-top:30px !important;}
.pt35{padding-top:35px !important;}
.pt40{padding-top:40px !important;}
.pt45{padding-top:45px !important;}
.pt50{padding-top:50px !important;}

/* definition_padding bottom */
.pb0{padding-bottom:0 !important;}
.pb5{padding-bottom:5px !important;}
.pb10{padding-bottom:10px !important;}
.pb15{padding-bottom:15px !important;}
.pb20{padding-bottom:20px !important;}
.pb25{padding-bottom:25px !important;}
.pb30{padding-bottom:30px !important;}
.pb35{padding-bottom:35px !important;}
.pb40{padding-bottom:40px !important;}
.pb45{padding-bottom:45px !important;}
.pb50{padding-bottom:50px !important;}

/* definition_padding left */
.pl0{padding-left:0 !important;}
.pl5{padding-left:5px !important;}
.pl10{padding-left:10px !important;}
.pl15{padding-left:15px !important;}
.pl20{padding-left:20px !important;}
.pl25{padding-left:25px !important;}
.pl30{padding-left:30px !important;}
.pl35{padding-left:35px !important;}
.pl40{padding-left:40px !important;}
.pl45{padding-left:45px !important;}
.pl50{padding-left:50px !important;}

/* definition_padding right */
.pr0{padding-right:0 !important;}
.pr5{padding-right:5px !important;}
.pr10{padding-right:10px !important;}
.pr15{padding-right:15px !important;}
.pr20{padding-right:20px !important;}
.pr25{padding-right:25px !important;}
.pr30{padding-right:30px !important;}
.pr35{padding-right:35px !important;}
.pr40{padding-right:40px !important;}
.pr45{padding-right:45px !important;}
.pr50{padding-right:50px !important;}


/* ▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽
    全ページ共通レイアウト・ヘッダー・フッター・レフトメニュー
▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽ */

/*===================================================
   ヘッダー
=====================================================*/
/*ヘッダー全体*/
    div.layout_header {
    width: auto;
    margin: 0;
  }

  #all_header {
  width: 1280px;
  margin: 0 auto;
  position: relative;
  padding: 10px 0 0;
  border-top: 5px solid #663202;
  background: url(https://www.hukusi-orosi.jp/img/secure/img/design/header00.png) repeat-x top;
}

/*上部ロゴ背景*/
#all_header .top {
  position: relative;
  height: 129px;
  padding-top: 4px;
  background: none;
}

/*店舗バナー*/
#all_header .top::before {
  content: "";
  position: absolute;
  top: 40px;
  left: 0;
  width: 100%;
  height: 98px;
  background: url(https://www.hukusi-orosi.jp/img/secure/img/design/header02-2.png) no-repeat center bottom;
  background-size: 1280px auto;
  z-index: 0;
}

/*最大80％バッジ*/
#all_header .badge {
  position: absolute;
  top: 15px;
  left: 150px;
  z-index: 2;
}

/*---------------------------------------
   ヘッダーナビ（右上メニュー）
---------------------------------------*/
#all_header .top #all_Nav {
  position: relative;
  z-index: 1;
  margin-top: 10px;
}

#all_header .top #all_Nav ul {
  width: 580px;
  float: right;
  margin-right: -25px;
  margin-top: 1px;
}

#all_header .top #all_Nav ul li {
  font-size: 14px;
  float: left;
  padding: 0 10px;
}

#all_header .top #all_Nav ul li + li {
  border-left: 1px solid #333;
  height: 15px;
}

/*---------------------------------------
   店舗切り替えメニュー
--------------------------------------- */
#all_gNav {
  width: 1280px;
  margin: 0 auto;
  position: relative;
  background: #f0f0f0;
  border-bottom: 1px solid #c0c0c0;
}

#all_gNav ul {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  height: 70px;
  margin: 0 auto;
  padding: 0;
  list-style: none;
}

#all_gNav ul li {
  padding: 0;
}

#all_gNav ul li a img {
  display: block;
  width: auto;
}


/*===================================================
      フッター
===================================================== */

/* 共通レイアウト*/
#footer {
  font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
  min-width: 1200px;
  width: 100%;
  line-height: 1.5;
}

/* 共通：背景を塗る外枠 */
#footer [class*="footer_inner"] {
  width: 100%;
}

/* 共通：上部ブロック（薄い背景のエリア） */
#footer [class*="footer_nav01"],
#footer [class*="footer_top"],
#footer [class*="footer_wheelchair01"],
#footer [class*="footer_silver_car01"],
#footer [class*="footer_kaigobed01"] {
  padding: 30px 0 30px;
  width: 100%;
  border-top: 1px solid;
}

/* 共通：コンテンツ幅の制御 */
#footer .inner {
  margin: 0 auto;
  width: 1280px;
  display: flex;
  justify-content: center; /* 中のリスト(ul.list)を中央寄せ */
}

/* 共通：上部リンクのリスト（横並び） */
#footer ul.list {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  list-style: none;
  padding: 0;
  margin: 0;
}

#footer ul.list > li {
  width: 230px;
  flex-shrink: 0;
  margin-right: 15px;
}

/* 見出しのデザイン */
#footer ul.list > li h2 {
  margin: 0 0 17px 0;
  font-size: 0.75rem;
}

#footer ul.list > li h2 a,
#footer ul.list > li h2 em {
  display: block;
  font-style: normal;
  font-weight: bold;
  font-size: 1rem;
  text-decoration: none;
}

/* 三角矢印の共通設定 */
.arrowFR, .arrowFR02 {
  position: relative;
  padding-left: 18px !important;
  display: block;
  text-indent: 0;
}
.arrowFR:before, .arrowFR02:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 0;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 12px solid; /* 色は各カテゴリーで指定 */
}

/* サブリスト（茶色のリンク部分） */
#footer ul.sub_list {
  list-style: none;
  padding: 0;
  margin: 0;
}
#footer ul.sub_list li {
  margin-bottom: 10px;
}
#footer ul.sub_list li a {
  display: block;
  font-size: 12px;
  color: #6B3901 !important;
  text-decoration: none;
  padding-left: 25px;
  text-indent: -1.2em;
  background: url(https://www.hukusi-orosi.jp/img/top/footer_list_bg.gif) no-repeat left 1px top 5px;
}

/* フッターナビ02（中段の白文字リンク） */
.footer_nav02 {
  width: 1280px;
  margin: 20px auto 0;
}
.footer_nav02 > .inner {
  padding-bottom: 12px;
  border-bottom: 1px solid;
  display: flex;
  justify-content: flex-start;
}
.footer_nav02 .nav_block ul {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
}
.footer_nav02 .nav_block ul li {
  border-left: 1px solid transparent; /* 最初は透明にしておく */
  padding: 0 25px;
  line-height: 1;
}
.footer_nav02 .nav_block ul li:last-child {
  border-right: 1px solid transparent; /* 右端も枠組みだけ作る */
}

.footer_nav02 .nav_block ul li a {
  color: #FFF !important;
  font-size: 14px;
  text-decoration: none;
}

/* フッター最下部（ロゴとコピーライト） */
.footer_bottom {
  width: 1000px;
  margin: 0 auto;
  padding: 30px 0 40px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.footer_bottom .logo {
  width: 422px;
}
.footer_bottom .logo img {
  width: 100%;
  height: auto;
}
.footer_bottom .copyright {
  width: 500px;
  text-align: right;
  font-size: 13px;
  color: #FFF;
  padding-top: 10px;
  line-height: 1.6;
}

/* ホバー効果 */
#footer a:hover {
  text-shadow: 0 0 10px #FFF;
  transition: all 0.3s ease;
}

/*---------------------------------------
カテゴリー別：色指定
--------------------------------------- */

/* --- 総合トップ --- */
.footer_inner_sougou { background: #FF8529; }
.footer_inner_sougou .footer_nav01 { background: #FADAB9; border-top: 1px solid #FC9929 !important; }
.footer_inner_sougou .footer_nav01 h2 a { color: #FD8328 !important; }
.footer_inner_sougou .arrowFR:before { border-left-color: #FA8503; }
.footer_inner_sougou .footer_nav02 > .inner { border-color: #D06F02; }
.footer_inner_sougou .nav_block ul li { border-left-color: #D06F02 !important;}
.footer_inner_sougou .nav_block ul li:last-child { border-right-color: #D06F02 !important;}

/* --- 車椅子 --- */
.footer_inner:has(.footer_wheelchair01) { background: #80AF30; }
.footer_wheelchair01 { background: #E8FFD2; border-top: 1px solid #C0DF88 !important; }
.footer_wheelchair01 h2 a { color: #49AD27 !important; }
.footer_wheelchair01 .arrowFR:before { border-left-color: #238B2E; }
.footer_inner:has(.footer_wheelchair01) .footer_nav02 > .inner { border-color: #709629; }
.footer_inner:has(.footer_wheelchair01) .nav_block ul li { border-left-color: #5C7B22 !important; }
.footer_inner:has(.footer_wheelchair01) .nav_block ul li:last-child { border-right-color: #5C7B22 !important; }

/* --- シルバーカー --- */
.footer_inner_silver_car01 { background: #6B98FB; }
.footer_silver_car01 { background: #E6EFFB; border-top: 1px solid #4078FB !important; }
.footer_silver_car01 h2 a, .footer_silver_car01 h2 { color: #4078FB !important; }
.footer_silver_car01 .arrowFR:before, .footer_silver_car01 .arrowFR02:before { border-left-color: #4078FB; }
.footer_inner_silver_car01 .footer_nav02 > .inner { border-color: #4078FB; }
.footer_inner_silver_car01 .nav_block ul li { border-left-color: #4078FB !important; }
.footer_inner_silver_car01 .nav_block ul li:last-child { border-right-color: #4078FB !important; }

/* --- 介護ベッド --- */
.footer_inner_kaigobed01 { background: #714b32; }
.footer_kaigobed01 { background: #F5E2C7; border-top: 1px solid #714b32 !important; }
.footer_kaigobed01 h2 a, .footer_kaigobed01 h2 { color: #714b32 !important; }
.footer_kaigobed01 .arrowFR:before, .footer_kaigobed01 .arrowFR02:before { border-left-color: #a2620f; }
.footer_inner_kaigobed01 .footer_nav02 > .inner { border-color: #deb887; }
.footer_inner_kaigobed01 .nav_block ul li { border-left-color: #deb887 !important; }
.footer_inner_kaigobed01 .nav_block ul li:last-child { border-right-color: #deb887 !important; }


/*===================================================
   サイドメニュー
=====================================================*/
/*---------------------------------------
サイドメニュー全体
--------------------------------------- */

#all_sidebar {
  float: left;
  width: 220px;
  margin: 0 0 10px;
}

/* バナーリストの設定 */
#all_sidebar ul.bnr_list {
  margin-bottom: 10px;
  list-style: none;
  padding: 0;
}
#all_sidebar ul.bnr_list li {
  margin-bottom: 5px;
  line-height: 0;
}

/* ★静的 介護インデックス点線 */
#all_sidebar .cat_list_w li,
#all_sidebar .cat_list_s li,
#all_sidebar .cat_list_y li,
#all_sidebar .cat_list_bath li,
#all_sidebar .cat_list_meal li,
#all_sidebar .cat_list_life li,
#all_sidebar .cat_list_toilet li,
#all_sidebar .cat_list_bedding li,
#all_sidebar .cat_list_cane li,
#all_sidebar .cat_list_kaigobed li,
#all_sidebar .cat_list_sp li {
  background: url(https://c20.future-shop.jp/shop/item/hukusi/design/img01/line_01.gif) repeat-x bottom;
}
/*---------------------------------------
 検索エリア
--------------------------------------- */
#all_sidebar [class*="_search"] dl.search_ct,
#all_sidebar dl.search_ct {
  width: 220px;
  height: 167px;
  background: url(https://www.hukusi-orosi.jp/img/secure/img/s_search_bg1.gif) no-repeat left top;
  background-size: 220px 167px; 
  margin-bottom: 10px;
  padding: 0;
}
#all_sidebar dl.search_ct dt {
  width: 220px;
  height: 40px;
  text-align: left;
  margin: 0;
  padding: 0;
}
/* 入力欄（dd）の位置調整 */
#all_sidebar dl.search_ct dd {
  width: 220px;
  text-align: center;
  padding: 2px 0;
  margin: 0;
}

/* 検索窓（input） */
#all_sidebar input.search_wnd {
  width: 160px !important;
  height: 21px;
  margin-top: 5px;
}

/* 検索ボタン */
#all_sidebar input.s_btn {
  width: 164px;
  height: 29px;
  margin-top: 5px;
}

#all_sidebar input.s_btn {
  width: 164px;
  height: 29px;
  background: url(https://c20.future-shop.jp/shop/item/hukusi/design/img01/s_search_btn.gif) no-repeat top left;
  border: none;
  cursor: pointer;
}

/*---------------------------------------
  カテゴリーメニュー
--------------------------------------- */
#all_sidebar [class*="cat_list_"],
#all_sidebar [class*="menu_"] {
  width: 220px;
  margin-bottom: 10px;
}
/* リンクボタン共通 */
#all_sidebar [class*="cat_list_"] li a,
#all_sidebar [class*="menu_"] ul.cat_list li dd a {
  display: block;
  font-size: 18px;
  padding: 10px 5px 10px 20px;
  text-decoration: none;
  transition: background-position 0.3s ease;
}
/* サブメニュー（ホバーで出る部分） */
#all_sidebar ul.menu li ul.sub {
  position: absolute;
  top: 0;
  left: 220px;
  width: 400px;
  z-index: 100;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 5px;
}

#all_sidebar ul.menu li ul.sub li {
  width: 190px;
  float: left;
  background: none;
}
/*カテゴリ別：アイコン・背景色*/
/* 車椅子（緑） */
.cat_list_w li a, .menu_w dd a { background: url(https://www.hukusi-orosi.jp/img/secure/img/design/arrow_w.png) no-repeat 0% 50%; }
.menu_w dd a { background-color: #d3ebbf; margin: 2px; padding: 5px 5px 5px 20px !important; }
.menu_w dd a:hover { background-color: #e3f2d7; background-position: 3% 50%; }

/* シルバーカー（青） */
.cat_list_s li a, .menu_s dd a { background: url(https://www.hukusi-orosi.jp/img/secure/img/design/arrow_s.png) no-repeat 0% 50%; }
.menu_s dd a { background-color: #add8e6; margin: 2px; padding: 5px 5px 5px 20px !important; }
.menu_s dd a:hover { background-color: #add8e6; background-position: 3% 50%; }

/* 介護ベッド（茶） */
.cat_list_kaigobed li a, .menu_kaigobed dd a { background: url(https://www.hukusi-orosi.jp/img/secure/img/design/arrow_kaigobed.png) no-repeat 0% 50%; }
.menu_kaigobed dd a { background-color: #F5E2C7; margin: 2px; padding: 5px 5px 5px 20px !important; }
.menu_kaigobed dd a:hover { background-color: #f9f1e6; background-position: 3% 50%; }

/* その他アイコン（総合） */
.cat_list_bath li a    { background: url(https://www.hukusi-orosi.jp/img/secure/img/design/arrow_bath.png) no-repeat 0% 50%; }
.cat_list_meal li a    { background: url(https://www.hukusi-orosi.jp/img/secure/img/design/arrow_meal.png) no-repeat 0% 50%; }
.cat_list_life li a    { background: url(https://www.hukusi-orosi.jp/img/secure/img/design/arrow_life.png) no-repeat 0% 50%; }
.cat_list_toilet li a  { background: url(https://www.hukusi-orosi.jp/img/secure/img/design/arrow_toilet.png) no-repeat 0% 50%; }
.cat_list_bedding li a { background: url(https://www.hukusi-orosi.jp/img/secure/img/design/arrow_bedding.png) no-repeat 0% 50%; }
.cat_list_cane li a    { background: url(https://www.hukusi-orosi.jp/img/secure/img/design/arrow_cane.png) no-repeat 0% 50%; }

/* 切り取り線（ドットライン）★ 
#all_sidebar [class*="cat_list_"] li,
#all_sidebar [class*="menu_"] ul.cat_list li {
  background: url(https://c20.future-shop.jp/shop/item/hukusi/design/img01/line_01.gif) repeat-x bottom;
}*/


/*---------------------------------------
   カレンダー・ご利用ガイド
--------------------------------------- */
#all_sidebar dl.calendar_ct {
  margin: 10px 0 15px;
  width: 220px;
}
#all_sidebar dl.calendar_ct dd.calendar {
  text-align: center;
  padding: 10px;
}

/* ご利用ガイド（オレンジ・グラデーション） */
#all_sidebar dl.all_sNav dt {
  background: linear-gradient(to bottom, #ffa500, #ff8c00);
  border: 1px solid #f5deb3;
  color: #fff;
  font-weight: bold;
  width: 200px;
  padding: 5px 0 5px 20px;
}
#all_sidebar dl.all_sNav dd a {
  display: block;
  font-size: 14px;
  padding: 2px 5px 2px 20px;
  margin: 2px;
  background: #ffdab9 url(https://www.hukusi-orosi.jp/img/secure/img/design/arrow_all.png) no-repeat 0% 43%;
  text-decoration: none;
  color: #333 !important;
}
#all_sidebar dl.all_sNav dd a:hover {
  background-color: #ffe4c4;
  background-position: 3% 43%;
}



/* ▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽
    会社概要・支払い等共通
▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽ */

/* ---------------------------------------
	会社概要ページ
--------------------------------------- */

/* 1. 中身を900pxで中央に寄せる */
#all_contents .BusinessDeal,
#all_contents .Company {
  width: 900px;
  margin: 0 auto 40px;
  text-align: left;
}

/* 2. 表の幅 */
#all_contents .BusinessDeal dl.table,
#all_contents .Company dl {
  width: 900px;
  box-sizing: border-box;
  overflow: hidden;
  border: 1px solid #ddd;
  border-top: none;
  background: #fff6eb;
  margin-bottom: 30px;
}

#all_contents .BusinessDeal dl.table dt,
#all_contents .Company dl dt {
  width: 25%; 
  float: left;
  padding: 15px 20px;
  border-top: 1px solid #ddd;
  box-sizing: border-box;
  font-weight: bold;
}

#all_contents .BusinessDeal dl.table dd,
#all_contents .Company dl dd {
  width: 75%;
  float: left;
  padding: 15px 20px;
  border-left: 1px solid #ddd;
  border-top: 1px solid #ddd;
  background: #fff;
  box-sizing: border-box;
  line-height: 1.6;
}

/* 3. 説明文 */
#all_contents .BusinessDeal .text {
  width: 100%;
  margin: 0 0 30px 0;
  padding: 0 10px;
  box-sizing: border-box;
  line-height: 1.8;
}

/* 送料テーブル */
#all_contents .BusinessDeal table {
  width: 100%;
  border-collapse: collapse;
  margin: 15px 0;
  font-size: 14px;
}

/* ============================================================
   お支払・送料ページ
============================================================ */

#all_contents .PostageSettleList {
  width: 900px;
  margin: 0 auto 30px;
  text-align: left;
}

/* お支払方法などの表 */
#all_contents .PostageSettleList .text dl.table {
  width: 70%;
  box-sizing: border-box;
  overflow: hidden;
  border: 1px solid #ddd;
  border-top: none;
  background: #fff6eb;
  margin: 15px 0;
}

#all_contents .PostageSettleList .text dl.table dt {
  width: 25%;
  float: left;
  padding: 12px 15px;
  border-top: 1px solid #ddd;
  font-weight: bold;
  box-sizing: border-box;
}

#all_contents .PostageSettleList .text dl.table dd {
  width: 75%;
  float: left;
  padding: 12px 15px;
  border-left: 1px solid #ddd;
  border-top: 1px solid #ddd;
  background: #fff;
  box-sizing: border-box;
}

/* 説明文 */
#all_contents .PostageSettleList .text {
  margin: 0 0 25px 0; 
  line-height: 1.8;
}

/* リンク（オレンジ色） */
#all_contents .PostageSettleList .text a {
  color: #ff9900;
  font-weight: bold;
  text-decoration: underline;
}

/* 画像や段落の配置 */
#all_contents .PostageSettleList p,
#all_contents .PostageSettleList img {
  margin: 0 0 15px 0;
}

/* 箇条書き */
#all_contents .PostageSettleList div.list {
  margin: 0 0 20px 30px;
}

#all_contents .PostageSettleList div.list ul li {
  list-style-type: disc;
  margin-bottom: 5px;
}


/* ▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽
    商品ページ動的共通
▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽ */


/* 1. ページ全体の土台 */
body#FS2_body_Goods,
body div.layout_body,
div#all_footer {
    width: 100%;
    margin: 0;
}

/* 2. メインコンテンツ中央寄せ（1000px） */
div.FS2_body_text_area,
table.layout_table,
.layout_table td.layout_content,
.layout_table td.layout_content .utility,
.layout_table td.layout_content .system_content,
#FS2_Recommend_List {
    width: 1000px;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

/* 3. 各エリアの余白設定（padding） */
/* メインエリア */
.layout_table td.layout_content {
    padding: 35px 15px 70px 15px !important;
}

/* 左メニューエリア */
.layout_table td.layout_menu {
    padding: 15px 0 70px 18px !important;
}

.item_upper {
  text-align: left;
}

/* 文字サイズ */
.item_upper p {
  font-size: 15px;
}

/* 見出し */
.item_upper h2 {
  font-size: 17px;
  font-weight: bold;
  padding: 7px 0 7px 7px;
  border: 1px solid #3399FE;
  border-left-width: 10px;
}
.item_upper h3 {
  color: #7AA516;
  font-size: 16px;
  font-weight: bold;
}

/*---------------------------------------
    商品ページ 上級デザイン
--------------------------------------- */

/* 機能アイコン画像（杖だけ） */
#kinou {
  margin-bottom: 50px;
}
#kinou_gif {
  margin-bottom: 5px;
}
#kinou_gif li {
  float: left;
  margin-right: 3px;
}

/* テーブル共通設定 */
table[id^="iTable"] {
  border-collapse: collapse;
  margin-bottom: 20px;
}

table[id^="iTable"] th,
table[id^="iTable"] td {
  padding: 5px 8px;
  text-align: left;
  border-right: 1px solid #6D9513;
  border-bottom: 1px solid #6D9513;
}

table[id^="iTable"] th {
  background: #CEF4AB;
  font-weight: bold;
}

/* テーブル幅 */
#iTable1, #iTable2 {
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  width: 100%;
}

/* 個別テーブル設定 */
#iTable1 {
  border-top: 1px solid #6D9513;
  border-right: 1px solid #6D9513;
  border-left: 1px solid #6D9513;
  margin-bottom: 0; 
}

#iTable1 th {
  width: 151px;
}

#iTable1 td {
  background: #fff;
}

#iTable2,
#iTable3 {
  border-left: 1px solid #6D9513;
}

#iTable2 th,
#iTable3 th {
  width: 151px;
}

#iTable2 td,
#iTable3 td {
  background: #fff;
}

/* iTable3 個別設定 */
#iTable3 {
  border-top: 1px solid #6D9513;
  table-layout: auto;
  width: 100%;
}

#iTable3 th {
  white-space: nowrap; /* 折り返し防止 */
}

#iTable3 td {
  width: auto; /* 残り幅を使用 */
}


/*商品ページ内メーカー回遊バナー*/
a.cp_btn {
  display: block;
  width: 95%;
  margin: 20px auto;
  padding: 12px 0;

  text-align: center;
  text-decoration: none;
  font-size: 18px;
  font-weight: bold;

  color: #fff;
  background-color: #8BBB1A;
  box-shadow: 0 3px 0 #5A7911;

  border: none;
  border-radius: 30px;

  transition: opacity 0.2s;
}

a.cp_btn:hover {
  opacity: 0.85;
  color: #fff;
  text-decoration: none;
}


/* 商品ページ内動画 */
.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  height: 0;
  overflow: hidden;
  margin-bottom: 15px;
  clear: both; /* 周りのfloatの影響をリセット */
}

.youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  border: 0;
}


/*---------------------------------------
    商品ページ 価格下部設定
--------------------------------------- */

/* 右側カラムの基本幅とレイアウト */
.FS2_itemlayout_td_Right {
    width: 550px !important;    /* 550pxに統一 */
    text-align: left;
    vertical-align: top;
    box-sizing: border-box; 
    overflow: hidden; 
    padding-left: 20px;
}

/* カラム内の各パーツの幅を550pxに統一 */
#FS2_itemlayout_E .FS2_itemlayout_td_Right h1.itemTitle,
.FS2_itemlayout_td_Right .itemSpec,
.FS2_itemlayout_td_Right .userTable_01,
.FS2_ReviewTextLink_area {
    width: 550px;
}

/* 商品タイトル */
.FS2_itemlayout_td_Right .itemTitle {
    display: block !important;
    font-weight: bold;
    font-size: 123.1%;
    line-height: 1.4;
    margin-top: 5px;
}

/* 商品キャッチコピー */
.FS2_itemlayout_td_Right .itemCatchCopy {
    display: block !important;
    width: 100%;
    font-weight: normal;
    font-size: 85%;
    color: #900;
    line-height: 1.5;
    margin-bottom: 10px;
}

/* 価格・在庫・エラー表示 */
.FS2_itemlayout_td_Right .itemPrice {
    font-weight: bold;
    font-size: 123.1%;
    color: #900;
}

/* アイコン・ボタン類（幅の微調整） */
.FS2_itemlayout_td_Right .FS2_eye_catch_icon { width: 550px; padding: 10px 0; }
.FS2_itemlayout_td_Right .FS2_noStockText { width: 100%; }
.FS2_itemlayout_td_Right .error_content { width: 100%; }
.FS2_itemlayout_td_Right .FS2_figure_table_td_cart_btn { padding: 0 0 10px 5px; }
.FS2_TweetButton_area iframe { display: block; padding: 0 0 5px 0; }

/* スペック表 */
.FS2_itemlayout_td_Right .itemSpec {
    border-top: solid 1px #6D9513;
    border-right: solid 1px #6D9513;
    border-left: solid 1px #6D9513;
    margin: 0 0 12px 0;
}

.FS2_itemlayout_td_Right .itemSpec th,
.FS2_itemlayout_td_Right .itemSpec td {
    border-right: solid 1px #6D9513;
    border-bottom: solid 1px #6D9513;
    padding: 8px; /* 少しだけ広げて視認性アップ */
}

.FS2_itemlayout_td_Right .itemSpec th {
    background-color: #CEF4AB;
    font-weight: bold;
    width: 120px; /* 見出し幅を固定 */
}

/* 数量・カートテーブル */
.FS2_figure_table {
    width: 100%; /* 親の550pxに合わせる */
    margin: 10px 0;
    font-size: 0.95rem;
}

.FS2_figure_table td {
    padding: 5px 4px;
    white-space: nowrap;
}	

/* おすすめ商品リスト */
#FS2_Recommend_List {
    font-size: 93%;
    line-height: 1.3;
    overflow: hidden;
    padding: 0 0 250px 0;
}
#FS2_Recommend_List .FS2_itemlayout_td_Left { text-align: left !important; }
#FS2_Recommend_List .CrossHead {
    font-weight: bold;
    font-size: 123.1%;
    border-bottom: #666 1px dotted;
}
#FS2_Recommend_List .itemCatchCopy { display: none; }
#FS2_Recommend_List .FS2_special_price { display: block; padding: 4px 0 0 0; color: #999; }

/* おすすめ価格色 */
#FS2_Recommend_List .itemPrice,
.FS2_Recommend2_ranking_horizontal .itemPrice,
.FS2_Recommend2_ranking_vertical .itemPrice {
    color: #D83F72;
    font-weight: bold;
}

/*---------------------------------------
  オプション（プルダウン）デザイン
--------------------------------------- */

table.FS2_OptionPrice_table {

}
table.FS2_OptionPrice_table th {
  background-color:#CEF4AB;
  font-weight: bold;
}
/* table */
.FS2_OptionPrice_table {
  width: 550px;
  border-collapse: collapse;
  font-size: 0.9rem;
}

/* 行をブロック化して縦並びに */
.FS2_OptionPrice_table tr {
  display: block;
  margin-bottom: 1em;
}

/* 見出しセル・データセル */
.FS2_OptionPrice_table th,
.FS2_OptionPrice_table td {
  display: block;
  width: 550px;
  white-space: normal !important;
  word-break: break-word;
  box-sizing: border-box;
  padding: 4px 6px;
}

/* セレクトボックス */
.FS2_OptionPrice_table td select {
  width: 540px;
  height: 35px;
  padding: 5px;
  border: 1px solid #ababab;
  border-radius: 4px;  /* 角丸 */
  box-sizing: border-box;
font-size: 0.9rem;
}

/* 備考など小さい文字 */
.FS2_discount_note {
  font-size: 0.85rem;
  line-height: 1.4;
}

.FS2_discount_note {
    display: block;
    margin: 6px 0;
    font-size: 0.85rem;
    line-height: 1.4;
}

/* ★在庫状況について画像の枠非表示*/
.FS2_ReturnedSpecialContract_text { 
  border: none !important;
}

/*---------------------------------------
    選択肢（チェックボックス）デザイン
--------------------------------------- */

table.GoodsSelectionTable {
    width: 550px;
    border-collapse: separate;
    border-spacing: 0;
    margin: 0 0 20px 0;
    font-size: 1.0rem;
    border: solid 1px #6D9513;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}

table.GoodsSelectionTable th {
    width: 230px;
    padding: 12px 10px;
    background: linear-gradient(to bottom, #def8c2, #CEF4AB); 
    border-right: solid 1px #6D9513;
    border-bottom: solid 1px #6D9513;
    font-weight: bold;
    text-align: center;
    color: #336600;
}

table.GoodsSelectionTable td {
    width: 320px;
    padding: 12px;
    background-color: #ffffff;
    border-bottom: solid 1px #6D9513;
    text-align: center;
    vertical-align: middle;
}

/* チェックボックスのサイズ */
table.GoodsSelectionTable td input[type="checkbox"],
table.GoodsSelectionTable td input[type="radio"] {
    width: 15px;
    height: 15px;
    cursor: pointer;
    vertical-align: middle;
    margin: 0;
}

/* 最後の行の線を消す処理 */
table.GoodsSelectionTable tr:last-child th,
table.GoodsSelectionTable tr:last-child td {
    border-bottom: none;
}

/*---------------------------------------
    カート移動ボタン 
--------------------------------------- */

#cart_img {
  position: fixed;
  bottom: 0;
  right: 0;
  padding: 0;
  margin: 0;
  z-index: 500;
}
/* スマホはボタンを非表示 */
.sp-cart{
display:none;
}


/*===================================================
   検索結果一覧 レイアウト
=====================================================*/

#FS2_itemlayout_A {
    border-bottom: 1px solid #CCC;
    margin-bottom: 15px;
    padding-bottom: 15px;
}
#FS2_itemlayout_A h2 a { font-size: 120%; color: #336600; font-weight: bold; }
#FS2_itemlayout_A .itemCenter { text-align: left; line-height: 1.2; }
#FS2_itemlayout_A .itemCatchCopy { font-size: 85%; color: #000; }
#FS2_itemlayout_A .itemPrice,
#FS2_itemlayout_A .FS2_special_price { color: #D83F72; }
#FS2_itemlayout_A .FS2_itemPrice_text { color: #555; font-weight: bold; }

/* 非表示設定系 */
#FS2_itemlayout_A .FS2_eye_catch_icon,
#FS2_itemlayout_A .FS2_itemPrice_addition,
.FS2_Config_Postage .pageTitle,
.FS2_Config_Postage .CrossHead,
.FS2_Config_Postage .userTable_02,
.FS2_Config_Postage p,
.FS2_Config_Settle,
[class*="FS2_body_Goods_"] .itemRight {
    display: none;
}


/* ▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽
    お問い合わせ
▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽ */

/* ---------------------------------------
   お問い合わせボタン
--------------------------------------- */

/* 共通 */
[class^="button0"] a,
[class^="button0"] a:link,
[class^="button0"] a:visited,
[class^="button0"] a:hover,
[class^="button0"] a:active {
  width: 70%;
  display: block;
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  color: #FFF;
  padding: 9px 0;
  margin: 20px auto;
  border-radius: 30px;
}

[class^="button0"] a:hover {
  opacity: 0.8;
}

/* 車椅子 */
.button01 a {
  background-color: #8BBB1A;
  box-shadow: 0 3px 0 #5A7911;
}

/* シルバーカー */
.button02 a {
  background-color: #1C6BFF;
  box-shadow: 0 3px 0 #003AA8;
}

/* 法人・部品 */
.button03 a {
  background-color: #FF9700;
  box-shadow: 0 3px 0 #A86500;
}

/* ---------------------------------------
	総合（お問い合わせ）
--------------------------------------- */
.form_p table {
	width: 100%;
	margin-bottom: 20px;
	border-top: 1px dashed #666;
}

.form_p table td,
.form_p table th {
	text-align: left;
	padding: 10px;
	border-bottom: 1px dashed #666;
}

.form_p table th {
	width: 30%;
	color: #339900;
}

.form_p table td .tel_txt {
	margin: 0 5px;
}

.form_p table td .radio_b {
	margin-left: 15%;
}

/* ---------------------------------------
	法人専用窓口お見積り（お問い合わせ）
--------------------------------------- */
.omitumori table {
	width: 900px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-collapse: collapse;
}

.omitumori table th,
.omitumori table td {
	padding: 5px 15px;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

.omitumori table th {
	width: 200px;
	background-color: #efefef;
}

.chu {
	font-size: 10px;
	color: #f00;
}

/* ---------------------------------------
	総合（よくある質問）
--------------------------------------- */
#all_contents .q-a .text {
	margin: 0 0 15px 10px;
}

#all_contents .q-a .text a {
	color: #ff9900;
	font-weight: bold;
}

#all_contents .q-a .q-a_menu ul {
	margin-bottom: 40px;
}

#all_contents .q-a .q-a_menu ul li {
	background: url(https://c20.future-shop.jp/shop/item/hukusi/design/img01/line_01.gif) repeat-x bottom;
}

#all_contents .q-a .q-a_menu ul li a {
	display: block;
	font-size: 15px;
	padding: 1px 5px 1px 20px;
	margin: 2px;
	background: url(https://www.hukusi-orosi.jp/img/secure/img/design/arrow_all.png) no-repeat 0% 43%;
}

#all_contents .q-a .q-a_menu ul li a:hover {
	padding-left: 21px;
	background-position: 1% 43%;
	text-decoration: none;
	color: inherit;
}

#all_contents .q-a dl {
	width: 370px;
	overflow: hidden;
	border: 1px solid #ddd;
	border-top: none;
	background: #fff6eb;
	margin-bottom: 25px;
}

#all_contents .q-a dl dt {
	width: 198px;
	float: left;
	padding: 3px 5px;
	border-top: 1px solid #ddd;
}

#all_contents .q-a dl dd {
	width: 151px;
	float: left;
	padding: 3px 5px;
	border-left: 1px solid #ddd;
	border-top: 1px solid #ddd;
	background: #fff;
}

/* 共通レイアウト */
#common_qa {
  font-family: HiraginoSans, Meiryo, "MS PGothic", sans-serif;
}

.q-a .text {
  padding: 12px;
  margin: 10px 0 20px;
  border: 1px solid #99CE1E;
  border-radius: 3px;
}

/* 見出し*/
.t_soft {
  margin: 30px 0 10px;
  font-size: 18px;
  font-weight: bold;
}

/* 見出しタイトル */
#common_qa h2.t_soft {
  padding: 8px 0 5px 10px;
  background: #FF9700;
  border-left: 25px double #FFC46A;
  color: #FFF;
  font-weight: bold;
  font-size: 17px;
}

	
/*---------------------------------------
   アコーディオン
--------------------------------------- */

.accordion_dl dt {
  position: relative;
  padding: 8px 5px 8px 28px;
  border-bottom: 1px dashed #CCC;
  color: #666;
  cursor: pointer;
}

.accordion_dl dt:hover {
  color: #FF9700;
}

.accordion_dl dd {
  margin: 10px 0 15px 28px;
  padding: 12px;
  color: #666;
  border: 2px solid #A5A5A5;
  background: #FFFDF4;
  border-radius: 3px;
}

/* 開閉マーク */
.accordion_dl dt::before,
.accordion_dl dt::after {
  content: "";
  position: absolute;
  left: 10px;
  width: 10px;
  height: 10px;
  transform: rotate(45deg);
}

.accordion_dl dt::before {
  top: 50%;
  margin-top: -8px;
  background: #EE8348;
}

.accordion_dl dt::after {
  top: 50%;
  margin-top: -13px;
  background: #FFF;
}

.accordion_dl dt.active::before { margin-top: -2px; }
.accordion_dl dt.active::after  { margin-top: 3px; }

/* テキスト装飾 */
.mb10 { margin-bottom: 10px; }

.qa01,
.qa01_2 { font-weight: bold; }

.qa02 { color: #C00; }

.qa04 { color: #0066CC; font-weight: bold; }

.qa05 { font-weight: bold; }

#common_qa a {
  color: #0033FF;
  text-decoration: none;
}

#common_qa a:hover {
  text-decoration: underline;
}

/* アコーディオン内の文字装飾 */
#common_qa .qa01 {
  padding-bottom: 30px;
}
#common_qa .qa01_2 {
  padding-bottom: 15px;
}
#common_qa .qa02 {
  color: #fc3c0c;
}
#common_qa .qa03 {
  color: #eb6a25;
}
#common_qa .qa04 {
  font-weight: bold;
}
#common_qa .qa05 {
  color: #0033ff;
}


/* ▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽
    各インデックス（静的）デザイン
▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽ */

/*===================================================
    デザインレイアウト共通設定
=====================================================*/

/* 1. 一番外枠（ページ全体の土台） */
#all_container {
  max-width: 1248px;
  width: 100%;
  padding: 15px 0 0;
  margin: 0 auto;
}

#all_contents {
  width: 1000px;
  float: right;
}

/* 2. メインコンテンツ（車椅子とシルバーカー） */
#w_contents, 
#s_contents {
  width: 1000px;
  float: right;
}

/* 3. ボックスサイズ（全要素） */
#w_contents *, #w_contents *::before, #w_contents *::after,
#s_contents *, #s_contents *::before, #s_contents *::after {
  box-sizing: border-box !important;
}

/* 4. お知らせiframe */
#w_contents iframe,
#s_contents iframe {
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
  width: 900px !important;
  max-width: 100% !important;
}

/* 共通設定  オールコンテナ内カテゴリデザイン */
#all_container .ct_02rank,
#all_container .ct_03recommend,
#all_container .ct_04function,
#all_container .ct_05series,
#all_container .ct_06type,
#all_container .ct_08price,
#all_container .ct_09maker,
#all_container .ct_10text,
#all_container .ct_11benri {
  margin-bottom: 30px;
}

#all_container .ct_05series,
#all_container .ct_08price,
#all_container .ct_09maker {
  margin-bottom: 32px;
}

/* ul共通幅 */
#all_container .ct_02rank ul,
#all_container .ct_03recommend ul,
#all_container .ct_04function ul,
#all_container .ct_05series ul,
#all_container .ct_08price ul,
#all_container .ct_09maker ul,
#all_container .ct_10text dl,
#all_container .ct_11benri dl {
  width: 1000px;
}

/* 店舗説明書き文字 */
.text {
	margin-bottom: 20px;
}

.text p {
	margin: 0 0 5px 15px;
}

.text p.heading {
	color: #d21018;
	font-size: 18px;
	font-weight: bold;
}

/*===================================================
   見出し
=====================================================*/

/* 見出し（共通） */
#all_contents h3,
#w_contents h3,
#s_contents h3,
.ct_10text dl dt {
    box-sizing: border-box !important; 
    width: 100% !important;
    /* フロートの影響を断ち切る */
    clear: both;
}

/*---------------------------------------
    見出し（介護用品）
--------------------------------------- */
/* ヘッダー用 H1*/
#all_header .top h1 {
    font-size: 10px;
    width: 500px;
    margin-left: 280px; 
    float: left;
    text-align: left;
}

/* 見出しH2 */
#all_contents h2 {
  width: 100% !important;
  box-sizing: border-box !important;
  clear: both;
  background: #ffa500 linear-gradient(to right, #ffa500, #ff8c00) !important;
  border-radius: 8px !important;
  border: 3px solid #ffffff !important;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
  background-image: url(https://www.hukusi-orosi.jp//img/secure/img/design/h2_all_icon.png) !important;
  background-repeat: no-repeat !important;
  background-position: 10px center !important;
  background-size: 36px 36px !important;
  padding: 0 0 0 55px !important;
  height: 50px;
  line-height: 44px;
  color: #ffffff !important;
  font-size: 160% !important; 
  font-weight: 900 !important; 
  text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
  letter-spacing: 0.1em;
  margin: 0 0 15px 0 !important;
}

/* 見出しH3 */
#all_contents h3 {
  width: 100% !important;
  box-sizing: border-box;
  background: #ff9900;
  border-left: 23px double #ffc46a;
  padding: 8px 1px 8px 15px;
  color: #fff;
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 15px;
  clear: both;
}

/* 見出しH4 */
#all_contents h4 {
  width: 100%; 
  height: auto;
  clear: both;
  margin-bottom: 15px;
  padding: 8px 0 8px 10px;
  border-bottom: solid 1px #ff9900;
  border-left: solid 10px #ff9900;
  font-weight: bold;
  box-sizing: border-box;
}

/*---------------------------------------
   見出し（車椅子）
--------------------------------------- */

#w_contents h2 {
  width: 100% !important;
  box-sizing: border-box !important;
  clear: both;
  background: #4B8926 linear-gradient(to right, #4B8926, #3a6b1e) !important;
  border-radius: 8px !important;
  border: 3px solid #ffffff !important;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
  background-image: url(https://www.hukusi-orosi.jp/img/secure/img/design/h2_w_icon.png) !important;
  background-repeat: no-repeat !important;
  background-position: 10px center !important;
  background-size: 36px 36px !important;
  padding: 0 0 0 55px !important;
  height: 50px;
  line-height: 44px;
  color: #ffffff !important;
  font-size: 160% !important;
  font-weight: 900 !important;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
  margin: 0 0 15px 0 !important;
}
  
  
#w_contents h3 {
  width: 100% !important;
  box-sizing: border-box !important; 
  clear: both;
  
  background: #4B8926;
  border-left: 23px double #8BB368;
  padding: 8px 1px 8px 15px;
  color: #fff;
  font-weight: bold;
  font-size: 15px;
  margin-bottom: 15px;
}

#w_contents h4,
#w_contents .ct_10text dl dt {
  width: 100% !important;
  height: auto !important;
  clear: both;
  margin-bottom: 15px;
  padding: 8px 0 8px 10px !important;
  border-bottom: solid 1px #a1c846;
  border-left: solid 10px #a1c846;
  font-weight: bold;
  box-sizing: border-box;
}

/*---------------------------------------
   見出し（シルバーカー）
--------------------------------------- */

#s_contents h2 {
  width: 100% !important;
  box-sizing: border-box !important;
  clear: both;
  background: #6699ff linear-gradient(to right, #6699ff, #4d7fe6) !important;
  border-radius: 8px !important;
  border: 3px solid #ffffff !important;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
  background-image: url(https://www.hukusi-orosi.jp/img/secure/img/design/h2_s_icon.png) !important;
  background-repeat: no-repeat !important;
  background-position: 10px center !important;
  background-size: 36px 36px !important;
  padding: 0 0 0 55px !important;
  height: 50px;
  line-height: 44px;
  color: #ffffff !important;
  font-size: 160% !important;
  font-weight: 900 !important;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
  margin: 0 0 15px 0 !important;
}

#s_contents h3 {
  width: 100% !important;
  box-sizing: border-box !important;
  clear: both;
  margin-bottom: 15px;
  padding: 8px 1px 8px 15px;
  font-size: 15px;
  font-weight: bold;
  color: #fff;
  background: #6699ff;
  border-left: 23px double #bfd6ff;
}

#s_contents h4,
#s_contents .ct_10text dl dt {
  width: 100% !important;
  height: auto !important;
  clear: both;
  margin-bottom: 15px;
  padding: 8px 0 8px 10px !important;
  font-weight: bold;
  border-left: 10px solid #6699ff;
  border-bottom: 1px solid #6699ff;
  box-sizing: border-box; 
}

/*---------------------------------------
  スライドショー（介護用品）
--------------------------------------- */
/* 介護ページ：横長900pxレイアウト（矢印・角丸なし） */
#all_contents .slideShow {
  width: 900px !important;
  display: flex !important;
  justify-content: space-between !important;
  margin: 0 auto 30px !important;
}

/* メイン画像（680x180） */
#all_contents .slideShow .mainView {
  width: 680px !important;
  height: 180px !important;
  position: relative !important;
  overflow: hidden !important;
}

#all_contents .slideShow .mainView ul,
#all_contents .slideShow .mainView ul li,
#all_contents .slideShow .mainView ul li a,
#all_contents .slideShow .mainView ul li img {
  width: 680px !important;
  height: 180px !important;
  display: block !important;
  border: 0;
}

#all_contents .slideShow .mainView ul li {
  position: absolute !important;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.5s;
}

#all_contents .slideShow .mainView ul li.active {
  opacity: 1 !important;
  z-index: 10 !important;
}

/* サムネイル（210x180の中に3枚を縦並び） */
#all_contents .slideShow .thumbNail {
  width: 210px !important;
  height: 180px !important;
}

#all_contents .slideShow .thumbNail ul {
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  height: 180px !important;
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
}

#all_contents .slideShow .thumbNail ul li {
  width: 210px !important;
  height: 56px !important; /* 隙間を確保しつつ縦に3枚 */
  cursor: pointer;
  box-sizing: border-box;
  transition: all 0.3s;
}

#all_contents .slideShow .thumbNail ul li img {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  border: 0;
}

/* --- アクティブなサムネイルの見た目 --- */
/* 選択されていない時は少し薄く */
#all_contents .slideShow .thumbNail ul li {
  opacity: 0.6;
}

/* 選択されている時はハッキリ表示 ＋ 枠線 */
#all_contents .slideShow .thumbNail ul li.active {
  opacity: 1 !important;
  outline: 2px solid #cacaca; 
  outline-offset: -2px;
}

/*===================================================
   王冠付きランキング（共通）
=====================================================*/
.all_ranking ul {
  width: 1000px;
  margin-bottom: 40px;
  display: flex;
  justify-content: flex-start;
  padding: 0;
}

.all_ranking ul li {
  width: 180px; 
  margin: 0 10px;
  text-align: center;
  font-size: 12px;
  list-style: none;
}

/* 130pxの冠（上下画像） */
.all_ranking ul li dt img,
.all_ranking ul li dd:last-child img {
  width: 130px;
  height: auto;
  display: block;
  margin: 0 auto;
}

/* 155pxの商品画像 */
.all_ranking ul li dl dd img {
  width: 155px;
  height: auto;
  display: block;
  margin: 0 auto 5px;
  padding-left: 0 !important;
}

/* テキスト部分のリンク設定 */
.all_ranking ul li dl dd a {
  text-decoration: none;
  color: inherit;
  display: block;
}

.all_ranking ul li .title {
  font-weight: bold;
  font-size: 13px;
  color: #663202;
  display: block;
  min-height: 3em;
}

.all_ranking ul li .price {
  font-weight: bold;
  font-size: 13px;
  color: #d21018;
}

.all_ranking ul li dl dd[class^="no"] {
  width: 180px;
  margin: 0 auto;
  border-radius: 10px;
  padding: 10px 10px; 
  box-sizing: border-box; 
  height: auto;
  min-height: 330px;
}
/* 各背景色の継承 */
.all_ranking ul li dl dd.no1 { background-color: #fef5d1; }
.all_ranking ul li dl dd.no2 { background-color: #f2f3f4; }
.all_ranking ul li dl dd.no3 { background-color: #fff0e8; }
.all_ranking ul li dl dd.no4,
.all_ranking ul li dl dd.no5 { background-color: #f2f2e2; }

	
/*---------------------------------------
   特集バナー（介護・車椅子共通）
--------------------------------------- */
#all_contents .all_special {
  margin-bottom: 40px;
  width: 1000px;
}

#all_contents .all_special ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0;
  margin: 0;
  list-style: none;
}

#all_contents .all_special ul li {
  margin: 0 5px 10px;
}

/* 個別の余白設定をリセット */
#all_contents .all_special ul li.bnr01,
#all_contents .all_special ul li.bnr02 {
  margin-left: 5px;
  margin-right: 5px;
}

/* 下段の大きなバナー */
#all_contents .all_special ul li.bnr04 {
  width: 100%;
  display: flex;
  justify-content: center; 
  clear: both;
  margin-left: 0;
}

#all_contents .all_special ul li.bnr04 img {
  max-width: 100%;
  height: auto;
}

/* ---------------------------------------
   ランキング & おすすめ商品（車椅子・シルバーカー共通）
※ct_02rank uはall_rankingに変更＝現在歩行車のみ
--------------------------------------- */
.ct_02rank ul,
.ct_03recommend ul {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-start !important;
  gap: 8px;
  padding: 0 !important;
  margin-bottom: 30px !important;
  list-style: none !important;
}

.ct_02rank ul li,
.ct_03recommend ul li {
  width: 244px !important;
  text-align: center;
  font-size: 14px;
  margin-bottom: 20px !important;
}

.ct_02rank ul li span.price,
.ct_03recommend ul li span.price {
  display: block;
  color: #d21018;
  font-weight: bold;
}

.ct_02rank ul li a img,
.ct_03recommend ul li a img {
  display: block !important;
  margin: 0 auto 10px !important;
}


.ct_03recommend ul li span.bold {
  display: block;
  margin-bottom: 2px;
  line-height: 1.4;
}
	
/* ---------------------------------------
   種類・タイプから選ぶ（車椅子・シルバーカー共通）
--------------------------------------- */

/* --- 1. リスト全体の基本レイアウト（3列・5列共通） --- */
.ct_04function ul,
.ct_06type ul {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: stretch;
  gap: 15px 10px;
  padding: 0 !important;
  list-style: none !important;
  margin: 0 0 20px 0;
}

.ct_04function ul li,
.ct_06type ul li {
  display: flex;
  height: auto;
}

/* 各列の横幅設定 */
.ct_04function ul li { width: 326px !important; } /* 3列 */
.ct_06type ul li { width: 192px !important; }     /* 5列 */

/* --- 2. ボックス（dl）と見出し（dt）の設定 --- */
.ct_04function dl,
.ct_06type dl {
  display: flex;
  flex-direction: column;
  width: 100%;
  border: 1px solid #dddddd;
  box-sizing: border-box;
  margin: 0;
  background: #fff;
}

/* 見出し（dt） */
.ct_04function dl dt,
.ct_06type dl dt {
  background: #eaab00; /* 黄色 */
  text-align: center;
  font-weight: bold;
  padding: 0;
}

/* 3列の見出し高さ設定 */
.ct_04function dl dt { min-height: 44px; }

/* 5列の見出し高さ設定（2行に合わせて50px固定） */
.ct_06type dl dt { height: 50px; }

/* 見出し内のリンク設定（上下中央寄せ） */
.ct_04function dl dt a,
.ct_06type dl dt a {
  display: flex !important;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  color: #ffffff;
  text-decoration: none;
  line-height: 1.3;
  padding: 0 5px;
  box-sizing: border-box;

font-size: 16px;
  font-weight: 900;
  letter-spacing: 0.05em;
}

/* --- 3. 説明エリア（dd）と画像の設定 --- */
.ct_04function dl dd,
.ct_06type dl dd {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
}

/* 説明テキストのリンクエリア */
.ct_04function dl dd a,
.ct_06type dl dd a {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 15px 10px;
  text-decoration: none;
  color: #333;
  font-size: 14px;
  line-height: 1.6;
  text-align: left;
  box-sizing: border-box;
}

/* 3列目のみ、全体のバランスを見て最低高さを保持 */
.ct_04function dl dd a { min-height: 280px; }

/* 画像の微調整 */
.ct_04function dl dd img,
.ct_06type dl dd img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto 10px auto;
}

/* ---------------------------------------
  メーカーから選ぶ（車椅子・シルバーカー共通）
--------------------------------------- */
  .ct_09maker ul {
  display: flex;
  flex-wrap: wrap;
  /* 4枚(229px) + 隙間3つ(28px) = 1000px ピッタリ */
  width: 1000px; 
  margin: 0 auto 20px auto;
  padding: 0;
  list-style: none;
  justify-content: flex-start; /* 左詰め（最後2つ対策） */
  
  /* 隙間を28pxに固定 */
  gap: 15px 28px; 
  
  box-sizing: border-box;
}

  .ct_09maker ul li {
  /* 画像227px + 左右の線1pxずつ = 229px */
  width: 229px; 
  border: 1px solid #dddddd !important; 
  box-sizing: border-box; 
  background-color: #fff;
  float: none;
}

  .ct_09maker ul li img {
  display: block;
  width: 227px; /* 画像サイズを固定 */
  height: auto;
}

/* ---------------------------------------
  価格から選ぶ（車椅子）
--------------------------------------- */

/* 親の箱：回り込みをリセットして1000pxに */
.ct_08price {
  clear: both !important;
  width: 1000px !important;
  margin: 0 0 30px 0 !important;
  display: block !important;
}

/* 中のリスト：flexで横並びに */
ul.ct_08price {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px;
  padding: 0 !important;
  list-style: none !important;
  width: 1000px !important;
}

/* 各項目（4列想定） */
ul.ct_08price li {
  width: 242px !important;
  margin: 0 !important;
  list-style: none !important;
}

/* リンクエリアを「縦並びのセンター」にする */
ul.ct_08price li a {
  display: flex !important;
  flex-direction: column; /* これで画像と文字を縦に並べる */
  align-items: center;    /* これで横方向の中央寄せ */
  text-align: center;
  text-decoration: none;
  color: #333;
  font-size: 14px;
  line-height: 1.4;
}

/* 画像の調整：100%は外して、中央寄せだけ維持 */
ul.ct_08price li a img {
  width: 170px;   /* 元のサイズを固定 */
  height: 66px;
  margin-bottom: 8px;
  display: block; /* 余計な隙間を消す */
}


/* ===================================================
  便利帳読み物系
===================================================== */

/*---------------------------------------
  1. ご相談・法人様対応（車椅子・シルバーカー共通）
--------------------------------------- */
.ct_10text {
  width: 1000px !important;
  margin: 0 auto 40px !important;
}

/* 見出し(dt) 共通設定 */
#w_contents .ct_10text dl dt,
#s_contents .ct_10text dl dt {
  width: 100% !important;
  height: auto !important;
  clear: both;
  margin: 20px 0 15px 0 !important;
  padding: 8px 0 8px 10px !important;
  font-weight: bold;
  box-sizing: border-box !important;
}

/* 緑(w)と青(s)の色分け */
#w_contents .ct_10text dl dt { border-left: 10px solid #a1c846; border-bottom: 1px solid #a1c846; }
#s_contents .ct_10text dl dt { border-left: 10px solid #6699ff; border-bottom: 1px solid #6699ff; }


.ct_10text dl dd.text {
  width: 680px !important;
  margin: 0;
  font-size: 15px;
  line-height: 1.8;
}
/* 画像 dd：左右に自動で余白がつくように設定 */
.ct_10text dl dd.img {
  width: 250px;
  height: auto;
}

/* 画像が右(fR)の時は左に、左(fL)の時は右に余白を入れる */
.ct_10text dl dd.img.fR { margin-left: 40px !important; }
.ct_10text dl dd.img.fL { margin-right: 40px !important; }
.ct_10text dl dd.text p { margin-bottom: 10px; }


/*---------------------------------------
  2. まつわる話一覧リンク（車椅子・シルバーカー共通）
--------------------------------------- */

/* dt：見出し調整 */
.ct_11benri dl dt {
  width: 100% !important;
  margin: 15px 0 !important;
  padding-left: 5px;
  font-size: 15px;
  font-weight: bold;
  color: #555;
  line-height: 1.6;
}

/* リストの外枠(ul) */
.ct_11benri dl dd ul {
  display: flex !important;
  flex-wrap: wrap !important;
  padding: 0 !important;
  list-style: none !important;
  justify-content: space-between;
  width: 1000px !important;
}

/* 2列並びの項目(li) */
.ct_11benri dl dd ul li {
  width: 485px !important;
  margin: 0 0 8px 0 !important;
  background: url(https://c20.future-shop.jp/shop/item/hukusi/design/img01/line_01.gif) repeat-x bottom;
}

/* リンク共通設定 */
.ct_11benri dl dd ul li a {
  display: block;
  font-size: 14px;
  padding: 3px 5px 3px 30px;
  text-decoration: none;
  color: #333;
  line-height: 1.4;
  transition: background-position 0.2s ease-out;
}

/* 個別アイコンとホバー動作 */
#w_contents .ct_11benri dl dd ul li a { background: url(https://www.hukusi-orosi.jp/img/secure/img/design/arrow_w.png) no-repeat 0% 50%; }
#s_contents .ct_11benri dl dd ul li a { background: url(https://www.hukusi-orosi.jp/img/secure/img/design/arrow_s.png) no-repeat 0% 50%; }

.ct_11benri dl dd ul li a:hover {
  background-position: 4px 50% !important;
  color: #d35400 !important;
}

/* ============================================================
	介護ベッド（インデックス＆商品ページ装飾）
============================================================ */

/*---------------------------------------
  商品ページ用
--------------------------------------- */

/*見出し*/
.item_upper_bed h2 {
  position: relative;
  background: #374D40;
  padding: 10px 5px 10px 25px;
  font-size: 20px;
  color: #ffffff;
  font-weight: bold;
  border-radius: 10px;
}
.item_upper_bed h3 {
  position: relative;
  background: #F5E2C7;
  padding: 2px 5px 2px 50px;
  font-size: 20px;
  color: #624B3F;
  font-weight: bold;
  border-radius: 10px 2px 2px 10px;
}
.item_upper_bed h3:before {
  font-family: "Font Awesome 5 Free"; content: "\f236"; display: inline-block;
  position: absolute; color: white; background: #714B32; font-weight: 900;
  width: 40px; height: 40px; line-height: 40px; text-align: center;
  left: -0.3em; top: 50%; transform: translateY(-50%); border: solid 3px white; border-radius: 50%;
}

/*商品説明用の２重枠*/
.box1 {
    border: 4px double #ddd;
    margin: 1em;
    padding: 1em;
}
/* --- テーブル（スペック表）設定 --- */
.itemSpec_bed, .itemSpec_bed1, .itemSpec_bed2 { width: 100%; border: solid 1px #6D9513; border-bottom: none; margin-bottom: 12px; }
.itemSpec_bed th, .itemSpec_bed1 th, .itemSpec_bed2 th { background: #CEF4AB; padding: 5px; font-weight: bold; border-right: solid 1px #6D9513; border-bottom: solid 1px #6D9513; }
.itemSpec_bed td, .itemSpec_bed1 td, .itemSpec_bed2 td { padding: 5px 8px; border-right: solid 1px #6D9513; border-bottom: solid 1px #6D9513; background: #fff; }
.itemSpec_bed1 th, .itemSpec_bed1 td { width: 25%; }
.itemSpec_bed2 th { width: 20%; }
.itemSpec_bed2 td { width: 80%; }

/*---------------------------------------
  インデックス（静的）用
--------------------------------------- */

/* --- 介護ベッドインデックス (静的) ▼--- */
#kaigobed_contents *, #kaigobed_contents *::before, #kaigobed_contents *::after { box-sizing: border-box !important; }
#kaigobed_contents { width: 1000px !important; float: right; margin-bottom: 40px; }


/* 見出しh2*/
#kaigobed_contents h2 {
  width: 100% !important; background: #593e2a linear-gradient(to right, #593e2a, #7a5a41) !important;
  border-radius: 8px !important; border: 3px solid #ffffff !important; box-shadow: 0 2px 4px rgba(0,0,0,0.1);
  background-image: url(https://www.hukusi-orosi.jp/img/secure/img/design/h2_b_icon.png) !important;
  background-repeat: no-repeat !important; background-position: 10px center !important; background-size: 40px 40px !important;
  padding: 0 0 0 55px !important; height: 50px; line-height: 44px; color: #ffffff !important;
  font-size: 150% !important; font-weight: bold !important; margin: 0 0 20px 0 !important;
}

/* h3 */
#kaigobed_contents h3 {
  width: 100% !important;
  background: #714b32 !important;
  border-left: 23px double #F5E2C7 !important;
  padding: 8px 1px 8px 5px !important;
  color: #fff !important;
  font-weight: bold;
  font-size: 15px;
  margin-bottom: 10px !important;
  height: auto !important;
  box-sizing: border-box !important;
}

/* h4 */
#kaigobed_contents h4 {
  width: 100% !important; 
  height: auto !important;
  clear: both;
  margin-bottom: 10px !important;
  padding: 5px 0 5px 10px !important;
  border-bottom: solid 1px #714b32 !important;
  border-left: solid 10px #714b32 !important;
  font-weight: bold;
  box-sizing: border-box !important;
}

/* --- シリーズレイアウト設定 --- */
.box-wrap { display: flex; }
.box-1 { box-sizing: border-box; text-align: center; padding: 0.25em; width: 98%; }
.box-2 { box-sizing: border-box; text-align: center; font-weight: bold; font-size: 16px; background-color: #f7e1c9; padding: 0.15em; width: 100%; }
.box-3 { box-sizing: border-box; text-align: left; padding: 0.25em; width: 100%; }


/* 3列・4列並びの共通設定*/
#kaigobed_contents .ct_04function ul, 
#kaigobed_contents .ct_09maker ul {
  width: 100% !important; display: flex !important; flex-wrap: wrap !important; justify-content: space-between !important; padding: 0 !important; list-style: none !important;
}

/* 3列パーツ（機能紹介） */
#kaigobed_contents .ct_04function ul li dl { width: 326px !important; border: 1px solid #ddd; margin-bottom: 15px; text-align: center; }
#kaigobed_contents .ct_04function ul li dl dt { background: #714b32 !important; color: #fff; padding: 10px; font-weight: bold; border-top: 1px solid #ddd; }

/* 4列パーツ（メーカー） */
#kaigobed_contents .ct_09maker ul li { width: 242px !important; margin-bottom: 20px; text-align: center; border: 1px solid #ddd; padding: 10px; }

/* --- マルチカラム --- */
.col, .col_ns { 
  float: left; 
}
.col::after, .col_ns::after { 
  display: block; 
  clear: both; 
  height: 0; 
  content: ''; 
}
/* 2列並び（col2-wrap）の設定のみ */
.col2-wrap > .col { 
  width: 49%; 
}

/* 奇数番目（左側）にだけ2%の隙間を入れる */
.col2-wrap > .col:nth-child(odd) { 
  margin-right: 2%; 
}

/* 隙間なしバージョンの2列 */
.col2-wrap > .col_ns { 
  width: 50%; 
}