@charset "UTF-8";
/**
 * 基本 css
 * @version 23.05.26
 * @version 23.12.18 タグ日時表記を追加
 * @version 24.02.05 「.」区切り日付に対応
 * @version 24.08.31 ()囲いを追加
 * @version 24.10.16 ファイル拡張子アイコンを追加
 * @version 24.11.06 ピカピカを追加
 */

/* アニメーション */
/* 消灯→点灯 */
@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; } }

/* 点灯→消灯→点灯→消灯 */
@keyframes pikapika-gre { 5% { background-color: var(--gre-op30); } 33% { background-color: transparent; } 66% { background-color: var(--gre-op30); } } @-webkit-keyframes pikapika-gre { 5% { background-color: var(--gre-op30); } 33% { background-color: transparent; } 66% { background-color: var(--gre-op30); } }
@keyframes pikapika-red { 5% { background-color: var(--red-op30); } 33% { background-color: transparent; } 66% { background-color: var(--red-op30); } } @-webkit-keyframes pikapika-red { 5% { background-color: var(--red-op30); } 33% { background-color: transparent; } 66% { background-color: var(--red-op30); } }
@keyframes pikapika-blu { 5% { background-color: var(--blu-op30); } 33% { background-color: transparent; } 66% { background-color: var(--blu-op30); } } @-webkit-keyframes pikapika-blu { 5% { background-color: var(--blu-op30); } 33% { background-color: transparent; } 66% { background-color: var(--blu-op30); } }
@keyframes pikapika-nav { 5% { background-color: var(--nav-op30); } 33% { background-color: transparent; } 66% { background-color: var(--nav-op30); } } @-webkit-keyframes pikapika-nav { 5% { background-color: var(--nav-op30); } 33% { background-color: transparent; } 66% { background-color: var(--nav-op30); } }
@keyframes pikapika-ora { 5% { background-color: var(--ora-op30); } 33% { background-color: transparent; } 66% { background-color: var(--ora-op30); } } @-webkit-keyframes pikapika-ora { 5% { background-color: var(--ora-op30); } 33% { background-color: transparent; } 66% { background-color: var(--ora-op30); } }
@keyframes pikapika-tea { 5% { background-color: var(--tea-op30); } 33% { background-color: transparent; } 66% { background-color: var(--tea-op30); } } @-webkit-keyframes pikapika-tea { 5% { background-color: var(--tea-op30); } 33% { background-color: transparent; } 66% { background-color: var(--tea-op30); } }
@keyframes pikapika-gra { 5% { background-color: var(--gra-op30); } 33% { background-color: transparent; } 66% { background-color: var(--gra-op30); } } @-webkit-keyframes pikapika-gra { 5% { background-color: var(--gra-op30); } 33% { background-color: transparent; } 66% { background-color: var(--gra-op30); } }
@keyframes pikapika-dpk { 5% { background-color: var(--dpk-op30); } 33% { background-color: transparent; } 66% { background-color: var(--dpk-op30); } } @-webkit-keyframes pikapika-dpk { 5% { background-color: var(--dpk-op30); } 33% { background-color: transparent; } 66% { background-color: var(--dpk-op30); } }
@keyframes pikapika-c4c { 5% { background-color: var(--c4c-op30); } 33% { background-color: transparent; } 66% { background-color: var(--c4c-op30); } } @-webkit-keyframes pikapika-c4c { 5% { background-color: var(--c4c-op30); } 33% { background-color: transparent; } 66% { background-color: var(--c4c-op30); } }
@keyframes pikapika-pri { 5% { background-color: var(--pri-op30); } 33% { background-color: transparent; } 66% { background-color: var(--pri-op30); } } @-webkit-keyframes pikapika-pri { 5% { background-color: var(--pri-op30); } 33% { background-color: transparent; } 66% { background-color: var(--pri-op30); } }
@keyframes pikapika-sec { 5% { background-color: var(--sec-op30); } 33% { background-color: transparent; } 66% { background-color: var(--sec-op30); } } @-webkit-keyframes pikapika-sec { 5% { background-color: var(--sec-op30); } 33% { background-color: transparent; } 66% { background-color: var(--sec-op30); } }
@keyframes pikapika-dan { 5% { background-color: var(--dan-op30); } 33% { background-color: transparent; } 66% { background-color: var(--dan-op30); } } @-webkit-keyframes pikapika-dan { 5% { background-color: var(--dan-op30); } 33% { background-color: transparent; } 66% { background-color: var(--dan-op30); } }
@keyframes pikapika-war { 5% { background-color: var(--war-op30); } 33% { background-color: transparent; } 66% { background-color: var(--war-op30); } } @-webkit-keyframes pikapika-war { 5% { background-color: var(--war-op30); } 33% { background-color: transparent; } 66% { background-color: var(--war-op30); } }
@keyframes pikapika-suc { 5% { background-color: var(--suc-op30); } 33% { background-color: transparent; } 66% { background-color: var(--suc-op30); } } @-webkit-keyframes pikapika-suc { 5% { background-color: var(--suc-op30); } 33% { background-color: transparent; } 66% { background-color: var(--suc-op30); } }
@keyframes pikapika-inf { 5% { background-color: var(--inf-op30); } 33% { background-color: transparent; } 66% { background-color: var(--inf-op30); } } @-webkit-keyframes pikapika-inf { 5% { background-color: var(--inf-op30); } 33% { background-color: transparent; } 66% { background-color: var(--inf-op30); } }
@keyframes pikapika-cat { 5% { background-color: var(--cat-op30); } 33% { background-color: transparent; } 66% { background-color: var(--cat-op30); } } @-webkit-keyframes pikapika-cat { 5% { background-color: var(--cat-op30); } 33% { background-color: transparent; } 66% { background-color: var(--cat-op30); } }

/* 回転(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; }

/* ピカピカ2回点滅 */
.pikapika15-gre { -webkit-animation: pikapika-gre 1.5s; animation: pikapika-gre 1.5s; }
.pikapika15-red { -webkit-animation: pikapika-red 1.5s; animation: pikapika-red 1.5s; }
.pikapika15-blu { -webkit-animation: pikapika-blu 1.5s; animation: pikapika-blu 1.5s; }
.pikapika15-nav { -webkit-animation: pikapika-nav 1.5s; animation: pikapika-nav 1.5s; }
.pikapika15-ora { -webkit-animation: pikapika-ora 1.5s; animation: pikapika-ora 1.5s; }
.pikapika15-tea { -webkit-animation: pikapika-tea 1.5s; animation: pikapika-tea 1.5s; }
.pikapika15-gra { -webkit-animation: pikapika-gra 1.5s; animation: pikapika-gra 1.5s; }
.pikapika15-dpk { -webkit-animation: pikapika-dpk 1.5s; animation: pikapika-dpk 1.5s; }
.pikapika15-c4c { -webkit-animation: pikapika-c4c 1.5s; animation: pikapika-c4c 1.5s; }
.pikapika15-pri { -webkit-animation: pikapika-pri 1.5s; animation: pikapika-pri 1.5s; }
.pikapika15-sec { -webkit-animation: pikapika-sec 1.5s; animation: pikapika-sec 1.5s; }
.pikapika15-dan { -webkit-animation: pikapika-dan 1.5s; animation: pikapika-dan 1.5s; }
.pikapika15-war { -webkit-animation: pikapika-war 1.5s; animation: pikapika-war 1.5s; }
.pikapika15-suc { -webkit-animation: pikapika-suc 1.5s; animation: pikapika-suc 1.5s; }
.pikapika15-inf { -webkit-animation: pikapika-inf 1.5s; animation: pikapika-inf 1.5s; }
.pikapika15-cat { -webkit-animation: pikapika-cat 1.5s; animation: pikapika-cat 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-h:not(:empty)::after { content: 'H'; 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; }
.u-in:not(:empty)::after { content: '回'; font-size: 80%; margin-left: 0.1em; }
[data-u-fre]:not(:empty)::after { content: attr(data-u-fre); font-size: 80%; margin-left: 0.1em; }

/* ファイル拡張子アイコン */
[data-file-exten]::before { font-family: 'Font Awesome 5 Free'; margin-right: 0.5em; content: '\f15b'; }
:is([data-file-exten="jpg"], [data-file-exten="jpeg"], [data-file-exten="png"], [data-file-exten="gif"], [data-file-exten="bmp"])::before { content: '\f1c5'; color: var(--blu); }
:is([data-file-exten="mp4"], [data-file-exten="mkv"], [data-file-exten="webm"], [data-file-exten="ogv"], [data-file-exten="mov"], [data-file-exten="avi"], [data-file-exten="flv"], [data-file-exten="wmv"], [data-file-exten="mpg"], [data-file-exten="mpeg"], [data-file-exten="ts"], [data-file-exten="m2ts"], [data-file-exten="mts"])::before { content: '\f1c8'; }
:is([data-file-exten="mp3"], [data-file-exten="3gp"], [data-file-exten="3g2"], [data-file-exten="ogg"], [data-file-exten="oga"], [data-file-exten="m4a"], [data-file-exten="asf"], [data-file-exten="wav"], [data-file-exten="wave"], [data-file-exten="flac"])::before { content: '\f1c7'; }
:is([data-file-exten="pdf"])::before { content: '\f1c1'; color: var(--dan); font-weight: 900; }
:is([data-file-exten="txt"], [data-file-exten="text"])::before { content: '\f15c'; }
:is([data-file-exten="csv"], [data-file-exten="tsv"], [data-file-exten="json"], [data-file-exten="xml"], [data-file-exten="html"])::before { content: '\f1c9'; font-weight: 900; }
:is([data-file-exten="docx"], [data-file-exten="doc"])::before { content: '\f1c2'; color: var(--pri); font-weight: 900; }
:is([data-file-exten="xls"], [data-file-exten="xlsx"])::before { content: '\f1c3'; color: var(--sec); font-weight: 900; }
:is([data-file-exten="ppt"], [data-file-exten="pptx"])::before { content: '\f1c4'; color: #e75325; font-weight: 900; }
:is([data-file-exten="zip"], [data-file-exten="7z"], [data-file-exten="rar"], [data-file-exten="tar"], [data-file-exten="gz"])::before { content: '\f1c6'; color: #f3a000; }

/* 寄せ */
.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; }

/* はみ出す部分を「...」 ※要幅指定 */
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; }

/* パンくず */
.pankuzu { display: flex; align-items: center; }
.pankuzu > *:not(:last-of-type)::after { content: '>'; margin: 0 12px; opacity: 0.7; }
.pankuzu > *:last-of-type {	font-size: 140%; font-weight: bold; }

/* ()で囲う */
.kk-wrap { display: inline-flex; align-items: center; }
.kk-wrap::before { content: '('; font-size: 80%; margin-right: 0.2em; }
.kk-wrap::after { content: ')'; font-size: 80%; margin-left: 0.2em; }


: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;
}

/* Font Awesome の太字を細字に変換 */
/*fawesome-r { font-family: 'Font Awesome 5 Free'; font-weight: 900; color: transparent; -webkit-text-stroke: 2px #fff; }*/
/*fawesome-r { font-family: 'Font Awesome 5 Free'; font-weight: 900; color: transparent; -webkit-text-stroke: 2px #555; }*/


/* For SmartPhone */
@media screen and (max-width: 767px) {
  .sp-fs-0 { font-size: 0px !important; }
  .sp-fs-min { font-size: 11px !important; }
  .sp-fs-sml { font-size: 13px !important; }
  .sp-fs-mid { font-size: 16px !important; }
  .sp-fs-lrg { font-size: 20px !important; }
}