@charset "UTF-8";
/*
==========================================================================
quest.css
==========================================================================
*/

.text-box{
    margin: 1rem 0.5rem;
    padding: 0.5rem;
    border: solid 3px #000;
    border-radius: 0.5rem;
    background-color: #fff;
    color: #000;
    font-size: 1rem;
}
.w100{
    min-width: 100px;
}
.h250{
    min-height: 250px;
}

.h200{
    min-height: 200px;
}

.modal-content {
    height: auto!important;
    min-height: 100%;
}

.ans_btn.r {
    color: #f00;
}
ul{
    margin-top: 1rem;
    padding-left: 1rem;
}
.bgc_r{
    background-color: #f00;
    color: #fff;
}
.bgc_suc{
    background-color: #00a63c;
    color: #fff;
}
.bgc_sec{
    background-color: #cccccc;
    color: #000;
}
.scroll-container {
    height: 200px; /* スクロール領域の高さ */
    position: relative; /* 子要素のabsolute配置基準に */
}
.scroll-box {
    overflow: hidden; /* スクロールバーを非表示にする */
    border: 1px solid #ccc;
    padding: 10px;
}

.scroll-container p {
    margin: 0; /* 段落のマージンをリセット */
    white-space: pre-wrap; /* 改行を有効にする */
    position: absolute; /* 親要素のtop/bottomで位置調整 */
    width: calc(100% - 20px); /* 親要素のpadding分を引く */
/*    user-select: none;*/
/*    -moz-user-select: none;*/
/*    -webkit-user-select: none;*/
/*    -ms-user-select: none;*/
/*    -webkit-user-select:none; pointer-events:none; -webkit-touch-callout:none;*/
}
.modal .modal-body img.on{
    background-color: #00a63c;
    opacity: 0.6;
    padding: 0.2rem 0.5rem;
    border-radius: 0.5rem;
}
.modal .modal-body img.off{
    background-color: #f00;
    opacity: 0.6;
    padding: 0.2rem 0.5rem;
    border-radius: 0.5rem;
}
.modal-fullscreen .modal-body{
    overflow-y: inherit;
}
/* 注意モーダル */
/*----------------------------------------- */
.modal-dialog-centered {
    min-height: calc(100% - 3.5rem);
}
.modal-dialog-centered .caution .modal-body{
    padding: clamp(1rem, -2rem + 12.8vw, 2rem);
    border: solid 10px #fff000;
    border-radius: 0.5rem;
}
.modal-dialog-centered .caution .modal-body p{
    text-align: left;
    display: inline-block;
    font-size: clamp(0.9rem, 0.6rem + 1.28vw, 1rem);
}