/*--------------------------------------------------
  予約状況
--------------------------------------------------*/
.post-type-archive-reservation  #main,
.single-reservation #main { width: auto; float: none; }

/* 一覧ページ */
.reservationList { overflow-x: auto; padding-bottom: 10px; margin-bottom: 10px; }
.reservationList::-webkit-scrollbar-button{ display: none; height: 10px; border-radius: 5px; background-color: #AAA; }
.reservationList::-webkit-scrollbar-button:hover{ background-color: #AAA; }
.reservationList::-webkit-scrollbar-thumb{ background-color: #ccc; border-radius: 5px; }
.reservationList::-webkit-scrollbar-thumb:hover{ background-color: #ddd; border-radius: 5px; }
.reservationList::-webkit-scrollbar-track{ background-color: #eee; border-radius: 5px; }
.reservationList::-webkit-scrollbar-track:hover{ background-color: #f3f3f3; border-radius: 5px; }
.reservationList::-webkit-scrollbar{ width: 10px; height: 10px; }
 
.reservationList dl { overflow: hidden; border-top: solid 1px #ccc; }
.reservationList dl dt,
.reservationList dl dd { border-right: solid 1px #ccc; border-bottom: solid 1px #ccc; padding: 3px 5px; text-align: center; float: left; width: 50px; height: 40px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
.reservationList dl.head dd { line-height: 1.4; font-size: 85.7%; background: #eee; }
.reservationList dl.head dd.sun { background: #fcc; }
.reservationList dl.head dd.holiday { background: #fcc; }
.reservationList dl.body { border-top: 0; }
.reservationList dl.body dt,
.reservationList dl.body dd { height: 50px; padding: 15px 5px; }
.reservationList dl.body dd.sun { background: #fee; }
.reservationList dl.body dd.holiday { background: #fee; }
.reservationList dl.body dd span.undecided { font-size: 85.7%; color: #999; }
.reservationList dl dt.listTitle { clear: both; white-space: nowrap; text-align: left; width: 100px; }
.reservationList dl.body dt.listTitle { margin: 0; }
.reservationList dl.body dt.listTitle .post-title { font-size: 100%; border: none; padding: 0; margin: 0; }

.reservationList dl { position: relative; }
.reservationList dl dt { position: fixed; background: #fff; border-left: solid 1px #ccc; }
.reservationList dl dd:nth-child(2) { margin-left: 100px; }

.reservation-archives .selectPage {}
.reservation-archives .selectPage button { background: #eee; color: #666; padding: 0 10px; margin-right: 5px; 
	border: solid 1px #ccc; line-height: 30px; outline: none; cursor: pointer;
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; 
    -webkit-transition: 0.2s linear;
       -moz-transition: 0.2s linear;
         -o-transition: 0.2s linear;
            transition: 0.2s linear;
}
.reservation-archives .selectPage button:hover { filter: alpha(opacity=50); -moz-opacity: 0.50; opacity: 0.50; }
.reservation-archives .selectNum { overflow: hidden; margin-bottom: 5px; }
.reservation-archives .selectNum .summary { float: left; width: 50%; margin-top: 5px; }
.reservation-archives .selectNum form { float: right; width: 50%; text-align: right; }
.reservation-archives .selectNum form select { background: #999; color: #fff; padding: 0 10px; min-width: 6em; height: 24px; border: none; 
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; 
}

/* 個別ページ */
.reservationSingle { margin: 0 150px; }
@media screen and (max-width: 991px){.reservationSingle { margin: 0 20px; }}
.reservationSingle .profile { overflow: hidden; }
.reservationSingle .profile img { float: left; margin: 0 20px 10px 0; }
.reservationSingle .profile .name small { font-size: 60%; color: #999; font-weight: normal; }
.cal-h2 h2{
	border-bottom: 0px none #fff;
	padding: 5px;
	line-height: 1.5em;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}
.cal-h2 h2:before{
	display: inline-block;
	margin-right: 0px;
	padding: 0;
	font-family: "";
	content: '';
	font-style: normal;
	font-weight: normal;
	color: #fff000;
	margin-left: 0px;
	font-weight: 300;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}
h1 small {
    font-size: 0.6em;
    color: #fff;
    font-weight: normal !important;
    border-radius: 2px !important;
    background-color: #B3B3B3;
	padding: 5px 10px;
	margin: 5px 0 0;
}
h1 small:hover{
	opacity: 0.7;
	-webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.reservationSingle .profile .course { font-size: 85.7%; margin-bottom: 10px; }
.reservationSingle .profile .introduction { margin: 0 0 30px 220px; }
.reservationSingle .profile h2 { 
	font-size: 18px;
	border-bottom: 1px solid #ccc;
	padding: 5px;
	line-height: 1.5em;
	margin-left: 0px;
	margin-right: 0px; }
.reservationSingle .profile h2:before{
	display: inline-block;
	margin-right: 0px;
	padding: 0;
	font-family: "";
	content: '';
	font-style: normal;
	font-weight: normal;
	color: #fff000;
	margin-left: 0px;
	font-weight: 900;
}

.reservationSingle table { width: 100%; }
.reservationSingle table caption { font-size: 150%; font-weight: bold; color: #999; padding: 5px 0; }
.reservationSingle table tr th { border: solid 1px #ccc; padding: 3px; background: #666; color: #fff; text-align: center; }
.reservationSingle table tr th.sun { background: #e66; }
.reservationSingle table tr td { border: solid 1px #ccc; padding: 3px 3px 15px 3px; text-align: center; line-height: 1.2; width: 14%; }
.reservationSingle table tr td.sun { background: #fee; }
.reservationSingle table tr td.holiday { background: #fee; }
.reservationSingle table tr td.today { background: #ffe; }
.reservationSingle table tr td span.day { display: block; text-align: left; color: #999; }
.reservationSingle table tr td span.off { font-size: 85.7%; color: #999; }
.reservationSingle table tr td span.undecided { font-size: 85.7%; color: #999; }
.reservationSingle .summary { margin: 3px 0 20px; text-align: right; }

.reservation-single .backToList { text-align: center; margin-bottom: 20px; }
.reservation-single .backToList a { display: inline-block; background: #999; color: #fff; padding: 0 10px; 
	font-size: 85.7%; line-height: 30px; font-weight: normal; 
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; 
}