@charset "utf-8";

/*土曜の文字色*/
.youbi_6{
	color:#36F!important;
}
/*祝日と日曜の文字色*/
.youbi_0,.shukujitu{
	color:red!important;
}
/*本日の背景色　※ただし設定ファイルでの設定が優先されます*/
.today{
	background:#FF9;	
}
/*休業日設定した日の背景色　※ただし設定ファイルでの設定が優先されます*/
.holiday{
	background:#DDD;
}
/*定休日設定した日の背景色　※ただし設定ファイルでの設定が優先されます*/
.closed{
	background:#DDD;	
}
.hidden{
	display:none;	
}
/*休業日テキスト部の左側の四角*/
.holidayCube{
	display:inline-block;
	width:13px;
	height:13px;
	margin:3px 3px 0 3px;
	position:relative;
	top:2px;
}
/*定休日テキスト部の左側の四角*/
.closedCube{
	display:inline-block;
	width:13px;
	height:13px;
	margin:3px 3px 0 3px;
	position:relative;
	top:2px;
}

/*---------------------------------
			index.php 
---------------------------------*/

/* Calender style */

#calenderTable{
	width:100%;/*カレンダーの幅*/	
    background:#fff;/*カレンダー画面の背景色*/
	font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	border-collapse:collapse;
}
#calenderTable th{
	padding:5px;
    text-align:center;/*タイトル月日付等の位置*/
	font-size:12px;
	border:3px solid #464646;/*テーブルヘッダー境界線*/
	color:#fff;/*テーブルヘッダーの文字色*/
	background:rgba(0,0,0,0.80);/*テーブルヘッダー背景色*/
}
#calenderTable td{
	padding:5px;
	text-align:left;/*カレンダー各日付の位置*/
	font-size:12px;
	border:3px solid #464646;/*境界線の色*/
	color:#555;/*日付の文字色*/
	width:14%;/*カレンダー内1枠ごとの横幅*/
    height:120px;/*カレンダー内1枠ごと縦幅*/
	vertical-align:top;
}
#calenderTable .calenderHeader a{
	color:#fff;/*カレンダー次月>>の色*/
	text-decoration:none;
}

#calenderTable td .scheduleComment{
	text-align:left;
	color:#0000ff;/*カレンダー内イベント名の文字色*/
	font-size:10px;
}
#calenderTable td .schedulePulldownList{
	text-align:left;
	color:#ff0000;
	font-size:10px;
	padding:0px 0 3px;
	border-bottom:1px dotted #ccc;
}
#calenderTable .borderless{
	border:0!important
}
.countNum{
	font-size:110%;
}
p.holidayText{
	font-size:12px!important;
	color:#333;/*休業日の文字色*/
	margin:0;
	padding:0 0 5px;
}

/*---------------------------------*/
/*○△×のアイコン用スタイル*/
.reservIconWrap{
	text-align:center;
	padding-bottom:10px;
}
/*---------------------------------*/
/*時間選択のtable*/
table.timeSelectTable{
	border-collapse:collapse;
	width:100%;/*時間選択のテーブル幅*/
}

table.timeSelectTable td, table.timeSelectTable th {
    height: 35px;/*時間枠の高さ*/
	border:3px solid #464646;/*カレンダー＞＞時間選択画面の境界線*/
    background-color: #fff;/*カレンダー＞＞時間選択画面の詳細部分の背景色*/
	padding:10px;
	font-size:100%;
	text-align:center;
}
table.timeSelectTable th {
	width:50%;
	background:#efefef;
}

/* if ListStyle */
ul#calenderList{
	list-style:none;
	margin:0;
	padding:0;
	font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#calenderList li{
	border-bottom:1px solid #999;
	padding:5px;
}
#calenderList li.first-child{
	border-top:1px solid #fff;
}
#calenderList .scheduleComment{
	text-align:left;
	color:#00ff33;
	font-size:10px;
}
#calenderList .schedulePulldownList{
	text-align:left;
	color:#33ffff;
	font-size:11px;
	padding:0px 0 3px;
	border-bottom:1px dotted #aaa;
}
table.navNextPrev {
	width:80%;
}
table.navNextPrev .dspPrev{
	text-align:left;	
	padding:10px;
}
table.navNextPrev .dspNext{
	text-align:right;
	padding:10px;
}
h2#headerYm{
	background:#666;
	color:#fff;
	text-align:center;
	padding:5px ;
	font-size:110%;
	font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/* /if ListStyle */


/* Reserv Btn styl*/
.reservForm{
	display:inline;	
}
.reservForm input{
	font-size:12px;
	cursor:pointer;
	font-family:"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding:1px 2px;
}
/* /Reserv Btn styl*/

/* ReservForm Style */

#formWrap {
    background-color:#fff;/*予約時間画面や予約フォームの全体背景色*/
    width:80%;/*カレンダー＞＞時間確認の枠の幅*/
	margin:10px auto;
	color:#555;/*予約時間画面や予約フォームの文字色*/
	line-height:120%;
	font-size:90%;
	font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#formWrap h2{
	font-weight:normal;
	font-size:14px;
	color:#111;/*カレンダー＞予約フォームタイトル部分の文字色*/
	margin:0 0 10px;
	background:#efefef;/*カレンダー＞予約フォームタイトル部分の背景色*/
	padding:5px 8px 3px;
	border-radius:3px;
	border:1px solid #464646;/*カレンダー＞予約フォームタイトル部分の境界線*/
}
#formWrap p {
    color: #555;/*フォームの説明文の文字色*/
	margin:10px 5px;
	padding:0;
	font-size:13px;
}

table.formTable {
	width:80%;
	margin:15px auto;
	border-collapse:collapse;
}
table.formTable td, table.formTable th {
	background-color: #fff;/*予約フォームの入力部分の背景色*/
    border:3px solid #464646;/*予約フォームの境界線*/
	padding:10px;
	font-size:90%;
}
table.formTable th {
	width:30%;
	font-weight:normal;
	background:#efefef;
	text-align:left;
}
/*---------------------------------
		/index.php style 
---------------------------------*/

/*　簡易版レスポンシブ用CSS（必要最低限のみとしています。ブレークポイントも含め自由に設定下さい）　*/
@media screen and (max-width:572px) {
#formWrap {
	width:100%;
	margin:0 auto;
}
table.formTable th, table.formTable td {
	width:auto;
	display:block;
}
table.formTable th {
	margin-top:5px;
	border-bottom:0;
}
input[type="text"], textarea {
	width:80%;
	padding:5px;
	font-size:110%;
	display:block;
}
input[type="submit"], input[type="reset"], input[type="button"] {
	display:block;
	width:100%;
	height:40px;
}






}


/* ===== KOUROS Rental Calendar Modern Skin ===== */
:root{--kouros-navy:#223047;--kouros-blue:#2f6fdd;--kouros-sky:#eaf3ff;--kouros-rose:#f7e9e4;--kouros-gold:#b88a44;--kouros-text:#333;--kouros-border:#e6e8ef;--kouros-bg:#fbfaf8;}
body.rental-calendar{margin:0;background:linear-gradient(180deg,#f8fbff 0%,#fffaf6 100%);color:var(--kouros-text);font-family:"游ゴシック体","Yu Gothic",YuGothic,"メイリオ",Meiryo,sans-serif;}
.cal-hero{padding:44px 20px 38px;text-align:center;background:linear-gradient(135deg,#f8fbff 0%,#eef5ff 45%,#fff5ee 100%);border-bottom:1px solid var(--kouros-border);}
.cal-hero .eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--kouros-gold);font-size:13px;font-weight:700;margin:0 0 12px;}
.cal-hero h1{font-size:clamp(28px,4vw,44px);line-height:1.25;margin:0;color:var(--kouros-navy);font-weight:700;}
.cal-hero p{margin:12px 0 0;line-height:1.8;}
.back-link a{display:inline-block;color:var(--kouros-blue);text-decoration:none;border-bottom:1px solid currentColor;}
.cal-main{max-width:1040px;margin:0 auto;padding:34px 16px 60px;}
.calendar-card{background:rgba(255,255,255,.96);border:1px solid var(--kouros-border);box-shadow:0 18px 50px rgba(34,48,71,.09);border-radius:24px;padding:26px;overflow:hidden;}
.calendar-card h2{font-size:26px;color:var(--kouros-navy);margin:0 0 15px;text-align:left;background:none;padding:0;border:0;}
.calendar-guide{line-height:1.8;color:#555;margin:0 0 18px;}
.calendar-guide img{width:18px;vertical-align:middle;margin:0 4px 0 12px;}
p.holidayText{margin:0 0 12px!important;color:#666!important;}
#calenderTable{border-collapse:separate!important;border-spacing:8px!important;background:transparent!important;}
#calenderTable th{background:var(--kouros-navy)!important;border:0!important;border-radius:12px;color:#fff!important;padding:12px 8px!important;font-size:13px!important;}
#calenderTable th.calenderHeader{background:linear-gradient(135deg,var(--kouros-navy),#385079)!important;font-size:18px!important;}
#calenderTable td{background:#fff!important;border:1px solid var(--kouros-border)!important;border-radius:16px;box-shadow:0 6px 18px rgba(34,48,71,.05);height:105px!important;padding:10px!important;color:#4b5563!important;transition:.2s ease;}
#calenderTable td:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(34,48,71,.12);}
#calenderTable td.today{background:#fff8dc!important;border-color:#ecd18e!important;}
#calenderTable td.holiday,#calenderTable td.closed{background:#f4f1ef!important;color:#aaa!important;}
#calenderTable td.blankCell{background:transparent!important;border:0!important;box-shadow:none;}
#calenderTable .calenderHeader a{font-size:24px;color:#fff!important;padding:0 10px;text-decoration:none;}
.reservIconWrap{padding:18px 0 5px!important;text-align:center!important;}
.reservIconWrap img{width:30px;height:auto;filter:drop-shadow(0 3px 7px rgba(47,111,221,.25));}
.timeSelectTable{border-collapse:separate!important;border-spacing:0 10px!important;}
table.timeSelectTable th{background:#edf4ff!important;color:var(--kouros-navy);border:0!important;padding:14px!important;}
table.timeSelectTable td{border:1px solid var(--kouros-border)!important;background:#fff!important;padding:16px!important;}
table.timeSelectTable tr td:first-child{border-radius:14px 0 0 14px;font-weight:700;color:var(--kouros-navy);}
table.timeSelectTable tr td:last-child{border-radius:0 14px 14px 0;}
.countNum{color:var(--kouros-gold);font-weight:700;}
.reservEnd{display:inline-block;background:#f2f2f2;color:#999;border-radius:999px;padding:7px 14px;}
.timeForm input,.submit-button,.submit-main,.submit-sub,input[type="submit"],input[type="reset"]{border:0;border-radius:999px;padding:12px 22px;cursor:pointer;font-weight:700;}
.timeForm input,.submit-main{background:linear-gradient(135deg,var(--kouros-blue),#6aa7ff);color:#fff!important;box-shadow:0 8px 18px rgba(47,111,221,.22);}
.submit-button,.submit-sub,input[type="reset"]{background:#f1f4f8;color:#43516a;}
.formTable{width:100%;border-collapse:separate!important;border-spacing:0 12px!important;}
.formTable th,.formTable td{border:1px solid var(--kouros-border)!important;background:#fff!important;padding:16px!important;vertical-align:top;}
.formTable th{width:28%;border-radius:14px 0 0 14px;color:var(--kouros-navy);background:#f8fbff!important;text-align:left;}
.formTable td{border-radius:0 14px 14px 0;}
.formTable input[type="text"],.formTable select,.formTable textarea{width:100%;box-sizing:border-box;border:1px solid #d7dce8;border-radius:12px;padding:12px 13px;font-size:15px;background:#fff;}
.formTable label{display:inline-block;margin:4px 18px 8px 0;line-height:1.7;}
.formTable input[type="radio"],.formTable input[type="checkbox"]{transform:scale(1.1);margin-right:6px;}
.required{display:inline-block;margin-left:8px;padding:3px 8px;border-radius:999px;background:#fff0f2;color:#c43d55;font-size:11px;}
.checks label{display:block;margin:0 0 9px;}
.form-actions{text-align:center;margin:24px 0 0;}
.done-link{display:inline-block;text-decoration:none;margin:5px;}
.error_messe{background:#fff0f2;color:#b4233c;border:1px solid #ffd6df;border-radius:12px;padding:12px 14px;}
@media(max-width:720px){.calendar-card{padding:18px;border-radius:18px}.cal-main{padding:22px 10px 40px}#calenderTable{border-spacing:3px!important}#calenderTable th{font-size:11px!important;padding:8px 2px!important}#calenderTable td{height:70px!important;padding:5px!important;font-size:11px!important;border-radius:10px}.reservIconWrap img{width:22px}.formTable,.formTable tbody,.formTable tr,.formTable th,.formTable td{display:block;width:100%!important;box-sizing:border-box}.formTable th{border-radius:14px 14px 0 0}.formTable td{border-radius:0 0 14px 14px;border-top:0!important}.formTable label{display:block;margin:4px 0 8px}.timeSelectTable th,.timeSelectTable td{font-size:13px!important;padding:12px 8px!important}.calendar-guide img{margin-left:4px}}