@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Description: SWELLの子テーマ（ハレノヒハレ会計経営ノート用）
    Version: 1.0.0
*/

/* ============ 経営ノート通信への導線（2026-09-27） ============ */
:root{--hh-ts-or:#fa7236;--hh-ts-or2:#f85a1f;--hh-ts-bl:#168dff;--hh-ts-ink:#1a1a1a;--hh-ts-peach:#fff4ee}

/* 記事途中の案内 */
.post_content .hh-ts-mid{position:relative;margin:48px 0!important;padding:22px 24px 22px 28px;background:#fff;border:1px solid #f1e3da;border-left:4px solid var(--hh-ts-or);border-radius:12px;display:grid;grid-template-columns:1fr auto;gap:6px 24px;align-items:center}
.post_content .hh-ts-mid__label{grid-column:1;margin:0!important;font-size:13px;font-weight:700;letter-spacing:.06em;color:var(--hh-ts-or)}
.post_content .hh-ts-mid__txt{grid-column:1;margin:0!important;font-size:14.5px;line-height:1.8;color:#444}
.post_content .hh-ts-mid__btn{grid-column:2;grid-row:1/3;display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border:1.5px solid var(--hh-ts-or);border-radius:999px;font-size:14px;font-weight:700;color:var(--hh-ts-or)!important;text-decoration:none!important;white-space:nowrap;transition:background .2s,color .2s}
.post_content .hh-ts-mid__btn:hover{background:var(--hh-ts-or);color:#fff!important}
.post_content .hh-ts-mid__btn span{transition:transform .2s}
.post_content .hh-ts-mid__btn:hover span{transform:translateX(3px)}

/* 記事最後の登録カード */
.post_content .hh-ts{margin:56px 0 0!important;padding:44px 48px 36px;border-radius:20px;background:linear-gradient(135deg,#fff7f2 0%,#fff 55%,#f3f8ff 100%);border:1px solid #f3e1d6;text-align:center}
.post_content .hh-ts p{margin:0}
.post_content .hh-ts__label{font-family:"Inter",sans-serif;font-size:12px;font-weight:600;letter-spacing:.16em;color:var(--hh-ts-or)}
.post_content .hh-ts__pre{margin-top:14px!important;font-size:14px;color:#666}
.post_content .hh-ts__ttl{margin-top:6px!important;font-size:26px;font-weight:700;line-height:1.5;letter-spacing:.02em;color:var(--hh-ts-ink);font-feature-settings:"palt"}
.post_content .hh-ts__name{display:inline-flex;align-items:center;gap:10px;margin-top:14px!important;font-size:17px;font-weight:700;color:var(--hh-ts-ink)}
.post_content .hh-ts__name span{padding:2px 10px;border-radius:999px;background:var(--hh-ts-or);color:#fff;font-size:12px;font-weight:700;letter-spacing:.06em}
.post_content .hh-ts__txt{max-width:560px;margin:14px auto 0!important;font-size:15px;line-height:1.9;color:#444;text-align:left}
.post_content .hh-ts__steps{list-style:none!important;display:flex;justify-content:center;gap:8px;margin:24px 0 0!important;padding:0!important;counter-reset:ts}
.post_content .hh-ts__steps li{position:relative;flex:1;max-width:220px;margin:0!important;padding:14px 10px 12px!important;background:#fff;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.04);font-size:13.5px;line-height:1.6;color:#444;counter-increment:ts}
.post_content .hh-ts__steps li::before{content:"STEP " counter(ts);display:block;margin-bottom:4px;font-family:"Inter",sans-serif;font-size:11px;font-weight:600;letter-spacing:.1em;color:var(--hh-ts-or);position:static;background:none;width:auto;height:auto;border:0}
.post_content .hh-ts__steps li b{color:var(--hh-ts-ink)}
.post_content .hh-ts__btns{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:28px}
.post_content .hh-ts__btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-width:300px;padding:17px 32px;border-radius:999px;background:var(--hh-ts-or);box-shadow:0 8px 20px rgba(250,114,54,.28);font-size:16px;font-weight:700;color:#fff!important;text-decoration:none!important;transition:background .2s,transform .2s}
.post_content .hh-ts__btn:hover{background:var(--hh-ts-or2);transform:translateY(-1px)}
.post_content .hh-ts__btn span{font-size:18px}
.post_content .hh-ts__sub{font-size:14px;font-weight:600;color:var(--hh-ts-ink)!important;text-decoration:underline!important;text-underline-offset:4px}
.post_content .hh-ts__note{margin-top:14px!important;font-size:12px;color:#888}
.hh-ts .sp{display:none}

/* スマホの画面下バー */
.hh-tsbar{display:none}
@media (max-width:959px){
	.hh-tsbar{display:block;position:fixed;left:12px;right:12px;bottom:12px;z-index:98;transform:translateY(140%);opacity:0;transition:transform .3s,opacity .3s;pointer-events:none}
	.hh-tsbar.is-show{transform:none;opacity:1;pointer-events:auto}
	.hh-tsbar__link{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 10px 10px 18px;padding-right:48px;background:#fff;border:1px solid #f1e3da;border-radius:999px;box-shadow:0 8px 28px rgba(0,0,0,.14);text-decoration:none!important;color:var(--hh-ts-ink)!important}
	.hh-tsbar__txt{font-size:15px;font-weight:700;line-height:1.35}
	.hh-tsbar__txt small{display:block;font-size:11px;font-weight:500;color:#777}
	.hh-tsbar__btn{flex-shrink:0;padding:10px 18px;border-radius:999px;background:var(--hh-ts-or);color:#fff;font-size:14px;font-weight:700}
	.hh-tsbar__close{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:34px;height:34px;border:0;background:none;font-size:20px;line-height:1;color:#999;cursor:pointer}
	body.has-tsbar #pagetop,body.has-tsbar .p-fixBtnWrap{bottom:88px!important;transition:bottom .3s}
}
@media (max-width:600px){
	.post_content .hh-ts-mid{grid-template-columns:1fr;padding:20px}
	.post_content .hh-ts-mid__btn{grid-column:1;grid-row:auto;justify-content:center;margin-top:8px}
	.post_content .hh-ts{padding:36px 20px 28px;border-radius:16px}
	.post_content .hh-ts__ttl{font-size:21px}
	.post_content .hh-ts__steps{flex-direction:column;align-items:stretch}
	.post_content .hh-ts__steps li{max-width:none;display:flex;align-items:center;gap:12px;text-align:left;padding:12px 16px!important}
	.post_content .hh-ts__steps li::before{margin:0;flex-shrink:0}
	.post_content .hh-ts__btn{min-width:0;width:100%}
	.hh-ts .sp{display:inline}
}

/* ヘッダー・メニューの「経営ノート通信」 */
.c-gnav>.menu-tsushin{display:flex;align-items:center}
#gnav .c-gnav>.menu-tsushin>a{display:flex;align-items:center;height:auto!important;padding:0 18px!important;height:37px!important;box-sizing:border-box;margin-left:12px;border:1.5px solid var(--hh-ts-or)!important;border-radius:999px;line-height:1.4!important;align-self:center;background:#fff;transition:background .2s}
.c-gnav>.menu-tsushin>a .ttl{color:var(--hh-ts-or);font-weight:700}
.c-gnav>.menu-tsushin>a::after{display:none!important}
.c-gnav>.menu-tsushin>a:hover{background:var(--hh-ts-peach)}
.p-spMenu .c-spnav>li.menu-tsushin{border-bottom:none;margin-top:28px}
.p-spMenu .c-spnav>li.menu-tsushin>a{border:1.5px solid var(--hh-ts-or)!important;border-radius:999px!important;background:#fff!important;color:var(--hh-ts-or)!important;text-align:center;padding:14px 20px!important;font-size:16px;font-weight:700}
.p-spMenu .c-spnav>li.menu-tsushin>a::after{border-color:var(--hh-ts-or);right:22px}
.p-spMenu .c-spnav>li.menu-tsushin::after{content:"経営ニュースを自社の数字へ・登録無料";display:block;text-align:center;font-size:12px;color:#888;margin-top:8px}
.p-spMenu .c-spnav>li.menu-tsushin+li.menu-cta{margin-top:20px}

/* トップページ：経営ノート通信のセクション */
.hh-tsflow{padding:88px 24px;background:linear-gradient(180deg,#fff 0%,#fff7f2 100%)}
.hh-tsflow__in{max-width:1080px;margin:0 auto}
.hh-tsflow__head{text-align:center}
.hh-tsflow__lead{max-width:640px;margin:18px auto 0!important;font-size:15.5px;line-height:1.9;color:#444}
.hh-tsflow__steps{list-style:none!important;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:48px 0 0!important;padding:0!important;counter-reset:tf}
.hh-tsflow__step{position:relative;margin:0!important;padding:30px 26px 28px!important;background:#fff;border:1px solid #efe7e1;border-radius:18px;counter-increment:tf}
.hh-tsflow__step::before{content:"STEP 0" counter(tf);display:block;font-family:"Inter",sans-serif;font-size:12px;font-weight:600;letter-spacing:.12em;color:#999}
.hh-tsflow__step:not(:last-child)::after{content:"";position:absolute;right:-15px;top:50%;width:10px;height:10px;border-top:2px solid #e5c9b8;border-right:2px solid #e5c9b8;transform:translateY(-50%) rotate(45deg);z-index:1}
.hh-tsflow__step.is-main{border:2px solid var(--hh-ts-or);box-shadow:0 12px 32px rgba(250,114,54,.14)}
.hh-tsflow__step.is-main::before{color:var(--hh-ts-or)}
.hh-tsflow__tag{position:absolute;top:-13px;right:20px;padding:3px 12px;border-radius:999px;background:var(--hh-ts-or);color:#fff;font-size:12px;font-weight:700}
.hh-tsflow__ttl{margin:10px 0 0!important;font-size:19px;font-weight:700;line-height:1.5;color:var(--hh-ts-ink)}
.hh-tsflow__txt{margin:10px 0 0!important;font-size:14.5px;line-height:1.85;color:#555}
.hh-tsflow__cta{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:44px}
.hh-tsflow__btn{display:inline-flex;align-items:center;gap:12px;padding:18px 40px;border-radius:999px;background:var(--hh-ts-or);box-shadow:0 8px 20px rgba(250,114,54,.28);font-size:16px;font-weight:700;color:#fff!important;text-decoration:none!important;transition:background .2s,transform .2s}
.hh-tsflow__btn:hover{background:var(--hh-ts-or2);transform:translateY(-1px)}
.hh-tsflow__sub{font-size:14px;font-weight:600;color:var(--hh-ts-ink)!important;text-decoration:underline!important;text-underline-offset:4px}
.hh-tsflow__note{margin:0!important;font-size:12.5px;color:#888}
.hh-hero__nl{margin:18px 0 0!important;font-size:14px;color:#555}
.hh-hero__nl a{font-weight:700;color:var(--hh-ts-or)!important;text-decoration:underline!important;text-underline-offset:4px}
@media (max-width:959px){
	.hh-tsflow{padding:64px 20px}
	.hh-tsflow__steps{grid-template-columns:1fr;gap:28px;margin-top:36px!important}
	.hh-tsflow__step:not(:last-child)::after{right:auto;left:50%;top:auto;bottom:-20px;transform:translateX(-50%) rotate(135deg)}
	.hh-tsflow__btn{width:100%;justify-content:center;padding:18px 20px}
}