/**!
 * Cascading Style Sheet
 */
@charset "utf-8";

@import url("../../../dist/vendor/normalize/css/normalize.css");
@import url("../../../dist/vendor/normalize/css/normalize-override.css");


/* common */
.center { text-align: center; margin: 0 auto;}
.mAuto { margin: 0 auto;}
.mT5  { margin-top: 5px; }
.mT20 { margin-top: 20px; }
.mT50 { margin-top: 50px; }
.mW200 { min-width: 200px; }
.wW350 { min-width: 350px; }
.w75p { width: 75%; }
.word-break { word-break: break-all; white-space: normal; }
.overYScr { overflow-y: scroll; }
/* components */
.btn {
    display:inline-block;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    box-sizing:border-box;
    cursor:pointer;
    padding:5px 7px;
    border-width:.5px;
    border-radius:2px;
    font-size:14px;
    font-weight:700;
    line-height:1.4;
    text-decoration:none;
    border-color:rgba(0,0,0,.2);
    background-color:hsla(0,0%,100%,.9);
    color:#001935 !important;
}
.btn:focus { background-color:hsla(0,0%,100%,.8); }
.btn:active { background-color:hsla(0,0%,100%,.8); }
.btn-primary { border:.5px solid rgba(0,0,0,.2); background-color:#00b8ff; color:#fff }
.btn-primary:focus { border-color:rgba(0,0,0,.2); background-color:#00b1f5; color:hsla(0,0%,100%,.9) }
.btn-primary:active { border-color:rgba(0,0,0,.2); background-color:#00a9eb; color:hsla(0,0%,100%,.8) }

table tr td:first-child { text-align: center; }
table tr td:last-child { text-align: left; }

table { border: 1px solid transparent; border-collapse: separate; border-spacing: 15px; }
table td { border: 1px solid #fa6600; padding: 10px; padding-bottom: 26px; }

/* modules */
.identity { background-color:#001935; color:#fefefe; }
.l-header-container { margin-top:50px; }
.l-header {}
.l-header h1,h2,h3,h4,h5,h6 { color:#fff; text-align:center; }
.l-header h1 { font-size:2.5em; }
.l-content-container { margin-top:100px; }
.l-content {}
.l-content h1,h2,h3,h4,h5,h6 { color:#fff; text-align:center; }
.l-footer-container { margin-top:150px; }
.l-footer {}
.l-footer h1 { color:#fff; font-size:1em; text-align:center; }
.l-footer { color:#989da3; padding:15px 10px 20px 10px; }
.l-footer { text-align:center; }
.l-footer { width:calc(100% - 10%); margin:0 auto; }
.l-footer > p { margin-bottom:8px; font-size:0.8em; }

.radio-group {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  width: 100%;
}
.radio-group .css-radio {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.radio-group .css-radio input[type="radio"] {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  padding: 0;
  width: 1px;
  height: 1px;
  margin: -1px 0 0 -1px;
}
.radio-group .css-radio input[type="radio"]:checked + label {
  color: #fff;
  background: #000;
}
.radio-group .css-radio label {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 40px;
  font-size: 13px;
  text-align: center;
  line-height: 40px;
  border: 1px solid #000;
  background: #eee;
  color: #000;
}
.radio-group .css-radio + .css-radio label {
  border-left: 0 none;
}
.radio-group.type-b .css-radio:first-child {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.radio-group.type-b .css-radio:last-child {
  -webkit-box-flex: 2;
  -ms-flex: 2;
  flex: 2;
}
.radio-group + .radio-group label {
  border-top: 0 none;
}

/* id */
#id-search { font-size: 1.3rem; margin-left: 15px; width: 50%; }
