@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/


/* === グローバル固定レイアウト === */
#header, #footer { display: none !important; }
.p-widget-area--sidebar.is-sticky { position: static !important; top: auto !important; }

/* パンくず非表示 */
.p-breadcrumb { display: none; }

/* === 固定レイアウト（左180pxサイドバー）=== */
:root { --sidebar-width-pc: 180px; }

.l-sidebar{
  position: fixed; top: 0; left: 0;
  width: var(--sidebar-width-pc); height: 100vh;
  overflow-y: auto; z-index: 1000; background: #fff;
}

.l-container, .l-content{ max-width: none !important; width: 100%; }

.l-content{
  padding-left: var(--sidebar-width-pc);
  padding-right: 2rem; padding-bottom: 2rem;
  /* 上の余白はここで統一管理（必要なら値を調整） */
  padding-top: 2rem;
  /* トップだけ詰めたい時は .home .l-content { padding-top:0 !important; } を別途 */
}
/* タイトル直下の本文余白をゼロにする */
.l-mainContent__inner > .post_content {
  margin-top: 1em !important;
  padding-top: 0 !important; /* 念のため */
}

/* 念のため：本文内の最初のブロックの余白もゼロに */
.l-mainContent__inner > .post_content > *:first-child {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* === サイドバー === */
#sidebar{ width: 180px; max-width: 180px; }

/* SWELL標準のリスト矢印を消す（サイドバー内のみ） */
#sidebar .c-listMenu a:before { content: none !important; }
#sidebar .c-listMenu a{ padding: 0; }

/* UL */
#sidebar .c-widget.c-listMenu.widget_nav_menu ul.menu{
  list-style: none; margin: 0; padding: 0; width: 180px;
}

/* 各行（高さ=34px） */
#sidebar .c-widget.c-listMenu.widget_nav_menu ul.menu > li{
  position: relative; height: 34px; margin: 0 0 5px 0;
}

/* 黒バー本体：180 - (34 + 1) = 145px */
#sidebar .c-widget.c-listMenu.widget_nav_menu ul.menu > li > a{
  position: relative; display: flex; align-items: center;
  height: 34px; width: calc(180px - 35px); /* 145px */
  margin-left: 35px;                         /* 34pxライン + 1px隙間 */
  background: #2f2f2f; color: #fff; text-decoration: none;
  box-sizing: border-box; padding: 0 .5rem;  /* 文字左右0.5rem */
  font-weight: 600; font-size: 14px; letter-spacing: .02em; line-height: 1;
  box-shadow: 0 4px 5px rgba(0,0,0,.15);
  transition: background-color .2s, transform .12s; border-radius: 0;
  padding-top: 1px; /* 光学中央合わせ（不要なら削除可） */
}

/* 左の色ライン（::after／34×34／1px隙間） */
#sidebar .c-widget.c-listMenu.widget_nav_menu ul.menu > li > a::after{
  content: ""; position: absolute; left: -35px; top: 0;
  width: 34px; height: 34px; border-radius: 0;
}

/* 5色ループ */
#sidebar .c-widget.c-listMenu.widget_nav_menu ul.menu > li:nth-child(5n+1) > a::after { background: #EF3835; }
#sidebar .c-widget.c-listMenu.widget_nav_menu ul.menu > li:nth-child(5n+2) > a::after { background: #375FAC; }
#sidebar .c-widget.c-listMenu.widget_nav_menu ul.menu > li:nth-child(5n+3) > a::after { background: #71BF46; }
#sidebar .c-widget.c-listMenu.widget_nav_menu ul.menu > li:nth-child(5n+4) > a::after { background: #F2853B; }
#sidebar .c-widget.c-listMenu.widget_nav_menu ul.menu > li:nth-child(5n+5) > a::after { background: #F0BD2B; }

/* 状態 */
#sidebar .c-widget.c-listMenu.widget_nav_menu ul.menu > li > a:hover{
  background:#3a3a3a; transform: translateY(-1px); box-shadow: 0 6px 16px rgba(0,0,0,.18);
}
#sidebar .c-widget.c-listMenu.widget_nav_menu ul.menu > li.current-menu-item > a,
#sidebar .c-widget.c-listMenu.widget_nav_menu ul.menu > li.current_page_item > a{
  background:#444; box-shadow: 0 6px 18px rgba(0,0,0,.22);
}
/* aside の不要な位置ズレ（top:32px）を無効化 */
aside {
  position: static !important;
  top: 0 !important;
}
/* =========================
   main 要素内のみ左寄せ
   ========================= */

/* SWELLでは main 内が max-width + margin:auto で中央寄せされているため解除 */
main {
  margin-left: 1rem !important;
  margin-right: auto !important;
  text-align: left !important;
}
/* =========================
   ページタイトルの高さ・フォント調整
   ========================= */

/* SWELLのページタイトル共通 */
.c-pageTitle,
.p-articleHead__title {
  font-size: px !important;   /* フォントサイズ */
  line-height: 34px !important; /* 高さを35px相当に */
  height: 34px !important;      /* ブロックの高さ指定 */
  margin: 0 !important;         /* 不要な余白を消去 */
  padding: 0 !important;
  display: flex;
  align-items: center;          /* 縦位置を中央揃えに */
}
/* =========================
   SWELL標準 h1 のデザインをリセット＋新デザイン適用
   ========================= */

/* すべての h1 に共通適用（ページタイトルや記事タイトルを含む） */
h1,
.c-pageTitle,
.p-articleHead__title {
  all: unset;                     /* SWELL標準スタイルを完全リセット */
  display: block;
  width: 100%;
  background-color: #F2853B;      /* 背景色 */
  color: #ffffff;                 /* 文字色 */
  font-size: 14px;                /* フォントサイズ */
  line-height: 34px;              /* 高さ */
  height: 34px;                   /* ブロック高さ固定 */
  font-weight: 600;
  padding: 0 1rem;                /* 左右余白 */
  box-sizing: border-box;
  margin: 1rem 0 1rem 0;             /* 下だけ少し余白 */
  text-align: left;               /* 左寄せ */
}

/* GutenbergやSWELLが付与する下線などを完全に上書き */
.c-pageTitle::before,
.c-pageTitle::after,
.p-articleHead__title::before,
.p-articleHead__title::after {
  content: none !important;
}
/* =========================
   SWELLタイトル下線（b_bottom）を削除
   ========================= */

.c-pageTitle[data-style="b_bottom"] .c-pageTitle__inner {
  border-bottom: none !important;   /* 下線を削除 */
  box-shadow: none !important;      /* insetなどの影も削除 */
  background: #F2853B !important;   /* あなた指定の背景色 */
  color: #ffffff !important;        /* フォントカラー白 */
  font-size: 16px !important;
  line-height: 34px !important;
  height: 34px !important;
  font-weight: 600;
  padding: 0 1rem !important;
  display: flex;
  align-items: center;              /* 縦位置中央揃え */
  justify-content: flex-start;      /* 左*/
}