/* PC用css */
/* メインスペース */
/* ヘッダー */

#main_board{
    width:1000px;
    margin:0 auto;
    padding:1rem 2rem;
    position:relative;

}
#pc_flame{
    display:flex;
    background:#ed551b;
}

/* フッター */
footer{
    text-align:center;
    background-color:black;
    color:white;
    height:5rem;
    width:100vw;
    position: absolute;
    bottom: 0;
 
}
/* ボタンバリエーション */
button{
    font-size:30px;
    margin:5px;
    color:#ed551b;
    border:solid 2px #ed551b;
    background:white;
    box-shadow:
    0 1.9px 2.5px rgba(0, 0, 0, 0.057),
    0 5px 6.1px rgba(0, 0, 0, 0.076);
}
.base_black button{
    font-size:15px;
}
.pc_flex{
    display:flex;
}
/* 基本メニュー */
#pc_menu{
    display:hidden;
}
#pc_menu button{
    font-size:25px;
    display:block;
    border:none;
    box-shadow:none;
    color:black;
    width:200px;
    background:linear-gradient(
        transparent 90%,
        lightgray 90%
    );
}

#pc_menu button:hover{
    background:linear-gradient(
        transparent 70%,
        #ed551b 70%
    );    
    
}


/* ボタンの表示用テーブル */
.menu_table button{
    width:8em;
    hight:2em;
}

/* インフォメーション */
.info_table{
    background-color: silver;
    position:fixed;
    padding:1em;
    width:auto;
    transform: translate(calc(50vw - 50%),calc(30vh - 50%));
    border:outset 0.3em gray;
}

.middle_info{
    background-color:white;
    position:fixed;
    padding:1rem;
    width:auto;
    transform: translate(calc(50vw - 50%),calc(40vh - 50%));
    border:outset 0.3em #f0f8ff;
    border-radius:0.5em;
    font-size:2rem;
}

.confirm_button{
    text-align:right;
    margin:1em;
}


/* 見出し */
.heading{
    background:linear-gradient(
        transparent 50%,
        orange 60%,
        #ffd890 63%,
        darkorange);
    font:oblique 1.5rem "Sawarabi Gothic"; 
    margin-bottom:0;
    padding-bottom:0;
}

.subheading{
    background: linear-gradient(
        transparent 50%,
        skyblue 60%, 
        white 63%,
        #229aca);
    font:oblique 1.2rem "Sawarabi Gothic";

}


/* 公演リスト */
.pl_table{
    width:100%;
    border-collapse: collapse;
    border:2px solid #ed551b;
}
.pl_table td,th{
    border-collapse: collapse;
    border:2px solid #ed551b;
}
.pl_table td:nth-child(1){
    width:20em;
    padding:1em;
}
.pl_table td:nth-child(2){
    text-align:center;
    width:20em;
}
.pl_table td:nth-child(3){
    text-align:center;
    padding:1em;
}

/* カレンダー */
#calendar_sp{

}
#calendar_sp p{
    font-size:25px;
}
.calendar_table{
    font-size:30px;
    color:darkgray;
    text-align:center;
}
.calendar_table td{
    border:none;
    padding:10px;
}
.calendar_table td:nth-child(6){
    color:blue;
}
.calendar_table td:nth-child(7){
    color:red;
}
/* スケジュール表示 */
.schedule_board{
	filter:drop-shadow(1,1,1,black);
}

/* チケット情報 */

.ticket_div{
    text-align:center;
    border:double 4px red;
    margin:0 auto;
    padding:0 1em;
}
.accom{
    font-size:1.5em;
    font-weight:bold;
    margin:0;
}
.accom_count{
    font-size:2em;
    margin-top:0;
}
#reserve_detail{
    display:none;
}

.sa_count{
    font-size:2em;
}

/* カレンダー */
#total_schedule {
    width: 100%;
    display:flex;
}

#calendar_sp {
    order:2;
    position: sticky;
    height:500px;
    margin:10px;
    overflow-y: auto;
    background:white;
}

#schedulelist {
    order:1;
    width:600px;
    
}


#calendar_sp p{
    font-size:20px;
}
.calendar_table{
    max-width:600px;
    font-size:15px;
    color:darkgray;
}
.calendar_table td{
    border:none;
    padding:5px;
}
.calendar_table td:nth-child(6){
    color:blue;
}
.calendar_table td:nth-child(7){
    color:red;
}
.calendar_table a{
    display:block;
    width:100%;
    height:100%;
}
.date_line{
background:linear-gradient(
    transparent 80%,
    MediumSpringGreen 80%
    );
}