/* JIMOKURI：SWELL本体のCSSが見本の部品にかぶる所だけを打ち消す（top.css より先に読む）。
   出発点はメガオーナー（同じSWELLの骨組みから作った見本）で効いた打ち消し。並べ比べで見つけた分だけ足す */

/* 本文の枠：見本は .post_content に対して書かれている。SWELLの本文用の見た目（見出しの帯・余白）を外すため枠を jmk_content に替えたので、見本と同じ指定をこちらにも当てる */
.jmk_content{margin:0;padding:0;max-width:none;width:100%}
#content.l-container{max-width:none}
/* 固定ページの題とパンくずは出さない（どのページも本文の頭に自前の見出しがある） */
.page .l-mainContent .c-pageTitle,.page .p-articleHead,#breadcrumb{display:none}
#body_wrap .l-container{padding-left:0;padding-right:0}
/* 2026-11-01 投稿（記事）だけはSWELLの本文の枠に戻す。上の2行（全幅・左右の余白0）は見本の固定ページ用で、投稿では題・アイキャッチ・本文が画面の端まで広がっていた */
#body_wrap.single #content.l-container{max-width:calc(var(--container_size,1200px) + var(--swl-pad_container,0px)*2);margin-left:auto;margin-right:auto;padding-left:var(--swl-pad_container,4vw);padding-right:var(--swl-pad_container,4vw)}
#body_wrap.single .l-article{max-width:var(--article_size,900px);margin-left:auto;margin-right:auto}
#header .c-headLogo{height:auto}
#body_wrap .c-smallNavTitle{display:none}
#body_wrap .c-gnav>.menu-item>a{padding:0}
#header .l-header__inner{align-items:center}
#header .l-header__logo{padding:0}
#header .c-gnav{height:auto;align-items:center}
#header .c-gnav>.menu-item{height:auto}
#header .c-gnav>.menu-item>a{height:auto;text-align:left}
#header .c-gnav .ttl{line-height:inherit}
/* 2026-10-23 下層：SWELLが今のページのメニューに付ける下線を消す（見本に無い） */
#header .c-gnav a:after,#header .c-gnav a:before{content:none}
/* 2026-10-23 並べ比べ1回目：SWELLのヘッダーの下の影を消す（見本は線も影も無い） */
#header{box-shadow:none}
/* 2026-10-23 並べ比べ1回目：ロゴの文字（SWELLの大きさの指定が勝つので見本の値に戻す）と、メニューの最後（お問い合わせ）の枠の左右の余白 */
#header .c-headLogo__link,#header .c-headLogo{font-family:Poppins,sans-serif;font-weight:700;font-size:31px;letter-spacing:-1.5px;display:flex;min-height:44px;align-items:center;color:#0b0b0b;line-height:1}
@media(max-width:800px){#header .c-headLogo__link,#header .c-headLogo{font-size:25px;letter-spacing:-1.2px}}
#body_wrap #header .c-gnav>.menu-item:last-child>a{padding:0 24px}
/* 2026-10-23 並べ比べ1回目：下部固定ナビ。SWELLは画面の下いっぱい（left:0;bottom:0;width:100%）に白い半透明の地を敷くので、PCでは見本どおりヘッダー右の「オンライン相談」だけにする */
#fix_bottom_menu:before{content:none}
#fix_bottom_menu{background:none;box-shadow:none}
@media(min-width:801px){
#fix_bottom_menu{left:auto;bottom:auto;width:auto;height:auto;padding:0}
/* 下層ではSWELLのヘッダー（z-index 100）が上に重なって隠れたので、ヘッダーより上に出す。top.css の z-index:5 より強く書く */
#body_wrap #fix_bottom_menu{z-index:110}
#fix_bottom_menu .menu_list{display:block;height:auto}
#fix_bottom_menu li:last-child a{flex-direction:row;color:#0b0b0b}
#fix_bottom_menu li:last-child a i{display:none}
#fix_bottom_menu li:last-child a span{font-size:14px;line-height:inherit}
}

/* スマホのメニューボタン：SWELLのアイコンの字形が見本の線と重なるので字形だけ消す */
/* 見本は :before と :after の2本の線で描く。SWELLのアイコンの字（フォント）だけ消す */
#body_wrap .icon-menu-thin:before,#body_wrap .icon-close-thin:before{content:'';font-family:inherit}

/* スマホのメニュー：見本は #sp_menu.top-is-open で開く。SWELLは html[data-spmenu=opened] で開くので、同じ開いた形をSWELLの印にも当てる */
@media(max-width:800px){
[data-spmenu=opened] #sp_menu{display:block;position:fixed;inset:0;z-index:1000;visibility:visible;opacity:1;pointer-events:auto}
#sp_menu .p-spMenu__inner{left:auto;right:0;transform:none;background:#fff}
[data-spmenu=opened] #sp_menu .p-spMenu__overlay{opacity:1;visibility:visible}
#sp_menu .c-widget__title{background:none;color:#0b0b0b;padding:0;text-align:left}
#sp_menu .c-widget__title:before,#sp_menu .c-widget__title:after,#sp_menu .c-spnav a:before,#sp_menu .c-spnav a:after{content:none}
#sp_menu .c-spnav a{padding:0;color:#0b0b0b}
#sp_menu .c-spnav li{border:0}
[data-spmenu=opened] #fix_bottom_menu{display:block;position:fixed;bottom:35px;right:28px;left:auto;width:calc(min(86vw,400px) - 56px);height:auto;padding:0;z-index:1002}
/* 2026-10-23 並べ比べ（メニューを開いた画面）：SWELLの閉じるボタンの位置・枠の余白・見出しの余白・下のボタンの文字を見本の値に戻す */
#sp_menu .p-spMenu__inner{padding:28px;width:min(86%,400px)}
#sp_menu .p-spMenu__inner:before{content:none}
#sp_menu .p-spMenu__closeBtn{position:static;display:flex;justify-content:flex-end;width:auto;height:auto;margin:0}
#sp_menu .p-spMenu__closeBtn .c-iconBtn{width:48px;height:48px;margin:0}
#sp_menu .p-spMenu__body{padding:0;margin:0}
#sp_menu .c-spnav{margin:16px 0}
#sp_menu .c-widget__title{font-family:Poppins,sans-serif;font-size:14px;margin:36px 0 25px}
#sp_menu .c-spnav a{display:flex;align-items:center;min-height:64px;border-bottom:1px solid #ddd;font-size:16px;font-weight:700}
[data-spmenu=opened] #fix_bottom_menu li:last-child a{flex-direction:row}
[data-spmenu=opened] #fix_bottom_menu li:last-child a i{display:none}
[data-spmenu=opened] #fix_bottom_menu li:last-child a span{font-size:14px;line-height:inherit}
}

/* フッター：見本はフッターを描いていない（#footer を消している）。ポリシーへの道が要るので、最後の黒い面に続く黒の帯で出す（見本に無い部分） */
#body_wrap #footer{display:block;background:#0b0b0b;color:#fff;margin-top:-1px}
#footer .l-footer__widgetArea{padding:56px 5% 8px}
#footer .w-footer{padding:0;margin:0}
#footer .c-widget{margin:0}
#footer .jmk-foot-logo{font-family:Poppins,sans-serif;font-weight:700;font-size:26px;letter-spacing:-1px;margin:0 0 18px}
#footer .jmk-foot-links{list-style:none;padding:0;margin:0 0 18px;display:flex;flex-wrap:wrap;gap:8px 28px;font-size:14px;font-weight:700}
#footer .jmk-foot-links a{display:inline-flex;min-height:44px;align-items:center;color:#fff}
#footer .jmk-foot-address{font-size:13px;color:#bbb;margin:0}
#footer .l-footer__foot{padding:8px 5% 40px;background:none}
#footer .l-footer__foot .l-container{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px}
#footer .l-footer__nav{display:flex;gap:24px;list-style:none;padding:0;margin:0}
#footer .l-footer__nav li{border:0;padding:0}
#footer .l-footer__nav a{display:inline-flex;min-height:44px;align-items:center;border:0;padding:0;font-size:13px;color:#ccc}
#footer .copyright{font-size:13px;color:#999;margin:0}
@media(max-width:800px){
#footer .l-footer__widgetArea{padding:44px 24px 8px}
#footer .l-footer__foot{padding:8px 24px 110px}
}

/* 2026-10-23 FVのマークを本物のロゴ（案C）に替えた。見本のスマホは光の線を14度傾けていたが、ロゴを傾けると別の形に見えるのでまっすぐにする */
@media(max-width:800px){#body_wrap .top-art{transform:none}}
/* 2026-10-23 FVのマークを小さなロゴ（A）にした。スマホは見本の絵の置き場が右へはみ出す作りなので、ロゴが切れないよう内側へ寄せて少し小さくする */
@media(max-width:800px){#body_wrap .top-art .ac-a{right:44px;bottom:40px;width:90px;height:90px}}

/* 2026-11-01 会長「AdAimと出してもわからない。サービスでプルダウン」：グローバルナビの「サービス」の下に3つ。
   top.css の「最後の項目は丸枠（お問い合わせ）」がプルダウンの最後にも掛かるので外す */
#header .c-gnav>.menu-item-has-children>a .ttl:after{content:"";display:inline-block;width:6px;height:6px;border-right:2px solid;border-bottom:2px solid;transform:rotate(45deg);margin:0 0 4px 9px}
#header .c-gnav .sub-menu{min-width:300px;padding:10px 0;background:#fff;border:1px solid #e3e3e3;border-radius:14px;box-shadow:0 14px 34px #0000001f}
#body_wrap #header .c-gnav .sub-menu li a{border:0!important;border-radius:0!important;padding:12px 24px!important;white-space:nowrap;font-size:14px;line-height:1.6}
#header .c-gnav .sub-menu li a:hover{background:#f3f6fd;opacity:1}