@charset "UTF-8";
/* custom css */

.specialContents {
    position: relative;
    text-align: center;
    background: #333;
    margin: -50px auto 50px;
    padding: 30px 10px 10px;
    /*padding: 50px 20px 40px;*/
    color: #fff;
    font-size: 15px;
}
.specialContents p.bnr {
    margin-bottom: 25px;
    display: block;
    border: none;
}

.celebrationNewsList {
    display: inline-block;
    margin-top: 20px;
    border-top: 1px dotted #aaa;
}
.celebrationNewsList li {
    text-align: left;
    border-bottom: 1px dotted #aaa;
}
.celebrationNewsList a {
    display: block;
    margin-inline: auto;
    padding: 10px 20px; 
}
.celebrationNewsList a * {
    display: inline-block;
}
.celebrationNewsList i{
    font-style: normal;
    margin-right: 1em;
}
    
@media (max-width:768px){
    .specialContents{
        font-size: 12px;
        padding: 20px 10px 10px;
        margin: -40px 0px 10px;
        /*padding: 30px 20px;*/
        /*margin-top: -30px;*/
    }
    .specialContents p.bnr {
        margin-bottom: 15px;
    }
    .celebrationNewsList a{
        padding-inline: 0;
    }
    .celebrationNewsList a * {
        display: block;
    }
    .celebrationNewsList i{
        margin-bottom: 3px;
        font-size: 12px;
    }
}

/* フランチャイジー ----------------------------------- */
/* Table */
.table-container {
    font-size: 0.85em;
    width: 100%;
    overflow-x: auto;
    margin: 20px 0;
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}
.excel-table {
    width: 100%;
    /*min-width: 500px;*/ /* スマホで潰れすぎないように */
    border-collapse: collapse;
    background-color: #fff;
}
/* ヘッダー */
.excel-table th {
    background-color: #333;
    color: #fff;
    border: 1px solid #ddd;
    padding: 2px;
    text-align: center;
}
/* 各セル */
.excel-table td {
    border: 1px solid #ddd;
    padding: 5px;
    text-align: center;
    letter-spacing: 0.05em;
}
.excel-table td span {
    font-size: 0.75em;
}
.text-left {
    text-align: left !important;
}
/* 1行おきに背景色をつけて読みやすくする */
.excel-table tbody tr:nth-child(even) {
    background-color: #f9f9f9;
}
.notes{
    font-size: 0.85em;
}
@media (max-width:480px){
    .table-container {
        font-size: 0.75em;
        margin-bottom: 10px;
        letter-spacing: -0.05em;
        line-height: normal;
    }
}