@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap');
/* ******************************************************************
Primary Styles
****************************************************************** */
body {
  color: #333;
  font-family: 'Hiragino Kaku Gothic Pro',HiraKakuPro-W3,'ヒラギノ角ゴ Pro W3','メイリオ', Meiryo,'MS P ゴシック',verdana,sans-serif;
  font-size: 17px;
  line-height: 1.75em;
  font-weight: normal;
}

html {
  height: 100%;
}

h2 {
  font-size: 2.4em;
  font-weight: bolder;
}

h3 {
  font-size: 1.8em;
  line-height: 2.0em;
  font-weight: bold;
}

h4 {
  font-size: 1.6em;
  line-height: 1.8em;
  font-weight: bold;
}

h5 {
  font-size: 1.4em;
  line-height: 1.6em;
  font-weight: bold;
}

h6 {
  font-size: 1.2em;
  line-height: 1.4em;
  font-weight: bold;
}

pre, code, kbd, samp, var,
.monofont {
  font-size: 1.2em;
  font-family:
    'Noto Sans Mono CJK JP',            /* Noto */
    'Source Han Code JP',               /* 源ノ角 */

    'Ricty',                            /* Inconsolata, Migu 1M */
    'Ricty Diminished',                 /* Inconsolata, Circle M+ 1m */
    'Ricty Diminished Discord',         /* Inconsolata, Circle M+ 1m */
    'Myrica M',                         /* Inconsolata, 源真ゴシック or Mgen+ */
    'MyricaM M',                        /* Inconsolata, Mgen+ */
    'Rounded M+ 1m regular',            /* M+ OUTLINE FONTS, 源ノ角ゴシック */
    'Rounded M+ 2m regular',            /* M+ OUTLINE FONTS, 源ノ角ゴシック */
    'Rounded Mgen+ 1m regular',         /* M+ OUTLINE FONTS, 源ノ角ゴシック */
    'Rounded Mgen+ 2m regular',         /* M+ OUTLINE FONTS, 源ノ角ゴシック */
    'Migu 1M',                          /* M+, IPAゴシック */
    'Migu 2M',                          /* M+, IPAゴシック */
    'VL ゴシック',                      /* M+ OUTLINE FONTS */
    'M+ 1m',                            /* M+ */
    'M+ 2m',                            /* M+ */
    'Yutapon coding Regular',           /* Yutapon */

    SFMono-Regular,                     /* SF Mono, Migu 1M (macOS10.12+) */
    Consolas,                           /* 英字 (WindowsVista+) */
/*  Menlo,                              /* 英字 (macOS10.6+) */
/*  Monaco,                             /* 英字 (Classic Mac OS+) */
    'Roboto Mono',                      /* 英字 (Android4+) */
/*  'Liberation Mono',                  /* Arial or Times New Roman or Courier New */
    'Courier New',                      /* Courier (macOS10.3+?, iOS4+?, WindowsXP+?) */
/*  Courier,                            /* 英字 (macOS10.3+?, WindowsXP+?) */
/*  'Osaka-mono', 'Osaka-等幅',         /* 日本語 (Classic Mac OS-) [mac:monospace] */
    Meiryo, /*'メイリオ',               /* 日本語 (WindowsVista+) */
/*  'MS Gothic', 'ＭＳ ゴシック'        /* 日本語 (Windows3.1+) [win:monospace] */
    monospace;
}

a {
  color: #023FA1;
}
a:hover {
  color: #416FB9;
}

.must {
  color: #ED2F14;
}

.error-custom {
  display: none;
}
.error-custom.is-invalid {
  display: block;
}

.colorBase { color: #363838; }

.colorMain { color: #0050A0; }
.colorMain-50 { color: #7FA7CF; }
.colorMain-25 { color: #BFD3E7; }
.colorMain-10 { color: #E5EDF5; }
.colorMain-05 { color: #F2F6FA; }

.bg-colorMain { background-color: #0050A0; }
.bg-colorMain-75 { background-color: #407CB8; }
.bg-colorMain-50 { background-color: #7FA7CF; }
.bg-colorMain-25 { background-color: #BFD3E7; }
.bg-colorMain-10 { background-color: #E5EDF5; }
.bg-colorMain-05 { background-color: #F2F6FA; }

.border-colorMain { border-color: #0050A0; }
.border-colorMain-50 { border-color: #7FA7CF; }

.btn.bg-colorMain { border-color: #0050A0; color: #FFFFFF; }
.btn.bg-colorMain:hover { background-color: #004080; }
.btn.bg-colorMain.disabled { background-color: #004080; }

.btn-link.colorMain:hover { color: #004080; }
.btn-link.colorMain.disabled { color: #004080; }

.border-top-colorMain { border-top: 1px solid #0050A0;}
.border-top-colorMain-50 { border-top: 1px solid #7FA7CF;}
.border-top-colorMain-25 { border-top: 1px solid #BFD3E7;}
.border-bottom-colorMain { border-bottom: 1px solid #0050A0;}
.border-bottom-colorMain-50 { border-bottom: 1px solid #7FA7CF;}
.border-bottom-colorMain-25 { border-bottom: 1px solid #BFD3E7;}

.colorB1 { color: #0050A0; }
.colorB2 { color: #2A88C5; }
.colorBG { color: #00A99D; }
.colorG1 { color: #228836; }
.colorG2 { color: #39B54A; }
.colorGY { color: #D9E021; }
.colorY1 { color: #FFCE00; }
.colorO1 { color: #FBB03B; }
.colorO2 { color: #F15A24; }
.colorR1 { color: #EA001C; }
.colorR2 { color: #ED1E79; }
.colorP1 { color: #B7129B; }
.colorP2 { color: #843576; }
.colorPB { color: #594EC0; }

.colorB1-50 { color: #7FA7CF; }
.colorB2-50 { color: #94C3E2; }
.colorBG-50 { color: #7FD4CE; }
.colorG1-50 { color: #90C39A; }
.colorG2-50 { color: #9CDAA3; }
.colorGY-50 { color: #ECEF90; }
.colorY1-50 { color: #FFE67F; }
.colorO1-50 { color: #FDD79D; }
.colorO2-50 { color: #F8AC91; }
.colorR1-50 { color: #F47F8D; }
.colorR2-50 { color: #F68EBC; }
.colorP1-50 { color: #DB88CD; }
.colorP2-50 { color: #C19ABA; }
.colorPB-50 { color: #ACA7DF; }

.colorB1-25 { color: #BFD3E7; }
.colorB2-25 { color: #CAE1F0; }
.colorBG-25 { color: #BFE9E6; }
.colorG1-25 { color: #C8E1CD; }
.colorG2-25 { color: #CDECD2; }
.colorGY-25 { color: #F5F7C7; }
.colorY1-25 { color: #FFF3BF; }
.colorO1-25 { color: #FEEBCE; }
.colorO2-25 { color: #FBD6C8; }
.colorR1-25 { color: #FABFC5; }
.colorR2-25 { color: #FAC7DD; }
.colorP1-25 { color: #EDC4E6; }
.colorP2-25 { color: #E0CCDD; }
.colorPB-25 { color: #D5D3EF; }

.colorW10 { color: rgba(255,255,255,0.1); }
.colorW20 { color: rgba(255,255,255,0.2); }
.colorW30 { color: rgba(255,255,255,0.3); }
.colorW40 { color: rgba(255,255,255,0.4); }
.colorW50 { color: rgba(255,255,255,0.5); }
.colorW60 { color: rgba(255,255,255,0.6); }
.colorW70 { color: rgba(255,255,255,0.7); }
.colorW80 { color: rgba(255,255,255,0.8); }
.colorW90 { color: rgba(255,255,255,0.9); }
.colorW { color: #fff; }

.colorB10 { color: rgba(0,0,0,0.1); }
.colorB20 { color: rgba(0,0,0,0.2); }
.colorB30 { color: rgba(0,0,0,0.3); }
.colorB40 { color: rgba(0,0,0,0.4); }
.colorB50 { color: rgba(0,0,0,0.5); }
.colorB60 { color: rgba(0,0,0,0.6); }
.colorB70 { color: rgba(0,0,0,0.7); }
.colorB80 { color: rgba(0,0,0,0.8); }
.colorB90 { color: rgba(0,0,0,0.9); }
.colorB { color: #000; }


.bg-colorB1 { background-color: #0050A0; }
.bg-colorB2 { background-color: #2A88C5; }
.bg-colorBG { background-color: #00A99D; }
.bg-colorG1 { background-color: #228836; }
.bg-colorG2 { background-color: #39B54A; }
.bg-colorGY { background-color: #D9E021; }
.bg-colorY1 { background-color: #FFCE00; }
.bg-colorO1 { background-color: #FBB03B; }
.bg-colorO2 { background-color: #F15A24; }
.bg-colorR1 { background-color: #EA001C; }
.bg-colorR2 { background-color: #ED1E79; }
.bg-colorP1 { background-color: #B7129B; }
.bg-colorP2 { background-color: #843576; }
.bg-colorPB { background-color: #594EC0; }

.bg-colorB1-50 { background-color: #7FA7CF; }
.bg-colorB2-50 { background-color: #94C3E2; }
.bg-colorBG-50 { background-color: #7FD4CE; }
.bg-colorG1-50 { background-color: #90C39A; }
.bg-colorG2-50 { background-color: #9CDAA3; }
.bg-colorGY-50 { background-color: #ECEF90; }
.bg-colorY1-50 { background-color: #FFE67F; }
.bg-colorO1-50 { background-color: #FDD79D; }
.bg-colorO2-50 { background-color: #F8AC91; }
.bg-colorR1-50 { background-color: #F47F8D; }
.bg-colorR2-50 { background-color: #F68EBC; }
.bg-colorP1-50 { background-color: #DB88CD; }
.bg-colorP2-50 { background-color: #C19ABA; }
.bg-colorPB-50 { background-color: #ACA7DF; }

.bg-colorB1-25, td.bg-colorB1-25, th.bg-colorB1-25 { background-color: #BFD3E7; }
.bg-colorB2-25, td.bg-colorB2-25, th.bg-colorB2-25 { background-color: #CAE1F0; }
.bg-colorBG-25, td.bg-colorBG-25, th.bg-colorBG-25 { background-color: #BFE9E6; }
.bg-colorG1-25, td.bg-colorG1-25, th.bg-colorG1-25 { background-color: #C8E1CD; }
.bg-colorG2-25, td.bg-colorG2-25, th.bg-colorG2-25 { background-color: #CDECD2; }
.bg-colorGY-25, td.bg-colorGY-25, th.bg-colorGY-25 { background-color: #F5F7C7; }
.bg-colorY1-25, td.bg-colorY1-25, th.bg-colorY1-25 { background-color: #FFF3BF; }
.bg-colorO1-25, td.bg-colorO1-25, th.bg-colorO1-25 { background-color: #FEEBCE; }
.bg-colorO2-25, td.bg-colorO2-25, th.bg-colorO2-25 { background-color: #FBD6C8; }
.bg-colorR1-25, td.bg-colorR1-25, th.bg-colorR1-25 { background-color: #FABFC5; }
.bg-colorR2-25, td.bg-colorR2-25, th.bg-colorR2-25 { background-color: #FAC7DD; }
.bg-colorP1-25, td.bg-colorP1-25, th.bg-colorP1-25 { background-color: #EDC4E6; }
.bg-colorP2-25, td.bg-colorP2-25, th.bg-colorP2-25 { background-color: #E0CCDD; }
.bg-colorPB-25, td.bg-colorPB-25, th.bg-colorPB-25 { background-color: #D5D3EF; }

.bg-colorB1-10, td.bg-colorB1-10, th.bg-colorB1-10 { background-color: #E5EDF5; }
.bg-colorB2-10, td.bg-colorB2-10, th.bg-colorB2-10 { background-color: #E9F3F8; }
.bg-colorBG-10, td.bg-colorBG-10, th.bg-colorBG-10 { background-color: #E5F6F5; }
.bg-colorG1-10, td.bg-colorG1-10, th.bg-colorG1-10 { background-color: #E8F3EB; }
.bg-colorG2-10, td.bg-colorG2-10, th.bg-colorG2-10 { background-color: #EBF7ED; }
.bg-colorGY-10, td.bg-colorGY-10, th.bg-colorGY-10 { background-color: #FBFCE8; }
.bg-colorY1-10, td.bg-colorY1-10, th.bg-colorY1-10 { background-color: #FFFAE5; }
.bg-colorO1-10, td.bg-colorO1-10, th.bg-colorO1-10 { background-color: #FFF7EB; }
.bg-colorO2-10, td.bg-colorO2-10, th.bg-colorO2-10 { background-color: #FEEEE9; }
.bg-colorR1-10, td.bg-colorR1-10, th.bg-colorR1-10 { background-color: #FDE5E8; }
.bg-colorR2-10, td.bg-colorR2-10, th.bg-colorR2-10 { background-color: #FDE8F1; }
.bg-colorP1-10, td.bg-colorP1-10, th.bg-colorP1-10 { background-color: #F8E7F5; }
.bg-colorP2-10, td.bg-colorP2-10, th.bg-colorP2-10 { background-color: #F2EAF1; }
.bg-colorPB-10, td.bg-colorPB-10, th.bg-colorPB-10 { background-color: #F2EAF1; }

.bg-colorB1-05, td.bg-colorB1-05, th.bg-colorB1-05 { background-color: #F2F6FA; }
.bg-colorB2-05, td.bg-colorB2-05, th.bg-colorB2-05 { background-color: #F4F8FC; }
.bg-colorBG-05, td.bg-colorBG-05, th.bg-colorBG-05 { background-color: #F2FBFA; }
.bg-colorG1-05, td.bg-colorG1-05, th.bg-colorG1-05 { background-color: #F4F8F5; }
.bg-colorG2-05, td.bg-colorG2-05, th.bg-colorG2-05 { background-color: #F5FBF6; }
.bg-colorGY-05, td.bg-colorGY-05, th.bg-colorGY-05 { background-color: #FDFDF4; }
.bg-colorY1-05, td.bg-colorY1-05, th.bg-colorY1-05 { background-color: #FFFDF2; }
.bg-colorO1-05, td.bg-colorO1-05, th.bg-colorO1-05 { background-color: #FFFDF2; }
.bg-colorO2-05, td.bg-colorO2-05, th.bg-colorO2-05 { background-color: #FEF7F4; }
.bg-colorR1-05, td.bg-colorR1-05, th.bg-colorR1-05 { background-color: #FEF2F3; }
.bg-colorR2-05, td.bg-colorR2-05, th.bg-colorR2-05 { background-color: #FEF4F8; }
.bg-colorP1-05, td.bg-colorP1-05, th.bg-colorP1-05 { background-color: #FBF3FA; }
.bg-colorP2-05, td.bg-colorP2-05, th.bg-colorP2-05 { background-color: #F8F5F8; }
.bg-colorPB-05, td.bg-colorPB-05, th.bg-colorPB-05 { background-color: #F7F6FC; }

.bg-colorW05 { background-color: rgba(255,255,255,0.05); }
.bg-colorW10 { background-color: rgba(255,255,255,0.1); }
.bg-colorW20 { background-color: rgba(255,255,255,0.2); }
.bg-colorW30 { background-color: rgba(255,255,255,0.3); }
.bg-colorW40 { background-color: rgba(255,255,255,0.4); }
.bg-colorW50 { background-color: rgba(255,255,255,0.5); }
.bg-colorW60 { background-color: rgba(255,255,255,0.6); }
.bg-colorW70 { background-color: rgba(255,255,255,0.7); }
.bg-colorW80 { background-color: rgba(255,255,255,0.8); }
.bg-colorW90 { background-color: rgba(255,255,255,0.9); }
.bg-colorW { background-color: #fff; }

.bg-colorB05 { background-color: rgba(0,0,0,0.05); }
.bg-colorB10 { background-color: rgba(0,0,0,0.1); }
.bg-colorB20 { background-color: rgba(0,0,0,0.2); }
.bg-colorB30 { background-color: rgba(0,0,0,0.3); }
.bg-colorB40 { background-color: rgba(0,0,0,0.4); }
.bg-colorB50 { background-color: rgba(0,0,0,0.5); }
.bg-colorB60 { background-color: rgba(0,0,0,0.6); }
.bg-colorB70 { background-color: rgba(0,0,0,0.7); }
.bg-colorB80 { background-color: rgba(0,0,0,0.8); }
.bg-colorB90 { background-color: rgba(0,0,0,0.9); }
.bg-colorB { background-color: #000; }


.border-colorB1 { border-color: #0050A0; }
.border-colorB2 { border-color: #2A88C5; }
.border-colorBG { border-color: #00A99D; }
.border-colorG1 { border-color: #228836; }
.border-colorG2 { border-color: #39B54A; }
.border-colorGY { border-color: #D9E021; }
.border-colorY1 { border-color: #FFCE00; }
.border-colorO1 { border-color: #FBB03B; }
.border-colorO2 { border-color: #F15A24; }
.border-colorR1 { border-color: #EA001C; }
.border-colorR2 { border-color: #ED1E79; }
.border-colorP1 { border-color: #B7129B; }
.border-colorP2 { border-color: #843576; }
.border-colorPB { border-color: #594EC0; }

.border-colorB1-50 { border-color: #7FA7CF; }
.border-colorB2-50 { border-color: #94C3E2; }
.border-colorBG-50 { border-color: #7FD4CE; }
.border-colorG1-50 { border-color: #90C39A; }
.border-colorG2-50 { border-color: #9CDAA3; }
.border-colorGY-50 { border-color: #ECEF90; }
.border-colorY1-50 { border-color: #FFE67F; }
.border-colorO1-50 { border-color: #FDD79D; }
.border-colorO2-50 { border-color: #F8AC91; }
.border-colorR1-50 { border-color: #F47F8D; }
.border-colorR2-50 { border-color: #F68EBC; }
.border-colorP1-50 { border-color: #DB88CD; }
.border-colorP2-50 { border-color: #C19ABA; }
.border-colorPB-50 { border-color: #ACA7DF; }

.border-colorB1-25 { border-color: #BFD3E7; }
.border-colorB2-25 { border-color: #CAE1F0; }
.border-colorBG-25 { border-color: #BFE9E6; }
.border-colorG1-25 { border-color: #C8E1CD; }
.border-colorG2-25 { border-color: #CDECD2; }
.border-colorGY-25 { border-color: #F5F7C7; }
.border-colorY1-25 { border-color: #FFF3BF; }
.border-colorO1-25 { border-color: #FEEBCE; }
.border-colorO2-25 { border-color: #FBD6C8; }
.border-colorR1-25 { border-color: #FABFC5; }
.border-colorR2-25 { border-color: #FAC7DD; }
.border-colorP1-25 { border-color: #EDC4E6; }
.border-colorP2-25 { border-color: #E0CCDD; }
.border-colorPB-25 { border-color: #D5D3EF; }


.btn.bg-colorB1 { border-color: #0050A0; color: #FFFFFF; }
.btn.bg-colorB2 { border-color: #2A88C5; color: #FFFFFF; }
.btn.bg-colorBG { border-color: #00A99D; color: #FFFFFF; }
.btn.bg-colorG1 { border-color: #228836; color: #FFFFFF; }
.btn.bg-colorG2 { border-color: #39B54A; color: #FFFFFF; }
.btn.bg-colorGY { border-color: #D9E021; color: #FFFFFF; }
.btn.bg-colorY1 { border-color: #FFCE00; color: #FFFFFF; }
.btn.bg-colorO1 { border-color: #FBB03B; color: #FFFFFF; }
.btn.bg-colorO2 { border-color: #F15A24; color: #FFFFFF; }
.btn.bg-colorR1 { border-color: #EA001C; color: #FFFFFF; }
.btn.bg-colorR2 { border-color: #ED1E79; color: #FFFFFF; }
.btn.bg-colorP1 { border-color: #B7129B; color: #FFFFFF; }
.btn.bg-colorP2 { border-color: #843576; color: #FFFFFF; }
.btn.bg-colorPB { border-color: #594EC0; color: #FFFFFF; }

.btn.bg-colorB1:hover { background-color: #004080; }
.btn.bg-colorB2:hover { background-color: #226D9E; }
.btn.bg-colorBG:hover { background-color: #00877E; }
.btn.bg-colorG1:hover { background-color: #1B6D2B; }
.btn.bg-colorG2:hover { background-color: #2E913B; }
.btn.bg-colorGY:hover { background-color: #AEB31A; }
.btn.bg-colorY1:hover { background-color: #CCA500; }
.btn.bg-colorO1:hover { background-color: #C98D2F; }
.btn.bg-colorO2:hover { background-color: #C1481D; }
.btn.bg-colorR1:hover { background-color: #BB0016; }
.btn.bg-colorR2:hover { background-color: #BE1861; }
.btn.bg-colorP1:hover { background-color: #920E7C; }
.btn.bg-colorP2:hover { background-color: #6A2A5E; }
.btn.bg-colorPB:hover { background-color: #473F9A; }

.btn.bg-colorB1.disabled, .btn.bg-colorB1:disabled { border-color: #0050A0; }
.btn.bg-colorB2.disabled, .btn.bg-colorB2:disabled { border-color: #2A88C5; }
.btn.bg-colorBG.disabled, .btn.bg-colorBG:disabled { border-color: #00A99D; }
.btn.bg-colorG1.disabled, .btn.bg-colorG1:disabled { border-color: #228836; }
.btn.bg-colorG2.disabled, .btn.bg-colorG2:disabled { border-color: #39B54A; }
.btn.bg-colorGY.disabled, .btn.bg-colorGY:disabled { border-color: #D9E021; }
.btn.bg-colorY1.disabled, .btn.bg-colorY1:disabled { border-color: #FFCE00; }
.btn.bg-colorO1.disabled, .btn.bg-colorO1:disabled { border-color: #FBB03B; }
.btn.bg-colorO2.disabled, .btn.bg-colorO2:disabled { border-color: #F15A24; }
.btn.bg-colorR1.disabled, .btn.bg-colorR1:disabled { border-color: #EA001C; }
.btn.bg-colorR2.disabled, .btn.bg-colorR2:disabled { border-color: #ED1E79; }
.btn.bg-colorP1.disabled, .btn.bg-colorP1:disabled { border-color: #B7129B; }
.btn.bg-colorP2.disabled, .btn.bg-colorP2:disabled { border-color: #843576; }
.btn.bg-colorPB.disabled, .btn.bg-colorPB:disabled { border-color: #594EC0; }

.btn-link.colorR1:hover { color: #BB0016; }
.btn-link.colorR1.disabled, .btn-link.colorR1:disabled { color: #EA001C; }

.btn-link.colorO2:hover { color: #C1481D; }
.btn-link.colorO2.disabled, .btn-link.colorR1:disabled { color: #C1481D; }


.border-top-colorO2 { border-top: 1px solid #F15A24;}
.border-top-colorO2-50 { border-top: 1px solid #F8AC91;}
.border-top-colorO2-25 { border-top: 1px solid #FBD6C8;}
.border-bottom-colorO2 { border-bottom: 1px solid #F15A24;}
.border-bottom-colorO2-50 { border-bottom: 1px solid #F8AC91;}
.border-bottom-colorO2-25 { border-bottom: 1px solid #FBD6C8;}

.yureru-s {
  animation: yureru-s 2s infinite;
}
@keyframes yureru-s {
  0% {
      transform: translate(2px, 0px);
  }
  5% {
      transform: translate(-2px, 0px);
  }
  10% {
      transform: translate(2px, 0px);
  }
  15% {
      transform: translate(-2px, 0px);
  }
  20% {
      transform: translate(2px, 0px);
  }
  25% {
      transform: translate(-2px, 0px);
  }
  30% {
      transform: translate(0px, 0px);
  }
}

span.markerY {
  background: linear-gradient(transparent 40%, yellow 40%);
}

.w10 { width: 10px; }
.w100 { width: 100px; }
.w110 { width: 110px; }
.w120 { width: 120px; }
.w130 { width: 130px; }
.w140 { width: 140px; }
.w150 { width: 150px; }
.w160 { width: 160px; }
.w170 { width: 170px; }
.w180 { width: 180px; }
.w190 { width: 190px; }
.w200 { width: 200px; }
.w210 { width: 210px; }
.w220 { width: 220px; }
.w230 { width: 230px; }
.w240 { width: 240px; }


.fadein-animated {
  animation: fadeIn 3.0s cubic-bezier(0.33, 1, 0.68, 1) 1 forwards;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.dot-font {
  font-family: 'Press Start 2P', cursive;
}

.initial {
  cursor: default;
  font-size: 1.2em;
  line-height: 1.1em;
}
.initial strong {
  padding: 0 2px;
}

/* ******************************************************************
bootstrap4 上書き
****************************************************************** */
.invalid-feedback {
  color: #ED2F14;
}

.form-control::placeholder {
  color: #aaa;
}

.form-control:focus {
  border-color: #0050A0;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(10, 151, 157, 0.25);
}

textarea:focus {
  border-color: #0050A0;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(10, 151, 157, 0.25);
}


.nav-tabs {
  border-color: #0050A0;
}

.nav-tabs .nav-link.active {
  background-color: #E5EDF5;
  border-color: #0050A0;
  border-bottom: 1px solid #E5EDF5;
  color: #0050A0;
  font-weight: bold;
}

.nav-tabs .nav-link.active.no-bg {
  background-color: #fff;
  border-bottom: 1px solid #fff;
}

.nav-tabs .nav-link.active .badge {
  background-color: #0050A0;
}

.nav-tabs .nav-link:not(.active):hover {
  border-bottom: 1px solid #0050A0;
}

.form-check-input:checked {
  background-color: #0050A0;
  border-color: #0050A0;
}
/* ******************************************************************
header
****************************************************************** */
.nav-link, .nav-link2 {
  color: #859F94;
}

.nav-link:hover {
  color: rgba(133, 159, 148, .7);
}

.nav-link.active {
  color: #0050A0;
}

/* ******************************************************************
footer
****************************************************************** */

/* ******************************************************************
index
****************************************************************** */
#title img {
  max-width: 270px;
}
span#title img {
  max-width: 128px;
}

.destination {
  min-width: 360px;
  width: calc(48vw);
  height: 3.9em;
}

.destination.unsent {
  min-width: 100%;
  width: 100%;
  height: 6em;
}

textarea.input-target {
  border-color: #0050A0;
}

.loglist {
  font-weight: 0.6em;
  line-height: 1.2em;
}

/* ******************************************************************
admin
****************************************************************** */
#admin-bar {
  color: #fff;
  font-size: 0.8em;
}
#admin-bar a {
  color: #fff;
  text-decoration: none;
}

#admin-bar a.active {
  color: #FFCE00;
  border-bottom: 1px solid #FFCE00;
}


/* ******************************************************************
login
****************************************************************** */
.form-login {
  width: 100%;
  max-width: 330px;
  padding: 0;
  margin: auto;
}

.form-login img {
  width: 100%;
}

.form-login .form-control {
  position: relative;
  box-sizing: border-box;
  height: auto;
  padding: 10px;
  font-size: 16px;
}
.form-login .form-control:focus {
  z-index: 2;
}
.form-login #LoginID {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.form-login #LPW {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}


.toggle {
  position: relative;
}

.field {
  width: 100%;
  padding: 15px;
  border: 0;
  border: 1px solid #ced4da;
  font-size: 14px;
  margin-bottom: 10px
}
.toggle .field {
  padding-right: 40px;
}
.btn-eye {
  display: flex;
  align-items: center;
}
.toggle .btn-eye {
  position: absolute;
  right: 3px;
  top: 3px;
  padding: 5px 5px;
  border-radius: 5px;
  /* background-color: #eee; */
  /*border-radius: 20px; */
  color: #ccc;
}
.btn-input {
  position: absolute;
  opacity: 0;
}
.btn-label {
  font-size: 18px;
  z-index: 10;
  cursor: pointer;
}
.toggle .btn-label {
  width: 30px;
  text-align: center;
}

/* ******************************************************************
pagination
****************************************************************** */
.upf-pagination a {
  text-decoration: none;
  display: inline-block;
  padding: 4px 11px;
  margin: 0 3px;
  border: 1px solid #0050A0;
  color: #0050A0;
}
.upf-pagination a:hover {
  text-decoration: none;
  background: #7FA7CF;
  color: #fff;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.upf-pagination a.currentpage {
  background: #7FA7CF;
  color: #fff;
}