/*
ThemeName:ASテーマ
*/
body{
    background: -moz-linear-gradient(top, #FFF, #fdfdf1);  
    background: -webkit-linear-gradient(top, #FFF, #fdfdf1);  
    background: linear-gradient(to bottom, #FFF, #fdfdf1);
}
html, body {
    height: 100%;
    margin: 0;
}

#content {
    background: -moz-linear-gradient(top, #FFF, #fdfdf1);  
    background: -webkit-linear-gradient(top, #FFF, #fdfdf1);  
    background: linear-gradient(to bottom, #FFF, #fdfdf1);
    padding-bottom: 30px; /* Footer height */
}

#footer {
    height: 30px;
    position: absolute;
    width: 100%;
    background: #d3ccbc;
    line-height: 30px;
}
.loginform {
    padding: 20px !important;
    background: #6da6e0;
    background: -moz-linear-gradient(top, #FFF, #fdfdf1);
    /* background: -webkit-linear-gradient(top, #FFF, #fdfdf1); */
    /* background: linear-gradient(to bottom, #FFF, #fdfdf1); */
    border-radius: 10px;
}
.btn-primary{
    background-color: #c4e0ff;
    border:none;
    color: #31559c;
    font-weight: bold;
    font-size: 0.8em;
}
.navbar {
    padding: 0.5rem 0rem;
}

.navbar-brand {
    margin-right: 1rem;
    font-size:1.5em;
}

.nav-item {
    margin-left: 0.5rem;
}

.navbar .navbar-nav {
    flex-direction: row;
}
#wpmem_login, #wpmem_reg{
    width: 100% !important;
}
.page-login p{
    line-height: 1em;
}
.tenjitop p{
    color:red;
}
.font-bold{
    font-weight: bold;
}
.under-line{
    text-decoration: underline;
}
.border-box{
    border: 1px solid #9f9f9f;
    border-radius: 5px;
    padding:20px;
}
.custom-navbar {
    background-color: #DFD29D; /* 背景色 */
}

.custom-navbar .nav-link {
    color: #333; /* 文字色 */
    margin: 0 30px 0 0;
    padding: 10px 0; /* 上下のパディング */
    transition: color 0.3s; /* ホバーアニメーションのデュレーション */
}

.custom-navbar .nav-link:hover {
    color: #555; /* ホバー時の文字色 */
}
.img100 img{
    width: 100%;
}
.card{
    border:none;
}
.aisatsu p{
    font-size:0.9em;
}
.aisatsu h2::before {
    content: "■";
    color: #E75119; 
    display: inline-block;
    margin-right: 8px; /* 四角とテキストの間のスペース */
}
.aisatsu h2{
    margin: 5px 0px 15px 0px;
    font-size: 1.75em;
}
.btn-theme{
    background: #e2d8a3;
    padding: 10px 30px;
    border-radius: 0px;
    font-weight: bold;
    color: #573f09;
}
.btn-theme:hover{
    background: #a59c6c;
    color: white;
}
.gold{
    display: inline-block;
    background:linear-gradient(45deg, #B67B03 0%, #DAAF08 45%, #FEE9A0 70%, #DAAF08 85%, #B67B03 90% 100%); 
    background: -webkit-linear-gradient(45deg, #B67B03 0%, #DAAF08 45%, #FEE9A0 70%, #DAAF08 85%, #B67B03 90% 100%); 
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.silver{
    display: inline-block;
    background:linear-gradient(45deg, #757575 0%, #9E9E9E 45%, #E8E8E8 70%, #9E9E9E 85%, #757575 90% 100%);
    background: -webkit-linear-gradient(45deg, #757575 0%, #9E9E9E 45%, #E8E8E8 70%, #9E9E9E 85%, #757575 90% 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.bronze{
    display: inline-block;
    background:linear-gradient(45deg, #a57e65 0%, #a57e65 45%, #f3cfb8 70%, #a57e65 85%, #a57e65 90% 100%);
    background: -webkit-linear-gradient(45deg, #a57e65 0%, #a57e65 45%, #f3cfb8 70%, #a57e65 85%, #a57e65 90% 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.kanto{
    display: inline-block;
    background:linear-gradient(90deg, rgba(65, 164, 253, 1), rgba(14, 244, 255, 1));
    background: -webkit-linear-gradient(90deg, rgba(65, 164, 253, 1), rgba(14, 244, 255, 1));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.category_tr {
    background: #CDC5B5;
}
.category_tr h2{
    font-size:1.25em;
    line-height: 1.25em;
    margin: 3px 0px;
}
.category_tr h2::before{
    content: "■";
    color: #E75119; 
    display: inline-block;
    margin-right: 8px; /* 四角とテキストの間のスペース */
}

.exhibitor_table > thead{
    text-align: center;
}
.exhibitor_table > tbody > tr > td:nth-child(2){
    width: 54%;
}
.e-thumb img{
    width: 100%;
    height: 144px;
    object-fit: cover;
    transition: opacity 0.3s;
}

.e-thumb p{
    line-height: 1.2em;
    margin-top: 10px;
}
.e-thumb a p {
    text-decoration: none;
}
.e-thumb a:hover{
    text-decoration: none;
}

.e-thumb a:hover img{
    opacity: 0.7; 
}
.ul-btn-group{
    padding-left: 0px;
}
ul.ul-btn-group {
    list-style-type: none; /* リストの点を非表示にする */
    padding: 0; /* パディングをリセット */
    margin: 0; /* マージンをリセット */
    /* display: flex; Flexboxを使用してアイテムを横に並べる */
}

ul.ul-btn-group li {
    display: inline-block; 
    margin-right: 10px; /* 右のマージンを10pxに設定 */
}

ul.ul-btn-group li:last-child {
    margin-right: 0; /* 最後のアイテムの右のマージンをリセット */
}
.btn {
    white-space: nowrap; /* ボタンのテキストを改行しない */
    overflow: hidden;    /* オーバーフローしたテキストを隠す */
    text-overflow: ellipsis; /* オーバーフローしたテキストを省略記号で表示 */
}

.ul-btn-group {
    width: 100%; /* 必要に応じて調整 */
    box-sizing: border-box; /* パディングとボーダーを幅に含める */
}
.btn-clear{
    box-shadow: 1px 1px 4px #DBDBD8;
    transition: 0.3s;
}
.btn-clear:hover{
    background:#3275b8;
    color:white;
}

.btn.focus, .btn:focus{
    box-shadow: none;    
}
.btn-active{
    background: #31559c;
    box-shadow: 1px 1px 4px #DBDBD8;
    color:white;
}

.prevbtns .btn-primary{
    font-size:1em;
}
.btn-disabled{
    background: rgb(200, 200, 200);
    box-shadow: 1px 1px 2px #9f9f9f;
}
div#sac-panel {
    float: right;
    width: 100% !important;
}
div#sac-latest-message{
    display: none;
}
div#sac-output {
    width: 100% !important;
}
.chat-card{
    background: white;
    border:1px solid #dddddd;
    border-radius:5px;
    padding:10px;
}
#chat-box{
    min-height: 300px;
    max-height: 301px;
    display: block;
    overflow-y: auto;
}
.margin-bottom > .qsm-button, .qsm-retake-quiz {
    display: none !important;
}
.qmn_pagination, .qsm_auto_pagination_enabled .qmn_pagination{
    border: none !important;
}
.navbar-brand{
    font-size: 2em;
    font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
}
.navtabs{
    padding-top: 1rem;
    padding-bottom: 1rem;
    font-size: 1.2em;
}
.qmn_radio_answers,.qmn_check_answers{
    padding-left: 20px;
}
.qmn_mc_answer_wrap{
    margin:0px !important; 
}
table > tbody > tr > td:nth-child(n+3){
    text-align: center;
}
table > tbody > tr > td > .pdfjs-fullscreen > .btn{
    padding: 6px 12px;
    border-radius:4px;
    background-color: #c4e0ff;
    border: none;
    color: #31559c;
    font-weight: bold;
    font-size: 0.8em;
}
table > tbody > tr > td > div > iframe{
    display: none;
}
.table-left td{
    text-align: left !important;
}
/* モバイルビューでのナビゲーションブランドのスタイル調整 */
.navbar-brand {
    overflow: hidden; /* はみ出た内容を非表示にする */
    text-overflow: ellipsis; /* はみ出たテキストを省略記号で表す */
    white-space: nowrap; /* テキストの折り返しを防ぐ */
}
.qmn_btn {
    background: #b5edf8 !important;
    border: none !important;
}
/* モバイルビューでのログアウトボタンのスタイル調整 */
@media (max-width: 992px) { /* mdブレークポイントでのカスタムスタイル */
    .nav-link.btn {
        padding: .5em .8em; /* パディングの調整 */
    }
}

/* ブランド名のフォントサイズを小さめのデバイスで小さくする */
@media (max-width: 576px) {
    .navbar-brand {
        font-size: 1.5rem; /* フォントサイズを小さくする */
    }
}

@media (max-width: 576px) { /* Bootstrapのsmブレークポイント */
    .nav-link {
        display: inline-block; /* 縦ではなく横に表示 */
        width: 50%; /* 幅を50%に設定して、2つのアイテムが同じ行に来るように */
    }
}
@media (max-width: 768px) { /* スマートフォンや小さめのタブレットのためのメディアクエリ */
    .mr-3{
        margin-right:2px !important;
    }
    .btn-theme-mobile-block {
        display: block; /* ブロックレベル要素として表示 */
        width: 100%; /* 親要素の全幅を使用 */
    }
    .btn-mobile-mt {
        margin-top: 1rem; /* Bootstrapのmt-3相当 */
    }
}