body .rn div#dBWrapper div.free_input_items .syllabary-ja {
    font-family: 'Hiragino Kaku Gothic Pro', Meiryo, 'MS PGothic', sans-serif;
    border:1px solid black;
    padding:4px;
    width:318px;
}
body .rn div#dBWrapper div.free_input_items .list-syllabary-ja {
  display: flex;
  flex-flow: row wrap;
  writing-mode: tb-lr;
  -webkit-writing-mode: vertical-lr;
  writing-mode: vertical-lr;
  margin: 0 0 calc(1em - 4px);
  padding: 0;
  width: 316px;
  height: 150px;
  list-style: none;
  line-height: 1;
  font-size: 16px;
}
body .rn div#dBWrapper div.free_input_items .list-syllabary-ja li {
  margin: 0 0 4px 4px;
  padding: 0;
  width: 28px;
}
body .rn div#dBWrapper div.free_input_items .list-syllabary-ja li.next-kana-empty {
  margin-bottom: 34px;
}
body .rn div#dBWrapper div.free_input_items .list-syllabary-ja li:last-child {
  margin-left: 0;
}
body .rn div#dBWrapper div.free_input_items .list-syllabary-ja a,
body .rn div#dBWrapper div.free_input_items .input_item_clear {
  display: block;
  padding: 4px;
  border: 1px solid #b5b5b5;
  border-radius: 3px;
  background: linear-gradient(to bottom, #fff 60%, #efefef 100%);
  color: #333;
  text-decoration: none;
}
body .rn div#dBWrapper div.free_input_items .input_item_clear {
    display: inline-block;
}
body .rn div#dBWrapper div.free_input_items .list-syllabary-ja a:hover, .list-syllabary-ja a:focus {
  border-color: #C72020;
  background: linear-gradient(to bottom, #df3b3b 60%, #C72020 100%);
  color: #fff;
}

body .rn div#dBWrapper div.free_input_items .list-syllabary-ja a.item-value-empty {
    color : silver;
    opacity : 0.3;
    pointer-events : none;
}
.ui-datepicker-calendar .day-sunday > a,
.ui-datepicker-calendar .day-holiday > a {
    background: #ffc0c0;
}
.ui-datepicker-calendar .day-saturday > a {
    background: #c0d0ff;
}
.ui-datepicker-calendar .day-available > a {
    background: #cff;
}
button.ui-datepicker-current, button.ui-datepicker-close {
    display: none;
}
ul.legend {
    font-size: 80%;
    text-align: right;
}
ul.legend li {
    display: inline-block;
    list-style-type: none;
    font-weight: bold;
    padding: 4px 8px;
    border: 1px solid #ddd;
}

.available {
    background-color: #cff;
}
.few {
    background-color: #ffc;
}
.full {
    background-color: #fcf;
}
.finished {
    background-color: #eee;
}
.limit {
    background-color: #ccc;
}
span[title="土曜日"] {
    color: blue;
}
span[title="日曜日"] {
    color: red;
}

div.popupDialog {
    display:none;
    font-size: 1.4rem;
}
div.popupDialog table {
    width : 100%;
}
div.popupDialog table thead tr {
    height : 34px;
}
div.popupDialog table tbody tr {
    height : 26px;
}
div.popupDialog table td:nth-child(odd) {
/*    width : 40px;*/
    width: 15%;
}
div.popupDialog table td:nth-child(1) {
    width: auto;
}

div.popupDialog table td > b {
    border:2px solid black;
    padding:4px;
}
div.popupDialog table td a {
    font-size: 1.2rem;
    background-image: -moz-linear-gradient(top, #ffffff, #d7cfc9);
    background-image: -ms-linear-gradient(top, #ffffff, #d7cfc9);
    background-image: -o-linear-gradient(top, #ffffff, #d7cfc9);
    background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#d7cfc9));
    background-image: -webkit-linear-gradient(top, #ffffff, #d7cfc9);
    background-image: linear-gradient(top, #ffffff, #d7cfc9);
    color: #333;
    padding: 4px 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
    text-decoration: none;
}
div.popupDialog table td a:hover {
    opacity: 0.7;
    text-decoration: none;
    color: #333;
}
div.popupDialog table td a:visited {
    color: #333;
    text-decoration: none;
}
div.popupDialog table input[type="text"]{
    width: 90%;
}
body .rn div#dBWrapper input[name="free_input"][readonly] {
    pointer-events: none;
    max-width: 80%;
    background-color: #eee;
    border: 1px solid #ddd;
    margin: 5px 0;
}

div.popupDialog table tbody td:nth-child(2) {
    text-align: left;
    padding-left: 1rem;
    text-indent: -1em;
    padding-right: 1rem;
}

.ui-dialog-titlebar-close .ui-button-text{
    display: none;
}
.freeInput a.list-search {
    cursor: pointer;
    border: none;
}

.freeInput a.list-search:before {
    content: "";
    display: inline-block;
    background-image: url(../images/search.png);
    vertical-align: top;
    width: 20px;
    height: 23px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0px 3px;
}
.freeInput .list-search span{
    color: #2b2e38;
    background-color: #eee;
    padding: 2px;
    font-weight: bold;
}
body .rn div#dBWrapper .freeInput a.list-search:hover{
    text-decoration: none;
}
body .rn div#dBWrapper form .orderItem.freeInput .datepicker_text {
    max-width: 100px;
}
body .rn div#dBWrapper form .orderItem.freeInput dt em{
    font-style: italic;
} 
.ui-datepicker, .ui-datepicker tbody {
    font-size: 15px;
}
.ui-dialog .ui-dialog-title {
    font-size: 1.2rem;
}