@charset "UTF-8";

body {
    font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
    font-weight: 500;
    color: rgb(64, 59, 59);
}

.container {
    width:100%;
    text-align:center;
}

.next-button {
    min-width: 90px;
}

.bar {
    background-color:#6FA8DC;
    text-align:center;
    padding:0.5em;
    color:#ffffff;
    font-size: 30px;
    font-weight: normal;
}

.sub-title {
    text-align:center;
    padding:0.5em;
    color:#6FA8DC;
    font-size: 40px;
    font-weight: normal;
}

.item-title {
    padding:0.5em;
    color:#0000CD;
    font-size: 20px;
    font-weight: normal;
}

.kana-accordion {
    text-align:left;
    padding:0.5em 0.5em 0.5em 2.5em;
    background-color:#6FA8DC;
    color:#ffffff;
    font-size: 20px;
    font-weight: normal;
    border-radius: 0.25rem;
    cursor: pointer;
    cursor: hand;
}

.breadcrumb-fukushi {
    border-color: #6FA8DC;
    background-color: #6FA8DC;
    color: #ffffff;
    font-weight: 500;
}

.breadcrumb-fukushi a {
    color: #ffffff;
}

.breadcrumb-fukushi a:hover {
    color: #ffffff;
}

.border-none tr, .border-none td {
    border: 0 none;
}

.text { display: inline-block; }

.border-fukushi {
    border-color:#6FA8DC;
}

.color-fukushi {
    border-color:#6FA8DC;
    background-color:#6FA8DC;
    color:#ffffff;
}

.table thead th.color-fukushi {
    border-color:#6FA8DC;
    background-color:#6FA8DC;
    color:#ffffff;
    font-weight: 500;
}

.btn-fukushi {
    color: #fff;
    background-color: #EA5632;
    border-color: #EA5632;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
}

.btn-fukushi:hover {
    color: #fff;
    background-color: #FA3E00;
    border-color: #FA3E00;
}

.note {
    text-align:left;
}

.login {
    padding: 20px;
}

.padding-10 { padding:10px }
.padding-20 { padding:20px }
.padding-right-10 { padding-right:10px; }
.padding-right-15 { padding-right:15px; }
.padding-right-20 { padding-right:20px; }
.padding-right-25 { padding-right:25px; }
.padding-right-60 { padding-right:60px; }

.margin-top-25 { margin-top: 25px; }
.margin-top-50 { margin-top: 50px; }
.margin-bottom-50 { margin-bottom: 50px; }

.margin-left-25 { margin-left: 25px; }

.height-25 { height: 50px; }
.height-50 { height: 50px; }
.height-70 { height: 70px; }

textarea.height-200 { height: 200px; }

.width-50  { width: 50px; }
.width-100 { width:100px; }
.width-150 { width:150px; }
.width-200 { width:200px; }
.width-400 { max-width:400px; }

.max-width-450 { max-width:450px; }
.max-width-500 { max-width:500px; }
.max-width-550 { max-width:550px; }
.max-width-600 { max-width:600px; }
.max-width-650 { max-width:650px; }
.max-width-700 { max-width:700px; }
.max-width-800 { max-width:800px; }

.width-100p { width:100%; }

.table tr, .table tr td {
    vertical-align:middle;
}

.error {
    text-align:left;
    color:#ff0000;
    margin-top:2px;
}

.table th, .table td {
    text-align:left;
}

.table-edit-layout td {
    padding:10px;
}

.alert-box {
    margin-top:10px;
}

.alt-sm {
    padding: .375rem .625rem;
}

textarea.setumon_text {
    height: 150px;
}

.decoration-checkbox {
    display: none;
}
.decoration-checkbox-icon {
    padding-left: 22px;
    position:relative;
    margin-right: 20px;
    color: #999999;
    cursor: pointer;
    cursor: hand;
}
.decoration-checkbox-icon::before {
    content: "";
    display: block;
    position: absolute;
    top: 2px;
    left: 0;
    width: 15px;
    height: 15px;
    border: 1px solid #999999;
    border-radius: 4px;
    cursor: pointer;
    cursor: hand;
}
.decoration-checkbox:checked + .decoration-checkbox-icon {
    color: #0069D9;
    cursor: pointer;
    cursor: hand;
}
.decoration-checkbox:checked + .decoration-checkbox-icon::after {
    content: "";
    display: block;
    position: absolute;
    top: 0px;
    left: 5px;
    width: 7px;
    height: 14px;
    transform: rotate(40deg);
    border-bottom: 3px solid #0069D9;
    border-right: 3px solid #0069D9;
    cursor: pointer;
    cursor: hand;
}
.decoration-checkbox-checked-color {
    color: #0069D9;
    background-color: #FFF5EF;
    cursor: pointer;
    cursor: hand;
}

.decoration-radio {
    display: none;
}
.decoration-radio-icon {
    padding-left: 22px;
    position:relative;
    margin-right: 20px;
    color: #999999;
    cursor: pointer;
    cursor: hand;
}
.decoration-radio-icon::before {
    content: "";
    display: block;
    position: absolute;
    top: 2px;
    left: 0;
    width: 15px;
    height: 15px;
    border: 1px solid #999999;
    border-radius: 4px;
    cursor: pointer;
    cursor: hand;
}
.decoration-radio:checked + .decoration-radio-icon {
    color: #0069D9;
    cursor: pointer;
    cursor: hand;
}
.decoration-radio:checked + .decoration-radio-icon::after {
    content: "";
    display: block;
    position: absolute;
    top: 0px;
    left: 5px;
    width: 7px;
    height: 14px;
    transform: rotate(40deg);
    border-bottom: 3px solid #0069D9;
    border-right: 3px solid #0069D9;
    cursor: pointer;
    cursor: hand;
}
.decoration-radio-checked-color {
    color: #0069D9;
    background-color: #E7F5DC;
    cursor: pointer;
    cursor: hand;
}