/*html {
    overflow: hidden;
}

body {
    height: 100vh;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}*/

/*各ボタン共通設定 https://pulpxstyle.com/fit-content/*/
input[type="submit"] {
    padding: 4px 0 4px;
    text-decoration: none;
    border: none;
    border-radius: 3px;
    font-weight: bold;
    height: 29px;
    font-size: 13px;
    width: fit-content;
}

input[type="submit"]:active {
    /*ボタンを押したとき*/
    -webkit-transform: translateY(4px);
    transform: translateY(4px); /*下に動く*/
    border-bottom: none; /*線を消す*/
    width: fit-content;
}

input[type="submit"]:disabled {
    /*ロック時*/
    background-color: rgb(0 0 0 / 0.5); /*ボタン色*/
    width: fit-content;
}

.btnCommon {
    background: rgb(30, 144, 255); /*ボタン色*/
    color: #FFF;
}

.btnInHeader {
    background: rgb(255, 69, 0); /*ボタン色*/
    color: #FFF;
}

/*親要素の縦横中心に配置する*/
.CenterMiddle {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
}

/*チェックボックスの大きさを大きめにする*/
/*input[type=checkbox] {
    transform: scale(2);
    margin: 0 0 0 0;
}*/
.ckbLarger input[type=checkbox] {
    transform: scale(1.5);
    margin: 0 0 0 0;
}

/*チェックボックスの活性/非活性切り替え*/
.bgEnable {
    text-align: center;
    background-color: lightyellow;
    border: solid;
    border-width: 3px;
}

.bgDisable {
    text-align: center;
    background-color: rgb(208,208,208);
    border: solid;
    border-width: 3px;
}

.bgCommon{
    background-color: rgb(30, 144, 255);
    color: white;
}

.pageTitle {
    font-size: 16px;
    font-weight: bolder;
    height: 36px;
}

td {
    vertical-align: middle;
}

.spanCommon {
    color: rgb(30, 144, 255);
    font-size: 14px;
    font-weight: bold;
}

select {
    height: 30px;
    width: 150px;
}

.selectNarrow{
    width:100px;
}

/*スイートアラートのボタンを大きめに表示*/
.swal2-actions {
    height: 60px;
    margin-top:10px;
}

/*スイートアラートの文字を大きめに表示*/
.swal2-popup {
    width: 450px;
    font-size: 15px;
}
.swal2-input {
    max-width: 450px;
}