/* サブページで、テンプレートで対応しきれないスタイルをこちらに記入します。ASのみ書き込み可能 */

/*全体の表示サイズ調整*/
main {
width: 100%;
max-width: 1280px;
margin: 0 auto;
}

@media (max-width:768px) {
.breadcrumb {
flex-wrap: wrap;
}
}

/*ルビのサイズ調整*/
main rt {
font-size:70%;
letter-spacing:-1px;
}

/*すごろく*/
.intro-txt img {
    width: 80%;
    display: block;
    margin: 0 auto;
    margin-top: 2em;
    object-fit: cover;
}

.intro-container ul {
list-style:disc;
}

.contents-wrap img {
    width: auto;
max-width:100%;
    margin: 0 auto;
    object-fit: cover;
}

.ta-c{
text-align:center;
}

.character-list {
    width: 100%;
}
.character-list img{
    height: auto;
    max-height: 200px;
}

.character-list table, .character-list tr{
border:0px solid #000;
border-collapse:collapse;
}

.character-list th {
border-bottom:1px solid #000;
border-collapse:collapse;
padding:0.25em;
text-align:center;
width:auto;
max-width:250px;
}

.character-list td {
border-bottom:1px solid #000;
border-collapse:collapse;
padding:0.25em 1em;
}


@media (max-width:768px) {
.character-list th {
width:100%;
display:block;
border-bottom:0;
}
.character-list td {
width:100%;
display:block;
}
}

.game-start-btn p{
    background: #3E62AD;
    box-shadow: 0 0.1em 0 #27428C;
    color: #fff;
    font-size: 1.6em;
    font-weight: bolder;
    line-height: 2.0;
    padding: 1.6% 3% 1.2%;
    text-align: center;
    margin: 0 auto;
    border-radius: 25px;
width:400px;
}
.game-start-btn {
    text-decoration: none;
}