@charset "utf-8";
/* ==========================================
   PC/SP 出し分け設定▽▼▽▼
========================================== */

/* スマホページではPCコンテンツ非表示 ▽▽▽▽*/
@media screen and (max-width: 768px) {
    #all_header, #all_gNav, #all_sidebar, #footer, .alnR { 
        display: none !important; 
    }
    .pc { display: none !important; }
    .mb { display: inline !important; }
}/*△△△△*/


/* PCページでは スマホコンテンツ非表示▼▼▼▼ */
@media screen and (min-width: 769px) {
    .wrap, .t_soft02, #footer_sp, .copy, .folding_img {
        display: none !important;
    }
    .pc { display: inline !important; }
    .mb { display: none !important; }
}/*▲▲▲▲*/


/* ==========================================
   レスポンシブ画像幅▽▼▽▼
========================================== */

/* 共通：画像が親要素を突き破らないための設定 */
.responsive {
    display: block;
    max-width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}
/*△▲△▲*/

/* ==========================================
   スマホリセット
========================================== */
@media screen and (max-width: 768px) {
/*▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽*/

    /* スマホが勝手に文字を大きくするのを禁止する */
    html {
        -webkit-text-size-adjust: 100%;
    }

    body {
        font-size: 14px !important;
    }

/* ==========================================
   スマホ：基本/共通設定
========================================== */
    /* 画面全体が横に揺れるのを防ぐ */
    body {
        overflow-x: hidden;
        width: 100%;
        -webkit-text-size-adjust: 100%; /* iPhoneで文字サイズが勝手に変わるのを防ぐ */
    	background: #ffffff !important;
    }

    /* すべての要素で padding が幅を壊さないように設定 */
    *, *:before, *:after {
        box-sizing: border-box;
    }

    /* 画像の基本ルール（突き破り防止） */
    img {
        max-width: 100%;
        height: auto;
    }

    /* フォント */
    body {
        width: 100%;
        font-size: 1.4rem;
        line-height: 1.5;
        
        /* 1. Apple製品で一番太い「Hiragino Sans」を最優先
           2. Android用の「Roboto」「Noto Sans JP」
           3. Windows/その他用の「Meiryo」
        */
        font-family: "Helvetica Neue", "Segoe UI", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Meiryo", sans-serif !important;
        
        -webkit-text-size-adjust: 100%;}

    /* 共通 */
    #all_container {
        width: 96% !important;
        min-width: 0 !important;
        margin: 0 auto !important;}
    #w_contents {
        width: 100% !important;}
    #wrapper {
        width: 100% !important;}
}


/*---------------------------------------
スマホ：margin
---------------------------------------*/

/*文字の横位置*/
.al-l{ text-align: left!important; }
.al-r{ text-align: right!important; }
.al-c{ text-align: center!important; }


/*---------------------------------------
スマホ：上に戻るボタン
---------------------------------------*/
    #page-top {
        display: none;
        position: fixed;
        right: 10px;
        bottom: 20px;
        margin: 0;
        padding: 0;
        text-align: center;
    }

    #move-page-top {
        color: rgba(0,0,0,0.4);
        text-decoration: none;
        display: block;
        cursor: pointer;
    }

    #move-page-top:hover {
        color: rgba(0,0,0,0.6);
    }
}/*△△△△△△△△△△△△△△△△△△△△△△△△△△△△*/


/* ==========================================
   カテゴリ専用見出し（共通設定）
========================================== */

/* PCスマホ共通：見出しH1 ▽▼▽▼*/
#wrapper > h1 {
    width: 100%;
    font-size: 1.1rem;
    color: #333;
    margin: 10px 0;
    line-height: 1.4;
    text-align: left;
}/*△▲△▲*/

/* PC：見出しH1 ▼▼▼▼*/
@media screen and (min-width: 769px) {
    #wrapper {
        position: relative;
    }
    #wrapper > h1 {
        position: absolute;
        top: 21px;
        left: 600px;
        width: 400px;
        font-size: 11px;
        margin: 0;
    }
}/*▲▲▲▲*/


/* スマホ：見出しH1*/
/*▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽*/
@media screen and (max-width: 768px) {

    #wrapper > h1 {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        width: auto !important;
        margin: 5px 10px 0px 10px !important;
        padding-bottom: 0 !important;
        
        font-size: 0.75rem !important;
        font-weight: bold !important;
        line-height: 1 !important;
        color: #666 !important;
        text-align: left !important;
    }

/* --- スマホ：H2見出し --- */
#all_contents h2,
#w_contents h2, 
#s_contents h2, 
#kaigobed_contents h2 {
    height: auto !important;
    padding: 8px 12px !important;
    font-size: 1.1rem !important;
    line-height: 1.4 !important;
    margin: 15px 0 !important;
    color: #FFF !important;
    font-weight: bold !important;
    letter-spacing: -0.02em !important;
    width: 100% !important;
    box-sizing: border-box !important;
    display: block !important;
}

/* --- スマホ：H2見出し：ページ別色分け --- */
/* 総合TOP (オレンジ) */
#all_contents h2 {
    background: #FF741F !important;
    border-left: 10px double #FFD3B9 !important;
}

/* 車椅子 (グリーン) */
#w_contents h2 {
    background: #569F2B !important;
    border-left: 10px double #A4CA83 !important;
}

/* シルバーカー (ブルー) */
#s_contents h2 {
    background: #6599FF !important;
    border-left: 10px double #92B7FE !important;
}

/* 介護ベッド (ブラウン) */
#kaigobed_contents h2 {
    background: #b28564 !important;
    border-left: 10px double #F5E2C7 !important;
}

/* --- H3見出し：共通設定 --- */
#all_contents h3, 
#w_contents h3, 
#s_contents h3, 
#kaigobed_contents h3 {
    padding: 8px 12px !important;
    font-size: 1rem !important;
    line-height: 1.4 !important;
    margin: 25px 0 12px 0 !important;
    font-weight: bold !important;
    display: block !important;
    color: #333 !important;
}

/* --- スマホ：H3見出し：ページ別色分け--- */

/* 総合TOP (オレンジ) */
#all_contents h3 {
    background: #FFF0E5 !important;   /* オレンジ */
    border-left: 6px solid #FF741F !important;
}

/* 車椅子 (グリーン) */
#w_contents h3 {
    background: #EAF2E2 !important;   /* グリーン */
    border-left: 6px solid #569F2B !important;
}

/* シルバーカー (ブルー) */
#s_contents h3 {
    background: #EBF2FF !important;   /* ブルー */
    border-left: 6px solid #6599FF !important;
}

/* 介護ベッド (ブラウン) */
#kaigobed_contents h3 {
    background: #F9F3EB !important;   /* ブラウン */
    border-left: 6px solid #b28564 !important;
}

/* --- スマホ：まつわる話 h4 --- */
#w_contents h4,
#w_contents .ct_10text dl dt,
#s_contents h4,
#s_contents .ct_10text dl dt {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    clear: both !important;
    margin-bottom: 15px !important;
    padding: 10px 0 10px 10px !important; /* 上下10pxで少しゆったり */
    font-weight: bold !important;
    box-sizing: border-box !important;
    border-left: solid 10px !important; /* 太さはここで指定 */
    border-bottom: none !important;     /* 下線は無しに統一 */
}

/* --- 個別カラー設定（線と背景） --- */

/* 車椅子 (グリーン) */
#w_contents h4,
#w_contents .ct_10text dl dt {
    border-left-color: #a1c846 !important;
    background-color: #ebf7d3 !important;
}

/* シルバーカー (ブルー) */
#s_contents h4,
#s_contents .ct_10text dl dt {
    border-left-color: #6699ff !important;
    background-color: #e6efff !important;
}

/* ==========================================
   スマホ用ヘッダーデザイン▽▽▽▽
========================================== */
    /* 1. ヘッダー全体の親要素を整える */
    #head_center {
        display: flex !important;
        justify-content: flex-start; 
        align-items: center;
        padding: 5px 0;
        width: 100% !important;
        box-sizing: border-box;
    }

    #header_title2 {
    width: 80% !important;
    text-align: left !important;
    margin: 0 !important;
    padding: 0 px !important;
    }

    /* 3. 画像そのもの */
    #header_title2 img.responsive {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        display: block !important;
    }

    /* 4. SP用 グローバルメニュー */
    .gnavi_box {
        display: flex !important;
        width: 100% !important;
        margin: 0;
        padding: 0;
        list-style: none;
        box-sizing: border-box;
    }

/* ---------------------------------------
   スマホ用グローバルメニュー：4センター統合版
   ---------------------------------------*/

/* 1. 共通の形（全センター共通） */
.g_menu01 {
    flex: 1;
    text-align: center;
    padding: 12px 0;
    border-right: 1px solid #fff;
    box-sizing: border-box;
}

.g_menu01:last-child {
    border-right: none;
}

.g_menu01 a {
    display: block;
    font-size: 12px;
    font-weight: bold;
    color: #FFF;
    text-decoration: none;
    line-height: 1.2;
}

/* 2. ページごとの色（bodyのクラスで自動切替） */

    /* 【総合TOP】オレンジ系 */
    .is-all .g_menu01 {
        background: linear-gradient(to bottom, #ffb76b 0%, #ffa73d 60%, #ff7c00 60%, #ff7f04 100%);
    }

    /* 【車椅子】緑系 */
    .is-wheelchair .g_menu01 {
        background: linear-gradient(to bottom, #8BB429 0%, #8BB429 60%, #4B8926 60%, #4B8926 100%);
    }

    /* 【シルバーカー】青系 */
    .is-silvercar .g_menu01 {
        background: linear-gradient(to bottom, #82ADFF 0%, #82ADFF 60%, #6599FF 60%, #6599FF 100%);
    }

    /* 【介護ベッド】茶色系（おむつ・杖・ベッド共通カラー） */
    .is-kaigobed .g_menu01 {
        background: linear-gradient(to bottom, #B28564 0%, #B28564 60%, #714B32 60%, #714B32 100%);
    }

/* 3. アイコンの設定（共通） */
.icon01 {
    width: 46px;
    height: auto;
    margin-top: -5px;
    margin-bottom: 3px;
}
}/*△△△△△△△△△△△△△△△△△△△△△△△△△△△△*/

/* ==========================================
   パンくず（PCSP共通）▽▼▽▼
========================================== */
/* --- 修正案 --- */
.topicpath {
    max-width: 1000px;
    margin: 10px auto;
    padding: 0 10px;
    box-sizing: border-box;
    width: 100%; /* これを1行足すと安心です */
    overflow: hidden; /* 万が一はみ出ても隠す */
}

.topicpath ol {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 12px;
    color: #666;
    line-height: 1.5;
    display: flex;
    flex-wrap: wrap;
}

.topicpath ol li {
    display: inline-block;
}

.topicpath ol li:not(:first-child):before {
    content: ">";
    margin: 0 8px;
    color: #ccc;
}

.topicpath ol li a {
    color: #666;
    text-decoration: none;
}

.topicpath ol li a:hover {
    text-decoration: underline;
}
/*△▲△▲*/

/* ==========================================
   カテゴリー解説 ▽▼▽▼
========================================== */

/* PC:カテゴリー解説（769px以上）▼▼▼▼ */
@media screen and (min-width: 769px) {
  .ct_01top {
    max-width: 900px;
    margin: 0 auto 50px;
    position: relative;
  }

  .ct_inner_box {
    border: 1px solid #999;
    padding: 30px 30px 100px; /* 下にボタン用の余白 */
    box-sizing: border-box;
  }

  .ct_flex {
    display: flex !important;
    /* HTMLの順番（画像→文字）を、見た目だけ（文字→画像）に逆転 */
    flex-direction: row-reverse !important;
    justify-content: space-between;
    align-items: flex-start;
    gap: 40px;
  }

  .text {
    flex: 1;
    font-size: 15px;
    line-height: 1.8;
  }

 .ct_01top_img {
  width: 320px;
}

.ct_01top_img img {
  width: 100%;
  height: auto;
  border: 1px solid #eee;
}

  .btn_all {
    position: absolute;
    right: 30px;
    bottom: 30px;
    width: 320px;
    height: 60px;
  }

  .btn_all a {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
    background-color: #F47955;
    color: #fff;
    font-weight: bold;
    border-radius: 40px;
    box-shadow: 0 4px 0 #DC4018;
    text-decoration: none;
    transition: 0.2s;
  }

  .btn_all a:hover {
    transform: translateY(2px);
    box-shadow: 0 2px 0 #DC4018;
  }
}/*▲▲▲▲*/

/* スマホ：カテゴリー解説 */
@media screen and (max-width: 768px) { 
/* {▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽*/
  /* 枠の設定 */
  .ct_inner_box {
    border: 1px solid #999;
    padding: 15px !important;
    box-sizing: border-box;
  }

  /* 回り込みの魔法 */
  .ct_flex {
    display: block !important;
    overflow: hidden;
  }

  .ct_01top_img {
    float: right !important; /* 画像を右上に浮かせる */
    width: 50% !important;   /* スマホ画面の半分 */
    margin-left: 15px !important;
    margin-bottom: 8px !important;
  }

  .ct_01top_img img {
    width: 100% !important;
    height: auto !important;
    border-radius: 4px;
    border: 1px solid #eee;
  }

  .text {
    display: block !important;
    width: auto !important;
    font-size: 14px;
    line-height: 1.6;
    margin: 0;
  }

  /* スマホ用ボタン設定 */
  .btn_all {
    width: 95% !important;
    /* margin: 上 左右中央 下 */
    margin: 20px auto 30px !important;
  }

  .btn_all a {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px 10px;
    background-color: #F47955;
    color: #fff;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    border-radius: 40px;
    box-shadow: 0 4px 0 #DC4018;
    font-size: 16px;
  }

/*===================================================

   王冠付きランキング

=====================================================*/
/* --- 【スマホ専用】3枚目チラ見せ・価格位置を底辺で完全固定 --- */

    /* 1. 見出しの余白 */
    h2, .all_ranking h3 {
        margin-top: 25px !important;
        margin-bottom: 12px !important;
        text-align: center !important;
    }

    /* 2. 横スクロールの設定 */
    .all_ranking ul {
        display: flex !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch;
        padding: 10px 5px !important; 
        margin-bottom: 20px !important;
        list-style: none !important;
        justify-content: flex-start !important;
    }

    /* 3. カード幅の設定（145px） */
    .all_ranking ul li {
        flex: 0 0 145px !important; 
        margin-right: 8px !important;
        display: block !important;
    }

    .all_ranking ul li dl {
        margin: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        height: 100% !important;
    }

    /* 4. 各背景色の反映 */
    .all_ranking ul li dl dd.no1 { background-color: #fef5d1 !important; }
    .all_ranking ul li dl dd.no2 { background-color: #f2f3f4 !important; }
    .all_ranking ul li dl dd.no3 { background-color: #fff0e8 !important; }
    .all_ranking ul li dl dd.no4,
    .all_ranking ul li dl dd.no5 { background-color: #f2f2e2 !important; }

    /* 5. 冠・底の画像サイズ固定 */
    .all_ranking ul li dt img,
    .all_ranking ul li dd:last-child img {
        width: 120px !important;
        height: auto !important;
        display: block !important;
        margin: 0 auto !important;
    }

    /* 6. 中身（背景色エリア）：ここを「相対配置」の基準にします */
    .all_ranking ul li dd[class^="no"] {
        width: 100% !important;
        padding: 8px 5px 35px 5px !important; /* 下パディング(35px)を広げて価格用の席を確保 */
        box-sizing: border-box !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        min-height: 320px !important; 
        border-radius: 8px;
        position: relative !important; /* ★追加：価格を固定する基準点 */
    }

    .all_ranking ul li dd[class^="no"] a {
        display: block !important; /* Flexを解除して高さを自然に持たせる */
        text-align: center !important;
        width: 100% !important;
        text-decoration: none;
        color: inherit;
    }

    /* 商品画像：135px */
    .all_ranking ul li dd[class^="no"] img {
        width: 135px !important;
        height: 135px !important;
        margin: 0 auto 5px !important;
        display: block !important;
        object-fit: contain;
    }

    /* 商品名：3枚並び用サイズ */
    .all_ranking ul li .title {
        font-size: 11px !important;
        font-weight: bold !important;
        line-height: 1.3 !important;
        margin-bottom: 3px !important;
        color: #663202;
        display: block !important;
    }

    /* 7. 価格：絶対配置で「底から5px」の位置に強制固定！ */
    .all_ranking ul li .price {
        position: absolute !important; /* ★追加：親の底辺を基準にする */
        bottom: 8px !important;      /* 底から8pxの位置に固定 */
        left: 0 !important;
        right: 0 !important;
        font-size: 12px !important;   /* 幅に合わせて少しだけ調整 */
        font-weight: bold !important;
        color: #d21018 !important;
        text-align: center !important;
        margin: 0 !important;
    }

    /* スクロールバー非表示 */
    .all_ranking ul::-webkit-scrollbar {
        display: none;
    }



/* ==========================================
     スマホ：ランキング
========================================== */
    /* 1. 横スクロール設定 */
    .ct_02rank ul,
    .ct_03recommend ul {
        display: flex !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch;
        gap: 12px !important;
        padding: 0 15px 20px !important;
        margin-left: -15px !important;
        margin-right: -15px !important;
        list-style: none !important;
    }

    /* 2. 商品カード(li)の高さと幅を揃える */
    .ct_02rank ul li,
    .ct_03recommend ul li {
        flex: 0 0 168px !important; 
        width: 168px !important;
        background: #fff;
        display: flex !important; /* liの中身もFlexにする */
    }

    /* 3. 中のリンク(a)を縦いっぱいに広げて、中身を縦並びにする */
    .ct_02rank ul li a,
    .ct_03recommend ul li a {
        display: flex !important;
        flex-direction: column !important;
        flex: 1;
        width: 100%;
        text-align: center;
        font-size: 13px;
        line-height: 1.4;
        text-decoration: none;
        color: #333;
    }

    /* 画像サイズ */
    .ct_02rank ul li a img,
    .ct_03recommend ul li a img {
        width: 168px;
        height: 172px;
        margin-bottom: 10px;
        object-fit: contain;
    }

    /* 希望小売価格調整 */
    .maker_price {
        margin-top: auto !important;
        padding-top: 10px;
        display: block;
        font-size: 11px;
        color: #777;
        line-height: 1.2;
    }

    /* 販売価格のスタイル */
    .price {
        display: block;
        color: #d21018 !important;
        font-weight: bold !important;
        font-size: 14px;
        margin-top: 4px;
        margin-bottom: 5px;
    }

    /* スクロールバー非表示（一括設定） */
    .ct_02rank ul::-webkit-scrollbar,
    .ct_03recommend ul::-webkit-scrollbar {
        display: none !important;
    }



/* ---------------------------------------
   スマホ：絞り込み検索フォーム
   --------------------------------------- */

    /* --- 1. キーワード入力（1列目：100%全開） --- */
    .dl_search-style dd.dd_keyword {
        display: block !important;
        width: 100% !important;
        padding: 10px !important;
        box-sizing: border-box !important;
    }

    /* .w100クラスと.form_text_customを併記して確実に広げる */
    .dd_keyword input.form_text_custom.w100 {
        display: block !important;
        width: 100% !important;
        height: 44px !important;
        font-size: 16px !important; /* iOSズーム対策 */
        padding: 0 10px !important;
        box-sizing: border-box !important;
        border: 1px solid #ccc !important;
        border-radius: 4px !important;
        transform: none !important; 
    }

	/* 「キーワードから検索」「価格帯から検索」の文字サイズを調整 */
.dl_search-style dt {
	background-color: #f2f2f2 !important; /* 薄い灰色 */
    font-size: 14px !important;
    font-weight: bold;
    padding: 8px 10px !important;
    color: #333;
}
	
    /* --- 2. 価格入力（2列目：横並び） --- */
    .dl_search-style dd.dd_price_group {
        display: block !important; /* 親はblockでOK */
        padding: 10px !important;
    }

    /* このコンテナが横並びの要 */
    .price_flex_container {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        width: 100% !important;
    }

    .price_input {
        flex: 0 0 43% !important;
        width: 43% !important;
        height: 44px !important;
        font-size: 16px !important;
        text-align: center !important;
        box-sizing: border-box !important;
        border: 1px solid #ccc !important;
        border-radius: 4px !important;
    }

    .price_separator {
        flex: 0 0 10% !important;
        text-align: center !important;
        font-weight: bold;
    }

    /* --- 3. その他微調整 --- */
    .p5-b.al-c {
        padding: 10px 0 !important;
        font-size: 14px;
    }

	/* セレクトボックス（商品選択）も他の入力欄と高さを合わせる */
.dl_search-style dd select.w100.form_text {
    width: 100% !important;
    height: 44px !important; /* キーワード入力欄と同じ高さ */
    font-size: 16px !important; /* iOSズーム対策 */
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
    background-color: #fff !important;
    padding: 0 10px !important;
    margin: 10px 0 !important;
    box-sizing: border-box !important;
}



/*===================================================

   スマホ用メニュー：機能から選ぶ（2列表示）

=====================================================*/

    /* リスト全体の調整 */
    .ct_04function ul,
    .ct_06type ul {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 10px 2% !important;
        padding: 0 10px !important;
        margin: 0 0 20px 0 !important;
    }

    /* 各ボタンの幅を「ほぼ半分（49%）」にする */
    .ct_04function ul li,
    .ct_06type ul li {
        width: 49% !important;
        margin: 0 !important;
    }

    /* ボックスの中身 */
    .ct_04function dl,
    .ct_06type dl {
        border: 1px solid #ddd !important;
        height: 100% !important;
        display: flex !important;
        flex-direction: column !important;
    }

    /* 見出し（dt）の調整 */
    .ct_04function dl dt,
    .ct_06type dl dt {
        height: auto !important;
        min-height: 50px !important;
        background: #eaab00 !important;
    }

    .ct_04function dl dt a,
    .ct_06type dl dt a {
        font-size: 14px !important;
        padding: 5px !important;
        line-height: 1.2 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 50px !important;
    color: #ffffff !important;
    text-decoration: none !important;
    font-size: 14px !important;
    font-weight: bold !important;
    line-height: 1.2 !important;
    background: #eaab00 !important;
}

/* 症状から選ぶの見出し（リンクなし） */
.ct_04function dt {
        font-size: 14px !important;
        padding: 5px !important;
        line-height: 1.2 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 50px !important;
    color: #ffffff !important;
    text-decoration: none !important;
    font-size: 14px !important;
    font-weight: bold !important;
    line-height: 1.2 !important;
    background: #eaab00 !important;
}


/* 説明エリア（dd）のリンク */
    .ct_04function dl dd a,
    .ct_06type dl dd a {
        padding: 10px 10px 10px 10px !important; 
        min-height: auto !important;
        font-size: 12px !important;
        line-height: 1.6 !important;
        display: block !important;
    }

/* --- 画像のレスポンシブ化（はみ出し防止版） --- */
.ct_04function dl dd img,
.ct_06type dl dd img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin-bottom: 8px !important;
    display: block !important;
    box-sizing: border-box !important;
}
    /* 改行（br）がスマホだと邪魔になるので消す */
    .ct_04function dl dd a br,
    .ct_06type dl dd a br {
        display: none !important;
    }


/* ---------------------------------------
   スマホ：価格帯から選ぶ
--------------------------------------- */

/* --- 価格帯：上下左右すべての線の重なりを解消 --- */
.ct_08price ul {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
    width: 100% !important;
    padding: 0 10px !important;
    list-style: none !important;
    margin: 0 0 20px 0 !important;
    gap: 0 !important;
    border: none !important;
}

.ct_08price ul li {
    width: 50% !important;
    box-sizing: border-box !important;
    display: flex !important;
    background: #fff !important;
    border-top: none !important;
    border-bottom: 1px solid #ccc !important;
    border-left: none !important;
    border-right: none !important;
}

/* 1行目（1番目と2番目）だけに「上線」を引く */
.ct_08price ul li:nth-child(1),
.ct_08price ul li:nth-child(2) {
    border-top: 1px solid #ccc !important;
}

/* 左側の列（奇数）の設定 */
.ct_08price ul li:nth-child(odd) {
    border-left: 1px solid #ccc !important;   /* 左端 */
    border-right: 1px solid #ccc !important;  /* 真ん中の線 */
}

/* 右側の列（偶数）の設定 */
.ct_08price ul li:nth-child(even) {
    border-right: 1px solid #ccc !important;  /* 右端 */
    /* 左は隣が引いているので引かない */
}

/* 最後が奇数（1枚）で終わる時の右端の線 */
.ct_08price ul li:nth-child(odd):last-child {
    flex-grow: 0 !important;
    width: 50% !important;
    border-right: 1px solid #ccc !important;
}
    /* --- ボタンの中身（テキスト・矢印画像） --- */
    .ct_08price ul li a {
        display: flex !important;
        align-items: center !important;
        width: 100% !important;
        min-height: 60px !important;
        padding: 10px 10px 10px 30px !important;
        box-sizing: border-box !important;
        text-decoration: none !important;
        color: #333 !important;
        font-size: 14px !important;
        font-weight: bold !important;
        line-height: 1.4 !important;
        /* 指定の矢印アイコン */
        background-image: url(https://www.hukusi-orosi.jp/sp/img/wheelchair/mark01.gif) !important;
        background-repeat: no-repeat !important;
        background-position: 10px center !important;
        background-size: 10px auto !important;
    }

    /* PC用のデカいアイコン画像は消す */
    .ct_08price ul li a img {
        display: none !important;
    }

    /* HTMLの改行を無効化して整列 */
    .ct_08price ul li a br {
        display: none !important;
    }

/* ---------------------------------------
   スマホ：メーカーから選ぶ（2列1px枠）
--------------------------------------- */

    /* リスト全体：左右の隙間をなくす */
    .ct_09maker ul {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: space-between !important;
        padding: 0 !important;
        margin: 10px 0 !important;
    }

    /* 各ロゴの枠 */
    .ct_09maker ul li {
        width: 49.5% !important;
        float: none !important;
        margin-bottom: 5px !important;
        display: block !important;
        border: 1px solid #ddd !important;
        background: #fff !important;
        box-sizing: border-box !important;
        padding: 0 !important;
        height: auto !important;
    }

    /* 画像：枠の横幅いっぱいに表示させて「くっきり」を維持 */
    .ct_09maker ul li a img {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        display: block !important;
        margin: 0 !important;
    }

/* ---------------------------------------
      スマホ：種類から選ぶ（2列表示）
--------------------------------------- */
    /* 1. 共通コンテナ */
    .flex-container {
        display: flex !important;
        flex-wrap: wrap !important;
        width: 100% !important;
        border-top: 1px solid #7D8791 !important;
        border-left: 1px solid #7D8791 !important;
        margin: 0 0 25px 0 !important;
        box-sizing: border-box !important;
    }

    /* 2. 各ボタンの基本設定 */
    .flex-container > a, .flex-container > div {
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        width: 50% !important;
        min-height: 100px !important;
        box-sizing: border-box !important;
        border-right: 1px solid #7D8791 !important;
        border-bottom: 1px solid #7D8791 !important;
        padding: 15px 10px 15px 85px !important;
        background-color: #fff !important;
        background-repeat: no-repeat !important;
        background-position: 8px center !important;
        background-size: 72px auto !important;
        color: #333 !important;
        font-weight: bold !important;
        font-size: 14px !important;
        line-height: 1.4 !important;
        text-decoration: none !important;
        position: relative !important;
    }

    /* 3. 説明文（span） */
    .flex-container a span {
        display: block !important;
        font-size: 11px !important;
        font-weight: normal !important;
        margin-top: 4px !important;
    }

    /* 4. メーカーロゴ専用 */
    .maker-layout a {
        padding: 0 !important;
        background-position: center center !important;
        background-size: 92% auto !important;
        color: transparent !important;
    }
    .maker-layout a span { display: none !important; }

    /* 5. 価格帯専用（ここは画像がないのでCSSで三角を出す） */
    .price-layout a {
        padding: 15px 10px 15px 45px !important;
        text-align: left !important;
        align-items: flex-start !important;
        justify-content: center !important;
        min-height: 60px !important;
    }

    /* 価格帯のみ左側の「▶」（after）で色分け */
    .price-layout a::after {
        content: "" !important;
        position: absolute !important;
        left: 15px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        width: 0 !important;
        height: 0 !important;
        border-style: solid !important;
        border-width: 6px 0 6px 8px !important;
    }
    /* シルバーカーの価格帯▶（青） */
    .is-silvercar .price-layout a::after { border-color: transparent transparent transparent #a3b8ff !important; }
    /* 車椅子の価格帯▶（緑） */
    .is-wheelchair .price-layout a::after { border-color: transparent transparent transparent #38a53d !important; }
    /* 奇数調整用の空箱 */
    .flex-container .empty { background: #fff !important; }

    /* 画像なし専用：価格等 */
    .price-layout a, 
    .price-layout .empty {
        min-height: 60px !important; /* 100pxから60pxへ強制変更 */
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    /* 三角アイコンの位置も中央にくるよう再調整 */
    .price-layout a::after {
        top: 50% !important;
    }

/* 車椅子：種類・カテゴリから選ぶ (type01～06) */
.is-wheelchair .inbox01 { background-image: url(https://www.hukusi-orosi.jp/sp/img/wheelchair/type01.gif) !important; }
.is-wheelchair .inbox02 { background-image: url(https://www.hukusi-orosi.jp/sp/img/wheelchair/type02.gif) !important; }
.is-wheelchair .inbox03 { background-image: url(https://www.hukusi-orosi.jp/sp/img/wheelchair/type03.gif) !important; }
.is-wheelchair .inbox04 { background-image: url(https://www.hukusi-orosi.jp/sp/img/wheelchair/type04.gif) !important; }
.is-wheelchair .inbox05 { background-image: url(https://www.hukusi-orosi.jp/sp/img/wheelchair/type05.gif) !important; }
.is-wheelchair .inbox06 { background-image: url(https://www.hukusi-orosi.jp/sp/img/wheelchair/type06.gif) !important; }

/* 車椅子：機能から選ぶ (function01～15) */
.is-wheelchair .inbox07 { background-image: url(https://www.hukusi-orosi.jp/sp/img/wheelchair/function01.gif) !important; }
.is-wheelchair .inbox08 { background-image: url(https://www.hukusi-orosi.jp/sp/img/wheelchair/function02.gif) !important; }
.is-wheelchair .inbox09 { background-image: url(https://www.hukusi-orosi.jp/sp/img/wheelchair/function03.gif) !important; }
.is-wheelchair .inbox10 { background-image: url(https://www.hukusi-orosi.jp/sp/img/wheelchair/function04.gif) !important; }
.is-wheelchair .inbox11 { background-image: url(https://www.hukusi-orosi.jp/sp/img/wheelchair/function05.gif) !important; }
.is-wheelchair .inbox12 { background-image: url(https://www.hukusi-orosi.jp/sp/img/wheelchair/function06.gif) !important; }
.is-wheelchair .inbox13 { background-image: url(https://www.hukusi-orosi.jp/sp/img/wheelchair/function07.gif) !important; }
.is-wheelchair .inbox14 { background-image: url(https://www.hukusi-orosi.jp/sp/img/wheelchair/function08.gif) !important; }
.is-wheelchair .inbox15 { background-image: url(https://www.hukusi-orosi.jp/sp/img/wheelchair/function09.gif) !important; }
.is-wheelchair .inbox16 { background-image: url(https://www.hukusi-orosi.jp/sp/img/wheelchair/function10.gif) !important; }
.is-wheelchair .inbox17 { background-image: url(https://www.hukusi-orosi.jp/sp/img/wheelchair/function11.gif) !important; }
.is-wheelchair .inbox18 { background-image: url(https://www.hukusi-orosi.jp/sp/img/wheelchair/function12.gif) !important; }
.is-wheelchair .inbox50 { background-image: url(https://www.hukusi-orosi.jp/sp/img/wheelchair/function13.gif) !important; }
.is-wheelchair .inbox51 { background-image: url(https://www.hukusi-orosi.jp/sp/img/wheelchair/function14.gif) !important; }
.is-wheelchair .inbox52 { background-image: url(https://www.hukusi-orosi.jp/sp/img/wheelchair/function15.gif) !important; }

/* メーカーから選ぶ (maker01～12) */
.is-wheelchair .inbox22 { background-image: url(https://www.hukusi-orosi.jp/sp/img/wheelchair/maker01.gif) !important; }
.is-wheelchair .inbox23 { background-image: url(https://www.hukusi-orosi.jp/sp/img/wheelchair/maker02.gif) !important; }
.is-wheelchair .inbox24 { background-image: url(https://www.hukusi-orosi.jp/sp/img/wheelchair/maker03.gif) !important; }
.is-wheelchair .inbox25 { background-image: url(https://www.hukusi-orosi.jp/sp/img/wheelchair/maker04.gif) !important; }
.is-wheelchair .inbox26 { background-image: url(https://www.hukusi-orosi.jp/sp/img/wheelchair/maker05.gif) !important; }
.is-wheelchair .inbox27 { background-image: url(https://www.hukusi-orosi.jp/sp/img/wheelchair/maker06.gif) !important; }
.is-wheelchair .inbox28 { background-image: url(https://www.hukusi-orosi.jp/sp/img/wheelchair/maker07.gif) !important; }
.is-wheelchair .inbox30 { background-image: url(https://www.hukusi-orosi.jp/sp/img/wheelchair/maker09.gif) !important; }
.is-wheelchair .inbox31 { background-image: url(https://www.hukusi-orosi.jp/sp/img/wheelchair/maker10.gif) !important; }
.is-wheelchair .inbox32 { background-image: url(https://www.hukusi-orosi.jp/sp/img/wheelchair/maker11.gif) !important; }

    /* シルバーカー用画像の指定 */
    .is-silvercar .inbox01 { background-image: url(https://www.hukusi-orosi.jp/sp/img/silvercar/type01.gif) !important; }
    .is-silvercar .inbox02 { background-image: url(https://www.hukusi-orosi.jp/sp/img/silvercar/type02.gif) !important; }
    .is-silvercar .inbox03 { background-image: url(https://www.hukusi-orosi.jp/sp/img/silvercar/type03.gif) !important; }
    .is-silvercar .inbox04 { background-image: url(https://www.hukusi-orosi.jp/sp/img/silvercar/type04.gif) !important; }
    .is-silvercar .inbox05 { background-image: url(https://www.hukusi-orosi.jp/sp/img/silvercar/type05.gif) !important; }
    .is-silvercar .inbox06 { background-image: url(https://www.hukusi-orosi.jp/sp/img/silvercar/type06.gif) !important; }
    .is-silvercar .inbox07 { background-image: url(https://www.hukusi-orosi.jp/sp/img/silvercar/type07.gif) !important; }
    .is-silvercar .inbox08 { background-image: url(https://www.hukusi-orosi.jp/sp/img/silvercar/type08.gif) !important; }

    /* 共通で使用する画像URL（シルバーカーページ用） */
    .inbox33 { background-image: url(https://www.hukusi-orosi.jp/sp/img/silvercar/bag03.gif) !important; }
    .inbox25 { background-image: url(https://www.hukusi-orosi.jp/sp/img/silvercar/feature01.gif) !important; }
    .inbox26 { background-image: url(https://www.hukusi-orosi.jp/sp/img/silvercar/feature02.gif) !important; }
    .inbox22 { background-image: url(https://www.hukusi-orosi.jp/sp/img/silvercar/function06.gif) !important; }
    .inbox24 { background-image: url(https://www.hukusi-orosi.jp/sp/img/silvercar/function08.gif) !important; }
    .inbox27 { background-image: url(https://www.hukusi-orosi.jp/sp/img/silvercar/feature03.gif) !important; }
    .inbox23 { background-image: url(https://www.hukusi-orosi.jp/sp/img/silvercar/function07.gif) !important; }
    .inbox16 { background-image: url(https://www.hukusi-orosi.jp/sp/img/silvercar/feature07.gif) !important; }
    .inbox18 { background-image: url(https://www.hukusi-orosi.jp/sp/img/silvercar/function02.gif) !important; }
    .inbox17 { background-image: url(https://www.hukusi-orosi.jp/sp/img/silvercar/function01.gif) !important; }
    .inbox29 { background-image: url(https://www.hukusi-orosi.jp/sp/img/silvercar/feature05.gif) !important; }
    .inbox30 { background-image: url(https://www.hukusi-orosi.jp/sp/img/silvercar/feature06.gif) !important; }
    .inbox32 { background-image: url(https://www.hukusi-orosi.jp/sp/img/silvercar/bag02.gif) !important; }
    .inbox28 { background-image: url(https://www.hukusi-orosi.jp/sp/img/silvercar/feature04.gif) !important; }
    .inbox13 { background-image: url(https://www.hukusi-orosi.jp/sp/img/silvercar/scene01.gif) !important; }
    .inbox14 { background-image: url(https://www.hukusi-orosi.jp/sp/img/silvercar/scene02.gif) !important; }
    .inbox15 { background-image: url(https://www.hukusi-orosi.jp/sp/img/silvercar/scene03.gif) !important; }
    .inbox42 { background-image: url(https://www.hukusi-orosi.jp/sp/img/silvercar/maker07.gif) !important; }
    .inbox38 { background-image: url(https://www.hukusi-orosi.jp/sp/img/silvercar/maker03.gif) !important; }
    .inbox39 { background-image: url(https://www.hukusi-orosi.jp/sp/img/silvercar/maker05.gif) !important; }
    .is-silvercar .inbox41 { background-image: url(https://www.hukusi-orosi.jp/sp/img/silvercar/maker06.gif) !important; }
    .inbox44 { background-image: url(https://www.hukusi-orosi.jp/sp/img/silvercar/maker09.gif) !important; }



/*===================================================

   スマホ用   介護用品メニュー（index等）

=====================================================*/
@media screen and (max-width: 768px) {
    .cat_grid {
        display: flex !important;
        flex-wrap: wrap !important;
        border-top: 1px solid #7D8791 !important;
        border-left: 1px solid #7D8791 !important;
        margin: 0 !important;
    }

    .cat_grid a {
        flex: 0 0 33.33% !important;
        aspect-ratio: 1 / 1 !important;
        border-right: 1px solid #7D8791 !important;
        border-bottom: 1px solid #7D8791 !important;
        background-size: cover !important;
        background-position: center !important;
        display: flex !important;
        align-items: flex-end !important;
        text-decoration: none !important;
    }
    .cat_grid a span {
        display: block !important;
        width: 100% !important;
        background: rgba(255, 255, 255, 0.8) !important;
        color: #5572b7 !important; /* 元画像に近い青 */
        font-size: 9px !important;  /* 小さく */
        text-align: center !important;
        padding: 3px 0 !important;
        margin: 0 !important;
        line-height: 1.2 !important;
        font-weight: normal !important; /* 太字を解除 */
    }

    /* 商品画像 */
    .inbox101 { background-image: url(https://www.hukusi-orosi.jp/sp/img/index/item101.jpg); }
    .inbox102 { background-image: url(https://www.hukusi-orosi.jp/sp/img/index/item102.jpg); }
    .inbox103 { background-image: url(https://www.hukusi-orosi.jp/sp/img/index/item103.jpg); }
    .inbox104 { background-image: url(https://www.hukusi-orosi.jp/sp/img/index/item104.jpg); }
    .inbox105 { background-image: url(https://www.hukusi-orosi.jp/sp/img/index/item105.jpg); }
    .inbox106 { background-image: url(https://www.hukusi-orosi.jp/sp/img/index/item106.jpg); }
    .inbox107 { background-image: url(https://www.hukusi-orosi.jp/sp/img/index/item107.jpg); }
    .inbox108 { background-image: url(https://www.hukusi-orosi.jp/sp/img/index/item108.jpg); }
    .inbox109 { background-image: url(https://www.hukusi-orosi.jp/sp/img/index/item109.jpg); }
}






/* --- 総合用　種類から選ぶ：アコーディオン最新版 --- */

    #index_category {
        margin: 0 !important;
        background: #fff;
    }

    /* 各カテゴリ（親：dt）の共通設定 */
    #index_category dt {
        display: flex !important;
        align-items: center !important;
        min-height: 70px !important; /* 高さを一定に */
        padding: 10px 45px 10px 85px !important; /* 左に画像、右に矢印用の余白 */
        font-size: 16px !important;
        font-weight: bold !important;
        border-bottom: solid 1px #ccc !important;
        position: relative !important;
        cursor: pointer;
        background-repeat: no-repeat !important;
        background-position: 10px center !important; /* 画像位置を左端に固定 */
        background-size: 65px auto !important; /* 画像サイズをピクセル指定で安定化 */
        box-sizing: border-box !important;
    }

    /* 右側の矢印アイコン（一本化） */
    #index_category dt::after {
        content: "" !important;
        position: absolute !important;
        right: 15px !important;
        top: 50% !important;
        width: 10px !important;
        height: 10px !important;
        border-top: 2px solid #EE8348 !important;
        border-right: 2px solid #EE8348 !important;
        transform: translateY(-50%) rotate(135deg) !important; /* 下向き矢印 */
        transition: 0.3s;
    }

    /* 開いている時の矢印 */
    #index_category dt.active::after {
        transform: translateY(-50%) rotate(-45deg) !important; /* 上向き矢印 */
    }

    /* 各アイコン画像の個別指定（ここだけでOK） */
    .accordion_ca101 { background-image: url(https://www.hukusi-orosi.jp/sp/img/index/type101.gif) !important; }
    .accordion_ca102 { background-image: url(https://www.hukusi-orosi.jp/sp/img/index/type102.gif) !important; }
    .accordion_ca103 { background-image: url(https://www.hukusi-orosi.jp/sp/img/index/type103.gif) !important; }
    .accordion_ca104 { background-image: url(https://www.hukusi-orosi.jp/sp/img/index/type104.gif) !important; }
    .accordion_ca105 { background-image: url(https://www.hukusi-orosi.jp/sp/img/index/type105.gif) !important; }
    .accordion_ca106 { background-image: url(https://www.hukusi-orosi.jp/sp/img/index/type106.gif) !important; }
    .accordion_ca107 { background-image: url(https://www.hukusi-orosi.jp/sp/img/index/type107.gif) !important; }
    .accordion_ca108 { background-image: url(https://www.hukusi-orosi.jp/sp/img/index/type108.gif) !important; }
    .accordion_ca109 { background-image: url(https://www.hukusi-orosi.jp/sp/img/index/type109.gif) !important; }

/* 中身のリスト（子：dd） */
    #index_category dd {
        margin: 0 !important;
        padding: 0 !important;
        background: #fdfdfd !important;
        /* dd自体の下の線は不要（pの線で代用するため） */
        border-bottom: none !important; 
    }


#index_category dd p {
        margin: 0 !important;
        /* すべての項目の下に点線を引く */
        border-bottom: dotted 1px #d6d6d6 !important;
    }

/* 1. 共通設定（背景画像以外を定義） */
    #index_category dd p a {
        display: block !important;
        padding: 12px 0 12px 40px !important; /* 左側に画像分の余白 */
        font-size: 14px !important;
        color: #333 !important;
        text-decoration: none !important;
        background-repeat: no-repeat !important;
        background-position: 15px center !important; /* 左端から15pxの位置 */
        background-size: 7px auto !important; /* ▼マークのサイズ */
    }

    /* 2. 各リストごとのマーク画像指定（ここで色を合わせる） */
    .accordion_list101 p a { background-image: url(https://www.hukusi-orosi.jp/sp/img/index/mark101.gif) !important; } /* 車椅子：緑 */
    .accordion_list102 p a { background-image: url(https://www.hukusi-orosi.jp/sp/img/index/mark102.gif) !important; } /* シルバーカー：青 */
    .accordion_list103 p a { background-image: url(https://www.hukusi-orosi.jp/sp/img/index/mark103.gif) !important; } /* 入浴：水色 */
    .accordion_list104 p a { background-image: url(https://www.hukusi-orosi.jp/sp/img/index/mark104.gif) !important; } /* 食事：オレンジ */
    .accordion_list105 p a { background-image: url(https://www.hukusi-orosi.jp/sp/img/index/mark105.gif) !important; } /* 生活：青緑 */
    .accordion_list106 p a { background-image: url(https://www.hukusi-orosi.jp/sp/img/index/mark106.gif) !important; } /* トイレ：赤 */
    .accordion_list107 p a { background-image: url(https://www.hukusi-orosi.jp/sp/img/index/mark107.gif) !important; } /* 床周り：紫 */
    .accordion_list108 p a { background-image: url(https://www.hukusi-orosi.jp/sp/img/index/mark108.gif) !important; } /* 杖：黄色 */
    .accordion_list109 p a { background-image: url(https://www.hukusi-orosi.jp/sp/img/index/mark109.gif) !important; } /* ベッド：茶 */

    /* 右側の開閉矢印（オレンジ色）の設定は前回のままでOK */
    #index_category dt::after {
        border-color: #EE8348 !important;
    }

/* 「最後だけ消す」という指定を削除、または上書き */
    #index_category dd p:last-child {
        /* 最後も点線のままにする */
        border-bottom: dotted 1px #999 !important; 
    }

    
/* ---------------------------------------
      スマホ：読み物セクション（ct_10text）
--------------------------------------- */
    .ct_10text dl dt {
        clear: both !important;
        display: block !important;
        width: 100% !important;
        float: none !important;
        margin: 30px 0 10px 0 !important;
        padding: 10px !important;
        background: #f0f0f0 !important;
        border-left: 5px solid #FF741F !important;
        box-sizing: border-box !important;
        color: #333 !important;
        font-weight: bold !important;
    }

    /* --- 画像 --- */
    .ct_10text dl dd.ct_10text_img {
        width: 45% !important;
        height: auto !important;
        display: block !important;
    }
    
    /* 左配置画像 */
    .ct_10text dl dd.ct_10text_img.fL {
        float: left !important;
        margin: 0 15px 5px 0 !important;
    }

    /* 右配置画像 */
    .ct_10text dl dd.ct_10text_img.fR {
        float: right !important;
        margin: 0 0 5px 15px !important;
    }
    
    /* --- テキスト --- */
    .ct_10text dl dd.text {
        float: none !important;
        width: 100% !important;
        display: block !important;
    }

    /* --- 本文 --- */
    .ct_10text dl dd.text p {
        display: inline !important; 
        font-size: 14px !important;
        line-height: 1.6 !important;
    }

        /* 強調（strong）を上品なマーカー風に */
    .text strong {
        color: #663202 !important; /* 文字色は濃いブラウン */
        font-weight: bold !important;
        background: linear-gradient(transparent 60%, #ffe0cc 60%) !important; /* オレンジ系のアンダーライン */
        padding: 0 2px !important;
    }
    
 /* ---------------------------------------

【静的／介護index用】特集バナー（3枚横並び＋下1枚） 

--------------------------------------- */
    .all_special {
        padding: 20px 10px !important;
        background: #fff !important;
    }

    .all_special h2 {
        margin-bottom: 15px !important;
        text-align: center !important;
    }

    /* リスト全体のレイアウト */
    .all_special ul {
        display: flex !important;
        flex-wrap: wrap !important; /* 折り返しを許可 */
        justify-content: space-between !important;
        padding: 0 !important;
        margin: 0 !important;
        list-style: none !important;
    }

    /* 1. 上3つのバナー（bnr01, bnr02, bnr03） */
    .all_special ul li.bnr01,
    .all_special ul li.bnr02,
    .all_special ul li.bnr03 {
        flex: 0 0 31% !important; /* 3枚横並び（隙間を考慮して約31%） */
        margin-bottom: 10px !important;
    }

    /* 2. 下1つのバナー（bnr04） */
    .all_special ul li.bnr04 {
        flex: 0 0 100% !important; /* 1枚で100%全開 */
        margin-top: 5px !important;
    }

    /* 画像のレスポンシブ化 */
    .all_special ul li img {
        width: 100% !important;   /* 親要素の幅いっぱいに */
        height: auto !important;  /* 比率を維持 */
        display: block !important;
    }
    
    /* clearfixの解除（Flexboxを使うため不要になります） */
    .all_special ul.clearfix::after {
        display: none !important;
    }

/* ---------------------------------------
    【静的／介護index用】スライドショー 
    --------------------------------------- */
    #all_contents .slideShow {
        margin-top: 15px !important;
        margin-bottom: 15px !important;
        width: 100% !important;
        position: relative !important;
    }

#all_contents .slideShow .mainView {
        width: 100% !important;
        position: relative !important;
        /* ↓画面幅(100%)に対して、元の比率(180/680)で高さを出す魔法 */
        height: 26.47vw !important; 
        min-height: 0 !important;
        overflow: hidden !important;
    }
    #all_contents .slideShow .mainView ul,
    #all_contents .slideShow .mainView ul li {
        width: 100% !important;
        height: 100% !important; /* 親の 26.47vw に合わせる */
    }

    #all_contents .slideShow .mainView ul {
        list-style: none !important;
        padding: 0 !important;
        margin: 0 !important;
        position: relative !important;
        width: 100% !important;
    }

    #all_contents .slideShow .mainView ul li {
        position: absolute !important; /* 全員同じ場所に重ねる！ */
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        list-style: none !important;
        transition: opacity 0.5s ease; /* ふわっと切り替わるように */
        /* JSで制御するのでCSSでは一旦無視 */
    }

    /* float: left (!important) がついている場合の対策 */
    #all_contents .slideShow .mainView ul li.fL {
        float: none !important;
    }

    #all_contents .slideShow .mainView ul li img {
        width: 100% !important;
        height: auto !important;
        display: block !important;
    }

    /* 最初の1枚やactiveなものだけ上に持ってくる（念のため） */
    #all_contents .slideShow .mainView ul li.active {
        z-index: 2 !important;
    }

    #all_contents .slideShow .thumbNail {
        display: none !important; /* スマホでは消す */
    }

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

/* 共通設定 */
[class^="button0"] a,
[class^="button0"] a:link,
[class^="button0"] a:visited,
[class^="button0"] a:hover,
[class^="button0"] a:active {
  width: 90%;          /* スマホ画面で押しやすい横幅 */
  max-width: 400px;    /* 大きくなりすぎないように制限 */
  display: block;
  font-size: 18px;     /* スマホで読みやすいサイズに微調整 */
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  color: #FFF;
  padding: 15px 10px;
  margin: 20px auto;
  border-radius: 40px; /* より丸みをつけてボタンらしく */
  box-sizing: border-box;
  line-height: 1.4;
  height: auto;
}

/* タップした時の反応（スマホはopacityが効きにくいので少し強めに） */
[class^="button0"] a:active {
  opacity: 0.7;
  transform: translateY(2px); /* 押し込んだような動き */
  box-shadow: none !important; /* 影を消して押した感を出す */
}

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

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

/* 介護用品（オレンジ） */
.button03 a {
  background-color: #FF9700;
  box-shadow: 0 4px 0 #A86500;
}
/*---------------------------------------
     スマホ：まつわる話一覧リンク
--------------------------------------- */

/* 全体の幅固定を解除 */
.ct_11benri dl dd ul {
    width: 100% !important;
    display: block !important;
    padding: 0 !important;
}

/* 項目(li)を1列にして、下線を引く */
.ct_11benri dl dd ul li {
    width: 100% !important;
    margin: 0 !important;
    background: url(https://c20.future-shop.jp/shop/item/hukusi/design/img01/line_01.gif) repeat-x bottom !important;
}

/* リンクの設定：画像アイコンを廃止してCSSで三角を作る */
.ct_11benri dl dd ul li a {
    display: block !important;
    position: relative !important;
    font-size: 14px !important;
    padding: 12px 10px 12px 30px !important; /* タップしやすい広めの余白 */
    color: #333 !important;
    text-decoration: none !important;
    background: none !important; /* 元の画像アイコンを消去 */
}

/* CSSで三角（▶）を作成 */
.ct_11benri dl dd ul li a::before {
    content: "" !important;
    position: absolute !important;
    left: 10px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 0 !important;
    height: 0 !important;
    border-style: solid !important;
    border-width: 5px 0 5px 7px !important;
}

/* 【色分け】車椅子ページ（緑の三角） */
.is-wheelchair .ct_11benri dl dd ul li a::before {
    border-color: transparent transparent transparent #20B97B !important;
}

/* 【色分け】シルバーカーページ（青の三角） */
.is-silvercar .ct_11benri dl dd ul li a::before {
    border-color: transparent transparent transparent #6599FF !important; 
}

/* ホバー（タップ）した時の色変え */
.ct_11benri dl dd ul li a:active {
    background-color: #f9f9f9 !important;
    color: #d35400 !important;}

/*---------------------------------------
    スマホ：フッターインフォメーション
--------------------------------------- */
    /* 1. 記事の見出し（t_soft02）共通設定 */
    .t_soft02 {
        padding: 10px 15px;
        margin: 1px 0 0 0;
        color: #FFF;
        font-weight: bold;
        font-size: 1rem;
        line-height: 1.1;
        display: block;
    }

    /* 各ページの見出し色分け */
    .is-all .t_soft02        { background: linear-gradient(to bottom, #FF741F 0%, #F25B00 100%); border-left: 30px double #FFD3B9; }
    .is-wheelchair .t_soft02 { background: linear-gradient(to bottom, #20B97B 0%, #24D28C 100%); border-left: 30px double #01A101; }
    .is-silvercar .t_soft02  { background: linear-gradient(to bottom, #6599FF 0%, #6599FF 100%); border-left: 30px double #92B7FE; }
    .is-kaigobed .t_soft02   { background: linear-gradient(to bottom, #b28564 0%, #714b32 100%); border-left: 30px double #F5E2C7; }

    /* 2. アコーディオンの見出し（dt）共通設定 */
    #footer_sp dt {
        background-color: #FFFFFF;
        border-bottom: solid 1px #CCC;
        padding: 12px;
        color: #FF944D !important; /* テキストは差し色のオレンジで固定 */
        font-weight: bold;
        font-size: 1rem;
        cursor: pointer;
        position: relative;
    }

    /* 右側の矢印（共通形状） */
    #footer_sp dt:before {
        display: block;
        content: "";
        position: absolute;
        transform: rotate(45deg);
        top: 24px;   /* 中央(50%)ではなく、1行目の横に固定して文字被りを防ぐ */
        right: 20px;
        width: 8px;
        height: 8px;
        border-right: 2px solid;
        border-bottom: 2px solid;
    }

    /* 各ページの矢印の色分け */
    .is-all #footer_sp dt:before        { border-color: #EE8348 !important; }
    .is-wheelchair #footer_sp dt:before { border-color: #20B97B !important; }
    .is-silvercar #footer_sp dt:before  { border-color: #6599FF !important; }
    .is-kaigobed #footer_sp dt:before   { border-color: #714b32 !important; }

    /* 開いている時の矢印 */
    #footer_sp dt.active:before {
        transform: rotate(-135deg);
        top: 28px; /* 回転時に位置がズレる場合は微調整 */
    }

    /* 3. コピーライト共通 */
    .copy {
        text-align: center;
        font-size: 1.1rem;
        padding: 10px 0;
        color: #FFF;
        margin-top: 20px;
    }

    /* 各ページのコピーライト背景色 */
    .is-all .copy        { background-color: #F25B00 !important; }
    .is-wheelchair .copy { background-color: #20B97B !important; }
    .is-silvercar .copy  { background-color: #6599FF !important; }
    .is-kaigobed .copy   { background-color: #714b32 !important; }

    /* 「クレジットカード」などの強調テキスト */
    .pay01, .pay02 {
        font-size: 0.9rem;
        font-weight: bold;
        color: #FA4A07;
        /* アイコンとの距離をさらに確保したい場合はここを調整 */
        margin-left: 1px; 
    }

    /* 4. アコーディオンの中身（dd） */
    #footer_sp dd {
        display: none;
        border-bottom: solid 1px #D6D6D6;
        width: 95%;
        margin: 0 auto;
        padding: 15px 0;
        box-sizing: border-box;
        font-size: 0.8rem;
    }
    #footer_sp dd p { padding: 8px 0; line-height: 1.6; }
    #footer_sp dd p:has(img) { padding: 5px 0; }

.info_icon {
    line-height: 1.6;
    /* 左側の余白を25pxで確定（文字被り防止） */
    padding: 5px 0 5px 25px !important;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 12px auto; /* アイコンサイズを最適化 */
}

/* クレジットカード画像の親要素を左寄せにする */
.info_img {
    text-align: left !important;
    padding: 5px 0 !important;
}
/* 画像自体のマージンをリセット */
.info_img img {
    margin-left: 0 !important;
    margin-right: auto !important;
    display: block; /* ブロック要素にすると制御しやすくなります */
}

    /* チェックマーク画像も出し分け */
    .is-all .info_icon { background-image: url(https://www.hukusi-orosi.jp/sp/img/index/mark106.gif); }
    .is-wheelchair .info_icon { background-image: url(https://www.hukusi-orosi.jp/sp/img/wheelchair/mark01.gif); }
    .is-silvercar .info_icon  { background-image: url(https://www.hukusi-orosi.jp/sp/img/silvercar/mark01.gif); }
    .is-kaigobed .info_icon  { background-image: url(https://www.hukusi-orosi.jp/sp/img/index/mark109.gif); }

/* テーブル全体の基本設定 */
#footer_sp table {
    width: 100% !important;
    border-collapse: collapse !important; /* 隣り合う線を1本にまとめる */
    margin-bottom: 10px !important;
    border: 1px solid #ddd !important;   /* 外枠の線 */
}

/* 左側の見出し（th）と右側のデータ（td）共通の線設定 */
#footer_sp table th,
#footer_sp table td {
    border: 1px solid #ddd !important;   /* 全てのセルに線を引く */
    padding: 8px !important;
    font-size: 0.9rem !important;
    vertical-align: middle !important;
}

/* 左側（th）専用のスタイル */
#footer_sp table th {
    background: #f7f7f7 !important;
    text-align: center !important;
    width: 35% !important;
    font-weight: bold !important;
    color: #505050 !important;
}

/* 右側（td）専用のスタイル */
#footer_sp table td {
    background: #fff !important;
    text-align: left !important;
    width: 65% !important;
    color: #333 !important;
}

/* 1. リスト全体の余計な隙間を徹底排除 */
#footer_sp dl.accordion_dl {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    border-bottom: none !important;
}

/* 2. 一番下の項目（dt）の線を消し、下の色付きバーに密着させる */
#footer_sp dl dt:last-of-type {
    border-bottom: none !important;
}

/* 3. コピーライトの上の隙間（margin-top）をゼロにして密着！ */
.copy {
    margin-top: 0 !important; /* ここが 20px 空いていると白い隙間になります */
    width: 100% !important;
    box-sizing: border-box;
}

/* 4. もし中身（dd）が開いた時も、一番下なら線を消して隙間を詰める */
#footer_sp dl dd:last-of-type {
    border-bottom: none !important;
    margin-bottom: 0 !important;
    padding-bottom: 10px !important; /* お好みで調整 */
}
}/*△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△*/

/* {▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽*/
@media screen and (max-width: 768px) {
    /* ---------------------------------------
       ハンバーガーボタン（位置・重なり調整済）
       ---------------------------------------*/
    .hamburger {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        position: absolute;
        z-index: 100;
        right: 12px;
        top: 25px !important;
        width: clamp(50px, 9vw, 75px); 
        height: clamp(50px, 9vw, 75px);
        cursor: pointer;
        background: #FF741F;
        border-radius: 5px;
        outline: solid 2px #fff;
        box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    }
.hamburger.active {
    position: fixed;
    /* absoluteの時と位置がズレる場合は、ここでも top / right を指定すれば安心です */
    top: 25px !important;
    right: 12px;
}
    .hamburger span {
        display: block;
        transition: all .3s;
        position: absolute;
        left: 50%;
        top: 41%; /* 少し上にずらして文字とのスペースを確保 */
        transform: translate(-50%, -50%);
        height: 2.5px;
        border-radius: 5px;
        background: #fff;
        width: 45%; 
    }

/* 三本線の間隔：9pxから7pxに「ぎゅっ」と修正 */
    .hamburger span:nth-of-type(1) { transform: translate(-50%, -7px); }
    .hamburger span:nth-of-type(2) { transform: translate(-50%, 0px); }
    .hamburger span:nth-of-type(3) { transform: translate(-50%, 7px); }

    .hamburger::after {
        content: "Menu";
        position: absolute;
        bottom: 6%; /* 下端に寄せて棒との距離を離す */
        left: 50%;
        transform: translateX(-50%);
        color: #fff;
        font-size: clamp(9px, 1.2vw, 11px);
        font-weight: bold;
        text-transform: uppercase;
        transition: all .3s;
    }

    /* active時：×印 */
    .hamburger.active span:nth-of-type(1) { transform: translate(-50%, 0px) rotate(-45deg); }
    .hamburger.active span:nth-of-type(2) { opacity: 0; }
    .hamburger.active span:nth-of-type(3) { transform: translate(-50%, 0px) rotate(45deg); }

    .hamburger.active::after { content: "Close"; }

    /* ---------------------------------------
       ハンバーガーメニュー内部
       ---------------------------------------*/
    nav.globalMenuSp {
        position: fixed;
        z-index: 90;
        top: 0;
        left: 0;
        background: #fff;
        transform: translateX(100%);
        transition: all 0.5s ease;
        width: 100vw;
        height: 100vh;
        padding-top: 80px;
        box-sizing: border-box;
        overflow-y: auto;
    }

    nav.globalMenuSp.active { transform: translateX(0%); }

    nav.globalMenuSp ul li {
        list-style: none;
        border-bottom: 1px solid #eee;
        background: #fff;
    }


/* ---------------------------------------
       内部仕切り用タイトル（共通デザイン） 
---------------------------------------*/

    /* クラス名が「-menu_title」で終わるliタグすべてに適用 */
    [class$="-menu_title"] {
        list-style: none !important;    /* リストの黒点を消す */
        display: block !important;
        padding: 10px 15px !important;  /* 他のメニューと高さを合わせる */
        margin: 25px 0 10px 0 !important; /* 前後の隙間を調整 */
        text-align: left;
        font-weight: bold;
        font-size: 15px;
        background-color: #f0f0f0 !important; /* うっすらグレーの背景で区切りを強調 */
        box-sizing: border-box;
    }

    /* 各タイトルにある「▼」マークを強制的に消去 */
    nav.globalMenuSp .defaultlist [class$="-menu_title"]::before {
        content: none !important;
        display: none !important;
    }

    /* センターごとの下線カラー設定 */
    .all-menu_title { border-bottom: 3px solid #FF741F !important; }
    .w-menu_title { border-bottom: 3px solid #8bbb1a !important; }
    .s-menu_title { border-bottom: 3px solid #6599FF !important; }
    .b-menu_title { border-bottom: 3px solid #714b32 !important; }

/* ---------------------------------------
       リストの三角形（ハンバーガーメニュー内）
       ---------------------------------------*/
    .defaultlist li { 
        position: relative !important; 
        border-bottom: dotted 1px #d6d6d6 !important; /* リスト間の区切り線 */
    }

    /* 三角形の共通設定（形と位置） */
    .defaultlist li::before {
        content: '' !important;
        display: block !important;
        position: absolute !important;
        top: 50% !important;
        left: 12px !important;
        transform: translateY(-50%) !important;
        width: 0 !important;
        height: 0 !important;
        border-top: 5px solid transparent !important;
        border-bottom: 5px solid transparent !important;
        border-left: 7px solid #ccc !important; /* デフォルトはグレー */
        z-index: 1;
    }

    /* 各リストごとのカラーバリエーション */
    .all-list li::before { border-left-color: #FF741F !important; } /* 総合 */
    .w-list li::before   { border-left-color: #8bbb1a !important; } /* 車椅子 */
    .s-list li::before   { border-left-color: #6599FF !important; } /* シルバーカー */
    .c-list li::before   { border-left-color: #f9cf3c !important; } /* 杖 */
    .b-list li::before   { border-left-color: #714b32 !important; } /* ベッド */
    .n-list li::before   { border-left-color: #be56fb !important; } /* 床周り */
    .h-list li::before   { border-left-color: #fd8468 !important; } /* トイレ */
    .f-list li::before   { border-left-color: #89e3fe !important; } /* 入浴 */
    .p-list li::before   { border-left-color: #ff699f !important; } /* 食事 */
    .l-list li::before   { border-left-color: #ff5df3 !important; } /* 生活 */

    /* テキストの余白設定（三角形と被らないように） */
    nav.globalMenuSp ul li a {
        display: block !important;
        color: #333 !important;
        padding: 12px 15px 12px 30px !important;
        text-decoration: none !important;
        font-size: 14px !important; /* 少しスマートに調整 */
        font-weight: bold !important;
    }

    /* ---------------------------------------
       アコーディオン・センターカラー
       ---------------------------------------*/
    [class*="-ac-parent"] {
        position: relative;
        padding: 15px 20px !important;
        color: #fff !important;
        font-weight: bold;
        font-size: 15px !important;
        border-bottom: 1px solid rgba(255,255,255,0.3);
        cursor: pointer;
    }
    [class*="-ac-parent"]:after {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        right: 20px;
        width: 8px;
        height: 8px;
        border-right: 2px solid #fff;
        border-bottom: 2px solid #fff;
        transform: translateY(-70%) rotate(45deg);
        transition: .3s;
    }
    .open[class*="-ac-parent"]:after { transform: translateY(-20%) rotate(225deg); }

    .ac-child { display: none; background-color: #f9f9f9; padding: 0 !important; }

    .all-ac-parent { background-color: #FF741F; }
    .w-ac-parent { background-color: #8bbb1a; }
    .s-ac-parent { background-color: #6599FF; }
    .b-ac-parent { background-color: #714b32; }

    /* 各センターのメインタイトル（外枠版） */
    [class*="-hamburger-menu_title"] {
        padding: 6px 10px;
        margin: 15px 10px 5px 10px;
        text-align: left;
        font-weight: bold;
        font-size: 14px;
        color: #333;
        border-top: 3px solid;
        border-bottom: 3px solid;
        background: #fff;
        letter-spacing: 0.05em;
    }
    .all-hamburger-menu_title { border-color: #FF741F; }/*総合*/
    .w-hamburger-menu_title { border-color: #8bbb1a; }/*車椅子*/
    .s-hamburger-menu_title { border-color: #6599FF; }/*シルバーカー*/
    .b-hamburger-menu_title { border-color: #714b32; }/*ベッド*/

}/*△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△*/