@charset "utf-8";
#tabcontent8{
    position: relative;
}
    #inputArea{             /* スタンプ用カレンダー全体 */
        position: absolute;
        left: 20px;
        top: 5px;
        max-width: 650px;
        margin: 0 auto;
        color: #666;
    }
        #gachaCount{        /* ガチャ数のカウントエリア */
            position: relative;
            top: 30px;
            left: 20px;
        }
            #gacha{             /* ガチャシンボル画像 */
                height: 20px;
                width: 20px;
            }
            #gcount{            /* ガチャ数 */
                font-size: 15px;
            }
            .calc{
                visibility: block;
            }
            #gachaCount input{ display: block;}
            #payGacha{          /* 払出ガチャ数 */
                position: relative;
                top: -20px;
                left: 480px;
                text-align: right;
            }
            .PayTitle{          /* 払出のタイトル */
                position: absolute;
                top: 5px;
                left: 380px;
            }
        .SaveLoad{          /* スタンプGetの保存・読出 */
            position: absolute;
            z-index: 10;
            cursor: pointer;             /* マウスポインタの形状を「指(指し示す形)」にする */
            top: 0px;
        }
            #Load{
                left: 50px;
            }
        #header {
            position: relative;
            text-align: center;
            font-size: 24px;
            width: 100%;
            margin: 1rem 0 0;
        }
        #next-prev-button { /* カレンダー前進後退 ボタン　*/
            position: relative;
            top: -50px;
            width: 550px;
            height: 15px;
        }
            #next-prev-button button{
                cursor: pointer;
                background: #B78D4A;
                color: #fff;
                border: 1px solid #B78D4A;
                border-radius: 4px;
                font-size: 1rem;
                padding: 0.5rem 2rem;
                margin:1.5rem 0;
            }
            #next-prev-button button:hover{
                background-color: #D4BB92;
                border-color: #D4BB92;
            }
            #prev {
                float: left;
            }
            #next {
                float: right;
            }
        .calendar {         /* カレンダー表示 */
            position: absolute;
            text-align: center;
            width: 100%;
        }
        #tblcalen{
            background-color: #d4f8085d;
        }
            th {
                color: #000;
            }
            th, td {
                outline: 1px solid #ddd;
                padding-top: 4px;
                padding-bottom: 4px;
                text-align: center;
                width: 100px;
            }            
            td:first-child ,#sun{   /* 日曜日 */
                color: red;
            }            
            td:last-child ,#sat{    /* 土曜日 */
                color: blue;
            }            
            td.disabled {           /* 前後月の日付 */
                color: #ccc;
            }            
            td.today {              /* 本日 */
                background-color: #D65E72;
                color: #fff;
            }
            td:first-child,
            td.holiday{
                color: red;
            }
            #holidayN{
                font-size: 8pt;
            }
    .stampTable{            /* スタンプ選択テーブル */
        position: absolute;
        top: -20px;
        left: 600px;    
    }
        .stanpTitle{                /* スタンプテーブルタイトル */
            position: relative;
            top: 20px;
            color: red;
            text-align: center;
            font-size: 24px;
        }
        #StampList{                 /* スタンプリスト選択欄 */
            position: absolute;
            /* z-index: 999; */
            top: 50px;
        }
            /* #StampList option:hover {
            background-color: #CCFFFF; 
            cursor: pointer;
            } */
        #stampArea{
            position: relative;
            top: 10px;
            max-width: 850px;
            line-height: 12px;
        }
            .stampImage{
                width: 50px;
                height: 50px;
            }
            .charName{
                color: red;
                font-size: 12px;
            }
            .charBirth{
                font-size: 12px;
            }
            .tbl1 td:first-child ,.tbl1 td:last-child,
            .table_0 td:first-child ,.table_0 td:last-child{
                color: rgb(0, 0, 0);
            }
            table.tbl1 td:hover {
            background-color: #CCFFFF;    /* マウスオーバー時のセルの背景色 */
            cursor: pointer;             /* マウスポインタの形状を「指(指し示す形)」にする */
            }
            table.calendar tr:hover {
            background-color: #FFCC99;    /* マウスオーバー時の行の背景色 */
            }
            table.calendar td:hover {
            background-color: #CCFFFF;    /* マウスオーバー時のセルの背景色 */
            cursor: pointer;             /* マウスポインタの形状を「指(指し示す形)」にする */
            }
            .tbl1{
                position: relative;
                color: rgb(0, 0, 0);
                background-color: #f8e0083f;
            }
/* #chartd{
    color: blue;
} */