@charset "utf-8";
/* ------------------------------------------------------------ common */
#index-body { background: #fff; width: 700px; margin: 0 auto; padding: 50px; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; }
#index-body .notice { padding: 0 0 35px;   }
#index-body .notice h3 { font-size: 18px; padding: 0 0 10px; font-weight: bold;}
#index-body .notice p { font-size:14px; }
#index-body .notice p span { color: #ec0000; font-size: 12px;}
#index-body .notice div { border: 1px solid #f70404; padding: 10px; margin: 10px 0; color: #ec0000; }
#index-body .notice .red { color:#ec0000; padding: 10px 0 0 ;  }

#reserve-form  { padding: 30px; background: #eff5f8;}
#reserve-form h3 { font-size: 20px; font-weight: bold; }
#reserve-form table { font-size: 18px; text-align: left; }
#reserve-form th { width: 100px; font-weight: bold; padding: 20px 0;}
#reserve-form td select { padding: 5px; font-size: 14px;}

#today { text-align: center; padding: 0 0 40px;}
#today h3 { font-size: 20px; font-weight: bold; padding: 0 0 20px; }
#today p { display: inline-block; *display: inline; *zoom: 1; width: 210px; }
#today p a { display: inline-block; *display: inline; *zoom: 1;  width: 210px; background: #e5c215; text-align: center; font-size: 16px; padding: 10px 0; border-bottom: solid 4px #a28c1f; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color: #fff;}
#today p:first-child a {background: #33cccc;border-bottom: solid 4px #299090;}
#today p:nth-child(3) a { background: #8cd451 ; border-bottom: solid 4px #649e35;}
#today p:first-child, #today p:nth-child(2) { margin: 0 10px 0 0 ; }
/* ------------------------------------------------------------ mobile */
@media only screen and (max-width:640px){
/* ------------------------------------------------------------ common */



#index-body { width: 86%; padding: 5%; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; }
#index-body .notice h3 { font-size: 18px; padding: 10px 0 10px; font-weight: bold;}
#index-body .notice p { font-size:14px; }

#reserve-form  { padding: 5%; background: #eff5f8;}
#reserve-form h3 { font-size: 20px; font-weight: bold; margin-bottom: 10px;}
#reserve-form table { font-size: 18px; text-align: left; }
#reserve-form th { width: 30%; font-weight: bold; padding: 20px 0;}

#reserve-form td select { padding: 5px; font-size: 14px;}


#today p a { width: 100%; }
#today p { width: 100%; }
#today p:first-child, #today p:nth-child(2)  { margin: 0 0 10px 0 ; }

td#radio label {
    display: block;
}

}