/* base.css */
#main_board{
    width:100%;
    padding:5px;
    position:relative;
}
#footer_menu img{
    width:130px;
}
#no_schedule{
    font-size:30px;
    text-align:center;
    padding:20px;
    border:double 5px olive;
}
.date_change{
    color:black;
}
#date_change{
    display:flex;
}
#date_change select{
    font-size:40px;
}
#date_change option{
    font-size:50px;
} 

#date_changeright{
    margin:10px;
}

#date_change select {
    width: 100%;
    padding: 12px 40px 12px 14px;
    font-size: 16px;
    font-weight: 500;
    color: #333;
    background-color: #fff;

    border: 2px solid #ddd;
    border-radius: 10px;

    outline: none;
    cursor: pointer;

    appearance: none;
    
    background-image:
        linear-gradient(45deg, transparent 50%, #666 50%),
        linear-gradient(135deg, #666 50%, transparent 50%);
    background-position:
        calc(100% - 18px) 50%,
        calc(100% - 12px) 50%;
    background-size:
        6px 6px,
        6px 6px;
    background-repeat: no-repeat;

    transition: 0.2s;
}


#attendance:hover {
    border-color: #999;
}

#attendance:focus {
    border-color: #555;
    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.08);
}

/* 公演リスト */
.playlist_title{
    font-size:25px;
}

/* top.css */
.list_table{
    width:100%;
    border-collapse:collapse;
}
.list_table a{
    display:block;
}
.list_table td {
    border-bottom:solid 2px lightgray;
    margin-top:10px;
}
.list_table td:nth-child(1){
    text-align:left;
}
.list_table td:nth-child(2){
    text-align:right;
}

/* play.css */
#plan_title{
    display:block;
}
#title{
    display:block;
    font-size:40px;
}

/* play.css */
.play_data{
    position:relative;
}
.join_button{
    position:absolute;
    top:10px;
    right:10px;
    font-size:25px;
}

/* schedule.css */
.notentry_title{
    background:linear-gradient(
    transparent 80%, 
    orange 80%);
}
.notentry_table{
    border-collapse:collapse;
}
.notentry_table td{
    padding:3px;
    margin:3px;
}
.notentry_table label {
    display: inline-block;
    padding: 5px 10px;
    border-radius: 5px;
    width:110px;
    cursor: pointer;
    color: #555;
    background-color: #eee;
    transition: 0.2s;
}

.notentry_table input[type="radio"] {
    display: none;
}

.notentry_table input[type="radio"]:checked + label {
    color: white;
    background-color: #007bff;
    font-weight: bold;
}