@charset "utf-8";

* {
	margin: 0;
	padding: 0;
}

.enjoy_calendar_table
{
	border-top : none;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
	border-left : none;
    border-spacing: 0;
	
	table-layout:fixed;
	/* border-collapse:collapse;にすると
	   スクロールした際
	   thにborderが付かなくなる
	 */
	border-collapse:separate;
	width: 100% !important;
}

.enjoy_calendar_table td
{
    border-top: 1px solid #ddd !important;
	border-bottom: none !important;
    border-left: 1px solid #ddd !important;
	border-right: none !important;
}

.enjoy_calendar_table thead th.left-top-header
{
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 1;
	background-color:white;
	width : 21%;

    border-top: 1px solid #ddd !important;
	border-bottom: 1px solid #ddd !important;
    border-left: 1px solid #ddd !important;
	border-right: none !important;
}

.enjoy_calendar_table thead th.article-name
{
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 1;
	background-color:white;

    border-top: 1px solid #ddd !important;
	border-bottom: none !important;
    border-left: 1px solid #ddd !important;
	border-right: none !important;
}

.enjoy_calendar_table thead th.timetable-time
{
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 1;
	background-color:white;
	
    border-top: 1px solid #ddd !important;
	border-bottom: 1px solid #ddd !important;
    border-left: 1px solid #ddd !important;
	border-right: none !important;
}

.enjoy_calendar_table tbody th
{
    border-top: 1px solid #ddd !important;
	border-bottom: none !important;
    border-left: 1px solid #ddd !important;
	border-right: none !important;
}

/* 月間予約カレンダー、複合カレンダー、時間割カレンダー、リストカレンダー、ミックスカレンダー、月リストカレンダー */
.list-monthly-calendar,
.mix-calendar,
.list-calendar,
.timetbale-calendar,
.multiple-calendar,
.monthly-calendar {
	clear: both;
	font-family: sans-serif;
	margin-bottom: 1.5rem;
}

.list-calendar h3,
.timetable-calendar h3,
.multiple-calendar h3,
.monthly-calendar h3 {
	font-size: 1.1rem;
	margin: 0.5rem 0;
}

.list-monthly-calendar table,
.mix-calendar table,
.timetable-calendar table,
.multiple-calendar table,
.monthly-calendar table {
	width: 98%;
}

.calendar-caption {
	font-size: 1.2rem;
	text-align: center;
}

.mix-calendar th, .mix-calendar td,
.timetable-calendar th, .timetable-calendar td,
.multiple-calendar th, .multiple-calendar td,
.monthly-calendar th, .monthly-calendar td {
	text-align: center;
	width: 14%;
}

.mix-calendar th,
.timetable-calendar th,
.multiple-calendar th,
.monthly-calendar th {
	font-size: 1.1rem;
	font-weight: bold;
}

.list-calendar table {
	width: auto;
}

.list-monthly-calendar th, .list-monthly-calendar td,
.list-calendar th, .list-calendar td {
	border: 1px solid #dddddd;
	text-align: center;
}

.list-monthly-calendar th,
.list-calendar th {
	font-size: 1.1em;
	padding: 0.6em 1em;
}

.list-monthly-calendar td,
.list-calendar td {
	text-align: center;
	font-size: 1.1em;
	padding: 0.6em;
}

.list-header.sun,
.mix-calendar .header-row .sun,
/* .list-box.sun, */
.week-title.sun,
.day-box.sun .day-number {
	color: #ff6347;
}

.list-header.sat,
.mix-calendar .header-row .sat,
/* .list-box.sat, */
.week-title.sat,
.day-box.sat .day-number {
	color: #4169e1;
}

.list-header.holiday,
.list-box.holiday,
.day-box.holiday .day-number {
	color: #ff6347;
}

caption.holiday, caption.sun {
	color: #ff6347;
}

caption.sat {
	color: #4169e1;
}

.mix-calendar td,
.multiple-calendar td,
.monthly-calendar td {
	padding: 6px 0;
}

.day-box.no-day {
	background-color: #f0f0f0;
}

.day-box.today {
	background-color: #ffffe0;
}

.monthly-prev-next {
	font-size: 1rem;
	width: 98%;
}

.monthly-prev {
	float: left;
}

.monthly-next {
	float: right;
}

.calendar-time-mark,
.calendar-mark {
	color: #888888;
	font-family: serif;
	font-size: 1.4rem;
}

.calendar-mark .article-name {
	font-family: sans-serif;
}

.calendar-time-disable {
	color: #888888;
	font-size: 1.4rem;
}

.calendar-time-mark {
	line-height: 1.5rem;
}

.calendar-time-mark .time-string {
	font-size: 0.8rem;
}

.calendar-mark .article-name {
	font-size: 0.8rem;
}

/* ウィジェットのミックスカレンダー */
.mix-widget-calendar table {
	margin: 1em;
	width: 90%;
}

.mix-widget-calendar .monthly-prev-next {
	margin: 1em;
	width: 90%;
}

.mix-widget-calendar caption {
	text-align: center;
}

.mix-widget-calendar th, .mix-widget-calendar td {
	border-bottom: 1px solid #dddddd;
	padding-bottom: 0.2em;
	text-align: center;
	width: 14%;
}

.mix-widget-calendar .day-number {
	margin: 0.5em 0 0.2em;
}

.mix-widget-calendar .header-row .sun {
	color: #ff6347;
}

.mix-widget-calendar .header-row .sat {
	color: #4169e1;
}

.mix-widget-calendar .schedule-note {
	font-size: 0.5em;
}

/* 指定日予約状況表示 */
.day-calendar {
	font-family: sans-serif;
	margin-bottom: 1.5rem;
}

.day-calendar h3 {
	font-size: 1.1rem;
	margin: 10px 0;
}

.day-calendar table {
	border: none;
	border-collapse: separate;
	border-spacing: 1px 5px;
	width: 80%;
}

.day-calendar th,
.day-calendar td {
	font-size: 1rem;
	text-align: center;
	padding: 0;
	vertical-align: middle;
	width: 50%;
}

th.day-left {
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	border: 1px solid #dddddd;
	line-height: 2.5rem;
}

th.day-right {
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border: 1px solid #dddddd;
}

td.day-right {
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border: 1px solid #dddddd;
	font-size: 1.5rem;
}

a.booking-timelink {
	display: block;
}

/* ミックスカレンダーデイリー */
.day-mix-calendar {
	font-family: sans-serif;
	margin-bottom: 1.5rem;
}

.day-mix-calendar table {

	width: 98%;
}

.day-mix-calendar .article-name {
	width: 20%;
}

.day-mix-calendar .schedule-note {
	width: 15%;
}

.day-mix-calendar th, .day-mix-calendar td {
	border: 1px solid #dddddd;
	font-size: 1rem;
	text-align: center;
/*	padding: 0; */
	vertical-align: middle;
}

.mix-dayrow.space-line {
	border-left-style: none;
	border-right-style: none;
	border-top-style: none;
	height: 1rem;
}



/* 時間割選択 */
.esbsb-timetable-form {
	margin: 1em 0;
}

.timetable-select {
	margin-right: 0.5em;
	font-size: 1.2em;
	padding: 2px;
	vertical-align: middle;
}

.select-timetable input {
	padding: 0.1em 0.5em;
	font-size: 0.9em;
}

/* 予約フォーム */
.content-form {
	margin-bottom: 1rem;
}

.content-form .form-message {
	background-color: #ffffe0;
	border: 1px solid #e6db55;
	margin-bottom: 1rem;
	padding: 0.5rem;
	width: 99%;
}

.content-form .form-message.error {
	background-color: #ffebe8;
	border: 1px solid #f08080;
}

.content-form fieldset {
	border: 1px solid #dddddd;
	padding: 10px 0 0 10px;
	margin: 0 0 1.5rem 0;
	width: 98%;
}

.content-form legend {
	font-size: 1.1rem;
	font-weight: bold;
	padding: 0 5px;
}

.content-form table {
	border: none;
	border-collapse: separate;
	border-spacing: 5px;
	margin: 0 0 5px 0;
	width: 99%;
}

.content-form th,
.content-form td {
	border-top: none;
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	border-left: none;
	padding: 2px;
	vertical-align: middle;
}

.content-form input:disabled {
	background-color: #f6f7f7;
}

.content-form th {
	font-size: 1rem;
	line-height: 2rem;
	padding-right: 10px;
	text-align: right;
	vertical-align: top;
	width: 30%;
}

.content-form .reservation-caution {
	font-size:10px;
	line-height:1rem !important;
	padding: 3px;
	text-align: left;
	border: 1px solid #3a82c1;
}

.content-form td {
	font-size: 0.9rem;
}

.content-form input {
	padding: 3px;
	margin-bottom: 3px;
	font-size: 1rem;
}

.content-form textarea {
	padding: 3px;
	margin-bottom: 3px;
	font-size: 1rem;
	resize: vertical;
	min-height: 100px;
}

.content-form .remarks {
	width: 100%;
}

.content-form button {
	padding: 3px 7px;
}

.responsive_table_calendar input[type=checkbox] {
	width: 17px;
	height: 17px;
	margin-right: 3px;
	position: relative;
  	top: 1px;
}

.responsive_table_calendar label {
	display: flex;
	align-items: center;
}

.responsive_table_calendar .check_disabled{
	background-color: #999999;
}

.responsive_table_calendar .check_checked_disabled{
	background-color: #4394D0;
}

.responsive_table_calendar .check_checked_disabled label,
.responsive_table_calendar .check_disabled label{
	color: #FFFFFF;
}

.responsive_table_calendar .reservation-caution p {
	padding-left: 0.5rem;
}

.responsive_table .content-radio{
	margin-left: 3px;
}

.responsive_table .content-radio input[type=radio]{
	margin-top: -4px;
    margin-right: 4px;
	border-radius: 50%;
    line-height: .71428571;
	border: 1px solid #8c8f94;
    background: #fff;
    color: #50575e;
    clear: none;
    cursor: pointer;
    display: inline-block;
    height: 1rem;
    margin: -.2rem 0 0 0;
    outline: 0;
    padding: 0 !important;
    text-align: center;
    vertical-align: middle;
    width: 1rem;
    min-width: 1rem;
    -webkit-appearance: none;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    transition: .05s border-color ease-in-out;
}

.responsive_table .content-radio input[type=radio]:checked::before{
	content: "";
    border-radius: 50%;
    width: .5rem;
    height: .5rem;
    margin: .1875rem;
    background-color: #3582c4;
    line-height: 1.14285714;
    display: inline-block;
    vertical-align: middle;
}

.responsive_table .content-radio input[type=radio]:disabled {
    background-color: #f6f7f7;
	opacity: .7;
}

.responsive_table .option-confirm-label {
	font-size: 0.8rem;
}

.caution-content-format span {
	display: inline-block;
}

.caution-content-p {
	border-top: 1px solid #3a82c1;
	padding-top: 3px;
}

#client-adult,
.content-text.small {
	width: 3rem;
}

.content-text.small-medium {
	width: 25%;
}

.content-text.medium {
	width: 48%;
}

.content-text.fat {
	width: 95%;
}

.input-number {
	float: left;
	margin-right: 1rem;
	text-align: center;
}

input.right {
	text-align: right;
}

.content-form .error-message {
	clear: both;
	color: red;
}

.content-form .required {
	color: red;
}

.content-form .unit-price {
	clear: both;
}

.content-form .caution-font {
	font-size: 12px;
}

/* 案内表示時間 */
.content-form .event_guide_time_start,.event_guide_time_end
{
	display: inline-block;
}

/* 設営・撤収 */
/* .content-form .setting_article, */
.setting_set
{
	display: inline-block;
}

/* 予約フォーム料金表 */
.bill-details td {
	padding-right: 0.5rem;
}

.bill-details td.bill-number {
	text-align: center;
}

.bill-details td.bill-unit,
.bill-details td.bill-cost {
	text-align: right;
}

.bill-total, .bill-tax {
	padding-right: 1.5rem;
	text-align: right;
}

/* 予約フォーム　同意書　送信ボタン */
#accedence-box,
#button-message {
	margin: 1rem 0;
}

#action-button {
	position: relative;
	text-align: center;
}

#action-button button {
    color: #fff;
    text-decoration: none;
    text-shadow: none;
	margin-right: 1.5rem;
	margin-left: 1.5rem;
}

.es-btn {
	width:200px;
    background: #FFFFFF;
    text-align: center;
    padding: 10px 15px !important;
    text-decoration: none;
	border-radius: 2px;
    transition: .4s;
    font-weight: 700;
	font-family: inherit;
    font-size: 100%;
}

.button-primary:hover {
    background: #4394D0;
    color: white !important;
}
.button-primary {
    color: #4394D0 !important;
    border: solid 1px #4394D0;
}

.button-gray:hover {
    background: #999999;
    color: white !important;
}
.button-gray {
    color: #999999 !important;
    border: solid 1px #555555;
}

/* パスワード項目 */
.btn-passvisible:hover {
	background: white !important;
}

.btn-passvisible {
	width: 35px;
	border: 1px solid #CCC;
	background: #f6f7f7 !important;
}

.btn-passvisible .pic-hide {
	display: none;
}

.content-text.pass-medium {
	width: 48%;
}

#action-button-cover {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 50%;
	background-color: rgba(255, 255, 255, 0.6)
}


/* 予約フォーム オプション表示項目 */
.content-form #booking-option-table .item_use_flex {
	display:flex;
	align-items: center;
}

.content-form #booking-option-table .item_use_flex input[type=checkbox] {
	width: 16px;
	height: 16px;
	position: relative;
  	top: 3px;
}

.content-form #booking-option-table input.content-text {
	text-align: right;
	width: 3rem;
}

.content-form #booking-option-table .item_use_price {
	width:30%;
}

.content-form #booking-option-table .option-label {
	font-size: 0.8rem;
}

.content-form label.field-item {
	margin-right: 0.4rem;
}

.content-form label.field-item input {
	margin-right: 0.15rem;
}

.content-form select {
	font-size: 1rem;
	padding: 0.1rem 0.15rem;
}

/* 予約確認 キャンセル */
th.subscription-header {
	text-align: left;
}

.subscription-title {
	font-size: 1.2rem;
}

.subscription-cancel {
	display: block;
	float: right;
}

/* 予約履歴表示ユーザーズページ */
.esbsb-pagination {
	margin-bottom: 1em;
}

/* フロントエンドユーザー登録 */
.content-form .user-name {
	display: inline-block;
	text-align: center;
	width: 2.5em;
}

.content-form dl {
	margin: 0;
}

.content-form dd {
	margin-bottom: 0.4em;
}

.content-form .option-note {
	font-size:11px;
}

/* 案内表示内容(今週・来週) */
.site-content .booking_ditail_tbl{
	border-collapse:  collapse;
	font-family: inherit;
    font-size: 100%;
    font-weight: inherit;
    font-style: inherit;
	width: 100%;
	table-layout: fixed;
}

.site-content .booking_ditail_tbl th{
	color:#FFFFFF;
	background-color: #999999;
	padding: 7px 10px;
    border: 1px solid #FFFFFF;
    text-align: center;
    vertical-align: middle;
}

.site-content .booking_ditail_tbl .responsive_title{
	display:none;
}

.site-content .booking_ditail_tbl td{
	padding: 5px 10px;
    vertical-align: middle;
	border: 1px solid #FFFFFF;
}

.site-content .booking_ditail_tbl .row-odd{
	background: #F7F8F8;
}

.site-content .booking_ditail_tbl .row-even{
	background: #dcdcdc;
}

.site-content .booking_ditail_tbl .w-floor,
.site-content .booking_ditail_tbl .w-time{
	width: 7%;
}

.site-content .booking_ditail_tbl .w-day{
	width: 11%;
}

.site-content .booking_ditail_tbl .w-room{
	width: 20%;
}

.site-content .booking_ditail_tbl .w-event{
	width: 47%;
}

.site-content .booking_ditail_tbl .txt-center{
	text-align: center;
}

.site-content .booking_ditail_tbl .txt-right{
	text-align: right;
}

@media screen and (max-width: 800px) {
	.yoyakumenu ul li
	{
		display : block;
		width : 100%;
		height : 60px;
	}

	.yoyakumenu ul a
	{
		display : block;
	}

	.site-content .booking_ditail_tbl .w-floor{
		width: 7%;
	}

	.site-content .booking_ditail_tbl .w-time{
		width: 15%;
	}

	.site-content .booking_ditail_tbl .w-day{
		width: 10%;
	}

	.site-content .booking_ditail_tbl .w-room{
		width: 18%;
	}

	.site-content .booking_ditail_tbl .w-event{
		width: 50%;
	}
}

/* 予約カレンダー用 */
@media screen and (max-width: 640px) {
	/* clampの参考 */
	/* https://uonuma-js.com/css-clamp-font-size/ */

	/* 前月 */
	.monthly-prev-next
	{
		font-size: clamp(8px, calc( ( 100vw - 320px ) * ( ( 16 - 8 )  / (640 - 320) ) + 8px ), 16px);
	}

	/* 来月 */
	.monthly-next
	{
		font-size: clamp(8px, calc( ( 100vw - 320px ) * ( ( 16 - 8 )  / (640 - 320) ) + 8px ), 16px);
	}

	/* 予約カレンダー本体 */
	.enjoy_calendar_table {
	  width: 80%;
	}

	/* ヘッダー */
	.enjoy_calendar_table thead {
	  display: none;
	}

	/* ヘッダー */
	/* ※ 偶数日は背景色を変更 */
	.enjoy_calendar_table .th-even {
		background-color: #F7F8F8;
	}

	/* 行 */
	.enjoy_calendar_table tr {
	  width: 100%;
	}

	/* セル */
	/* ※ 行ヘッダ(日付)は対象外 */
	.enjoy_calendar_table td {
	  display: flex;
      justify-content: space-between;
	  text-align: right;
	  width: 100%;
	}

	/* セル */
	/* ※ 会議室毎に背景色を変更 */
	.enjoy_calendar_table .even-room{
		background-color: #F7F8F8;
	}

	/* セル */
	/* ※ 行ヘッダ(日付) */
	.enjoy_calendar_table th:first-child {
	  /* background: #e9727e; */
	  /* color: #fff; */
	  font-weight: normal;
	  /* text-align: center; */
	  width: 30%;
	}

	/* 日付/曜日/六曜日 */
	.enjoy_calendar_table th span.list-header-date,span.list-header-week,span.list-header-six {
		display : block;
		font-size: clamp(8px, calc( ( 100vw - 320px ) * ( ( 16 - 8 )  / (640 - 320) ) + 8px ), 16px);
	}

	/* 予約品目を表示 */
	/* ※ 列ヘッダーを横に表示するためのcss。data-labelに設定されている値を疑似要素で表示 */
	.enjoy_calendar_table td:before {
	  content: attr(data-label);
	  display: block;
	  /* float: left; */
	  font-weight: normal;
	  margin-right: 10px;
	  font-size: clamp(8px, calc( ( 100vw - 320px ) * ( ( 16 - 8 )  / (640 - 320) ) + 8px ), 16px);
	}
}

/* 入力フォーム用・確認フォーム・予約キャンセル用 */
@media screen and (max-width: 640px) {

	/* ------------------------------------------------------------ */
	/* 予約品目用 */
	/* ------------------------------------------------------------ */
	/* 予約品目テーブル */
	.responsive_table_calendar {
	  width: 100%;
	}

	/* 行 */
	.responsive_table_calendar tr {
	  width: 100%;
	}

	/* セル */
	/* ※ 行ヘッダ(日付)は対象外 */
	.responsive_table_calendar td:first-child {
		display:block;
		width: 100%;
		border : none;
		border : 1px solid #dddddd;
	}

	/* セル */
	/* ※ 行ヘッダ(日付)は対象外 */
	.responsive_table_calendar td:nth-child(n + 2) {
		display:inline-block;
		width:33%;
		margin-bottom: 1rem;
	}

	/* ------------------------------------------------------------ */
	/* 入力フォーム・確認フォーム用 */
	/* ------------------------------------------------------------ */
	/* 入力フォームの各種テーブル */
	.responsive_table {
	  width: 100%;
	}

	/* 通常行 */
	.responsive_table tr {
	  width: 100%;
	}

	/* セル(ヘッダ) */
	.responsive_table th {
		display:block;
		width:100%;
		text-align: left;
		border-top : none;
		border-left : none;
		border-right : none;
		border-bottom : 1px solid #dddddd;
		font-weight: bold;
	}

	.responsive_table .option-confirm-label{
		font-size: 1rem;
	}

	.responsive_table .option-confirm-label br{
		display: none;
	}

	/* セル(通常) */
	.responsive_table td {
		display:block;
		width: 100%;
		border : none;
		margin-top : 10px;
	}

	#booking_client-address-fieldset .responsive_table td,
	#booking_client-fieldset .responsive_table td {
		margin-bottom : 1rem;
	}

	#booking-option-fieldset .responsive_table td {
		margin-bottom : 1.5rem;
	}

	/* テキストサイズ調整 */
	.responsive_table td input.fat {
		width: 100%;
	}
	.responsive_table td input.medium {
		width: 100%;
	}

	.responsive_table td input.pass-medium {
		width: 80%;
	}

	/* ------------------------------------------------------------ */
	/* 入力フォーム専用 */
	/* ------------------------------------------------------------ */
	/* 利用目的調整 */
	.content-form #client-event_type_other
	{
		margin-top : 5px;
	}

	/* 案内表示時間調整 */
	.content-form .event_guide_time_start,.event_guide_time_end
	{
		display: block;
		padding-bottom : 5px;
	}

	/* 設営・撤収調整 */
	/* .content-form .setting_article, */
	.setting_set
	{
		display: block;
		margin-bottom : 5px;
	}
	.content-form .setting_set label
	{
		display: block;
	}

	/* 設備・備品 */
	.content-form #booking-option-table .option-label {
		font-size: 1rem;
	}

	.content-form #booking-option-table .option-label br {
		display: none;
	}

	.content-form #booking-option-table .item_use_flex {
		display:block;
	}
	.content-form #booking-option-table .item_use_price {
		display:inline-block;
		width:80%;
	}
	.content-form #booking-option-table .item_use_place {
		display:block;
	}

	/* ------------------------------------------------------------ */
	/* 確認フォーム専用 */
	/* ------------------------------------------------------------ */
	/* セル(確認フォームの各カテゴリーのヘッダ) */
	.responsive_table td.option-confirm-header-first {
		border : 1px solid #dddddd;
		font-size : 1rem;
		background-color: #f2f2f2;
	}
	.subscription-header,
	.responsive_table td.option-confirm-header {
		border : 1px solid #dddddd;
		font-size : 1rem;
		background-color: #f2f2f2;
		margin-top:30px;
	}

	/* 予約フォーム料金表 */
	.responsive_table .bill-details .bill-title
	{
		display: block;
		/* 430以上の場合は16px, 430～330の場合は徐々に小さく, 330以下の場合は8px */
		font-size: clamp(8px, calc( ( 100vw - 330px ) * ( ( 16 - 8 )  / (430 - 330) ) + 8px ), 16px);
		border-bottom : 1px solid #dddddd;
	}
	.responsive_table .bill-details td.bill-number,
	.responsive_table .bill-details td.bill-cost
	{
		display: inline-block;
	}
	/* .responsive_table .bill-details .bill-number
	{
		width: 30%;
		text-align: right;
	} */
	.responsive_table .bill-details .bill-cost
	{
		width: 100%;
		text-align: right;
	}
	.bill-total
	{
		padding-right: 1rem;
	}
	.responsive_table .bill-details td.bill-number::before
	{
		content: '個数 : ';
	}

	/* 予約キャンセル */
	.responsive_table .subscription-date:after
	{
		content : '\A';
		white-space: pre;
	}

	.responsive_table .subscription-cancel
	{
		display: flex;
		width : 100%;
		margin-top : 10px;
		flex-direction: column;
	}

	.cansel-request-box .space50
	{
		display: none;
	}

	.cansel-request-box .responsive-left
	{
		display: flex;
		width : 100%;
		margin-top : 10px;
	}
}

/* 利用規約同意前カバー */
@media screen and (max-width: 557px) {
	
	#action-button-cover {
		position: absolute;
		top: 45px;
		right: 0;
		height: 50%;
		width: 100%;
		background-color: rgba(255, 255, 255, 0.6)
	}
}

/* 今週来週の会議室利用案内 */
@media screen and (max-width: 734px) {

	/* ------------------------------------------------------------ */
	/* 入力フォーム・確認フォーム用 */
	/* ------------------------------------------------------------ */

	/* テーブルのFrom-Toを表示 */
	.booking_ditail_tbl:before {
		content: attr(data-label);
		display: block;
		font-weight: normal;
	}

	.site-content .booking_ditail_tbl .w-floor,
	.site-content .booking_ditail_tbl .w-time,
	.site-content .booking_ditail_tbl .w-day,
	.site-content .booking_ditail_tbl .w-room,
	.site-content .booking_ditail_tbl .w-event{
		width: 100%;
	}

	/* ヘッダ */
	.booking_ditail_tbl thead {
		display: none;
	}

	/* 行 */
	.booking_ditail_tbl tr {
	    width: 100%;
		display: block;
		margin-top: 5px;
	}

	/* セル */
	.booking_ditail_tbl td {
	    padding : 0px !important;
	}

	/* 偶数行のタイトル罫線 */
	.booking_ditail_tbl .row-even .responsive_title
	{
		border-right: 1px solid #FFFFFF;
	}

	/* 奇数行のタイトル罫線 */
	.booking_ditail_tbl .row-odd .responsive_title
	{
		border-right: 1px solid #dddddd;
	}

	/* タイトル */
	.booking_ditail_tbl .responsive_title
	{
		display : inline-block !important;
		width: 35%;
		border-right: 1px solid #dddddd;
		padding: 5px;
		color:#FFFFFF;
		background-color: #999999;
    	vertical-align: middle;
	}

	/* 内容 */
	.booking_ditail_tbl .content
	{
		display : inline-block !important;
		width: 65%;
		padding: 5px;
	}


	/* 先頭セル */
	.booking_ditail_tbl td:first-child {
		border-top : 1px solid #dddddd;
	}

	/* その他セル */
	.booking_ditail_tbl td {
		display:flex;
		justify-content: flex-start;
		text-align: left !important;
		border-left: 1px solid #dddddd !important;
		border-right: 1px solid #dddddd !important;
		border-bottom : 1px solid #dddddd !important;
	}
}