﻿html:not([lang="zh"]) body {
    font-family: "Noto Sans JP",sans-serif;
}

html[lang="zh"] body {
    font-family: "Noto Sans SC",sans-serif;
}

/*.input-sm {
    font-size: 14px;
}*/

/*label {
    font-weight: 500 !important;
}*/


select.input-sm {
    padding: 0 10px;
}



html, body, form, .container-fluid {
    height: 100%;
}

/* Move down content because we have a fixed navbar that is 50px tall */
body {
    /*font-size: 14px;*/
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Set widths on the form inputs since otherwise they're 100% wide */
input,
button,
select,
textarea {
    max-width: 280px;
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
    }

    .body-content {
        padding: 0;
    }
}


/* 必須項目 */
.require-control {
    background-color: #FFFFE0;
}

/* hr */
div.hr {
    border-bottom-style: solid;
    border-bottom-width: thin;
    border-bottom-color: lightgray;
    margin-bottom: 15px;
}

/* 折り返し禁止 */
table.table th, table.table td {
    white-space: nowrap;
}

/* 縦のマージン無し */
.vertical-margin-less {
    margin-bottom: 0px;
    margin-top: 0px;
}

/* 横のマージン無し */
.horizontal-margin-less {
    margin-left: 0px;
    margin-right: 0px;
}

/* 縦のPadding無し */
.vertical-padding-less {
    padding-bottom: 0px;
    padding-top: 0px;
}

/* 横のPadding無し */
.horizontal-padding-less {
    padding-left: 0px;
    padding-right: 0px;
}

/* スクロール無し */
.not-scroll {
    overflow: hidden;
}
.not-scroll-x {
    overflow-x: hidden;
}
.not-scroll-y {
    overflow-y: hidden;
}

/* 非表示 */
.hidden {
    display: none;
}

/* 非表示(領域確保) */
.invisible {
    visibility: hidden;
}









@media screen and (min-width: 768px) {
    input.wide-form,
    select.wide-form,
    textarea.wide-form {
        max-width: 500px;
    }
}

/* 高さ最大(GridView表示対応) */
@media screen and (min-width: 768px) {
    .max-height {
        height: 100%;
    }
}
