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

/*パンくずリストを消す*/
#breadcrumb {
 display: none;
}

/* 固定ページタイトル中央寄せ */
.c-pageTitle,
.c-pageTitle__inner {
	float: none!important;
	text-align: center;
}

/*本文フォント　Adobe/*/
.post_content {
font-family: dnp-shueigoginstd-l, sans-serif;
font-weight: 400;
font-style: normal;
}

/* サイトタイトルフォント　Adobe/Futura */
.c-logo__label,
.c-headLogo__link {
font-family: futura-pt, sans-serif !important;
font-weight: 600 !important;
font-style: normal !important;
}

/* メニューフォント Adobe/Futura */
.c-gnav>.menu-item>a .ttl,
.p-spMenu .p-blogParts {
font-family: futura-pt, sans-serif !important;
font-weight: 400 !important;
font-style: normal !important;
font-size: 1.1rem;
}

/* 見出し、バナー上フォント Google/NotoSans */
.c-pageTitle,
.p-bannerLink__desc {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

/*フッター上の余白を消す！！！*/
.w-beforeFooter {
	margin-top:0!important;
}
.l-content {
  margin-bottom: 0 !important;
}



/* ===================
トップページに背景画像を表示 
===================*/
.page-id-13 .l-content {
    min-height: 100vh; /* 画面の高さ分は最低限確保する */
    display: flex;
    flex-direction: column;
}
.home, .front-page {
    background-image: url("https://olifujiwara.com/wp-content/uploads/2026/05/dev-4490-66.jpg") !important;
    background-color: transparent !important;
    background-size: cover !important;
    background-position: center center !important;
    background-attachment: fixed !important;
    background-repeat: no-repeat !important;
}

/* 背景を見せるために各エリアを透明化 */
.home .l-main,
.home .l-container,
.home .p-article,
.home .l-header,
.home .l-footer,
.home .p-copyright {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important; /* コンテンツの影を消す */
}



/*中身が少なくてもフッターを最下部に固定する*/
/* サイト全体を Flexbox にし、縦に並べる */
#body_wrap {
    display: flex;
    flex-direction: column;
    min-height: 100dvh; /* 画面いっぱいの高さを確保 */
	align-items: stretch;
}
/* ヘッダーとフッターに挟まれたメインコンテンツを最大まで伸ばす */
#content {
    flex: 1 0 auto;
	width: 100%;
}
/* フッターが縮まないように固定 */
#footer {
    flex-shrink: 0;
}




/* ===================
ハンバーガーメニュー作成
====================== */
/* メニューアイコン（デフォルト時） */
.-menuBtn .c-iconBtn__icon {
	width: 24px;
	height: 2px;
	background-color: #333;
	display: grid;
	place-items: center;
	transition: transform .3s;
	
	&::before,
	&::after {
		grid-area: 1 / 1;
		content: '';
		display: block;
		inset: 0;
		width: 24px;
		height: 2px;
		background-color: #333;
		transition: transform .3s;
	}
	
	&::before {
		transform: translateY(-8px);
	}
	
	&::after {
		transform: translateY(8px);
	}
}

/* メニューアイコン（オープン時） */
[data-spmenu=opened] {
	
	.-menuBtn .c-iconBtn__icon::before {
			transform: rotate(45deg);
	}
	
	.-menuBtn .c-iconBtn__icon {
		background-color: transparent;
	}
	
	.-menuBtn .c-iconBtn__icon::after {
		transform: rotate(-45deg);
	}
}

/* ボタンラベル */
.l-header__menuBtn .c-iconBtn::after,
.p-spMenu__closeBtn .c-iconBtn::after {
	font-size: 10px;
	line-height: 10px;
	transform: translateY(12px);
}

/* ボタンラベル（開くボタン） */
.l-header__menuBtn .c-iconBtn::after {
/* 	content: 'MENU'; */
}

/* ボタンラベル（閉じるボタン） */
.p-spMenu__closeBtn .c-iconBtn::after {
/* 	content: 'CLOSE'; */
}

/* メニュー */
.p-spMenu__inner {
  width: 100%;
  height: 100%;
  transform: translateX(0)!important;
  opacity: 0;
  transition: opacity .5s ease-out!important;
}

/* メニュー（オープン時） */
[data-spmenu="opened"] .p-spMenu__inner {
  opacity: 1;
}

/* 背景色をぼかす */
.p-spMenu__inner::before {
	background: rgb(255 255 255 / .8);
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
}

/* メニューをフェードイン */
.p-spMenu__body {
	opacity: 0;
	transform: translateY(0px);
}

[data-spmenu="opened"] .p-spMenu__body {
	opacity: 1;
	transform: translateY(0);
	transition: opacity 1s ease-in, transform .7s ease-out;
}

/* メニュー内のすべての要素でスクロールバーを隠す */
.p-spMenu__inner, 
.p-spMenu__inner * {
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}

.p-spMenu__inner::-webkit-scrollbar,
.p-spMenu__inner *::-webkit-scrollbar {
  display: none !important;
}

/* 既存のメニューを削除 */
.c-widget__title.-spmenu,
.p-spMenu__nav {
  display:none;
}

/* リンクリストメニュー余白 */
.p-spMenu__body .swell-block-linkList {
	gap: 2em;
}

/* リンクリストメニュー中央寄せ */
.p-spMenu__body .swell-block-linkList__text {
	margin-inline: auto;
}