html {
    font-size: 16px;
}

body {
    font-family: "Hiragino Mincho ProN", "Yu Mincho", serif;
    padding: 5px 15px 15px 15px;
}
.ui-widget {
    font-size: 0.9rem;
}

/* タイトル */
h1.title {
    border-style: double;
    border-width: 6px 0;
    border-color: #4a4a4a;
    padding: 0.8rem 2rem;
    display:flex;
    justify-content:space-between;
    font-size: 2rem;
}
h1 .version {
    padding: 0.2rem 1rem;
    font-size: 1rem;
}
/* キャプション */
.caption {
    border-style: solid;
    border-width: 1px 0 0 14px;
    border-color: #1fb8a4;
    margin: 5px 0 1px 0;
    padding: 1px 0 0 4px;
}
.smallFont {
    font-size: 0.6rem;
}
/* ボタン */
.btn-simple {
    display: inline-block;
    margin: 3px 3px;
    border-style: none;
    border-radius: 3px;
    box-shadow: 0 0 2px 0px rgba(0, 0, 0, .5);
    background-color: #f6f6f6;
    padding: 0 8px;
    text-decoration: none;
    font-size: x-small;
    color: #000000;
    line-height: 1.6em;
    cursor: pointer;
    white-space: nowrap;
}
.btn-guidebook {
    display: inline-block;
    margin: 3px 3px;
    border-style: none;
    border-radius: 3px;
    box-shadow: 0 0 2px 0px rgba(0, 0, 0, .5);
    background-color: #f6f6f6;
    padding: 0 8px;
    text-decoration: none;
    font-size: x-small;
    color: #000000;
    line-height: 1.6em;
    cursor: pointer;
    white-space: nowrap;
}
/* トグルボタン<label><input type="checkbox"><span></span></label> */
.toggleSwitch>input[type="checkbox"] {
    display: none;
}
.toggleSwitch>input[type="checkbox"]+span:after {
    display: inline-block;
    margin: 0 3px 0 3px;
    border-style: solid;
    border-width: 1px 1px 1px 35px;
    border-color: #999999;
    border-radius: 0.4rem;
    height: 1rem;
    width: 50px;
    text-align: center;
    content: "いいえ";
    font-size: 0.8rem;
    color: #999999;
}
.toggleSwitch>input[type="checkbox"]:checked+span:after {
    border-width: 1px 35px 1px 1px;
    border-color: #1fb8a4;
    color: #1fb8a4;
    content: "はい";
}
/* 必須ラベル */
.input-required {
    font-size: 0.6rem;
    color: #a82424;
}
/* 日付入力 */
input.datepicker {
    width: 12em;
}
/* リスト形式 */
.listview {
    margin: 3px 0px 10px 0px;
    border-style: solid;
    border-width: 1px 0;
    border-color: gray;
}
.listview th {
    background-color: #f6f6f6;
    font-weight: normal;
    font-size: small;
    border-style: solid;
    border-width: 0 0 1px 0;
    border-color: gray;
    padding: 1px 4px;
}
.listview td {
    border-style: solid;
    border-width: 0 0 1px 0;
    border-color: gray;
    padding: 1px 4px;
}

/* フォーム形式 */
.formview th {
    background-color: #f6f6f6;
    font-weight: normal;
    font-size: small;
    text-align: right;
    padding: 1px 4px;
}
/* フッター */
#footer {
    margin: 15px 0 5px 0;
    background-color: #1fb8a4;
    color: white;
    text-align: center;
}