@charset "UTF-8";
/* #style-foundation.scss
-------------------------------------- */
/* #foundation */
/*! Custom Reset Styles */
/* #Box-sizing */
*,
*::before,
*::after {
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
		margin: 0;
		padding: 0;
		border-width: 0;
}

/* HTML要素の基本リセット */
html {
		-webkit-text-size-adjust: 100%;
		-webkit-tap-highlight-color: transparent;
		height: 100%;
		min-height: 0vw;
}

body {
		margin: 0;
		font-stretch: initial;
		font-size-adjust: initial;
}

/* #ブロック要素のリセット */
main,
blockquote,
form,
figure,
figcaption {
		display: block;
		margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
		font-size: inherit;
		font-weight: inherit;
		margin: 0;
}

/* #リスト系要素のリセット */
dl,
ul,
ol,
menu {
		margin: 0;
		padding: 0;
		list-style: none;
}

dt,
dd,
li,
menuitem {
		margin: 0;
		padding: 0;
		font-style: normal;
		font-weight: unset;
		list-style-type: none;
}

/* #水平線のリセット */
hr {
		-webkit-box-sizing: content-box;
		        box-sizing: content-box;
		height: 0;
		overflow: visible;
		border-top-width: 1px;
		margin: 0;
		clear: both;
		color: inherit;
		border: 0;
}

/* #テーブル系要素のリセット */
table {
		border-color: inherit;
}

caption,
th,
td {
		margin: 0;
		padding: 0;
		font-style: normal;
		font-weight: unset;
		text-align: unset;
		text-decoration: none;
		vertical-align: middle;
}

/* #画像系要素のリセット */
img,
img[src$=".svg"],
picture,
svg {
		display: inline-block;
		max-width: 100%;
		height: auto;
		vertical-align: middle;
		background-repeat: no-repeat;
		background-size: cover;
		shape-margin: 0.75pc;
		-o-object-fit: cover;
		   object-fit: cover;
}

picture {
		overflow: hidden;
}

/* #SVGフィルター用（非表示） */
.svg-filter {
		visibility: hidden;
		position: absolute;
		width: 0;
		height: 0;
		overflow: hidden;
}

/* #動画系要素のリセット */
iframe,
embed,
video {
		display: inline-block;
		max-width: 100%;
		vertical-align: middle;
		background-repeat: no-repeat;
		background-size: cover;
		shape-margin: 0.75pc;
		-o-object-fit: cover;
		   object-fit: cover;
}

/* #改行・テキスト系要素のリセット */
br,
wbr {
		font-size: 0;
}

/* #文章系要素のリセット */
p,
small,
em,
strong,
span,
s,
b,
u,
dfn,
abbr,
data,
time,
bdi,
bdo,
address {
		margin: 0;
		padding: 0;
		font-weight: unset;
		font-style: normal;
		text-decoration: none;
}

small {
		font-size: 80%;
}

/* #inline要素のリセット */
i {
		display: inline-block;
		margin: 0;
		padding: 0;
		font-style: normal;
		text-decoration: none;
}

/* #mark要素のリセット */
mark {
		background: transparent;
}

sup {
		position: relative;
		top: -0.5em;
		right: 0.25em;
		display: inline-block;
		vertical-align: super;
		width: 0.25em;
		font-size: 59%;
}

sub {
		position: relative;
		bottom: -0.25em;
		right: 0.25em;
		display: inline-block;
		vertical-align: sub;
		width: 0.25em;
		font-size: 59%;
}

/* #引用系要素のリセット */
blockquote {
		margin: 0;
		padding: 0;
}

q {
		display: inline-block;
		margin: 0;
		padding: 0;
		font-style: normal;
		text-decoration: none;
}

q::before,
q::after {
		content: "";
}

cite {
		margin: 0;
		padding: 0;
		font-style: normal;
}

/* #コード系要素のリセット */
pre,
code,
kbd,
samp {
		font-family: monospace;
		font-size: inherit;
}

/* #数式系要素のリセット */
math,
mtext,
mn,
mi,
mo,
mspace,
msup,
msub,
msubsup,
mover,
munder {
		margin: 0;
		padding: 0;
		font-style: normal;
		font-weight: unset;
		text-decoration: none;
		white-space: nowrap;
}

math {
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
}

/* #ルビ系要素のリセット */
ruby,
rb,
rt,
rp {
		margin: 0;
		padding: 0;
		font-style: normal;
		text-decoration: none;
}

/* #挿入・削除要素のリセット */
ins,
del {
		margin: 0;
		padding: 0;
		font-style: normal;
		text-decoration: none;
}

/* #summary・details要素のリセット */
details,
summary {
		margin: 0;
		padding: 0;
		list-style: none;
}

details {
		display: block;
}

summary::marker,
summary::-webkit-details-marker {
		display: none;
}

summary:focus {
		outline: none;
}

summary {
		display: list-item;
}

/* #dialog要素のリセット */
dialog {
		margin: 0;
		padding: 0;
}

dialog:focus-visible {
		outline: none;
}

/* #フォーム系要素のリセット */
form {
		margin: 0;
}

button,
input,
optgroup,
select,
textarea {
		margin: 0;
		padding: 0;
		-webkit-appearance: none;
		   -moz-appearance: none;
		        appearance: none;
		vertical-align: middle;
		padding: 0;
		margin: 0;
}

[type=checkbox] {
		-webkit-appearance: checkbox;
		   -moz-appearance: checkbox;
		        appearance: checkbox;
}

[type=radio] {
		-webkit-appearance: radio;
		   -moz-appearance: radio;
		        appearance: radio;
}

button,
[type=button],
[type=reset],
[type=submit] {
		cursor: pointer;
}

button:disabled,
[type=button]:disabled,
[type=reset]:disabled,
[type=submit]:disabled {
		cursor: default;
}

:-moz-focusring {
		outline: auto;
}

select:disabled {
		opacity: inherit;
}

option {
		padding: 0;
}

fieldset {
		margin: 0;
		padding: 0;
		min-width: 0;
}

legend {
		padding: 0;
}

progress {
		vertical-align: baseline;
}

textarea {
		overflow: auto;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
		height: auto;
}

[type=search] {
		outline-offset: -2px;
}

[type=search]::-webkit-search-decoration {
		-webkit-appearance: none;
		        appearance: none;
}

::-webkit-file-upload-button {
		-webkit-appearance: button;
		        appearance: button;
}

label[for] {
		cursor: pointer;
}

/* #contenteditable要素のリセット */
[contenteditable]:focus {
		outline: none;
}

/* #root
-------------------------------------- */
:root {
		font-family: "Georama", sans-serif;
		font-size: 100%;
		/* #1rlh = 14px（@media: w360px）〜 16px（@media: w1000px） */
		line-height: clamp(0.875pc, 0.875pc + (1vw - 0.225pc) * 0.3125, 1pc);
		/* #1ls（line-spacing／行間） */
		--1ls: calc(1lh - 1em);
		--0\.5ls: calc((0.5lh - 0.5em) / 1);
		/* #Base */
		--lh-base: clamp(1.66em, calc(1.66em + ((1vw - 0.225em) * 0.55)), 1.88em);
		--lts-base: clamp(0.01em, calc(0.01em + ((1vw - 0.225em) * 0.05)), 0.03em);
		--fz-base: clamp(0.875rem, calc(0.875rem + ((1vw - 0.225rem) * 0.1563)), 0.9375rem);
		--fw-base: 400;
		/* #Fluid-fractional rem（可変rem）：例）calc(var(--⅓fem) * 3) */
		--⅞fem: clamp(0.875rem, calc(0.875rem + ((1vw - 0.225rem) * 0.3125)), 1rem);
		--⅚fem: clamp(0.8313rem, calc(0.8313rem + ((1vw - 0.225rem) * 0.4172)), 1rem);
		--⅘fem: clamp(0.8rem, calc(0.8rem + ((1vw - 0.225rem) * 0.5)), 1rem);
		--¾fem: clamp(0.75rem, calc(0.75rem + ((1vw - 0.225rem) * 0.625)), 1rem);
		--⅔fem: clamp(0.6625rem, calc(0.6625rem + ((1vw - 0.225rem) * 0.8438)), 1rem);
		--⅝fem: clamp(0.625rem, calc(0.625rem + ((1vw - 0.225rem) * 0.9375)), 1rem);
		--⅗fem: clamp(0.6rem, calc(0.6rem + ((1vw - 0.225rem) * 1)), 1rem);
		--½fem: clamp(0.5rem, calc(0.5rem + ((1vw - 0.225rem) * 1.25)), 1rem);
		--⅖fem: clamp(0.4rem, calc(0.4rem + ((1vw - 0.225rem) * 1.5)), 1rem);
		--⅜fem: clamp(0.375rem, calc(0.375rem + ((1vw - 0.225rem) * 1.5625)), 1rem);
		--⅓fem: clamp(0.3313rem, calc(0.3313rem + ((1vw - 0.225rem) * 1.6719)), 1rem);
		--¼fem: clamp(0.25rem, calc(0.25rem + ((1vw - 0.225rem) * 1.875)), 1rem);
		--⅕fem: clamp(0.2rem, calc(0.2rem + ((1vw - 0.225rem) * 2)), 1rem);
		--⅙fem: clamp(0.1625rem, calc(0.1625rem + ((1vw - 0.225rem) * 2.0938)), 1rem);
		--⅛fem: clamp(0.125rem, calc(0.125rem + ((1vw - 0.225rem) * 2.1875)), 1rem);
		--⅒fem: clamp(0.125rem, calc(0.125rem + ((1vw - 0.225rem) * 2.1875)), 1rem);
		/* #Fluid-Magnificational rem（スマホの方が大きい）：例）calc(var(x1\.33fem) * 1) */
		--x1\.2fem: clamp(1rem, calc(1.2rem + ((1vw - 0.225rem) * -0.5)), 1.2rem);
		--x1\.25fem: clamp(1rem, calc(1.25rem + ((1vw - 0.225rem) * -0.625)), 1.25rem);
		--x1\.33fem: clamp(1rem, calc(1.3313rem + ((1vw - 0.225rem) * -0.8281)), 1.3313rem);
		--x1\.5fem: clamp(1rem, calc(1.5rem + ((1vw - 0.225rem) * -1.25)), 1.5rem);
		--x2fem: clamp(1rem, calc(2rem + ((1vw - 0.225rem) * -2.5)), 2rem);
		--x3fem: clamp(1rem, calc(3rem + ((1vw - 0.225rem) * -5)), 3rem);
		--x4fem: clamp(1rem, calc(4rem + ((1vw - 0.225rem) * -7.5)), 4rem);
		/* #Root font-size */
		--fz-xxxs: clamp(0.6250rem, calc(0.6250rem + ((1vw - 0.225rem) * 0.1563)), 0.6875rem);
		--fz-xxs: clamp(0.6875rem, calc(0.6875rem + ((1vw - 0.225rem) * 0.1563)), 0.75rem);
		--fz-xs: clamp(0.7500rem, calc(0.7500rem + ((1vw - 0.225rem) * 0.1563)), 0.8125rem);
		--fz-sm: clamp(0.8125rem, calc(0.8125rem + ((1vw - 0.225rem) * 0.1563)), 0.8750rem);
		--fz-ss: clamp(0.8750rem, calc(0.8750rem + ((1vw - 0.225rem) * 0.1563)), 0.9375rem);
		--fz-rg: clamp(0.9375rem, calc(0.9375rem + ((1vw - 0.225rem) * 0.1563)), 1rem);
		--fz-md: clamp(0.9563rem, calc(0.9563rem + ((1vw - 0.225rem) * 0.2656)), 1.0625rem);
		--fz-sl: clamp(0.9750rem, calc(0.9750rem + ((1vw - 0.225rem) * 0.3750)), 1.1250rem);
		--fz-ml: clamp(1rem, calc(1rem + ((1vw - 0.225rem) * 0.4688)), 1.1875rem);
		--fz-lg: clamp(1.0250rem, calc(1.0250rem + ((1vw - 0.225rem) * 0.7188)), 1.3125rem);
		--fz-xl: clamp(1.05rem, calc(1.05rem + ((1vw - 0.225rem) * 1.1250)), 1.5rem);
		--fz-xxl: clamp(1.1rem, calc(1.1rem + ((1vw - 0.225rem) * 1.4687)), 1.6875rem);
		--fz-xxxl: clamp(1.1375rem, calc(1.1375rem + ((1vw - 0.225rem) * 1.8438)), 1.8750rem);
		--fz-sol: clamp(1.2313rem, calc(1.2313rem + ((1vw - 0.225rem) * 2.0781)), 2.0625rem);
		--fz-ol: clamp(1.3250rem, calc(1.3250rem + ((1vw - 0.225rem) * 2.3125)), 2.25rem);
		--fz-xol: clamp(1.4125rem, calc(1.4125rem + ((1vw - 0.225rem) * 2.5625)), 2.4375rem);
		--fz-xxol: clamp(1.5rem, calc(1.5rem + ((1vw - 0.225rem) * 2.8125)), 2.6250rem);
		--fz-xxxol: clamp(1.5875rem, calc(1.5875rem + ((1vw - 0.225rem) * 3.0625)), 2.8125rem);
		--fz-skl: clamp(1.6688rem, calc(1.6688rem + ((1vw - 0.225rem) * 3.3281)), 3rem);
		--fz-kl: clamp(1.7438rem, calc(1.7438rem + ((1vw - 0.225rem) * 3.6094)), 3.1875rem);
		--fz-xkl: clamp(1.8250rem, calc(1.8250rem + ((1vw - 0.225rem) * 3.8750)), 3.3750rem);
		--fz-xxkl: clamp(1.9rem, calc(1.9rem + ((1vw - 0.225rem) * 4.1563)), 3.5625rem);
		--fz-xxxkl: clamp(1.9750rem, calc(1.9750rem + ((1vw - 0.225rem) * 4.4375)), 3.75rem);
		--fz-sgl: clamp(2.0438rem, calc(2.0438rem + ((1vw - 0.225rem) * 4.7344)), 3.9375rem);
		--fz-gl: clamp(2.1125rem, calc(2.1125rem + ((1vw - 0.225rem) * 5.0313)), 4.1250rem);
		--fz-xgl: clamp(2.1813rem, calc(2.1813rem + ((1vw - 0.225rem) * 5.3281)), 4.3125rem);
		--fz-xxgl: clamp(2.25rem, calc(2.25rem + ((1vw - 0.225rem) * 5.6250)), 4.5rem);
		--fz-xxxgl: clamp(2.3125rem, calc(2.3125rem + ((1vw - 0.225rem) * 5.9375)), 4.6875rem);
		--fz-shl: clamp(2.3750rem, calc(2.3750rem + ((1vw - 0.225rem) * 6.25)), 4.8750rem);
		--fz-hl: clamp(2.4375rem, calc(2.4375rem + ((1vw - 0.225rem) * 6.5625)), 5.0625rem);
		--fz-xhl: clamp(2.5rem, calc(2.5rem + ((1vw - 0.225rem) * 6.8750)), 5.25rem);
		--fz-xxhl: clamp(2.5563rem, calc(2.5563rem + ((1vw - 0.225rem) * 7.2031)), 5.4375rem);
		--fz-xxxhl: clamp(2.6188rem, calc(2.6188rem + ((1vw - 0.225rem) * 7.5156)), 5.6250rem);
		--fz-sul: clamp(2.6750rem, calc(2.6750rem + ((1vw - 0.225rem) * 7.8438)), 5.8125rem);
		--fz-ul: clamp(2.7250rem, calc(2.7250rem + ((1vw - 0.225rem) * 8.1875)), 6rem);
		--fz-xul: clamp(2.7813rem, calc(2.7813rem + ((1vw - 0.225rem) * 8.5156)), 6.1875rem);
		--fz-xxul: clamp(2.8313rem, calc(2.8313rem + ((1vw - 0.225rem) * 8.8594)), 6.3750rem);
		--fz-xxxul: clamp(2.8875rem, calc(2.8875rem + ((1vw - 0.225rem) * 9.1875)), 6.5625rem);
		--fz-smgl: clamp(2.9375rem, calc(2.9375rem + ((1vw - 0.225rem) * 9.5313)), 6.75rem);
		--fz-mgl: clamp(2.9813rem, calc(2.9813rem + ((1vw - 0.225rem) * 9.8906)), 6.9375rem);
		--fz-xmgl: clamp(3.0313rem, calc(3.0313rem + ((1vw - 0.225rem) * 10.2344)), 7.1250rem);
		--fz-xxmgl: clamp(3.0813rem, calc(3.0813rem + ((1vw - 0.225rem) * 10.5781)), 7.3125rem);
		--fz-xxxmgl:clamp(3.1250rem, calc(3.1250rem + ((1vw - 0.225rem) * 10.9375)), 7.5rem);
}

/* #primer
-------------------------------------- */
/* #magique（body）基本設定 */
.magique {
		position: relative;
		z-index: 0;
		width: 100%;
		max-width: 100%;
		min-height: 100vh;
		overflow-x: hidden;
		/* #基本設定 */
		line-height: var(--lh-base);
		letter-spacing: var(--lts-base);
		font-size: var(--fz-base);
		font-weight: var(--fw-base, 400);
		background: var(--c-base, hsl(223, 6%, 100%));
		color: var(--c-text, hsl(223, 6%, 18%));
		/* #スマホを横向きにしても文字が大きくならない */
		-ms-text-size-adjust: 100%;
		-webkit-text-size-adjust: 100%;
		/* #IEで疑似要素を表示させる用 */
		text-rendering: optimizeLegibility;
		-webkit-font-kerning: normal;
		        font-kerning: normal;
		-webkit-font-variant-ligatures: common-ligatures contextual;
		        font-variant-ligatures: common-ligatures contextual;
		/* #役物の字詰めを綺麗にする */
		-webkit-font-feature-settings: "kern", "clig", "calt", "palt";
		        font-feature-settings: "kern", "clig", "calt", "palt";
		/* #文章の折り返し指定 */
		overflow-wrap: anywhere;
		word-break: normal;
		line-break: strict;
		/* #アンチエイリアス */
		-webkit-font-smoothing: auto;
		-moz-osx-font-smoothing: auto;
}

/* #スマホではスクロールバー非表示 */
@media screen and (max-width: 743.9px) {
		.magique:where(:not(.wp-editor)) {
				scrollbar-width: none;
		}
		.magique:where(:not(.wp-editor))::-webkit-scrollbar {
				display: none;
		}
}
/* #bodyがスクロールバーでズレないようにする(PC) */
@media print, screen and (min-width: 744px) {
		.magique:where(:not(.wp-editor)),
		.magique:where(:not(.wp-editor)).ov-hidden {
				overflow-y: scroll;
		}
}
/* #marble（総囲い）
-------------------------------------- */
:where(.magique) .marble {
		position: relative;
		width: 100%;
		max-width: 100%;
		height: auto;
		min-height: 100vh;
}

/* #グラデーション */
@-webkit-keyframes gradating-marble {
		0% {
				background-position: 0% 50%;
		}
		50% {
				background-position: 100% 50%;
		}
		100% {
				background-position: 0% 50%;
		}
}
@keyframes gradating-marble {
		0% {
				background-position: 0% 50%;
		}
		50% {
				background-position: 100% 50%;
		}
		100% {
				background-position: 0% 50%;
		}
}
:where(.magique) .marble {
		background: linear-gradient(313deg, hsl(223, 33%, 100%) 0%, hsl(233, 33%, 99%) 20%, hsl(233, 33%, 97%) 33%, hsl(233, 33%, 99%), 46%, hsl(233, 33%, 100%) 66%, hsl(233, 33%, 100%) 100%);
		background-size: 300% 300%;
		-webkit-animation: gradating-marble 25s ease infinite;
		        animation: gradating-marble 25s ease infinite;
}

:where(.magique) .marble::before,
:where(.magique) .marble::after {
		content: "";
		display: block;
		width: 100%;
		height: 100vh;
		background: #FFF;
		pointer-events: none;
}

:where(.magique) .marble::after {
		position: fixed;
		z-index: 20000;
		inset: 0;
		margin: auto;
}

/* #アニメーションキーフレーム定義 */
@-webkit-keyframes marbleBeforeIn {
		100% {
				height: 0;
		}
}
@keyframes marbleBeforeIn {
		100% {
				height: 0;
		}
}
:where(.magique) .marble::before {
		/* #anime : name | duration | easing | delay */
		-webkit-animation: marbleBeforeIn 0s;
		        animation: marbleBeforeIn 0s;
		-webkit-animation-fill-mode: forwards;
		        animation-fill-mode: forwards;
}

/* #アニメーションキーフレーム定義 */
@-webkit-keyframes marbleAfterIn {
		100% {
				opacity: 0;
		}
}
@keyframes marbleAfterIn {
		100% {
				opacity: 0;
		}
}
:where(.magique) .marble::after {
		/* #anime : name | duration | easing | delay */
		-webkit-animation: marbleAfterIn 1.8s ease-out 0.5s;
		        animation: marbleAfterIn 1.8s ease-out 0.5s;
		-webkit-animation-fill-mode: forwards;
		        animation-fill-mode: forwards;
}

/* #overload（遷移ホワイトアウト用） */
:where(.magique) .overload {
		position: fixed;
		z-index: 20000;
		inset: 0;
		margin: auto;
		display: block;
		width: 100%;
		height: 100vh;
		background: #FFF;
		pointer-events: none;
		opacity: 0;
}

:where(.magique) .overload.is-whiteOut {
		opacity: 1;
		-webkit-transition: opacity 0.7s;
		transition: opacity 0.7s;
}

/* #font-family
-------------------------------------- */
/* #Body用 Root設定 */
.magique {
		--ff-gothic: "Noto Sans JP", sans-serif;
		--ff-mincho: "Yu Mincho", serif;
		--ff-rounded: "M PLUS Rounded 1c", sans-serif;
}

/* #Macの場合だけ、ヒラギノ明朝指定（同時に指定すると、winで太さがおかしくなる） */
.magique.macos {
		--ff-hiragp: "Hiragino Kaku Gothic ProN", "Hiragino Sans";
		--ff-mincho: "Hiragino Mincho ProN", "Yu Mincho", serif;
}

/* #ベース・ゴシック体
-------------------------------------- */
.magique,
:where(.magique) :lang(ja-GP),
:where(.magique) :lang(ja-KumbGP) {
		font-family: "YakuHanJP", "Roboto", "Kumbh Sans", var(--ff-gothic);
}

:where(.magique) :lang(ja-HankGP) {
		font-family: "YakuHanJP", "Roboto", "Hanken Grotesk", var(--ff-gothic);
}

:where(.magique) :lang(ja-LatoGP) {
		font-family: "YakuHanJP", "Roboto", "Lato", var(--ff-gothic);
}

:where(.magique) :lang(ja-PopGP) {
		font-family: "YakuHanJP", "Roboto", "Poppins", var(--ff-gothic);
}

:where(.magique) :lang(ja-NotoGP) {
		font-family: "YakuHanJP", "Roboto", "Noto Sans", var(--ff-gothic);
}

/* #ゴシック体／等幅 */
:where(.magique) :lang(ja-MonoGP),
:where(.magique) :lang(ja-NotoMonoGP) {
		font-family: "Noto Sans Mono CJK JP", monospace;
}

/* #ゴシック体／縦書き */
:where(.magique) :lang(ja-VGP),
:where(.magique) :lang(ja-GenShinVGP) {
		font-family: "YakuHanJP", "Gen Shin Gothic", sans-serif;
}

/* #ゴシック体／その他 */
:where(.magique) :lang(ja-HiraGP) {
		font-family: "YakuHanJP", var(--ff-hiragp), var(--ff-gothic);
}

:where(.magique) :lang(ja-YuGP) {
		font-family: "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", sans-serif;
		font-weight: 500;
}

:where(.magique) :lang(ja-YuGP).bold,
:where(.magique) :lang(ja-YuGP) .bold {
		font-weight: 700;
}

:where(.magique) :lang(ja-MplsGP),
:where(.magique) :lang(ja-M1GP) {
		font-family: "YakuHanJP", "Lato", "M PLUS 1", sans-serif;
}

:where(.magique) :lang(ja-BizGP) {
		font-family: "YakuHanJP", "Roboto", "BIZ UDPGothic", sans-serif;
}

/* #明朝体
-------------------------------------- */
:where(.magique) :lang(ja-MP) {
		font-family: "YakuHanMP", var(--ff-mincho);
}

:where(.magique) :lang(ja-ShipMP) {
		font-family: "YakuHanMP", "Shippori Mincho OTF", "Shippori Mincho", serif;
}

:where(.magique) :lang(ja-NotoMP) {
		font-family: "YakuHanMP", "Noto Serif", "Noto Serif JP", serif;
}

:where(.magique) :lang(ja-BizMP) {
		font-family: "YakuHanMP", "Shippori Mincho B1", "BIZ UDPMincho", serif;
}

/* #サンセリフ体（英字）
-------------------------------------- */
:where(.magique) :lang(en-GP),
:where(.magique) :lang(en-JostGP) {
		font-family: "YakuHanJP", "Jost", var(--ff-gothic);
}

:where(.magique) :lang(en-SrcGP) {
		font-family: "YakuHanJP", "Source Sans Pro", var(--ff-gothic);
}

:where(.magique) :lang(en-NoblGP) {
		font-family: "YakuHanJP", "Nobel", "Urbanist", var(--ff-gothic);
}

:where(.magique) :lang(en-UrbnGP) {
		font-family: "YakuHanJP", "Urbanist", var(--ff-gothic);
}

:where(.magique) :lang(en-RoboFX) {
		font-family: "YakuHanJP", "Roboto Flex", var(--ff-gothic);
}

:where(.magique) :lang(en-OverGP) {
		font-family: "YakuHanJP", "Overused Grotesk", var(--ff-gothic);
}

:where(.magique) :lang(en-OnesGP) {
		font-family: "YakuHanJP", "Onest", var(--ff-gothic);
}

:where(.magique) :lang(en-HindGP) {
		font-family: "YakuHanJP", "Hind", var(--ff-gothic);
}

:where(.magique) :lang(en-A1GP) {
		font-family: "YakuHanJP", "Gothic A1", var(--ff-gothic);
}

:where(.magique) :lang(en-OfitGP) {
		font-family: "YakuHanJP", "Outfit", var(--ff-gothic);
}

:where(.magique) :lang(en-MontGP) {
		font-family: "YakuHanJP", "Montserrat", var(--ff-gothic);
}

:where(.magique) :lang(en-RaleGP) {
		font-family: "YakuHanJP", "Raleway", var(--ff-gothic);
}

:where(.magique) :lang(en-DDinGP) {
		font-family: "YakuHanJP", "D-DIN-PRO", var(--ff-gothic);
}

/* #Condensed
-------------------------------------- */
:where(.magique) :lang(en-CN),
:where(.magique) :lang(en-DiniCN) {
		font-family: "YakuHanJP", "Dinish Condensed", var(--ff-gothic);
}

:where(.magique) :lang(en-OswaCN) {
		font-family: "YakuHanJP", "Oswald", var(--ff-gothic);
}

:where(.magique) :lang(en-BebaCN) {
		font-family: "YakuHanJP", "Bebas Neue", var(--ff-gothic);
}

:where(.magique) :lang(en-SpGoCN) {
		font-family: "YakuHanJP", "Special Gothic Condensed One", var(--ff-gothic);
}

:where(.magique) :lang(en-RoboCN) {
		font-family: "YakuHanJP", "Roboto Condensed", var(--ff-gothic);
}

:where(.magique) :lang(en-LeagCN) {
		font-family: "YakuHanJP", "League Gothic", var(--ff-gothic);
}

:where(.magique) :lang(en-BarlCN) {
		font-family: "YakuHanJP", "Barlow Condensed", var(--ff-gothic);
}

/* #セリフ体（英字）
-------------------------------------- */
:where(.magique) :lang(en-MP),
:where(.magique) :lang(en-CinzMP) {
		font-family: "YakuHanMP", "Cinzel", "Shippori Mincho OTF", "Shippori Mincho", serif;
}

:where(.magique) :lang(en-SrcMP) {
		font-family: "YakuHanMP", "Source Serif Pro", "Shippori Mincho OTF", "Shippori Mincho", serif;
}

:where(.magique) :lang(en-RuhlMP) {
		font-family: "YakuHanMP", "Frank Ruhl Libre", "Shippori Mincho OTF", "Shippori Mincho", serif;
}

:where(.magique) :lang(en-BaskMP) {
		font-family: "YakuHanMP", "Libre Baskerville", "Shippori Mincho OTF", "Shippori Mincho", serif;
}

:where(.magique) :lang(en-BodoMP) {
		font-family: "YakuHanMP", "Libre Bodoni", "Shippori Mincho OTF", "Shippori Mincho", serif;
}

:where(.magique) :lang(en-CaslMP) {
		font-family: "YakuHanMP", "Libre Caslon Display", "Libre Caslon Text", "Shippori Mincho OTF", "Shippori Mincho", serif;
}

:where(.magique) :lang(en-CrimMP) {
		font-family: "YakuHanMP", "Crimson Text", "Shippori Mincho OTF", "Shippori Mincho", serif;
}

:where(.magique) :lang(en-CormMP) {
		font-family: "YakuHanMP", "Cormorant Infant", "Cormorant Garamond", "Shippori Mincho OTF", "Shippori Mincho", serif;
}

:where(.magique) :lang(en-PrFrMP) {
		font-family: "YakuHanMP", "Prata", "Playfair Display", "Shippori Mincho OTF", "Shippori Mincho", serif;
}

:where(.magique) :lang(en-CardMP) {
		font-family: "YakuHanMP", "Cardo", "Shippori Mincho OTF", "Shippori Mincho", serif;
}

:where(.magique) :lang(en-MarcMP) {
		font-family: "YakuHanMP", "Marcellus", "Shippori Mincho OTF", "Shippori Mincho", serif;
}

/* #筆記体 */
:where(.magique) :lang(en-CS),
:where(.magique) :lang(en-DancCS) {
		font-family: "YakuHanMP", "Dancing Script", cursive;
}

:where(.magique) :lang(en-AlluCS) {
		font-family: "YakuHanMP", "Allura", cursive;
}

:where(.magique) :lang(en-VibeCS) {
		font-family: "YakuHanMP", "Great Vibes", cursive;
}

:where(.magique) :lang(en-PetiCS) {
		font-family: "YakuHanMP", "Petit Formal Script", cursive;
}

:where(.magique) :lang(en-PinyCS) {
		font-family: "YakuHanMP", "Pinyon Script", cursive;
}

:where(.magique) :lang(en-TangCS) {
		font-family: "YakuHanMP", "Tangerine", cursive;
}

/* #丸文字 + ジャギ防止 */
:where(.magique) :lang(ja-RP),
:where(.magique) :lang(ja-M1RP) {
		font-family: "YakuHanRP", "M PLUS Rounded 1c", sans-serif;
		-webkit-transform: rotate(0.03deg);
		-ms-transform: rotate(0.03deg);
		    transform: rotate(0.03deg);
}

:where(.magique) :lang(ja-LineRP) {
		font-family: "YakuHanRP", "LINE Seed JP_OTF", sans-serif;
}

:where(.magique) :lang(ja-MoboRP).fw-200 {
		font-family: "YakuHanRP", "モボ-ExtraLight", sans-serif;
}

:where(.magique) :lang(ja-MoboRP) {
		font-family: "YakuHanRP", "モボ-Regular", sans-serif;
}

:where(.magique) :lang(ja-MoboRP).fw-600 {
		font-family: "YakuHanRP", "モボ-SemiBold", sans-serif;
}

:where(.magique) :lang(ja-MoboRP).fw-700 {
		font-family: "YakuHanRP", "モボ-Bold", sans-serif;
}

:where(.magique) :lang(ja-SRetRP) {
		font-family: "YakuHanRP", "Shin Retro Maru Gothic", sans-serif;
}

/* #プログラミングフォント */
:where(.magique) :lang(ja-CodeGP),
:where(.magique) :lang(ja-HackGP) {
		font-family: "HackGen", monospace;
}

/* #記号用フォント */
:where(.magique) :lang(ja-Sym),
:where(.magique) :lang(ja-NanuGP) {
		font-family: "Nanum Gothic", monospace;
}

/* #Nobr（wbr:keep-all;）
-------------------------------------- */
:where(.magique) :is(nobr, .nobr),
:where(.magique) *:has(> wbr) {
		display: block;
		white-space: nowrap;
		-ms-word-break: break-all;
		-webkit-line-break: after-white-space;
		word-wrap: break-word;
		overflow-wrap: break-word;
		overflow-wrap: anywhere;
		word-break: keep-all;
}

/* #文字装飾スタイル
-------------------------------------- */
/* #bold（太字） */
:where(.magique) b.bold,
:where(.magique) u.bold {
		font-weight: bold;
}

/* #bolder（親要素よりも相対的に1つ太く） */
:where(.magique) b,
:where(.magique) b.bolder,
:where(.magique) u.bolder {
		font-weight: bolder;
}

/* #underline（下線） */
:where(.magique) b.underline,
:where(.magique) u.underline {
		display: inline;
		text-decoration: underline solid currentColor;
		-webkit-text-decoration: underline solid currentColor;
		text-decoration-thickness: 1px;
		text-underline-offset: 5px;
}

/* #inline-block */
:where(.magique) i {
		display: inline-block;
}

/* #斜体 */
:where(.magique) i.italic {
		font-style: italic;
}

/* #strike（取り消し線） */
:where(.magique) s.strike {
		position: relative;
		text-decoration: line-through;
		text-decoration-style: solid;
		text-decoration-color: var(--c-text, hsl(223, 6%, 13%));
		text-decoration-thickness: 1px;
}

/* #マーカー（inline） */
:where(.magique) mark {
		background-image: -webkit-gradient(linear, left top, right top, from(hsla(60, 96%, 79%, 0.7)), to(hsla(60, 96%, 93%, 0.7)));
		background-image: linear-gradient(90deg, hsla(60, 96%, 79%, 0.7), hsla(60, 96%, 93%, 0.7));
		background-repeat: no-repeat;
		background-position: bottom;
		background-size: 100% 100%;
}

/* #引用（BOX） */
:where(.magique) blockquote {
		background: #ebebeb;
}

/* #引用 */
:where(.magique) q.quote {
		background: #ebebeb;
}

/* #コード系スタイル */
:where(.magique) code,
:where(.magique) kbd,
:where(.magique) pre,
:where(.magique) samp {
		background-color: var(--c-base-100, hsl(223, 6%, 93%));
		border-radius: 4px;
		font-size: 88%;
		padding: 0.0625em 0.25em;
		font-family: "HackGen", "PlemolJP", monospace;
}

/* #リンクスタイル
-------------------------------------- */
:where(.magique:not(.wp-admin)) a {
		display: inline-block;
		vertical-align: middle;
		text-decoration: none;
		outline: none;
		color: inherit;
		-webkit-transition: all 0.3s ease-in;
		transition: all 0.3s ease-in;
}

:where(.magique:not(.wp-admin)) :is([href], [onclick]) {
		cursor: pointer;
}

:where(.magique:not(.wp-admin)) :is([href], [onclick]),
:where(.magique:not(.wp-admin)) :is([href], [onclick])::before,
:where(.magique:not(.wp-admin)) :is([href], [onclick])::after {
		-webkit-transition: all 0.3s ease-in;
		transition: all 0.3s ease-in;
}

/* #:hover */
@media (any-hover: hover) {
		:where(.magique:not(.wp-admin)) :is([href], [onclick]):hover {
				opacity: 0.7;
		}
}
/* #PCのときは電話リンク無効 */
@media screen and (min-width: 744px) {
		:where(.magique:not(.wp-admin)) [href^="tel:"] {
				pointer-events: none;
				cursor: none;
		}
}
/* #フォームスタイル
-------------------------------------- */
/* #select, textarea, input（テキスト） */
:where(.magique) select,
:where(.magique) textarea,
:where(.magique) input:where([type=number],
[type=text],
[type=date],
[type=datetime-local],
[type=email],
[type=month],
[type=password],
[type=search],
[type=tel],
[type=time],
[type=url],
[type=week]) {
		max-width: 100%;
		border: 1px solid hsl(233, 13%, 84%);
		border-radius: 3px;
		background: var(--c-base, hsl(223, 6%, 100%));
		-webkit-box-shadow: inset 0 1px 1px hsla(0, 0%, 0%, 0.075);
		        box-shadow: inset 0 1px 1px hsla(0, 0%, 0%, 0.075);
		color: hsla(0, 0%, 0%, 0.7);
		font-size: var(--fz-ss);
		line-height: 1.5;
}

:where(.magique) input:where([type=text],
[type=date],
[type=datetime-local],
[type=email],
[type=month],
[type=password],
[type=search],
[type=tel],
[type=time],
[type=url],
[type=week]) {
		height: calc(2.5em + 2px);
		padding: 0.5em 0.75em;
}

:where(.magique) input:where([type=number]) {
		height: calc(2.5em + 2px);
		padding: 0.5em 0em 0.5em 0.5em;
		text-align: center;
}

:where(.magique) select {
		height: calc(2.5em + 2px);
		padding: 0.45em 0.75em;
}

:where(.magique) textarea {
		width: 100%;
		height: auto;
		padding: 0.5em 0.5em;
}

/* #:placeholder-shown */
:where(.magique) textarea:-moz-placeholder-shown, :where(.magique) input:where([type=number],
[type=text],
[type=date],
[type=datetime-local],
[type=email],
[type=month],
[type=password],
[type=search],
[type=tel],
[type=time],
[type=url],
[type=week]):-moz-placeholder-shown {
		background: var(--c-secondary);
		color: hsla(0, 0%, 0%, 0.26);
}
:where(.magique) textarea:-ms-input-placeholder, :where(.magique) input:where([type=number],
[type=text],
[type=date],
[type=datetime-local],
[type=email],
[type=month],
[type=password],
[type=search],
[type=tel],
[type=time],
[type=url],
[type=week]):-ms-input-placeholder {
		background: var(--c-secondary);
		color: hsla(0, 0%, 0%, 0.26);
}
:where(.magique) select.placeholder-shown,
:where(.magique) textarea:placeholder-shown,
:where(.magique) input:where([type=number],
[type=text],
[type=date],
[type=datetime-local],
[type=email],
[type=month],
[type=password],
[type=search],
[type=tel],
[type=time],
[type=url],
[type=week]):placeholder-shown {
		background: var(--c-secondary);
		color: hsla(0, 0%, 0%, 0.26);
}

/* #:focus */
:where(.magique) select:focus,
:where(.magique) textarea:focus,
:where(.magique) input:where([type=number],
[type=text],
[type=date],
[type=datetime-local],
[type=email],
[type=month],
[type=password],
[type=search],
[type=tel],
[type=time],
[type=url],
[type=week]):focus {
		background: var(--c-base, hsl(223, 6%, 100%));
		color: hsl(0, 0%, 0%);
}

/* #::placeholder */
:where(.magique) :is(textarea, input)::-moz-placeholder {
		color: rgba(0, 0, 0, 0.26);
}

:where(.magique) :is(textarea, input)::-webkit-input-placeholder {
		color: rgba(0, 0, 0, 0.26);
}

/* #::placeholder:focus */
:where(.magique) :is(textarea, input):focus::-moz-placeholder {
		color: transparent;
}

:where(.magique) :is(textarea, input):focus::-webkit-input-placeholder {
		color: transparent;
}

/* #[readonly] */
:where(.magique) select[readonly],
:where(.magique) textarea[readonly],
:where(.magique) input[readonly]:where([type=number],
[type=text],
[type=date],
[type=datetime-local],
[type=email],
[type=month],
[type=password],
[type=search],
[type=tel],
[type=time],
[type=url],
[type=week]) {
		background: var(--c-secondary);
		cursor: not-allowed;
		outline: none;
}

/* #[readonly]:focus */
:where(.magique) select[readonly]:focus,
:where(.magique) textarea[readonly]:focus,
:where(.magique) input[readonly]:where([type=number],
[type=text],
[type=date],
[type=datetime-local],
[type=email],
[type=month],
[type=password],
[type=search],
[type=tel],
[type=time],
[type=url],
[type=week]):focus {
		background: var(--c-secondary);
		color: hsla(0, 0%, 0%, 0.26);
		cursor: not-allowed;
		outline: none;
}

/* #[readonly]::placeholder:focus */
:where(.magique) :is(textarea, input)[readonly]:focus::-moz-placeholder {
		color: rgba(0, 0, 0, 0.26);
}

:where(.magique) :is(textarea, input)[readonly]:focus::-webkit-input-placeholder {
		color: rgba(0, 0, 0, 0.26);
}

/* #ラジオボタン・チェックボックス */
:where(.magique) input:where([type=radio],
[type=checkbox]) {
		-ms-flex-negative: 0;
		    flex-shrink: 0;
		position: relative;
		display: inline-block;
		accent-color: var(--c-assort-pl-600);
		width: 1em;
		height: 1em;
		margin-right: 0.25em;
}

/* #ラベル・ボタン */
:where(.magique) label {
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
}

:where(.magique) button {
		-webkit-appearance: none;
		   -moz-appearance: none;
		        appearance: none;
		margin: 0;
		padding: 0;
		color: inherit;
		border: none;
		outline: none;
		background: none;
}