/* common class */
.section-common {
    all:unset;
    background:#FB6D48!important;
    color: #ffffff!important;
    padding: 30px;
    margin: 20px 0;
}
.table-common {
}
.table-common th {
    background:#FB6D48!important;
    color: #ffffff!important;
    border: 1px #333333 solid;
}
.table-common tr{
    border: 1px #333333 solid;
}
.b-r {
    background: #ff0000;
}
.b-w {
    background: #ffffff;
}
.b-b {
    background: #000000;
}
.b-o {
    background: #FB6D48;
}
.t-r {
    color: #ff0000;
}
.t-w {
    color: #ffffff;
}
.t-b {
    color: #000000;
}
.t-o {
    color: #FB6D48;
}
.fs-0-5 {
    font-size: 0.5rem;
}
.fs-1 {
    font-size: 1rem;
}
.fs-1-5 {
    font-size: 1.5rem;
}
.fs-2 {
    font-size: 2rem;
}
.fs-2-5 {
    font-size: 2.5rem;
}
.ta-c {
    text-align: center;
}
.ta-l {
    text-align: left;
}
.ta-r {
    text-align: right;
}
@media (max-width: 1100px) {
    .fs-0-5 {
        font-size: 0.2rem;
    }
    .fs-1 {
        font-size: 0.5rem;
    }
    .fs-1-5 {
        font-size: 0.75rem;
    }
    .fs-2 {
        font-size: 1rem;
    }
    .fs-2-5 {
        font-size: 1.2rem;
    }
}
.mt-10 {
    margin-top: 10px;
}
.mt-20 {
    margin-top: 20px;
}
.mt-30 {
    margin-top: 30px;
}
.n-mt-10 {
    margin-top: -10px;
}
.n-mt-20 {
    margin-top: -20px;
}
.n-mt-30 {
    margin-top: -30px;
}
.mb-10 {
    margin-bottom: 10px;
}
.mb-20 {
    margin-bottom: 20px;
}
.mb-30 {
    margin-bottom: 30px;
}
.flex-box-row {
    display: flex;
    flex-direction: row;
}
.flex-box-col {
    display: flex;
    flex-direction: column;
}
.flex-box-responsive-r-to-c {
    display: flex;
    flex-direction: row;
}
.flex-box-responsive-c-to-r {
    display: flex;
    flex-direction: column;
}


@media (max-width: 1100px) {
    .flex-box-responsive-r-to-c {
        display: flex;
        flex-direction: column;
    }
    .flex-box-responsive-c-to-r {
        display: flex;
        flex-direction: row;
    }

}
@media (max-width: 768px) {
    .flex-box-responsive-r-to-c {
        display: flex;
        flex-direction: column;
    }
    .flex-box-responsive-c-to-r {
        display: flex;
        flex-direction: row;
    }
}

.row-center {
    justify-content: center;
}
.row-left {
    justify-content: left;
}
.row-right {
    justify-content: right;
}
.col-center {
    align-items: center;
}
.w-50 {
    width: 50%;
}
.w-100 {
    width: 100%;
}
.flex-xy-center {
    justify-content: center;
    align-items: center;
}
.opacity {
    background-color: rgba(0, 0, 0, 0.5);
}
.d-b {
    display: block;
}
.t-c {
    text-align: center;
}
.t-b {
    font-weight: bolder;
}
.txt-primary {
    color: #FB6D48;
}

/* sub-page common style */
.sub-wrapper {
    width: 100%;
    margin: 30px auto;
    padding: 20px 20px 50px 20px;
}
#sub-page-title {
    color: #ffffff!important;
    background:#FB6D48!important;
    /*
    background: url("/wp-content/uploads/2025/03/top_background-scaled.jpg");
    background-size: cover;
    background-position: top; */
}
#sub-page-title h1 {
    all: unset;
    font-size: 2rem!important;
}
#sub-page-title h2 {
    all: unset;
    font-size: 1.5rem!important;
    margin-top: -15px!important;
}
/* ▼ リンクボタン */
.links {
    margin-top: 20px;
    text-align: center;
}

.links a {
    display: inline-block;
    background-color: #000000;
    color: #fff;
    font-size: 2.5rem;
    font-weight: bold;
    padding: 10px 20px;
    border-radius: 15px;
    text-decoration: none;
    position: relative;
    transition: background-color 0.3s;
}
@media (max-width: 1000px) {
    #sub-page-title h1 {
        font-size: 3rem;
    }
    .champion-links a{
        font-size: 1rem;
    }
    #sub-page-title h2 {
        font-size: 1.5rem;
        margin-top: -15px;
    }
}

@media (max-width: 768px) {
    #sub-page-title h1 {
        font-size: 2rem;

    }
    .champion-links a{
        font-size: 0.8rem;
    }
    #sub-page-title h2 {
        font-size: 1rem;
        margin-top: -10px;
    }
}