@charset "utf-8";

html{
  font-size: 100%;

}
body{
  line-height: 1.5;
}

a { color: #696969; }
a:hover { color: #a9a9a9; }
.bg-primary,
.border-primary { border-color: #00008b !important; }
.bg-maincolor { background-color: #f0f8ff !important; }
.bg-yl-color { background-color: #fffaf0 !important; }
.text-shadow { text-shadow: 1px 1px 3px #000; }
.font-patrick { font-family: 'Fredericka the Great', cursive; }

span.kaigyou {
   display: inline-block;
}

h1.midashi {
  font-size: 1.5em;
  font-weight: bold;
  margin-top: 0.5em;
  padding: 0.5em;
  background-color: #387cf4;
  color: #ffffff;
}
h2.midashi {
  font-size: 1.2em;
  font-weight: bold;
  padding: 0.5em;
  border: 3px solid #387cf4;
  color: #387cf4;
}
h3.midashi {
  font-size: 1.0em;
  font-weight: bold;
  padding: 0.5em;
  border-top: 3px solid #387cf4;
  border-bottom: 3px solid #387cf4;
  color: #387cf4;
}

.second_reserve{
  background-color: #0e812e !important;
}

div.danraku {
  width  : auto;
  padding:0.5em;
}

div.reserve_confirm{
  text-align: right;
}

table th{
  background-color: #cff9f6;
}

table.birthday_input td{
  padding:0px;
  border: 0px none;
}

.btn-primary:not(:disabled):not(.disabled).active{
  color: #191970;
  background-color: #AFEEEE;
  border-color: #191970;
  font-weight: bold;
}

table.info_input th{
  width:240px;
}
table.info_input td{
}

table.confirm th{
  width:240px;
}
table.confirm td{
}

table th.reserve_date{
  width:300px;
}

input:focus::-webkit-input-placeholder {
  color: transparent;
}
input:focus::-moz-placeholder {
  color: transparent;
}
input:focus::-ms-input-placeholder {
  color: transparent;
}
input:focus::placeholder {
	color: transparent;
}



div.v_center{
  line-height:2.4;
  vertical-align: middle;
}

span.msg_rb{
  color:red;
  font-weight: bold;
}

span.msg_rb_danger{
  font-size: 1.5em;
}

@media (max-width: 767.98px) {

}
@media (max-width: 575.98px) {
  html{
    font-size: 70%;
  }
  body{
    line-height: 1.0;
  }
  h1.midashi {

  }
  h2.midashi {

  }
  h3.midashi {

  }
  div.danraku {

  }

  .birthday_input td{
    display: block;
    width: 100%;
  }
  table.info_input th{
    padding:0.25em;
    width:90px;
  }
  table.info_input td{
    padding:0.25em;
  }
  table.confirm th{
    padding:0.25em;
    width:90px;
  }
  table.confirm td{
    padding:0.25em;
  }

  table th.reserve_date{
    width:auto;
  }


}

.ui-dialog-buttonset{
  width: 100%;
  display: flex;
  display: -webkit-flex;
  text-align: center;
  justify-content: space-around;
  -webkit-justify-content: space-around;
}