@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
*/


/*サイトスピードUP css指定*/
@font-face{
  font-family: 'icomoon';
  src: url('/wp-content/themes/swell/assets/fonts/icomoon.woff2?fq24x') format('woff2'); /* パス要調整 */
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/*****************************************/
/************ 固定ページ：サイドバー調整 *************/
/*****************************************/
.page .l-content {
    --swl-sidebar_width: 260px;
    --swl-sidebar_margin: 32px;
}
@media (min-width: 1200px) {
    .page .l-content {
        --swl-sidebar_margin: 40px;
    }
}
/*****************************************/
/************ 固定ページ：タイトル調整 *************/
/*****************************************/
@media (min-width: 600px) {
    .page .l-topTitleArea {
        min-height: 150px;
    }
}
.page .c-pageTitle {
    font-size: clamp(22px, 3vw, 2.5rem);
    color: #20282e;
    font-weight: 600;
}

/************固定ページ、サイドバーで、トップが画像の場合*************/
/*****************************************/
@media (min-width: 600px) {
    /*.page-id-4094 .l-content,
    .page-id-3619 .l-content {
        padding-top: 1em;
    }
}/*

/************固定ページ、サイドバーで、トップが文字の場合*************/
/*****************************************/
@media (min-width: 600px) {
	.page-id-1500 aside#sidebar,
    .page-id-1508 aside#sidebar,
    .page-id-1041 aside#sidebar,
    .page-id-1020 aside#sidebar {
        margin-top:-48px;
    }
}
/*****************************************/
/************固定ページ、幅広 終了*************/
/*****************************************/

	
	

/************* カード型オリジナルサイドバー *************/

/* サイドバー本体 */
#sidebar .p-customSidebar {
  border: 1px solid #e6eef6;
  background: linear-gradient(180deg, #fbfdff 0%, #f7fbff 100%);
  padding: 19px 12px;
  box-shadow: 0 2px 8px rgba(0, 102, 171, 0.035);
}

/* PC時：カードを下まで伸ばす */
@media (min-width: 960px) {
#sidebar.l-sidebar:has(.p-customSidebar) {
position: relative;
align-self: stretch;
}

#sidebar .p-customSidebar {
min-height: calc(100vh - 140px);
}

/* 旧デザインの左ボーダーは使わない */
#sidebar.l-sidebar:has(.p-customSidebar)::before {
content: none;
}
}

/* タイトル */
#sidebar .p-customSidebar .p-customSidebar__titleLink {
display: block;
background: transparent;
color: #0c2e52;
font-weight: 700;
font-size: 1rem;
text-align: center;
padding: 0 0 12px;
margin-bottom: 18px;
border-bottom: 2px solid #0066ab;
text-decoration: none;
line-height: 1.6;
box-shadow: none;
transition: color 0.2s ease;
}

/* タイトルホバー */
#sidebar .p-customSidebar .p-customSidebar__titleLink:hover {
color: #0066ab;
filter: none;
}

/* タイトル横アイコンは非表示 */
#sidebar .p-customSidebar .p-customSidebar__titleIcon {
display: none;
}

/* メニューリスト */
#sidebar .p-customSidebar .p-sidebarMenu__list {
list-style: none !important;
padding: 0 !important;
margin: 0 !important;
}

/* メニュー項目 */
#sidebar .p-customSidebar .p-sidebarMenu__list > li {
margin-bottom: 12px !important;
font-size: 14px;
}

#sidebar .p-customSidebar .p-sidebarMenu__list > li:last-child {
margin-bottom: 0 !important;
}

/* メニューリンク */
#sidebar .p-customSidebar .p-sidebarMenu__list > li > a {
  display: flex;
  align-items: center;
  gap: 8px;
  position: relative;
  padding: 0.75em 8px;
  background: #fff;
  border: 1px solid #e4ebf3;
  color: #333;
  text-decoration: none !important;
  font-size: 0.95rem;
  line-height: 1.5;
  transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}

/* ホバー */
#sidebar .p-customSidebar .p-sidebarMenu__list > li > a:hover,
#sidebar .p-customSidebar .p-sidebarMenu__list > li > a:focus-visible {
  background: #f0f7ff;
  border-color: #b9d5ef;
  color: #0066ab;
  box-shadow: 0 2px 6px rgba(0, 102, 171, 0.06);
}

/* 現在ページ */
/* 通常ページの現在地表示 */
#sidebar .p-customSidebar .p-sidebarMenu__list > li.current-menu-item:not(.is-anchor-menu) > a,
#sidebar .p-customSidebar .p-sidebarMenu__list > li.current_page_item:not(.is-anchor-menu) > a {
  background: #0066ab !important;
  border-color: #0066ab !important;
  color: #fff !important;
}

/* 同一ページ内アンカーは、WordPress側のcurrent表示だけ解除して通常デザインに戻す */
#sidebar .p-customSidebar .p-sidebarMenu__list > li.is-anchor-menu > a {
  background: #fff !important;
  border-color: #ddd !important;
  color: inherit !important;
  box-shadow: none !important;
}

/* JSで判定した現在のアンカーだけ青くする */
#sidebar .p-customSidebar .p-sidebarMenu__list > li.is-anchor-menu.is-current-anchor > a {
  background: #0066ab !important;
  border-color: #0066ab !important;
  color: #fff !important;
}