@charset "utf-8";
/* ==========================================================
   ガスマシンツール 2026 ブラック × ロゴカラー
   カスタムデザイン gasmt_2026 用の上書きCSS（style.css の後に読み込む）
   ========================================================== */
@import url("https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@400;500;700;900&family=Montserrat:wght@500;600;700;800&display=swap");

:root{
  --gmt-bg:#0B0B0D; --gmt-bg2:#141416; --gmt-card:#1B1B1E; --gmt-line:#2A2A2E; --gmt-line2:#3A3A3F;
  --gmt-text:#F2F2F2; --gmt-sub:#C4C4C8; --gmt-mute:#9A9AA1;
  --gmt-blue:#5DB4F0; --gmt-blue-d:#2E7FC0; --gmt-yellow:#F5B800;
  --gmt-font:'Zen Kaku Gothic New','IBM Plex Sans JP',sans-serif; --gmt-en:'Montserrat',sans-serif;
}

/* ---------- 全体 ---------- */
html,body{background:var(--gmt-bg) !important;color:var(--gmt-text) !important;font-family:var(--gmt-font) !important}
body *{font-family:inherit}
.siteblock-header,.siteblock-upper,.siteblock-main,.siteblock-bottom,.siteblock-opt1,.siteblock-opt2,.siteblock-opt3,.sitedesign-topicpath{background:transparent !important;color:var(--gmt-text) !important}
h1,h2,h3,h4,h5,h6,p,li,dt,dd,th,td,span,label,address{color:inherit}
a{color:var(--gmt-blue)}
a:hover{color:#8ACBF6}
hr{border-color:var(--gmt-line) !important}

/* ---------- テンプレートの色クラスを置き換え ---------- */
.dec-bg--primary{background-color:var(--gmt-blue-d) !important}
.dec-bg--secondary,.dec-bg--dark{background-color:var(--gmt-line) !important}
.dec-bg--light,.dec-bg--white,.dec-bg--gray,.dec-bg--lightgray{background-color:var(--gmt-card) !important;color:var(--gmt-text) !important}
.dec-text--primary,.text--color-primary{color:var(--gmt-blue) !important}
.dec-border--primary{border-color:var(--gmt-blue) !important}
[class*="dec-bg--"] *{color:inherit}

/* ---------- ヘッダー ---------- */
.siteblock-header{background:var(--gmt-bg) !important;border-bottom:1px solid var(--gmt-line);position:relative}
.siteblock-header .sitedesign-headernav-list > li > .menu,
.siteblock-header .sitedesign-headernav-list a{color:var(--gmt-text) !important;letter-spacing:.06em}
.siteblock-header .sitedesign-headernav-list a:hover{color:var(--gmt-blue) !important}
.siteblock-header .sitedesign-headernav-list li::before,
.siteblock-header .sitedesign-headernav-list li::after{background-color:var(--gmt-blue) !important;border-color:var(--gmt-blue) !important}
.sitedesign-headernav-buttonbar,.sitedesign-headernav-buttonbar::before,.sitedesign-headernav-buttonbar::after{background-color:var(--gmt-text) !important}
.sitedesign-headernav-group{background-color:var(--gmt-bg) !important}
/* ロゴ：社名の文字を白抜きにした画像に差し替え（images/logo_white.png） */
.siteblock-header .cparts-header-block img[src*="logo_20240403n"]{content:url("../images/logo_white.png");background:none;padding:0}

/* 見積依頼ボタン（default.htm / column2.htm に追加したもの） */
.gmt-header-cta{display:none}
@media screen and (min-width:768px){
  .gmt-header-cta{display:inline-flex;align-items:center;gap:8px;position:absolute;top:24px;right:24px;z-index:20;
    background:var(--gmt-yellow);color:#0B0B0D !important;font-weight:700;font-size:14px;letter-spacing:.06em;
    padding:12px 22px;border-radius:999px;text-decoration:none !important}
  .gmt-header-cta:hover{background:#FFD24D}
}

/* ---------- トップのキービジュアル ---------- */
.cparts-keyimg-block{background-color:var(--gmt-bg) !important}
.cparts-keyimg-block h1,.cparts-keyimg-block p{text-shadow:0 2px 12px rgba(0,0,0,.6)}

/* ---------- 見出し ---------- */
.siteblock-main h2,.siteblock-bottom h2{color:var(--gmt-text) !important;font-weight:900;letter-spacing:.04em}
.siteblock-main h2::before,.siteblock-main h2::after,.siteblock-bottom h2::before,.siteblock-bottom h2::after{background-color:var(--gmt-yellow) !important;border-color:var(--gmt-yellow) !important}
.siteblock-main h3,.siteblock-bottom h3{color:var(--gmt-text) !important}
[class*="ttl"] small,[class*="subttl"],[class*="ttl"] span{color:var(--gmt-blue) !important;font-family:var(--gmt-en);letter-spacing:.2em}

/* ---------- カード・ボックス ---------- */
.parts_img_type37,.cparts-click-block,[class*="cparts-id"][class*="--box"],.cparts-txt-block.dec-bg--light{background-color:var(--gmt-card) !important;color:var(--gmt-text) !important}
.siteblock-main img:not(.cparts-header-block img){border-radius:4px 24px 4px 4px}
.cparts-id318--01 a,.cparts-id318 a{color:var(--gmt-text)}

/* ボタン類 */
.siteblock-main a[class*="btn"],.siteblock-bottom a[class*="btn"],.cparts-btn a,a.btn_mail{
  border-radius:999px !important;background:var(--gmt-yellow) !important;color:#0B0B0D !important;border:0 !important;font-weight:700}
.siteblock-main a[class*="btn"] *,a.btn_mail *{color:#0B0B0D !important}

/* 表・フォーム */
table,th,td{border-color:var(--gmt-line) !important}
th{background-color:var(--gmt-card) !important;color:var(--gmt-text) !important}
td{background-color:transparent !important}
input[type="text"],input[type="email"],input[type="tel"],input[type="number"],input:not([type]),select,textarea{
  background:var(--gmt-card) !important;color:var(--gmt-text) !important;border:1px solid var(--gmt-line2) !important;border-radius:10px}
input[type="submit"],input[type="button"],button{border-radius:999px}
input::placeholder,textarea::placeholder{color:var(--gmt-mute)}

/* 取扱メーカー一覧（アコーディオン） */
.cparts-id170__ttl{background-color:var(--gmt-card) !important;color:var(--gmt-text) !important}
.manufacturer li{border-color:var(--gmt-line) !important}
.manufacturer li a{color:var(--gmt-text) !important;border-bottom-color:var(--gmt-line2) !important}
.manufacturer li a:hover{color:var(--gmt-yellow) !important}

/* お知らせ */
[class*="topics"] li,[class*="news"] li{border-color:var(--gmt-line) !important}
[class*="topics"] .date,[class*="news"] .date,[class*="topics"] time{color:var(--gmt-mute) !important;font-family:var(--gmt-en)}

/* ---------- パンくず・TOPへ ---------- */
.sitedesign-breadcrumb,.sitedesign-breadcrumb a{color:var(--gmt-mute) !important}
.sitedesign-pagetopbtn a{background:var(--gmt-card) !important;color:var(--gmt-text) !important;border:1px solid var(--gmt-line2)}

/* ---------- フッター ---------- */
.siteblock-footer{background:#050506 !important;color:var(--gmt-mute) !important;border-top:1px solid var(--gmt-line)}
.siteblock-footer a{color:var(--gmt-sub) !important}
.siteblock-footer address{color:var(--gmt-mute) !important;border-top:1px solid var(--gmt-line);font-size:12px}

/* ---------- スマホ：下部の「電話する／見積を依頼」バー ---------- */
.gmt-callbar{display:none}
@media screen and (max-width:767px){
  .gmt-callbar{display:flex;gap:8px;position:fixed;left:0;right:0;bottom:0;z-index:95;padding:10px 12px;
    background:var(--gmt-bg);border-top:1px solid var(--gmt-line)}
  .gmt-callbar a{flex:1 1 0;display:flex;align-items:center;justify-content:center;min-height:52px;border-radius:999px;
    font-size:15px;font-weight:700;text-decoration:none !important}
  .gmt-callbar .gmt-call{border:1px solid var(--gmt-blue);color:var(--gmt-text) !important}
  .gmt-callbar .gmt-quote{background:var(--gmt-yellow);color:#0B0B0D !important}
  body{padding-bottom:76px}
  .cparts-floating,.sitedesign-pagetopbtn{bottom:84px !important}
  .contact-banner.cparts-floating{display:none !important}
}

/* ---------- 追加：本文中に直接色が指定された暗い文字・残った明るい箱 ---------- */
.parts_img_type37_text{background-color:var(--gmt-card) !important;color:var(--gmt-text) !important}
.parts_img_type37_text *{color:inherit !important}
.siteblock-main [style*="color: rgb(0, 0, 0)"],.siteblock-main [style*="color: rgb(26, 26, 26)"],.siteblock-main [style*="color: rgb(26, 24, 34)"],
.siteblock-main [style*="color: rgb(34, 34, 34)"],.siteblock-main [style*="color: rgb(51, 51, 51)"],.siteblock-main [style*="color: #000"],
.siteblock-main [style*="color:#000"],.siteblock-main [style*="color: #333"],.siteblock-main [style*="color:#333"],
.siteblock-bottom [style*="color: rgb(26, 26, 26)"],.siteblock-bottom [style*="color: rgb(34, 34, 34)"],.siteblock-bottom [style*="color: rgb(0, 0, 0)"]{color:var(--gmt-text) !important}
.topicsDigestBox a,.topicLink a{color:var(--gmt-text) !important}
.topicsDigestBox a:hover,.topicLink a:hover{color:var(--gmt-yellow) !important}
.topicsDigestBox{border-color:var(--gmt-line) !important}

.siteblock-footer .navigation-footer ul,.siteblock-footer .navigation-footer{background-color:transparent !important}

/* 見積依頼ボタン：テンプレートの a 指定（left/width）を打ち消す */
@media screen and (min-width:768px){
  .siteblock-header a.gmt-header-cta{display:inline-flex !important;left:auto !important;width:auto !important;height:auto !important;
    margin:0 !important;line-height:1.2 !important;white-space:nowrap}
}
@media screen and (min-width:768px){.siteblock-header .sitedesign-headernav{padding-right:150px !important;box-sizing:border-box}}

/* Instagramのフローティングバナーを非表示 */
a:has(> img[src*="floating_contact_banner/insta"]),p:has(> a > img[src*="floating_contact_banner/insta"]){display:none !important}

/* ヘッダーメニューの「recruit（採用情報）」を非表示 */
.sitedesign-headernav-list li:has(> a[href*="recruit"]){display:none !important}

/* テンプレートの「.siteblock-main .dec-bg--○○」(!important) より強く指定 */
body .siteblock-main .dec-bg--light,body .siteblock-main .dec-bg-pe--light::before,body .siteblock-main .dec-bg-pe--light::after,
body .siteblock-bottom .dec-bg--light,body .siteblock-bottom .dec-bg-pe--light::before,body .siteblock-bottom .dec-bg-pe--light::after,
body .siteblock-main .dec-bg--white,body .siteblock-bottom .dec-bg--white,body .siteblock-main .dec-bg--gray,body .siteblock-main .dec-bg--lightgray{background-color:var(--gmt-card) !important}
body .siteblock-main .dec-bg--primary,body .siteblock-main .dec-bg-pe--primary::before,body .siteblock-main .dec-bg-pe--primary::after,
body .siteblock-bottom .dec-bg--primary,body .siteblock-bottom .dec-bg-pe--primary::before,body .siteblock-bottom .dec-bg-pe--primary::after{background-color:var(--gmt-blue-d) !important}
body .siteblock-main .dec-bg--secondary,body .siteblock-main .dec-bg--dark,body .siteblock-bottom .dec-bg--secondary,body .siteblock-bottom .dec-bg--dark{background-color:var(--gmt-line) !important}
body .siteblock-main .cparts-click-block,body .siteblock-main .cparts-id170__ttl{background-color:var(--gmt-card) !important;color:var(--gmt-text) !important}

/* 本文中のリンク色（テンプレートの .siteblock-main a の紺色を上書き） */
body .siteblock-main a,body .siteblock-bottom a,body .siteblock-opt1 a,body .siteblock-opt2 a{color:var(--gmt-blue)}
body .siteblock-main a:hover,body .siteblock-bottom a:hover{color:#8ACBF6}
body .siteblock-main a[href^="tel:"],body .siteblock-bottom a[href^="tel:"]{color:var(--gmt-text)}
/* お知らせ一覧のタイトル */
body .topicsListBox a,body .topicDigestText a,body .topicsDigestBox a{color:var(--gmt-text) !important}
body .topicsListBox a:hover,body .topicDigestText a:hover{color:var(--gmt-yellow) !important}
/* 記事ページの「戻る」 */
body a.returnBu{color:var(--gmt-blue) !important}
/* 会社案内の写真スライダーの番号・矢印 */
body .bx-wrapper .bx-pager.bx-default-pager a{background:var(--gmt-line2) !important;color:transparent !important}
body .bx-wrapper .bx-pager.bx-default-pager a:hover,body .bx-wrapper .bx-pager.bx-default-pager a.active{background:var(--gmt-yellow) !important}
body .bx-wrapper .bx-controls-direction a{color:transparent !important}

/* スマホのメニューボタン（≡）：明るい四角になっていたのを黒地に白線へ */
body .siteblock-header .sitedesign-headernav-button{background-color:transparent !important;border:1px solid var(--gmt-line2) !important;border-radius:999px}
body .siteblock-header .sitedesign-headernav-buttonbar,body .siteblock-header .sitedesign-headernav-buttonbar::before,body .siteblock-header .sitedesign-headernav-buttonbar::after{background-color:var(--gmt-text) !important}
body #sitedesign-headernav-input:checked + .sitedesign-headernav-button .sitedesign-headernav-buttonbar{background-color:transparent !important}

/* 本文中の電話番号リンク（文字に直接色が指定されているもの） */
body .siteblock-main a[href^="tel:"],body .siteblock-main font a,body .siteblock-main a font{color:var(--gmt-text) !important}
body .siteblock-main font[color]{color:inherit !important}
/* スマホ下部バーの電話ボタンに番号を表示 */
.gmt-callbar .gmt-call{flex-direction:column;gap:0;line-height:1.2}
.gmt-callbar .gmt-call .gmt-tel{font-family:var(--gmt-en);font-size:12px;font-weight:600;color:var(--gmt-sub);letter-spacing:.04em}

/* ---------- 全ページ確認での修正（11/10） ---------- */
/* お問い合わせ欄の電話番号：本文で紺色が直接指定されていて黒地で読めないため */
.siteblock-main [style*="#202f55"],.siteblock-bottom [style*="#202f55"],.siteblock-main [style*="#202F55"]{color:var(--gmt-text) !important}
/* Instagram投稿一覧のアカウント名 */
a.instaLink,.instaUsername a{color:var(--gmt-blue) !important}
/* 会社概要などの表：スマホでは項目名と内容を縦に並べる（横にはみ出して切れていたため） */
@media screen and (max-width:767px){
  .js-scrollable table,.js-scrollable tbody,.js-scrollable tr,.js-scrollable th,.js-scrollable td{display:block !important;width:auto !important;min-width:0 !important;white-space:normal !important;box-sizing:border-box}
  .js-scrollable th{border-bottom:0 !important}
}

/* ---------- 最終確認での修正（11/10） ---------- */
/* 本文で暗い色が直接指定された文字（全ブロック共通） */
#sitedesign-pagetop [style*="#202f55"],#sitedesign-pagetop [style*="#202F55"],
#sitedesign-pagetop [style*="color: rgb(0, 0, 0)"],#sitedesign-pagetop [style*="color: rgb(26, 26, 26)"],#sitedesign-pagetop [style*="color: rgb(34, 34, 34)"],
#sitedesign-pagetop [style*="color: rgb(51, 51, 51)"],#sitedesign-pagetop [style*="color: #000"],#sitedesign-pagetop [style*="color:#000"],
#sitedesign-pagetop [style*="color: #333"],#sitedesign-pagetop [style*="color:#333"]{color:var(--gmt-text) !important}
.siteblock-opt1,.siteblock-opt2{color:var(--gmt-text)}
/* 事業紹介カードの見出し（灰色で読みにくかった） */
.siteblock-main h4,.siteblock-bottom h4,.siteblock-opt1 h4,.siteblock-opt2 h4{color:var(--gmt-text) !important}
/* 見出し背景の大きな丸：黄色だと白文字が読みにくいため、控えめな青に */
.siteblock-main h2::before,.siteblock-bottom h2::before,.siteblock-opt1 h2::before,.siteblock-opt2 h2::before{background-color:rgba(93,180,240,.18) !important}
/* 区切りの波形とフッター背景：明るい水色のまま残っていたため暗色に */
.siteblock-bottom::before,.siteblock-opt2::before{background-color:var(--gmt-bg2) !important}
.siteblock-footer::before{background-color:#050506 !important}

/* 営業カレンダー：定休日の色分けを復活（表の背景を透明にした指定で消えていたため） */
.businessCalendar td.closed{background-color:rgba(245,184,0,.22) !important;color:var(--gmt-yellow) !important;font-weight:700}
.businessCalendar td.sat:not(.closed){color:var(--gmt-blue) !important}
.businessCalendar td.sun:not(.closed),.businessCalendar td.hol:not(.closed){color:#FF8A80 !important}
.businessCalendar a.prev,.businessCalendar a.next,[class*="calendar"] a.prev,[class*="calendar"] a.next{color:var(--gmt-sub) !important}

/* フォームの必須マーク「※」：赤が暗く読みにくいため明るく */
form strong[style*="color"],form [style*="rgb(211, 25, 28)"],form [style*="#d3191c"],form [style*="#D3191C"],.mailform strong,form th strong{color:#FF7A7A !important}