@charset "UTF-8";
/**
 * 基本 css
 * @version 23.05.26
 * @version 23.12.18 タグ日時表記を追加
 * @version 24.02.05 「.」区切り日付に対応
 */

/* アニメーション */
/* 消灯→点灯 */
@keyframes flsh0 { 0%{ opacity: 0.0; } 100%{ opacity: 1.0; } } @-webkit-keyframes flsh0 { 0%{ opacity: 0.0; } 100%{ opacity: 1.0; } } @-moz-keyframes flsh0 { 0% { opacity: 0.0; } 100% { opacity: 1.0; } }
@keyframes flsh1 { 0%{ opacity: 0.1; } 100%{ opacity: 1.0; } } @-webkit-keyframes flsh1 { 0%{ opacity: 0.1; } 100%{ opacity: 1.0; } } @-moz-keyframes flsh1 { 0% { opacity: 0.1; } 100% { opacity: 1.0; } }
@keyframes flsh2 { 0%{ opacity: 0.2; } 100%{ opacity: 1.0; } } @-webkit-keyframes flsh2 { 0%{ opacity: 0.2; } 100%{ opacity: 1.0; } } @-moz-keyframes flsh2 { 0% { opacity: 0.2; } 100% { opacity: 1.0; } }
@keyframes flsh3 { 0%{ opacity: 0.3; } 100%{ opacity: 1.0; } } @-webkit-keyframes flsh3 { 0%{ opacity: 0.3; } 100%{ opacity: 1.0; } } @-moz-keyframes flsh3 { 0% { opacity: 0.3; } 100% { opacity: 1.0; } }
@keyframes flsh4 { 0%{ opacity: 0.4; } 100%{ opacity: 1.0; } } @-webkit-keyframes flsh4 { 0%{ opacity: 0.4; } 100%{ opacity: 1.0; } } @-moz-keyframes flsh4 { 0% { opacity: 0.4; } 100% { opacity: 1.0; } }
@keyframes flsh5 { 0%{ opacity: 0.5; } 100%{ opacity: 1.0; } } @-webkit-keyframes flsh5 { 0%{ opacity: 0.5; } 100%{ opacity: 1.0; } } @-moz-keyframes flsh5 { 0% { opacity: 0.5; } 100% { opacity: 1.0; } }
/* 消灯→点灯→消灯 */
@keyframes flsh5_5 { 25%{ opacity: 0.5; } 50%{ opacity: 1.0; } 75%{ opacity: 0.5; } }

/* 回転(20分割) */
@keyframes rotate20 { 0%{ rotate: 0deg; } 5%{ rotate: 18deg; } 10%{ rotate: 36deg; } 15%{ rotate: 54deg; } 20%{ rotate: 72deg; } 25%{ rotate: 90deg; } 30%{ rotate: 108deg; } 35%{ rotate: 126deg; } 40%{ rotate: 144deg; } 45%{ rotate: 162deg; } 50%{ rotate: 180deg; } 55%{ rotate: 198deg; } 60%{ rotate: 216deg; } 65%{ rotate: 234deg; } 70%{ rotate: 252deg; } 75%{ rotate: 270deg; } 80%{ rotate: 288deg; } 85%{ rotate: 306deg; } 90%{ rotate: 324deg; } 95%{ rotate: 342deg; } 100%{ rotate: 360deg; } }
@-webkit-keyframes rotate20 { 0%{ rotate: 0deg; } 5%{ rotate: 18deg; } 10%{ rotate: 36deg; } 15%{ rotate: 54deg; } 20%{ rotate: 72deg; } 25%{ rotate: 90deg; } 30%{ rotate: 108deg; } 35%{ rotate: 126deg; } 40%{ rotate: 144deg; } 45%{ rotate: 162deg; } 50%{ rotate: 180deg; } 55%{ rotate: 198deg; } 60%{ rotate: 216deg; } 65%{ rotate: 234deg; } 70%{ rotate: 252deg; } 75%{ rotate: 270deg; } 80%{ rotate: 288deg; } 85%{ rotate: 306deg; } 90%{ rotate: 324deg; } 95%{ rotate: 342deg; } 100%{ rotate: 360deg; } }
@-moz-keyframes rotate20 { 0%{ rotate: 0deg; } 5%{ rotate: 18deg; } 10%{ rotate: 36deg; } 15%{ rotate: 54deg; } 20%{ rotate: 72deg; } 25%{ rotate: 90deg; } 30%{ rotate: 108deg; } 35%{ rotate: 126deg; } 40%{ rotate: 144deg; } 45%{ rotate: 162deg; } 50%{ rotate: 180deg; } 55%{ rotate: 198deg; } 60%{ rotate: 216deg; } 65%{ rotate: 234deg; } 70%{ rotate: 252deg; } 75%{ rotate: 270deg; } 80%{ rotate: 288deg; } 85%{ rotate: 306deg; } 90%{ rotate: 324deg; } 95%{ rotate: 342deg; } 100%{ rotate: 360deg; } }


/* position／display */
.content, .p-r { position: relative; }
.d-blk { display: block !important; }
.hid { display: none !important; }
.size0 { height: 0 !important; line-height: 0 !important; padding: 0 !important; border: 0 !important; margin: 0 !important; position: absolute; }

form[name="f5Form"] { display: none; }

/* スクロールバー非表示 */ /* memo Windowsのスクロールバーの幅は17pxくらい 20px見ておけば問題ない */
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }
.no-scrollbar::-webkit-scrollbar { display: none; }
/* numberのスピンボタン無し */
input[type="number"].no-spin::-webkit-outer-spin-button, input[type="number"].no-spin::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
input[type="number"].no-spin { -moz-appearance: textfield; }

/* 範囲選択禁止 */
.no-selected { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }


/* ピカッと光る */
.flash { cursor: pointer; }
.flash:hover { opacity: 1; -webkit-animation: flsh4 1s; -moz-animation: flsh4 1s; animation: flsh4 1s; }
/* 点滅 */
.blink { -webkit-animation: flsh5 1.5s ease-in-out infinite alternate; -moz-animation: flsh5 1.5s ease-in-out infinite alternate; animation: flsh5 1.5s ease-in-out infinite alternate; }
.blink.ival02 { -webkit-animation: flsh5 0.2s ease-in-out infinite alternate; -moz-animation: flsh5 0.2s ease-in-out infinite alternate; animation: flsh5 0.2s ease-in-out infinite alternate; }
.blink.ival05 { -webkit-animation: flsh5 0.5s ease-in-out infinite alternate; -moz-animation: flsh5 0.5s ease-in-out infinite alternate; animation: flsh5 0.5s ease-in-out infinite alternate; }
.blink.ival08 { -webkit-animation: flsh5 0.8s ease-in-out infinite alternate; -moz-animation: flsh5 0.8s ease-in-out infinite alternate; animation: flsh5 0.8s ease-in-out infinite alternate; }
.blink.ival10 { -webkit-animation: flsh5 1.0s ease-in-out infinite alternate; -moz-animation: flsh5 1.0s ease-in-out infinite alternate; animation: flsh5 1.0s ease-in-out infinite alternate; }
.blink.ival15 { -webkit-animation: flsh5 1.5s ease-in-out infinite alternate; -moz-animation: flsh5 1.5s ease-in-out infinite alternate; animation: flsh5 1.5s ease-in-out infinite alternate; }
/* 2回点滅 */
.blink-2t { -webkit-animation: flsh5_5 1.5s; -moz-animation: flsh5_5 1.5s; animation: flsh5_5 1.5s; }


/* 待機クルクル */
.kurukuru::before { content: '\f110'; font-family: 'Font Awesome 5 Free'; font-weight: 900; transform: rotate(0deg); animation: rotate20 0.9s infinite; display: inline-block; margin-right: 0.2em; opacity: 0.5; }


/* 単位 */
.u-per:not(:empty)::after { content: '%'; font-size: 80%; margin-left: 0.1em; }
.u-yen:not(:empty)::before { content: '\0a5'; font-size: 80%; font-family: 'Font Awesome 5 Free'; font-weight: 900; margin-right: 0.1em; }
.u-jyen:not(:empty)::after { content: '円'; font-size: 80%; margin-left: 0.1em; }
.u-jyen-man:not(:empty)::after { content: '万円'; font-size: 80%; margin-left: 0.1em; }
.u-jyen-milman:not(:empty)::after { content: '百万円'; font-size: 80%; margin-left: 0.1em; }

.u-year:not(:empty)::after { content: '年'; font-size: 80%; margin-left: 0.1em; }
.u-year-st:not(:empty)::after { content: '年目'; font-size: 80%; margin-left: 0.1em; }
.u-year-fi:not(:empty)::after { content: '年度'; font-size: 80%; margin-left: 0.1em; }

.u-mon:not(:empty)::after { content: '月'; font-size: 80%; margin-left: 0.1em; }
.u-day:not(:empty)::after { content: '日'; font-size: 80%; margin-left: 0.1em; }
.u-hour:not(:empty)::after { content: '時'; font-size: 80%; margin-left: 0.1em; }
.u-min:not(:empty)::after { content: '分'; font-size: 80%; margin-left: 0.1em; }
.u-sec:not(:empty)::after { content: '秒'; font-size: 80%; margin-left: 0.1em; }

.u-man1:not(:empty)::after { content: '人'; font-size: 80%; margin-left: 0.1em; }
.u-man2:not(:empty)::after { content: '名'; font-size: 80%; margin-left: 0.1em; }
.u-age:not(:empty)::after { content: '歳'; font-size: 80%; margin-left: 0.1em; }

.u-strlen:not(:empty)::after { content: '文字'; font-size: 80%; margin-left: 0.1em; }
.u-cnt:not(:empty)::after { content: '件'; font-size: 80%; margin-left: 0.1em; }
.u-rank:not(:empty)::after { content: '位'; font-size: 80%; margin-left: 0.1em; }
.u-score:not(:empty)::after { content: '点'; font-size: 80%; margin-left: 0.1em; }
.u-pt1:not(:empty)::after { content: 'PT'; font-size: 80%; margin-left: 0.1em; }
.u-pt2:not(:empty)::after { content: 'pt'; font-size: 80%; margin-left: 0.1em; }

/* 寄せ */
.ta-c { text-align: center !important; }
.ta-l { text-align: left !important; }
.ta-r { text-align: right !important; }
.ta-sbs { -moz-text-align-last: justify; text-align-last: justify; text-justify: inter-ideograph; }
.va-t { vertical-align: top !important; }
.va-m { vertical-align: middle !important; }
.va-b { vertical-align: bottom !important; }

/* 文字サイズ */
.fs-0 { font-size: 0px !important; }
.fs-min { font-size: 11px !important; }
.fs-sml { font-size: 13px !important; }
.fs-mid { font-size: 16px !important; }
.fs-lrg { font-size: 20px !important; }

/* 太字／下線／取消線／斜体 */
.b { font-weight: bold !important; }
.u { text-decoration: underline; }
.s { text-decoration: line-through; }
.i { font-style: italic; }

/* yyyy年M月d日 */
[date-fmt] { display: inline-block; vertical-align: baseline; }
[date-fmt] > span { vertical-align: baseline; }
[date-fmt] > span:nth-child(odd) { display: inline-block; text-align: right; min-width: 1.1em; } /* 数字部分 */
[date-fmt="ngp"] > span:nth-child(even) { font-size: 70%; } /* 年月日部分 */
[date-fmt="ngp"] > span:nth-child(even):not(:last-of-type) { margin-right: 0.1em; }
[date-fmt="sla"] > span:nth-child(even) { margin: 0 0.1em; } /* 「/」部分 */
[date-fmt="dot"] > span:nth-child(even) { margin-right: 0.3em; font-size: 120%; } /* 「.」部分 */
[date-fmt] > span.d-of-w { margin: 0 0 0 0.2em; font-size: 90%; }/* 曜日部分 */
[date-fmt] > span.d-time { margin: 0 0.5em; }
[date-fmt] > span.d-time:first-of-type { margin-left: 0; }
[date-fmt] > span.d-time:last-of-type { margin-right: 0; }

 /* はみ出す部分を「...」 ※要幅指定 */
div:not([class]),td:not([class]),.ddd { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
*[class*="content"],*[class*="box"],*[class*="outer"],*[class*="inner"],.not-ddd { overflow: auto; text-overflow: clip; white-space: normal; word-break: break-all; }

:root {
 /* カーソル */
/*  --cur-arw: url(/resources/iside/img/cursor/arrow_right01.cur), pointer; */
/*  --cur-mdl: url(/resources/iside/img/cursor/modal01.cur), pointer; */
/*  --cur-pen: url(/resources/iside/img/cursor/pen01.cur), pointer; */
/*  --cur-srh: url(/resources/iside/img/cursor/search01.cur), pointer; */
/*  --cur-ban: url(/resources/iside/img/cursor/ban01.cur), not-allowed; */
/*  --cur-dwl: url(/resources/iside/img/cursor/download01.cur), pointer; */
 --cur-arw: pointer;
 --cur-mdl: pointer;
 --cur-pen: pointer;
 --cur-srh: pointer;
 --cur-ban: not-allowed;
 --cur-dwl: pointer;
}





/** （何かと使えるかも）計算したら点滅 */
.calc-calc { -webkit-animation: calc-calc 1.5s; animation: calc-calc 1.5s; }
@-webkit-keyframes calc-calc {
   0% { background-color: #ffc1c1; }
  66% { background-color: #ffc1c1; }
}
@keyframes calc-calc {
   0% { background-color: #ffc1c1; }
  66% { background-color: #ffc1c1; }
}