@charset "Shift_JIS";

/* ==== legacy BBS (sanko) ==== */
main.sanko {
    /* 横幅を広げつつ、モバイルは横スクロールで逃がす */
    max-width: 1200px;
    /* 画面を広げたい要望に合わせてデスクトップは広めに */
    margin: 0 auto;
    /*    padding: 0 12px; */
    overflow-x: auto;
    /* スマホでは横にスクロール可（横スクロール容認方針） */
}

/* スマホでの行間を少しタイトに */
@media (max-width: 600px) {
    .enter-form {
        width: 100%;
    }
}

main.sanko a:link {
    color: darkblue;
}

main.sanko a:visited {
    color: #603000;
}

main.sanko a:hover {
    color: #d38003;
}

/* 旧来HTMLの固定幅テーブルをそのまま見せつつ中心に寄せる */
main.sanko table {
    margin: 0 auto;
}

/* 画像：属性のwidth/heightよりもCSSを優先して、はみ出しを防止 */
main.sanko img {
    height: auto !important;
    max-width: 100% !important;
    /* 横幅を枠内に収める */
}

/* 文面の折返しを改善（長い日本語や英数字も崩れにくく） */
main.sanko td,
main.sanko th {
    word-break: break-word;
}

/* サムネイルの行間・余白が詰み過ぎないよう微調整 */
main.sanko td img {
    display: block;
}

/* ページャのリンク行などが詰み過ぎないように */
main.sanko a {
    text-decoration: none;
}

.enter-form {
    border-collapse: collapse;
    table-layout: fixed;
}

.enter-form th,
.enter-form td {
    padding: 5px 10px;
    text-align: left;
    width: auto;
}

.enter-form th {
    background-color: #FFFFFF;
}

.enter-form th:first-child,
.enter-form td:first-child {
    width: 60px;
    text-align: center;
}