@charset "UTF-8";


:root {
	--hover_anime: all .2s ease-in-out;
	--cct_blue: #20286F;
	--cct_blue-dark: #151a46;
}

body {
	font-family:
		YakuhanJP,
		"Google Sans",
		-apple-system,
		BlinkMacSystemFont,
		"Hiragino Sans",
		"Hiragino Kaku Gothic ProN",
		"Noto Sans JP",
		"Noto Sans CJK JP",
		"Yu Gothic",
		"Meiryo",
		system-ui,
		sans-serif;

	font-weight: 400;
	font-optical-sizing: auto;
	font-style: normal;
	color: #333;

	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	background-color: var(--cct_blue-dark);
}

h1, h2, h3, h4, h5, h6 {
	font-feature-settings: "palt";
	font-weight: bold;
}

strong {
	font-weight: bold;
}

.c-entry__content.p-entry-content {
	text-align: justify;
	word-break: break-all;
}

.p-global-nav {
	font-feature-settings: "palt";
}

.fancybox-youtube img {
	width: 100%;
	height: auto;
	border: none;
	cursor: pointer;
	aspect-ratio: 16 / 9;
	object-fit: cover;
}

.fancybox-youtube::before {
	position: absolute;
	content: "";
	background: url(../img/icon/play-movie.svg) no-repeat 50% 50%;
	background-size: contain;
	display: block;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 64px;
	height: 45px;
}

.fancybox-iframe {
	max-width: 100% !important;
	max-height: 100% !important;
}

#autozip {
	display: none !important;
}

/* 
body:not(.home) .l-contents {
	background-color: #fff;
} */

.l-contents {
	background-color: #fff;
}


@media (min-width: 1024px) {
	.c-entries--text .c-entry-summary__body {
		flex-direction: column-reverse;
	}
}

@media (min-width: 769px) and (max-width: 1023px){
	:root {
		--_global--font-family: var(--font-family);
		--_global--font-size-px: 14px;
	}
}

@media ( min-width: 769px ) {

	 
}


@media ( max-width: 768px ) {
	:root {
		--_global--font-family: var(--font-family);
		--_global--font-size-px: 13px;
	}



}


@media (any-hover: hover) {

}



/* 画面全体ラッパー */
#swipe-wrapper {
	min-height: 100vh;
	will-change: transform;
	transition: transform 0.25s ease-out;
}

/* 指追従中はアニメーション無効 */
#swipe-wrapper.is-dragging {
	transition: none;
}

/* 戻るアイコン */
.swipe-back-icon {
	position: fixed;
	left: 16px;
	top: 50%;
	transform: translateY(-50%);
	opacity: 0;
	pointer-events: none;
	color: #333;
	z-index: 9999;
	transition: opacity 0.2s ease-out;
}

/* ダークモード対応したい場合 */
@media (prefers-color-scheme: dark) {
	.swipe-back-icon {
		color: #fff;
	}
}