/** W3C **/

html {
    height: 100%;
    font-size: 14px;
}
body {
    font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
    color: #000;
    height: 100%;
    padding-top: 100px;
}
hr.blank {
    border: 0;
    overflow: hidden;
    margin: 0 0 2rem;
}
span.blank {
    margin-right: 1rem;
}
th {
    text-align: center;
}
h1 {
    border-bottom: 1px solid #000;
    font-size: 2rem;
}
h2 {
    font-size: 1.5rem;
}

/** Bootstrap **/
.form-inline .form-group {
    margin-bottom: 4px;
}
.form-inline input[type="file"] {
    display: inline-block !important;
}

.flash {
    position: absolute;
    z-index: 999;
    width: 100%;
    left: 0;
    top: 0;
    margin: 0;
    padding: 8px;
}
.flash span {
    color: #999;
    cursor: pointer;
}
.flash .inner {
    width: 100%;
    opacity: 0.95;
    box-shadow: 2px 2px 8px #999;
    background-color: #FFF;
    left: 0;
    padding: 16px 8px 12px;
    border: 1px solid #333;
    font-weight: bold;
}
.flash.text-success .inner {
    background-color: #f5feff;
    border-color: #3c763d;
}
.flash.text-danger .inner {
    background-color: #ffdfdf;
    border-color: #a94442;
}

.container {
    width: 100%;
}
.table thead th {
    background-color: #337ab7;
    color: #FFF;
    font-weight: normal;
}

/* leaflet */
.leaflet-container {
    font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
    font-size: 14px;
}

/* paginate */
.page_block {
    overflow: hidden;
    margin: 4px 0;
}
.page_block .count {
    padding: 6px 12px;
    display: inline-block;
}
.page_block .pagination {
    float: right;
    margin: 0;
}

/** Layout **/
.width_xs {
    width: 6rem !important;
}
.width_sm {
    width: 8rem !important;
}
.width_md {
    width: 10rem !important;
}
.width_lg {
    width: 12rem !important;
}
.width_xl {
    width: 14rem !important;
}
.width_xxl {
    width: 20rem !important;
}
.width_xxxl {
    width: 28rem !important;
}
.spacer {
    margin-bottom: 4px !important;
}
.slit {
    margin-right: 2rem;
}

.btn_block {
    margin: 24px 0;
}
.btn_block.right {
    text-align: right;
}
.table_clickable tbody tr {
    cursor: pointer;
}

/** Parts **/

/** Responsive **/
@media (max-width: 767px) {
.width_xs,
.width_sm,
.width_md,
.width_lg,
.width_xl,
.width_xxl,
.width_xxxl {
    width: 100% !important;
}
}