@charset 'UTF-8';

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

library CSS

v.2.2.2
at 20.3.13

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

/* 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 Mincho 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%;
}
img {
	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%;
}
input:not([type=radio]):not([type=checkbox]):not([type=button]):not([type=submit]):not([type=reset]):not([type=image]),
textarea,
select {
	width: 100%;
	background-color: #fff;
}
select {
	background-size: 1.5em;
	border-radius: 0;
	padding: 0.25em 1.5em 0.25em 0.375em;
	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") !important;
}
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(.lm), ol[class]:not(.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;
}

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

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

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


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

.cf:after {
	content: "";
	clear: both;
	display: block;
}
.cb {
	clear: both;
}
.tc {
	text-align: center;
}
.tr {
	text-align: right;
}
.tl {
	text-align: left;
}
span.nw {
	display: inline-block;
}
table.nw, th.nw, td.nw {
	white-space: nowrap;
}
.sx {
	overflow-x: scroll;
}
.sy {
	overflow-y: scroll;
}
.hl {
	background: linear-gradient(transparent 70%, #ffff00 0%);
}
.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 -- -- */

.ht {
	display: flex;
	flex-wrap: wrap;
}
.ht>div {
	flex: 0 0 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.ht dt, .ht dd {
	flex: 1 1 auto;
	margin: 0;
}
.ht-10 dt {
	width: 10%;
}
.ht-20 dt {
	width: 20%;
}
.ht-30 dt {
	width: 30%;
}
.ht-40 dt {
	width: 40%;
}
.ht-50 dt {
	width: 50%;
}
.ht-60 dt {
	width: 60%;
}
.ht-70 dt {
	width: 70%;
}
.ht-80 dt {
	width: 80%;
}
.ht-90 dt {
	width: 90%;
}
.ht-10 dd {
	width: 90%;
}
.ht-20 dd {
	width: 80%;
}
.ht-30 dd {
	width: 70%;
}
.ht-40 dd {
	width: 60%;
}
.ht-50 dd {
	width: 50%;
}
.ht-60 dd {
	width: 40%;
}
.ht-70 dd {
	width: 30%;
}
.ht-80 dd {
	width: 20%;
}
.ht-90 dd {
	width: 10%;
}

ul.cols, ol.cols {
	display: flex;
	padding-left: 0;
	list-style-type: none;
}
ul.cols li, ol.cols li {
	border: 1px solid #eee;
	padding: 0.25em 0.5em;
}


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

.lm {
	padding-left: 1.75em;
	list-style-type: none;
	counter-reset: markNum;
}
.lm>li::before {
	counter-increment: markNum;
	float: left;
	font-size: 80%;
	margin-top: 0.2em;
	margin-left: -1.5em;
	width: 1.5em;
}
.lm ol:not(.lm-in), .lm ul:not(.lm-in) {
	padding-left: 1.75em;
}

/* ※1 */
ol.lm-kome>li::before {
	margin-left: -2.2em;
	width: 2.2em;
	content: "※"counter(markNum);
	letter-spacing: -.1em;
	white-space: nowrap;
}
ol.lm-kome>li[class^="value"]:not(.lm-2digit):nth-child(n + 10)::before,
ol.lm-kome>li:not(.lm-2digit):nth-child(-n + 9)::before {
	content: "※ "counter(markNum);
}

/* ① */
ol.lm-maru>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.lm-maru>li.lm-2digit::before,
ol.lm-maru>li:nth-child(n + 10)::before {
	letter-spacing: -.15em;
	text-indent: -.2em
}


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

/* inside */
.lm-in {
	list-style-position: inside;
	padding-left: 0;
}
.lm-in ol:not(.lm-in), .lm-in ul:not(.lm-in) {
	list-style-position: outside;
}
.lm-in.lm-kako>li::before,
.lm-in.lm-maru>li::before,
.lm-in.lm-kome>li::before,
ul.lm-in>li::before {
	margin-left: 0;
}

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

/*  markers */
ul.lm-disc { list-style-type: disc; }
ul.lm-cicl { list-style-type: circle; }
ul.lm-sqar { list-style-type: square; }
ol.lm-dcml { list-style-type: decimal; }
ol.lm-dmlz { list-style-type: decimal-leading-zero; }
ol.lm-loro { list-style-type: lower-roman; }
ol.lm-upro { list-style-type: upper-roman; }
ol.lm-loal { list-style-type: lower-alpha; }
ol.lm-upal { list-style-type: upper-alpha; }
ol.lm-kanj { list-style-type: cjk-ideographic; }
ol.lm-hira { list-style-type: hiragana; }
ol.lm-kata { list-style-type: katakana; }
ol.lm-hiri { list-style-type: hiragana-iroha; }
ol.lm-kati { list-style-type: katakana-iroha; }
ol.lm-et10 { list-style-type: cjk-heavenly-stem; }
ol.lm-et12 { list-style-type: cjk-earthly-branch; }

ul.lm-kome>li:before { content: "\203b"; } /* ※ */
ul.lm-boxa>li:before { content: "\25a0"; } /* ■ */
ul.lm-boxb>li:before { content: "\25a1"; } /* □ */
ul.lm-boxc>li:before { content: "\25c6"; } /* ◆ */
ul.lm-boxd>li:before { content: "\25c7"; } /* ◇ */
ul.lm-cica>li:before { content: "\25CF"; } /* ● */
ul.lm-cicb>li:before { content: "\25cb"; } /* ○ */
ul.lm-dshn>li:before { content: "\2013"; } /* – ndash */
ul.lm-dshm>li:before { content: "\2014"; } /* — mdash */
ul.lm-chck>li:before { content: "\2713"; } /* ✓ check */
ul.lm-cicc>li:before { content: "\25c9"; } /* ◉ */
ul.lm-cicd>li:before { content: "\25ce"; } /* ◎ */
ul.lm-trta>li:before { content: "\25b2"; } /* ▲ */
ul.lm-trtb>li:before { content: "\25b3"; } /* △ */
ul.lm-trba>li:before { content: "\25bc"; } /* ▼ */
ul.lm-trbb>li:before { content: "\25bd"; } /* ▽ */
ul.lm-trra>li:before { content: "\25B6"; } /* ▶ */
ul.lm-trrb>li:before { content: "\25B7"; } /* ▷ */
ul.lm-trla>li:before { content: "\25C0"; } /* ◀ */
ul.lm-trlb>li:before { content: "\25C1"; } /* ◁ */
ul.lm-spda>li:before { content: "\2660"; } /* ♠ */
ul.lm-spdb>li:before { content: "\2664"; } /* ♤ */
ul.lm-diaa>li:before { content: "\2666"; } /* ♦ */
ul.lm-diab>li:before { content: "\2662"; } /* ♢ */
ul.lm-hrta>li:before { content: "\2665"; } /* ♥ */
ul.lm-hrtb>li:before { content: "\2661"; } /* ♡ */
ul.lm-clba>li:before { content: "\2663"; } /* ♣ */
ul.lm-clbb>li:before { content: "\2667"; } /* ♧ */
ul.lm-stra>li:before { content: "\2605"; } /* ★ */
ul.lm-strb>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*/
}