@charset "utf-8";

/* ――――――――――――――――――――――――――

Webフォント読み込み

―――――――――――――――――――――――――― */
@import url("https://cdn.jsdelivr.net/npm/yakuhanjp@3.3.1/dist/css/yakuhanjp.min.css");
/* font-family: 'YakuHanJP' sans-serif; */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap');
/* font-family: 'Noto Sans JP', sans-serif; */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');
/* font-family: 'Roboto', sans-serif; */

/* ----- .jp .en ----- */
.en-400 { font-family: 'YakuHanJP', 'Roboto', sans-serif; letter-spacing: -0.02em; font-weight: 400; }
.en-700 { font-family: 'YakuHanJP', 'Roboto', sans-serif; letter-spacing: -0.02em; font-weight: 700; }



/* ――――――――――――――――――――――――――

CSSリセット

―――――――――――――――――――――――――― */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6,
address, ol, ul, dl, dd, pre, legend, .table, .breadcrumb,
.figure-img, .form-label, .card-title { margin-bottom: 0; }
img, svg { vertical-align: top; }
dt { font-weight: 400; }
ol, ul { margin: 0; padding: 0; list-style: none; }
table th { font-weight: 400; }
p { margin-bottom: 1.5rem; }
.small, small { line-height: 1.5em; }



/* ――――――――――――――――――――――――――}

カラー設定

-c01 { color: #BF1920; }
-c02 { color: #025222; }
-c03 { color: #0D3086; }
-c04 { color: #BF5B03; }
-c01-hover { color: #ef303d; }
-c02-hover { color: #058a40; }
-c03-hover { color: #1958c6; }
-c04-hover { color: #ef9606; }
-c01-rgb { color: rgb(191,25,32); }
-c02-rgb { color: rgb(2,82,34); }
-c03-rgb { color: rgb(13,48,134); }
-c04-rgb { color: rgb(191,91,3); }
-c05 { color: #f9efe6; }
-c06 { color: #fef2f3; }

-g01 { color: #333333; }
-g02 { color: #7a7a7a; }
-g03 { color: #a7a7a7; }
-g04 { color: #d3d3d3; }
-g05 { color: #f0f0f0; }

-href { color: #ee2211; }
-href-hover { color: #bb0000; }
-href-hover-rgb { color: rgb(238,34,17); }
-line { color: #cccccc; }
-body { color: #222222; }
-body-bg { color: #ffffff; }
-form { color: #f9f9f9; }

-white { color: #ffffff; }
-black { color: #000000; }
-red { color: #e60012; }
-blue { color: #1d2088; }
-yellow { color: #fff100; }
-green { color: #009944; }
-cyan { color: #00A0E9; }
-magenta { color: #E4007F; }
-orange { color: #ff8800; }

―――――――――――――――――――――――――― */
:root {
	--jp-c01: #BF1920;
	--jp-c02: #025222;
	--jp-c03: #0D3086;
	--jp-c04: #BF5B03;
	--jp-c01-hover: #ef303d;
	--jp-c02-hover: #058a40;
	--jp-c03-hover: #1958c6;
	--jp-c04-hover: #ef9606;
	--jp-c01-rgb: 191,25,32;
	--jp-c02-rgb: 2,82,34;
	--jp-c03-rgb: 13,48,134;
	--jp-c04-rgb: 191,91,3;
	--jp-c05: #f9efe6;
	--jp-c06: #fef2f3;
	--jp-g01: #333333;
	--jp-g02: #7a7a7a;
	--jp-g03: #a7a7a7;
	--jp-g04: #d3d3d3;
	--jp-g05: #f0f0f0;
	--jp-white: #ffffff;
	--jp-black: #000000;
	--jp-red: #e60012;
	--jp-blue: #1d2088;
	--jp-yellow: #fff100;
	--jp-green: #009944;
	--jp-cyan: #00A0E9;
	--jp-magenta: #E4007F;
	--jp-orange: #ff8800;
	--jp-href: #ee2211;
	--jp-href-hover: #bb0000;
	--jp-href-hover-rgb: 238,34,17;
	--jp-line: #cccccc;
	--jp-body: #222222;
	--jp-body-bg: #ffffff;
	--jp-form: #f9f9f9;
	--jp-mp-s: 4rem;
	--jp-mp-m: 5rem;
	--jp-mp-l: 6rem;
	--jp-body-font-family: 'YakuHanJP', 'Roboto', 'Noto Sans JP', sans-serif;
	--jp-body-font-size: 16px;
	--jp-body-font-weight: 400;
}
body {
	margin: 0;
	font-family: var(--jp-body-font-family);
	font-size: var(--jp-body-font-size);
	font-weight: var(--jp-body-font-weight);
	line-height: 1.5em;
	color: var(--jp-body);
	background-color: var(--jp-body-bg);
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
@media (min-width:576px) {
	body {
		line-height: 1.75em;
	}
}

/* ----- #loading ----- */
#loading {
	position: fixed;
	width: 100vw;
	height: 100vh;
	top: 0;
	left: 0;
	background: var(--jp-white);
	z-index: 99999;
}
#loading .box {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 60%;
	max-width: 260px;
	padding-bottom: 3em;
	text-align: center;
}
#loading .icon {
	margin-bottom: 0.75em;
}
#loading .icon img {
	width: 100%;
}
#loading .icon span {
	display: block;
	text-align: center;
	font-size: 14px;
	line-height: 1em;
	font-weight: 700;
}
#loading .progress_box {
	position: relative;
	width: 90%;
	height: 7px;
	background: var(--jp-g05);
	margin-left: auto;
	margin-right: auto;
}
#loading #progress_bar {
	position: absolute;
	bottom: 0;
	left: 0%;
	width: 0;
	height: 7px;
	background: var(--jp-c01);
}

/* ----- .pagetop ----- */
#wrapper { position:relative; }
.topBtn {
	cursor: pointer;
	position: fixed;
	right: 15px;
	bottom: 10px;
	width: 40px;
	height: 40px;
	padding: 0;
	margin: 0;
	text-decoration: none;
	border: 2px solid var(--jp-c01);
	background: rgba(255,255,255,0.25);
	z-index: 9998;
	border-radius: 50rem;
}
.topBtn::after {
	content: "";
	position: absolute;
	top: calc(50% - 4px);
	right: calc(50% - 7px);
	width: 14px;
	height: 14px;
	border-top: solid var(--jp-c01) 4px;
	border-right: solid var(--jp-c01) 4px;
	z-index: 101;
	-webkit-transform: rotate(-45deg);
					transform: rotate(-45deg);
}
.topBtn:hover {
	background: var(--jp-c01);
	-webkit-transition: .2s all ease;
					transition: .2s all ease;
}
.topBtn:hover::after {
	border-top: solid var(--jp-white) 4px;
	border-right: solid var(--jp-white) 4px;
}
@media (min-width:768px) {
	.topBtn {
		right: 20px;
		bottom: 20px;
	}
}

/* ----- .ofi ----- */
.ofi {
	object-fit: cover;
	font-family: 'object-fit: cover;'
}
.ofi.ofi-contain {
	object-fit: contain;
	font-family: 'object-fit: contain;'
}



/* ――――――――――――――――――――――――――

リンク

―――――――――――――――――――――――――― */
a {
	color: var(--jp-href-hover);
	text-decoration: none;
	-webkit-transition: .2s all ease;
					transition: .2s all ease;
}
a:hover {
	color: var(--jp-href);
	text-decoration: none;
}
a img {
	-webkit-transition: .5s all ease;
					transition: .5s all ease;
}
a img:hover {
	opacity: 0.75;
}
.a-opacity a:hover {
	opacity: 0.75;
}
.a-tel a,
.a-tel a:hover {
	color: var(--jp-body);
}
.a-ul a {
	position: relative;
}
.a-ul a::before {
	content: "";
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 0;
	height: 1px;
	background: var(--jp-href);
	-webkit-transition: .3s all ease;
					transition: .3s all ease;
}
.a-ul a:hover::before {
	width: 100%;
}
.a-c01 a {
	color: var(--jp-c01);
}
.a-c01 a:hover {
	color: var(--jp-href-hover);
}
.a-c02 a {
	color: var(--jp-c02);
}
.a-c02 a:hover {
	color: var(--jp-href-hover);
}
.a-c03 a {
	color: var(--jp-c03);
}
.a-c03 a:hover {
	color: var(--jp-href-hover);
}
.a-white a {
	color: var(--jp-white);
}
.a-white a:hover {
	color: var(--jp-href);
}
.a-black a {
	color: var(--jp-black);
}
.a-black a:hover {
	color: var(--jp-href);
}
.a-glay a {
	color: var(--jp-g02);
}
.a-glay a:hover {
	color: var(--jp-href);
}
.a-body a {
	color: var(--jp-body);
}
.a-body a:hover {
	color: var(--jp-href);
}
.a-bg-c01 a {
	color: var(--jp-white);
	background: var(--jp-c01);
}
.a-bg-c01 a:hover {
	color: var(--jp-white);
	background: var(--jp-c01-hover);
}
.a-bg-c02 a {
	color: var(--jp-white);
	background: var(--jp-c02);
}
.a-bg-c02 a:hover {
	color: var(--jp-white);
	background: var(--jp-c02-hover);
}
.a-bg-c03 a {
	color: var(--jp-white);
	background: var(--jp-c03);
}
.a-bg-c03 a:hover {
	color: var(--jp-white);
	background: var(--jp-c03-hover);
}
.a-bg-white a {
	color: var(--jp-black);
	background: var(--jp-white);
}
.a-bg-white a:hover {
	color: var(--jp-white);
	background: var(--jp-href);
}
.a-bg-black a {
	color: var(--jp-white);
	background: var(--jp-black);
}
.a-bg-black a:hover {
	color: var(--jp-white);
	background: var(--jp-href);
}
.a-bg-glay a {
	color: var(--jp-white);
	background: var(--jp-g01);
}
.a-bg-glay a:hover {
	color: var(--jp-white);
	background: var(--jp-g02);
}



/* ――――――――――――――――――――――――――

コンテナ

―――――――――――――――――――――――――― */
/* ----- .container ----- */
.container,
.container-sm,
.container-md,
.container-lg,
.container-xl,
.container-xxl {
	width: 90%;
	padding-right: 0;
	padding-left: 0;
	margin-right: auto;
	margin-left: auto;
}
.container-fluid {
	width: 100%;
	max-width: 1920px;
	padding-right: 0;
	padding-left: 0;
	margin-right: auto;
	margin-left: auto;
}
@media (min-width: 576px) {
	.container-sm {
		max-width: 640px;
	}
	.container { max-width: 1024px; }
}
@media (min-width: 768px) {
	.container-md {
		max-width: 768px;
	}
	.container { max-width: 1024px; }
}
@media (min-width: 992px) {
	.container-lg {
		max-width: 896px;
	}
	.container { max-width: 1024px; }
}
@media (min-width: 1200px) {
	.container-xl {
		max-width: 1200px;
	}
	.container { max-width: 1024px; }
}
@media (min-width: 1400px) {
	.container-xxl {
		max-width: 1400px;
	}
	.container { max-width: 1024px; }
}



/* ――――――――――――――――――――――――――

フォント

―――――――――――――――――――――――――― */
/* ----- h-* .h-*  .display h- ----- */
.display-1, .display-2, .display-3, .display-4, .display-5, .display-6 {
	font-weight: 700;
	line-height: 1.25em;
}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
	font-weight: 700;
	line-height: 1.375em;
}
.display-1 { font-size: 2.125em; }
.display-2 { font-size: 2em; }
.display-3 { font-size: 2.125em; }
.display-4 { font-size: 2em; }
.display-5 { font-size: 1.875em; }
.display-6 { font-size: 1.75em; }
h1, .h1 { font-size: 1.625em; }
h2, .h2 { font-size: 1.5em; }
h3, .h3 { font-size: 1.375em; }
h4, .h4 { font-size: 1.25em; }
h5, .h5 { font-size: 1.125em; }
h6, .h6 { font-size: 1em; }
h2 span,.h2 span,
h3 span,.h3 span,
h4 span,.h4 span,
h5 span,.h5 span,
h6 span,.h6 span {
	display: inline-block;
}
span.br {
	display: inline-block;
}
@media (min-width: 576px) {
	.display-1 { font-size: 3em; }
	.display-2 { font-size: 2.5em; }
	.display-3 { font-size: 2.25em; }
	.display-4 { font-size: 2.125em; }
	.display-5 { font-size: 2em; }
	.display-6 { font-size: 1.875em; }
	h1, .h1 { font-size: 1.75em; }
	h2, .h2 { font-size: 1.625em; }
	h3, .h3 { font-size: 1.5em; }
	h4, .h4 { font-size: 1.375em; }
	h5, .h5 { font-size: 1.25em; }
	h6, .h6 { font-size: 1.125em; }
}

/* ----- .fs ----- */
.fs-1 { font-size: 1.75rem !important; }
.fs-2 { font-size: 1.625rem !important; }
.fs-3 { font-size: 1.5rem !important; }
.fs-4 { font-size: 1.375rem !important; }
.fs-5 { font-size: 1.25rem !important; }
.fs-6 { font-size: 1.125rem !important; }
.fs-base { font-size: 1rem; }
.fs-xx-small { font-size: 62.5%; }
.fs-x-small { font-size: 75%; }
.fs-small { font-size: 87.5%; }
.fs-large { font-size: 112.5%; }
.fs-x-large { font-size: 125%; }
.fs-xx-large { font-size: 137.5%; }
@media (min-width: 576px) {
	.fs-sm-1 { font-size: 1.75rem !important; }
	.fs-sm-2 { font-size: 1.625rem !important; }
	.fs-sm-3 { font-size: 1.5rem !important; }
	.fs-sm-4 { font-size: 1.375rem !important; }
	.fs-sm-5 { font-size: 1.25rem !important; }
	.fs-sm-6 { font-size: 1.125rem !important; }
	.fs-sm-base { font-size: 1rem; }
	.fs-sm-xx-small { font-size: 62.5%; }
	.fs-sm-x-small { font-size: 75%; }
	.fs-sm-small { font-size: 87.5%; }
	.fs-sm-large { font-size: 112.5%; }
	.fs-sm-x-large { font-size: 125%; }
	.fs-sm-xx-large { font-size: 137.5%; }
}
@media (min-width: 768px) {
	.fs-md-1 { font-size: 1.75rem !important; }
	.fs-md-2 { font-size: 1.625rem !important; }
	.fs-md-3 { font-size: 1.5rem !important; }
	.fs-md-4 { font-size: 1.375rem !important; }
	.fs-md-5 { font-size: 1.25rem !important; }
	.fs-md-6 { font-size: 1.125rem !important; }
	.fs-md-base { font-size: 1rem; }
	.fs-md-xx-small { font-size: 62.5%; }
	.fs-md-x-small { font-size: 75%; }
	.fs-md-small { font-size: 87.5%; }
	.fs-md-large { font-size: 112.5%; }
	.fs-md-x-large { font-size: 125%; }
	.fs-md-xx-large { font-size: 137.5%; }
}
@media (min-width: 992px) {
	.fs-lg-1 { font-size: 1.75rem !important; }
	.fs-lg-2 { font-size: 1.625rem !important; }
	.fs-lg-3 { font-size: 1.5rem !important; }
	.fs-lg-4 { font-size: 1.375rem !important; }
	.fs-lg-5 { font-size: 1.25rem !important; }
	.fs-lg-6 { font-size: 1.125rem !important; }
	.fs-lg-base { font-size: 1rem; }
	.fs-lg-xx-small { font-size: 62.5%; }
	.fs-lg-x-small { font-size: 75%; }
	.fs-lg-small { font-size: 87.5%; }
	.fs-lg-large { font-size: 112.5%; }
	.fs-lg-x-large { font-size: 125%; }
	.fs-lg-xx-large { font-size: 137.5%; }
}
@media (min-width: 1200px) {
	.fs-1 { font-size: 1.75rem !important; }
	.fs-2 { font-size: 1.625rem !important; }
	.fs-3 { font-size: 1.5rem !important; }
	.fs-4 { font-size: 1.375rem !important; }
	.fs-xl-1 { font-size: 1.75rem !important; }
	.fs-xl-2 { font-size: 1.625rem !important; }
	.fs-xl-3 { font-size: 1.5rem !important; }
	.fs-xl-4 { font-size: 1.375rem !important; }
	.fs-xl-5 { font-size: 1.25rem !important; }
	.fs-xl-6 { font-size: 1.125rem !important; }
	.fs-xl-base { font-size: 1rem; }
	.fs-xl-xx-small { font-size: 62.5%; }
	.fs-xl-x-small { font-size: 75%; }
	.fs-xl-small { font-size: 87.5%; }
	.fs-xl-large { font-size: 112.5%; }
	.fs-xl-x-large { font-size: 125%; }
	.fs-xl-xx-large { font-size: 137.5%; }
}
@media (min-width: 1400px) {
	.fs-xxl-1 { font-size: 1.75rem !important; }
	.fs-xxl-2 { font-size: 1.625rem !important; }
	.fs-xxl-3 { font-size: 1.5rem !important; }
	.fs-xxl-4 { font-size: 1.375rem !important; }
	.fs-xxl-5 { font-size: 1.25rem !important; }
	.fs-xxl-6 { font-size: 1.125rem !important; }
	.fs-xxl-base { font-size: 1rem; }
	.fs-xxl-xx-small { font-size: 62.5%; }
	.fs-xxl-x-small { font-size: 75%; }
	.fs-xxl-small { font-size: 87.5%; }
	.fs-xxl-large { font-size: 112.5%; }
	.fs-xxl-x-large { font-size: 125%; }
	.fs-xxl-xx-large { font-size: 137.5%; }
}



/* ――――――――――――――――――――――――――

行間

―――――――――――――――――――――――――― */
.lh-1 { line-height: 1em !important; }
.lh-sm { line-height: 1.25em !important; }
.lh-md { line-height: 1.5em !important; }
.lh-base { line-height: 1.75em !important; }
.lh-lg { line-height: 2em !important; }
.lh-xl { line-height: 2.25em !important; }



/* ――――――――――――――――――――――――――

線

―――――――――――――――――――――――――― */
/* ----- .border ----- */
.border,
.border-top,
.border-end,
.border-bottom,
.border-start { border-color: var(--jp-line) !important; }



/* ――――――――――――――――――――――――――

画像

―――――――――――――――――――――――――― */
/* ----- .ph ----- */
.ph { text-align: center; }
.ph img { width: 100%; }

/* ----- .ratio ----- */
.ratio::before {
	display: block;
	padding-top: var(--bs-aspect-ratio);
	content: "";
}
.ratio-1x1 { --bs-aspect-ratio: 100%; }
.ratio-4x3 { --bs-aspect-ratio: 75%; }
.ratio-16x9 { --bs-aspect-ratio: 56.25%; }
.ratio-21x9 { --bs-aspect-ratio: 42.8571428571%; }
@media (min-width: 576px) {
	.ratio-sm-1x1 { --bs-aspect-ratio: 100%; }
	.ratio-sm-4x3 { --bs-aspect-ratio: 75%; }
	.ratio-sm-16x9 { --bs-aspect-ratio: 56.25%; }
	.ratio-sm-21x9 { --bs-aspect-ratio: 42.8571428571%; }
}
@media (min-width: 768px) {
	.ratio-md-1x1 { --bs-aspect-ratio: 100%; }
	.ratio-md-4x3 { --bs-aspect-ratio: 75%; }
	.ratio-md-16x9 { --bs-aspect-ratio: 56.25%; }
	.ratio-md-21x9 { --bs-aspect-ratio: 42.8571428571%; }
}
@media (min-width: 992px) {
	.ratio-lg-1x1 { --bs-aspect-ratio: 100%; }
	.ratio-lg-4x3 { --bs-aspect-ratio: 75%; }
	.ratio-lg-16x9 { --bs-aspect-ratio: 56.25%; }
	.ratio-lg-21x9 { --bs-aspect-ratio: 42.8571428571%; }
}
@media (min-width: 1200px) {
	.ratio-xl-1x1 { --bs-aspect-ratio: 100%; }
	.ratio-xl-4x3 { --bs-aspect-ratio: 75%; }
	.ratio-xl-16x9 { --bs-aspect-ratio: 56.25%; }
	.ratio-xl-21x9 { --bs-aspect-ratio: 42.8571428571%; }
}
@media (min-width: 1400px) {
	.ratio-xxl-1x1 { --bs-aspect-ratio: 100%; }
	.ratio-xxl-4x3 { --bs-aspect-ratio: 75%; }
	.ratio-xxl-16x9 { --bs-aspect-ratio: 56.25%; }
	.ratio-xxl-21x9 { --bs-aspect-ratio: 42.8571428571%; }
}


/* ――――――――――――――――――――――――――

テキスト制御

―――――――――――――――――――――――――― */
/* ----- .clamp ----- */
.clamp-1,
.clamp-2,
.clamp-3,
.clamp-4,
.clamp-5 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.clamp-1 br,
.clamp-2 br,
.clamp-3 br,
.clamp-4 br,
.clamp-5 br {
	display: none;
}
.clamp-1 { -webkit-line-clamp: 1; }
.clamp-2 { -webkit-line-clamp: 2; }
.clamp-3 { -webkit-line-clamp: 3; }
.clamp-4 { -webkit-line-clamp: 4; }
.clamp-5 { -webkit-line-clamp: 5; }
@media (min-width: 576px) {
	.clamp-sm-1 { -webkit-line-clamp: 1; }
	.clamp-sm-2 { -webkit-line-clamp: 2; }
	.clamp-sm-3 { -webkit-line-clamp: 3; }
	.clamp-sm-4 { -webkit-line-clamp: 4; }
	.clamp-sm-5 { -webkit-line-clamp: 5; }
}
@media (min-width: 768px) {
	.clamp-md-1 { -webkit-line-clamp: 1; }
	.clamp-md-2 { -webkit-line-clamp: 2; }
	.clamp-md-3 { -webkit-line-clamp: 3; }
	.clamp-md-4 { -webkit-line-clamp: 4; }
	.clamp-md-5 { -webkit-line-clamp: 5; }
}
@media (min-width: 992px) {
	.clamp-lg-1 { -webkit-line-clamp: 1; }
	.clamp-lg-2 { -webkit-line-clamp: 2; }
	.clamp-lg-3 { -webkit-line-clamp: 3; }
	.clamp-lg-4 { -webkit-line-clamp: 4; }
	.clamp-lg-5 { -webkit-line-clamp: 5; }
}
@media (min-width: 1200px) {
	.clamp-xl-1 { -webkit-line-clamp: 1; }
	.clamp-xl-2 { -webkit-line-clamp: 2; }
	.clamp-xl-3 { -webkit-line-clamp: 3; }
	.clamp-xl-4 { -webkit-line-clamp: 4; }
	.clamp-xl-5 { -webkit-line-clamp: 5; }
}
@media (min-width: 1400px) {
	.clamp-xxl-1 { -webkit-line-clamp: 1; }
	.clamp-xxl-2 { -webkit-line-clamp: 2; }
	.clamp-xxl-3 { -webkit-line-clamp: 3; }
	.clamp-xxl-4 { -webkit-line-clamp: 4; }
	.clamp-xxl-5 { -webkit-line-clamp: 5; }
}

/* ----- .overflow-y-auto ----- */
.overflow-y-auto {
	overflow-y: auto !important;
}



/* ――――――――――――――――――――――――――

装飾

―――――――――――――――――――――――――― */
/* ----- hr ----- */
hr {
	margin-top: 1rem;
	margin-bottom: 1rem;
	height: 0;
	border-top-style: solid;
	border-top-width: 1px;
	border-color: var(--jp-line);
	opacity: 1;
}

/* ----- mark ----- */
mark,
.mark {
	padding: 0;
	font-weight: 700;
	text-decoration: none;
	background: linear-gradient(transparent 60%, #ffff99 60%);
}

/* ----- .indent ----- */
.indent {
	text-indent:1em;
}

/* ----- .kome ----- */
.kome {
	padding-left:1em; text-indent:-1em;
}

/* ----- .ls ----- */
.ls-sm-start {
	letter-spacing: 0.125em;
}
.ls-md-start {
	letter-spacing: 0.25em;
}
.ls-lg-start {
	letter-spacing: 0.375em;
}
.ls-xl-start {
	letter-spacing: 0.5em;
}
.ls-sm-center {
	letter-spacing: 0.125em;
	text-indent: 0.125em;
}
.ls-md-center {
	letter-spacing: 0.25em;
	text-indent: 0.25em;
}
.ls-lg-center {
	letter-spacing: 0.375em;
	text-indent: 0.375em;
}
.ls-xl-center {
	letter-spacing: 0.5em;
	text-indent: 0.5em;
}
.ls-sm-end {
	letter-spacing: 0.125em;
	margin-right: -0.125em;
}
.ls-md-end {
	letter-spacing: 0.25em;
	margin-right: -0.25em;
}
.ls-lg-end {
	letter-spacing: 0.375em;
	margin-right: -0.375em;
}
.ls-xl-end {
	letter-spacing: 0.5em;
	margin-right: -0.5em;
}

/* ----- .rounded ----- */
.rounded { border-radius: 0.25rem !important; }
.rounded-1 { border-radius: 0.375rem !important; }
.rounded-2 { border-radius: 0.5rem !important; }
.rounded-3 { border-radius: 0.625rem !important; }
.rounded-top {
	border-top-left-radius: 0.25rem !important;
	border-top-right-radius: 0.25rem !important;
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}
.rounded-top-1 {
	border-top-left-radius: 0.375rem !important;
	border-top-right-radius: 0.375rem !important;
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}
.rounded-top-2 {
	border-top-left-radius: 0.5rem !important;
	border-top-right-radius: 0.5rem !important;
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}
.rounded-top-3 {
	border-top-left-radius: 0.625rem !important;
	border-top-right-radius: 0.625rem !important;
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}
.rounded-bottom {
	border-top-left-radius: 0 !important;
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0.25rem !important;
	border-bottom-left-radius: 0.25rem !important;
}
.rounded-bottom-1 {
	border-top-left-radius: 0 !important;
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0.375rem !important;
	border-bottom-left-radius: 0.375rem !important;
}
.rounded-bottom-2 {
	border-top-left-radius: 0 !important;
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0.5rem !important;
	border-bottom-left-radius: 0.5rem !important;
}
.rounded-bottom-3 {
	border-top-left-radius: 0 !important;
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0.625rem !important;
	border-bottom-left-radius: 0.625rem !important;
}
.rounded-start {
	border-top-left-radius: 0.25rem !important;
	border-top-right-radius: 0 !important;
	border-bottom-left-radius: 0.25rem !important;
	border-bottom-right-radius: 0 !important;
}
.rounded-start-1 {
	border-top-left-radius: 0.375rem !important;
	border-top-right-radius: 0 !important;
	border-bottom-left-radius: 0.375rem !important;
	border-bottom-right-radius: 0 !important;
}
.rounded-start-2 {
	border-top-left-radius: 0.5rem !important;
	border-top-right-radius: 0 !important;
	border-bottom-left-radius: 0.5rem !important;
	border-bottom-right-radius: 0 !important;
}
.rounded-start-3 {
	border-top-left-radius: 0.625rem !important;
	border-top-right-radius: 0 !important;
	border-bottom-left-radius: 0.625rem !important;
	border-bottom-right-radius: 0 !important;
}
.rounded-end {
	border-top-left-radius: 0 !important;
	border-top-right-radius: 0.25rem !important;
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0.25rem !important;
}
.rounded-end-1 {
	border-top-left-radius: 0 !important;
	border-top-right-radius: 0.375rem !important;
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0.375rem !important;
}
.rounded-end-2 {
	border-top-left-radius: 0 !important;
	border-top-right-radius: 0.5rem !important;
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0.5rem !important;
}
.rounded-end-3 {
	border-top-left-radius: 0 !important;
	border-top-right-radius: 0.625rem !important;
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0.625rem !important;
}
.rounded-top-0 {
	border-top-left-radius: 0 !important;
	border-top-right-radius: 0 !important;
}
.rounded-bottom-0 {
	border-bottom-right-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
}
.rounded-start-0 {
	border-top-left-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
}
.rounded-end-0 {
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}
@media (min-width: 576px) {
	.rounded-sm-top-0 {
		border-top-left-radius: 0 !important;
		border-top-right-radius: 0 !important;
	}
	.rounded-sm-bottom-0 {
		border-bottom-right-radius: 0 !important;
		border-bottom-left-radius: 0 !important;
	}
	.rounded-sm-start-0 {
		border-top-left-radius: 0 !important;
		border-bottom-left-radius: 0 !important;
	}
	.rounded-sm-end-0 {
		border-top-right-radius: 0 !important;
		border-bottom-right-radius: 0 !important;
	}
}
@media (min-width: 768px) {
	.rounded-md-top-0 {
		border-top-left-radius: 0 !important;
		border-top-right-radius: 0 !important;
	}
	.rounded-md-bottom-0 {
		border-bottom-right-radius: 0 !important;
		border-bottom-left-radius: 0 !important;
	}
	.rounded-md-start-0 {
		border-top-left-radius: 0 !important;
		border-bottom-left-radius: 0 !important;
	}
	.rounded-md-end-0 {
		border-top-right-radius: 0 !important;
		border-bottom-right-radius: 0 !important;
	}
}
@media (min-width: 992px) {
	.rounded-lg-top-0 {
		border-top-left-radius: 0 !important;
		border-top-right-radius: 0 !important;
	}
	.rounded-lg-bottom-0 {
		border-bottom-right-radius: 0 !important;
		border-bottom-left-radius: 0 !important;
	}
	.rounded-lg-start-0 {
		border-top-left-radius: 0 !important;
		border-bottom-left-radius: 0 !important;
	}
	.rounded-lg-end-0 {
		border-top-right-radius: 0 !important;
		border-bottom-right-radius: 0 !important;
	}
}
@media (min-width: 1200px) {
	.rounded-xl-top-0 {
		border-top-left-radius: 0 !important;
		border-top-right-radius: 0 !important;
	}
	.rounded-xl-bottom-0 {
		border-bottom-right-radius: 0 !important;
		border-bottom-left-radius: 0 !important;
	}
	.rounded-xl-start-0 {
		border-top-left-radius: 0 !important;
		border-bottom-left-radius: 0 !important;
	}
	.rounded-xl-end-0 {
		border-top-right-radius: 0 !important;
		border-bottom-right-radius: 0 !important;
	}
}
@media (min-width: 1400px) {
	.rounded-xxl-top-0 {
		border-top-left-radius: 0 !important;
		border-top-right-radius: 0 !important;
	}
	.rounded-xxl-bottom-0 {
		border-bottom-right-radius: 0 !important;
		border-bottom-left-radius: 0 !important;
	}
	.rounded-xxl-start-0 {
		border-top-left-radius: 0 !important;
		border-bottom-left-radius: 0 !important;
	}
	.rounded-xxl-end-0 {
		border-top-right-radius: 0 !important;
		border-bottom-right-radius: 0 !important;
	}
}

/* ----- .list-point ----- */
.list-point {
	padding-left: 1.25em;
	list-style-type: disc;
}

/* ----- .list-number ----- */
.list-number {
	padding-left: 1.25em;
	list-style-type: decimal;
}
.list-number > li::before {
	content: "";
	font-size: 1rem;
}

/* ----- .list-number2 ----- */
.list-number2 {
	padding-left: 1.625em;
	list-style-type: decimal-leading-zero;
}

/* ----- .list-inline ----- */
.list-inline {
	letter-spacing: -.4em;
}
.list-inline > li {
	display: inline-block;
	letter-spacing: normal;
}

/* ----- .shadow-white ----- */
.shadow-white {
	text-shadow: 0px 0px 3px rgba(255,255,255,0.9),
							 0px 1px 8px rgba(255,255,255,0.5),
							 0px 3px 12px rgba(255,255,255,0.3);
}

/* ----- .shadow-black ----- */
.shadow-black {
	text-shadow: 0px 0px 3px rgba(0,0,0,0.7),
							 0px 1px 8px rgba(0,0,0,0.5),
							 0px 3px 12px rgba(0,0,0,0.3);
}

/* ----- blockquote ----- */
.blockquote {
	font-size: 1rem;
}
.blockquote-footer {
	color: var(--jp-g01);
}
.blockquote-footer::before {
	content: "－ ";
}

/* ----- .scrollbar ----- */
.scrollbar {
	scrollbar-color: var(--jp-c01) var(--jp-line);
	scrollbar-width: thin;
}
.scrollbar::-webkit-scrollbar {
	width: 0.5rem;
}
.scrollbar::-webkit-scrollbar-track {
	background-color: rgba(0,0,0,0.1);
	border-radius: 50rem;
}
.scrollbar::-webkit-scrollbar-thumb {
	background-color: #aaaaaa;
	border-radius: 50rem;
}
.scrollbar::-webkit-scrollbar-thumb:hover {
	background-color: var(--jp-c01);
}

/* ----- .pagination ----- */
.pagination a {
	position: relative;
	display: block;
	color: var(--jp-c01);
	font-size: 1em;
	line-height: 2.75em;
	width: 2.825em;
	text-align: center;
	white-space: nowrap;
	text-decoration: none;
	background-color: var(--jp-white);
	border: 1px solid var(--jp-c01);
	transition: color 0.5s ease-in-out, background-color 0.5s ease-in-out, border-color 0.5s ease-in-out, box-shadow 0.5s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
	.pagination a {
		transition: none;
	}
}
.pagination a:hover,
.pagination li.active a:hover {
	z-index: 2;
	color: var(--jp-white);
	background-color: var(--jp-c01-hover);
	border-color: var(--jp-c01-hover);
}
.pagination a:focus {
	z-index: 3;
	color: var(--jp-white);
	background-color: var(--jp-c01-hover);
	outline: 0;
	box-shadow: 0 0 0 0.25rem rgba(var(--jp-c01-rgb), 0.25);
}
.pagination li:not(:first-child) a {
	margin-left: -1px;
}
.pagination li.active a {
	z-index: 3;
	color: var(--jp-white);
	background-color: rgba(var(--jp-c01-rgb), 0.8);
	border-color: rgba(var(--jp-c01-rgb), 0);
}
.pagination li.disabled a {
	color: rgba(var(--jp-c01-rgb),0.5);
	pointer-events: none;
	background-color: var(--jp-white);
	border-color: rgba(var(--jp-c01-rgb),0.5);
}
.pagination a {
	padding: 0;
}
.pagination li:first-child a {
	border-top-left-radius: 0.25rem;
	border-bottom-left-radius: 0.25rem;
}
.pagination li:last-child a {
	border-top-right-radius: 0.25rem;
	border-bottom-right-radius: 0.25rem;
}
.pagination li.back a,
.pagination li.next a {
	font-size: 0.5em;
	line-height: 5.5em;
	width: 3em;
}

/* ----- .badge ----- */
.badge {
	padding: 0.375em 0.65em 0.425em;
	font-size: 0.75em;
	line-height: 1em;
}

/* ----- .breadcrumb ----- */
.breadcrumb li {
	position: relative;
	font-size: 12px;
	line-height: 1.5em;
	padding-right: 1.75em;
}
.breadcrumb li::after {
	content: "";
	position: absolute;
	top: calc(50% - 3px);
	right: 0.625em;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 3px 0 3px 5.2px;
	border-color: transparent transparent transparent var(--jp-body);
	-webkit-transition: .2s all ease;
					transition: .2s all ease;
}
.breadcrumb li:last-child::after {
	display: none;
}
.breadcrumb li.active {
	color: var(--jp-href);
}



/* ――――――――――――――――――――――――――

hoverアクション

―――――――――――――――――――――――――― */
/* ----- .hover-zoom ----- */
.hover-zoom {
	overflow: hidden;
}
.hover-zoom img {
	display: block;
	transition-duration: 0.5s;
}
.hover-zoom img:hover {
	transform: scale(1.05);
}

/* ----- .hover-bg-start ----- */
.hover-bg-start {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-transform: perspective(1px) translateZ(0);
					transform: perspective(1px) translateZ(0);
	-webkit-transition-property: color;
					transition-property: color;
	-webkit-transition-duration: 0.3s;
					transition-duration: 0.3s;
}
.hover-bg-start::before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	-webkit-transform: scaleX(0);
					transform: scaleX(0);
	-webkit-transform-origin: 0 50%;
					transform-origin: 0 50%;
	-webkit-transition-property: transform;
					transition-property: transform;
	-webkit-transition-duration: 0.3s;
					transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
					transition-timing-function: ease-out;
}
.hover-bg-start:hover,
.hover-bg-start:focus,
.hover-bg-start:active {
	color: var(--jp-white);
}
.hover-bg-start:hover::before,
.hover-bg-start:focus::before,
.hover-bg-start:active::before {
	-webkit-transform: scaleX(1);
					transform: scaleX(1);
}

/* ----- .hover-bg-end ----- */
.hover-bg-end {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-transform: perspective(1px) translateZ(0);
					transform: perspective(1px) translateZ(0);
	-webkit-transition-property: color;
					transition-property: color;
	-webkit-transition-duration: 0.3s;
					transition-duration: 0.3s;
}
.hover-bg-end::before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	-webkit-transform: scaleX(0);
					transform: scaleX(0);
	-webkit-transform-origin: 100% 50%;
					transform-origin: 100% 50%;
	-webkit-transition-property: transform;
					transition-property: transform;
	-webkit-transition-duration: 0.3s;
					transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
					transition-timing-function: ease-out;
}
.hover-bg-end:hover,
.hover-bg-end:focus,
.hover-bg-end:active {
	color: var(--jp-white);
}
.hover-bg-end:hover::before,
.hover-bg-end:focus::before,
.hover-bg-end:active::before {
	-webkit-transform: scaleX(1);
					transform: scaleX(1);
}

/* ----- .hover-bg-top ----- */
.hover-bg-top {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-transform: perspective(1px) translateZ(0);
					transform: perspective(1px) translateZ(0);
	-webkit-transition-property: color;
					transition-property: color;
	-webkit-transition-duration: 0.3s;
					transition-duration: 0.3s;
}
.hover-bg-top::before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	-webkit-transform: scaleY(0);
					transform: scaleY(0);
	-webkit-transform-origin: 50% 0;
					transform-origin: 50% 0;
	-webkit-transition-property: transform;
					transition-property: transform;
	-webkit-transition-duration: 0.3s;
					transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
					transition-timing-function: ease-out;
}
.hover-bg-top:hover,
.hover-bg-top:focus,
.hover-bg-top:active {
	color: var(--jp-white);
}
.hover-bg-top:hover::before,
.hover-bg-top:focus::before,
.hover-bg-top:active::before {
	-webkit-transform: scaleY(1);
					transform: scaleY(1);
}

/* ----- .hover-bg-bottom ----- */
.hover-bg-bottom {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-transform: perspective(1px) translateZ(0);
					transform: perspective(1px) translateZ(0);
	-webkit-transition-property: color;
					transition-property: color;
	-webkit-transition-duration: 0.3s;
					transition-duration: 0.3s;
}
.hover-bg-bottom::before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	-webkit-transform: scaleY(0);
					transform: scaleY(0);
	-webkit-transform-origin: 50% 100%;
					transform-origin: 50% 100%;
	-webkit-transition-property: transform;
					transition-property: transform;
	-webkit-transition-duration: 0.3s;
					transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
					transition-timing-function: ease-out;
}
.hover-bg-bottom:hover,
.hover-bg-bottom:focus,
.hover-bg-bottom:active {
	color: var(--jp-white);
}
.hover-bg-bottom:hover::before,
.hover-bg-bottom:focus::before,
.hover-bg-bottom:active::before {
	-webkit-transform: scaleY(1);
					transform: scaleY(1);
}

/* ----- .hover-border-start ----- */
.hover-border-start {
	display: inline-block;
	vertical-align: middle;
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	position: relative;
	overflow: hidden;
	-webkit-transform: perspective(1px) translateZ(0);
					transform: perspective(1px) translateZ(0);
}
.hover-border-start::before {
	content: "";
	position: absolute;
	z-index: -1;
	left: 0;
	right: 100%;
	bottom: 0;
	height: 3px;
	-webkit-transition-property: right;
					transition-property: right;
	-webkit-transition-duration: 0.3s;
					transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
					transition-timing-function: ease-out;
}
.hover-border-start:hover::before,
.hover-border-start:focus::before,
.hover-border-start:active::before {
	right: 0;
}

/* ----- .hover-border-center ----- */
.hover-border-center {
	display: inline-block;
	vertical-align: middle;
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	position: relative;
	overflow: hidden;
	-webkit-transform: perspective(1px) translateZ(0);
					transform: perspective(1px) translateZ(0);
}
.hover-border-center::before {
	content: "";
	position: absolute;
	z-index: -1;
	left: 51%;
	right: 51%;
	bottom: 0;
	height: 3px;
	-webkit-transition-property: left, right;
					transition-property: left, right;
	-webkit-transition-duration: 0.3s;
					transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
					transition-timing-function: ease-out;
}
.hover-border-center:hover::before,
.hover-border-center:focus::before,
.hover-border-center:active::before {
	left: 0;
	right: 0;
}

/* ----- .hover-border-end ----- */
.hover-border-end {
	display: inline-block;
	vertical-align: middle;
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	position: relative;
	overflow: hidden;
	-webkit-transform: perspective(1px) translateZ(0);
					transform: perspective(1px) translateZ(0);
}
.hover-border-end::before {
	content: "";
	position: absolute;
	z-index: -1;
	left: 100%;
	right: 0;
	bottom: 0;
	height: 3px;
	-webkit-transition-property: left;
					transition-property: left;
	-webkit-transition-duration: 0.3s;
					transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
					transition-timing-function: ease-out;
}
.hover-border-end:hover::before,
.hover-border-end:focus::before,
.hover-border-end:active::before {
	left: 0;
}



/* ――――――――――――――――――――――――――

カード

―――――――――――――――――――――――――― */
/* ----- .card ----- */
.card {
	background-color: var(--jp-white);
	border: 1px solid var(--jp-line);
}
.card-header {
	background-color: var(--jp-white);
	border-bottom: 1px solid var(--jp-line);
}
.card-footer {
	padding: 0.5rem 1rem;
	background-color: var(--jp-white);
	border-top: 1px solid var(--jp-line);
}



/* ――――――――――――――――――――――――――

フォーム

―――――――――――――――――――――――――― */
/* ----- .form-control ----- */
.form-control {
	color: var(--jp-black);
	background-color: var(--jp-form);
	border: 1px solid var(--jp-line);
}
.form-control:focus {
	color: var(--jp-black);
	background-color: var(--jp-white);
	border-color: rgba(var(--jp-href-hover-rgb),0.5);
	box-shadow: 0 0 0 0.25rem rgba(var(--jp-href-hover-rgb),0.25);
}
.form-control::-moz-placeholder {
	color: var(--jp-line);
}
.form-control::placeholder {
	color: var(--jp-line);
}
.form-control:disabled, .form-control[readonly] {
	background-color: var(--jp-line);
}
.form-control::-webkit-file-upload-button {
	color: var(--jp-black);
	background-color: var(--jp-g05);
}
.form-control::file-selector-button {
	color: var(--jp-black);
	background-color: var(--jp-g05);
}
.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
	background-color: var(--jp-g04);
}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
	background-color: var(--jp-g04);
}
.form-control::-webkit-file-upload-button {
	color: var(--jp-black);
	background-color: var(--jp-g05);
}
.form-control-plaintext {
	color: var(--jp-black);
}

/* ----- .form-select ----- */
.form-select {
	color: var(--jp-black);
	background-color: var(--jp-form);
	border: 1px solid var(--jp-line);
}
.form-select:focus {
	border-color: rgba(var(--jp-href-hover-rgb),0.5);
	box-shadow: 0 0 0 0.25rem rgba(var(--jp-href-hover-rgb),0.25);
}
.form-select:disabled {
	background-color: var(--jp-line);
}
.form-select:-moz-focusring {
	color: transparent;
	text-shadow: 0 0 0 var(--jp-black);
}

/* ----- .form-check ----- */
.form-check {
	line-height: 1.375em;
	margin-bottom: 0.125em;
}
.form-check-input {
  background-color: var(--jp-form);
}
.form-check-input:focus {
	border-color: rgba(var(--jp-href-hover-rgb),0.5);
	box-shadow: 0 0 0 0.25rem rgba(var(--jp-href-hover-rgb),0.25);
}
.form-check-input:checked {
  background-color: var(--jp-href-hover);
  border-color: var(--jp-href-hover);
}
.form-check-input[type=checkbox]:indeterminate {
  background-color: var(--jp-href-hover);
  border-color: var(--jp-href-hover);
}

/* ----- .input-group-text ----- */
.input-group-text {
	color: var(--jp-g01);
	background-color: var(--jp-line);
	border: 1px solid var(--jp-line);
}

/* ----- .form-range ----- */
.form-range:focus::-webkit-slider-thumb {
	box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(var(--jp-href-hover-rgb),0.25);
}
.form-range:focus::-moz-range-thumb {
	box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(var(--jp-href-hover-rgb),0.25);
}
.form-range::-webkit-slider-thumb:active {
	background-color: rgba(var(--jp-href-hover-rgb),0.75);
}
.form-range::-webkit-slider-runnable-track {
	background-color: var(--jp-line);
	border-color: transparent;
}
.form-range::-moz-range-thumb {
	background-color: var(--jp-href-hover);
}
.form-range::-moz-range-thumb:active {
	background-color: rgba(var(--jp-href-hover-rgb),0.75);
}
.form-range::-moz-range-track {
	background-color: var(--jp-line);
	border-color: transparent;
}
.form-range:disabled::-webkit-slider-thumb {
	background-color: var(--jp-line);
}
.form-range:disabled::-moz-range-thumb {
	background-color: var(--jp-line);
}



/* ――――――――――――――――――――――――――

ボタン

―――――――――――――――――――――――――― */
.btn {
	padding-left: 0.75rem;
	padding-right: 0.75rem;
}
.btn-lg {
	padding-left: 1rem;
	padding-right: 1rem;
}
.btn-sm {
	padding-left: 0.5rem;
	padding-right: 0.5rem;
}

/* ----- .btn-start ----- */
.btn-start {
	position: relative;
	padding-left: calc(0.75rem + 1rem);
	padding-right: calc(0.75rem + 0.375rem);
}
.btn-lg.btn-start {
	padding-left: calc(1rem + 1rem);
	padding-right: calc(1rem + 0.375rem);
}
.btn-sm.btn-start {
	padding-left: calc(0.5rem + 1.125rem);
	padding-right: calc(0.5rem + 0.5rem);
}
.btn-start::after {
	content: "";
	position: absolute;
	top: calc(50% - 2px);
	left: calc(1rem - 2px);
	width: 6px;
	height: 6px;
	border-top-style: solid;
	border-top-width: 2px;
	border-right-style: solid;
	border-right-width: 2px;
	-webkit-transform: rotate(-135deg);
					transform: rotate(-135deg);
	-webkit-transition: .2s all ease;
					transition: .2s all ease;
}
.btn-start:hover::after {
	left: calc(1rem - 5px);
}

/* ----- .btn-end ----- */
.btn-end {
	position: relative;
	padding-left: calc(0.75rem + 0.375rem);
	padding-right: calc(0.75rem + 1rem);
}
.btn-lg.btn-end {
	padding-left: calc(1rem + 0.375rem);
	padding-right: calc(1rem + 1rem);
}
.btn-sm.btn-end {
	padding-left: calc(0.5rem + 0.5rem);
	padding-right: calc(0.5rem + 1.125rem);
}
.btn-end::after {
	content: "";
	position: absolute;
	top: calc(50% - 2px);
	right: calc(1rem - 2px);
	width: 6px;
	height: 6px;
	border-top-style: solid;
	border-top-width: 2px;
	border-right-style: solid;
	border-right-width: 2px;
	-webkit-transform: rotate(45deg);
					transform: rotate(45deg);
	-webkit-transition: .2s all ease;
					transition: .2s all ease;
}
.btn-end:hover::after {
	right: calc(1rem - 5px);
}

/* ----- .btn-reset ----- */
.btn-reset {
	color: #fff;
	background-color: var(--jp-line);
	border-color: var(--jp-line);
}
.btn-reset:hover {
	color: #fff;
	background-color: #999999;
	border-color: #999999;
}
.btn-check:focus + .btn-reset, .btn-reset:focus {
	color: #fff;
	background-color: #999999;
	border-color: #999999;
	box-shadow: 0 0 0 0.25rem rgba(200,200,200,0.5);
}
.btn-check:checked + .btn-reset, .btn-check:active + .btn-reset, .btn-reset:active, .btn-reset.active, .show > .btn-reset.dropdown-toggle {
	color: #fff;
	background-color: #999999;
	border-color: #51585e;
}
.btn-check:checked + .btn-reset:focus, .btn-check:active + .btn-reset:focus, .btn-reset:active:focus, .btn-reset.active:focus, .show > .btn-reset.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.25rem rgba(200,200,200,0.5);
}
.btn-reset:disabled, .btn-reset.disabled {
	color: #fff;
	background-color: var(--jp-line);
	border-color: var(--jp-line);
}

/* ----- .btn-outline-reset ----- */
.btn-outline-reset {
	color: var(--jp-line);
	border-color: var(--jp-line);
}
.btn-outline-reset:hover {
	color: #fff;
	background-color: var(--jp-line);
	border-color: var(--jp-line);
}
.btn-check:focus + .btn-outline-reset, .btn-outline-reset:focus {
	box-shadow: 0 0 0 0.25rem rgba(200,200,200,0.5);
}
.btn-check:checked + .btn-outline-reset, .btn-check:active + .btn-outline-reset, .btn-outline-reset:active, .btn-outline-reset.active, .btn-outline-reset.dropdown-toggle.show {
	color: #fff;
	background-color: var(--jp-line);
	border-color: var(--jp-line);
}
.btn-check:checked + .btn-outline-reset:focus, .btn-check:active + .btn-outline-reset:focus, .btn-outline-reset:active:focus, .btn-outline-reset.active:focus, .btn-outline-reset.dropdown-toggle.show:focus {
	box-shadow: 0 0 0 0.25rem rgba(200,200,200,0.5);
}
.btn-outline-reset:disabled, .btn-outline-reset.disabled {
	color: var(--jp-line);
	background-color: transparent;
}




/* ――――――――――――――――――――――――――

テーブル

―――――――――――――――――――――――――― */
/* ----- .table ----- */
.table {
	--bs-table-striped-color: var(--jp-body);
	--bs-table-striped-bg: var(--jp-g05);
	--bs-table-active-color: var(--jp-body);
	--bs-table-active-bg: var(--jp-g04);
	--bs-table-hover-color: var(--jp-body);
	--bs-table-hover-bg: var(--jp-g04);
	color: var(--jp-body);
	border-color: var(--jp-line);
	font-size: 1em;
	line-height: 1.5em;
}
.table > :not(caption) > * > * {
	padding: 0.5rem;
	background-color: transparent;
	border-bottom-width: 1px;
	box-shadow: inset 0 0 0 9999px transparent;
}
.table-striped > tbody > tr:nth-of-type(odd) > * {
	background: var(--jp-g05);
}
.table-sm > :not(caption) > * > * {
	padding: 0.2rem 0.5rem;
}
.table-responsive thead th {
	white-space: nowrap;
	padding-left: 2rem;
	padding-right: 2rem;
}

/* ----- .res-table ----- */
.res-table,
.res-table-sm,
.res-table-md,
.res-table-lg,
.res-table-xl,
.res-table-xxl {
	font-size: 1em;
	line-height: 1.5em;
}
.res-table > dl,
.res-table-sm > dl,
.res-table-md > dl,
.res-table-lg > dl,
.res-table-xl > dl,
.res-table-xxl > dl {
	width: 100%;
}
.res-table > dl.thead,
.res-table-sm > dl.thead,
.res-table-md > dl.thead,
.res-table-lg > dl.thead,
.res-table-xl > dl.thead,
.res-table-xxl > dl.thead {
	display: none;
	border-top: solid var(--jp-body) 2px;
	border-bottom: solid var(--jp-body) 2px;
}
.res-table > dl.thead > dt,
.res-table > dl.thead > dd,
.res-table-sm > dl.thead > dt,
.res-table-sm > dl.thead > dd,
.res-table-md > dl.thead > dt,
.res-table-md > dl.thead > dd,
.res-table-lg > dl.thead > dt,
.res-table-lg > dl.thead > dd,
.res-table-xl > dl.thead > dt,
.res-table-xl > dl.thead > dd,
.res-table-xxl > dl.thead > dt,
.res-table-xxl > dl.thead > dd {
	padding: 0.25rem 0.5rem;
	border-bottom: none;
}
.res-table > dl > dt,
.res-table > dl > dd,
.res-table-sm > dl > dt,
.res-table-sm > dl > dd,
.res-table-md > dl > dt,
.res-table-md > dl > dd,
.res-table-lg > dl > dt,
.res-table-lg > dl > dd,
.res-table-xl > dl > dt,
.res-table-xl > dl > dd,
.res-table-xxl > dl > dt,
.res-table-xxl > dl > dd {
	border-bottom: solid var(--jp-line) 1px;
}
.res-table > dl > dt,
.res-table-sm > dl > dt,
.res-table-md > dl > dt,
.res-table-lg > dl > dt,
.res-table-xl > dl > dt,
.res-table-xxl > dl > dt {
	padding: 0.25rem 0.5rem;
	color: var(--jp-body-bg);
	background: var(--jp-c01);
}
.res-table > dl > dd,
.res-table-sm > dl > dd,
.res-table-md > dl > dd,
.res-table-lg > dl > dd,
.res-table-xl > dl > dd,
.res-table-xxl > dl > dd {
	padding: 0.625rem 0;
}
@media (min-width: 576px) {
	.res-table-sm > dl,
	.res-table-sm > dl.thead {
		display: table;
	}
	.res-table-sm > dl > dt,
	.res-table-sm > dl > dd {
		display: table-cell;
		vertical-align: middle;
		padding: 0.75rem;
	}
	.res-table-sm > dl > dt {
		color: var(--jp-body);
		background: none;
	}
}
@media (min-width: 768px) {
	.res-table-md > dl,
	.res-table-md > dl.thead {
		display: table;
	}
	.res-table-md > dl > dt,
	.res-table-md > dl > dd {
		display: table-cell;
		vertical-align: middle;
		padding: 0.75rem;
	}
	.res-table-md > dl > dt {
		color: var(--jp-body);
		background: none;
	}
}
@media (min-width: 992px) {
	.res-table-lg > dl,
	.res-table-lg > dl.thead {
		display: table;
	}
	.res-table-lg > dl > dt,
	.res-table-lg > dl > dd {
		display: table-cell;
		vertical-align: middle;
		padding: 0.75rem;
	}
	.res-table-lg > dl > dt {
		color: var(--jp-body);
		background: none;
	}
}
@media (min-width: 1200px) {
	.res-table-xl > dl,
	.res-table-xl > dl.thead {
		display: table;
	}
	.res-table-xl > dl > dt,
	.res-table-xl > dl > dd {
		display: table-cell;
		vertical-align: middle;
		padding: 0.75rem;
	}
	.res-table-xl > dl > dt {
		color: var(--jp-body);
		background: none;
	}
}
@media (min-width: 1400px) {
	.res-table-xxl > dl,
	.res-table-xxl > dl.thead {
		display: table;
	}
	.res-table-xxl > dl > dt,
	.res-table-xxl > dl > dd {
		display: table-cell;
		vertical-align: middle;
		padding: 0.75rem;
	}
	.res-table-xxl > dl > dt {
		color: var(--jp-body);
		background: none;
	}
}

/* ----- .res-table.table-striped ----- */
@media (min-width: 576px) {
	.res-table-sm.table-striped > dl:nth-child(even) > dt,
	.res-table-sm.table-striped > dl:nth-child(even) > dd {
		background: var(--jp-g05);
	}
}
@media (min-width: 768px) {
	.res-table-md.table-striped > dl:nth-child(even) > dt,
	.res-table-md.table-striped > dl:nth-child(even) > dd {
		background: var(--jp-g05);
	}
}
@media (min-width: 992px) {
	.res-table-lg.table-striped > dl:nth-child(even) > dt,
	.res-table-lg.table-striped > dl:nth-child(even) > dd {
		background: var(--jp-g05);
	}
}
@media (min-width: 1200px) {
	.res-table-xl.table-striped > dl:nth-child(even) > dt,
	.res-table-xl.table-striped > dl:nth-child(even) > dd {
		background: var(--jp-g05);
	}
}
@media (min-width: 1400px) {
	.res-table-xxl.table-striped > dl:nth-child(even) > dt,
	.res-table-xxl.table-striped > dl:nth-child(even) > dd {
		background: var(--jp-g05);
	}
}

/* ----- .res-table.table-dark ----- */
.table-dark > dl.thead {
	border-top: solid var(--jp-body-bg) 2px;
	border-bottom: solid var(--jp-body-bg) 2px;
}
.table-dark > dl  >dt,
.table-dark > dl  >dd {
	border-bottom: solid var(--jp-body-bg) 1px;
}
.table-dark > dl > dt {
	color: var(--jp-body-bg);
	background: var(--jp-body);
}
.table-dark > dl > dd {
	color: var(--jp-body);
	background: var(--jp-body-bg);
	border-bottom: solid var(--jp-body) 1px;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
}
@media (min-width: 576px) {
	.res-table-sm.table-dark > dl > dt,
	.res-table-sm.table-dark > dl > dd {
		color: var(--jp-body-bg);
		background: var(--jp-body);
	}
}
@media (min-width: 768px) {
	.res-table-md.table-dark > dl > dt,
	.res-table-md.table-dark > dl > dd {
		color: var(--jp-body-bg);
		background: var(--jp-body);
	}
}
@media (min-width: 992px) {
	.res-table-lg.table-dark > dl > dt,
	.res-table-lg.table-dark > dl > dd {
		color: var(--jp-body-bg);
		background: var(--jp-body);
		border-bottom: solid var(--jp-body-bg) 1px;
	}
}
@media (min-width: 1200px) {
	.res-table-xl.table-dark > dl > dt,
	.res-table-xl.table-dark > dl > dd {
		color: var(--jp-body-bg);
		background: var(--jp-body);
	}
}
@media (min-width: 1400px) {
	.res-table-xxl.table-dark > dl > dt,
	.res-table-xxl.table-dark > dl > dd {
		color: var(--jp-body-bg);
		background: var(--jp-body);
	}
}

/* ----- .table-bordered ----- */
@media (min-width: 576px) {
	.res-table-sm.table-bordered > dl > dt,
	.res-table-sm.table-bordered > dl > dd {
		border-left: solid var(--jp-line) 1px;
		padding-left: 0.5rem;
		padding-right: 0.5rem;
	}
	.res-table-sm.table-bordered > dl {
		border-right: solid var(--jp-line) 1px;
	}
}
@media (min-width: 768px) {
	.res-table-md.table-bordered > dl > dt,
	.res-table-md.table-bordered > dl > dd {
		border-left: solid var(--jp-line) 1px;
		padding-left: 0.5rem;
		padding-right: 0.5rem;
	}
	.res-table-md.table-bordered > dl {
		border-right: solid var(--jp-line) 1px;
	}
}
@media (min-width: 992px) {
	.res-table-lg.table-bordered > dl > dt,
	.res-table-lg.table-bordered > dl > dd {
		border-left: solid var(--jp-line) 1px;
		padding-left: 0.5rem;
		padding-right: 0.5rem;
	}
	.res-table-lg.table-bordered > dl {
		border-right: solid var(--jp-line) 1px;
	}
}
@media (min-width: 1200px) {
	.res-table-xl.table-bordered > dl > dt,
	.res-table-xl.table-bordered > dl > dd {
		border-left: solid var(--jp-line) 1px;
		padding-left: 0.5rem;
		padding-right: 0.5rem;
	}
	.res-table-xl.table-bordered > dl {
		border-right: solid var(--jp-line) 1px;
	}
}
@media (min-width: 1400px) {
	.res-table-xxl.table-bordered > dl > dt,
	.res-table-xxl.table-bordered > dl > dd {
		border-left: solid var(--jp-line) 1px;
		padding-left: 0.5rem;
		padding-right: 0.5rem;
	}
	.res-table-xxl.table-bordered > dl {
		border-right: solid var(--jp-line) 1px;
	}
}

/* ----- .table-sm ----- */
@media (min-width: 576px) {
	.res-table-sm.table-sm > dl > dt,
	.res-table-sm.table-sm > dl > dd  {
		padding-top: 0.2rem;
		padding-bottom: 0.2rem;
	}
}
@media (min-width: 768px) {
	.res-table-md.table-sm > dl > dt,
	.res-table-md.table-sm > dl > dd  {
		padding-top: 0.2rem;
		padding-bottom: 0.2rem;
	}
}
@media (min-width: 992px) {
	.res-table-lg.table-sm > dl > dt,
	.res-table-lg.table-sm > dl > dd  {
		padding-top: 0.2rem;
		padding-bottom: 0.2rem;
	}
}
@media (min-width: 1200px) {
	.res-table-xl.table-sm > dl > dt,
	.res-table-xl.table-sm > dl > dd  {
		padding-top: 0.2rem;
		padding-bottom: 0.2rem;
	}
}
@media (min-width: 1400px) {
	.res-table-xxl.table-sm > dl > dt,
	.res-table-xxl.table-sm > dl > dd  {
		padding-top: 0.2rem;
		padding-bottom: 0.2rem;
	}
}



/* ――――――――――――――――――――――――――

マージン・パディング

―――――――――――――――――――――――――― */
/* ----- .m- ----- */
.m-1px { margin: 1px !important; }
.mt-1px { margin-top: 1px !important; }
.mb-1px { margin-bottom: 1px !important; }
.ms-1px { margin-left: 1px !important; }
.me-1px { margin-right: 1px !important; }
.mx-1px { margin-left: 1px !important; margin-right: 1px !important; }
.my-1px { margin-top: 1px !important; margin-bottom: 1px !important; }
.m-2px { margin: 2px !important; }
.mt-2px { margin-top: 2px !important; }
.mb-2px { margin-bottom: 2px !important; }
.ms-2px { margin-left: 2px !important; }
.me-2px { margin-right: 2px !important; }
.mx-2px { margin-left: 2px !important; margin-right: 2px !important; }
.my-2px { margin-top: 2px !important; margin-bottom: 2px !important; }
.m-3px { margin: 3px !important; }
.mt-3px { margin-top: 3px !important; }
.mb-3px { margin-bottom: 3px !important; }
.ms-3px { margin-left: 3px !important; }
.me-3px { margin-right: 3px !important; }
.mx-3px { margin-left: 3px !important; margin-right: 3px !important; }
.my-3px { margin-top: 3px !important; margin-bottom: 3px !important; }
.m-4px { margin: 4px !important; }
.mt-4px { margin-top: 4px !important; }
.mb-4px { margin-bottom: 4px !important; }
.ms-4px { margin-left: 4px !important; }
.me-4px { margin-right: 4px !important; }
.mx-4px { margin-left: 4px !important; margin-right: 4px !important; }
.my-4px { margin-top: 4px !important; margin-bottom: 4px !important; }
.m-5px { margin: 5px !important; }
.mt-5px { margin-top: 5px !important; }
.mb-5px { margin-bottom: 5px !important; }
.ms-5px { margin-left: 5px !important; }
.me-5px { margin-right: 5px !important; }
.mx-5px { margin-left: 5px !important; margin-right: 5px !important; }
.my-5px { margin-top: 5px !important; margin-bottom: 5px !important; }
.m-s { margin: var(--jp-mp-s) !important; }
.m-m { margin: var(--jp-mp-m) !important; }
.m-l { margin: var(--jp-mp-l) !important; }
.mt-s { margin-top: var(--jp-mp-s) !important; }
.mt-m { margin-top: var(--jp-mp-m) !important; }
.mt-l { margin-top: var(--jp-mp-l) !important; }
.mb-s { margin-bottom: var(--jp-mp-s) !important; }
.mb-m { margin-bottom: var(--jp-mp-m) !important; }
.mb-l { margin-bottom: var(--jp-mp-l) !important; }
.ms-s { margin-left: var(--jp-mp-s) !important; }
.ms-m { margin-left: var(--jp-mp-m) !important; }
.ms-l { margin-left: var(--jp-mp-l) !important; }
.me-s { margin-right: var(--jp-mp-s) !important; }
.me-m { margin-right: var(--jp-mp-m) !important; }
.me-l { margin-right: var(--jp-mp-l) !important; }
.mx-s { margin-left: var(--jp-mp-s) !important; margin-right: var(--jp-mp-s) !important; }
.mx-m { margin-left: var(--jp-mp-m) !important; margin-right: var(--jp-mp-m) !important; }
.mx-l { margin-left: var(--jp-mp-l) !important; margin-right: var(--jp-mp-l) !important; }
.my-s { margin-top: var(--jp-mp-s) !important; margin-bottom: var(--jp-mp-s) !important; }
.my-m { margin-top: var(--jp-mp-m) !important; margin-bottom: var(--jp-mp-m) !important; }
.my-l { margin-top: var(--jp-mp-l) !important; margin-bottom: var(--jp-mp-l) !important; }
@media (min-width: 576px) {
	.m-sm-1px { margin: 1px !important; }
	.mt-sm-1px { margin-top: 1px !important; }
	.mb-sm-1px { margin-bottom: 1px !important; }
	.ms-sm-1px { margin-left: 1px !important; }
	.me-sm-1px { margin-right: 1px !important; }
	.mx-sm-1px { margin-left: 1px !important; margin-right: 1px !important; }
	.my-sm-1px { margin-top: 1px !important; margin-bottom: 1px !important; }
	.m-sm-2px { margin: 2px !important; }
	.mt-sm-2px { margin-top: 2px !important; }
	.mb-sm-2px { margin-bottom: 2px !important; }
	.ms-sm-2px { margin-left: 2px !important; }
	.me-sm-2px { margin-right: 2px !important; }
	.mx-sm-2px { margin-left: 2px !important; margin-right: 2px !important; }
	.my-sm-2px { margin-top: 2px !important; margin-bottom: 2px !important; }
	.m-sm-3px { margin: 3px !important; }
	.mt-sm-3px { margin-top: 3px !important; }
	.mb-sm-3px { margin-bottom: 3px !important; }
	.ms-sm-3px { margin-left: 3px !important; }
	.me-sm-3px { margin-right: 3px !important; }
	.mx-sm-3px { margin-left: 3px !important; margin-right: 3px !important; }
	.my-sm-3px { margin-top: 3px !important; margin-bottom: 3px !important; }
	.m-sm-4px { margin: 4px !important; }
	.mt-sm-4px { margin-top: 4px !important; }
	.mb-sm-4px { margin-bottom: 4px !important; }
	.ms-sm-4px { margin-left: 4px !important; }
	.me-sm-4px { margin-right: 4px !important; }
	.mx-sm-4px { margin-left: 4px !important; margin-right: 4px !important; }
	.my-sm-4px { margin-top: 4px !important; margin-bottom: 4px !important; }
	.m-sm-5px { margin: 5px !important; }
	.mt-sm-5px { margin-top: 5px !important; }
	.mb-sm-5px { margin-bottom: 5px !important; }
	.ms-sm-5px { margin-left: 5px !important; }
	.me-sm-5px { margin-right: 5px !important; }
	.mx-sm-5px { margin-left: 5px !important; margin-right: 5px !important; }
	.my-sm-5px { margin-top: 5px !important; margin-bottom: 5px !important; }
	.m-sm-s { margin: var(--jp-mp-s) !important; }
	.mt-sm-s { margin-top: var(--jp-mp-s) !important; }
	.mt-sm-m { margin-top: var(--jp-mp-m) !important; }
	.mt-sm-l { margin-top: var(--jp-mp-l) !important; }
	.mb-sm-s { margin-bottom: var(--jp-mp-s) !important; }
	.mb-sm-m { margin-bottom: var(--jp-mp-m) !important; }
	.mb-sm-l { margin-bottom: var(--jp-mp-l) !important; }
	.ms-sm-s { margin-left: var(--jp-mp-s) !important; }
	.ms-sm-m { margin-left: var(--jp-mp-m) !important; }
	.ms-sm-l { margin-left: var(--jp-mp-l) !important; }
	.me-sm-s { margin-right: var(--jp-mp-s) !important; }
	.me-sm-m { margin-right: var(--jp-mp-m) !important; }
	.me-sm-l { margin-right: var(--jp-mp-l) !important; }
	.mx-sm-s { margin-left: var(--jp-mp-s) !important; margin-right: var(--jp-mp-s) !important; }
	.mx-sm-m { margin-left: var(--jp-mp-m) !important; margin-right: var(--jp-mp-m) !important; }
	.mx-sm-l { margin-left: var(--jp-mp-l) !important; margin-right: var(--jp-mp-l) !important; }
	.my-sm-s { margin-top: var(--jp-mp-s) !important; margin-bottom: var(--jp-mp-s) !important; }
	.my-sm-m { margin-top: var(--jp-mp-m) !important; margin-bottom: var(--jp-mp-m) !important; }
	.my-sm-l { margin-top: var(--jp-mp-l) !important; margin-bottom: var(--jp-mp-l) !important; }
}
@media (min-width: 768px) {
	.m-md-1px { margin: 1px !important; }
	.mt-md-1px { margin-top: 1px !important; }
	.mb-md-1px { margin-bottom: 1px !important; }
	.ms-md-1px { margin-left: 1px !important; }
	.me-md-1px { margin-right: 1px !important; }
	.mx-md-1px { margin-left: 1px !important; margin-right: 1px !important; }
	.my-md-1px { margin-top: 1px !important; margin-bottom: 1px !important; }
	.m-md-2px { margin: 2px !important; }
	.mt-md-2px { margin-top: 2px !important; }
	.mb-md-2px { margin-bottom: 2px !important; }
	.ms-md-2px { margin-left: 2px !important; }
	.me-md-2px { margin-right: 2px !important; }
	.mx-md-2px { margin-left: 2px !important; margin-right: 2px !important; }
	.my-md-2px { margin-top: 2px !important; margin-bottom: 2px !important; }
	.m-md-3px { margin: 3px !important; }
	.mt-md-3px { margin-top: 3px !important; }
	.mb-md-3px { margin-bottom: 3px !important; }
	.ms-md-3px { margin-left: 3px !important; }
	.me-md-3px { margin-right: 3px !important; }
	.mx-md-3px { margin-left: 3px !important; margin-right: 3px !important; }
	.my-md-3px { margin-top: 3px !important; margin-bottom: 3px !important; }
	.m-md-4px { margin: 4px !important; }
	.mt-md-4px { margin-top: 4px !important; }
	.mb-md-4px { margin-bottom: 4px !important; }
	.ms-md-4px { margin-left: 4px !important; }
	.me-md-4px { margin-right: 4px !important; }
	.mx-md-4px { margin-left: 4px !important; margin-right: 4px !important; }
	.my-md-4px { margin-top: 4px !important; margin-bottom: 4px !important; }
	.m-md-5px { margin: 5px !important; }
	.mt-md-5px { margin-top: 5px !important; }
	.mb-md-5px { margin-bottom: 5px !important; }
	.ms-md-5px { margin-left: 5px !important; }
	.me-md-5px { margin-right: 5px !important; }
	.mx-md-5px { margin-left: 5px !important; margin-right: 5px !important; }
	.my-md-5px { margin-top: 5px !important; margin-bottom: 5px !important; }
	.m-md-s { margin: var(--jp-mp-s) !important; }
	.mt-md-s { margin-top: var(--jp-mp-s) !important; }
	.mt-md-m { margin-top: var(--jp-mp-m) !important; }
	.mt-md-l { margin-top: var(--jp-mp-l) !important; }
	.mb-md-s { margin-bottom: var(--jp-mp-s) !important; }
	.mb-md-m { margin-bottom: var(--jp-mp-m) !important; }
	.mb-md-l { margin-bottom: var(--jp-mp-l) !important; }
	.ms-md-s { margin-left: var(--jp-mp-s) !important; }
	.ms-md-m { margin-left: var(--jp-mp-m) !important; }
	.ms-md-l { margin-left: var(--jp-mp-l) !important; }
	.me-md-s { margin-right: var(--jp-mp-s) !important; }
	.me-md-m { margin-right: var(--jp-mp-m) !important; }
	.me-md-l { margin-right: var(--jp-mp-l) !important; }
	.mx-md-s { margin-left: var(--jp-mp-s) !important; margin-right: var(--jp-mp-s) !important; }
	.mx-md-m { margin-left: var(--jp-mp-m) !important; margin-right: var(--jp-mp-m) !important; }
	.mx-md-l { margin-left: var(--jp-mp-l) !important; margin-right: var(--jp-mp-l) !important; }
	.my-md-s { margin-top: var(--jp-mp-s) !important; margin-bottom: var(--jp-mp-s) !important; }
	.my-md-m { margin-top: var(--jp-mp-m) !important; margin-bottom: var(--jp-mp-m) !important; }
	.my-md-l { margin-top: var(--jp-mp-l) !important; margin-bottom: var(--jp-mp-l) !important; }
}
@media (min-width: 992px) {
	.m-lg-1px { margin: 1px !important; }
	.mt-lg-1px { margin-top: 1px !important; }
	.mb-lg-1px { margin-bottom: 1px !important; }
	.ms-lg-1px { margin-left: 1px !important; }
	.me-lg-1px { margin-right: 1px !important; }
	.mx-lg-1px { margin-left: 1px !important; margin-right: 1px !important; }
	.my-lg-1px { margin-top: 1px !important; margin-bottom: 1px !important; }
	.m-lg-2px { margin: 2px !important; }
	.mt-lg-2px { margin-top: 2px !important; }
	.mb-lg-2px { margin-bottom: 2px !important; }
	.ms-lg-2px { margin-left: 2px !important; }
	.me-lg-2px { margin-right: 2px !important; }
	.mx-lg-2px { margin-left: 2px !important; margin-right: 2px !important; }
	.my-lg-2px { margin-top: 2px !important; margin-bottom: 2px !important; }
	.m-lg-3px { margin: 3px !important; }
	.mt-lg-3px { margin-top: 3px !important; }
	.mb-lg-3px { margin-bottom: 3px !important; }
	.ms-lg-3px { margin-left: 3px !important; }
	.me-lg-3px { margin-right: 3px !important; }
	.mx-lg-3px { margin-left: 3px !important; margin-right: 3px !important; }
	.my-lg-3px { margin-top: 3px !important; margin-bottom: 3px !important; }
	.m-lg-4px { margin: 4px !important; }
	.mt-lg-4px { margin-top: 4px !important; }
	.mb-lg-4px { margin-bottom: 4px !important; }
	.ms-lg-4px { margin-left: 4px !important; }
	.me-lg-4px { margin-right: 4px !important; }
	.mx-lg-4px { margin-left: 4px !important; margin-right: 4px !important; }
	.my-lg-4px { margin-top: 4px !important; margin-bottom: 4px !important; }
	.m-lg-5px { margin: 5px !important; }
	.mt-lg-5px { margin-top: 5px !important; }
	.mb-lg-5px { margin-bottom: 5px !important; }
	.ms-lg-5px { margin-left: 5px !important; }
	.me-lg-5px { margin-right: 5px !important; }
	.mx-lg-5px { margin-left: 5px !important; margin-right: 5px !important; }
	.my-lg-5px { margin-top: 5px !important; margin-bottom: 5px !important; }
	.m-lg-s { margin: var(--jp-mp-s) !important; }
	.mt-lg-s { margin-top: var(--jp-mp-s) !important; }
	.mt-lg-m { margin-top: var(--jp-mp-m) !important; }
	.mt-lg-l { margin-top: var(--jp-mp-l) !important; }
	.mb-lg-s { margin-bottom: var(--jp-mp-s) !important; }
	.mb-lg-m { margin-bottom: var(--jp-mp-m) !important; }
	.mb-lg-l { margin-bottom: var(--jp-mp-l) !important; }
	.ms-lg-s { margin-left: var(--jp-mp-s) !important; }
	.ms-lg-m { margin-left: var(--jp-mp-m) !important; }
	.ms-lg-l { margin-left: var(--jp-mp-l) !important; }
	.me-lg-s { margin-right: var(--jp-mp-s) !important; }
	.me-lg-m { margin-right: var(--jp-mp-m) !important; }
	.me-lg-l { margin-right: var(--jp-mp-l) !important; }
	.mx-lg-s { margin-left: var(--jp-mp-s) !important; margin-right: var(--jp-mp-s) !important; }
	.mx-lg-m { margin-left: var(--jp-mp-m) !important; margin-right: var(--jp-mp-m) !important; }
	.mx-lg-l { margin-left: var(--jp-mp-l) !important; margin-right: var(--jp-mp-l) !important; }
	.my-lg-s { margin-top: var(--jp-mp-s) !important; margin-bottom: var(--jp-mp-s) !important; }
	.my-lg-m { margin-top: var(--jp-mp-m) !important; margin-bottom: var(--jp-mp-m) !important; }
	.my-lg-l { margin-top: var(--jp-mp-l) !important; margin-bottom: var(--jp-mp-l) !important; }
}
@media (min-width: 1200px) {
	.m-xl-1px { margin: 1px !important; }
	.mt-xl-1px { margin-top: 1px !important; }
	.mb-xl-1px { margin-bottom: 1px !important; }
	.ms-xl-1px { margin-left: 1px !important; }
	.me-xl-1px { margin-right: 1px !important; }
	.mx-xl-1px { margin-left: 1px !important; margin-right: 1px !important; }
	.my-xl-1px { margin-top: 1px !important; margin-bottom: 1px !important; }
	.m-xl-2px { margin: 2px !important; }
	.mt-xl-2px { margin-top: 2px !important; }
	.mb-xl-2px { margin-bottom: 2px !important; }
	.ms-xl-2px { margin-left: 2px !important; }
	.me-xl-2px { margin-right: 2px !important; }
	.mx-xl-2px { margin-left: 2px !important; margin-right: 2px !important; }
	.my-xl-2px { margin-top: 2px !important; margin-bottom: 2px !important; }
	.m-xl-3px { margin: 3px !important; }
	.mt-xl-3px { margin-top: 3px !important; }
	.mb-xl-3px { margin-bottom: 3px !important; }
	.ms-xl-3px { margin-left: 3px !important; }
	.me-xl-3px { margin-right: 3px !important; }
	.mx-xl-3px { margin-left: 3px !important; margin-right: 3px !important; }
	.my-xl-3px { margin-top: 3px !important; margin-bottom: 3px !important; }
	.m-xl-4px { margin: 4px !important; }
	.mt-xl-4px { margin-top: 4px !important; }
	.mb-xl-4px { margin-bottom: 4px !important; }
	.ms-xl-4px { margin-left: 4px !important; }
	.me-xl-4px { margin-right: 4px !important; }
	.mx-xl-4px { margin-left: 4px !important; margin-right: 4px !important; }
	.my-xl-4px { margin-top: 4px !important; margin-bottom: 4px !important; }
	.m-xl-5px { margin: 5px !important; }
	.mt-xl-5px { margin-top: 5px !important; }
	.mb-xl-5px { margin-bottom: 5px !important; }
	.ms-xl-5px { margin-left: 5px !important; }
	.me-xl-5px { margin-right: 5px !important; }
	.mx-xl-5px { margin-left: 5px !important; margin-right: 5px !important; }
	.my-xl-5px { margin-top: 5px !important; margin-bottom: 5px !important; }
	.m-xl-s { margin: var(--jp-mp-s) !important; }
	.mt-xl-s { margin-top: var(--jp-mp-s) !important; }
	.mt-xl-m { margin-top: var(--jp-mp-m) !important; }
	.mt-xl-l { margin-top: var(--jp-mp-l) !important; }
	.mb-xl-s { margin-bottom: var(--jp-mp-s) !important; }
	.mb-xl-m { margin-bottom: var(--jp-mp-m) !important; }
	.mb-xl-l { margin-bottom: var(--jp-mp-l) !important; }
	.ms-xl-s { margin-left: var(--jp-mp-s) !important; }
	.ms-xl-m { margin-left: var(--jp-mp-m) !important; }
	.ms-xl-l { margin-left: var(--jp-mp-l) !important; }
	.me-xl-s { margin-right: var(--jp-mp-s) !important; }
	.me-xl-m { margin-right: var(--jp-mp-m) !important; }
	.me-xl-l { margin-right: var(--jp-mp-l) !important; }
	.mx-xl-s { margin-left: var(--jp-mp-s) !important; margin-right: var(--jp-mp-s) !important; }
	.mx-xl-m { margin-left: var(--jp-mp-m) !important; margin-right: var(--jp-mp-m) !important; }
	.mx-xl-l { margin-left: var(--jp-mp-l) !important; margin-right: var(--jp-mp-l) !important; }
	.my-xl-s { margin-top: var(--jp-mp-s) !important; margin-bottom: var(--jp-mp-s) !important; }
	.my-xl-m { margin-top: var(--jp-mp-m) !important; margin-bottom: var(--jp-mp-m) !important; }
	.my-xl-l { margin-top: var(--jp-mp-l) !important; margin-bottom: var(--jp-mp-l) !important; }
}
@media (min-width: 1400px) {
	.m-xxl-1px { margin: 1px !important; }
	.mt-xxl-1px { margin-top: 1px !important; }
	.mb-xxl-1px { margin-bottom: 1px !important; }
	.ms-xxl-1px { margin-left: 1px !important; }
	.me-xxl-1px { margin-right: 1px !important; }
	.mx-xxl-1px { margin-left: 1px !important; margin-right: 1px !important; }
	.my-xxl-1px { margin-top: 1px !important; margin-bottom: 1px !important; }
	.m-xxl-2px { margin: 2px !important; }
	.mt-xxl-2px { margin-top: 2px !important; }
	.mb-xxl-2px { margin-bottom: 2px !important; }
	.ms-xxl-2px { margin-left: 2px !important; }
	.me-xxl-2px { margin-right: 2px !important; }
	.mx-xxl-2px { margin-left: 2px !important; margin-right: 2px !important; }
	.my-xxl-2px { margin-top: 2px !important; margin-bottom: 2px !important; }
	.m-xxl-3px { margin: 3px !important; }
	.mt-xxl-3px { margin-top: 3px !important; }
	.mb-xxl-3px { margin-bottom: 3px !important; }
	.ms-xxl-3px { margin-left: 3px !important; }
	.me-xxl-3px { margin-right: 3px !important; }
	.mx-xxl-3px { margin-left: 3px !important; margin-right: 3px !important; }
	.my-xxl-3px { margin-top: 3px !important; margin-bottom: 3px !important; }
	.m-xxl-4px { margin: 4px !important; }
	.mt-xxl-4px { margin-top: 4px !important; }
	.mb-xxl-4px { margin-bottom: 4px !important; }
	.ms-xxl-4px { margin-left: 4px !important; }
	.me-xxl-4px { margin-right: 4px !important; }
	.mx-xxl-4px { margin-left: 4px !important; margin-right: 4px !important; }
	.my-xxl-4px { margin-top: 4px !important; margin-bottom: 4px !important; }
	.m-xxl-5px { margin: 5px !important; }
	.mt-xxl-5px { margin-top: 5px !important; }
	.mb-xxl-5px { margin-bottom: 5px !important; }
	.ms-xxl-5px { margin-left: 5px !important; }
	.me-xxl-5px { margin-right: 5px !important; }
	.mx-xxl-5px { margin-left: 5px !important; margin-right: 5px !important; }
	.my-xxl-5px { margin-top: 5px !important; margin-bottom: 5px !important; }
	.m-xxl-s { margin: var(--jp-mp-s) !important; }
	.mt-xxl-s { margin-top: var(--jp-mp-s) !important; }
	.mt-xxl-m { margin-top: var(--jp-mp-m) !important; }
	.mt-xxl-l { margin-top: var(--jp-mp-l) !important; }
	.mb-xxl-s { margin-bottom: var(--jp-mp-s) !important; }
	.mb-xxl-m { margin-bottom: var(--jp-mp-m) !important; }
	.mb-xxl-l { margin-bottom: var(--jp-mp-l) !important; }
	.ms-xxl-s { margin-left: var(--jp-mp-s) !important; }
	.ms-xxl-m { margin-left: var(--jp-mp-m) !important; }
	.ms-xxl-l { margin-left: var(--jp-mp-l) !important; }
	.me-xxl-s { margin-right: var(--jp-mp-s) !important; }
	.me-xxl-m { margin-right: var(--jp-mp-m) !important; }
	.me-xxl-l { margin-right: var(--jp-mp-l) !important; }
	.mx-xxl-s { margin-left: var(--jp-mp-s) !important; margin-right: var(--jp-mp-s) !important; }
	.mx-xxl-m { margin-left: var(--jp-mp-m) !important; margin-right: var(--jp-mp-m) !important; }
	.mx-xxl-l { margin-left: var(--jp-mp-l) !important; margin-right: var(--jp-mp-l) !important; }
	.my-xxl-s { margin-top: var(--jp-mp-s) !important; margin-bottom: var(--jp-mp-s) !important; }
	.my-xxl-m { margin-top: var(--jp-mp-m) !important; margin-bottom: var(--jp-mp-m) !important; }
	.my-xxl-l { margin-top: var(--jp-mp-l) !important; margin-bottom: var(--jp-mp-l) !important; }
}

/* ----- .p- ----- */
.p-1px { padding: 1px !important; }
.pt-1px { padding-top: 1px !important; }
.pb-1px { padding-bottom: 1px !important; }
.ps-1px { padding-left: 1px !important; }
.pe-1px { padding-right: 1px !important; }
.px-1px { padding-left: 1px !important; padding-right: 1px !important; }
.py-1px { padding-top: 1px !important; padding-bottom: 1px !important; }
.p-2px { padding: 2px !important; }
.pt-2px { padding-top: 2px !important; }
.pb-2px { padding-bottom: 2px !important; }
.ps-2px { padding-left: 2px !important; }
.pe-2px { padding-right: 2px !important; }
.px-2px { padding-left: 2px !important; padding-right: 2px !important; }
.py-2px { padding-top: 2px !important; padding-bottom: 2px !important; }
.p-3px { padding: 3px !important; }
.pt-3px { padding-top: 3px !important; }
.pb-3px { padding-bottom: 3px !important; }
.ps-3px { padding-left: 3px !important; }
.pe-3px { padding-right: 3px !important; }
.px-3px { padding-left: 3px !important; padding-right: 3px !important; }
.py-3px { padding-top: 3px !important; padding-bottom: 3px !important; }
.p-4px { padding: 4px !important; }
.pt-4px { padding-top: 4px !important; }
.pb-4px { padding-bottom: 4px !important; }
.ps-4px { padding-left: 4px !important; }
.pe-4px { padding-right: 4px !important; }
.px-4px { padding-left: 4px !important; padding-right: 4px !important; }
.py-4px { padding-top: 4px !important; padding-bottom: 4px !important; }
.p-5px { padding: 5px !important; }
.pt-5px { padding-top: 5px !important; }
.pb-5px { padding-bottom: 5px !important; }
.ps-5px { padding-left: 5px !important; }
.pe-5px { padding-right: 5px !important; }
.px-5px { padding-left: 5px !important; padding-right: 5px !important; }
.py-5px { padding-top: 5px !important; padding-bottom: 5px !important; }
.p-s { padding: var(--jp-mp-s) !important; }
.p-m { padding: var(--jp-mp-m) !important; }
.p-l { padding: var(--jp-mp-l) !important; }
.pt-s { padding-top: var(--jp-mp-s) !important; }
.pt-m { padding-top: var(--jp-mp-m) !important; }
.pt-l { padding-top: var(--jp-mp-l) !important; }
.pb-s { padding-bottom: var(--jp-mp-s) !important; }
.pb-m { padding-bottom: var(--jp-mp-m) !important; }
.pb-l { padding-bottom: var(--jp-mp-l) !important; }
.ps-s { padding-left: var(--jp-mp-s) !important; }
.ps-m { padding-left: var(--jp-mp-m) !important; }
.ps-l { padding-left: var(--jp-mp-l) !important; }
.pe-s { padding-right: var(--jp-mp-s) !important; }
.pe-m { padding-right: var(--jp-mp-m) !important; }
.pe-l { padding-right: var(--jp-mp-l) !important; }
.px-s { padding-left: var(--jp-mp-s) !important; padding-right: var(--jp-mp-s) !important; }
.px-m { padding-left: var(--jp-mp-m) !important; padding-right: var(--jp-mp-m) !important; }
.px-l { padding-left: var(--jp-mp-l) !important; padding-right: var(--jp-mp-l) !important; }
.py-s { padding-top: var(--jp-mp-s) !important; padding-bottom: var(--jp-mp-s) !important; }
.py-m { padding-top: var(--jp-mp-m) !important; padding-bottom: var(--jp-mp-m) !important; }
.py-l { padding-top: var(--jp-mp-l) !important; padding-bottom: var(--jp-mp-l) !important; }
@media (min-width: 576px) {
	.p-sm-1px { padding: 1px !important; }
	.pt-sm-1px { padding-top: 1px !important; }
	.pb-sm-1px { padding-bottom: 1px !important; }
	.ps-sm-1px { padding-left: 1px !important; }
	.pe-sm-1px { padding-right: 1px !important; }
	.px-sm-1px { padding-left: 1px !important; padding-right: 1px !important; }
	.py-sm-1px { padding-top: 1px !important; padding-bottom: 1px !important; }
	.p-sm-2px { padding: 2px !important; }
	.pt-sm-2px { padding-top: 2px !important; }
	.pb-sm-2px { padding-bottom: 2px !important; }
	.ps-sm-2px { padding-left: 2px !important; }
	.pe-sm-2px { padding-right: 2px !important; }
	.px-sm-2px { padding-left: 2px !important; padding-right: 2px !important; }
	.py-sm-2px { padding-top: 2px !important; padding-bottom: 2px !important; }
	.p-sm-3px { padding: 3px !important; }
	.pt-sm-3px { padding-top: 3px !important; }
	.pb-sm-3px { padding-bottom: 3px !important; }
	.ps-sm-3px { padding-left: 3px !important; }
	.pe-sm-3px { padding-right: 3px !important; }
	.px-sm-3px { padding-left: 3px !important; padding-right: 3px !important; }
	.py-sm-3px { padding-top: 3px !important; padding-bottom: 3px !important; }
	.p-sm-4px { padding: 4px !important; }
	.pt-sm-4px { padding-top: 4px !important; }
	.pb-sm-4px { padding-bottom: 4px !important; }
	.ps-sm-4px { padding-left: 4px !important; }
	.pe-sm-4px { padding-right: 4px !important; }
	.px-sm-4px { padding-left: 4px !important; padding-right: 4px !important; }
	.py-sm-4px { padding-top: 4px !important; padding-bottom: 4px !important; }
	.p-sm-5px { padding: 5px !important; }
	.pt-sm-5px { padding-top: 5px !important; }
	.pb-sm-5px { padding-bottom: 5px !important; }
	.ps-sm-5px { padding-left: 5px !important; }
	.pe-sm-5px { padding-right: 5px !important; }
	.px-sm-5px { padding-left: 5px !important; padding-right: 5px !important; }
	.py-sm-5px { padding-top: 5px !important; padding-bottom: 5px !important; }
	.p-sm-s { padding: var(--jp-mp-s) !important; }
	.pt-sm-s { padding-top: var(--jp-mp-s) !important; }
	.pt-sm-m { padding-top: var(--jp-mp-m) !important; }
	.pt-sm-l { padding-top: var(--jp-mp-l) !important; }
	.pb-sm-s { padding-bottom: var(--jp-mp-s) !important; }
	.pb-sm-m { padding-bottom: var(--jp-mp-m) !important; }
	.pb-sm-l { padding-bottom: var(--jp-mp-l) !important; }
	.ps-sm-s { padding-left: var(--jp-mp-s) !important; }
	.ps-sm-m { padding-left: var(--jp-mp-m) !important; }
	.ps-sm-l { padding-left: var(--jp-mp-l) !important; }
	.pe-sm-s { padding-right: var(--jp-mp-s) !important; }
	.pe-sm-m { padding-right: var(--jp-mp-m) !important; }
	.pe-sm-l { padding-right: var(--jp-mp-l) !important; }
	.px-sm-s { padding-left: var(--jp-mp-s) !important; padding-right: var(--jp-mp-s) !important; }
	.px-sm-m { padding-left: var(--jp-mp-m) !important; padding-right: var(--jp-mp-m) !important; }
	.px-sm-l { padding-left: var(--jp-mp-l) !important; padding-right: var(--jp-mp-l) !important; }
	.py-sm-s { padding-top: var(--jp-mp-s) !important; padding-bottom: var(--jp-mp-s) !important; }
	.py-sm-m { padding-top: var(--jp-mp-m) !important; padding-bottom: var(--jp-mp-m) !important; }
	.py-sm-l { padding-top: var(--jp-mp-l) !important; padding-bottom: var(--jp-mp-l) !important; }
}
@media (min-width: 768px) {
	.p-md-1px { padding: 1px !important; }
	.pt-md-1px { padding-top: 1px !important; }
	.pb-md-1px { padding-bottom: 1px !important; }
	.ps-md-1px { padding-left: 1px !important; }
	.pe-md-1px { padding-right: 1px !important; }
	.px-md-1px { padding-left: 1px !important; padding-right: 1px !important; }
	.py-md-1px { padding-top: 1px !important; padding-bottom: 1px !important; }
	.p-md-2px { padding: 2px !important; }
	.pt-md-2px { padding-top: 2px !important; }
	.pb-md-2px { padding-bottom: 2px !important; }
	.ps-md-2px { padding-left: 2px !important; }
	.pe-md-2px { padding-right: 2px !important; }
	.px-md-2px { padding-left: 2px !important; padding-right: 2px !important; }
	.py-md-2px { padding-top: 2px !important; padding-bottom: 2px !important; }
	.p-md-3px { padding: 3px !important; }
	.pt-md-3px { padding-top: 3px !important; }
	.pb-md-3px { padding-bottom: 3px !important; }
	.ps-md-3px { padding-left: 3px !important; }
	.pe-md-3px { padding-right: 3px !important; }
	.px-md-3px { padding-left: 3px !important; padding-right: 3px !important; }
	.py-md-3px { padding-top: 3px !important; padding-bottom: 3px !important; }
	.p-md-4px { padding: 4px !important; }
	.pt-md-4px { padding-top: 4px !important; }
	.pb-md-4px { padding-bottom: 4px !important; }
	.ps-md-4px { padding-left: 4px !important; }
	.pe-md-4px { padding-right: 4px !important; }
	.px-md-4px { padding-left: 4px !important; padding-right: 4px !important; }
	.py-md-4px { padding-top: 4px !important; padding-bottom: 4px !important; }
	.p-md-5px { padding: 5px !important; }
	.pt-md-5px { padding-top: 5px !important; }
	.pb-md-5px { padding-bottom: 5px !important; }
	.ps-md-5px { padding-left: 5px !important; }
	.pe-md-5px { padding-right: 5px !important; }
	.px-md-5px { padding-left: 5px !important; padding-right: 5px !important; }
	.py-md-5px { padding-top: 5px !important; padding-bottom: 5px !important; }
	.p-md-s { padding: var(--jp-mp-s) !important; }
	.pt-md-s { padding-top: var(--jp-mp-s) !important; }
	.pt-md-m { padding-top: var(--jp-mp-m) !important; }
	.pt-md-l { padding-top: var(--jp-mp-l) !important; }
	.pb-md-s { padding-bottom: var(--jp-mp-s) !important; }
	.pb-md-m { padding-bottom: var(--jp-mp-m) !important; }
	.pb-md-l { padding-bottom: var(--jp-mp-l) !important; }
	.ps-md-s { padding-left: var(--jp-mp-s) !important; }
	.ps-md-m { padding-left: var(--jp-mp-m) !important; }
	.ps-md-l { padding-left: var(--jp-mp-l) !important; }
	.pe-md-s { padding-right: var(--jp-mp-s) !important; }
	.pe-md-m { padding-right: var(--jp-mp-m) !important; }
	.pe-md-l { padding-right: var(--jp-mp-l) !important; }
	.px-md-s { padding-left: var(--jp-mp-s) !important; padding-right: var(--jp-mp-s) !important; }
	.px-md-m { padding-left: var(--jp-mp-m) !important; padding-right: var(--jp-mp-m) !important; }
	.px-md-l { padding-left: var(--jp-mp-l) !important; padding-right: var(--jp-mp-l) !important; }
	.py-md-s { padding-top: var(--jp-mp-s) !important; padding-bottom: var(--jp-mp-s) !important; }
	.py-md-m { padding-top: var(--jp-mp-m) !important; padding-bottom: var(--jp-mp-m) !important; }
	.py-md-l { padding-top: var(--jp-mp-l) !important; padding-bottom: var(--jp-mp-l) !important; }
}
@media (min-width: 992px) {
	.p-lg-1px { padding: 1px !important; }
	.pt-lg-1px { padding-top: 1px !important; }
	.pb-lg-1px { padding-bottom: 1px !important; }
	.ps-lg-1px { padding-left: 1px !important; }
	.pe-lg-1px { padding-right: 1px !important; }
	.px-lg-1px { padding-left: 1px !important; padding-right: 1px !important; }
	.py-lg-1px { padding-top: 1px !important; padding-bottom: 1px !important; }
	.p-lg-2px { padding: 2px !important; }
	.pt-lg-2px { padding-top: 2px !important; }
	.pb-lg-2px { padding-bottom: 2px !important; }
	.ps-lg-2px { padding-left: 2px !important; }
	.pe-lg-2px { padding-right: 2px !important; }
	.px-lg-2px { padding-left: 2px !important; padding-right: 2px !important; }
	.py-lg-2px { padding-top: 2px !important; padding-bottom: 2px !important; }
	.p-lg-3px { padding: 3px !important; }
	.pt-lg-3px { padding-top: 3px !important; }
	.pb-lg-3px { padding-bottom: 3px !important; }
	.ps-lg-3px { padding-left: 3px !important; }
	.pe-lg-3px { padding-right: 3px !important; }
	.px-lg-3px { padding-left: 3px !important; padding-right: 3px !important; }
	.py-lg-3px { padding-top: 3px !important; padding-bottom: 3px !important; }
	.p-lg-4px { padding: 4px !important; }
	.pt-lg-4px { padding-top: 4px !important; }
	.pb-lg-4px { padding-bottom: 4px !important; }
	.ps-lg-4px { padding-left: 4px !important; }
	.pe-lg-4px { padding-right: 4px !important; }
	.px-lg-4px { padding-left: 4px !important; padding-right: 4px !important; }
	.py-lg-4px { padding-top: 4px !important; padding-bottom: 4px !important; }
	.p-lg-5px { padding: 5px !important; }
	.pt-lg-5px { padding-top: 5px !important; }
	.pb-lg-5px { padding-bottom: 5px !important; }
	.ps-lg-5px { padding-left: 5px !important; }
	.pe-lg-5px { padding-right: 5px !important; }
	.px-lg-5px { padding-left: 5px !important; padding-right: 5px !important; }
	.py-lg-5px { padding-top: 5px !important; padding-bottom: 5px !important; }
	.p-lg-s { padding: var(--jp-mp-s) !important; }
	.pt-lg-s { padding-top: var(--jp-mp-s) !important; }
	.pt-lg-m { padding-top: var(--jp-mp-m) !important; }
	.pt-lg-l { padding-top: var(--jp-mp-l) !important; }
	.pb-lg-s { padding-bottom: var(--jp-mp-s) !important; }
	.pb-lg-m { padding-bottom: var(--jp-mp-m) !important; }
	.pb-lg-l { padding-bottom: var(--jp-mp-l) !important; }
	.ps-lg-s { padding-left: var(--jp-mp-s) !important; }
	.ps-lg-m { padding-left: var(--jp-mp-m) !important; }
	.ps-lg-l { padding-left: var(--jp-mp-l) !important; }
	.pe-lg-s { padding-right: var(--jp-mp-s) !important; }
	.pe-lg-m { padding-right: var(--jp-mp-m) !important; }
	.pe-lg-l { padding-right: var(--jp-mp-l) !important; }
	.px-lg-s { padding-left: var(--jp-mp-s) !important; padding-right: var(--jp-mp-s) !important; }
	.px-lg-m { padding-left: var(--jp-mp-m) !important; padding-right: var(--jp-mp-m) !important; }
	.px-lg-l { padding-left: var(--jp-mp-l) !important; padding-right: var(--jp-mp-l) !important; }
	.py-lg-s { padding-top: var(--jp-mp-s) !important; padding-bottom: var(--jp-mp-s) !important; }
	.py-lg-m { padding-top: var(--jp-mp-m) !important; padding-bottom: var(--jp-mp-m) !important; }
	.py-lg-l { padding-top: var(--jp-mp-l) !important; padding-bottom: var(--jp-mp-l) !important; }
}
@media (min-width: 1200px) {
	.p-xl-1px { padding: 1px !important; }
	.pt-xl-1px { padding-top: 1px !important; }
	.pb-xl-1px { padding-bottom: 1px !important; }
	.ps-xl-1px { padding-left: 1px !important; }
	.pe-xl-1px { padding-right: 1px !important; }
	.px-xl-1px { padding-left: 1px !important; padding-right: 1px !important; }
	.py-xl-1px { padding-top: 1px !important; padding-bottom: 1px !important; }
	.p-xl-2px { padding: 2px !important; }
	.pt-xl-2px { padding-top: 2px !important; }
	.pb-xl-2px { padding-bottom: 2px !important; }
	.ps-xl-2px { padding-left: 2px !important; }
	.pe-xl-2px { padding-right: 2px !important; }
	.px-xl-2px { padding-left: 2px !important; padding-right: 2px !important; }
	.py-xl-2px { padding-top: 2px !important; padding-bottom: 2px !important; }
	.p-xl-3px { padding: 3px !important; }
	.pt-xl-3px { padding-top: 3px !important; }
	.pb-xl-3px { padding-bottom: 3px !important; }
	.ps-xl-3px { padding-left: 3px !important; }
	.pe-xl-3px { padding-right: 3px !important; }
	.px-xl-3px { padding-left: 3px !important; padding-right: 3px !important; }
	.py-xl-3px { padding-top: 3px !important; padding-bottom: 3px !important; }
	.p-xl-4px { padding: 4px !important; }
	.pt-xl-4px { padding-top: 4px !important; }
	.pb-xl-4px { padding-bottom: 4px !important; }
	.ps-xl-4px { padding-left: 4px !important; }
	.pe-xl-4px { padding-right: 4px !important; }
	.px-xl-4px { padding-left: 4px !important; padding-right: 4px !important; }
	.py-xl-4px { padding-top: 4px !important; padding-bottom: 4px !important; }
	.p-xl-5px { padding: 5px !important; }
	.pt-xl-5px { padding-top: 5px !important; }
	.pb-xl-5px { padding-bottom: 5px !important; }
	.ps-xl-5px { padding-left: 5px !important; }
	.pe-xl-5px { padding-right: 5px !important; }
	.px-xl-5px { padding-left: 5px !important; padding-right: 5px !important; }
	.py-xl-5px { padding-top: 5px !important; padding-bottom: 5px !important; }
	.p-xl-s { padding: var(--jp-mp-s) !important; }
	.pt-xl-s { padding-top: var(--jp-mp-s) !important; }
	.pt-xl-m { padding-top: var(--jp-mp-m) !important; }
	.pt-xl-l { padding-top: var(--jp-mp-l) !important; }
	.pb-xl-s { padding-bottom: var(--jp-mp-s) !important; }
	.pb-xl-m { padding-bottom: var(--jp-mp-m) !important; }
	.pb-xl-l { padding-bottom: var(--jp-mp-l) !important; }
	.ps-xl-s { padding-left: var(--jp-mp-s) !important; }
	.ps-xl-m { padding-left: var(--jp-mp-m) !important; }
	.ps-xl-l { padding-left: var(--jp-mp-l) !important; }
	.pe-xl-s { padding-right: var(--jp-mp-s) !important; }
	.pe-xl-m { padding-right: var(--jp-mp-m) !important; }
	.pe-xl-l { padding-right: var(--jp-mp-l) !important; }
	.px-xl-s { padding-left: var(--jp-mp-s) !important; padding-right: var(--jp-mp-s) !important; }
	.px-xl-m { padding-left: var(--jp-mp-m) !important; padding-right: var(--jp-mp-m) !important; }
	.px-xl-l { padding-left: var(--jp-mp-l) !important; padding-right: var(--jp-mp-l) !important; }
	.py-xl-s { padding-top: var(--jp-mp-s) !important; padding-bottom: var(--jp-mp-s) !important; }
	.py-xl-m { padding-top: var(--jp-mp-m) !important; padding-bottom: var(--jp-mp-m) !important; }
	.py-xl-l { padding-top: var(--jp-mp-l) !important; padding-bottom: var(--jp-mp-l) !important; }
}
@media (min-width: 1400px) {
	.p-xxl-1px { padding: 1px !important; }
	.pt-xxl-1px { padding-top: 1px !important; }
	.pb-xxl-1px { padding-bottom: 1px !important; }
	.ps-xxl-1px { padding-left: 1px !important; }
	.pe-xxl-1px { padding-right: 1px !important; }
	.px-xxl-1px { padding-left: 1px !important; padding-right: 1px !important; }
	.py-xxl-1px { padding-top: 1px !important; padding-bottom: 1px !important; }
	.p-xxl-2px { padding: 2px !important; }
	.pt-xxl-2px { padding-top: 2px !important; }
	.pb-xxl-2px { padding-bottom: 2px !important; }
	.ps-xxl-2px { padding-left: 2px !important; }
	.pe-xxl-2px { padding-right: 2px !important; }
	.px-xxl-2px { padding-left: 2px !important; padding-right: 2px !important; }
	.py-xxl-2px { padding-top: 2px !important; padding-bottom: 2px !important; }
	.p-xxl-3px { padding: 3px !important; }
	.pt-xxl-3px { padding-top: 3px !important; }
	.pb-xxl-3px { padding-bottom: 3px !important; }
	.ps-xxl-3px { padding-left: 3px !important; }
	.pe-xxl-3px { padding-right: 3px !important; }
	.px-xxl-3px { padding-left: 3px !important; padding-right: 3px !important; }
	.py-xxl-3px { padding-top: 3px !important; padding-bottom: 3px !important; }
	.p-xxl-4px { padding: 4px !important; }
	.pt-xxl-4px { padding-top: 4px !important; }
	.pb-xxl-4px { padding-bottom: 4px !important; }
	.ps-xxl-4px { padding-left: 4px !important; }
	.pe-xxl-4px { padding-right: 4px !important; }
	.px-xxl-4px { padding-left: 4px !important; padding-right: 4px !important; }
	.py-xxl-4px { padding-top: 4px !important; padding-bottom: 4px !important; }
	.p-xxl-5px { padding: 5px !important; }
	.pt-xxl-5px { padding-top: 5px !important; }
	.pb-xxl-5px { padding-bottom: 5px !important; }
	.ps-xxl-5px { padding-left: 5px !important; }
	.pe-xxl-5px { padding-right: 5px !important; }
	.px-xxl-5px { padding-left: 5px !important; padding-right: 5px !important; }
	.py-xxl-5px { padding-top: 5px !important; padding-bottom: 5px !important; }
	.p-xxl-s { padding: var(--jp-mp-s) !important; }
	.pt-xxl-s { padding-top: var(--jp-mp-s) !important; }
	.pt-xxl-m { padding-top: var(--jp-mp-m) !important; }
	.pt-xxl-l { padding-top: var(--jp-mp-l) !important; }
	.pb-xxl-s { padding-bottom: var(--jp-mp-s) !important; }
	.pb-xxl-m { padding-bottom: var(--jp-mp-m) !important; }
	.pb-xxl-l { padding-bottom: var(--jp-mp-l) !important; }
	.ps-xxl-s { padding-left: var(--jp-mp-s) !important; }
	.ps-xxl-m { padding-left: var(--jp-mp-m) !important; }
	.ps-xxl-l { padding-left: var(--jp-mp-l) !important; }
	.pe-xxl-s { padding-right: var(--jp-mp-s) !important; }
	.pe-xxl-m { padding-right: var(--jp-mp-m) !important; }
	.pe-xxl-l { padding-right: var(--jp-mp-l) !important; }
	.px-xxl-s { padding-left: var(--jp-mp-s) !important; padding-right: var(--jp-mp-s) !important; }
	.px-xxl-m { padding-left: var(--jp-mp-m) !important; padding-right: var(--jp-mp-m) !important; }
	.px-xxl-l { padding-left: var(--jp-mp-l) !important; padding-right: var(--jp-mp-l) !important; }
	.py-xxl-s { padding-top: var(--jp-mp-s) !important; padding-bottom: var(--jp-mp-s) !important; }
	.py-xxl-m { padding-top: var(--jp-mp-m) !important; padding-bottom: var(--jp-mp-m) !important; }
	.py-xxl-l { padding-top: var(--jp-mp-l) !important; padding-bottom: var(--jp-mp-l) !important; }
}



/* ――――――――――――――――――――――――――

横幅指定

―――――――――――――――――――――――――― */
.w-100 { width: 100% !important; }
.w-90 { width: 90% !important; }
.w-85 { width: 85% !important; }
.w-80 { width: 80% !important; }
.w-75 { width: 75% !important; }
.w-70 { width: 70% !important; }
.w-66 { width: 66.66666667% !important; }
.w-60 { width: 60% !important; }
.w-50 { width: 50% !important; }
.w-40 { width: 40% !important; }
.w-33 { width: 33.3333333333% !important; }
.w-30 { width: 30% !important; }
.w-25 { width: 25% !important; }
.w-20 { width: 20% !important; }
.w-15 { width: 15% !important; }
.w-12 { width: 12.5% !important; }
.w-10 { width: 10% !important; }
.w-5 { width: 5% !important; }
.w-1em { width: 1em !important; }
.w-2em { width: 2em !important; }
.w-3em { width: 3em !important; }
.w-4em { width: 4em !important; }
.w-5em { width: 5em !important; }
.w-6em { width: 6em !important; }
.w-7em { width: 7em !important; }
.w-8em { width: 8em !important; }
.w-9em { width: 9em !important; }
.w-10em { width: 10em !important; }
.w-11em { width: 11em !important; }
.w-12em { width: 12em !important; }
.w-13em { width: 13em !important; }
.w-14em { width: 14em !important; }
.w-15em { width: 15em !important; }
.w-20px { width: 20px !important; }
.w-25px { width: 25px !important; }
.w-40px { width: 40px !important; }
.w-50px { width: 50px !important; }
.w-60px { width: 60px !important; }
.w-75px { width: 75px !important; }
.w-80px { width: 80px !important; }
.w-100px { width: 100px !important; }
.w-120px { width: 120px !important; }
.w-125px { width: 125px !important; }
.w-140px { width: 140px !important; }
.w-150px { width: 150px !important; }
.w-160px { width: 160px !important; }
.w-175px { width: 175px !important; }
.w-180px { width: 180px !important; }
.w-200px { width: 200px !important; }
.w-220px { width: 20px !important; }
.w-225px { width: 225px !important; }
.w-240px { width: 240px !important; }
.w-250px { width: 250px !important; }
.w-260px { width: 260px !important; }
.w-275px { width: 275px !important; }
.w-280px { width: 280px !important; }
.w-300px { width: 300px !important; }
.w-auto { width: auto !important; }
.w-100vw { width: 100vw !important; }

@media (min-width: 576px) {
	.w-sm-100 { width: 100% !important; }
	.w-sm-90 { width: 90% !important; }
	.w-sm-85 { width: 85% !important; }
	.w-sm-80 { width: 80% !important; }
	.w-sm-75 { width: 75% !important; }
	.w-sm-70 { width: 70% !important; }
	.w-sm-66 { width: 66.66666667% !important; }
	.w-sm-60 { width: 60% !important; }
	.w-sm-50 { width: 50% !important; }
	.w-sm-40 { width: 40% !important; }
	.w-sm-33 { width: 33.3333333333% !important; }
	.w-sm-30 { width: 30% !important; }
	.w-sm-25 { width: 25% !important; }
	.w-sm-20 { width: 20% !important; }
	.w-sm-15 { width: 15% !important; }
	.w-sm-12 { width: 12.5% !important; }
	.w-sm-10 { width: 10% !important; }
	.w-sm-5 { width: 5% !important; }
	.w-sm-1em { width: 1em !important; }
	.w-sm-2em { width: 2em !important; }
	.w-sm-3em { width: 3em !important; }
	.w-sm-4em { width: 4em !important; }
	.w-sm-5em { width: 5em !important; }
	.w-sm-6em { width: 6em !important; }
	.w-sm-7em { width: 7em !important; }
	.w-sm-8em { width: 8em !important; }
	.w-sm-9em { width: 9em !important; }
	.w-sm-10em { width: 10em !important; }
	.w-sm-11em { width: 11em !important; }
	.w-sm-12em { width: 12em !important; }
	.w-sm-13em { width: 13em !important; }
	.w-sm-14em { width: 14em !important; }
	.w-sm-15em { width: 15em !important; }
	.w-sm-20px { width: 20px !important; }
	.w-sm-25px { width: 25px !important; }
	.w-sm-40px { width: 40px !important; }
	.w-sm-50px { width: 50px !important; }
	.w-sm-60px { width: 60px !important; }
	.w-sm-75px { width: 75px !important; }
	.w-sm-80px { width: 80px !important; }
	.w-sm-100px { width: 100px !important; }
	.w-sm-120px { width: 120px !important; }
	.w-sm-125px { width: 125px !important; }
	.w-sm-140px { width: 140px !important; }
	.w-sm-150px { width: 150px !important; }
	.w-sm-160px { width: 160px !important; }
	.w-sm-175px { width: 175px !important; }
	.w-sm-180px { width: 180px !important; }
	.w-sm-200px { width: 200px !important; }
	.w-sm-220px { width: 220px !important; }
	.w-sm-225px { width: 225px !important; }
	.w-sm-240px { width: 240px !important; }
	.w-sm-250px { width: 250px !important; }
	.w-sm-260px { width: 260px !important; }
	.w-sm-275px { width: 275px !important; }
	.w-sm-280px { width: 280px !important; }
	.w-sm-300px { width: 300px !important; }
	.w-sm-auto { width: auto !important; }
	.w-sm-100vw { width: 100vw !important; }
}
@media (min-width: 768px) {
	.w-md-100 { width: 100% !important; }
	.w-md-90 { width: 90% !important; }
	.w-md-85 { width: 85% !important; }
	.w-md-80 { width: 80% !important; }
	.w-md-75 { width: 75% !important; }
	.w-md-70 { width: 70% !important; }
	.w-md-66 { width: 66.66666667% !important; }
	.w-md-60 { width: 60% !important; }
	.w-md-50 { width: 50% !important; }
	.w-md-40 { width: 40% !important; }
	.w-md-33 { width: 33.3333333333% !important; }
	.w-md-30 { width: 30% !important; }
	.w-md-25 { width: 25% !important; }
	.w-md-20 { width: 20% !important; }
	.w-md-15 { width: 15% !important; }
	.w-md-12 { width: 12.5% !important; }
	.w-md-10 { width: 10% !important; }
	.w-md-5 { width: 5% !important; }
	.w-md-1em { width: 1em !important; }
	.w-md-2em { width: 2em !important; }
	.w-md-3em { width: 3em !important; }
	.w-md-4em { width: 4em !important; }
	.w-md-5em { width: 5em !important; }
	.w-md-6em { width: 6em !important; }
	.w-md-7em { width: 7em !important; }
	.w-md-8em { width: 8em !important; }
	.w-md-9em { width: 9em !important; }
	.w-md-10em { width: 10em !important; }
	.w-md-11em { width: 11em !important; }
	.w-md-12em { width: 12em !important; }
	.w-md-13em { width: 13em !important; }
	.w-md-14em { width: 14em !important; }
	.w-md-15em { width: 15em !important; }
	.w-md-20px { width: 20px !important; }
	.w-md-25px { width: 25px !important; }
	.w-md-40px { width: 40px !important; }
	.w-md-50px { width: 50px !important; }
	.w-md-60px { width: 60px !important; }
	.w-md-75px { width: 75px !important; }
	.w-md-80px { width: 80px !important; }
	.w-md-100px { width: 100px !important; }
	.w-md-120px { width: 120px !important; }
	.w-md-125px { width: 125px !important; }
	.w-md-140px { width: 140px !important; }
	.w-md-150px { width: 150px !important; }
	.w-md-160px { width: 160px !important; }
	.w-md-175px { width: 175px !important; }
	.w-md-180px { width: 180px !important; }
	.w-md-200px { width: 200px !important; }
	.w-md-220px { width: 220px !important; }
	.w-md-225px { width: 225px !important; }
	.w-md-240px { width: 240px !important; }
	.w-md-250px { width: 250px !important; }
	.w-md-260px { width: 260px !important; }
	.w-md-275px { width: 275px !important; }
	.w-md-280px { width: 280px !important; }
	.w-md-300px { width: 300px !important; }
	.w-md-auto { width: auto !important; }
	.w-md-100vw { width: 100vw !important; }
}
@media (min-width: 992px) {
	.w-lg-100 { width: 100% !important; }
	.w-lg-90 { width: 90% !important; }
	.w-lg-85 { width: 85% !important; }
	.w-lg-80 { width: 80% !important; }
	.w-lg-75 { width: 75% !important; }
	.w-lg-70 { width: 70% !important; }
	.w-lg-66 { width: 66.66666667% !important; }
	.w-lg-60 { width: 60% !important; }
	.w-lg-50 { width: 50% !important; }
	.w-lg-40 { width: 40% !important; }
	.w-lg-33 { width: 33.3333333333% !important; }
	.w-lg-30 { width: 30% !important; }
	.w-lg-25 { width: 25% !important; }
	.w-lg-20 { width: 20% !important; }
	.w-lg-15 { width: 15% !important; }
	.w-lg-12 { width: 12.5% !important; }
	.w-lg-10 { width: 10% !important; }
	.w-lg-5 { width: 5% !important; }
	.w-lg-1em { width: 1em !important; }
	.w-lg-2em { width: 2em !important; }
	.w-lg-3em { width: 3em !important; }
	.w-lg-4em { width: 4em !important; }
	.w-lg-5em { width: 5em !important; }
	.w-lg-6em { width: 6em !important; }
	.w-lg-7em { width: 7em !important; }
	.w-lg-8em { width: 8em !important; }
	.w-lg-9em { width: 9em !important; }
	.w-lg-10em { width: 10em !important; }
	.w-lg-11em { width: 11em !important; }
	.w-lg-12em { width: 12em !important; }
	.w-lg-13em { width: 13em !important; }
	.w-lg-14em { width: 14em !important; }
	.w-lg-15em { width: 15em !important; }
	.w-lg-20px { width: 20px !important; }
	.w-lg-25px { width: 25px !important; }
	.w-lg-40px { width: 40px !important; }
	.w-lg-50px { width: 50px !important; }
	.w-lg-60px { width: 60px !important; }
	.w-lg-75px { width: 75px !important; }
	.w-lg-80px { width: 80px !important; }
	.w-lg-100px { width: 100px !important; }
	.w-lg-120px { width: 120px !important; }
	.w-lg-125px { width: 125px !important; }
	.w-lg-140px { width: 140px !important; }
	.w-lg-150px { width: 150px !important; }
	.w-lg-160px { width: 160px !important; }
	.w-lg-175px { width: 175px !important; }
	.w-lg-180px { width: 180px !important; }
	.w-lg-200px { width: 200px !important; }
	.w-lg-220px { width: 220px !important; }
	.w-lg-225px { width: 225px !important; }
	.w-lg-240px { width: 240px !important; }
	.w-lg-250px { width: 250px !important; }
	.w-lg-260px { width: 260px !important; }
	.w-lg-275px { width: 275px !important; }
	.w-lg-280px { width: 280px !important; }
	.w-lg-300px { width: 300px !important; }
	.w-lg-auto { width: auto !important; }
	.w-lg-100vw { width: 100vw !important; }
}
@media (min-width: 1200px) {
	.w-xl-100 { width: 100% !important; }
	.w-xl-90 { width: 90% !important; }
	.w-xl-85 { width: 85% !important; }
	.w-xl-80 { width: 80% !important; }
	.w-xl-75 { width: 75% !important; }
	.w-xl-70 { width: 70% !important; }
	.w-xl-66 { width: 66.66666667% !important; }
	.w-xl-60 { width: 60% !important; }
	.w-xl-50 { width: 50% !important; }
	.w-xl-40 { width: 40% !important; }
	.w-xl-33 { width: 33.3333333333% !important; }
	.w-xl-30 { width: 30% !important; }
	.w-xl-25 { width: 25% !important; }
	.w-xl-20 { width: 20% !important; }
	.w-xl-15 { width: 15% !important; }
	.w-xl-12 { width: 12.5% !important; }
	.w-xl-10 { width: 10% !important; }
	.w-xl-5 { width: 5% !important; }
	.w-xl-1em { width: 1em !important; }
	.w-xl-2em { width: 2em !important; }
	.w-xl-3em { width: 3em !important; }
	.w-xl-4em { width: 4em !important; }
	.w-xl-5em { width: 5em !important; }
	.w-xl-6em { width: 6em !important; }
	.w-xl-7em { width: 7em !important; }
	.w-xl-8em { width: 8em !important; }
	.w-xl-9em { width: 9em !important; }
	.w-xl-10em { width: 10em !important; }
	.w-xl-11em { width: 11em !important; }
	.w-xl-12em { width: 12em !important; }
	.w-xl-13em { width: 13em !important; }
	.w-xl-14em { width: 14em !important; }
	.w-xl-15em { width: 15em !important; }
	.w-xl-20px { width: 20px !important; }
	.w-xl-25px { width: 25px !important; }
	.w-xl-40px { width: 40px !important; }
	.w-xl-50px { width: 50px !important; }
	.w-xl-60px { width: 60px !important; }
	.w-xl-75px { width: 75px !important; }
	.w-xl-80px { width: 80px !important; }
	.w-xl-100px { width: 100px !important; }
	.w-xl-120px { width: 120px !important; }
	.w-xl-125px { width: 125px !important; }
	.w-xl-140px { width: 140px !important; }
	.w-xl-150px { width: 150px !important; }
	.w-xl-160px { width: 160px !important; }
	.w-xl-175px { width: 175px !important; }
	.w-xl-180px { width: 180px !important; }
	.w-xl-200px { width: 200px !important; }
	.w-xl-220px { width: 220px !important; }
	.w-xl-225px { width: 225px !important; }
	.w-xl-240px { width: 240px !important; }
	.w-xl-250px { width: 250px !important; }
	.w-xl-260px { width: 260px !important; }
	.w-xl-275px { width: 275px !important; }
	.w-xl-280px { width: 280px !important; }
	.w-xl-300px { width: 300px !important; }
	.w-xl-auto { width: auto !important; }
	.w-xl-100vw { width: 100vw !important; }
}
@media (min-width: 1400px) {
	.w-xxl-100 { width: 100% !important; }
	.w-xxl-90 { width: 90% !important; }
	.w-xxl-85 { width: 85% !important; }
	.w-xxl-80 { width: 80% !important; }
	.w-xxl-75 { width: 75% !important; }
	.w-xxl-70 { width: 70% !important; }
	.w-xxl-66 { width: 66.66666667% !important; }
	.w-xxl-60 { width: 60% !important; }
	.w-xxl-50 { width: 50% !important; }
	.w-xxl-40 { width: 40% !important; }
	.w-xxl-33 { width: 33.3333333333% !important; }
	.w-xxl-30 { width: 30% !important; }
	.w-xxl-25 { width: 25% !important; }
	.w-xxl-20 { width: 20% !important; }
	.w-xxl-15 { width: 15% !important; }
	.w-xxl-12 { width: 12.5% !important; }
	.w-xxl-10 { width: 10% !important; }
	.w-xxl-5 { width: 5% !important; }
	.w-xxl-1em { width: 1em !important; }
	.w-xxl-2em { width: 2em !important; }
	.w-xxl-3em { width: 3em !important; }
	.w-xxl-4em { width: 4em !important; }
	.w-xxl-5em { width: 5em !important; }
	.w-xxl-6em { width: 6em !important; }
	.w-xxl-7em { width: 7em !important; }
	.w-xxl-8em { width: 8em !important; }
	.w-xxl-9em { width: 9em !important; }
	.w-xxl-10em { width: 10em !important; }
	.w-xxl-11em { width: 11em !important; }
	.w-xxl-12em { width: 12em !important; }
	.w-xxl-13em { width: 13em !important; }
	.w-xxl-14em { width: 14em !important; }
	.w-xxl-15em { width: 15em !important; }
	.w-xxl-20px { width: 20px !important; }
	.w-xxl-25px { width: 25px !important; }
	.w-xxl-40px { width: 40px !important; }
	.w-xxl-50px { width: 50px !important; }
	.w-xxl-60px { width: 60px !important; }
	.w-xxl-75px { width: 75px !important; }
	.w-xxl-80px { width: 80px !important; }
	.w-xxl-100px { width: 100px !important; }
	.w-xxl-120px { width: 120px !important; }
	.w-xxl-125px { width: 125px !important; }
	.w-xxl-140px { width: 140px !important; }
	.w-xxl-150px { width: 150px !important; }
	.w-xxl-160px { width: 160px !important; }
	.w-xxl-175px { width: 175px !important; }
	.w-xxl-180px { width: 180px !important; }
	.w-xxl-200px { width: 200px !important; }
	.w-xxl-220px { width: 220px !important; }
	.w-xxl-225px { width: 225px !important; }
	.w-xxl-240px { width: 240px !important; }
	.w-xxl-250px { width: 250px !important; }
	.w-xxl-260px { width: 260px !important; }
	.w-xxl-275px { width: 275px !important; }
	.w-xxl-280px { width: 280px !important; }
	.w-xxl-300px { width: 300px !important; }
	.w-xxl-auto { width: auto !important; }
	.w-xxl-100vw { width: 100vw !important; }
}



/* ――――――――――――――――――――――――――

高さ指定

―――――――――――――――――――――――――― */
.h-100 { height: 100% !important; }
.h-90 { height: 90% !important; }
.h-85 { height: 85% !important; }
.h-80 { height: 80% !important; }
.h-75 { height: 75% !important; }
.h-70 { height: 70% !important; }
.h-66 { height: 66.66666667% !important; }
.h-60 { height: 60% !important; }
.h-50 { height: 50% !important; }
.h-40 { height: 40% !important; }
.h-33 { height: 33.3333333333% !important; }
.h-30 { height: 30% !important; }
.h-25 { height: 25% !important; }
.h-20 { height: 20% !important; }
.h-15 { height: 15% !important; }
.h-12 { height: 12.5% !important; }
.h-10 { height: 10% !important; }
.h-5 { height: 5% !important; }
.h-1em { height: 1em !important; }
.h-2em { height: 2em !important; }
.h-3em { height: 3em !important; }
.h-4em { height: 4em !important; }
.h-5em { height: 5em !important; }
.h-6em { height: 6em !important; }
.h-7em { height: 7em !important; }
.h-8em { height: 8em !important; }
.h-9em { height: 9em !important; }
.h-10em { height: 10em !important; }
.h-11em { height: 11em !important; }
.h-12em { height: 12em !important; }
.h-13em { height: 13em !important; }
.h-14em { height: 14em !important; }
.h-15em { height: 15em !important; }
.h-20px { height: 20px !important; }
.h-25px { height: 25px !important; }
.h-40px { height: 40px !important; }
.h-50px { height: 50px !important; }
.h-60px { height: 60px !important; }
.h-75px { height: 75px !important; }
.h-80px { height: 80px !important; }
.h-100px { height: 100px !important; }
.h-120px { height: 120px !important; }
.h-125px { height: 125px !important; }
.h-140px { height: 140px !important; }
.h-150px { height: 150px !important; }
.h-160px { height: 160px !important; }
.h-175px { height: 175px !important; }
.h-180px { height: 180px !important; }
.h-200px { height: 200px !important; }
.h-220px { height: 20px !important; }
.h-225px { height: 225px !important; }
.h-240px { height: 240px !important; }
.h-250px { height: 250px !important; }
.h-260px { height: 260px !important; }
.h-275px { height: 275px !important; }
.h-280px { height: 280px !important; }
.h-300px { height: 300px !important; }
.h-auto { height: auto !important; }
.h-100vh { height: 100vh !important; }

@media (min-width: 576px) {
	.h-sm-100 { height: 100% !important; }
	.h-sm-90 { height: 90% !important; }
	.h-sm-85 { height: 85% !important; }
	.h-sm-80 { height: 80% !important; }
	.h-sm-75 { height: 75% !important; }
	.h-sm-70 { height: 70% !important; }
	.h-sm-66 { height: 66.66666667% !important; }
	.h-sm-60 { height: 60% !important; }
	.h-sm-50 { height: 50% !important; }
	.h-sm-40 { height: 40% !important; }
	.h-sm-33 { height: 33.3333333333% !important; }
	.h-sm-30 { height: 30% !important; }
	.h-sm-25 { height: 25% !important; }
	.h-sm-20 { height: 20% !important; }
	.h-sm-15 { height: 15% !important; }
	.h-sm-12 { height: 12.5% !important; }
	.h-sm-10 { height: 10% !important; }
	.h-sm-5 { height: 5% !important; }
	.h-sm-1em { height: 1em !important; }
	.h-sm-2em { height: 2em !important; }
	.h-sm-3em { height: 3em !important; }
	.h-sm-4em { height: 4em !important; }
	.h-sm-5em { height: 5em !important; }
	.h-sm-6em { height: 6em !important; }
	.h-sm-7em { height: 7em !important; }
	.h-sm-8em { height: 8em !important; }
	.h-sm-9em { height: 9em !important; }
	.h-sm-10em { height: 10em !important; }
	.h-sm-11em { height: 11em !important; }
	.h-sm-12em { height: 12em !important; }
	.h-sm-13em { height: 13em !important; }
	.h-sm-14em { height: 14em !important; }
	.h-sm-15em { height: 15em !important; }
	.h-sm-20px { height: 20px !important; }
	.h-sm-25px { height: 25px !important; }
	.h-sm-40px { height: 40px !important; }
	.h-sm-50px { height: 50px !important; }
	.h-sm-60px { height: 60px !important; }
	.h-sm-75px { height: 75px !important; }
	.h-sm-80px { height: 80px !important; }
	.h-sm-100px { height: 100px !important; }
	.h-sm-120px { height: 120px !important; }
	.h-sm-125px { height: 125px !important; }
	.h-sm-140px { height: 140px !important; }
	.h-sm-150px { height: 150px !important; }
	.h-sm-160px { height: 160px !important; }
	.h-sm-175px { height: 175px !important; }
	.h-sm-180px { height: 180px !important; }
	.h-sm-200px { height: 200px !important; }
	.h-sm-220px { height: 20px !important; }
	.h-sm-225px { height: 225px !important; }
	.h-sm-240px { height: 240px !important; }
	.h-sm-250px { height: 250px !important; }
	.h-sm-260px { height: 260px !important; }
	.h-sm-275px { height: 275px !important; }
	.h-sm-280px { height: 280px !important; }
	.h-sm-300px { height: 300px !important; }
	.h-sm-auto { height: auto !important; }
	.h-sm-100vh { height: 100vh !important; }
}
@media (min-width: 768px) {
	.h-md-100 { height: 100% !important; }
	.h-md-90 { height: 90% !important; }
	.h-md-85 { height: 85% !important; }
	.h-md-80 { height: 80% !important; }
	.h-md-75 { height: 75% !important; }
	.h-md-70 { height: 70% !important; }
	.h-md-66 { height: 66.66666667% !important; }
	.h-md-60 { height: 60% !important; }
	.h-md-50 { height: 50% !important; }
	.h-md-40 { height: 40% !important; }
	.h-md-33 { height: 33.3333333333% !important; }
	.h-md-30 { height: 30% !important; }
	.h-md-25 { height: 25% !important; }
	.h-md-20 { height: 20% !important; }
	.h-md-15 { height: 15% !important; }
	.h-md-12 { height: 12.5% !important; }
	.h-md-10 { height: 10% !important; }
	.h-md-5 { height: 5% !important; }
	.h-md-1em { height: 1em !important; }
	.h-md-2em { height: 2em !important; }
	.h-md-3em { height: 3em !important; }
	.h-md-4em { height: 4em !important; }
	.h-md-5em { height: 5em !important; }
	.h-md-6em { height: 6em !important; }
	.h-md-7em { height: 7em !important; }
	.h-md-8em { height: 8em !important; }
	.h-md-9em { height: 9em !important; }
	.h-md-10em { height: 10em !important; }
	.h-md-11em { height: 11em !important; }
	.h-md-12em { height: 12em !important; }
	.h-md-13em { height: 13em !important; }
	.h-md-14em { height: 14em !important; }
	.h-md-15em { height: 15em !important; }
	.h-md-20px { height: 20px !important; }
	.h-md-25px { height: 25px !important; }
	.h-md-40px { height: 40px !important; }
	.h-md-50px { height: 50px !important; }
	.h-md-60px { height: 60px !important; }
	.h-md-75px { height: 75px !important; }
	.h-md-80px { height: 80px !important; }
	.h-md-100px { height: 100px !important; }
	.h-md-120px { height: 120px !important; }
	.h-md-125px { height: 125px !important; }
	.h-md-140px { height: 140px !important; }
	.h-md-150px { height: 150px !important; }
	.h-md-160px { height: 160px !important; }
	.h-md-175px { height: 175px !important; }
	.h-md-180px { height: 180px !important; }
	.h-md-200px { height: 200px !important; }
	.h-md-220px { height: 20px !important; }
	.h-md-225px { height: 225px !important; }
	.h-md-240px { height: 240px !important; }
	.h-md-250px { height: 250px !important; }
	.h-md-260px { height: 260px !important; }
	.h-md-275px { height: 275px !important; }
	.h-md-280px { height: 280px !important; }
	.h-md-300px { height: 300px !important; }
	.h-md-auto { height: auto !important; }
	.h-md-100vh { height: 100vh !important; }
}
@media (min-width: 992px) {
	.h-lg-100 { height: 100% !important; }
	.h-lg-90 { height: 90% !important; }
	.h-lg-85 { height: 85% !important; }
	.h-lg-80 { height: 80% !important; }
	.h-lg-75 { height: 75% !important; }
	.h-lg-70 { height: 70% !important; }
	.h-lg-66 { height: 66.66666667% !important; }
	.h-lg-60 { height: 60% !important; }
	.h-lg-50 { height: 50% !important; }
	.h-lg-40 { height: 40% !important; }
	.h-lg-33 { height: 33.3333333333% !important; }
	.h-lg-30 { height: 30% !important; }
	.h-lg-25 { height: 25% !important; }
	.h-lg-20 { height: 20% !important; }
	.h-lg-15 { height: 15% !important; }
	.h-lg-12 { height: 12.5% !important; }
	.h-lg-10 { height: 10% !important; }
	.h-lg-5 { height: 5% !important; }
	.h-lg-1em { height: 1em !important; }
	.h-lg-2em { height: 2em !important; }
	.h-lg-3em { height: 3em !important; }
	.h-lg-4em { height: 4em !important; }
	.h-lg-5em { height: 5em !important; }
	.h-lg-6em { height: 6em !important; }
	.h-lg-7em { height: 7em !important; }
	.h-lg-8em { height: 8em !important; }
	.h-lg-9em { height: 9em !important; }
	.h-lg-10em { height: 10em !important; }
	.h-lg-11em { height: 11em !important; }
	.h-lg-12em { height: 12em !important; }
	.h-lg-13em { height: 13em !important; }
	.h-lg-14em { height: 14em !important; }
	.h-lg-15em { height: 15em !important; }
	.h-lg-20px { height: 20px !important; }
	.h-lg-25px { height: 25px !important; }
	.h-lg-40px { height: 40px !important; }
	.h-lg-50px { height: 50px !important; }
	.h-lg-60px { height: 60px !important; }
	.h-lg-75px { height: 75px !important; }
	.h-lg-80px { height: 80px !important; }
	.h-lg-100px { height: 100px !important; }
	.h-lg-120px { height: 120px !important; }
	.h-lg-125px { height: 125px !important; }
	.h-lg-140px { height: 140px !important; }
	.h-lg-150px { height: 150px !important; }
	.h-lg-160px { height: 160px !important; }
	.h-lg-175px { height: 175px !important; }
	.h-lg-180px { height: 180px !important; }
	.h-lg-200px { height: 200px !important; }
	.h-lg-220px { height: 20px !important; }
	.h-lg-225px { height: 225px !important; }
	.h-lg-240px { height: 240px !important; }
	.h-lg-250px { height: 250px !important; }
	.h-lg-260px { height: 260px !important; }
	.h-lg-275px { height: 275px !important; }
	.h-lg-280px { height: 280px !important; }
	.h-lg-300px { height: 300px !important; }
	.h-lg-auto { height: auto !important; }
	.h-lg-100vh { height: 100vh !important; }
}
@media (min-width: 1200px) {
	.h-xl-100 { height: 100% !important; }
	.h-xl-90 { height: 90% !important; }
	.h-xl-85 { height: 85% !important; }
	.h-xl-80 { height: 80% !important; }
	.h-xl-75 { height: 75% !important; }
	.h-xl-70 { height: 70% !important; }
	.h-xl-66 { height: 66.66666667% !important; }
	.h-xl-60 { height: 60% !important; }
	.h-xl-50 { height: 50% !important; }
	.h-xl-40 { height: 40% !important; }
	.h-xl-33 { height: 33.3333333333% !important; }
	.h-xl-30 { height: 30% !important; }
	.h-xl-25 { height: 25% !important; }
	.h-xl-20 { height: 20% !important; }
	.h-xl-15 { height: 15% !important; }
	.h-xl-12 { height: 12.5% !important; }
	.h-xl-10 { height: 10% !important; }
	.h-xl-5 { height: 5% !important; }
	.h-xl-1em { height: 1em !important; }
	.h-xl-2em { height: 2em !important; }
	.h-xl-3em { height: 3em !important; }
	.h-xl-4em { height: 4em !important; }
	.h-xl-5em { height: 5em !important; }
	.h-xl-6em { height: 6em !important; }
	.h-xl-7em { height: 7em !important; }
	.h-xl-8em { height: 8em !important; }
	.h-xl-9em { height: 9em !important; }
	.h-xl-10em { height: 10em !important; }
	.h-xl-11em { height: 11em !important; }
	.h-xl-12em { height: 12em !important; }
	.h-xl-13em { height: 13em !important; }
	.h-xl-14em { height: 14em !important; }
	.h-xl-15em { height: 15em !important; }
	.h-xl-20px { height: 20px !important; }
	.h-xl-25px { height: 25px !important; }
	.h-xl-40px { height: 40px !important; }
	.h-xl-50px { height: 50px !important; }
	.h-xl-60px { height: 60px !important; }
	.h-xl-75px { height: 75px !important; }
	.h-xl-80px { height: 80px !important; }
	.h-xl-100px { height: 100px !important; }
	.h-xl-120px { height: 120px !important; }
	.h-xl-125px { height: 125px !important; }
	.h-xl-140px { height: 140px !important; }
	.h-xl-150px { height: 150px !important; }
	.h-xl-160px { height: 160px !important; }
	.h-xl-175px { height: 175px !important; }
	.h-xl-180px { height: 180px !important; }
	.h-xl-200px { height: 200px !important; }
	.h-xl-220px { height: 20px !important; }
	.h-xl-225px { height: 225px !important; }
	.h-xl-240px { height: 240px !important; }
	.h-xl-250px { height: 250px !important; }
	.h-xl-260px { height: 260px !important; }
	.h-xl-275px { height: 275px !important; }
	.h-xl-280px { height: 280px !important; }
	.h-xl-300px { height: 300px !important; }
	.h-xl-auto { height: auto !important; }
	.h-xl-100vh { height: 100vh !important; }
}
@media (min-width: 1400px) {
	.h-xxl-100 { height: 100% !important; }
	.h-xxl-90 { height: 90% !important; }
	.h-xxl-85 { height: 85% !important; }
	.h-xxl-80 { height: 80% !important; }
	.h-xxl-75 { height: 75% !important; }
	.h-xxl-70 { height: 70% !important; }
	.h-xxl-66 { height: 66.66666667% !important; }
	.h-xxl-60 { height: 60% !important; }
	.h-xxl-50 { height: 50% !important; }
	.h-xxl-40 { height: 40% !important; }
	.h-xxl-33 { height: 33.3333333333% !important; }
	.h-xxl-30 { height: 30% !important; }
	.h-xxl-25 { height: 25% !important; }
	.h-xxl-20 { height: 20% !important; }
	.h-xxl-15 { height: 15% !important; }
	.h-xxl-12 { height: 12.5% !important; }
	.h-xxl-10 { height: 10% !important; }
	.h-xxl-5 { height: 5% !important; }
	.h-xxl-1em { height: 1em !important; }
	.h-xxl-2em { height: 2em !important; }
	.h-xxl-3em { height: 3em !important; }
	.h-xxl-4em { height: 4em !important; }
	.h-xxl-5em { height: 5em !important; }
	.h-xxl-6em { height: 6em !important; }
	.h-xxl-7em { height: 7em !important; }
	.h-xxl-8em { height: 8em !important; }
	.h-xxl-9em { height: 9em !important; }
	.h-xxl-10em { height: 10em !important; }
	.h-xxl-11em { height: 11em !important; }
	.h-xxl-12em { height: 12em !important; }
	.h-xxl-13em { height: 13em !important; }
	.h-xxl-14em { height: 14em !important; }
	.h-xxl-15em { height: 15em !important; }
	.h-xxl-20px { height: 20px !important; }
	.h-xxl-25px { height: 25px !important; }
	.h-xxl-40px { height: 40px !important; }
	.h-xxl-50px { height: 50px !important; }
	.h-xxl-60px { height: 60px !important; }
	.h-xxl-75px { height: 75px !important; }
	.h-xxl-80px { height: 80px !important; }
	.h-xxl-100px { height: 100px !important; }
	.h-xxl-120px { height: 120px !important; }
	.h-xxl-125px { height: 125px !important; }
	.h-xxl-140px { height: 140px !important; }
	.h-xxl-150px { height: 150px !important; }
	.h-xxl-160px { height: 160px !important; }
	.h-xxl-175px { height: 175px !important; }
	.h-xxl-180px { height: 180px !important; }
	.h-xxl-200px { height: 200px !important; }
	.h-xxl-220px { height: 20px !important; }
	.h-xxl-225px { height: 225px !important; }
	.h-xxl-240px { height: 240px !important; }
	.h-xxl-250px { height: 250px !important; }
	.h-xxl-260px { height: 260px !important; }
	.h-xxl-275px { height: 275px !important; }
	.h-xxl-280px { height: 280px !important; }
	.h-xxl-300px { height: 300px !important; }
	.h-xxl-auto { height: auto !important; }
	.h-xxl-100vh { height: 100vh !important; }
}



/* ――――――――――――――――――――――――――

色指定

―――――――――――――――――――――――――― */
/* ----- c01 ----- */
.link-c01 {
	color: var(--jp-c01);
}
.link-c01:hover, .link-c01:focus {
	color: var(--jp-c01-hover);
}
.btn-c01 {
	color: var(--jp-white);
	background-color: var(--jp-c01);
	border-color: var(--jp-c01);
}
.btn-c01:hover {
	color: var(--jp-white);
	background-color: var(--jp-c01-hover);
	border-color: var(--jp-c01-hover);
}
.btn-check:focus + .btn-c01, .btn-c01:focus {
	color: var(--jp-white);
	background-color: var(--jp-c01-hover);
	border-color: var(--jp-c01-hover);
	box-shadow: 0 0 0 0.25rem rgba(var(--jp-c01-rgb),0.5);
}
.btn-check:checked + .btn-c01, .btn-check:active + .btn-c01, .btn-c01:active, .btn-c01.active, .show > .btn-c01.dropdown-toggle {
	color: var(--jp-white);
	background-color: var(--jp-c01-hover);
	border-color: var(--jp-c01-hover);
}
.btn-check:checked + .btn-c01:focus, .btn-check:active + .btn-c01:focus, .btn-c01:active:focus, .btn-c01.active:focus, .show > .btn-c01.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.25rem rgba(var(--jp-c01-rgb),0.5);
}
.btn-c01:disabled, .btn-c01.disabled {
	color: var(--jp-white);
	background-color: rgba(var(--jp-c01-rgb),0.5);
	border-color: rgba(var(--jp-c01-rgb),0.5);
}
.btn-outline-c01 {
	color: var(--jp-c01);
	border-color: var(--jp-c01);
}
.btn-outline-c01:hover {
	color: var(--jp-white);
	background-color: var(--jp-c01);
	border-color: var(--jp-c01);
}
.btn-check:focus + .btn-outline-c01, .btn-outline-c01:focus {
	box-shadow: 0 0 0 0.25rem rgba(var(--jp-c01-rgb),0.25);
}
.btn-check:checked + .btn-outline-c01, .btn-check:active + .btn-outline-c01, .btn-outline-c01:active, .btn-outline-c01.active, .btn-outline-c01.dropdown-toggle.show {
	color: var(--jp-white);
	background-color: var(--jp-c01);
	border-color: var(--jp-c01);
}
.btn-check:checked + .btn-outline-c01:focus, .btn-check:active + .btn-outline-c01:focus, .btn-outline-c01:active:focus, .btn-outline-c01.active:focus, .btn-outline-c01.dropdown-toggle.show:focus {
	box-shadow: 0 0 0 0.25rem rgba(var(--jp-c01-rgb),0.25);
}
.btn-outline-c01:disabled, .btn-outline-c01.disabled {
	color: var(--jp-c01);
	background-color: transparent;
}
.list-group-item-c01 {
	color: var(--jp-c01);
	background-color: rgba(var(--jp-c01-rgb),0.25);
}
.list-group-item-c01.list-group-item-action:hover, .list-group-item-c01.list-group-item-action:focus {
	color: var(--jp-c01);
	background-color: var(--jp-c01-hover);
}
.list-group-item-c01.list-group-item-action.active {
	color: var(--jp-white);
	background-color: var(--jp-c01);
	border-color: var(--jp-c01);
}

/* ----- c02 ----- */
.link-c02 {
	color: var(--jp-c02);
}
.link-c02:hover, .link-c02:focus {
	color: var(--jp-c02-hover);
}
.btn-c02 {
	color: var(--jp-white);
	background-color: var(--jp-c02);
	border-color: var(--jp-c02);
}
.btn-c02:hover {
	color: var(--jp-white);
	background-color: var(--jp-c02-hover);
	border-color: var(--jp-c02-hover);
}
.btn-check:focus + .btn-c02, .btn-c02:focus {
	color: var(--jp-white);
	background-color: var(--jp-c02-hover);
	border-color: var(--jp-c02-hover);
	box-shadow: 0 0 0 0.25rem rgba(var(--jp-c02-rgb),0.5);
}
.btn-check:checked + .btn-c02, .btn-check:active + .btn-c02, .btn-c02:active, .btn-c02.active, .show > .btn-c02.dropdown-toggle {
	color: var(--jp-white);
	background-color: var(--jp-c02-hover);
	border-color: var(--jp-c02-hover);
}
.btn-check:checked + .btn-c02:focus, .btn-check:active + .btn-c02:focus, .btn-c02:active:focus, .btn-c02.active:focus, .show > .btn-c02.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.25rem rgba(var(--jp-c02-rgb), 0.5);
}
.btn-c02:disabled, .btn-c02.disabled {
	color: var(--jp-white);
	background-color: rgba(var(--jp-c02-rgb),0.5);
	border-color: rgba(var(--jp-c02-rgb),0.5);
}
.btn-outline-c02 {
	color: var(--jp-c02);
	border-color: var(--jp-c02);
}
.btn-outline-c02:hover {
	color: var(--jp-white);
	background-color: var(--jp-c02);
	border-color: var(--jp-c02);
}
.btn-check:focus + .btn-outline-c02, .btn-outline-c02:focus {
	box-shadow: 0 0 0 0.25rem rgba(var(--jp-c02-rgb),0.25);
}
.btn-check:checked + .btn-outline-c02, .btn-check:active + .btn-outline-c02, .btn-outline-c02:active, .btn-outline-c02.active, .btn-outline-c02.dropdown-toggle.show {
	color: var(--jp-white);
	background-color: var(--jp-c02);
	border-color: var(--jp-c02);
}
.btn-check:checked + .btn-outline-c02:focus, .btn-check:active + .btn-outline-c02:focus, .btn-outline-c02:active:focus, .btn-outline-c02.active:focus, .btn-outline-c02.dropdown-toggle.show:focus {
	box-shadow: 0 0 0 0.25rem rgba(var(--jp-c02-rgb),0.25);
}
.btn-outline-c02:disabled, .btn-outline-c02.disabled {
	color: var(--jp-c02);
	background-color: transparent;
}
.list-group-item-c02 {
	color: var(--jp-c02);
	background-color: rgba(var(--jp-c02-rgb),0.25);
}
.list-group-item-c02.list-group-item-action:hover, .list-group-item-c02.list-group-item-action:focus {
	color: var(--jp-c02);
	background-color: var(--jp-c02-hover);
}
.list-group-item-c02.list-group-item-action.active {
	color: var(--jp-white);
	background-color: var(--jp-c02);
	border-color: var(--jp-c02);
}

/* ----- c03 ----- */
.link-c03 {
	color: var(--jp-c03);
}
.link-c03:hover, .link-c03:focus {
	color: var(--jp-c03-hover);
}
.btn-c03 {
	color: var(--jp-white);
	background-color: var(--jp-c03);
	border-color: var(--jp-c03);
}
.btn-c03:hover {
	color: var(--jp-white);
	background-color: var(--jp-c03-hover);
	border-color: var(--jp-c03-hover);
}
.btn-check:focus + .btn-c03, .btn-c03:focus {
	color: var(--jp-white);
	background-color: var(--jp-c03-hover);
	border-color: var(--jp-c03-hover);
	box-shadow: 0 0 0 0.25rem rgba(var(--jp-c03-rgb),0.5);
}
.btn-check:checked + .btn-c03, .btn-check:active + .btn-c03, .btn-c03:active, .btn-c03.active, .show > .btn-c03.dropdown-toggle {
	color: var(--jp-white);
	background-color: var(--jp-c03-hover);
	border-color: var(--jp-c03-hover);
}
.btn-check:checked + .btn-c03:focus, .btn-check:active + .btn-c03:focus, .btn-c03:active:focus, .btn-c03.active:focus, .show > .btn-c03.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.25rem rgba(var(--jp-c03-rgb), 0.5);
}
.btn-c03:disabled, .btn-c03.disabled {
	color: var(--jp-white);
	background-color: rgba(var(--jp-c03-rgb),0.5);
	border-color: rgba(var(--jp-c03-rgb),0.5);
}
.btn-outline-c03 {
	color: var(--jp-c03);
	border-color: var(--jp-c03);
}
.btn-outline-c03:hover {
	color: var(--jp-white);
	background-color: var(--jp-c03);
	border-color: var(--jp-c03);
}
.btn-check:focus + .btn-outline-c03, .btn-outline-c03:focus {
	box-shadow: 0 0 0 0.25rem rgba(var(--jp-c03-rgb),0.25);
}
.btn-check:checked + .btn-outline-c03, .btn-check:active + .btn-outline-c03, .btn-outline-c03:active, .btn-outline-c03.active, .btn-outline-c03.dropdown-toggle.show {
	color: var(--jp-white);
	background-color: var(--jp-c03);
	border-color: var(--jp-c03);
}
.btn-check:checked + .btn-outline-c03:focus, .btn-check:active + .btn-outline-c03:focus, .btn-outline-c03:active:focus, .btn-outline-c03.active:focus, .btn-outline-c03.dropdown-toggle.show:focus {
	box-shadow: 0 0 0 0.25rem rgba(var(--jp-c03-rgb),0.25);
}
.btn-outline-c03:disabled, .btn-outline-c03.disabled {
	color: var(--jp-c03);
	background-color: transparent;
}
.list-group-item-c03 {
	color: var(--jp-c03);
	background-color: rgba(var(--jp-c03-rgb),0.25);
}
.list-group-item-c03.list-group-item-action:hover, .list-group-item-c03.list-group-item-action:focus {
	color: var(--jp-c03);
	background-color: var(--jp-c03-hover);
}
.list-group-item-c03.list-group-item-action.active {
	color: var(--jp-white);
	background-color: var(--jp-c03);
	border-color: var(--jp-c03);
}

/* ----- c04 ----- */
.link-c04 {
	color: var(--jp-c04);
}
.link-c04:hover, .link-c04:focus {
	color: var(--jp-c04-hover);
}
.btn-c04 {
	color: var(--jp-black);
	background-color: rgba(var(--jp-c04-rgb), 0.25);
	border-color: var(--jp-line);
}
.btn-c04:hover {
	color: var(--jp-white);
	background-color: var(--jp-c04-hover);
	border-color: var(--jp-c04-hover);
}
.btn-check:focus + .btn-c04, .btn-c04:focus {
	color: var(--jp-white);
	background-color: var(--jp-c04-hover);
	border-color: var(--jp-c04-hover);
	box-shadow: 0 0 0 0.25rem rgba(var(--jp-c04-rgb),0.5);
}
.btn-check:checked + .btn-c04, .btn-check:active + .btn-c04, .btn-c04:active, .btn-c04.active, .show > .btn-c04.dropdown-toggle {
	color: var(--jp-white);
	background-color: var(--jp-c04-hover);
	border-color: var(--jp-c04-hover);
}
.btn-check:checked + .btn-c04:focus, .btn-check:active + .btn-c04:focus, .btn-c04:active:focus, .btn-c04.active:focus, .show > .btn-c04.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.25rem rgba(var(--jp-c04-rgb), 0.5);
}
.btn-c04:disabled, .btn-c04.disabled {
	color: var(--jp-white);
	background-color: rgba(var(--jp-c04-rgb),0.5);
	border-color: rgba(var(--jp-c04-rgb),0.5);
}
.btn-outline-c04 {
	color: var(--jp-c04);
	border-color: var(--jp-c04);
}
.btn-outline-c04:hover {
	color: var(--jp-white);
	background-color: var(--jp-c04);
	border-color: var(--jp-c04);
}
.btn-check:focus + .btn-outline-c04, .btn-outline-c04:focus {
	box-shadow: 0 0 0 0.25rem rgba(var(--jp-c04-rgb),0.25);
}
.btn-check:checked + .btn-outline-c04, .btn-check:active + .btn-outline-c04, .btn-outline-c04:active, .btn-outline-c04.active, .btn-outline-c04.dropdown-toggle.show {
	color: var(--jp-white);
	background-color: var(--jp-c04);
	border-color: var(--jp-c04);
}
.btn-check:checked + .btn-outline-c04:focus, .btn-check:active + .btn-outline-c04:focus, .btn-outline-c04:active:focus, .btn-outline-c04.active:focus, .btn-outline-c04.dropdown-toggle.show:focus {
	box-shadow: 0 0 0 0.25rem rgba(var(--jp-c04-rgb),0.25);
}
.btn-outline-c04:disabled, .btn-outline-c04.disabled {
	color: var(--jp-c04);
	background-color: transparent;
}
.list-group-item-c04 {
	color: var(--jp-c04);
	background-color: rgba(var(--jp-c04-rgb),0.25);
}
.list-group-item-c04.list-group-item-action:hover, .list-group-item-c04.list-group-item-action:focus {
	color: var(--jp-c04);
	background-color: var(--jp-c04-hover);
}
.list-group-item-c04.list-group-item-action.active {
	color: var(--jp-white);
	background-color: var(--jp-c04);
	border-color: var(--jp-c04);
}

/* ----- color ----- */
.text-c01,
.text-c01-a::after,
.text-c01-b::before { color: var(--jp-c01) !important; }

.text-c02,
.text-c02-a::after,
.text-c02-b::before { color: var(--jp-c02) !important; }

.text-c03,
.text-c03-a::after,
.text-c03-b::before { color: var(--jp-c03) !important; }

.text-c04,
.text-c04-a::after,
.text-c04-b::before { color: var(--jp-c04) !important; }

.text-c01-hover,
.text-c01-hover-a::after,
.text-c01-hover-b::before { color: var(--jp-c01-hover) !important; }

.text-c02-hover,
.text-c02-hover-a::after,
.text-c02-hover-b::before { color: var(--jp-c02-hover) !important; }

.text-c03-hover,
.text-c03-hover-a::after,
.text-c03-hover-b::before { color: var(--jp-c03-hover) !important; }

.text-c04-hover,
.text-c04-hover-a::after,
.text-c04-hover-b::before { color: var(--jp-c04-hover) !important; }

.text-href,
.text-href-a::after,
.text-href-b::before { color: var(--jp-href) !important; }

.text-href-hover,
.text-href-hover-a::after,
.text-href-hover-b::before { color: var(--jp-href-hover) !important; }

.text-body,
.text-body-a::after,
.text-body-b::before { color: var(--jp-body) !important; }

.text-body-bg,
.text-body-bg-a::after,
.text-body-bg-b::before { color: var(--jp-body-bg) !important; }

.text-line,
.text-line-a::after,
.text-line-b::before { color: var(--jp-line) !important; }

.text-c05 { color: var(--jp-c05) !important; }
.text-c06 { color: var(--jp-c06) !important; }
.text-black { color: var(--jp-black) !important; }
.text-white { color: var(--jp-white) !important; }
.text-g01 { color: var(--jp-g01) !important; }
.text-g02 { color: var(--jp-g02) !important; }
.text-g03 { color: var(--jp-g03) !important; }
.text-g04 { color: var(--jp-g04) !important; }
.text-g05 { color: var(--jp-g05) !important; }
.text-red { color: var(--jp-red) !important; }
.text-blue { color: var(--jp-blue) !important; }
.text-yellow { color: var(--jp-yellow) !important; }
.text-green { color: var(--jp-green) !important; }
.text-cyan { color: var(--jp-cyan) !important; }
.text-magenta { color: var(--jp-magenta) !important; }
.text-orange { color: var(--jp-orange) !important; }

/* ----- background-color ----- */
.bg-c01,
.bg-c01-a::after,
.bg-c01-b::before { background-color: var(--jp-c01) !important; }

.bg-c02,
.bg-c02-a::after,
.bg-c02-b::before { background-color: var(--jp-c02) !important; }

.bg-c03,
.bg-c03-a::after,
.bg-c03-b::before { background-color: var(--jp-c03) !important; }

.bg-c04,
.bg-c04-a::after,
.bg-c04-b::before { background-color: var(--jp-c04) !important; }

.bg-c01-hover,
.bg-c01-hover-a::after,
.bg-c01-hover-b::before { background-color: var(--jp-c01-hover) !important; }

.bg-c02-hover,
.bg-c02-hover-a::after,
.bg-c02-hover-b::before { background-color: var(--jp-c02-hover) !important; }

.bg-c03-hover,
.bg-c03-hover-a::after,
.bg-c03-hover-b::before { background-color: var(--jp-c03-hover) !important; }

.bg-c04-hover,
.bg-c04-hover-a::after,
.bg-c04-hover-b::before { background-color: var(--jp-c04-hover) !important; }

.bg-href,
.bg-href-a::after,
.bg-href-b::before { background-color: var(--jp-href) !important; }

.bg-href-hover,
.bg-href-hover-a::after,
.bg-href-hover-b::before { background-color: var(--jp-href-hover) !important; }

.bg-body,
.bg-body-a::after,
.bg-body-b::before { background-color: var(--jp-body) !important; }

.bg-body-bg,
.bg-body-bg-a::after,
.bg-body-bg-b::before { background-color: var(--jp-body-bg) !important; }

.bg-line,
.bg-line-a::after,
.bg-line-b::before { background-color: var(--jp-line) !important; }

.bg-c05 { background-color: var(--jp-c05) !important; }
.bg-c06 { background-color: var(--jp-c06) !important; }

.bg-black,
.bg-black-bg-a::after,
.bg-black-bg-b::before { background-color: var(--jp-black) !important; }

.bg-white,
.bg-white-bg-a::after,
.bg-white-bg-b::before { background-color: var(--jp-white) !important; }

.bg-g01,
.bg-g01-bg-a::after,
.bg-g01-bg-b::before { background-color: var(--jp-g01) !important; }

.bg-g02,
.bg-g02-bg-a::after,
.bg-g02-bg-b::before { background-color: var(--jp-g02) !important; }

.bg-g03,
.bg-g03-bg-a::after,
.bg-g03-bg-b::before { background-color: var(--jp-g03) !important; }

.bg-g04,
.bg-g04-bg-a::after,
.bg-g04-bg-b::before { background-color: var(--jp-g04) !important; }

.bg-g05,
.bg-g05-bg-a::after,
.bg-g05-bg-b::before { background-color: var(--jp-g05) !important; }

.bg-red { background-color: var(--jp-red) !important; }
.bg-blue { background-color: var(--jp-blue) !important; }
.bg-yellow { background-color: var(--jp-yellow) !important; }
.bg-green { background-color: var(--jp-green) !important; }
.bg-cyan { background-color: var(--jp-cyan) !important; }
.bg-magenta { background-color: var(--jp-magenta) !important; }
.bg-orange { background-color: var(--jp-orange) !important; }

/* .bg-gradient */
.bg-gradient {
	background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)) !important;
}

/* ----- border-color ----- */
.border-c01,
.border-c01-a::after,
.border-c01-b::before { border-color: var(--jp-c01) !important; }

.border-c02,
.border-c02-a::after,
.border-c02-b::before { border-color: var(--jp-c02) !important; }

.border-c03,
.border-c03-a::after,
.border-c03-b::before { border-color: var(--jp-c03) !important; }

.border-c04,
.border-c04-a::after,
.border-c04-b::before { border-color: var(--jp-c04) !important; }

.border-c01-hover,
.border-c01-hover-a::after,
.border-c01-hover-b::before { border-color: var(--jp-c01-hover) !important; }

.border-c02-hover,
.border-c02-hover-a::after,
.border-c02-hover-b::before { border-color: var(--jp-c02-hover) !important; }

.border-c03-hover,
.border-c03-hover-a::after,
.border-c03-hover-b::before { border-color: var(--jp-c03-hover) !important; }

.border-c04-hover,
.border-c04-hover-a::after,
.border-c04-hover-b::before { border-color: var(--jp-c04-hover) !important; }

.border-href,
.border-href-a::after,
.border-href-b::before { border-color: var(--jp-href) !important; }

.border-href-hover,
.border-href-hover-a::after,
.border-href-hover-b::before { border-color: var(--jp-href-hover) !important; }

.border-body,
.border-body-a::after,
.border-body-b::before { border-color: var(--jp-body) !important; }

.border-body-bg,
.border-body-bg-a::after,
.border-body-bg-b::before { border-color: var(--jp-body-bg) !important; }

.border-line,
.border-line-a::after,
.border-line-b::before { border-color: var(--jp-line) !important; }

.border-c05 { border-color: var(--jp-c05) !important; }
.border-c06 { border-color: var(--jp-c06) !important; }
.border-black { border-color: var(--jp-black) !important; }
.border-white { border-color: var(--jp-white) !important; }
.border-g01 { border-color: var(--jp-g01) !important; }
.border-g02 { border-color: var(--jp-g02) !important; }
.border-g03 { border-color: var(--jp-g03) !important; }
.border-g04 { border-color: var(--jp-g04) !important; }
.border-g05 { border-color: var(--jp-g05) !important; }
.border-red { border-color: var(--jp-red) !important; }
.border-blue { border-color: var(--jp-blue) !important; }
.border-yellow { border-color: var(--jp-yellow) !important; }
.border-green { border-color: var(--jp-green) !important; }
.border-cyan { border-color: var(--jp-cyan) !important; }
.border-magenta { border-color: var(--jp-magenta) !important; }
.border-orange { border-color: var(--jp-orange) !important; }

.border-primary { border-color: #0d6efd !important; }
.border-secondary { border-color: #6c757d !important; }
.border-success { border-color: #198754 !important; }
.border-info { border-color: #0dcaf0 !important; }
.border-warning { border-color: #ffc107 !important; }
.border-danger { border-color: #dc3545 !important; }
.border-light { border-color: #f8f9fa !important; }
.border-dark { border-color: #212529 !important; }



/* ――――――――――――――――――――――――――

delighters.js

―――――――――――――――――――――――――― */
/* ----- _fade ----- */
@media (min-width:1200px) {
	._fade { opacity: 0; }
	._fade.started { opacity: 1; }
}
/* ----- _in ----- */
@media (min-width:1200px) {
	._in {
		transition-timing-function: ease-out;
		transform: translate(0px);
	}
	._in.started {
		transform: none;
	}
}
/* ----- _inRight ----- */
@media (min-width:1200px) {
	._inRight10,
	._inRight20,
	._inRight30,
	._inRight40,
	._inRight50,
	._inRight60,
	._inRight70,
	._inRight80,
	._inRight90,
	._inRightAll {
		transition-timing-function: ease-out;
	}
	._inRight10 { transform: translateX(-10px); }
	._inRight20 { transform: translateX(-20px); }
	._inRight30 { transform: translateX(-30px); }
	._inRight40 { transform: translateX(-40px); }
	._inRight50 { transform: translateX(-50px); }
	._inRight60 { transform: translateX(-60px); }
	._inRight70 { transform: translateX(-70px); }
	._inRight80 { transform: translateX(-80px); }
	._inRight90 { transform: translateX(-90px); }
	._inRightAll { transform: translateX(-100%); }

	._inRight10.started,
	._inRight20.started,
	._inRight30.started,
	._inRight40.started,
	._inRight50.started,
	._inRight60.started,
	._inRight70.started,
	._inRight80.started,
	._inRight90.started,
	._inRightAll.started {
		transform: none;
	}
}
/* ----- _inLeft ----- */
@media (min-width:1200px) {
	._inLeft10,
	._inLeft20,
	._inLeft30,
	._inLeft40,
	._inLeft50,
	._inLeft60,
	._inLeft70,
	._inLeft80,
	._inLeft90,
	._inLeftAll {
		transition-timing-function: ease-out;
	}
	._inLeft10 { transform: translateX(10px); }
	._inLeft20 { transform: translateX(20px); }
	._inLeft30 { transform: translateX(30px); }
	._inLeft40 { transform: translateX(40px); }
	._inLeft50 { transform: translateX(50px); }
	._inLeft60 { transform: translateX(60px); }
	._inLeft70 { transform: translateX(70px); }
	._inLeft80 { transform: translateX(80px); }
	._inLeft90 { transform: translateX(90px); }
	._inLeftAll { transform: translateX(100%); }

	._inLeft10.started,
	._inLeft20.started,
	._inLeft30.started,
	._inLeft40.started,
	._inLeft50.started,
	._inLeft60.started,
	._inLeft70.started,
	._inLeft80.started,
	._inLeft90.started,
	._inLeftAll.started {
		transform: none;
	}
}
/* ----- _inUp ----- */
@media (min-width:1200px) {
	._inUp10,
	._inUp20,
	._inUp30,
	._inUp40,
	._inUp50,
	._inUp60,
	._inUp70,
	._inUp80,
	._inUp90,
	._inUpAll {
		transition-timing-function: ease-out;
	}
	._inUp10 { transform: translateY(10px); }
	._inUp20 { transform: translateY(20px); }
	._inUp30 { transform: translateY(30px); }
	._inUp40 { transform: translateY(40px); }
	._inUp50 { transform: translateY(50px); }
	._inUp60 { transform: translateY(60px); }
	._inUp70 { transform: translateY(70px); }
	._inUp80 { transform: translateY(80px); }
	._inUp90 { transform: translateY(90px); }
	._inUpAll { transform: translateY(100%); }

	._inUp10.started,
	._inUp20.started,
	._inUp30.started,
	._inUp40.started,
	._inUp50.started,
	._inUp60.started,
	._inUp70.started,
	._inUp80.started,
	._inUp90.started,
	._inUpAll.started {
		transform: translateY(0);
	}
}
/* ----- _inDown ----- */
@media (min-width:1200px) {
	._inDown10,
	._inDown20,
	._inDown30,
	._inDown40,
	._inDown50,
	._inDown60,
	._inDown70,
	._inDown80,
	._inDown90,
	._inDownAll {
		transition-timing-function: ease-out;
	}
	._inDown10 { transform: translateY(-10px); }
	._inDown20 { transform: translateY(-20px); }
	._inDown30 { transform: translateY(-30px); }
	._inDown40 { transform: translateY(-40px); }
	._inDown50 { transform: translateY(-50px); }
	._inDown60 { transform: translateY(-60px); }
	._inDown70 { transform: translateY(-70px); }
	._inDown80 { transform: translateY(-80px); }
	._inDown90 { transform: translateY(-90px); }
	._inDownAll { transform: translateY(-100%); }

	._inDown10.started,
	._inDown20.started,
	._inDown30.started,
	._inDown40.started,
	._inDown50.started,
	._inDown60.started,
	._inDown70.started,
	._inDown80.started,
	._inDown90.started,
	._inDownAll.started {
		transform: none;
	}
}
/* ----- .time ----- */
@media (min-width:1200px) {
	._time01 { transition-duration: 0.1s; }
	._time02 { transition-duration: 0.2s; }
	._time03 { transition-duration: 0.3s; }
	._time04 { transition-duration: 0.4s; }
	._time05 { transition-duration: 0.5s; }
	._time06 { transition-duration: 0.6s; }
	._time07 { transition-duration: 0.7s; }
	._time08 { transition-duration: 0.8s; }
	._time09 { transition-duration: 0.9s; }
	._time10 { transition-duration: 1.0s; }
	._time11 { transition-duration: 1.1s; }
	._time12 { transition-duration: 1.2s; }
	._time13 { transition-duration: 1.3s; }
	._time14 { transition-duration: 1.4s; }
	._time15 { transition-duration: 1.5s; }
	._time16 { transition-duration: 1.6s; }
	._time17 { transition-duration: 1.7s; }
	._time18 { transition-duration: 1.8s; }
	._time19 { transition-duration: 1.9s; }
	._time20 { transition-duration: 2.0s; }
	._time21 { transition-duration: 2.1s; }
	._time22 { transition-duration: 2.2s; }
	._time23 { transition-duration: 2.3s; }
	._time24 { transition-duration: 2.4s; }
	._time25 { transition-duration: 2.5s; }
	._time26 { transition-duration: 2.6s; }
	._time27 { transition-duration: 2.7s; }
	._time28 { transition-duration: 2.8s; }
	._time29 { transition-duration: 2.9s; }
	._time30 { transition-duration: 3.0s; }
}
/* ----- ._delay ----- */
@media (min-width:1200px) {
	._delay01 { transition-delay: 0.1s; }
	._delay02 { transition-delay: 0.2s; }
	._delay03 { transition-delay: 0.3s; }
	._delay04 { transition-delay: 0.4s; }
	._delay05 { transition-delay: 0.5s; }
	._delay06 { transition-delay: 0.6s; }
	._delay07 { transition-delay: 0.7s; }
	._delay08 { transition-delay: 0.8s; }
	._delay09 { transition-delay: 0.9s; }
	._delay10 { transition-delay: 1.0s; }
	._delay11 { transition-delay: 1.1s; }
	._delay12 { transition-delay: 1.2s; }
	._delay13 { transition-delay: 1.3s; }
	._delay14 { transition-delay: 1.4s; }
	._delay15 { transition-delay: 1.5s; }
	._delay16 { transition-delay: 1.6s; }
	._delay17 { transition-delay: 1.7s; }
	._delay18 { transition-delay: 1.8s; }
	._delay19 { transition-delay: 1.9s; }
	._delay20 { transition-delay: 2.0s; }
	._delay21 { transition-delay: 2.1s; }
	._delay22 { transition-delay: 2.2s; }
	._delay23 { transition-delay: 2.3s; }
	._delay24 { transition-delay: 2.4s; }
	._delay25 { transition-delay: 2.5s; }
	._delay26 { transition-delay: 2.6s; }
	._delay27 { transition-delay: 2.7s; }
	._delay28 { transition-delay: 2.8s; }
	._delay29 { transition-delay: 2.9s; }
	._delay30 { transition-delay: 3.0s; }
}
