@charset "utf-8";

@import url(common.css);
@import url(form.css);
@import url(popup.css);


/* main-visual */
.main-visual {
    margin-bottom:3rem;
}

.main-visual .inner img {
    width:100%;
    height:auto;
}
.main-visual .inner .mo-bg {
    display:none;
}
@media (max-width:950px){
    .main-visual .inner .mo-bg {
        display:block;
    }
    .main-visual .inner .pc-bg {
        display:none;
    }
}

/* sns-wrap */
.sns-wrap {
    margin-top:6rem;
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex-wrap:wrap;
    gap:2rem;
    border: solid 1px #e9e9e9;
    background-color: #f9f9f9;
    padding:2rem;
}
.sns-wrap .left {
    font-size:1.5rem;
    color:#666;
    font-weight:500;
}
.sns-wrap .left span {
    color:var(--ccolor);
    font-weight:600;
}
.sns-wrap .right {
    display:flex;
    align-items:center;
    gap:2rem;
}
.sns-wrap .right span {
    font-size:1.3rem;
    color:#000;
    font-weight:500;
    display:flex;
    align-items:center;
    gap:2rem;
}
.sns-wrap .right span::after {
    content:'';
    display:inline-block;
    width:1px;
    height:12px;
    border-left:solid 1px #d9d9d9;
}
.sns-wrap .right ul {
    display:flex;
    align-items:center;
    gap:2rem;
}
.sns-wrap .right ul li {
    display:inline-block;
}
.sns-wrap .right ul li a {

}
.sns-wrap .right ul li a img {
    height:2rem;
    width:auto;
}



/* tbl-list */
.tbl-list { overflow-x:auto; } 
.tbl-list::-webkit-scrollbar { height:0.6rem; } 
.tbl-list::-webkit-scrollbar-track { background:#fff; border-radius:100vw; } 
.tbl-list::-webkit-scrollbar-thumb { background:#aaa; border-radius:100vw; border:0.3rem solid #aaa; } 
.tbl-list { border-top:solid 1px var(--ccolor); } 
.tbl-list table { width:100%; } 
.tbl-list th,
.tbl-list td { height:4.8rem; padding:1rem 1rem; text-align:center; line-height:1.43; border:solid 1px #ddd; } 
.tbl-list th { font-size:1.5rem; color:#000; background:#f9f9f9; font-weight:500; white-space:nowrap; } 
.tbl-list td { font-size:1.4rem; color:#666;} 
.tbl-list td.sbj { text-align:left; color:#000;} 
.tbl-list td.sbj a {
    color:#000;
}
.tbl-list thead th {
    border-bottom:0;
}

/* no-data */
.tbl-list td.no-data {
    text-align:center;
    font-size:1.4rem;
    color:#757575;
    padding:2rem 0;
}

/* tbl-list-top */
.tbl-list-top {
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex-wrap:wrap;
    gap:2rem;
    margin-bottom:2rem;
}
.tbl-list-top .total {
    font-size:1.4rem;
    color:#757575;
}
.tbl-list-top .total strong {
    color:var(--ccolor);
    font-weight:600;
}

@media (max-width:580px){
    .tbl-list table colgroup {
        display:none;
    }
    .tbl-list table .num {
        width:7rem;
    }
    .tbl-list table .date {
        display:none;
    }
}





/* sign-btn-wrap */
.sign-btn-wrap {
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:2rem;
}
.sign-btn-wrap button {
    display:inline-block;
    padding:1.2rem 2rem;
    border:solid 2px #e60024;
    font-family: 'ROKG', sans-serif;
    color: #fff;
    font-size:1.8rem;
    font-weight:400;
    cursor:pointer;
    transition:all 0.3s ease-in-out;
    background:#e60024;
    &:hover {
        background-color: #e60024;
        color: #fff;
    }
}

@media (max-width:580px){
    .sign-btn-wrap button {
        font-size:1.6rem;
    }
}