/* 上書き */
body{
  line-height: 1.0;
  margin: 10px;
}
main{
    margin-top: 60px;
    margin-left: 5px;
    margin-bottom: 250px;
}
/* a{
    color: #F21A50;
} */
/* .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active{
    color: #F21A50;
} */
canvas{
    margin-bottom: 10px;
}


/* 通常のボタン色 */
.btn-outline-primary,
.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
    color: #F21A50;
    /* background-color: #F21A50; */
    border-color: #F21A50;
}

/* focusされた時の枠線の色 */
.btn-outline-primary:focus,
.btn-outline-primary.focus,
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-primary.dropdown-toggle:focus {
    box-shadow: #F21A50;
}

/* hover時（マウスカーソルを重ねた時）の色（通常より濃いor暗めの色を指定）*/
.btn-outline-primary:hover {
    color: #fff;
    background-color: #F21A50;
    border-color: #F21A50;
}

/* active時の色（hover時と同等かさらに濃いor暗めの色を指定） */
.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.show>.btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #b6143c;
    border-color: #b6143c;
}




/* 通常のボタン色 */
.btn-primary,
.btn-primary.disabled,
.btn-primary:disabled {
    color: #fff;
    background-color: #F21A50;
    border-color: #F21A50;
}

/* focusされた時の枠線の色 */
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: #F21A50;
}

/* hover時（マウスカーソルを重ねた時）の色（通常より濃いor暗めの色を指定）*/
.btn-primary:hover {
    color: #fff;
    background-color: #b6143c;
    border-color: #b6143c;
}

/* active時の色（hover時と同等かさらに濃いor暗めの色を指定） */
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #b6143c;
    border-color: #b6143c;
}




/* .btn-outline-primary {
    background: #F21A50;
    color: #F21A50;
} */
/* .btn-outline-primary {
    color: #F21A50;
    border-color: #F21A50;
}
.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active,
.btn-outline-primary:active:focus,
.btn-outline-primary:active:hover,
.btn-outline-primary:active.focus,
.btn-outline-primary.active,
.btn-outline-primary.active:focus,
.btn-outline-primary.active:hover,
.btn-outline-primary.active.focus,
.btn-outline-primary.active.hover,
.open>.dropdown-toggle.btn-outline-primary,
.open>.dropdown-toggle.btn-outline-primary:hover,
.open>.dropdown-toggle.btn-outline-primary:focus,
.open>.dropdown-toggle.btn-outline-primary.focus,
.btn-outline-primary.disabled,
.btn-outline-primary[disabled],
.btn-outline-primary.disabled:hover,
.btn-outline-primary[disabled]:hover,
fieldset[disabled] .btn-outline-primary:hover,
.btn-outline-primary.disabled:focus,
.btn-outline-primary[disabled]:focus,
fieldset[disabled] .btn-outline-primary:focus,
.btn-outline-primary.disabled.focus,
.btn-outline-primary[disabled].focus,
fieldset[disabled] .btn-outline-primary.focus {
    color: #fff;
    border-color: #F21A50;
    background-color: #F21A50;
} */

#input-result-wrap{
    /* clear: left; */
    display: table;
    /* width: 100%; */
}
#input-wrap{
    display: table-cell;
    width: 600px;
}
#input-2{
    margin: 10px;
}
#chatgpt-edit{
    line-height: 150%;
}
#diagnostic-highlight {
    line-height: 150%;
}
.mini-header{
    /* font-size: small; */
    font-weight: bold;
    /* margin: 10px 0px 0px 10px; */
}
#result-wrap{
    /* display: table-cell; */
    width: 500px;
}
.chart{
    padding: 10px;
}
.input-group > .custom-select{
    width: 200px;
}
.input-group > .form-control{
    width: 200px;
}
.analysis-heading-1{
    font-size: large;
    font-weight: bold;
    margin: 10px 0px 0px 10px;
}
.modal-body{
    line-height: 20px;
}
.modal-body li {
    margin-bottom: 5px;
    line-height: 20px;
}
#input-textarea {
    min-height: 300px;
    line-height: 23px;
    border: 0.5px solid #929292;
}
#input-textarea:hover {
    border: 1px solid #575757;
}
#input-textarea:focus {
    border: 1px #f72f02;
}
/* 診断*/
.attr-long-sentence{
    /* text-decoration: underline solid red; */
    border-bottom: 2px red dotted
}
.attr-doubel-negation{
    color: red;
}
#config-sentence-length{
    width: 80px;
    margin-right: 10px;
}

/* 全体 */
table>tbody>tr>th {
    vertical-align: middle;
    width: 100px;
}
table>tbody>tr>td {
    padding-top: 5px;
    padding-bottom: 5px;
}
table{
    animation: fadein 1.5s ease-out forwards;
}
@keyframes fadein {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}
.td-diag-switch{
    width: 70px;
}
.diag-elem{
    width: 50px;
}
.hidden{
    display: none;
}
.display-table{
    display: table;
}
.highlight{
    background-color: gainsboro;
}
.marker{
    background-color: mistyrose;
}
.form-main .dropdown-menu.show{
    width: 455px;
    font-size: small;
}
.form-prior{
    /*background-color: lemonchiffon;*/
}
.bg-japl{
    background-color: #F21A50 !important;
}
.modal-dialog{
    max-width: 700px;
}
/* .modal.fade {
    transition-duration: 1s;
}
.modal.in {
    transition-duration: 1s;
} */

/* 個別 */
#all-wrap{
    /* display: table; */
    clear: left;
    /* margin: 20px; */
}
#basic-info-wrap{
    width: 1135px;
}
#hearing-wrap{
    display: table-cell;
    width: 700px;
    /* padding: 10px; */
}
#guide-wrap{
    display: table-cell;
    width: 500px;
}
#menu-wrap{
    display: table;
    border-collapse: separate;
    border-spacing: 4px 0;
    margin: 0 -4px
}
#general-menu{
    display: table-cell;
}
.menu-item{
    display: table-cell;
    vertical-align: top;
}
#select-sheet{
    /* vertical-align: top; */
}
#open-user-sheet{
    width: 150px;
}
/* #print-sheet, #open-sheet, #output-sheet-all{
    display: table-cell;
} */
.guide-label{
    font-weight: bold;
    /* font-size: larger; */
    margin-bottom: 10px;
}
.guide-item-wrap{
    margin-left: 10px;
    width: 400px;
    /* font-size: larger; */
    background-color: #EEEEEE9E;
    position: relative;
    padding: 10px 10px;
}
#hlp-wrap{
    /* display: table-cell; */
    width: 400px;
    padding: 0px 10px;
}
.hlp-item-wrap{
    padding: 10px 0px;
}
.guide-level0{
    width: 500px;
}
.hlp-level0{
    position: fixed;
}
#data-version{
    max-width: 50px;
}
#target-url{
    max-width: 200px;
}
/* #data-submissionid, #data-submissiontime, #data-lastmodifiedtime, #data-creator, #data-answerdate, #data-librarian, #data-classdate, #data-teacher{
    max-width: 100px;
} */
#data-classname{
    width: 90px;
}
.hearing-item{
    display: table;
}
.hearing-label{
    display: table-cell;
    width: 150px;
}
.hearing-variable{
    display: table-cell;
}
.hearing-variable-slot{
    width: 200px;
}
.hlp-item{
    display: table;
}
.hlp-label{
    display: table-cell;
    width: 150px;
}
.hlp-variable{
    display: table-cell;
}
.hlp-variable-slot{
    width: 200px;
}
.hlp-level1{
    padding: 5px 0px;
    border-bottom: dotted 1px gray;
}
.level-1{
    background-color: azure;
    padding-bottom: 10px;
    padding-left: 5px;
}
.level-2{
    /* padding-left: 13px; */
}
.level-3 .hearing-each-name{
    padding-left: 12px;
}
.hearing-each-name{
    display: table-cell;
    width: 250px;
    vertical-align: top;
    padding-top: 10px;
    font-weight: bold;
}
.form-wrap{
    display: table-cell;
    width: 470px;
}
.hearing-each-wrap{
    margin-bottom: 5px;
}
.guide-description{
    margin: 10px;
    padding: 10px;
    border: 2px solid black;
    border-radius: 5px;
    line-height: 20px;
}
.guide-example{
    margin: 10px 10px;
}
.example{
    margin-top: 5px;
}
.terminal{
    cursor: pointer;
}
#hearing-note{
    text-align: right;
}
.checkbox-wrap {
    margin: 3px 0px;
}
.each-example{
    margin-bottom: 10px;
}
.print-off {
  display: none;
}
.katsuyo-db{
    margin-left: 5px;
}
.example{
    line-height: 20px;
}
.hearing-item-option{
    padding-left: 10px;
}
.change-display-item{
    width: 220px;
}
.chart-wrap{
    margin-bottom: 5px;
}