@charset"utf-8";
body{font-family: sans-serif;}
.mainblock{width: 400px;
           margin: auto;
           border: solid  #663300;
           border-radius: 5%;}
#title{font-size: 12pt;
       border: none;
       padding: 10px;
       background-color: #666600;
       color: white;
       border-radius: 40%;
       text-align: center;
}

#navi{background-color: #669966	;
    color:white;
    margin: 15px;
    padding: 5px;
    text-align: center;}
.reservationcontent {
        margin: 5px; 
        color: white;
        display: block; 
        background: #663300;
        text-align: center;
 }
 .actionlist{list-style-type: none;
             padding: 0px;}
 .reservationcontent li{font-size: 30px;
                        border-bottom: solid;}
 .reservationcontent li a{
     display: block;
     padding:  10px 8px;
     color: white;
     text-decoration: none;
 }
 .reservationcontent li a:hover{text-decoration: underline;}
#currentDateTime{margin: 10px 20px 0px 10px;}
#reservationStatus{margin: 0 20px 10px 20px;}

.waiting_status{
    margin: 5px 20px 0px 20px;
}
#waiting_status_link{
    margin: -10px 0 0 0;
}
#waiting_totalnumber{
    margin: 0px 20px;
}

.news{margin: 0 5px;
}
#news{background-color: #666600;
        color: white;
        margin: 15px;
        padding: 5px;
  }
#red{color: red;
       font-weight: bold;}
.inquiry{margin: 15px;}
#inquiry{background-color: #666600;
    color: white;
    margin: 5px;
    padding: 5px;}
#tel{margin: 0 0 0 20px;}
#main_HP{
    margin: 0 0 10px 20px;
}
.privacy{border-bottom: solid 3px#666600;
         margin: 15px;}
#privacy{background-color: #666600;
    color: white;
    margin: 5px;
    padding: 5px;}
#privacy-content{padding: 0px 10px;}
.pageupdate{margin: 0 30px 10px 30px;
            text-align: center;}

.hootcontainer{background:#666600; 
            text-align: center;
            font-size: 12px;
            color: white;
            width: 400px;
            margin:auto;
        }



    @media screen and (max-width:768px){
        body {
        padding: 0;
        width:auto;
        }
        .mainblock{width: auto;
            margin: auto;
            border: solid  #663300;
}
        #title{
            padding: none;
     }
     #navi{
        margin: 5px;
}

        .hootcontainer{
            width: auto;
        }
    }