@charset 'UTF-8';

/*---------------------------------------------

library CSS

v.3.0.0
at 20.9.8

---------------------------------------------*/

/* UTFの飾り数字リストマーク
@import url('lm.css');
*/


/* -- -- Hiragino-Sansの太さ対策 -- -- */

@font-face {
	font-family: 'Hiragino-Sans-custom';
	src: local('HiraginoSans-W0'), local('Hiragino Sans');
	font-weight: 100;
}
@font-face {
	font-family: 'Hiragino-Sans-custom';
	src: local('HiraginoSans-W3'), local('Hiragino Sans');
	font-weight: 400;
}
@font-face {
	font-family: 'Hiragino-Sans-custom';
	src: local('HiraginoSans-W6'), local('Hiragino Sans');
	font-weight: 700;
}
@font-face {
	font-family: 'Hiragino-Sans-custom';
	src: local('HiraginoSans-W9'), local('Hiragino Sans');
	font-weight: 800;
}

@font-face {
	font-family: 'Yu-Gothic-custom';
	src: local('Yu Gothic Light');
	font-weight: 100;
}
@font-face {
	font-family: 'Yu-Gothic-custom';
	src: local('Yu Gothic Medium');
	font-weight: 400;
}
@font-face {
	font-family: 'Yu-Gothic-custom';
	src: local('Yu Gothic Medium');
	font-weight: 500;
}
@font-face {
	font-family: 'Yu-Gothic-custom';
	src: local('Yu Gothic Bold');
	font-weight: 700;
}


/* -- -- リセット -- -- */

html {
	font-family: Hiragino-Sans-custom, 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	font-size: 62.5%;
	line-height: 1.25;
	font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
}
code, kbd, samp, pre {
	font-family: 'Courier', "Osaka－等幅", "Osaka-等幅", Osaka-mono, "ＭＳ ゴシック", "MS Gothic", monospace;
	font-variant-numeric: tabular-nums;
	-moz-font-feature-settings: "tnum";
	-webkit-font-feature-settings: "tnum";
	font-feature-settings: "tnum";
}
body {
	font-size: 1.6rem;
}
h1, h2, h3, h4, h5, h6 {
	font-size: inherit;
}
h1, h2, h3, h4, h5, h6, th {
	/*
	font-weight: normal;
	*/
}
h1, h2, h3, h4, h5, h6, p, ol, ul, li, dl, dd, dt, table, pre, blockquote, figure, fieldset {
	margin: 0;
}
pre, th, td, /*caption,*/ fieldset {
	border: solid 1px WindowFrame;
	padding: 1px;
}
caption {
	/*border-bottom: none;*/
	text-align: left;
}
p, blockquote, main {
	/*
	line-height: 1.75;
	*/
}
pre {
	/*
	overflow: auto;
	white-space: pre;
	*/
}
table {
	width: 100%;
}
iframe,
img,
input,
select,
textarea {
	max-width: 100%;
	height: auto;
}
a {
	color: inherit;
}
a:link, a:visited, a:hover{
	text-decoration:none;
}
sup, sub {
	position: relative;
	line-height: 1;
	font-size: 60%;
}

button,
input,
select,
textarea {
	background-color: transparent;
	border: 1px solid WindowFrame;
	color: inherit;
	font: inherit;
	letter-spacing: inherit;
	padding: 0.25em 0.375em;
}
select {
	-moz-appearance: none;
	-webkit-appearance: none;
	background: no-repeat right center / 1em;
	border-radius: 0;
	padding-right: 1em;
}
select:not([multiple]):not([size]) {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='4'%3E%3Cpath d='M4 0h6L7 4' fill='WindowFrame'/%3E%3C/svg%3E");
}
[type="color"],
[type="range"] {
	border-width: 0;
	padding: 0;
}
::-ms-expand {
	display: none;
}
:-ms-input-placeholder {
	color: rgba(0, 0, 0, 0.54);
}

/*
input:not([type=radio]):not([type=checkbox]):not([type=button]):not([type=submit]):not([type=reset]):not([type=image]),
*/
input[type=text],
input[type=search],
input[type=tel],
input[type=url],
input[type=email],
input[type=password],
input[type=number],
input[type=file],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime-local],
textarea,
select {
	width: 100%;
	background-color: #fff;
}
input[type=color] {
	height: calc(1.75em + 2px);
	width: calc(2em + 2px);
	padding: 0.25em 0.375em;
	cursor: pointer;
}
input[type=range] {
	height: calc(1.75em + 2px);
	margin: 0 0.375em;
	vertical-align: middle;
	cursor: pointer;
}
input[type=radio],
input[type=checkbox] {
	cursor: pointer;
	height: calc(.75em + 2px);
	width: calc(.75em + 2px);
	margin: 0.5em 0.375em;
	vertical-align: middle;
}
select {
	cursor: pointer;
	background-size: 1.5em;
	border-radius: 0;
	padding: 0.25em 1.5em 0.25em 0.375em;
}
textarea {
	vertical-align:bottom;
}
button,
input[type=button], input[type=submit], input[type=reset], input[type=image] {
	cursor: pointer;
	background-color: #fff;
}
ol, ul {
	padding-left: 1.75em;
}
ul[class]:not(.ut-lm), ol[class]:not(.ut-lm) {
	padding-left: 0;
	list-style-type: none;
}
address {
	font-style: normal;
}
mark {
		background: linear-gradient(transparent 70%, #ffff00 0%);
}
b, strong {
	font-weight: bold;
}
label,
label>span {
	vertical-align: middle;
	cursor: pointer;
}



/* -- -- テキスト・フォント関連 -- -- */

.ut-sysfont {
	font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Hiragino Sans', Meiryo, sans-serif;
}
.ut-gothic {
	font-family: Hiragino-Sans-custom, 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
}
.ut-mincho {
	font-family: 'Hiragino Mincho ProN', 'MS PMincho', serif;
}
.ut-yugo {
	font-family: YuGothic, Yu-Gothic-custom, 'Yu Gothic', Hiragino-Sans-custom, 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
}
.ut-yumin {
	font-family: YuMincho, 'Yu Mincho', 'Hiragino Mincho ProN', 'MS PMincho', serif;
}
.ut-marugo {
	font-family: 'Hiragino Maru Gothic Pro', 'HG丸ｺﾞｼｯｸM-PRO', 'HGMaruGothicMPRO', sans-serif;
}
.ut-enGothic {
	font-family: 'Helvetica Neue', Arial, sans-serif;
}
.ut-enMincho {
	font-family: 'Times New Roman', serif;
}

.ut-sparse {
	font-feature-settings: normal;
	letter-spacing: 0.4em;
}
.ut-dense {
	font-feature-settings: 'palt' 1;
	letter-spacing: -0.025em;
}
.ut-justify {
	text-align: justify;
	text-justify: inter-ideograph;
}
.ut-ellipsis {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	/*要width指定*/
}


/* -- -- 汎用クラス -- -- */

.ut-cf:after {
	content: "";
	clear: both;
	display: block;
}
.ut-cb {
	clear: both;
}
.ut-tc {
	text-align: center;
}
.ut-tr {
	text-align: right;
}
.ut-tl {
	text-align: left;
}
span.ut-nw {
	display: inline-block;
}
table.ut-nw, th.ut-nw, td.ut-nw {
	white-space: nowrap;
}
.ut-sx {
	overflow-x: scroll;
}
.ut-sy {
	overflow-y: scroll;
}
.ut-hl {
	background: linear-gradient(transparent 70%, #ffff00 0%);
}
.ut-button {
	display: inline-block;
	background-color: #fff;
	border: 1px solid WindowFrame;
	color: inherit;
	font: inherit;
	letter-spacing: inherit;
	padding: 0.25em 0.375em;
}


/* -- -- dl horizontal -- -- */

.ut-ht {
}
.ut-ht>div {
	display: flex;
	flex-wrap: wrap;
}
.ut-ht>div>dt,
.ut-ht>div>dd {
	flex: 1 1 auto;
	margin: 0;
}
.ut-ht.-center>div>dt,
.ut-ht.-center>div>dd {
	display: flex;
	align-items: center;
}
.-ht10>div>dt {
	flex-basis: 10%;
}
.-ht20>div>dt {
	flex-basis: 20%;
}
.-ht30>div>dt {
	flex-basis: 30%;
}
.-ht40>div>dt {
	flex-basis: 40%;
}
.-ht50>div>dt {
	flex-basis: 50%;
}
.-ht60>div>dt {
	flex-basis: 60%;
}
.-ht70>div>dt {
	flex-basis: 70%;
}
.-ht80>div>dt {
	flex-basis: 80%;
}
.-ht90>div>dt {
	flex-basis: 90%;
}
.-ht10>div>dd {
	flex-basis: 90%;
}
.-ht20>div>dd {
	flex-basis: 80%;
}
.-ht30>div>dd {
	flex-basis: 70%;
}
.-ht40>div>dd {
	flex-basis: 60%;
}
.-ht50>div>dd {
	flex-basis: 50%;
}
.-ht60>div>dd {
	flex-basis: 40%;
}
.-ht70>div>dd {
	flex-basis: 30%;
}
.-ht80>div>dd {
	flex-basis: 20%;
}
.-ht90>div>dd {
	flex-basis: 10%;
}

.ut-flex, .ut-flex {
	display: flex;
	padding-left: 0;
	list-style-type: none;
}
.ut-flex>.item, .ut-flex>.item {
	border: 1px solid #eee;
	padding: 0.25em 0.5em;
}


/* -- -- ol ul -- -- */

.ut-lm {
	padding-left: 1.75em;
	list-style-type: none;
	counter-reset: markNum;
}
.ut-lm>li::before {
	counter-increment: markNum;
	float: left;
	font-size: 80%;
	margin-top: 0.2em;
	margin-left: -1.5em;
	width: 1.5em;
}
/*
.ut-lm ol:not(.-lmIn), .ut-lm ul:not(.-lmIn) {
	padding-left: 1.75em;
}
*/
/* ※1 */
ol.-lmKome>li::before {
	margin-left: -2.2em;
	width: 2.2em;
	content: "※"counter(markNum);
	letter-spacing: -.1em;
	white-space: nowrap;
}
ol.-lmKome>li[class^="value"]:not(.-lm2digit):nth-child(n + 10)::before,
ol.-lmKome>li:not(.-lm2digit):nth-child(-n + 9)::before {
	content: "※ "counter(markNum);
}

/* ① */
ol.-lmMaru>li::before {
	content: counter(markNum);
	border: solid 1px currentColor;
	line-height: 1.4em;
	height: 1.4em;
	width: 1.4em;
	margin-left: -2em;
	margin-right: 0.5em;
	margin-top: 0;
	text-align: center;
	border-radius: 50%;
}
ol.-lmMaru>li.-lm2digit::before,
ol.-lmMaru>li:nth-child(n + 10)::before {
	letter-spacing: -.15em;
	text-indent: -.2em
}


/* (1) */
ol.-lmKako>li::before {
	content: "("counter(markNum)")";
	margin-left: -2.5em;
	width: 2.5em;
	text-align: center;
	white-space: nowrap;
}
ol.-lmKako>li[class^="value"]:not(.-lm2digit):nth-child(n + 10)::before,
ol.-lmKako>li:not(.-lm2digit):nth-child(-n + 9)::before {
	content: "( "counter(markNum)" )";
}

/* inside */
.-lmIn {
	list-style-position: inside;
	padding-left: 0;
}
/*
.-lmIn ol:not(.-lmIn), .-lmIn ul:not(.-lmIn) {
	list-style-position: outside;
}
*/
.-lmIn.-lmKako>li::before,
.-lmIn.-lmMaru>li::before,
.-lmIn.-lmKome>li::before,
ul.-lmIn>li::before {
	margin-left: 0;
}

/* nest */
.ut-lm ol.-lmNest {
	padding-left: 2.5em;
}
.ut-lm ol.-lmNest li:before {
	content: "("counters(markNum, "-") ")";
	margin-left: -3em;
	margin-right: 0.5em;
	white-space: nowrap;
}
.ut-lm ol.-lmNest ol.-lmNest {
	padding-left: 3.5em;
}
.ut-lm ol.-lmNest ol.-lmNest li:before {
	margin-left: -4em;
}
.ut-lm ol.-lmNest ol.-lmNest ol.-lmNest {
	padding-left: 4.5em;
}
.ut-lm ol.-lmNest ol.-lmNest ol.-lmNest li:before {
	margin-left: -5em;
}

/*  markers */
ul.-lmDisc { list-style-type: disc; }
ul.-lmCicl { list-style-type: circle; }
ul.-lmSqar { list-style-type: square; }
ol.-lmDcml { list-style-type: decimal; }
ol.-lmDmlz { list-style-type: decimal-leading-zero; }
ol.-lmLoro { list-style-type: lower-roman; }
ol.-lmUpro { list-style-type: upper-roman; }
ol.-lmLoal { list-style-type: lower-alpha; }
ol.-lmUpal { list-style-type: upper-alpha; }
ol.-lmKanj { list-style-type: cjk-ideographic; }
ol.-lmHira { list-style-type: hiragana; }
ol.-lmKata { list-style-type: katakana; }
ol.-lmHiri { list-style-type: hiragana-iroha; }
ol.-lmKati { list-style-type: katakana-iroha; }
ol.-lmEt10 { list-style-type: cjk-heavenly-stem; }
ol.-lmEt12 { list-style-type: cjk-earthly-branch; }

ul.-lmKome>li:before { content: "\203b"; } /* ※ */
ul.-lmBoxa>li:before { content: "\25a0"; } /* ■ */
ul.-lmBoxb>li:before { content: "\25a1"; } /* □ */
ul.-lmBoxc>li:before { content: "\25c6"; } /* ◆ */
ul.-lmBoxd>li:before { content: "\25c7"; } /* ◇ */
ul.-lmCica>li:before { content: "\25CF"; } /* ● */
ul.-lmCicb>li:before { content: "\25cb"; } /* ○ */
ul.-lmDshn>li:before { content: "\2013"; } /* – ndash */
ul.-lmDshm>li:before { content: "\2014"; } /* — mdash */
ul.-lmChck>li:before { content: "\2713"; } /* ✓ check */
ul.-lmCicc>li:before { content: "\25c9"; } /* ◉ */
ul.-lmCicd>li:before { content: "\25ce"; } /* ◎ */
ul.-lmTrta>li:before { content: "\25b2"; } /* ▲ */
ul.-lmTrtb>li:before { content: "\25b3"; } /* △ */
ul.-lmTrba>li:before { content: "\25bc"; } /* ▼ */
ul.-lmTrbb>li:before { content: "\25bd"; } /* ▽ */
ul.-lmTrra>li:before { content: "\25B6"; } /* ▶ */
ul.-lmTrrb>li:before { content: "\25B7"; } /* ▷ */
ul.-lmTrla>li:before { content: "\25C0"; } /* ◀ */
ul.-lmTrlb>li:before { content: "\25C1"; } /* ◁ */
ul.-lmSpda>li:before { content: "\2660"; } /* ♠ */
ul.-lmSpdb>li:before { content: "\2664"; } /* ♤ */
ul.-lmDiaa>li:before { content: "\2666"; } /* ♦ */
ul.-lmDiab>li:before { content: "\2662"; } /* ♢ */
ul.-lmHrta>li:before { content: "\2665"; } /* ♥ */
ul.-lmHrtb>li:before { content: "\2661"; } /* ♡ */
ul.-lmClba>li:before { content: "\2663"; } /* ♣ */
ul.-lmClbb>li:before { content: "\2667"; } /* ♧ */
ul.-lmStra>li:before { content: "\2605"; } /* ★ */
ul.-lmStrb>li:before { content: "\2606"; } /* ☆ */


/* value (sample) */
.-value2 {
	counter-reset: markNum 1;
}
.-value6 {
	counter-reset: markNum 5;
}
.-value10 {
	counter-reset: markNum 9;
}
.-value88 {
	counter-reset: markNum 87;
}



/* flexbox webkit prefix (sample) */
.webkit-prefix {
	display: flex;
	display: -webkit-box;

	align-items:center;
	-webkit-box-align:center;

	flex:0 1 50%;
	-webkit-box-flex:0; /*flex-grow*/
}