/* CSS Document */

/****************************************************
 * 予約受付共通スタイル
 ****************************************************/

/* アイコン画像 */
.calender_icon p,
.t_calender td,
.facilitySelect_calender td {
	background-repeat: no-repeat;
}


.calender_icon p.enable,
/* Update Start 2019/08/02[UI0069] 汎用予約機能追加対応(GC0004指摘対応) */
/*.facilitySelect_calender td.enable { */
.t_calender td.enable {
/* Update End   2019/08/02[UI0069] 汎用予約機能追加対応(GC0004指摘対応) */
	background-image: url("../../commonShare/image/icon_maru.png");
}
.calender_icon p.disable,
/* Update Start 2019/08/02[UI0069] 汎用予約機能追加対応(GC0004指摘対応) */
/*.facilitySelect_calender td.disable {*/
.t_calender td.disable {
/* Update End   2019/08/02[UI0069] 汎用予約機能追加対応(GC0004指摘対応) */
	background-image: url("../../commonShare/image/icon_batsu.png");
}
.calender_icon p.none,
/* Update Start 2019/08/02[UI0069] 汎用予約機能追加対応(GC0004指摘対応) */
/*.facilitySelect_calender td.none {*/
.t_calender td.none {
/* Update End   2019/08/02[UI0069] 汎用予約機能追加対応(GC0004指摘対応) */
	background-image: url("../../commonShare/image/icon_line.png");
}
.calender_icon p.selected,
/* Update Start 2019/08/02[UI0069] 汎用予約機能追加対応(GC0004指摘対応) */
/*.facilitySelect_calender td.selected {*/
.t_calender td.selected {
/* Update End   2019/08/02[UI0069] 汎用予約機能追加対応(GC0004指摘対応) */
	background-image: url("../../commonShare/image/icon_check.png");
}

/****************************************************
 * 予約受付カレンダー説明欄
 ****************************************************/

/* アイコンサイズ */
.calender_icon .enable,
.calender_icon .disable,
.calender_icon .none,
.calender_icon .selected {
	background-size: 12px;
}

/* レイアウト調整 */
table.calender_descript {
	table-layout: fixed;
	margin-top: 10px;
}
table.calender_descript td {
	font-size: 1.0em;
	text-align: center;
}
.calender_icon {
	font-weight: bold;
}
.calender_icon p {
	display: inline-block;
	background-position: center left;
	padding-left: 12px;
	margin-right: 10px;
}
.calender_descript th {
	width: auto;
}
th.calender_descript_left {
	width: 25%;
	box-sizing: border-box;
}
/* Add Start 2019/08/02[UI0069] 汎用予約機能追加対応(GC0004指摘対応) */
/* 凡例の文字折り返し制御 */
.text_block {
    display: inline-block;
}
/* Add End   2019/08/02[UI0069] 汎用予約機能追加対応(GC0004指摘対応) */
/****************************************************
 * 予約受付カレンダー
 ****************************************************/
.facility_note {
	text-align: center;
	font-weight: bold;
	margin-bottom: 4px;
}
/* Add Start 2019/08/02[UI0069] 汎用予約機能追加対応(GC0004指摘対応) */
.content_input {
	text-align: center;
}
.t_calender div {
    display: block;
    overflow-x: scroll;
}
/* Add End   2019/08/02[UI0069] 汎用予約機能追加対応(GC0004指摘対応) */

/* 施設選択アイコンサイズ */
.facilitySelect_calender td.enable,
.facilitySelect_calender td.disable,
.facilitySelect_calender td.none,
.facilitySelect_calender td.selected {
	background-size: 20px;
}

/* 時間選択アイコンサイズ（○は大きめ） */
.reserve_time td.enable {
	background-size: 30px;
}
.reserve_time td.disable,
.reserve_time td.none,
.reserve_time td.selected {
	background-size: 26px;
}

/* カレンダー内入力部品を非表示 */
/* Delete 2019/08/06 [UI0007] 汎用予約機能追加対応(GC0004指摘対応)
.t_calender td input {
	display: none;
}
*/
/* Add Start 2019/08/06 [UI0007] 汎用予約機能追加対応(GC0004指摘対応) */
.t_calender td input[type="checkbox"] {
	transform: scale(0);
}
.reserve_time td.focus {
	background-color: #ffe099;
}
/* Add End   2019/08/06 [UI0007] 汎用予約機能追加対応(GC0004指摘対応) */

/* レイアウト調整 */
.facilitySelect_calender table {
    width: 100%;
}

.facilitySelect_calender th {
    text-align: center;
    margin: 0px;
}

.facilitySelect_calender td img {
    padding: 0px;
    margin: 0px;
    width: 18px;
}
.facilitySelect_calender td {
    text-align: center;
    padding: 2px;
    margin: 0px;
}
td.facilitySelect_info {
    word-wrap: break-word;
}
.t_calender {
    margin-top: 10px;
}
.t_calender td {
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
/* Delete Start 2019/08/02[UI0069] 汎用予約機能追加対応(GC0004指摘対応)
.t_calender_left {
    float: left;
    width: 189px;
} */
/* Delete End   2019/08/02[UI0069] 汎用予約機能追加対応(GC0004指摘対応) */

.calender_header th {
    text-align: center;
    word-break: keep-all;
/*    width: auto;*/ /* Delete  2019/08/02[UI0069] 汎用予約機能追加対応(GC0004指摘対応) */
}
tr.date th {
    width: 34px;
    word-break: keep-all;
    padding: 5px 0px;
}
/* Delete Start 2019/08/02[UI0069] 汎用予約機能追加対応(GC0004指摘対応)
.t_calender_right {
    float: right;
    word-break: keep-all;
    overflow-x: auto;
    width: 561px;
} */
/* Delete End   2019/08/02[UI0069] 汎用予約機能追加対応(GC0004指摘対応) */
.t_calender_bottom {
    clear: both;
}
.t_calender_right table {
    table-layout: fixed;
    border-collapse: collapse;
}
.t_calender_right th {
    text-align: center;
    box-sizing: border-box;
    width: 80px;
}
.t_calender td,
.facilitySelect_calender td {
    background-position: center;
}
.t_calender_right table {
    border-width: 1px 0px 0px 0px;
}
.t_calender_right tr,
.t_calender_right th,
.t_calender_right td {
/* Update Start 2019/08/02[UI0069] 汎用予約機能追加対応(GC0004指摘対応) */
/*    border-width: 1px 1px 1px 0px;*/
    border-width: 1px 1px 1px 1px;
/* Update End   2019/08/02[UI0069] 汎用予約機能追加対応(GC0004指摘対応) */
}
.t_calender_right_header1 {
    height: 32px;
    box-sizing: border-box;
}
.t_calender_right_header1 th {
    padding: 0px 5px;
}
.t_calender_right_header2 {
    padding: 0px 5px;
    height: 14px;
    box-sizing: border-box;
}
.t_calender_left_header,
.t_calender_row {
    height: 46px;
    box-sizing: border-box;
}
.calender_pager {
    display: flex;
    justify-content: space-between;
    align-items: center;

}
/* Add Start 2021/01/14 [UI0027] UI刷新対応 */
.calender_pager ul {
    list-style: none;
}
.calender_pager_left {
    text-align: left;
}
.calender_pager_right {
    text-align: right;
}
.calender_pager li:not(:first-child) {
    margin-top: 5px;
}
/* Add End   2021/01/14 [UI0027] UI刷新対応 */
.no_vacancy_color{
	color: #B20000;
}
.reserve_color {
	color: #0000FF;
}

.c-box--save__padding {
  padding: 3rem;
  margin-top: 2.125rem;
  margin-bottom: 3rem;
}

.main--icon {
  display: inline-block !important;
  vertical-align: middle;
}

.main--span {
  margin: 0 .5rem 0 0;
}

.time--cell--tri {
  background-color: #DFE1E2;
}

.div_overflow {
	overflow-x:auto;
	width:100%;
}

.table-overflow--layout{
	table-layout:fixed;
}

.table-th--width {
	width:12.5rem ! important;
}

.table-td--width {
    width:6.5rem ! important;
}

.table--padding {
	padding: 20px 5px ! important;
}

.checkbox_hide {
	transform:scale(0);
}

.time--table.time--th.enable {
    background: url(../../common/img/yoyaku_icon_ok.svg) no-repeat 50% center/cover;
/* Update Start 2021/04/06[UN0023] バグ1848対応*/
    /* background-size: 20px; */
    background-size: 20px 20px;
/* Update End   2021/04/06[UN0023] バグ1848対応*/
    cursor: pointer;
}
.time--table.time--th.selected {
    background: url(../../common/img/yoyaku_icon_check.svg) no-repeat 50% center/cover;
/* Update Start 2021/04/06[UN0023] バグ1848対応*/
    /* background-size: 20px; */
    background-size: 20px 20px;
/* Update End   2021/04/06[UN0023] バグ1848対応*/
    cursor: pointer;
}

.time--table.time--th.none {
    background: url(../../common/img/yoyaku_icon_no.svg) no-repeat 50% center/cover;
/* Update Start 2021/04/06[UN0023] バグ1848対応*/
    /* background-size: 20px; */
    background-size: 20px 20px;
/* Update End   2021/04/06[UN0023] バグ1848対応*/
    background-color: #DFE1E2 !important;
}
.time--table.time--th.disable {
    background: url(../../common/img/yoyaku_icon_ng.svg) no-repeat 50% center/cover;
/* Update Start 2021/04/06[UN0023] バグ1848対応*/
    /* background-size: 20px; */
    background-size: 20px 20px;
/* Update End   2021/04/06[UN0023] バグ1848対応*/
}

.time--table--nowrap {
	white-space: nowrap;
}

@media only screen and (max-width: 960px) {
	.c-box--check__list {
	   margin-bottom: 0px;
	}
	.time-button {
    border: 1px solid #575757;
    background: #DFE1E2;
    height: 40px;
    border-radius: 5px;
    font-size: 0.875rem;
}

.c-btn-pop-width {
    width:180px;
}

.detail-pop-div {
    border: 1px solid #575757;
    height: 60%;
    background: #fff;
}

.overlay-contents {
    width: 80%;
}

.overlay-close {
  position: fixed;
  top: 110%;
  left: 50%;
  z-index: 10;
  transition: .2s ease-in-out;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.checkbox-parts--size {
    padding-left: 25px;
}

.checkbox-parts--size::before {
    width: 20px;
    height: 20px;
}

.checkbox-input--size:checked ~ .checkbox-parts--size::after {
    left: 6px;
    width: 9px;
    height: 14px;
}

.table-th--width {
    width: 60px ! important;
}

.time--th--align {
    text-align:left ! important;
    vertical-align: top ! important;
}

.th--border-rightnone{
    border-right:0px ! important;
}

.th--border-topnone{
    border-top:0px ! important;
}

.th--border-bottomnone{
    border-bottom:0px ! important;
}

.th--border-leftnone{
    border-left:0px ! important;
}

.time--table--border--bottomnone {
    border-bottom:0px ! important;
}
.time--table.time--th {
    width:auto ! important; 
  }
}


.td-min--height{
    height: 30px !important;
}

.t_calender_row {
    height: auto;
}

/* Add Start 2023/08/25 予約時間枠の細分化対応　*/
@media only screen and (max-width: 960px) {
    .t_calender_row {
        height: 7.5px;
        box-sizing: border-box;
    }
}
/* Add End   2023/08/25 予約時間枠の細分化対応　*/