html, body {
    /* font-family: -apple-system,BlinkMacSystemFont,Helvetica Neue,Segoe UI,Hiragino Kaku Gothic ProN,Hiragino Sans,ヒラギノ角ゴ ProN W3,Arial,メイリオ,Meiryo,sans-serif; */
    font-family: 'M PLUS Rounded 1c', sans-serif;
    font-size: 16px;
    line-height: 30px;
}

html, body, input[type=text], input[type=datetime-local], textarea, select {
    color: #444 !important;
}

a {
    color: #ec6a52;
}

a:hover {
    color: #cb422a;
}

.wb-keep-all {
    word-break: keep-all;
}

.base-container {
    padding: 30px 0;
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    max-width: 800px;
    text-align: left;
}

.text-mini {
    font-size: 13px;
    line-height: 20px;
}

.red {
    color: red;
}

.ellipsis {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.float-clear {
    clear: both;
}

input, textarea, button, select {
    border-radius: 10px !important;
    border-color: #ccc !important;
}
input[type=file] {
    border-radius: 0 !important;
}

.btn {
    border-radius: 100px !important;
    min-width: 120px;
    border-width: 0;
}

.btn-dark {
    background-color: #93aec1 !important;
    color: #fff !important;
}
.btn-light {
    background-color: #f3b7ad !important;
    color: #4c3931;
    color: #fff !important;
}
.btn-primary {
    background-color: #ec6a52 !important;
    color: #fff !important;
}
.btn-info {
    background-color: #526cec !important;
    color: #fff !important;
}
.btn-danger {
    background-color: #e53414 !important;
    color: #fff !important;
}
.btn-dark:hover, .btn-primary:hover, .btn-light:hover, .btn-danger:hover, .btn-info:hover {
    opacity: 0.8 !important;
}

/* #f8b042 #9dbdba */



.form-group {
    margin-top: 30px;
}

.form-group .label-text {
    font-size: 14px;
    font-weight: bold;
    color: #888;
}



.person-image {
    display: inline-block;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    object-fit: cover;    
    background-color: #f2f2f2;
}
.blog-top-image {
    display: inline-block;
    width: 100%;
    max-width: 300px;
    object-fit: cover;
    background-color: #f2f2f2;
}







/* ページネーションの色変更 */
.page-link {
    color: #ec6a52;
}
.page-link:hover {
    color: #ec6a52;
}
.page-item.active .page-link {
    color: #fff;
    background-color: #ec6a52;
    border-color: #ec6a52;
}