@charset "utf-8";

/* CSSカスタムプロパティ var > */
:root {
	--n-line-height: 2;
	--n-line-height-calc: 200%;

	/*下三角アイコン*/
	--n-img-tri-down: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M6.832,13.376a1.245,1.245,0,0,0,2.336,0l5.677-9.593c.642-1.085.118-1.973-1.165-1.973H2.32C1.037,1.81.513,2.7,1.155,3.783Z' /%3E%3C/svg%3E");
}

/* < CSSカスタムプロパティ var */

/* 画像 アスペクト比 > */
img {
	aspect-ratio: attr(width type(<number>)) / attr(height type(<number>));
}

/* < 画像 アスペクト比 */



/*  ポスト投函>> */
.n-mailfit, .n-maindiv .n-mailfit {
	background: var(--n-bg);
	border-radius: 2em;
	border: 2px solid var(--n-txtlite);
	color: var(--n-txt);
	font-size: 1.125rem;
	line-height: 1;
	margin: 1em auto;
	max-width: 510px;
	padding: .5em 0 .75em 0;
	text-align: center;
}

.n-mailfit span {
	display: inline-block;
	vertical-align: baseline;
}

.n-mailfit strong {
	color: var(--n-txtlite);
}

.n-mailfit strong span {
	display: inline;
	font-size: 2em;
}

/* <<ポスト投函 */
/* メール選択>> */
.n-mail, section#itemDetail-wrap .description .n-mail {
	color: var(--n-txt);
	container: n-mail-container / inline-size;
	font-size: 1.125rem;
	margin-bottom: 3em;
	text-align: right;
}

.n-maindiv .n-mail {
	font-size: 1em;
}

.n-mail-kanou img {
	border-radius: .25em;
	box-sizing: border-box;
	margin: 1em 0 0 1em;
	width: 12em;
}

.n-mail strong {
	color: var(--n-txtlite);
	display: inline-block;
	font-size: 1.5em;
	font-weight: 600;
}

.n-mail-chui {
	font-size: .875em;
	text-align: left;
}

@container n-mail-container (width > 34em) {
	.n-mail-chui {
		text-align: right;
	}

	.n-mail-chui span {
		display: block;
	}
}
/* <<メール選択 */


/* メーカー直送品>> */
.n-maker-chokuso {
	text-align: center;
}

.n-maker-chokuso img {
	max-width: 100%;
	height: auto;
	width: 480px;
}

.n-maker-chokuso {
	margin: 0 0 4em;
}

/* <<メーカー直送品 */



/**** ページ用お知らせ >> ****/
.n-pgoshirase {
	margin: 1em 0;
}

.n-pgoshirase img {
	width: 100%;
}

/**** << ページ用お知らせ ****/




/**** n-mainfont> ****/
.n-maindiv {
	color: var(--n-txt);
	font-feature-settings: "palt", "kern", "ccmp";
	font-size: 1.125rem;
	line-break: strict;
	line-height: 2;
	line-height: var(--n-line-height);
	overflow-wrap: anywhere;
	text-align: left;
}

@media (min-width:16em) {
	.n-maindiv {
		text-wrap: pretty;
		word-break: auto-phrase;
	}
}

.n-maindiv, .n-cathd, .n-fontsans, .n-fontsans-b {
	font-family: '游ゴシック', 'Yu Gothic', YuGothic, '游ゴシック体', 'Noto Sans CJK JP', 'Source Han Sans JP', 'Noto Sans CJK JP Regular', 'Yu Gothic UI', 'Hiragino Sans W3', 'Hiragino Sans', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', 'Hiragino Kaku Gothic Pro', system-ui, 'Meiryo', '小塚ゴシック Pr6N', 'ＭＳ Ｐゴシック', 'MS UI Gothic', 'MS Gothic', sans-serif;
	font-weight: 400;
}

.n-fontsans-b {
	font-weight: 500;
}

.n-fontserif, .n-maindiv .n-fontserif,
.n-mainhd-title, .n-maindiv .n-mainhd-title {
	font-family: 'Noto Serif JP', '小塚明朝 Pr6N', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'ＭＳ Ｐ明朝', 'MS PMincho', 'serif';
	font-weight: 400;
}

.n-f-scap {
	font-variant-caps: small-caps;
}

/**** <<n-mainfont ****/



/**** カテゴリー用 n-cathd>> ****/
.n-cathd {
	font-size: 1.125rem;
}

.n-cathd-img {
	margin: 0 0 1em;
}

.n-cathd-img img {
	height: auto;
	width: 100%;
}

.n-cathd-txt {
	color: var(--n-txt);
	font-size: 1.5em;
	font-weight: 400;
	line-height: var(--n-line-height);
	margin: 1em auto;
	max-width: 40em;
	padding: 1em;
}

.n-cathd-txt p {
	margin: 0 0 1em;
	padding: 0;
}

/**** <<カテゴリー用 n-cathd ****/


/**** カテゴリー用>> n-maindivに追加 ****/
.n-maindiv--cat {
	font-size: 1.2222222222rem;
}

/**** <<カテゴリー用 ****/


/**** カテゴリー用>> n-catmainlink ****/
.n-catmainlink {
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	line-height: 1;
	margin: 1em 0;
}

.n-catmainlink img {
	max-width: 100%;
}

.n-catmainlink>a {
	display: inline-block;
	flex: 1 1 50%;
	margin: 0 0 .5em;
	padding: 0;
	transition: opacity .25s ease;
	width: 48%;
}

.n-catmainlink>a:hover {
	opacity: .8;
}

/**** <<カテゴリー用 n-catmainlink ****/



/**** このページのサイズ >> ****/

.n-mainhd-size {
	border: 2px solid var(--n-decoli3);
	color: var(--n-txtgrey);
	font-size: 1.2222222222em;
	font-size: clamp(1.2222222222em, 3.5vw, 1.5em);
	font-size: clamp(1.2222222222em, 3.7cqi, 1.5em);
	font-weight: 600;
	line-height: clamp(calc(var(--n-line-height-calc) * 0.8), -1vw, calc(var(--n-line-height-calc) * 0.9));
	line-height: clamp(calc(var(--n-line-height-calc) * 0.8), -2cqi, calc(var(--n-line-height-calc) * 0.9));
	margin-bottom: 1.5em;
	padding: .2em;
	text-align: center;
}

.n-mainhd-size span {
	display: inline-block
}

.n-mainhd-sizename {
	color: var(--n-txtlite);
}

/****　<< このページのサイズ ****/


.n-mainhd-catch {
	color: var(--n-txt);
	font-size: 1em;
	font-size: clamp(1em, 1.5vw, 1.2222222222em);
	font-size: clamp(1em, 1.7cqi, 1.2222222222em);
	font-weight: 500;
	line-height: clamp(calc(var(--n-line-height-calc) * 0.9), -1vw, var(--n-line-height-calc));
	line-height: clamp(calc(var(--n-line-height-calc) * 0.9), -2cqi, var(--n-line-height-calc));
	margin-left: 0;
	margin-right: 0;
	text-align: center;
}

.n-mainhd-title, .n-maindiv .n-mainhd-title {
	color: var(--n-txt);
	font-size: 2em;
	font-size: clamp(1.666667em, 5vw, 2.5em);
	font-size: clamp(1.666667em, 7cqi, 2.5em);
	font-weight: 600;
	line-height: clamp(calc(var(--n-line-height-calc) * 0.625), -1vw, calc(var(--n-line-height-calc) * 0.75));
	line-height: clamp(calc(var(--n-line-height-calc) * 0.625), -2cqi, calc(var(--n-line-height-calc) * 0.75));
	margin-left: 0;
	margin-right: 0;
	margin-top: 1.5rem;
	padding-bottom: 0;
	text-align: center;
	width: 100%;
}

.n-mainhd-title+*, .n-mainhd-title+.n-maindiv * {
	margin-top: 2.5em;
}

.n-mainhd-title+.n-mainhd-type, .n-mainhd-title+p.n-mainhd-type, .n-mainhd-title+.n-maindiv .n-mainhd-type {
	margin-top: 2rem;
}

.n-mainhd-title_extra, .n-mainhd-title .n-mainhd-title_extra {
	display: block;
	font-size: .777777777rem;
	font-size: max(.44444444em, .777777777rem);
	line-height: 1.2;
}

.n-mainhd-type, .n-maindiv p.n-mainhd-type {
	background: var(--n-bgd2);
	color: var(--n-bgdtxt);
	font-size: 1.25em;
	font-size: clamp(1.25em, 5vw, 1.75em);
	font-size: clamp(1.25em, 7cqi, 1.75em);
	font-weight: 300;
	line-height: clamp(calc(var(--n-line-height-calc) * 0.625), -1vw, calc(var(--n-line-height-calc) * 0.75));
	line-height: clamp(calc(var(--n-line-height-calc) * 0.625), -2cqi, calc(var(--n-line-height-calc) * 0.75));
	margin-bottom: 2em;
	margin-left: 0;
	margin-right: 0;
	padding: .125em;
	text-align: center;
	width: 100%;
}


.n-mainhd-catch span, .n-mainhd-title span, .n-mainhd-type span {
	display: inline-block
}

.n-mainhd-img {
	margin-bottom: 1em;
	text-align: center;
}

.n-mainhd-img img {
	max-width: 100%;
}

/*お知らせ系 背景色ありBOX*/
.n-mainhd-bg {
	background-color: hsl(var(--n-bgacc_h, var(--n-acc_h, var(--n-bgli2_h))) var(--n-bgacc_s, var(--n-acc_s, var(--n-bgli2_s))) var(--n-bgacc_l, var(--n-bgli2_l)));
	padding: 1em;
	margin-bottom: 2em;
	color: var(--n-txt);
	font-size: 1em;
	font-size: clamp(1em, 1.5vw, 1.2222222222em);
	font-size: clamp(1em, 1.5cqi, 1.2222222222em);
	font-weight: 400;
	line-height: clamp(calc(var(--n-line-height-calc) * 0.9), -1vw, var(--n-line-height-calc));
	line-height: clamp(calc(var(--n-line-height-calc) * 0.9), -1cqi, var(--n-line-height-calc));
	text-align: center;
}

.n-mainhd-bg h4 {
	text-align: center;
	font-size: 1.2222222222em;
	font-size: clamp(1.2222222222em, 3.5vw, 1.5em);
	font-size: clamp(1.2222222222em, 3.5cqi, 1.5em);
	font-weight: 600;
	line-height: clamp(calc(var(--n-line-height-calc) * 0.8), -1vw, calc(var(--n-line-height-calc) * 0.9));
	line-height: clamp(calc(var(--n-line-height-calc) * 0.8), -1cqi, calc(var(--n-line-height-calc) * 0.9));
}

/**** n-mainhd-preorder >> ****/

.n-mainhd-preorder {
	overflow-wrap: anywhere;
	border: 2px solid hsl(var(--n-acc_h, var(--n-decoli3_h)) var(--n-acc_s, var(--n-decoli3_s)) var(--n-acc_l, var(--n-decoli3_l)));
	padding: 1em;
	padding: 1em min(10%, 1em);
	margin-bottom: 2em;
	color: var(--n-txt);
	font-size: 1em;
	font-size: clamp(1em, 1.5vw, 1.5em);
	font-size: clamp(1em, 1.5cqi, 1.5em);
	font-weight: 400;
	line-height: clamp(calc(var(--n-line-height-calc) * 0.9), -1vw, var(--n-line-height-calc));
	line-height: clamp(calc(var(--n-line-height-calc) * 0.9), -1cqi, var(--n-line-height-calc));
	text-align: center;
}

.n-mainhd-preorder span {
	display: inline-block;
}

.n-mainhd-preorder h4 {
	text-align: center;
	font-size: 1.25em;
	font-size: clamp(1.25em, 3.5vw, 1.5em);
	font-size: clamp(1.25em, 3.5cqi, 1.5em);
	font-weight: 600;
	line-height: clamp(calc(var(--n-line-height-calc) * 0.8), -1vw, calc(var(--n-line-height-calc) * 0.9));
	line-height: clamp(calc(var(--n-line-height-calc) * 0.8), -1cqi, calc(var(--n-line-height-calc) * 0.9));
}

.n-mainhd_max {
	margin: 0 auto;
	max-width: 25em;
}

.n-mainhd-preorder_hl {
	color: var(--n-txtlite);
	font-size: 1em;
	font-size: clamp(1em, 1.5vw, 1.6875em);
	font-size: clamp(1em, 1.5cqi, 1.6875em);
	line-height: clamp(calc(var(--n-line-height-calc) * 0.9), -1vw, var(--n-line-height-calc));
	line-height: clamp(calc(var(--n-line-height-calc) * 0.9), -1cqi, var(--n-line-height-calc));
	font-weight: 500;
}

@media(max-width:640px) {
	.n-mainhd-preorder {
		text-align: left;
	}
}

/**** << n-mainhd-preorder ****/



/**** n-maindiv> ****/
@media(min-width:968px) {
	body {
		overflow-x: hidden;
	}
}

.n-maindiv, .n-maindiv * {
	box-sizing: border-box;
}

.n-maindiv *::after, .n-maindiv *::before {
	box-sizing: inherit;
}

.n-maindiv {
	container-type: inline-size;
	margin: 1em auto;
	width: 760px;
	max-width: 100%;
}

/** maindivサイズ> **/
#n-fw-main.n-maindiv,
#main-column .n-maindiv,
.n-maindiv--960, .n-rms .n-maindiv.n-maindiv--960 {
	width: 960px;
}

.n-maindiv--vid, .n-rms .n-maindiv.n-maindiv--vid {
	width: 914px;
}

.n-maindiv--530,
.n-rms .n-maindiv.n-maindiv--530, .n-rms .n-maindiv.n-maindiv--530.n-maindiv--vid {
	width: 530px;
}

.n-rms .n-maindiv, .n-maindiv--760, #n-fw-main.n-maindiv.n-maindiv--760 {
	width: 760px;
}

@media (max-width:1000px) {
	.n-maindiv--vid, .n-rms .n-maindiv.n-maindiv--vid {
		width: 760px;
	}
}

/** <maindivサイズ **/


/** p >> **/
p {
	margin-top: 0;
	margin-bottom: 1em;
	margin-left: 0;
	margin-right: 0;
}

p:last-child {
	margin-bottom: 0;
}

/** << p **/

/**** n-font> ****/

.n-font-4r,
.n-font-4 {
	font-size: 2em;
	font-size: clamp(1.666667em, 5vw, 4.333333333em);
	font-size: clamp(1.666667em, calc(.111112em + 7cqi), 4.333333333em);
	font-weight: 600;
	line-height: clamp(calc(var(--n-line-height-calc) * 0.625), -1vw, calc(var(--n-line-height-calc) * 0.75));
	line-height: clamp(calc(var(--n-line-height-calc) * 0.625), -2cqi, calc(var(--n-line-height-calc) * 0.75));
}

.n-font-3r,
.n-font-3 {
	font-size: 2em;
	font-size: clamp(1.5em, 5vw, 3.111111111em);
	font-size: clamp(1.5em, 7cqi, 3.111111111em);
	font-weight: 600;
	line-height: clamp(calc(var(--n-line-height-calc) * 0.625), -1vw, calc(var(--n-line-height-calc) * 0.75));
	line-height: clamp(calc(var(--n-line-height-calc) * 0.625), -2cqi, calc(var(--n-line-height-calc) * 0.75));
}

.n-font-2r,
.n-font-2 {
	font-size: 2em;
	font-size: clamp(1.333333333em, 5vw, 2.333333333em);
	font-size: clamp(1.333333333em, 7cqi, 2.333333333em);
	font-weight: 600;
	line-height: clamp(calc(var(--n-line-height-calc) * 0.625), -1vw, calc(var(--n-line-height-calc) * 0.75));
	line-height: clamp(calc(var(--n-line-height-calc) * 0.625), -2cqi, calc(var(--n-line-height-calc) * 0.75));
}

.n-font-1r,
.n-font-1 {
	font-size: 1.2222222222em;
	font-size: clamp(1.2222222222em, 3.5vw, 1.5em);
	font-size: clamp(1.2222222222em, 3.7cqi, 1.5em);
	font-weight: 600;
	line-height: clamp(calc(var(--n-line-height-calc) * 0.8), -1vw, calc(var(--n-line-height-calc) * 0.9));
	line-height: clamp(calc(var(--n-line-height-calc) * 0.8), -2cqi, calc(var(--n-line-height-calc) * 0.9));
}

.n-font-0_2r,
.n-font-0_2 {
	font-size: 1em;
	font-size: clamp(1em, 1.5vw, 1.22222222222em);
	font-size: clamp(1em, 1.7cqi, 1.22222222222em);
	font-weight: 600;
	line-height: clamp(calc(var(--n-line-height-calc) * 0.9), -1vw, var(--n-line-height-calc));
	line-height: clamp(calc(var(--n-line-height-calc) * 0.9), -2cqi, var(--n-line-height-calc));
}

.n-font-4r,
.n-font-3r,
.n-font-2r,
.n-font-1r,
.n-font-0_2r {
	font-weight: 400;
}

.n-font-0 {
	font-size: 1em;
}

.n-fsub {
	font-size: .75em;
}

.n-fsub2 {
	font-size: .875rem;
	font-size: max(.44444444em, .875rem);
}

.n-maindiv sup {
	display: inline-block;
	position: relative;
	font-size: .75em;
	top: -0.5em;
	vertical-align: baseline;
	line-height: 1;
}

.n-txt-compact {
	/*行間近めの通常サイズ文字になる*/
	line-height: 1.5;
}

.n-font-space {
	/*文字の字間を広げる*/
	letter-spacing: 0.05em;
}

/** <n-font **/



.n-bg-grey, html.n-bg-grey, body.n-bg-grey, div.n-bg-grey, .n-maindiv .n-bg-grey {
	background-color: #fcfcfc;
	background-color: var(--n-bggrey3);
}

.n-bg-pink, .n-maindiv .n-bg-pink {
	background-color: hsl(var(--n-bgacc_h, var(--n-acc_h, var(--n-bgli2_h))) var(--n-bgacc_s, var(--n-acc_s, var(--n-bgli2_s))) var(--n-bgacc_l, var(--n-bgli2_l)));
}

.n-bg-peke, .n-maindiv .n-bg-peke {
	background-image: url(theme-img/fw-bgc-peke.svg);
	background-repeat: repeat;
}

.n-border-rh {
	border-radius: .5em;
}

.n-border-r1 {
	border-radius: 1em;
}

.n-border-pink {
	border: 1px solid var(--n-decoli);
}

.n-border-pink-2 {
	border: 2px solid var(--n-decoli);
}

ul.n-bg-pink {
	padding: 2em;
	margin: 1em;
}

.n-bg-l1, .n-bg-l2, .n-bg-r1, .n-bg-r2 {
	background-repeat: no-repeat;
}

.n-bg-l1-sq, .n-bg-l2-sq, .n-bg-r1-sq, .n-bg-r2-sq {
	background-repeat: no-repeat;
	background-size: contain;
}

.n-bg-l1 {
	background-image: url(theme-img/n-bg-l1.svg);
}

.n-bg-l2 {
	background-image: url(theme-img/n-bg-l2.svg);
}

.n-bg-r1 {
	background-image: url(theme-img/n-bg-r1.svg);
}

.n-bg-r2 {
	background-image: url(theme-img/n-bg-r2.svg);
}

.n-bg-l1-sq {
	background-image: url(theme-img/n-bg-l1-sq.svg);
	background-position: bottom left;
}

.n-bg-l2-sq {
	background-image: url(theme-img/n-bg-l2-sq.svg);
	background-position: bottom left;
}

.n-bg-r1-sq {
	background-image: url(theme-img/n-bg-r1-sq.svg);
	background-position: bottom right;
}

.n-bg-r2-sq {
	background-image: url(theme-img/n-bg-r2-sq.svg);
	background-position: bottom right;
}

@supports (background-color:lch(1% 1 360)) {
	.n-bg-l1 {
		background-image: url(theme-img/n-bg-l1-lch.svg)
	}

	.n-bg-l2 {
		background-image: url(theme-img/n-bg-l2-lch.svg)
	}

	.n-bg-r1 {
		background-image: url(theme-img/n-bg-r1-lch.svg)
	}

	.n-bg-r2 {
		background-image: url(theme-img/n-bg-r2-lch.svg)
	}

	.n-bg-l1-sq {
		background-image: url(theme-img/n-bg-l1-sq-lch.svg)
	}

	.n-bg-l2-sq {
		background-image: url(theme-img/n-bg-l2-sq-lch.svg)
	}

	.n-bg-r1-sq {
		background-image: url(theme-img/n-bg-r1-sq-lch.svg)
	}

	.n-bg-r2-sq {
		background-image: url(theme-img/n-bg-r2-sq-lch.svg)
	}
}


@media (max-width:500px) {
	.n-bg-pc {
		background-image: none;
	}
}

.n-bg-zure,
.n-bg-zure.n-center {
	display: block;
	position: relative;
	color: hsl(var(--n-acc_h, var(--n-txtlite_h)) var(--n-acc_s, var(--n-txtlite_s)) var(--n-acc_l, var(--n-txtlite_l)));
	z-index: 3;
	padding: .5em 1em;
	padding: .5em min(10%, 1em);
	margin: 1em .5em;
	margin: .5em min(10%, 1em);
}

.n-bg-zure::after {
	content: "";
	z-index: -2;
	position: absolute;
	border: 2px solid;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.n-bg-zure::before {
	content: "";
	z-index: -2;
	position: absolute;
	background: hsl(var(--n-acc_h, var(--n-bgli_h)) var(--n-acc_s, var(--n-bgli_s)) var(--n-bgacc_l, var(--n-bgli_l)));
	width: 100%;
	height: 100%;
	top: .25em;
	left: .25em;
}

.n-bg-zure>p,
.n-maindiv .n-bg-zure>p {
	margin-bottom: 0;
}


.n-bigbutton,
a.n-bigbutton,
.n-maindiv a.n-bigbutton {
	display: block;
	z-index: 3;
	padding: .5em 1em;
	margin: 3em auto;
	font-size: 1.2222222222em;
	font-size: clamp(1.2222222222em, 3.5vw, 1.5em);
	font-size: clamp(1.2222222222em, 5cqi, 1.5em);
	font-weight: 600;
	line-height: clamp(calc(var(--n-line-height-calc) * 0.8), -1vw, calc(var(--n-line-height-calc) * 0.9));
	line-height: clamp(calc(var(--n-line-height-calc) * 0.8), -2cqi, calc(var(--n-line-height-calc) * 0.9));
	text-align: center;
	background: hsl(var(--n-acc_h, var(--n-bggrey_h)) var(--n-acc_s, var(--n-bggrey_s)) var(--n-bgacc_l, var(--n-bggrey_l)));
	border: hsl(var(--n-acc_h, var(--n-decogrey3_h)) var(--n-acc_s, var(--n-decogrey3_s)) var(--n-acc_l, var(--n-decogrey3_l))) .075em solid;
	width: 90%;
	border-radius: 2em;
	position: relative;
	transform-style: preserve-3d;
	transition: background .1s ease;
}

.n-bigbutton.n-bigbutton--pink,
a.n-bigbutton.n-bigbutton--pink,
.n-maindiv a.n-bigbutton.n-bigbutton--pink {
	background: var(--n-bgli2);
	border: var(--n-decoli) .075em solid;
}

.n-bigbutton.n-bigbutton--white,
a.n-bigbutton.n-bigbutton--white,
.n-maindiv a.n-bigbutton.n-bigbutton--white {
	background: var(--n-bg);
	border: var(--n-decoli) .075em solid;
}

.n-bigbutton,
a.n-bigbutton,
.n-maindiv a.n-bigbutton,
a.n-bigbutton span,
.n-maindiv a.n-bigbutton span,
a.n-bigbutton:visited,
.n-maindiv a.n-bigbutton:visited,
a.n-bigbutton:hover,
.n-maindiv a.n-bigbutton:hover,
a.n-bigbutton:visited span,
.n-maindiv a.n-bigbutton:visited span,
a.n-bigbutton:hover span,
.n-maindiv a.n-bigbutton:hover span {
	text-decoration: none;
	color: hsl(var(--n-acc_h, var(--n-txt_h)) var(--n-acc_s, var(--n-txt_s)) var(--n-acc_l, var(--n-txt_l)));
}

.n-bigbutton.n-bigbutton--pink,
a.n-bigbutton.n-bigbutton--pink,
.n-maindiv a.n-bigbutton.n-bigbutton--pink,
a.n-bigbutton.n-bigbutton--pink span,
.n-maindiv a.n-bigbutton.n-bigbutton--pink span,
a.n-bigbutton.n-bigbutton--pink:visited,
.n-maindiv a.n-bigbutton.n-bigbutton--pink:visited,
a.n-bigbutton.n-bigbutton--pink:hover,
.n-maindiv a.n-bigbutton.n-bigbutton--pink:hover,
a.n-bigbutton.n-bigbutton--pink:visited span,
.n-maindiv a.n-bigbutton.n-bigbutton--pink:visited span,
a.n-bigbutton.n-bigbutton--pink:hover span,
.n-maindiv a.n-bigbutton.n-bigbutton--pink:hover span {
	text-decoration: none;
	color: var(--n-txtlite);
}

a.n-bigbutton span,
.n-maindiv a.n-bigbutton span {
	display: inline-block;
}

.n-bigbutton::before {
	position: absolute;
	content: "";
	background-color: var(--n-decogrey);
	top: .375em;
	height: 100%;
	width: 100%;
	display: block;
	left: 0;
	border-radius: 2em;
	transform: translateZ(-1px) scale(.975);
	filter: blur(.25em);
}

a.n-bigbutton:hover,
.n-maindiv a.n-bigbutton:hover {
	background-color: var(--n-bg);
}

.n-bigbutton.n-bigbutton--white:hover,
a.n-bigbutton.n-bigbutton--white:hover,
.n-maindiv a.n-bigbutton.n-bigbutton--white:hover {
	border: hsl(var(--n-acc_h, var(--n-txtlite_h)) var(--n-acc_s, var(--n-txtlite_s)) var(--n-acc_l, var(--n-txtlite_l))) .075em solid;
}

/*グレーのボタンリンク*/
.n-button-g {
	background-color: var(--n-bggrey);
	display: inline-block;
	padding: 1% 5%;
	transition: background-color .125s ease;
}

.n-button-g:is(:hover, :focus) {
	background-color: var(--n-bgli2);
}

/*ドロップシャドウをつける*/
.n-dshadow {

	box-shadow: 5px 5px 25px -7px rgba(0, 0, 0, 0.3);
}

/*右向き三角アイコン*/
.tri-right {

	display: inline-block;
	height: 0;
	width: 0;
	margin-top: -.125em;
	margin-right: .125em;
	border: .375em solid transparent;
	border-left: .675em solid hsl(var(--n-acc_h, var(--n-decogrey3_h)) var(--n-acc_s, var(--n-decogrey3_s)) var(--n-acc_l, var(--n-decogrey3_l)));
	border-right-width: 0;
	vertical-align: middle;
}

.tri-right.tri-right--rem {
	border-width: .575rem;
	border-left-width: .975rem;
	border-right-width: 0;
}

.tri-right+span {
	vertical-align: middle;
}


.n-maindiv img {
	margin-left: 0;
	margin-right: 0;
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
	border-width: 0;
}

.n-slice-img {
	margin: 0;
	padding: 0;
	border: 0;
	line-height: 1;
	display: block;
}

.n-maindiv a, .n-maindiv a span {
	text-decoration: underline;
	color: var(--n-link);
}

.n-maindiv a:visited, .n-maindiv a:visited span {
	color: var(--n-linkv);
}

.n-maindiv a:hover, .n-maindiv a:focus, .n-maindiv a:hover span, .n-maindiv a:focus span {
	color: var(--n-linkh);
}

.n-maindiv a:hover img, .n-maindiv a:focus img {
	opacity: .8;
}


.n-maindiv table {
	border-collapse: collapse;
	border-spacing: 0;
	margin-top: 1em;
	margin-bottom: 1em;
	color: inherit;
	font-size: inherit;
	line-height: var(--n-line-height);
}

.n-maindiv table th, .n-maindiv table td {
	vertical-align: top;
	text-align: left;
}


.n-maindiv hr {
	border: 0;
	border-top: 1px solid var(--n-decogrey3);
	display: block;
}

.n-maindiv h4, .n-maindiv h5, .n-maindiv h6 {
	font-weight: 600;
	margin-top: 1em;
	margin-bottom: 1em;
}


.n-maindiv ul {
	list-style-type: disc;
	margin-left: 1em;
	margin-left: min(10%, 1em);
}

.n-maindiv ol {
	list-style-type: decimal;
	margin-left: 1em;
	margin-left: min(10%, 1em);
}

.n-maindiv ul:has(+ p), .n-maindiv ol:has(+ p) {
	margin-bottom: 1em;
}

.n-maindiv ul li, .n-maindiv ol li {
	margin-left: 0.5em;
	margin-right: 1em;
}

.n-inline-list li {
	display: inline-block;
}

ul.n-inline-list li::before {
	content: "\002022";
	margin-right: 1em;
}

ul.n-list-ez-read, ol.n-list-ez-read {
	margin-top: 2em;
	margin-bottom: 3em;
}

.n-list-ez-read li,
.n-maindiv ul.n-list-ez-read li,
.n-maindiv ol.n-list-ez-read li {
	margin-bottom: 2em;
	margin-left: 1em;
}

.n-list-square li {
	list-style-type: square;
}

.n-list-circle li {
	list-style-type: circle;
}

.n-list-none li {
	list-style-type: none;
}

.n-list-line li, .n-maindiv .n-list-line li {
	margin-bottom: 1em;
	padding-bottom: 1em;
	border-bottom: 1px solid var(--n-decogrey);
}

.n-list-line.n-list-ez-read li, .n-maindiv .n-list-line.n-list-ez-read li {
	margin-bottom: 1em;
}

.kochira-no-shouhin {
	margin: 1em 0;
	padding: 1em;
	padding: 1em min(10%, 1em);
	border: 2px solid currentColor;
	border-radius: .25em;
	text-align: justify;
}

@supports (word-break:auto-phrase) {
	.kochira-no-shouhin {
		text-align: left;
	}
}

.kochira-no-shouhin .un-b {
	text-align: left
}

.kochira-title {
	text-align: center;
	font-size: 1.2222222222em;
	font-size: clamp(1.2222222222em, 3.5vw, 1.5em);
	font-size: clamp(1.2222222222em, 3.5cqi, 1.5em);
	font-weight: 500;
	margin: 0 0 .75em;
}

.kochira-title span {
	display: inline-block;
}

.kochira-no-shouhin ul {
	margin-bottom: 1em;
}

h4.n-hd, h5.n-hd, h6.n-hd,
.n-productinfo caption, .n-jushi caption {
	margin: 2em 0 1em;
	font-weight: 600;
	font-size: 1em;
	color: var(--n-txt);
	background: var(--n-bggrey);
	text-align: left;
	padding: 0 .25em;
}

.n-hd::before, .n-maindiv .n-hd::before,
.n-productinfo caption::before, .n-jushi caption::before {
	background: var(--n-txt);
	content: "";
	width: .3em;
	height: 1.25em;
	display: inline-block;
	vertical-align: middle;
	margin: .5em .5em .5em .25em;
}

.n-hd.n-hd-chui,
.n-productinfo.n-hd-chui caption {
	background-color: var(--n-bgli);
}



.n-ez-read {
	padding: 0 3em;
}

.n-ez-read p {
	margin-bottom: 1em;
}

.n-maindiv--530 .n-ez-read {
	padding: 0 .5em;
}

@media (max-width:700px) {
	.n-ez-read {
		padding: 0 .5em;
	}
}


.n-productinfo, .n-maindiv .n-productinfo {
	width: 100%;
	margin: 1em auto 3em;
	background: transparent;
	border: 0;
	text-align: left;
	font-weight: 400;
}

.n-productinfo tr {
	border-bottom: 1px dashed var(--n-decogrey3);
}

.n-productinfo th, .n-productinfo td {
	padding: .25em 0;
}

.n-productinfo th {
	padding-right: 1em;
	min-width: 10em;
	width: 32%;
	font-weight: 500;
}

.n-productinfo thead {
	background: hsl(var(--n-acc_h, var(--n-bgli_h)) var(--n-acc_s, var(--n-bgli_s)) var(--n-bgacc_l, var(--n-bgli_l)));
	border-bottom: solid .175em;
}

@container (max-width:29em) {
	.n-productinfo th, .n-productinfo td {
		width: auto;
		min-width: 0;
		display: block;
		padding: .5em .75em;
	}
}

@container (min-width:29em) {
	.n-productinfo thead th:first-of-type {
		padding-left: .5em;
	}

	.n-comp th {
		padding-left: .5em;
	}

	.n-comp.n-productinfo thead th:not(:first-of-type) {
		padding-left: 0;
	}
}

.n-maindiv .n-productinfo ul,
.n-maindiv .n-productinfo ol {
	margin-left: .75em;
	padding: 0;
}

.n-tenten td::before {
	content: "\00FF1A";
}

.n-productinfo .n-tenten {
	margin: 0;
	width: auto;
}

.n-productinfo .n-tenten tr {
	border: 0;
}

.n-productinfo .n-tenten th {
	display: table-cell;
	font-weight: 400;
	padding: 0;
	min-width: unset;
	width: auto;
}

.n-productinfo .n-tenten td {
	display: table-cell;
	padding: 0 0 0 1em;
}

@container (max-width:18em) {

	.n-tenten th, .n-tenten td,
	.n-productinfo .n-tenten th, .n-productinfo .n-tenten td {
		width: auto;
		min-width: 0;
		display: block;
		padding: 0 .75em;
	}

	.n-tenten td, .n-productinfo .n-tenten td {
		padding-bottom: .5em;
	}

	.n-tenten th::after {
		content: "\00FF1A";
	}

	.n-tenten td::before {
		content: "";
	}
}

.n-productinfo p {
	margin-left: 0;
	margin-right: 0;
}

.n-warnlist {
	margin: 3em .25em 2em;
}

.n-warnlist ul li {
	list-style-type: square;
}


/**** n-jushi 樹脂特性表 > */
.n-jushi,
.n-maindiv .n-jushi {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 1em auto;
	font-size: .88888em;
	font-size: calc(8em / 9);
	line-height: 1.5;
}

.n-jushi thead {
	background: var(--n-bggrey);
}

.n-jushi tbody {
	border-top: 3px solid var(--n-txt);
}

.n-jushi tr {
	border-bottom: 1px solid var(--n-decogrey3);
}

.n-jushi th, .n-jushi td {
	padding: .5em;
	text-align: left;
}

.n-jushi tbody th {
	font-weight: 400;
}

.n-jushi th span {
	display: inline-block;
}

.n-jushi th span.n-jushi_n_b {
	font-weight: 600;
	margin-right: .5em;
}

.n-jushi-hi {
	background: var(--n-bgli);
}

@container(min-width:29em) {
	.n-jushi {
		table-layout: fixed;
	}

	.n-jushi tbody th {
		background: var(--n-bggrey);
	}

	.n-jushi thead th:first-of-type, .n-jushi thead th:last-of-type {
		width: 30%;
	}

	.n-jushi th, .n-jushi td {
		border: 1px solid var(--n-decogrey3);
		text-overflow: ellipsis;
	}

	tbody .n-jushi-hi th {
		background: var(--n-bgli);
	}

	.n-jushi th span.n-jushi_n_b {
		display: block;
	}
}

@container(max-width:29em) {
	.n-jushi thead {
		display: block;
	}

	.n-jushi thead th {
		display: inline-block;
	}

	.n-jushi tbody tr {
		border-width: 2px;
	}

	.n-jushi th, .n-jushi td {
		width: auto;
		min-width: 0;
		display: block;
		padding: .125em .75em;
	}

	.n-jushi tbody th {
		background: var(--n-bggrey2);
	}

	.n-jushi_n {
		background: var(--n-bggrey2);
	}

	.n-jushi_t {
		background: var(--n-bg);
	}

	.n-jushi_ig {
		background: var(--n-bgli4);
	}
}

/**** < n-jushi */

/**** n-grid > */

.n-grid {
	margin-left: auto;
	margin-right: auto;
	max-width: 24em;
	text-align: center;
}

.n-grid>* {
	width: 100%;
}

@supports (display:grid) {
	.n-grid {
		max-width: none;
		display: flex;
		gap: 1.5em;
		flex-wrap: wrap;
	}
}

@media (min-width:36em) {
	.n-grid {
		max-width: 100%;
	}

	.n-grid>* {
		display: inline-block;
		width: 24em;
		max-width: 100%;
		vertical-align: top;
		margin: 1em;
	}

	@supports (display:grid) {
		.n-grid {
			display: grid;
			grid-template-columns: repeat(auto-fit, minmax(15em, 1fr));
		}

		.n-grid>* {
			display: block;
			width: auto;
			margin: 0;
		}
	}
}

/**** < n-grid ****/

/**** n-img-matte > */
.n-img-matte, .n-img-matte-w,
.n-img-matte-c, .n-img-matte-cw,
.n-img-matte-n, .n-img-matte-cn {
	text-align: center;
}

.n-img-matte-c img, .n-img-matte-cw img, .n-img-matte-cn img {
	border-radius: 50%;
}

@media (min-width:36em) {

	.n-img-matte, .n-img-matte-w,
	.n-img-matte-c, .n-img-matte-cw,
	.n-img-matte-n, .n-img-matte-cn {
		padding-bottom: 100%;
		width: 100%;
		position: relative;
		height: 0;
	}

	.n-img-matte, .n-img-matte-c {
		background: hsl(var(--n-bgacc_h, var(--n-acc_h, var(--n-bggrey_h))) var(--n-bgacc_s, var(--n-acc_s, var(--n-bggrey_s))) var(--n-bgacc_l, var(--n-bggrey_l)));
	}

	.n-img-matte-w, .n-img-matte-cw {
		border: .1px solid hsl(var(--n-bgacc_h, var(--n-acc_h, var(--n-bggrey_h))) var(--n-bgacc_s, var(--n-acc_s, var(--n-bggrey_s))) var(--n-bgacc_l, var(--n-bggrey_l)));
	}

	.n-img-matte img, .n-img-matte-w img,
	.n-img-matte-c img, .n-img-matte-cw img,
	.n-img-matte-n img, .n-img-matte-cn img {
		position: absolute;
		max-width: 100%;
		height: auto;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
}

@media (max-width:50em) {
	.n-grid-ezread--x2 .n-img-matte-w, .n-grid-ezread--x2 .n-img-matte-cw {
		border: 0;
	}

	.n-grid-ezread--x2 .n-img-matte, .n-grid-ezread--x2 .n-img-matte-c {
		background: none;
	}
}

/**** < n-img-matte */


/**** n-grid-ezread > */
.n-grid-ezread {
	line-height: 1.5;
	grid-template-columns: repeat(auto-fill, minmax(12em, 1fr));
}

.n-grid-ezread.n-grid-ezread--x2 {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
}

@media (min-width:20em) {

	.n-grid-ezread.n-grid-ezread--spx2,
	.n-grid-ezread.n-grid-ezread--x2.n-grid-ezread--spx2 {
		display: grid;
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	}
}

@media (min-width:36em) {
	.n-grid-ezread.n-grid-ezread--spx2 {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	}
}

@media (min-width:36em) {
	.n-grid-ezread.n-grid-ezread--spx2 {
		grid-template-columns: repeat(auto-fill, minmax(12em, 1fr));
	}

	.n-grid-ezread.n-grid-ezread--x2,
	.n-grid-ezread.n-grid-ezread--x2.n-grid-ezread--spx2 {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	}
}

.n-grid-ezread p {
	text-align: justify;
}

@supports (word-break:auto-phrase) {
	.n-grid-ezread p {
		text-align: left;
	}
}

.n-grid-ezread h5 {
	font-weight: 400;
	line-height: 1.5;
	align-self: center;
	margin: 0;
	padding: 1.5rem .5rem;
	min-height: 4.5em;
	font-size: 1em;
}

.n-grid-ezread.n-grid-ezread--spx2 h5 {
	padding-left: .25rem;
	padding-right: .25rem;
	font-size: clamp(1em, 5cqi, 1.5em)
}

.n-grid-ezread>* {
	margin-bottom: 2em;
}

.n-grid-ezread .n-img-matte+div, .n-grid-ezread .n-img-matte-w+div,
.n-grid-ezread .n-img-matte-c+div, .n-grid-ezread .n-img-matte-cw+div,
.n-grid-ezread .n-img-matte-n+div, .n-grid-ezread .n-img-matte-cn+div {
	margin-top: 1.5rem;
}

@supports(grid-template-rows:subgrid) {
	@media (min-width:36em) {

		.n-grid-ezread .n-img-matte, .n-grid-ezread .n-img-matte-w, .n-grid-ezread .n-img-matte-n,
		.n-grid-ezread .n-img-matte-c, .n-grid-ezread .n-img-matte-cw, .n-grid-ezread .n-img-matte-cn {
			height: 100%;
		}

		.n-grid-ezread>* {
			display: grid;
			grid-template-rows: subgrid;
			grid-row: auto / span 3;
			margin-bottom: 2em;
			grid-gap: 1em;
		}

		.n-grid-ezread h5 {
			min-height: 0;
			padding: 0;
		}

		.n-grid-ezread .n-img-matte+div, .n-grid-ezread .n-img-matte-w+div,
		.n-grid-ezread .n-img-matte-c+div, .n-grid-ezread .n-img-matte-cw+div,
		.n-grid-ezread .n-img-matte-n+div, .n-grid-ezread .n-img-matte-cn+div {
			margin-top: 0;
		}
	}
}

@media (min-width:30em) {
	.n-grid-ezread a:hover img {
		filter: drop-shadow(0 0 .33333em var(--n-decogrey3));
		opacity: 1;
	}

	.n-grid-ezread a img {
		transition: filter .5s ease;
	}
}

h4+.n-grid-ezread,
h5+.n-grid-ezread,
h5+.n-grid-ezread,
div+.n-grid-ezread {
	margin-top: 2em;
}

/**** < n-grid-ezread */

/**** n-grid-card > */
.n-grid-card {
	padding: .5em;
}

.n-grid-card, .n-grid-card a, .n-grid-card a span, .n-maindiv .n-grid-card a:visited, .n-maindiv .n-grid-card a:visited span, .n-maindiv .n-grid-card a:hover, .n-maindiv .n-grid-card a:hover span {
	font-weight: 600;
	color: var(--n-txt);
	text-decoration: none;
}

.n-grid-card .n-hl, .n-grid-card span.n-hl, .n-grid-card a .n-hl, .n-grid-card a span.n-hl, .n-grid-card .n-hl span, .n-grid-card a .n-hl span,
.n-maindiv .n-grid-card a:hover .n-hl span, .n-maindiv .n-grid-card a:visited .n-hl span,
.n-maindiv .n-grid-card a:visited .n-hl, .n-maindiv .n-grid-card a:visited span.n-hl, .n-maindiv .n-grid-card a:hover .n-hl, .n-maindiv .n-grid-card a:hover span.n-hl {
	color: var(--n-txtlite);
	font-weight: 600;
}


.n-grid-card>a {
	box-shadow: var(--n-decogrey) .125em .25em .5em;
	border-radius: .25em .25em;
	text-decoration: none;
	display: inline-block;
	background: var(--n-bg);
}

.n-grid-card>a:hover {
	background: var(--n-bgli2);
	box-shadow: var(--n-decoli) .125em .25em .5em;
}

.n-grid-card>a>div {
	margin: .5em;
}

@media (max-width:579px) {
	.n-grid-card>a {
		margin-bottom: 2em;
	}
}

@media (min-width:36em) {
	.n-grid-card>a {
		max-width: auto;
	}
}

.n-grid-card span {
	display: inline-block;
}


/**** < n-grid-card ****/

/**** n-grid-txt-card > */
.n-grid-txt-card {
	padding: .5em;
	grid-auto-rows: 1fr;
}

.n-grid-txt-card, .n-grid-txt-card a, .n-grid-txt-card a span, .n-maindiv .n-grid-txt-card a:visited, .n-maindiv .n-grid-txt-card a:visited span, .n-maindiv .n-grid-txt-card a:hover, .n-maindiv .n-grid-txt-card a:hover span {
	font-weight: 400;
	color: var(--n-txt);
	text-decoration: none;
}

.n-grid-txt-card .n-hl, .n-grid-txt-card span.n-hl, .n-grid-txt-card a .n-hl, .n-grid-txt-card a span.n-hl, .n-grid-txt-card .n-hl span, .n-grid-txt-card a .n-hl span,
.n-maindiv .n-grid-txt-card a:hover .n-hl span, .n-maindiv .n-grid-txt-card a:visited .n-hl span,
.n-maindiv .n-grid-txt-card a:visited .n-hl, .n-maindiv .n-grid-txt-card a:visited span.n-hl, .n-maindiv .n-grid-txt-card a:hover .n-hl, .n-maindiv .n-grid-txt-card a:hover span.n-hl {
	color: var(--n-txtlite);
	font-weight: 400;
}


.n-grid-txt-card>* {
	box-shadow: var(--n-decogrey) .125em .25em .5em;
	border-radius: .25em .25em;
	text-decoration: none;
	display: inline-block;
	background: var(--n-bg);
	padding: 1em;
	text-align: left;
	line-height: 1.5;
}

.n-grid-txt-card>a:hover {
	background: hsl(var(--n-bgacc_h, var(--n-acc_h, var(--n-bgli2_h))) var(--n-bgacc_s, var(--n-acc_s, var(--n-bgli2_s))) var(--n-bgacc_l, var(--n-bgli2_l)));
	box-shadow: hsl(var(--n-bgacc_h, var(--n-acc_h, var(--n-decoli_h))) var(--n-bgacc_s, var(--n-acc_s, var(--n-decoli_s))) var(--n-bgacc_l, var(--n-decoli_l))) .125em .25em .5em;
}

@media (max-width:579px) {
	.n-grid-txt-card>a {
		margin-bottom: 2em;
	}
}

@media (min-width:36em) {
	.n-grid-txt-card>a {
		max-width: auto;
	}
}

.n-grid-txt-card span {
	display: inline-block;
}

.n-grid-txt-card h5, .n-grid-txt-card h6,
.n-modp .n-grid-txt-card h5, .n-modp .n-grid-txt-card h6 {
	font-size: 1.2222222222em;
	font-size: clamp(1.2222222222em, calc(.5em + 3.5cqi), 1.5em);
	font-weight: 600;
	line-height: clamp(calc(var(--n-line-height-calc) * 0.8), -1vw, calc(var(--n-line-height-calc) * 0.9));
	line-height: clamp(calc(var(--n-line-height-calc) * 0.8), -1cqi, calc(var(--n-line-height-calc) * 0.9));
	color: hsl(var(--n-acc_h, var(--n-txt_h)) var(--n-acc_s, var(--n-txt_s)) var(--n-acc_l, var(--n-txt_l)));
	padding: 0;
	text-align: left;
	margin: 0;
}

.n-grid-txt-card h5 span, .n-grid-txt-card h6 span {
	font-weight: 600;
}

/**** < n-grid-txt-card ****/




/**** n-gridx2 > */
.n-gridx2 {
	margin: 1em .5em;
	text-align: center;
}

.n-gridx2>* {
	display: inline-block;
	width: 45%;
	vertical-align: top;
	margin: 2%;
}

@supports (display:grid) {
	.n-gridx2 {
		display: grid;
		gap: 1.5em;
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	}

	.n-gridx2>* {
		display: block;
		width: auto;
		margin: 0;
	}
}

@media (min-width:48em) {
	.n-gridx2>* {
		width: 20%;
	}

	@supports (display:grid) {
		.n-gridx2 {
			grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
		}

		.n-gridx2>* {
			width: auto;
		}
	}
}

@media (min-width:61em) {
	.n-gridx2 {
		margin: 1em 0;
	}
}

/**** < n-gridx2 ****/


/**** n-gridx2w > */
.n-gridx2w {
	margin: 1em .5em;
}

.n-gridx2w>* {
	display: inline-block;
	width: 45%;
	vertical-align: top;
	margin: 2%;
}

@supports (display:grid) {
	.n-gridx2w {
		display: grid;
		gap: 1.5em;
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	}

	.n-gridx2w>* {
		display: block;
		width: auto;
		margin: 0;
	}
}

@media (min-width:36em) {
	.n-gridx2w {
		max-width: 100%;
	}

	.n-gridx2w>* {
		display: inline-block;
		width: 24em;
		max-width: 100%;
		vertical-align: top;
		margin: 1em;
	}

	@supports (display:grid) {
		.n-gridx2w {
			max-width: none;
			display: grid;
			gap: 1.5em;
			grid-template-columns: repeat(auto-fit, minmax(15em, 1fr));
		}

		.n-gridx2w>* {
			display: block;
			width: auto;
			margin: 0;
		}
	}
}

/**** < n-gridx2w ****/

/**** n-gridx3 > ****/
.n-gridx3 {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: .5em .5em;
}

.n-gridx3 img {
	width: 100%;
}

@container (min-width:200px) {
	.n-gridx3 {
		grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	}
}

/**** < n-gridx3 ****/

/**** n-grid--2to3 > ****/
.n-grid--2to3 {
	gap: 1em;
	flex-wrap: wrap;
}

.n-grid--fullimg>div>img,
.n-grid--fullimg>p>img,
.n-grid--fullimg>img {
	width: 100%;
}

@supports (container-type:inline-size) {
	@container (width <=18em) {
		.n-grid--2to3 {
			display: flex;
			margin-left: 0;
			margin-right: 0;
		}
	}

	@container (width > 18em) {
		.n-grid--2to3 {
			display: grid;
			grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
			margin-left: 0;
			margin-right: 0;
		}
	}

	@container (width > 30em) {
		.n-grid--2to3 {
			grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
		}
	}

	@container (width > 37em) {
		.n-grid--2to3 {
			margin-left: 1em;
			margin-right: 1em;
		}
	}
}

/**** < n-grid--2to3 ****/

/**** n-chuibox > ****/

.n-chuibox {
	background: var(--n-bggrey);
	color: var(--n-txt);
	text-align: center;
	padding: 1em;
	padding: 1em min(10%, 1em);
	margin: 3em auto;
	width: 100%;
	max-width: 530px;
}

.n-chuibox h6 {
	font-size: 1.5em;
	margin: 0 0 .5em;
	border-bottom: solid 1px var(--n-txt);
}

/**** < n-chuibox ****/

/****listbox > ****/
div.n-listbox {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

div.n-listbox>div {
	display: inline-block;
	padding: 1em;
	background: var(--n-bggrey);
	margin: 0 auto 1em;
}

.n-bgacc.n-listbox>div {
	background: hsl(var(--n-bgacc_h, var(--n-acc_h, var(--n-bggrey_h))) var(--n-bgacc_s, var(--n-acc_s, var(--n-bggrey_s))) var(--n-bgacc_l, var(--n-bggrey_l)));
}

div.n-listbox>div>ul {
	list-style-type: circle;
	text-align: left;
}

/**** < listbox****/


.n-hl {
	color: hsl(var(--n-acc_h, var(--n-txtlite_h)) var(--n-acc_s, var(--n-txtlite_s)) var(--n-acc_l, var(--n-txtlite_l)));
	font-weight: 500;
}

.n-hl-under {
	position: relative;
	z-index: 3;
}

.n-hl-under::after {
	position: absolute;
	bottom: .35em;
	content: "";
	display: block;
	width: 70%;
	max-width: 6.5em;
	height: .25em;
	left: 0;
	right: 0;
	margin: 0 auto;
	z-index: -1;
	background: var(--n-decoli);
}

.n-yay::before, .n-yay::after {
	content: "";
	height: .75em;
	width: .5em;
	display: inline-block;
	background-size: 100% 100%;
}

.n-yay::before {
	background-image: url("data:image/svg+xml;utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' preserveAspectRatio='none' width='100%25' height='100%25' viewBox='0 0 40 40'%3E%3Cline x1='0' y1='0' x2='40' y2='40' stroke-width='3' stroke='%23ccc'/%3E%3C/svg%3E");
}

.n-yay::after {
	background-image: url("data:image/svg+xml;utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' preserveAspectRatio='none' width='100%25' height='100%25' viewBox='0 0 40 40'%3E%3Cline x1='40' y1='0' x2='0' y2='40' stroke-width='3' stroke='%23ccc'/%3E%3C/svg%3E");
}

/*テキスト用 背景ピンク */
.n-mark {
	background-color: var(--n-bgli);
}


/*テキストに色のマーカーをつける*/

.n-mark1 {
	background: linear-gradient(to bottom, transparent 60%, var(--n-mark1) 0) no-repeat;
}

.n-mark2 {
	background: linear-gradient(to bottom, transparent 60%, var(--n-mark2) 0) no-repeat;
}

.n-mark3 {
	background: linear-gradient(to bottom, transparent 60%, var(--n-mark3) 0) no-repeat;
}

.n-mark4 {
	background: linear-gradient(to bottom, transparent 60%, var(--n-mark4) 0) no-repeat;
}

.n-mark5 {
	background: linear-gradient(to bottom, transparent 60%, var(--n-mark5) 0) no-repeat;
}

.n-mark0 {
	background: linear-gradient(to bottom, transparent 60%, hsl(var(--n-acc_h, var(--n-mark0_h)) var(--n-mark0_s) var(--n-mark0_l)) 0) no-repeat;
}

.n-mark1, .n-mark2, .n-mark3, .n-mark4, .n-mark5, .n-mark0 {
	background-size: auto 1.5em;
	background-position-y: center;
}

.n-mark1:not(p), .n-mark2:not(p), .n-mark3:not(p), .n-mark4:not(p), .n-mark5:not(p), .n-mark0:not(p) {
	padding-bottom: .25em;
}

b.n-mark1, b.n-mark2, b.n-mark3, b.n-mark4, b.n-mark5, b.n-mark0 {
	font-weight: 500;
}


/*テキストに下線をつける*/
.n-txt-uline {
	border-bottom: 1px solid;
}

/*色を--n-decogrey2にするため*/
.n-color-dec {
	color: var(--n-decogrey2);
}


/*位置を揃える*/
.n-center, .n-center-p, .n-center-sp {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

@media(max-width:640px) {
	.n-center-p {
		text-align: left;
	}
}

@media(min-width:640px) {
	.n-center-sp {
		text-align: left;
	}
}

/*商品リンク文字を右に*/
.n-txt-r {
	text-align: right;
}

.n-txt-l {
	text-align: left;
}

.n-center li {
	list-style-position: inside;
}

.n-center .n-txt-l li {
	list-style-position: outside;
}

.n-vert-mid>* {
	vertical-align: middle;
}

/*n-centerの子divに追加、左揃え*/
.n-center_l {
	display: inline-block;
	text-align: left;
}

/*上下のmargin,paddingを0にする*/
.n-space0, div.n-space0, p.n-space0, dl.n-space0, h4.n-space0, h5.n-space0, h6.n-space0, .n-maindiv .n-space0 {
	padding-bottom: 0;
	padding-top: 0;
	margin-bottom: 0;
	margin-top: 0;
}

/*上下にmarginをつける*/
.n-space0_5, div.n-space0_5, p.n-space0_5, dl.n-space0_5, h4.n-space0_5, h5.n-space0_5, h6.n-space0_5, .n-maindiv .n-space0_5 {
	margin-top: .5em;
	margin-bottom: .5em;
}

.n-space1, div.n-space1, p.n-space1, dl.n-space1, h4.n-space1, h5.n-space1, h6.n-space1, .n-maindiv .n-space1 {
	margin-top: 1em;
	margin-bottom: 1em;
}

.n-space1_5, div.n-space1_5, p.n-space1_5, dl.n-space1_5, h4.n-space1_5, h5.n-space1_5, h6.n-space1_5, .n-maindiv .n-space1_5 {
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}

.n-space2, div.n-space2, p.n-space2, dl.n-space2, h4.n-space2, h5.n-space2, h6.n-space2, .n-maindiv .n-space2 {
	margin-top: 2em;
	margin-bottom: 2em;
}

.n-space4, div.n-space4, p.n-space4, dl.n-space4, h4.n-space4, h5.n-space4, h6.n-space4, .n-maindiv .n-space4 {
	margin-top: 4em;
	margin-bottom: 4em;
}

.n-space6, div.n-space6, p.n-space6, dl.n-space6, h4.n-space6, h5.n-space6, h6.n-space6, .n-maindiv .n-space6 {
	margin-top: 6em;
	margin-bottom: 6em;
}

/*上下にpaddingをつける*/
.n-pad0, p.n-pad0, div.n-pad0 {
	padding-top: 0;
	padding-bottom: 0;
}

.n-pad0_5, p.n-pad0_5, div.n-pad0_5 {
	padding-top: .5em;
	padding-bottom: .5em;
}

.n-pad1, p.n-pad1, div.n-pad1 {
	padding-top: 1em;
	padding-bottom: 1em;
}

.n-pad1_5, p.n-pad1_5, div.n-pad1_5 {
	padding-top: 1.5em;
	padding-bottom: 1.5em;
}

.n-pad2, p.n-pad2, div.n-pad2 {
	padding-top: 2em;
	padding-bottom: 2em;
}

.n-pad4, p.n-pad4, div.n-pad4 {
	padding-top: 4em;
	padding-bottom: 4em;
}

.n-pad6, p.n-pad6, div.n-pad6 {
	padding-top: 6em;
	padding-bottom: 6em;
}


/*上部にpaddingをつける*/
.n-t-pa0, p.n-t-pa0, div.n-t-pa0 {
	padding-top: 0;
}

.n-t-pa1, p.n-t-pa1, div.n-t-pa1 {
	padding-top: 1em;
}

.n-t-pa5, p.n-t-pa5, div.n-t-pa5 {
	padding-top: 5%;
}

.n-t-pa10, p.n-t-pa10, div.n-t-pa10 {
	padding-top: 10%;
}

.n-t-pa15, p.n-t-pa15, div.n-t-pa15 {
	padding-top: 15%;
}

.n-t-pa20, p.n-t-pa20, div.n-t-pa20 {
	padding-top: 20%;
}

/*上部にmarginをつける*/
.n-t-mar0, p.n-t-mar0, div.n-t-mar0 {
	margin-top: 0;
}

.n-t-mar1, p.n-t-mar1, div.n-t-mar1 {
	margin-top: 1em;
}

.n-t-mar5, p.n-t-mar5, div.n-t-mar5 {
	margin-top: 5%;
}

.n-t-mar10, p.n-t-mar10, div.n-t-mar10 {
	margin-top: 10%;
}

.n-t-mar15, p.n-t-mar15, div.n-t-mar15 {
	margin-top: 15%;
}

.n-t-mar20, p.n-t-mar20, div.n-t-mar20 {
	margin-top: 20%;
}

/*ボトムにpaddingをつける*/
.n-b-pa0, p.n-b-pa0, div.n-b-pa0 {
	padding-bottom: 0;
}

.n-b-pa1, p.n-b-pa1, div.n-b-pa1 {
	padding-bottom: 1em;
}

.n-b-pa5, p.n-b-pa5, div.n-b-pa5 {
	padding-bottom: 5%;
}

.n-b-pa10, p.n-b-pa10, div.n-b-pa10 {
	padding-bottom: 10%;
}

.n-b-pa15, p.n-b-pa15, div.n-b-pa15 {
	padding-bottom: 15%;
}

.n-b-pa20, p.n-b-pa20, div.n-b-pa20 {
	padding-bottom: 20%;
}


/*ボトムにmarginをつける*/
.n-b-mar0, p.n-b-mar0, div.n-b-mar0 {
	margin-bottom: 0;
}

.n-b-mar1, p.n-b-mar1, div.n-b-mar1 {
	margin-bottom: 1em;
}

.n-b-mar5, p.n-b-mar5, div.n-b-mar5 {
	margin-bottom: 5%;
}

.n-b-mar10, p.n-b-mar10, div.n-b-mar10 {
	margin-bottom: 10%;
}

.n-b-mar15, p.n-b-mar15, div.n-b-mar15 {
	margin-bottom: 15%;
}

.n-b-mar20, p.n-b-mar20, div.n-b-mar20 {
	margin-bottom: 20%;
}


/*max-widthを設定する*/
.n-maxw100, img.n-maxw100 {
	max-width: 100%;
}

.n-maxw80, img.n-maxw80 {
	max-width: 80%;
}

.n-maxw66, img.n-maxw66 {
	max-width: calc(100% * 2 / 3);
}

.n-maxw50, img.n-maxw50 {
	max-width: 50%;
}

.n-maxw35, img.n-maxw35 {
	max-width: 35%;
}

.n-maxw100, img.n-maxw100,
.n-maxw80.n-center, img.n-maxw80.n-center,
.n-maxw66.n-center, img.n-maxw66.n-center,
.n-maxw50.n-center, img.n-maxw50.n-center,
.n-maxw35.n-center, img.n-maxw35.n-center {
	margin-left: auto;
	margin-right: auto;
	display: block;
}

a.n-link-black, .n-link-black a, .n-link-black a:link,
.n-maindiv a.n-link-black, .n-maindiv .n-link-black a, .n-maindiv .n-link-black a:link {
	color: var(--n-txt);
}

a.n-link-black:hover, .n-link-black a:hover, .n-link-black a:focus,
.n-maindiv a.n-link-black:hover, .n-maindiv .n-link-black a:hover, .n-maindiv .n-link-black a:focus,
.n-link-black a:hover span, .n-link-black a:focus span, a.n-link-black:hover span {
	color: var(--n-link);
	text-decoration: underline;
}

.n-linkblock a, .n-maindiv .n-linkblock a {
	display: block;
	width: 80%;
	margin: 1em auto;
	text-align: center;
	padding: .125em;
	text-decoration: none;
	background: var(--n-bggrey);
	color: var(--n-txt);
}

.n-linkblock-r a, .n-maindiv .n-linkblock-r a {
	display: block;
	width: 70%;
	padding: .25em 5% .25em .25em;
	text-decoration: none;
	background: var(--n-bggrey);
	color: var(--n-txt);
	margin-left: auto;
	text-align: right;
}

.n-linkblock a:nth-of-type(even), .n-maindiv .n-linkblock a:nth-of-type(even),
.n-linkblock-r a:nth-of-type(even), .n-maindiv .n-linkblock-r a:nth-of-type(even) {
	background: var(--n-bgli);
}

.n-linkblock a:hover, .n-maindiv .n-linkblock a:hover,
.n-linkblock a:focus, .n-maindiv .n-linkblock a:focus,
.n-linkblock-r a:hover, .n-maindiv .n-linkblock-r a:hover,
.n-linkblock-r a:focus, .n-maindiv .n-linkblock-r a:focus {
	opacity: .75
}



.n-text-block {
	padding: 1em;
	margin-left: 1em;
	margin-right: 1em;
	margin-bottom: 1em;
	max-width: 100%;
}

.n-text-block.n-center {
	margin-left: auto;
	margin-right: auto;
}

.n-half-block, .n-maindiv .n-half-block {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1em;
	width: 90%;
	max-width: 30em;
}

.n-float-right, .n-maindiv .n-float-right {
	display: block;
	margin: 0 0 1em 1em;
	float: right;
	max-width: 35%;
}

.n-float-left, .n-maindiv .n-float-left {
	display: block;
	margin: 0 1em 1em 0;
	float: left;
	max-width: 35%;
}

.n-float-right.n-float50, .n-float-left.n-float50 {
	max-width: 50%;
}

@media(max-width:30em) {
	.n-float-right, .n-maindiv .n-float-right, .n-float-left, .n-maindiv .n-float-left {
		max-width: 50%;
	}
}

@media(max-width:24em) {
	.n-float-right, .n-maindiv .n-float-right, .n-float-left, .n-maindiv .n-float-left, .n-float-right.n-float50, .n-float-left.n-float50 {
		max-width: 100%;
		display: block;
		margin: 1em auto;
		float: none;
	}
}

.n-hover-link:hover {
	opacity: .6;
}

.n-maindiv .n-link-nodeco a,
.n-maindiv .n-link-nodeco a span,
.n-maindiv a.n-link-nodeco,
.n-maindiv a.n-link-nodeco span {
	text-decoration: none;
}

.n-maindiv .n-link-nodeco a:hover,
.n-maindiv .n-link-nodeco a:hover span,
.n-maindiv a.n-link-nodeco:hover,
.n-maindiv a.n-link-nodeco:hover span {
	text-decoration: underline;
}

.n-recipe {
	position: relative;
	padding-bottom: 3em;
	margin-bottom: 6em;
}

.n-recipe .n-flex {
	padding-top: 20px;
}

.midashi {
	background-color: var(--n-bggrey);
	padding: 9px .25em 7px;
}

.n-recipe .midashi {
	color: var(--n-txtlite);
}

.midashix2, .n-maindiv .midashix2 {
	font-size: 1.2222222222em;
	padding: .375em .25em;
	border: solid 1px;
	border-left: none;
	border-right: none;
	color: hsl(var(--n-acc_h, var(--n-txtlite_h)) var(--n-acc_s, var(--n-txtlite_s)) var(--n-acc_l, var(--n-txtlite_l)));
	margin: 2.5em 0 1em;
	text-align: left;
}

.midashix2 span {
	display: inline-block;
}

.midashix2::before {
	content: "● ";
}

:not(ul):not(ol).g-dash, .n-maindiv :not(ul):not(ol).g-dash, ul.g-dash>li, ol.g-dash>li {
	background: url(theme-img/fw-g-dash.svg) repeat;
	line-height: 2;
	margin: 0px;
	background-size: 1px 2em;
}

.midashix2~.g-dash {
	padding-left: 1em;
	padding-right: .5em;
}

.n-maindiv ul.g-dash {
	margin-left: 1em;
}

@media(min-width:960px) {
	.n-maindiv ul.g-dash {
		margin-left: 2em;
		margin-right: .5em;
	}
}

.zairyo {
	padding: .5em;
}

.zairyo table {
	margin: 0 0 .5em;
	width: 100%;
}

.zairyo p {
	font-size: .888888888em;
	margin: 0 0 1em;
}

.zairyo table th {
	font-weight: 400;
}

.zairyo table th::before {
	content: '\0030FB';
	width: 1em;
}

.zairyo table th p {
	display: inline-block;
	vertical-align: top;
	font-size: 1em;
	width: calc(100% - 1.5em);
	margin: 0;
}

.zairyo table th, .zairyo table td {
	padding: 0;
}

.zairyo table td {
	min-width: 4em;
}

@media(max-width:30em) {
	.zairyo table th, .zairyo table td {
		display: block;
		width: 100%;
	}

	.zairyo table td {
		text-align: right;
	}

	.zairyo table td::before {
		content: '\0030FB\0030FB\0030FB';
	}
}

.g-srash-dash, .g-srash-dash-p {
	line-height: 45px;
	margin: 0px;
	padding-left: .25em;
	font-size: 1em;
}

.g-srash-dash {
	background: url(theme-img/fw-g-srash-dashu.svg) repeat;
}

.g-srash-dash-p {
	background: url(theme-img/fw-g-srash-dashu-p.svg) repeat;
}

table.how-to-make {
	margin: 10px;
}

ol.how-to-make, ul.how-to-make {
	margin-left: 0;
	padding-left: 1.5em;
	text-align: left;
}

ol.how-to-make li {
	padding-bottom: 10px;
	list-style-type: decimal;
}

.n-thumb {
	padding: 0 .5em;
	text-align: center;
}

.n-thumb img {
	box-sizing: border-box;
	border: 1px solid var(--n-decogrey);
	margin: 0 auto 30px;
	width: 100%;
	max-width: 300px;
	display: block;
}

.n-recipe .n-thumb img {
	margin: .75em auto .25em;
}


/**** flex > ****/

.n-flex {
	display: flex;
}

.n-flex, .n-flex * {
	box-sizing: content-box;
}

.n-flex-1, .n-flex-1_5, .n-flex-2, .n-flex-3, .n-flex-4 {
	display: inline-block;
}

.n-flex-1 {
	flex: 1 1 10em;
}

.n-flex-1_5 {
	flex: 1 1 12em;
}

.n-flex-2 {
	flex: 2 1 15em;
}

.n-flex-3 {
	flex: 3 1 18em;
}

.n-flex-4 {
	flex: 4 1 20em;
}

.n-flex-r {
	flex-direction: row-reverse;
}

.n-flex-w {
	flex-wrap: wrap;
}

.n-flex-vc {
	align-items: center;
}

@media(min-width:22em) {
	.n-flex-w .n-flex-1, .n-flex-1_5, .n-flex-w .n-flex-2, .n-flex-w .n-flex-3, .n-flex-w .n-flex-4 {
		flex-shrink: 0;
	}
}

@supports(flex:1) {
	.n-flex, .n-flex * {
		box-sizing: border-box;
	}
}

.n-flex-g {
	gap: 1.5em;
}

.n-flex-ul {
	padding-left: 1.5em;
}

.n-flex-ul li {
	position: relative
}

.n-flex-ul li:before {
	content: "・";
	position: absolute;
	top: 0;
	left: -1.5em;
}

@media(max-width:40em) {
	.n-sp-padding {
		padding: 0 1em;
	}
}

.n-flex-img-adjust img {
	margin: .25em 0;
}

.n-flex-per50 {
	display: block;
}

@media (min-width:40em) {
	.n-flex-per50 {
		display: flex;
	}

	.n-flex-per50>* {
		width: 48%;
		flex: 0 0 50%;
	}
}

/**** < flex ****/

/**** 手数料ブロック > ****/
.n-tesuryo, p.n-tesuryo {
	border: thin solid;
	display: inline-block;
	font-weight: 500;
	margin-bottom: 1.5em;
	padding: .5em;
}

/**** < 手数料ブロック ****/

/**** n-layout > ****/

.n-layout {
	/*文字カードをSP:1列、PC：2列に並べる（色変更可）*/
	display: grid;
	grid-template-rows: repeat(auto-fit, 1fr);
	grid-template-columns: minmax(0, 1fr);
	gap: 8px;
	padding-bottom: 2em;
}

.n-layout p {
	background-color: hsl(var(--n-bgacc_h, var(--n-acc_h, var(--n-bggrey_h))) var(--n-bgacc_s, var(--n-acc_s, var(--n-bggrey_s))) var(--n-bgacc_l, var(--n-bggrey_l)));
	padding: .7em .5em;
	margin-bottom: 0;
	text-align: center;
}

@media (min-width:48em) {
	.n-layout {
		display: grid;
		grid-template-rows: repeat(auto-fit, 1fr);
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 8px;
		padding-bottom: 2em;
	}
}

/**** < n-layout ****/


.n-bd {
	/*テキストにボーダーをつける（色変更可）*/
	border: solid 2px;
	border-color: hsl(var(--n-bgacc_h, var(--n-acc_h, var(--n-bggrey_h))) var(--n-acc_s, var(--n-acc_s, var(--n-bggrey_s))) var(--n-acc_l, var(--n-bggrey_l)));
	padding: 1em;
}


/*** 悩みのグリッド > ***/

.n-nayami {
	display: grid;
	grid-template-rows: repeat(auto-fit, 1fr);
	grid-template-columns: minmax(0, 1fr);
	grid-auto-rows: 1fr;
	grid-gap: 1em;
}

.n-nayami>div {
	background-color: hsl(var(--n-bgacc_h, var(--n-acc_h, var(--n-bggrey_h))) var(--n-bgacc_s, var(--n-acc_s, var(--n-bggrey_s))) var(--n-bgacc_l, var(--n-bggrey_l)));
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.n-nayami p, .n-ez-read .n-nayami p {
	padding: .7em .5em;
	text-align: center;
	margin-bottom: 0;
}

@media (min-width:48em) {
	.n-nayami {
		display: grid;
		grid-template-rows: repeat(auto-fit, 1fr);
		grid-template-columns: repeat(2, minmax(0, 1fr));
		grid-gap: 1em;
		padding-bottom: 2em;
	}
}

/*** < 悩みのグリッド ***/

/**** 化粧品シリーズの共通リンク > ****/

.n-series-link {
	text-align: center;
	margin-bottom: 10%;
}

@media (min-width:30em) {
	.n-series-link {
		text-align: right;
	}
}

.n-series-link>a {
	font-size: 1em;
	font-size: clamp(1em, 1.5vw, 1.2222222222em);
	font-size: clamp(1em, 1.5cqi, 1.2222222222em);
	font-weight: 600;
	line-height: clamp(calc(var(--n-line-height-calc) * 0.9), -1vw, var(--n-line-height-calc));
	line-height: clamp(calc(var(--n-line-height-calc) * 0.9), -1cqi, var(--n-line-height-calc));
	background-color: var(--n-bgli3);
	color: var(--n-txtlite);
	text-align: center;
	border-radius: 3em;
	width: 18em;
	max-width: 95%;
	max-width: calc(100% - 2em);
	padding: .7em 1em;
	margin: 0;
	display: inline-block;
}

.n-series-link>a:link,
.n-series-link>a:visited,
.n-series-link>a:active,
.n-series-link>a span {
	color: var(--n-txtlite);
	text-decoration: none;
}

.n-series-link>a:hover, .n-series-link>a:focus {
	opacity: 0.8;
}

/**** < シリーズリンク ****/


/**** 共通リンク サイズリンク > ****/

.n-size-link {
	color: var(--n-txtgrey);
	border-top: 1px solid var(--n-decogrey3);
	border-bottom: 1px solid var(--n-decogrey3);
	text-align: right;
	padding: 1em .5em;
	padding: calc(2% + 1em) .5em;
	margin: 2em 0 4em;
}

.n-size-link h6 {
	font-size: 1.2222222222em;
	font-size: clamp(1.2222222222em, 3.5vw, 1.5em);
	font-size: clamp(1.2222222222em, 3.5cqi, 1.5em);
	font-weight: 600;
	line-height: clamp(calc(var(--n-line-height-calc) * 0.8), -1vw, calc(var(--n-line-height-calc) * 0.9));
	line-height: clamp(calc(var(--n-line-height-calc) * 0.8), -1cqi, calc(var(--n-line-height-calc) * 0.9));
	margin: 0 0 .5em;
}

.n-size-link li,
.n-maindiv .n-size-link ul li {
	list-style-type: none;
	margin-right: 0;
}

.n-size-link ul,
.n-maindiv .n-size-link ul {
	text-align: right;

}

.n-size-link a {
	line-height: 1.5em;
	background-color: transparent;
	color: var(--n-txtgrey);
	text-align: right;
	max-width: 95%;
	max-width: max(90%, calc(100% - 2em));
	padding-bottom: .7em;
	display: inline-block;
}

.n-size-link a:link,
.n-size-link a:visited,
.n-size-link a:active,
.n-size-link a:link span,
.n-size-link a:visited span,
.n-size-link a:active span {
	color: var(--n-txtgrey);
	text-decoration: none;
}

.n-size-link a:hover,
.n-size-link a:focus,
.n-size-link a:hover span,
.n-size-link a:focus span {
	color: var(--n-txt);
	text-decoration: underline;
}

.n-size-link a::after {
	content: "";
	display: inline-block;
	height: .75em;
	width: .75em;
	margin: 0 .25em .125em;
	vertical-align: middle;
	background-color: var(--n-decogrey3);
	-webkit-mask: var(--n-img-tri-down) no-repeat center;
	mask: var(--n-img-tri-down) no-repeat center;
	background-size: contain;
}

.n-size-link a:hover::after {
	background-color: hsl(var(--n-acc_h, var(--n-linkh_h)) var(--n-acc_s, var(--n-linkh_s)) var(--n-acc_l, var(--n-linkh_l)));
}

.n-size-link a span {
	display: inline-block;
}

/**** < 共通リンク サイズリンク ****/

/**** 右側 リンク > ****/
.r-link {
	margin: 1em 0;
	padding-top: 5%;
	text-align: right;
}

.r-link>li {
	list-style-type: none;
}

.r-link a::before {
	content: "";
	display: inline-block;
	height: 1em;
	width: 1em;
	margin: 0 .25em .125em;
	vertical-align: middle;
	background-color: var(--n-decogrey3);
	-webkit-mask: var(--n-img-tri-down) no-repeat center;
	mask: var(--n-img-tri-down) no-repeat center;
	background-size: contain;
	transform: rotate(-90deg);
}

.r-link a:link,
.r-link a:visited,
.r-link a:active,
.r-link a:link span,
.r-link a:visited span,
.r-link a:active span {
	color: var(--n-txtgrey);
	text-decoration: none;
}

.r-link a:hover,
.r-link a:focus,
.r-link a:hover span,
.r-link a:focus span {
	color: var(--n-txt);
	text-decoration: underline;
}

/**** < 右側 リンク ****/




/**** n-style-txt1 関係> ****/

.n-style-txt1,
.n-maindiv.n-style-txt1,
#n-fw .n-maindiv.n-style-txt1 {
	width: 768px;
	margin: 0 auto;
}

.n-style-txt1 h1,
.n-style-txt1 h2,
.n-style-txt1 h3,
.n-style-txt1 h4,
.n-style-txt1 h5,
.n-style-txt1 h6 {
	text-align: center;
	margin-left: 1rem;
	margin-right: 1rem;
}

.n-style-txt1 p {
	margin-left: 1em;
	margin-right: 1em;
	margin-bottom: 1.3em;
}

.n-txt-kazari1::after {
	content: "";
	display: block;
	width: 5rem;
	height: .9rem;
	max-width: 80%;
	margin: .5em auto 1em;
	background-color: var(--n-decogrey3);
}

.n-waku-img-wrap {
	margin: 1em 0 2em;
	text-align: center;
}

.n-waku-img-wrap2 {
	margin: 1em 1em 2em;
	text-align: center;
}

.n-waku-img-wrap>img {
	border: 1px solid var(--n-decogrey3);
}

.n-waku-img-wrap2>img {
	border: 1px solid var(--n-decogrey3);
	width: 550px;
	max-width: 100%;
}

.n-txt-pink,
.n-maindiv .n-txt-pink,
.n-style-txt1 .n-txt-pink {
	color: var(--n-txtlite);
	background-color: var(--n-bggrey);
	padding: .3em;
	margin: 3em auto 1em;
	max-width: 500px;
}

.n-txt-pink p,
.n-maindiv .n-txt-pink p,
.n-style-txt1 .n-txt-pink p {
	margin-bottom: 0;
}

.n-slim-ol,
.n-maindiv .n-slim-ol {
	margin: 0;
	padding: 1em 2em 1em 1.5em;
}

.n-style-txt1 .n-slim-ol,
.n-maindiv.n-style-txt1 .n-slim-ol {
	padding-left: 2em;
}

.n-slim-ol>li,
.n-maindiv .n-slim-ol>li {
	margin: 0;
	padding: 0 0 1.3em;
}

.n-style-txt1 ul,
.n-maindiv.n-style-txt1 ul {
	margin-left: 1.5em;
}


.n-style-txt1 ul>li,
.n-maindiv.n-style-txt1 ul>li {
	padding-bottom: 1.3em;
}

/**** <n-style-txt1 関係 ****/




/**** モジュールスタイル > ****/

/*文章のフレーム*/
.n-modp {
	max-width: 60em;
	margin-left: auto;
	margin-right: auto;
	padding-left: 1em;
	padding-left: min(5%, 1em);
	padding-right: 1em;
	padding-right: min(5%, 1em);
	padding-bottom: 5%;
	text-align: left;
}

.n-center.n-modp {
	text-align: center;
}

@media (min-width:40em) {
	.n-modp:not(.n-modp--l):not(.n-modp--lc) {
		text-align: center;
	}

	.n-modp.n-modp--lc h4, .n-modp.n-modp--lc h5 {
		text-align: center;
	}
}

.n-modp h4 {
	font-size: 2em;
	font-size: clamp(1.5em, 5vw, 2.5em);
	font-size: clamp(1.375em, 7cqi, 2.5em);
	font-weight: 600;
	color: hsl(var(--n-acc_h, var(--n-txtgrey_h)) var(--n-acc_s, var(--n-txtgrey_s)) var(--n-acc_l, var(--n-txtgrey_l)));
	line-height: clamp(calc(var(--n-line-height-calc) * 0.625), -1vw, calc(var(--n-line-height-calc) * 0.75));
	line-height: clamp(calc(var(--n-line-height-calc) * 0.625), -2cqi, calc(var(--n-line-height-calc) * 0.75));
	text-align: center;
}

.n-modp h5 {
	font-size: 1.2222222222em;
	font-size: clamp(1.2222222222em, 3.5vw, 1.5em);
	font-size: clamp(1.2222222222em, 5cqi, 1.5em);
	font-weight: 600;
	line-height: clamp(calc(var(--n-line-height-calc) * 0.8), -1vw, calc(var(--n-line-height-calc) * 0.9));
	line-height: clamp(calc(var(--n-line-height-calc) * 0.8), -2cqi, calc(var(--n-line-height-calc) * 0.9));
	text-align: center;
}

.n-modp h4 span,
.n-modp h5 span {
	display: inline-block;
}

.n-modp--l h4, .n-modp--l h5 {
	text-align: left;
	margin-left: 0;
}

/*文章のフレーム 2列*/

.n-modp2 {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(21rem, 100%), 1fr));
	grid-gap: 2em;
}

.n-modp2>* {
	margin-bottom: 2em;
}

.n-modp2 h5, .n-modp2 h6 {
	font-size: 1.5em;
	font-size: clamp(1.5em, 3.5vw, 2em);
	font-size: clamp(1.5em, 5cqi, 2em);
	font-weight: 500;
	line-height: clamp(calc(var(--n-line-height-calc) * 0.625), -1vw, calc(var(--n-line-height-calc) * 0.75));
	line-height: clamp(calc(var(--n-line-height-calc) * 0.625), -2cqi, calc(var(--n-line-height-calc) * 0.75));
	color: hsl(var(--n-acc_h, var(--n-txtgrey_h)) var(--n-acc_s, var(--n-txtgrey_s)) var(--n-acc_l, var(--n-txtgrey_l)));
	text-align: left;
	margin: 0 0 .5rem;
}

/*左側に線があるヘッディング*/

.n-hdstyle1 h4, .n-hdstyle1 h5, .n-hdstyle1 h6,
h4.n-hdstyle1, h5.n-hdstyle1, h6.n-hdstyle1,
.n-hdstyle1 h5s, .n-hdstyle1s h6,
h5.n-hdstyle1s, h6.n-hdstyle1s {
	border-left: .125em solid;
	padding-left: .5em;
}

.n-hdstyle1s h5, .n-hdstyle1s h6,
h5.n-hdstyle1s, h6.n-hdstyle1s {
	font-size: 1.25em;
	font-size: clamp(1em, 3vw, 1.25em);
	font-size: clamp(1em, 3cqi, 1.25em);
}

.n-modp.n-hdstyle1>div, .n-modp2.n-hdstyle1>div {
	margin-left: 1em;
	margin-right: 1em;
}

/*画像のフレーム 1枚*/
.n-modi1 {
	padding: 5% 0;
}

.n-modi1>div {
	padding-bottom: 5%;
}

.n-modi1 img {
	width: 100%;
}

.n-modi1 p {
	padding: 0 1em;
	max-width: 46.5em;
	margin: 1em auto;
}

.n-modi1 ul {
	max-width: 46.5em;
	margin: 0 auto;
}

.n-modi1 li,
.n-maindiv .n-modi1 li {
	margin: 0 1em 1em 2em;
}

.n-maindiv>div.n-modi1:first-of-type {
	padding-top: 0;
}

/*画像のフレーム 2枚*/

.n-modi2 {
	padding: 5% 1em 10%;
}

.n-modi2>div {
	margin-bottom: 5%;
}

@media(min-width:40em) {
	.n-modi2 {
		display: flex;
		flex-wrap: nowrap;
		justify-content: space-between;
	}

	.n-modi2>div {
		flex: 0 0 47.9166667%;
		display: inline-block;
		width: 47.9166667%;
		text-align: left;
	}
}

.n-modi2 h5 {
	font-size: 1.5em;
	font-size: clamp(1.5em, 3.5vw, 1.777777em);
	font-size: clamp(1.5em, 5cqi, 1.777777em);
	font-weight: 600;
	line-height: clamp(calc(var(--n-line-height-calc) * 0.625), -1vw, calc(var(--n-line-height-calc) * 0.75));
	line-height: clamp(calc(var(--n-line-height-calc) * 0.625), -2cqi, calc(var(--n-line-height-calc) * 0.75));
	color: hsl(var(--n-acc_h, var(--n-txt_h)) var(--n-acc_s, var(--n-txt_s)) var(--n-acc_l, var(--n-txt_l)));
	text-align: left;
	margin: 0 0 .5rem;
}

.n-modi2 h6 {
	font-size: 1.2222222222em;
	font-size: clamp(1.2222222222em, 3.5vw, 1.5em);
	font-size: clamp(1.2222222222em, 4cqi, 1.5em);
	font-weight: 500;
	line-height: clamp(calc(var(--n-line-height-calc) * 0.8), -1vw, calc(var(--n-line-height-calc) * 0.9));
	line-height: clamp(calc(var(--n-line-height-calc) * 0.8), -2cqi, calc(var(--n-line-height-calc) * 0.9));
	text-align: left;
	margin: 0 0 .5rem;
}

.n-modi2 p {
	margin: 0;
}

.n-modi2 p+p {
	margin-top: 1em;
}

.n-modi2 li,
.n-maindiv .n-modi2 li {
	margin: 0 0 1em;
}

@media (min-width:972px) {
	.n-modi2 {
		padding: 5% 0 10%;
	}

	.n-modi2 ol, .n-modi2 ul {
		padding-left: 1em;
	}

	.n-mod-ol, .n-modi2 ol.n-mod-ol {
		padding-left: 1.375em;
	}
}

/*画像のフレーム 3枚*/

.n-modi3 {
	padding: 5% 1em 10%;
}

.n-modi3>div {
	margin-bottom: 5%;
}

@media (min-width:40em) {
	.n-modi3 {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.n-modi3>div:first-of-type {
		flex: 0 0 100%;
		display: inline-block;
		width: 100%;
		text-align: left;
	}

	.n-modi3>div {
		flex: 0 0 47.9166667%;
		display: inline-block;
		width: 47.9166667%;
		text-align: left;
	}
}

@media (min-width:58em) {
	.n-modi3 {
		display: flex;
		flex-wrap: nowrap;
		justify-content: space-between;
	}

	.n-modi3>div,
	.n-modi3>div:first-of-type {
		flex: 0 0 31.25%;
		display: inline-block;
		width: 31.25%;
		text-align: left;
	}
}

.n-modi3 p {
	margin: 1em 0;
}

.n-modi3 li,
.n-maindiv .n-modi3 li {
	margin: 0 0 1em;
}

@media (min-width:972px) {
	.n-modi3 {
		padding: 5% 0 10%;
	}
}

/*** modp用 olリスト >> ****/
.n-mod-ol {
	counter-reset: n-mod-ol-counter;
	list-style-type: none;
	color: var(--n-txt)
}

.n-mod-ol li {
	counter-increment: n-mod-ol-counter;
	position: relative;
	list-style-type: none;
}

.n-mod-ol li::before {
	content: counter(n-mod-ol-counter)". ";
	font-size: 1.5em;
	font-size: clamp(1.2222222222em, 3.5vw, 1.5em);
	font-size: clamp(1.2222222222em, 3.5cqi, 1.5em);
	color: hsl(var(--n-acc_h, var(--n-txtlite_h)) var(--n-acc_s, var(--n-txtlite_s)) var(--n-acc_l, var(--n-txtlite_l)));
	position: absolute;
	top: .375em;
	left: -1em;
	line-height: 1;
	font-weight: 500;
}

.n-moh-ol_h {
	font-size: 1.2222222222em;
	font-size: clamp(1.2222222222em, 3.5vw, 1.5em);
	font-size: clamp(1.2222222222em, 3.5cqi, 1.5em);
	font-weight: 600;
	line-height: clamp(calc(var(--n-line-height-calc) * 0.8), -1vw, calc(var(--n-line-height-calc) * 0.9));
	line-height: clamp(calc(var(--n-line-height-calc) * 0.8), -1cqi, calc(var(--n-line-height-calc) * 0.9));
	color: hsl(var(--n-acc_h, var(--n-txtlite_h)) var(--n-acc_s, var(--n-txtlite_s)) var(--n-acc_l, var(--n-txtlite_l)));
}

.n-moh-ol_h span {
	display: inline-block;
}

/*** << modp用 olリスト ****/

/* ポイント */
.n-point {
	display: block;
	width: 5em;
	max-width: 100%;
	background-color: hsl(var(--n-acc_h, var(--n-decoli3_h)) var(--n-acc_s, var(--n-decoli3_s)) var(--n-acc_l, var(--n-decoli3_l)));
	border-radius: 10px;
	line-height: 1.3em;
	color: var(--n-bgdtxt);
	padding: 0 .5em;
	text-align: center;
	margin-bottom: .25em;
}

span.n-point+span {
	display: block;
}

.n-check-ul ul {
	/*チェックリスト*/
	list-style: none;
	padding: .5em 0;
	margin-left: 0;
	text-align: left;
}

img.n-dshadow+.n-check-ul ul {
	margin-top: 2em;
}

.n-check-ul ul>li {
	padding-left: 1.5em;
	list-style-type: none;
	position: relative;
}

.n-check-ul ul>li::before {
	content: "";
	border: .1em solid hsl(var(--n-acc_h, var(--n-decoli3_h)) var(--n-acc_s, var(--n-decoli3_s)) var(--n-acc_l, var(--n-decoli3_l)));
	height: 1em;
	width: 1em;
	position: absolute;
	top: .5em;
	left: 0;
	border-radius: .1em;
}

.n-check-ul ul>li::after {
	content: "";
	border: .1em solid hsl(var(--n-acc_h, var(--n-decoli3_h)) var(--n-acc_s, var(--n-decoli3_s)) var(--n-acc_l, var(--n-decoli3_l)));
	height: .5em;
	width: 1em;
	position: absolute;
	top: .5em;
	left: .175em;
	transform: rotate(-45deg);
	border-top: 0;
	border-right: 0;
}

/* check-ulと一緒に使っている箱 > */
.n-w-box {
	max-width: 500px;
	background-color: var(--n-bg);
	border: double 10px hsl(var(--n-acc_h, var(--n-decogrey3_h)) var(--n-acc_s, var(--n-decogrey3_s)) var(--n-acc_l, var(--n-decogrey3_l)));
	margin: 0 auto;
	padding: 1.5em .5em;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.n-w-box p {
	text-align: center;
	font-weight: 500;
	font-size: 1.2222222222em;
	font-size: clamp(1.2222222222em, 3.5vw, 1.5em);
	font-size: clamp(1.2222222222em, 3.5cqi, 1.5em);
	line-height: clamp(calc(var(--n-line-height-calc) * 0.8), -1vw, calc(var(--n-line-height-calc) * 0.9));
	line-height: clamp(calc(var(--n-line-height-calc) * 0.8), -1cqi, calc(var(--n-line-height-calc) * 0.9));
}

.n-w-box ul {
	font-size: 1em;
	font-size: clamp(1em, 1.5vw, 1.22222222222em);
	font-size: clamp(1em, 1.5cqi, 1.22222222222em);
	line-height: clamp(calc(var(--n-line-height-calc) * 0.9), -1vw, var(--n-line-height-calc));
	line-height: clamp(calc(var(--n-line-height-calc) * 0.9), -1cqi, var(--n-line-height-calc));
}

/* < check-ulと一緒に使っている箱 */


.n-bg-gradient {
	/*背景中央にグラデーション*/
	background: linear-gradient(to bottom, var(--n-bg), hsl(var(--n-bgacc_h, var(--n-acc_h, var(--n-bgli_h))) var(--n-bgacc_s, var(--n-acc_s, var(--n-bgli_s))) var(--n-bgacc_l, var(--n-bgli_l))) 50%, var(--n-bg));
}

.n-line-grad1 {
	/*グラデーション水平線*/
	height: .5em;
	background: linear-gradient(to left, var(--n-bg), var(--n-decogrey3) 3%, var(--n-decogrey) 90%, var(--n-bg));
	margin: 0 0 3em;
}

.n-line-grad2 {
	/*グラデーション水平線*/
	height: .5em;
	background: linear-gradient(to right, var(--n-bg), var(--n-decogrey3) 3%, var(--n-decogrey) 90%, var(--n-bg));
	margin: 0 0 3em;
}

.n-line-solid {
	/*グレーの文字と下線*/
	color: var(--n-txtgrey);
	border-bottom: currentColor solid 1px;
}

.n-line-dot {
	/*グレーの文字とドット下線*/
	color: var(--n-txtgrey);
	border-bottom: currentColor dotted 3px;
}

h4.n-line-dot, h4.n-line-solid,
h5.n-line-dot, h5.n-line-solid,
h6.n-line-dot, h6.n-line-solid {
	padding-bottom: .5em;
}

.mincho-grad {
	/*明朝体グラデーションつき文字*/
	padding: 0;
	font-family: 'Noto Serif JP', TimesNewRoman, 'Times New Roman', Times, Baskerville, Georgia, serif;
	font-size: 4em;
	line-height: 1;
	margin: 3rem .5rem .5rem;
	color: var(--n-txtgrey);
	background: -webkit-linear-gradient(var(--n-decoli), var(--n-txtgrey));
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	font-weight: 600;
}

.n-kome {
	/*打ち消し*/
	text-align: right;
	color: var(--n-txtgrey);
	font-size: .777777777em;
}

.n-kome span {
	display: inline-block;
}


/* バー背景 */
.n-bar {
	background: var(--n-bggrey);
	margin: 0 auto 1em;
	padding: .5em;
}

.n-fullbar {
	border-image-source: linear-gradient(var(--n-bggrey), var(--n-bggrey));
	border-image-slice: 0 fill;
	border-image-outset: 0 100vw;
}

.n-fullbar h4 {
	color: var(--n-txt);
}

.n-bgacc,
.n-bgacc.n-bar {
	background: hsl(var(--n-bgacc_h, var(--n-acc_h, var(--n-bggrey_h))) var(--n-bgacc_s, var(--n-acc_s, var(--n-bggrey_s))) var(--n-bgacc_l, var(--n-bggrey_l)));
}

.n-bgacc.n-fullbar {
	border-image-source: linear-gradient(hsl(var(--n-bgacc_h, var(--n-acc_h, var(--n-bggrey_h))) var(--n-bgacc_s, var(--n-acc_s, var(--n-bggrey_s))) var(--n-bgacc_l, var(--n-bggrey_l))), hsl(var(--n-bgacc_h, var(--n-acc_h, var(--n-bggrey_h))) var(--n-bgacc_s, var(--n-acc_s, var(--n-bggrey_s))) var(--n-bgacc_l, var(--n-bggrey_l))));
}

/* フィーチャーテキスト */

.n-tag, .n-maindiv .n-tag {
	max-width: 40%;
	border: 2px solid;
	border-radius: 10px;
	line-height: 1.5;
	margin: .5em auto;
	color: hsl(var(--n-acc_h, var(--n-txt_h)) var(--n-acc_s, var(--n-txt_s)) var(--n-acc_l, var(--n-txt_l)));
}

.n-f-text {
	text-align: center;
	border-top: 1px solid;
	border-bottom: 1px solid;
	padding: 1em .5em 1.5em;
	margin-bottom: 2em;
	font-size: 1.2222222222em;
	font-size: clamp(1.2222222222em, 4vw, 2.125em);
	font-size: clamp(1.2222222222em, 4cqi, 2.125em);
	line-height: 1.8;
}

.n-bold-p {
	color: var(--n-txtlite);
	font-size: 1.2222222222em;
	font-size: clamp(1.2222222222em, 4vw, 2.125em);
	font-size: clamp(1.2222222222em, 4cqi, 2.125em);
	line-height: 1.5;
	font-weight: 500;
	display: inline-block;
}

/* 横幅を指定してテキストを配置 */

.width760 {
	max-width: 47.5rem;
	margin: 0 auto;
	padding: .5em;
	text-align: justify;
}

.width650 {
	max-width: 40.625rem;
	margin: 0 auto;
	padding: .5em;
	text-align: justify;
}

.width530 {
	max-width: 33.125rem;
	margin: 0 auto;
	padding: .5em;
	text-align: justify;
}

@supports (word-break:auto-phrase) {
	.width760, .width650, .width530 {
		text-align: left;
	}
}

/* アクセント色の変えるため */
.n-acc {
	color: hsl(var(--n-acc_h, var(--n-txt_h)) var(--n-acc_s, var(--n-txt_s)) var(--n-acc_l, var(--n-txt_l)));
}

/* ダイヤブロック > */

.n-dia_block {
	margin: 1.8em auto;
	padding: 1.2em 1em;
	border-bottom: var(--n-decogrey) 1px solid;
}

.n-dia_block p {
	padding: .5em;
}

.n-dia_hd,
h4.n-dia_hd, h5.n-dia_hd, h6.n-dia_hd,
.n-maindiv h4.n-dia_hd, .n-maindiv h5.n-dia_hd, .n-maindiv h6.n-dia_hd {
	padding: .5em;
	text-align: center;
	font-size: 1em;
	color: hsl(var(--n-acc_h, var(--n-txtgrey_h)) var(--n-acc_s, var(--n-txtgrey_s)) var(--n-acc_l, var(--n-txtgrey_l)));
	font-weight: 350;
}

.n-dia_hd::after {
	content: " ◇";
}

.n-dia_hd::before {
	content: "◇ ";
}

/* < ダイヤブロック */

/* 使用方法DL > */
.n-how-dl {
	margin-top: 1em;
	margin-bottom: 1em;
	text-align: left;
}

.n-how-dl dt::before {
	content: "";
	display: inline-block;
	width: .5em;
	height: 1.25em;
	background: hsl(var(--n-acc_h, var(--n-decogrey_h)) var(--n-acc_s, var(--n-decogrey_s)) var(--n-acc_l, var(--n-decogrey_l)));
	vertical-align: middle;
	margin-right: .5em;
}

.n-how-dl dt {
	vertical-align: middle;
	display: inline-block;
	font-weight: 600;
	margin-bottom: .5em;
}

.n-how-dl dd {
	margin-bottom: 1.5em;
	margin-left: 0;
}

/* < 使用方法DL */


/* 画像付きの引用 > */
.n-quote {
	margin: 4em 0;
}

.n-quote>div {
	margin-bottom: 4em;
}

.n-quote>div:nth-of-type(2n+1) {
	flex-direction: row-reverse;
}

.n-quote>div>div:nth-child(2) {
	flex: 0 0 33%;
	height: auto;
	display: flex;
	justify-content: center;
	align-items: center;
}

.n-quote>div>div:nth-child(1) {
	flex: 0 0 66%;
	border: .075em solid;
	background: var(--n-bg);
	color: hsl(var(--n-acc_h, var(--n-txtgrey_h)) var(--n-acc_s, var(--n-txtgrey_s)) var(--n-acc_l, var(--n-txtgrey_l)));
	border-color: hsl(var(--n-bgacc_h, var(--n-acc_h, var(--n-bggrey_h))) var(--n-bgacc_s, var(--n-acc_s, var(--n-bggrey_s))) var(--n-bgacc_l, var(--n-bggrey_l)));
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1.75em;
	font-size: clamp(1.25em, 4vw, 1.75em);
	font-size: clamp(1.25em, 4cqi, 1.75em);
	padding: 1em;
	line-height: 1.5;
	border-radius: .25em;
	position: relative;
	z-index: 1;
	margin-bottom: .5em;
}

.n-quote>div>div:nth-child(1)::before {
	position: absolute;
	left: calc(50% - .5em);
	bottom: -.555em;
	content: "";
	height: 1em;
	width: 1em;
	border: .075em solid hsl(var(--n-bgacc_h, var(--n-acc_h, var(--n-bggrey_h))) var(--n-bgacc_s, var(--n-acc_s, var(--n-bggrey_s))) var(--n-bgacc_l, var(--n-bggrey_l)));
	border-top: 0;
	border-left: 0;
	transform: rotate(45deg);
	z-index: 2;
	background: var(--n-bg);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.n-quote p {
	z-index: 3;
}

@media (min-width:30em) {
	.n-quote>div {
		display: flex;
		justify-content: space-between;
		margin-bottom: 2em;
	}

	.n-quote>div>div:nth-child(1) {
		flex: 0 0 66%;
		width: 66%;
		padding: 2.5% .5em;
		margin-bottom: 0;
	}

	.n-quote>div>div:nth-child(1)::before {
		bottom: auto;
		left: -.555em;
		top: calc(50% - .5em);
		transform: rotate(135deg);
	}

	.n-quote>div:nth-of-type(2n)>div:nth-child(1)::before {
		left: auto;
		right: -.555em;
		transform: rotate(-45deg);
	}

	.n-quote>div>div:nth-child(2) {
		width: 33%;
	}
}

.n-quote--even>div:nth-of-type(even) div:nth-child(1), .n-quote--even>div:nth-of-type(even) div:nth-child(1)::before, .n-quote--bg>div>div:nth-child(1), .n-quote--bg>div>div:nth-child(1)::before, .n-quote--odd>div:nth-of-type(odd) div:nth-child(1), .n-quote--odd>div:nth-of-type(odd) div:nth-child(1)::before {
	background: hsl(var(--n-bgacc_h, var(--n-acc_h, var(--n-bggrey_h))) var(--n-bgacc_s, var(--n-acc_s, var(--n-bggrey_s))) var(--n-bgacc_l, var(--n-bggrey_l)));
}

/* < 画像付きの引用 */


/**** < モジュールスタイル ****/





/**** Q&Aの質問枠・質問見出し >****/

.n-details-wrap {
	color: var(--n-txtgrey);
	max-width: 50em;
	margin: 0 auto 2em;
	padding: 0 1.2222222222em 2em;
	padding: 0 min(10%, 1.2222222222em) 2em;
}

.n-details {
	transition: .5s;
	background: var(--n-bg);
	border: 2px solid var(--n-decoli);
	border-radius: 4px;
	padding: .5em 1em;
	padding: .5em min(10%, 1em);
	margin-bottom: 1em;
}

.n-details::details-content {
	transition: height .25s ease, content-visibility .25s ease allow-discrete;
	height: 0;
	interpolate-size: allow-keywords;
	overflow: clip;
}

.n-details[open]::details-content {
	height: auto;
	transition: height .5s ease, content-visibility .5s ease allow-discrete;
}

.n-details summary, .n-details summary, .n-summary {
	/*質問見出し*/
	margin: -.5em -.5em;
	padding: .5em;
	outline: none;
	font-size: 1.2222222222em;
	font-size: clamp(1.2222222222em, 3.5vw, 1.5em);
	font-size: clamp(1.2222222222em, 3.5cqi, 1.5em);
	font-weight: 400;
	line-height: clamp(calc(var(--n-line-height-calc) * 0.8), -1vw, calc(var(--n-line-height-calc) * 0.9));
	line-height: clamp(calc(var(--n-line-height-calc) * 0.8), -1cqi, calc(var(--n-line-height-calc) * 0.9));
}

.n-details__a {
	color: var(--n-txtlite);
	font-size: 1.2222222222em;
	font-size: clamp(1.2222222222em, 3.5vw, 1.5em);
	font-size: clamp(1.2222222222em, 3.5cqi, 1.5em);
	font-weight: 400;
	line-height: clamp(calc(var(--n-line-height-calc) * 0.8), -1vw, calc(var(--n-line-height-calc) * 0.9));
	line-height: clamp(calc(var(--n-line-height-calc) * 0.8), -1cqi, calc(var(--n-line-height-calc) * 0.9));
}

.n-details[open], div.n-details {
	background: var(--n-bgli4);
	color: var(--n-txt);
}

.n-details[open] summary {
	outline: none;
}

@supports selector(::marker) {
	.n-details summary::marker {
		content: "";
	}

	.n-details summary::-webkit-details-marker {
		display: none;
	}

	.n-details summary::before {
		content: "";
		display: inline-block;
		height: .75em;
		width: .75em;
		margin: 0 .5em .125em 0;
		vertical-align: middle;
		background-color: var(--n-decogrey3);
		-webkit-mask: var(--n-img-tri-down) no-repeat center;
		mask: var(--n-img-tri-down) no-repeat center;
		background-size: contain;
		transform: rotate(-90deg);
		transition: .25s ease;
	}

	.n-details[open] summary::before {
		transform: rotate(0deg);
	}
}

.n-details>div {
	padding-top: .5em;
}

.n-details>div:first-of-type, .n-details>div:first-of-type, .n-details__a {
	border-top: 1px solid var(--n-bgli);
}

.n-details>div:first-of-type.n-summary {
	border-top: none;
}

.n-details-wrap p {
	margin: 0;
}

/**** < Q&Aの質問枠・質問見出し ****/

/**** pcwrap,pcwrap-ind 共通>>***/
.n-pcwrap, .n-pcwrap-ind {
	line-break: strict;
	text-align: left;
	line-height: 2;
	line-height: var(--n-line-height);
	font-size: 1.125rem;
	color: var(--n-txt);
	font-feature-settings: "palt", "kern", "ccmp";
	font-family: '游ゴシック', 'Yu Gothic', YuGothic, '游ゴシック体', 'Noto Sans CJK JP', 'Source Han Sans JP', 'Noto Sans CJK JP Regular', 'Yu Gothic UI', 'Hiragino Sans W3', 'Hiragino Sans', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', 'Hiragino Kaku Gothic Pro', system-ui, 'Meiryo', '小塚ゴシック Pr6N', 'ＭＳ Ｐゴシック', 'MS UI Gothic', 'MS Gothic', sans-serif;
	font-weight: 400;
	margin-bottom: 1em;
	max-width: 50em;
	padding-left: 0;
	padding-right: 0;
}

@media (min-width:16em) {
	.n-pcwrap, .n-pcwrap-ind {
		word-break: auto-phrase;
		overflow-wrap: break-word;
		overflow-wrap: anywhere;
		text-wrap: pretty;
	}
}

/**** <<pcwrap,pcwrap-ind 共通***/

/**** pcwrap-ind ***/
.n-pcwrap-ind {
	text-indent: -.5em;
	padding-left: .5em;
	padding-right: .5em;
}

.n-pcwrap-ind b {
	font-weight: 500;
	color: var(--n-txtlite);
}

.n-pcwrap-ind+.n-pcwrap-ind, .n-pcwrap-ind+.n-pcwrap {
	margin-top: 2em;
}

/**** << pcwrap-ind ***/
/**** pcwrap>>***/
.n-pcwrap hr {
	border: 0;
	border-top: 1px solid var(--n-decogrey3);
	display: block;
}

.n-pcwrap a {
	text-decoration: underline;
	color: var(--n-link);
}

.n-pcwrap a:visited {
	color: var(--n-linkv);
}

.n-pcwrap a:hover, .n-pcwrap a:focus {
	color: var(--n-linkh);
}

.n-pcwrap a:hover img {
	opacity: .8;
}

.n-pcwrap h2,
#main-column .n-pcwrap h2,
.n-pcwrap h4,
.n-pcwrap table>caption {
	margin-bottom: 0;
	font-weight: 500;
	font-size: 1.125em;
	text-align: left;
}

.n-pcwrap-catch {
	font-style: italic;
	color: var(--n-txtgrey);
	font-size: 1rem;
	line-height: 1.5;
}

.n-pcwrap-desc {
	font-size: 1rem;
	line-height: 1.54;
}

.n-pcwrap table {
	margin-bottom: 2em;
	border-collapse: collapse;
	width: auto;
}

.n-pcwrap table th, .n-pcwrap table td {
	border: 1px solid var(--n-decoli3);
	vertical-align: text-top;
	padding: .125em .5em;
	min-width: 7em;
	text-align: left;
}

.n-pcwrap table th {
	font-weight: 500;
	background: var(--n-bgli2);
}

.n-pcwrap table th.n-pcwrap-altth {
	background: var(--n-bgli3);
}

.n-pcwrap th.n-pcwrap-tm {
	background: var(--n-bgli3);
	font-weight: 500;
}

.n-pcwrap th.n-pcwrap-tm+td {
	color: var(--n-txtlite);
	font-weight: 400;
}

.n-pcwrap ul {
	text-indent: .125em;
	margin-left: 1em;
	line-height: var(--n-line-height);
}

.n-pcwrap table ul {
	padding: 0;
	margin-bottom: 0;
}

.n-pcwrap ul li {
	list-style-type: disc;
	margin-bottom: 1em;
}

.n-pcwrap table ul li {
	margin-bottom: 0;
	line-height: var(--n-line-height);
}

ul.n-pcwrap-chui {
	font-size: 1rem;
	line-height: 1.5;
	padding: 0;
	margin-bottom: 0;
}

ul.n-pcwrap-chui li {
	margin-bottom: .0;
}

ul.n-pcwrap-chui li:last-of-type {
	margin-bottom: 1em;
}

@media (max-width:24em) {
	.n-pcwrap table:not(.n-pcwrap-comp) {
		width: 100%;
	}

	.n-pcwrap table:not(.n-pcwrap-comp) th, .n-pcwrap table:not(.n-pcwrap-comp) td {
		min-width: auto;
		display: block;
	}

	.n-pcwrap table:not(.n-pcwrap-comp) th, .n-pcwrap table:not(.n-pcwrap-comp) tr:not(:last-of-type) td {
		border-bottom: 0;
	}

	.n-pcwrap table:not(.n-pcwrap-comp) td {
		border-top: 0;
	}
}

@media (max-width:18em) {
	.n-pcwrap {
		padding: 0;
	}

	table.n-pcwrap-comp {
		width: 100%;
	}

	table.n-pcwrap-comp th, table.n-pcwrap-comp td {
		min-width: auto;
		display: block;
	}

	table.n-pcwrap-comp th, .n-pcwrap table.n-pcwrap-comp tr:not(:last-of-type) td {
		border-bottom: 0;
	}

	table.n-pcwrap-comp td {
		border-top: 0;
	}

}

.n-fancykw {
	border: 1px solid var(--n-decoli3);
	margin-top: 2em;
}

.n-fancykw>h2,
#main-column .n-pcwrap .n-fancykw>h2,
.n-fancykw>h4,
#main-column .n-pcwrap .n-fancykw>h4,
.n-fancykw>summary {
	background: var(--n-bgli2);
	padding: .125em 1rem;
}

.n-fancykw>p {
	font-size: 13px;
	margin-bottom: 0;
	line-height: 1.5;
	padding: 1rem;
}

.n-fancykw::details-content {
	transition: height .25s ease, content-visibility .25s ease allow-discrete;
	height: 0;
	interpolate-size: allow-keywords;
	overflow: clip;
}

.n-fancykw[open]::details-content {
	height: auto;
	transition: height .5s ease, content-visibility .5s ease allow-discrete;
}

@supports selector(::marker) {
	.n-fancykw summary::marker {
		content: "";
	}

	.n-fancykw summary::-webkit-details-marker {
		display: none;
	}

	.n-fancykw summary::before {
		content: "";
		display: inline-block;
		height: .75em;
		width: .75em;
		margin: 0 .5em .125em 0;
		vertical-align: middle;
		background-color: var(--n-txt);
		-webkit-mask: var(--n-img-tri-down) no-repeat center;
		mask: var(--n-img-tri-down) no-repeat center;
		background-size: contain;
		transform: rotate(-90deg);
		transition: .25s ease;
	}

	.n-fancykw[open] summary::before {
		transform: rotate(0deg);
	}
}

/****<<pcwrap ***/

/**** キャンペーン関係> */
.n-acctitle, .n-maindiv .n-acctitle {
	color: hsl(var(--n-acc_h, var(--n-txt_h)) var(--n-acc_s, var(--n-txt_s)) var(--n-acc_l, var(--n-txt_l)));
	text-align: center;
	font-weight: 600;
	margin: 1em 1rem;
	font-family: 'Noto Serif JP', '小塚明朝 Pr6N', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'ＭＳ Ｐ明朝', 'MS PMincho', 'serif';
	font-size: 1.75em;
	font-size: clamp(1.5em, 5vw, 2.5em);
	font-size: clamp(1.5em, 7cqi, 2.5em);
	line-height: clamp(calc(var(--n-line-height-calc) * 0.625), -1vw, calc(var(--n-line-height-calc) * 0.75));
	line-height: clamp(calc(var(--n-line-height-calc) * 0.625), -2cqi, calc(var(--n-line-height-calc) * 0.75));
}

.n-titletime, .n-maindiv .n-titletime {
	font-size: 1em;
	font-size: clamp(1em, 1.5vw, 1.2222222222em);
	font-size: clamp(1em, 1.7cqi, 1.2222222222em);
	font-weight: 600;
	text-align: center;
	padding: .25em 0;
	margin: 0 1rem 1em;
	line-height: clamp(calc(var(--n-line-height-calc) * 0.9), -1vw, var(--n-line-height-calc));
	line-height: clamp(calc(var(--n-line-height-calc) * 0.9), -2cqi, var(--n-line-height-calc));
}

.n-acctitle~.n-titletime, .n-maindiv .n-acctitle~.n-titletime {
	padding-top: 0;
	margin-bottom: 2em;
}

.bn-full+.n-titletime {
	margin-top: 4em;
}

.n-acctitle span, .n-acctitle span {
	display: inline-block;
}

.n-grptitle, .n-maindiv .n-grptitle {
	text-align: center;
	font-size: 1.2222222222em;
	font-size: clamp(1.2222222222em, 3.5vw, 1.5em);
	font-size: clamp(1.2222222222em, 3.5cqi, 1.5em);
	font-weight: 600;
	line-height: clamp(calc(var(--n-line-height-calc) * 0.8), -1vw, calc(var(--n-line-height-calc) * 0.9));
	line-height: clamp(calc(var(--n-line-height-calc) * 0.8), -1cqi, calc(var(--n-line-height-calc) * 0.9));
	margin: 2em .5em 1em;
	vertical-align: middle;
}

.n-grptitle::before,
.n-grptitle::after {
	content: "";
	display: inline-block;
	height: .75em;
	width: .75em;
	margin: 0 .25em .125em;
	vertical-align: middle;
	background-color: var(--n-decogrey3);
	-webkit-mask: var(--n-img-tri-down) no-repeat center;
	mask: var(--n-img-tri-down) no-repeat center;
	background-size: contain;
}


.n-campchui {
	line-height: 1.5;
	font-weight: 400;
	padding: 2em 0;
	margin-left: .5em;
	margin-right: .5em;
}

.n-campchui strong {
	color: var(--n-txtlite);
	font-weight: 500;
}

/**** <キャンペーン関係 */

/**** セール会場グリッド > ****/
.n-salegrid {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	line-height: 1.5;
}

.n-salegrid>* {
	display: block;
	width: 100%;
}

.n-salegrid p {
	margin-bottom: 0;
}

.n-maindiv .n-salegrid a {
	display: block;
}

@media (min-width:16em) and (max-width:38em) {
	.n-salegrid:not(.n-salegrid--single) {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
		display: grid;
		font-size: .75em;
		grid-gap: .5em;
		padding: .5em;
	}
}

@media (min-width:38em) {
	.n-salegrid>* {
		width: auto;
		vertical-align: top;
		margin: 0;
	}

	.n-salegrid {
		display: grid;
		gap: 1.5em;
		grid-template-columns: repeat(auto-fill, minmax(16em, 1fr));
	}
}

.n-salegrid h5 {
	font-weight: 500;
	line-height: 1.5;
	align-self: center;
	margin: 0;
	padding: 0 .125rem .5em;
	font-size: 1.375em;
}

.n-salegrid span {
	display: inline-block;
}

@supports (word-break:auto-phrase) {
	.n-salegrid span {
		display: contents;
	}
}

.n-salegrid>* {
	margin-bottom: 4em;
}

.n-salegrid>*>*>* {
	margin-bottom: 1em;
}

.n-maindiv .n-salegrid a,
.n-maindiv .n-salegrid a span {
	text-decoration: none;
	color: var(--n-txt);
}

.n-salegrid_click {
	color: var(--n-txtgrey);
	border-radius: .5em;
	font-size: 1.25em;
	font-size: clamp(1em, 1.5vw, 1.25em);
	font-size: clamp(1em, 1.5cqi, 1.25em);
	border: 2px solid;
	padding: .125em 1em .25em;
	line-height: 1;
	font-weight: 400;
	display: inline-block;
}

.n-salegrid a .n-salegrid_click {
	transition: background-color ease .25s;
}

.n-salegrid_imgdiv {
	position: relative;
	z-index: 0;
}

.n-salegrid_imgdiv::before {
	position: absolute;
	height: 0;
	width: 0;
	font-size: 1rem;
	border-bottom: 4.5rem solid transparent;
	border-right: 4.5rem solid transparent;
	border-top: 4.5rem solid var(--n-bgd);
	top: 0;
	left: 0;
	z-index: 5;
	display: block;
	content: "";
	opacity: .85;
}

.n-salegrid_imgdiv::after {
	content: "SALE";
	position: absolute;
	top: 2rem;
	left: -.25rem;
	transform: rotate(-45deg);
	transform-origin: 0 0 0;
	font-size: 1.33rem;
	color: var(--n-bgdtxt);
	z-index: 10;
	font-weight: 400;
}

.n-salegrid a:hover .n-salegrid_imgdiv::before {
	opacity: 1;
}

.n-salegrid a img,
.n-salegrid a .n-salegrid_imgdiv::before {
	transition: opacity ease .25s;
}

.n-salegrid a:hover .n-salegrid_click {
	background-color: var(--n-bgli);
}

.n-salegrid_tokutxt {
	color: var(--n-txtlite);
}

.n-salegrid_tokutxt-b {
	font-size: 1.25em;
	color: var(--n-txtlite);
	font-weight: 400;
}

.n-maindiv .n-salegrid a .n-salegrid_tokutxt-b span {
	color: var(--n-txtlite);
}

.n-salegrid_price--notmain~.n-salegrid_tokutxt-b {
	font-size: 1.25em;
	font-size: clamp(1.25em, 2vw, 1.875em);
	font-size: clamp(1.25em, 2cqi, 1.875em);
	font-weight: 500;
}

.n-salegrid_tsujo {
	font-size: 1.25em;
}

.n-salegrid_tsujo, .n-maindiv .n-salegrid a .n-salegrid_tsujo span {
	color: var(--n-txtlite);
	font-weight: 400;
	text-decoration: line-through;
}

.n-salegrid_coupon {
	font-size: 1.25em;
	color: var(--n-txtlite);
	font-weight: 400;
}

.n-salegrid_price {
	font-size: 1.25em;
	font-size: clamp(.9em, 5.5vw, 1.75em);
	font-size: clamp(.9em, 5.5cqi, 1.75em);
}

.n-salegrid_price, .n-maindiv .n-salegrid a .n-salegrid_price span {
	font-weight: 600;
	color: var(--n-txtlite);
}

.n-salegrid_price.n-salegrid_price--notmain, .n-maindiv .n-salegrid a .n-salegrid_price.n-salegrid_price--notmain span {
	font-weight: 500;
}

.n-salegrid_kikan {
	font-size: 1em;
	color: var(--n-txt);
	font-weight: 400;
}

.n-salegrid_copy {
	font-weight: 500;
	text-align: left;
	padding: 1em;
	text-decoration: underline;
	line-height: 1.5;
}

.n-salegrid_zaikotxt {
	color: var(--n-txtlite);
}

.n-salegrid_jigen .n-salegrid_imgdiv::before,
.n-salegrid_jigen .n-salegrid_tsujo, .n-maindiv .n-salegrid a.n-salegrid_jigen .n-salegrid_tsujo span,
.n-salegrid_jigen .n-salegrid_price, .n-maindiv .n-salegrid a.n-salegrid_jigen .n-salegrid_price span,
.n-salegrid_jigen .n-salegrid_tokutxt,
.n-salegrid_jigen .n-salegrid_tokutxt-b, .n-maindiv .n-salegrid a.n-salegrid_jigen .n-salegrid_tokutxt-b span,
.n-salegrid_jigen .n-salegrid_zaikotxt,
.n-salegrid_jigentxt {
	border-top-color: orange;
	color: #cc7300;

}

.n-salegrid_jigentxt {
	font-weight: 500;
}

a.n-salegrid_jigen .n-salegrid_kikan, a.n-salegrid_jigen:visited .n-salegrid_kikan, a.n-salegrid_jigen:link .n-salegrid_kikan,
a.n-salegrid_jigen .n-salegrid_kikan span, a.n-salegrid_jigen:visited .n-salegrid_kikan span, a.n-salegrid_jigen:link .n-salegrid_kikan span {
	text-decoration: underline;
	text-decoration-style: wavy;
	text-decoration-color: orange;
}

.n-salegrid_newsize .n-salegrid_imgdiv::after,
.n-salegrid_new .n-salegrid_imgdiv::after {
	content: "NEW";
}

.n-salegrid_newsize .n-salegrid_imgdiv::before,
.n-salegrid_new .n-salegrid_imgdiv::before {
	border-top-color: #2b89cd;
}

.n-salegrid_tag-newsize,
.n-salegrid_tag-new {
	color: #2b89cd;
	font-size: 1.5em;
	font-weight: 400;
}

.n-salegrid_present_1-1 .n-salegrid_imgdiv::after {
	content: "1+1";
	font-weight: 500;
}

.n-salegrid_present_2-1 .n-salegrid_imgdiv::after {
	content: "2+1";
	font-weight: 500;
}

.n-salegrid_present_3-1 .n-salegrid_imgdiv::after {
	content: "3+1";
	font-weight: 500;
}

@media (min-width:36em) {
	.n-salegrid.n-salegrid--single {
		grid-template-columns: minmax(0, 1fr);
	}

	.n-salegrid.n-salegrid--single a {
		display: flex;
		text-align: left;
	}

	.n-salegrid.n-salegrid--single .n-salegrid_imgdiv {
		flex: 0 1 50%;
		margin-right: 1em;
	}

	.n-salegrid.n-salegrid--single .n-salegrid_imgdiv+div {
		flex: 1 1 50%;
	}

	.n-salegrid.n-salegrid--single h5 {
		font-size: 1.5em;
		font-size: clamp(1.5em, 2.5vw + .5em, 2.25em);
		font-size: clamp(1.5em, 2.5cqi + .5em, 2.25em);
		padding-left: 0;
	}

	.n-salegrid.n-salegrid--single .n-salegrid_tsujo,
	.n-salegrid.n-salegrid--single .n-salegrid_coupon {
		display: inline-block;
		margin-right: .5em;
	}

	.n-salegrid.n-salegrid--single .n-salegrid_price {
		font-size: 1.75em;
		font-size: clamp(1.75em, 2.5vw + 1em, 2.25em);
		font-size: clamp(1.75em, 2.5cqi + 1em, 2.25em);
		line-height: 1.2;
	}

	.n-salegrid.n-salegrid--single .n-salegrid_price.n-salegrid_price--notmain {
		font-size: 1.5em;
		font-size: clamp(1.25em, 2vw, 1.5em);
		font-size: clamp(1.25em, 2cqi, 1.5em);
	}
}

@media (min-width:50em) {
	.n-salegrid.n-salegrid--single .n-salegrid_imgdiv {
		flex: 0 1 33%;
		margin-right: 2em;
	}

	.n-salegrid.n-salegrid--single .n-salegrid_imgdiv+div {
		flex: 1 1 66%;
	}
}

.n-timesalep--over .n-salegrid_imgdiv::before {
	display: none;
}

.n-timesalep--over .n-salegrid_imgdiv::after, .bn-full.n-timesalep--over::after {
	content: "セール終了";
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	text-align: center;
	width: 100%;
	font-size: 2.25em;
	font-weight: 700;
	color: #fff;
	transform: translateY(-50%);
	filter: drop-shadow(hsl(0, 0%, 12%) .125em .125em 0.1875em);
	background: transparent;
}

.bn-full.n-timesalep--over::after {
	content: "キャンペーン終了";
	font-size: clamp(1.25em, 4vw, 2.5em);
	padding: .25em 0;
}

.n-timesalep--over {
	filter: grayscale(.8);
}

.n-timesalep--over img {
	filter: brightness(.6) saturate(.1);
}

.bn-full .n-acctitle {
	color: var(--n-txtgrey);
}

#n-scrolled-to-timesale+.n-acctitle {
	border: #ffdfb5 solid .5em;
	border-left: 0;
	border-right: 0;
	padding: .5em;
	color: #cc7300;
}

/**** < セール会場グリッド ****/

/**** 虹 > ****/

.n-acc2 li::marker{
	color:hsl(var(--n-acc_h,var(--n-txtgrey_h)) var(--n-acc_s,var(--n-txtgrey_s)) var(--n-acc_l,var(--n-txtgrey_l)));
}

.n-how-dl.n-niji dt:nth-of-type(5n+1)::before{
	background-color:var(--n-niji1);
}
.n-how-dl.n-niji dt:nth-of-type(5n+2)::before{
	background-color:var(--n-niji2);
}
.n-how-dl.n-niji dt:nth-of-type(5n+3)::before{
	background-color:var(--n-niji3);
}
.n-how-dl.n-niji dt:nth-of-type(5n+4)::before{
	background-color:var(--n-niji4);
}
.n-how-dl.n-niji dt:nth-of-type(5n+5)::before{
	background-color:var(--n-niji5);
}

.n-niji li:nth-of-type(5n+1)::marker{
	color:var(--n-niji1);
}
.n-niji li:nth-of-type(5n+2)::marker{
	color:var(--n-niji2);
}
.n-niji li:nth-of-type(5n+3)::marker{
	color:var(--n-niji3);
}
.n-niji li:nth-of-type(5n+4)::marker{
	color:var(--n-niji4);
}
.n-niji li:nth-of-type(5n+5)::marker{
	color:var(--n-niji5);
}

ol.n-niji > li:nth-of-type(5n+1)::marker,
.n-niji ol > li:nth-of-type(5n+1)::marker{
	color:var(--n-niji1--read);
}
ol.n-niji li:nth-of-type(5n+2)::marker,
.n-niji ol > li:nth-of-type(5n+2)::marker{
	color:var(--n-niji2--read);
}
ol.n-niji > li:nth-of-type(5n+3)::marker,
.n-niji ol > li:nth-of-type(5n+3)::marker{
	color:var(--n-niji3--read);
}
ol.n-niji > li:nth-of-type(5n+4)::marker,
.n-niji ol > li:nth-of-type(5n+4)::marker{
	color:var(--n-niji4--read);
}
ol.n-niji > li:nth-of-type(5n+5)::marker,
.n-niji ol > li:nth-of-type(5n+5)::marker{
	color:var(--n-niji5--read);
}

.n-quote--bg.n-niji>div:nth-of-type(5n+1)>div:nth-child(1), .n-quote--bg.n-niji>div:nth-of-type(5n+1)>div:nth-child(1)::before {
	background-color: var(--n-niji1);
	border-color: var(--n-niji1);
	color: var(--n-txtnotheme);
}

.n-quote--bg.n-niji>div:nth-of-type(5n+2)>div:nth-child(1), .n-quote--bg.n-niji>div:nth-of-type(5n+2)>div:nth-child(1)::before {
	background-color: var(--n-niji2);
	border-color: var(--n-niji2);
	color: var(--n-txtnotheme);
}

.n-quote--bg.n-niji>div:nth-of-type(5n+3)>div:nth-child(1), .n-quote--bg.n-niji>div:nth-of-type(5n+3)>div:nth-child(1)::before {
	background-color: var(--n-niji3);
	border-color: var(--n-niji3);
	color: var(--n-txtnotheme);
}

.n-quote--bg.n-niji>div:nth-of-type(5n+4)>div:nth-child(1), .n-quote--bg.n-niji>div:nth-of-type(5n+4)>div:nth-child(1)::before {
	background-color: var(--n-niji4);
	border-color: var(--n-niji4);
	color: var(--n-txtnotheme);
}

.n-quote--bg.n-niji>div:nth-of-type(5n+5)>div:nth-child(1), .n-quote--bg.n-niji>div:nth-of-type(5n+5)>div:nth-child(1)::before {
	background-color: var(--n-niji5);
	border-color: var(--n-niji5);
	color: var(--n-txtnotheme);
}


.n-layout.n-niji p:nth-of-type(5n+1) {
	background-color: var(--n-niji1);
	color: var(--n-txtnotheme);
}

.n-layout.n-niji p:nth-of-type(5n+2) {
	background-color: var(--n-niji2);
	color: var(--n-txtnotheme);
}

.n-layout.n-niji p:nth-of-type(5n+3) {
	background-color: var(--n-niji3);
	color: var(--n-txtnotheme);
}

.n-layout.n-niji p:nth-of-type(5n+4) {
	background-color: var(--n-niji4);
	color: var(--n-txtnotheme);
}

.n-layout.n-niji p:nth-of-type(5n+5) {
	background-color: var(--n-niji5);
	color: var(--n-txtnotheme);
}

/**** < 虹 ****/


/**** テキスト調整 >> ****/

.n-just {
	text-align: justify;
	word-break: normal;
}

/**** << テキスト調整 ****/

/**** breaks >> ****/
.no-b, .no-b-group span {
	display: inline-block;
}

@container (max-width:34em) {

	.un-b .no-b,
	.un-b span,
	h4.un-b span,
	h5.un-b span,
	.modp.un-b h4 span,
	.modp.un-b h5 span {
		display: inline;
		display: contents;
	}
}

@container (min-width:32em) {

	.hardun-b,
	.n-modp h4 span.hardun-b,
	.n-modp h5 span.hardun-b {
		display: block;
	}
}

.wbr {
	overflow-wrap: break-word;
	overflow-wrap: anywhere;
	word-wrap: break-word;
	word-break: break-word;
	-ms-word-break: break-all;
	word-break: break-all;
}

@media(max-width:16em) {
	@supports (word-break:auto-phrase) {
		.no-b, .no-b-group span {
			display: contents;
		}
	}
}

/**** << breaks ****/