/* ジャンボトロン */
.jumbotron {
    background-image:url(/assets/img/system/jumbotron.jpg) !important;
    background-size: 100%;
	background-repeat: no-repeat;
    background-position: center;
    height: 240px;
}
.jumbotron-text {
    font-family: cursive;
    padding-top: 6rem;
}

.table-hover tr:hover {
    cursor: pointer;
}

tr td img {
    width:60px;
}
/* form validated -------------------------------------------------------------------------------------------------------- */
/* 有効時の入力項目スタイル */
.form-control.is-valid, .was-validated .form-control:valid {
    border-color: var(--bs-border-color);
    /* padding-right: 0calc(1.5em + .75rem); */
    background-image: none;
}
/* radio, checkの有効時の文字色 */
.form-check-input.is-valid~.form-check-label, .was-validated .form-check-input:valid~.form-check-label{
    color: var(--bs-modal-color);
}
/* radio, checkの有効時の枠線色 */
.form-check-input.is-valid, .was-validated .form-check-input:valid{
    --bs-form-check-bg: var(--bs-body-bg);
    background-color: var(--bs-form-check-bg);
    border: var(--bs-border-width) solid var(--bs-border-color);
}
/* radio, checkの有効時の枠内背景色（選択時） */
.form-check-input.is-valid:checked, .was-validated .form-check-input:valid:checked {
    background-color: #0d6efd;
    border-color: #0d6efd;
}
/* 有効時の入力中スタイル */
.form-control.is-valid:focus, .was-validated .form-control:valid:focus {
    box-shadow: 0 0 0 0.25rem rgba(13,110,253,.25) !important;
}
/* 有効時の選択中スタイル */
.form-check-input:focus {
    box-shadow: 0 0 0 0.25rem rgba(13,110,253,.25) !important;
}
/* ラジオボタンのinvalidメッセージ表示用 */
div:has(input:invalid)~.invalid-feedback {
    display: block;
}

/* -------------------------------------------------------------------------------------------------------- */
/* リッチテキスト編集時 */
/* デフォルトの幅では狭いから上書き */
.ce-toolbar__content,
.ce-block__content{
    max-width: 90%;
}
h1.ce-header {
    margin-bottom: 2rem;
}
img.image-tool__image-picture{
    max-width: 80%;
    margin: 0 auto;
}
/** 保存ボタン上の無駄に広いpaddingを解消する */
.codex-editor__redactor{
    padding-bottom: 3rem !important;
}
.cs-pt{
    cursor: pointer;
}
/* -------------------------------------------------------------------------------------------------------- */
/* リッチテキストによる編集の参照ページ */
#ref{
    /* font-family: Meiryo,"BIZ UDPGothic"; */
    font-size: 1.2rem;
    line-height: 1.75;
    /* font-family: -apple-system,BlinkMacSystemFont,open-sans,source-han-sans-japanese,Helvetica Neue,Hiragino Sans,"\30D2\30E9\30AE\30CE\89D2\30B4   ProN W3",Hiragino Kaku Gothic ProN,Yu Gothic,YuGothic,Verdana,Meiryo,"M+ 1p",sans-serif; */
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    padding: 0 3rem;
}
#ref h1{
    margin-bottom: 2rem;
}
#ref .external-page-anchor{
    border: solid 1px #ccc;
    width: 100%;
    display: table;
}
#ref .external-page-anchor .link{
    display: table-cell;
    padding: 16px;
    vertical-align: middle;
}
#ref .external-page-anchor .image{
    display: table-cell;
    padding: 16px;
    vertical-align: middle;
    width: 40%;
    background-repeat: round;
}
#ref div input + label{
    margin-left: 0.3rem;
}
#ref pre.code{
    background-color: #eee;
    color: #111;
    padding: 1rem;
}
/* #ref pre.code::before{
    content: "Code";
    position: relative;
    top:-10px;
    left: -10px;
} */
#ref pre.html{
    background-color: #222;
    color: #ddd;
    padding: 1rem;
}
#ref ul{
    margin-top: 1rem;
    margin-left: 1rem;
}
#ref blockquote {
    font-style: italic;
    background: #f0f7ff; 
    padding: 1rem;
    width: 95%;
    margin: 1rem auto;
}
#ref blockquote p {
    margin: 1rem;
}
#ref blockquote cite {
    display: block;
    text-align: right;
    color: #888888;
    font-size: 1.1rem;
}
#ref figure{
    text-align: center;
}
#ref figure img{
    width: 70%;
}
#ref figcaption{
    font-size: 0.9rem;
}
/* -------------------------------------------------------------------------------------------------------- */
@media (max-width:576px) {
    input[name="search"] {
        margin-top: 10px
    }

    /* リッチテキストによる編集の参照ページ */
    #ref {
        /* font-family: Meiryo,"BIZ UDPGothic"; */
        font-size: 0.9rem;
        padding: 0rem;
    }
}