@charset "UTF-8";
/* ==========================================================================
   LDM フッター 2026（トップ・下層共通）
   - 見た目だけ。リンクと文言はHTML側
   ========================================================================== */
#foot_map{background:#faf5fb !important;border-top:1px solid #ebd7ec;padding:0 0 44px !important;position:relative;}
#foot_map > .container > .contents{padding-top:52px;}
#foot_map h4{background:none !important;border-top:0 !important;clear:none !important;padding-left:0 !important;padding-right:0 !important;padding-top:0 !important;}
#foot_map h4{position:relative;font-size:14px !important;font-weight:bold;letter-spacing:.06em;color:#99499f !important;padding-bottom:10px;margin-bottom:14px !important;border-bottom:1px solid #ebd7ec;}
#foot_map h4::after{content:"";position:absolute;left:0;bottom:-1px;width:28px;height:2px;border-radius:1px;background:linear-gradient(90deg,#ae5db4,#99499f);}
#foot_map .left{box-sizing:border-box;padding-right:40px;}
#foot_map ul.m{margin-right:0 !important;}
#foot_map li{font-size:13px !important;line-height:2.15;}
#foot_map li a{color:#5a5a5a !important;text-decoration:none;transition:color .2s ease;}
#foot_map li a:hover{color:#99499f !important;}
#foot_map .left p{font-size:12px !important;line-height:1.8 !important;color:#8a8a8a !important;margin-top:10px;}
/* 2026-09-28 下層ページではフッターが .new_parts（旧CSSで overflow:hidden）に包まれていて、
   TOPへ戻るボタンの上半分が切れていた → フッターの包みだけはみ出しを許可（回り込みは flow-root で保持） */
.new_parts:has(> #foot_map){overflow:visible !important;display:flow-root;}
/* TOPへ戻る：丸いボタンに */
#pagetop{position:absolute;right:24px;top:-26px;margin:0 !important;z-index:5;}
#pagetop a{display:block;width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,#ae5db4,#99499f);box-shadow:0 6px 16px rgba(153,73,159,.25);position:relative;overflow:hidden;transition:transform .2s ease;}
#pagetop a:hover{transform:translateY(-3px);}
#pagetop a img{opacity:0;width:100% !important;height:100% !important;}
#pagetop a::before{content:"";position:absolute;left:50%;top:50%;width:12px;height:12px;margin:-3px 0 0 -6px;border-left:2px solid #fff;border-top:2px solid #fff;transform:rotate(45deg);}
/* 協会情報・特定商取引…の行：色帯をやめて、控えめな文字リンクに */
#foot_link{background:#faf5fb !important;border-top:1px solid #ebd7ec;padding:16px 0 !important;}
#foot_link ul{display:flex;flex-wrap:wrap;gap:6px 0;}
#foot_link li{float:none !important;margin:0 !important;font-size:12px !important;line-height:1.6;}
#foot_link li + li::before{content:"";display:inline-block;width:1px;height:11px;margin:0 16px;background:#ddbbe0;vertical-align:-1px;}
#foot_link a{color:#8a8a8a !important;text-decoration:none;letter-spacing:.04em;}
#foot_link a:hover{color:#99499f !important;}
/* コピーライト */
#copyright{background:#ae5db4 !important;padding:22px 0 24px !important;}
#copyright dd{font-size:11px !important;line-height:1.9 !important;letter-spacing:.02em;opacity:.92;}
@media screen and (max-width:750px){
  #foot_map > .container > .contents{padding-top:44px;}
  #foot_map .left{padding-right:0;}
  #foot_map h4{margin-top:18px;}
  #foot_map li{font-size:14px !important;line-height:2.3;}
  #pagetop{right:16px;top:-26px;}
  #foot_link ul{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;}
  #foot_link li{font-size:13px !important;}
  #foot_link li + li::before{display:none;}
}

/* 2026-09-28 ヘッダーロゴを高解像度（3倍）PNGに差し替え。元データ LDM_002.eps、色・位置・大きさは logo.gif と同じ */
#logo a{background-image:url(/n_top/img/logo-2026-3x.png) !important;background-size:93px 141px !important;background-repeat:no-repeat !important;}

/* ==========================================================================
   2026-09-28 スマホのメニューボタン（右上）を新デザインに
   旧：灰色の四角に三本線の画像 mob.png → 紫の丸ボタン（↑ボタンと同じテイスト）。
   開いている間は × に変わる（sidr が body に付ける .sidr-open を利用）。
   開いたメニューも、点線 → 薄紫の細線＋右向きの矢印に。
   ========================================================================== */
#mobnavi{top:12px !important;pointer-events:none;}
#mobnavi a#simple-menu{pointer-events:auto;display:block;position:relative;width:48px;height:48px;padding:0 !important;margin:0 12px 0 auto;border-radius:50%;background:linear-gradient(135deg,#ae5db4,#99499f);box-shadow:0 6px 16px rgba(153,73,159,.35);-webkit-tap-highlight-color:transparent;}
#mobnavi a#simple-menu img{display:none;}
#mobnavi a#simple-menu::before,#mobnavi a#simple-menu::after{content:"";position:absolute;left:14px;width:20px;height:2px;border-radius:2px;background:#fff;transition:transform .25s ease,top .25s ease,box-shadow .2s ease;}
#mobnavi a#simple-menu::before{top:17px;box-shadow:0 6px 0 #fff;}
#mobnavi a#simple-menu::after{top:29px;}
body.sidr-open #mobnavi a#simple-menu::before{top:23px;box-shadow:none;transform:rotate(45deg);}
body.sidr-open #mobnavi a#simple-menu::after{top:23px;transform:rotate(-45deg);}
#sidr-right{box-shadow:-10px 0 30px rgba(75,36,77,.16);}
#sidr-right h3{margin-top:70px !important;padding:10px 10px 18px !important;}
#sidr-right ul{margin:0 !important;padding:0 !important;border-top:1px solid #ebd7ec;}
#sidr-right li{list-style:none;border-bottom:1px solid #ebd7ec !important;}
#sidr-right li a{position:relative;display:block;padding:15px 34px 15px 20px !important;color:#494949 !important;font-size:14px !important;line-height:1.6;letter-spacing:.04em;text-decoration:none;}
#sidr-right li a::after{content:"";position:absolute;right:18px;top:50%;width:7px;height:7px;margin-top:-4px;border-top:2px solid #ae5db4;border-right:2px solid #ae5db4;transform:rotate(45deg);}
#sidr-right li a:active{background:#f6edf7;color:#99499f !important;}
#mobnavi a#simple-menu,#mobnavi a#simple-menu:hover{opacity:1 !important;} /* サイト共通の a:hover{opacity:.6} で、タップ後に薄くなるのを防ぐ */

/* ==========================================================================
   2026-09-29 堀内さんの指示：「↑」ボタンを、スクロールしたら画面の右下に固定
   ・フッターの上端に半分かかっていた位置（absolute）→ 画面の右下に固定（fixed）
   ・ページの一番上では隠し、少し（300px）スクロールすると ふわっと出る（CSS のスクロール連動。
     対応していない古いブラウザでは常に表示）
   ========================================================================== */
#pagetop{position:fixed !important;top:auto !important;right:20px !important;bottom:24px !important;z-index:9000;}
@media screen and (max-width:750px){ #pagetop{right:14px !important;bottom:18px !important;} }
@supports (animation-timeline: scroll()){
  #pagetop{animation:ldm-pagetop-in linear both;animation-timeline:scroll(root block);animation-range:0 300px;}
  @keyframes ldm-pagetop-in{0%{opacity:0;visibility:hidden;transform:translateY(14px);}100%{opacity:1;visibility:visible;transform:none;}}
}

/* 2026-09-29 堀内さんの報告：スマホでフッターの下に大きな白い余白 → スマホメニュー（#sidr-right）が
   jquery.sidr.light.css を読めなかった時などに、ページの一番下へ普通の箱として並んでしまうのを防ぐ保険。
   閉じている時は常に非表示・画面固定（開く時は sidr のスクリプトが display:block を直接付けるのでそちらが優先） */
#sidr-right{display:none;position:fixed;top:0;height:100%;width:240px;overflow-y:auto;z-index:9999;background:#fff;}
#sidr-right.right{left:auto;right:-240px;}

/* ==========================================================================
   2026-09-29 第36弾：フッターメニューを4グループに再設計
   LDM®を知る / 講座・コース（ステップ順）/ 受講・ご相談（カードで目立たせる）/ LDM協会について
   最下段：トップページ・特定商取引・プライバシーポリシー・サイトマップ
   ========================================================================== */
#foot_map .ldm-fnav{display:grid;grid-template-columns:1.2fr 1.3fr 1fr .8fr;gap:0 34px;align-items:start;}
#foot_map .ldm-fnav::before,#foot_map .ldm-fnav::after{display:none !important;content:none !important;}
#foot_map .ldm-fnav > .left{float:none !important;width:auto !important;margin:0 !important;padding:0 !important;}
#foot_map .ldm-fnav ul{margin:0 !important;padding:0 !important;list-style:none;}
#foot_map .ldm-fnav li{list-style:none;background:none !important;padding-left:0 !important;}
#foot_map .ldm-fnav li.ldm-fnav-label{margin-top:10px;font-size:11px !important;line-height:1.9;letter-spacing:.1em;color:#a58a9f;font-weight:bold;}
#foot_map .ldm-fnav li.ldm-fnav-all a{font-weight:bold;color:#99499f !important;}
#foot_map .ldm-fnav-step{display:inline-block;min-width:38px;margin-right:7px;padding:0 5px;border-radius:4px;background:#f0e1f1;color:#99499f;font-size:10px;font-weight:bold;line-height:1.75;letter-spacing:.04em;text-align:center;vertical-align:1px;box-sizing:border-box;}
#foot_map .ldm-fnav small{display:block;margin-top:-5px;font-size:11px;line-height:1.5;color:#9a8a97;}
#foot_map .ldm-fnav .ldm-fnav-col--act{padding:18px 18px 12px !important;border:1px solid #ebd7ec;border-radius:14px;background:#fff;box-shadow:0 4px 14px rgba(153,73,159,.06);}
#foot_map .ldm-fnav .ldm-fnav-col--act li{line-height:2.3;}
@media screen and (max-width:1000px) and (min-width:751px){
  #foot_map .ldm-fnav{grid-template-columns:1fr 1fr;gap:28px 34px;}
}
@media screen and (max-width:750px){
  #foot_map .ldm-fnav{display:block;}
  #foot_map .ldm-fnav > .left{margin-bottom:6px !important;}
  #foot_map .ldm-fnav ul{display:grid;grid-template-columns:1fr 1fr;gap:0 14px;}
  #foot_map .ldm-fnav li{font-size:13px !important;line-height:1.6 !important;padding:6px 0 !important;}
  #foot_map .ldm-fnav li.ldm-fnav-label,#foot_map .ldm-fnav li.ldm-fnav-all{grid-column:1 / -1;}
  #foot_map .ldm-fnav li.ldm-fnav-label{margin-top:4px;padding:4px 0 0 !important;}
  #foot_map .ldm-fnav-step{display:block;width:max-content;margin:0 0 2px;}
  #foot_map .ldm-fnav small{margin-top:0;}
  #foot_map .ldm-fnav .ldm-fnav-col--act{margin:18px 0 8px !important;padding:14px 14px 8px !important;}
  #foot_map .ldm-fnav .ldm-fnav-col--act h4{margin-top:0 !important;}
}

/* ==========================================================================
   2026-09-29 第41弾：グローバルナビ
   PC：お問い合わせを紫のボタンに／スマホ（sidr）：受講ボタン＋グループ見出し＋STEPラベル
   ========================================================================== */
ul.ldm-gnav li.ldm-gnav-cta a{display:inline-block;padding:6px 16px !important;border-radius:999px;background:linear-gradient(90deg,#ae5db4,#99499f) !important;color:#fff !important;line-height:1.5 !important;text-decoration:none !important;box-shadow:0 4px 12px rgba(153,73,159,.25);}
ul.ldm-gnav li.ldm-gnav-cta a:hover{opacity:.9;}
ul.ldm-gnav li.ldm-gnav-cta::before,ul.ldm-gnav li.ldm-gnav-cta::after{display:none !important;}
#sidr-right ul.ldm-snav{margin:0;padding:0 0 30px;}
#sidr-right ul.ldm-snav li{list-style:none;}
#sidr-right ul.ldm-snav li.ldm-snav-cta{padding:12px 14px 6px;border:0 !important;}
#sidr-right ul.ldm-snav li.ldm-snav-cta a{display:block;padding:12px 10px !important;border-radius:12px;background:linear-gradient(135deg,#b569ba,#86408b) !important;color:#fff !important;font-size:14px !important;font-weight:bold;line-height:1.5 !important;text-align:center;box-shadow:0 6px 14px rgba(153,73,159,.25);}
#sidr-right ul.ldm-snav li.ldm-snav-cta a small{display:block;font-size:9.5px;font-weight:normal;opacity:.9;letter-spacing:0;}
#sidr-right ul.ldm-snav li.ldm-snav-cta a::after,#sidr-right ul.ldm-snav li.ldm-snav-cta a::before{display:none !important;}
#sidr-right ul.ldm-snav li.ldm-snav-h{margin:14px 0 0;padding:6px 16px !important;background:#f6edf7 !important;color:#99499f !important;font-size:11px !important;font-weight:bold;letter-spacing:.1em;line-height:1.6 !important;border:0 !important;}
#sidr-right ul.ldm-snav li a{font-size:13px !important;}
#sidr-right .ldm-snav-step{display:inline-block;margin-right:6px;padding:0 5px;border-radius:4px;color:#fff;font-size:9px;font-weight:bold;line-height:1.7;vertical-align:1px;}
#sidr-right .ldm-snav-step.s1{background:#f03b6d;}#sidr-right .ldm-snav-step.s2{background:#66c76b;}#sidr-right .ldm-snav-step.s3{background:#6386cc;}#sidr-right .ldm-snav-step.s4{background:#bc9627;}

/* ==========================================================================
   2026-09-30 第80弾：スマホのフッターを整理（堀内さん「ごちゃごちゃしてわかりづらい」）
   ・「受講・ご相談」を一番上に（大事な入口を先に）
   ・各グループを白いカードにして、リンクは1列の行＋右矢印（2列の折り返しでガタガタしない）
   ・STEPラベルは行の頭に色付きで横並び
   ========================================================================== */
@media screen and (max-width:750px){
  #foot_map > .container > .contents{padding-top:32px;}
  #foot_map .ldm-fnav{display:flex !important;flex-direction:column;gap:14px;padding:0 14px;box-sizing:border-box;}
  #foot_map .ldm-fnav > .left{width:100% !important;box-sizing:border-box !important;align-self:stretch;margin:0 !important;padding:16px 16px 6px !important;border:1px solid #ebd7ec;border-radius:16px;background:#fff;box-shadow:0 4px 14px rgba(153,73,159,.05);}
  #foot_map .ldm-fnav .ldm-fnav-col--act{order:-1;margin:0 !important;padding:16px 16px 14px !important;background:linear-gradient(135deg,#fff 0%,#f6edf7 100%);}
  #foot_map .ldm-fnav h4{margin:0 0 4px !important;padding-bottom:10px;font-size:15px !important;}
  #foot_map .ldm-fnav ul{display:block !important;}
  #foot_map .ldm-fnav li{position:relative;margin:0 !important;padding:0 !important;border-bottom:1px solid #f2e4f3;font-size:14px !important;line-height:1.5 !important;}
  #foot_map .ldm-fnav li:last-child{border-bottom:0;}
  #foot_map .ldm-fnav li a{display:flex;align-items:center;gap:8px;padding:12px 24px 12px 2px;color:#4a4a4a !important;}
  #foot_map .ldm-fnav li a::after{content:"";position:absolute;right:6px;top:50%;width:7px;height:7px;margin-top:-4px;border-top:2px solid #cb96ce;border-right:2px solid #cb96ce;transform:rotate(45deg);}
  #foot_map .ldm-fnav li.ldm-fnav-label{padding:12px 2px 4px !important;border-bottom:0;font-size:11px !important;color:#a58a9f;}
  #foot_map .ldm-fnav li.ldm-fnav-all a{color:#99499f !important;font-weight:bold;}
  #foot_map .ldm-fnav-step{display:inline-block !important;flex:0 0 auto;width:auto;min-width:46px;margin:0 !important;padding:1px 6px;border-radius:999px;color:#fff !important;font-size:10px;text-align:center;}
  #foot_map .ldm-fnav li:nth-child(3) .ldm-fnav-step{background:#f03b6d;}
  #foot_map .ldm-fnav li:nth-child(4) .ldm-fnav-step{background:#66c76b;}
  #foot_map .ldm-fnav li:nth-child(5) .ldm-fnav-step{background:#6386cc;}
  #foot_map .ldm-fnav li:nth-child(6) .ldm-fnav-step{background:#bc9627;}
  /* 受講・ご相談：ファシリテーター紹介を大きなボタンに、残り3つはタイル */
  #foot_map .ldm-fnav .ldm-fnav-col--act ul{display:grid !important;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:6px !important;}
  #foot_map .ldm-fnav .ldm-fnav-col--act li{border:0;}
  #foot_map .ldm-fnav .ldm-fnav-col--act li:first-child{grid-column:1 / -1;}
  #foot_map .ldm-fnav .ldm-fnav-col--act li:first-child a{display:block;padding:14px 12px;border-radius:12px;background:linear-gradient(135deg,#b569ba,#86408b);color:#fff !important;font-size:15px;font-weight:bold;text-align:center;box-shadow:0 6px 14px rgba(153,73,159,.25);}
  #foot_map .ldm-fnav .ldm-fnav-col--act li:first-child small{margin-top:2px;color:#fff;opacity:.85;font-size:11px;font-weight:normal;}
  #foot_map .ldm-fnav .ldm-fnav-col--act li a::after{display:none;}
  #foot_map .ldm-fnav .ldm-fnav-col--act li:not(:first-child) a{justify-content:center;padding:12px 4px;border:1px solid #e7cfe9;border-radius:10px;background:#fff;font-size:12.5px;font-weight:bold;color:#99499f !important;text-align:center;}
  /* 最下段のリンク */
  #foot_link{padding:14px 0 !important;}
  #foot_link ul{display:flex !important;flex-wrap:wrap;justify-content:center;gap:6px 18px;}
  #foot_link li{font-size:12px !important;}
}

/* ===== 2026-10-03 第116弾：スマホの左右余白の整理 ===== */
@media screen and (max-width:750px){
  /* 右上メニュー・右下「上へ」ボタン：小さく、端に寄せ、少し透かして本文の重なりを減らす */
  #mobnavi a#simple-menu{width:40px !important;height:40px !important;margin-right:6px !important;opacity:.9 !important;}
  #mobnavi a#simple-menu::before,#mobnavi a#simple-menu::after{left:11px;width:18px;}
  #mobnavi a#simple-menu::before{top:14px;box-shadow:0 5px 0 #fff;}
  #mobnavi a#simple-menu::after{top:24px;}
  body.sidr-open #mobnavi a#simple-menu::before,body.sidr-open #mobnavi a#simple-menu::after{top:19px;}
  #pagetop{right:6px !important;bottom:14px !important;}
  #pagetop a{width:40px !important;height:40px !important;opacity:.9;}
  #pagetop a::before{width:10px;height:10px;margin:-2px 0 0 -5px;}
  /* イラストで見る1日集中クラス：本文枠の左右余白を他ページと同じに */
  #contents_left .contents-body.ldm-intro{padding-left:0 !important;padding-right:0 !important;}
  /* 1日集中クラス会場案内：表を縦積みにして地図を下へ */
  #contents-single table[style*="690px"]{width:100% !important;}
  #contents-single table[style*="690px"] th,#contents-single table[style*="690px"] td{display:block;width:auto !important;}
  #contents-single table[style*="690px"] td span[style*="float"]{float:none !important;display:block;margin:0 0 10px;}
  #contents-single table[style*="690px"] iframe{width:100% !important;height:200px;}
  /* レベルアップ「受講者の声」：見出しが枠の右端に付かないように */
  #tabs .frame-voice p.txt-purple{padding-right:8px !important;text-align:left !important;}
  /* LDM®とはシリーズの目次カード：4列→3列で窮屈さを解消 */
  .ldm-abn .ldm-abn-list{grid-template-columns:repeat(3,1fr) !important;}
}

/* 2026-10-03 phase133 コピーライト帯の上下余白を広げる */
#copyright{padding:68px 0 70px !important;}
@media screen and (max-width:767px){#copyright{padding:48px 0 50px !important;}}
/* 2026-10-04 第170弾：ファシリテーター＝ゴールド（名刺の黄に黒・白を混ぜたグラデーション） */
#sidr-right .ldm-snav-step.s4{background:linear-gradient(135deg,#97781f 0%,#c99f2b 38%,#f3c843 52%,#c99f2b 66%,#97781f 100%);}
@media screen and (max-width:750px){#foot_map .ldm-fnav li:nth-child(6) .ldm-fnav-step{background:linear-gradient(135deg,#97781f 0%,#c99f2b 38%,#f3c843 52%,#c99f2b 66%,#97781f 100%);}}