@charset "UTF-8";

/* ---------------------------------------------------------------------------
   schedule-day.css
   出所: 旧 WPCode スニペット28「スケジュールー日別ビュー」の <style>。
   内容は変更していない。
   --------------------------------------------------------------------------- */

/* =========================
   RC Schedule Day (scoped)
   ========================= */
#rc-schedule-day{
	max-width: 920px;
	margin: 0 auto;
	padding: 0 12px;
	color:#222;
	font-size:14px;
	line-height:1.7;
}

/* Header */
#rc-schedule-day .rc-schedule-day-header{
	margin: 8px 0 14px;
	padding-bottom: 10px;
	border-bottom: 1px solid #eee;
}
#rc-schedule-day .rc-schedule-day-title{
	margin: 10px 0 10px;
	text-align:center;
	font-size: 22px;
	font-weight: 700;
	letter-spacing: .02em;
}

/* Nav */
#rc-schedule-day .rc-schedule-day-nav{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:10px;
	font-size:12px;
}
#rc-schedule-day .rc-schedule-day-nav a{
	color:#1a73c9;
	text-decoration:none;
	padding: 6px 8px;
	border-radius: 4px;
	white-space:nowrap;
}
#rc-schedule-day .rc-schedule-day-nav a:hover{
	text-decoration:underline;
}

/* Messages */
#rc-schedule-day .rc-schedule-message{
	margin: 10px 0 14px;
	padding: 10px 12px;
	border-radius: 6px;
	border:1px solid transparent;
	font-size:13px;
}
#rc-schedule-day .rc-schedule-message-success{
	background:#f0fbf4;
	border-color:#bfe8c9;
	color:#1f6b35;
}
#rc-schedule-day .rc-schedule-message-error{
	background:#fff4f4;
	border-color:#f2b8b8;
	color:#8a1f1f;
}

/* List */
#rc-schedule-day .rc-schedule-section-title{ display:none; }

#rc-schedule-day .rc-event-card{
	border:1px solid #e5e5e5;
	background:#fff;
	margin: 0 0 16px;
}
#rc-schedule-day .rc-event-card__title{
	background:#f3f3f3;
	padding: 10px 12px;
	font-weight:700;
	font-size:13px;
	border-bottom:1px solid #e5e5e5;
	word-break: break-word;
}
#rc-schedule-day .rc-event-card__table{
	width:100%;
	border-collapse: collapse;
}
#rc-schedule-day .rc-event-card__table th,
#rc-schedule-day .rc-event-card__table td{
	border-top:1px solid #e5e5e5;
	padding: 9px 10px;
	vertical-align: top;
	font-size:13px;
}
#rc-schedule-day .rc-event-card__table th{
	width: 78px;
	background:#fafafa;
	font-weight:700;
	color:#444;
	white-space:nowrap;
}
#rc-schedule-day .rc-event-meta{
	color:#666;
	font-size:12px;
}
#rc-schedule-day .rc-event-edit a{
	color:#1a73c9;
	text-decoration:none;
}
#rc-schedule-day .rc-event-edit a:hover{ text-decoration:underline; }
#rc-schedule-day .rc-no-events{
	border:1px solid #e5e5e5;
	background:#fff;
	padding: 12px;
	color:#666;
	font-size:13px;
}

/* Form card */
#rc-schedule-day .rc-form-card{

	background:#fff;
}
#rc-schedule-day .rc-form-card__head{
	background:#0097D7;
	color:#fff;
	text-align:center;
	font-weight:700;
	padding: 10px 12px;
	font-size:14px;
}
#rc-schedule-day .rc-form-card__body{
}

#rc-schedule-day .rc-schedule-form-table{
	width:100%;
	border-collapse: collapse;
	border:1px solid #e5e5e5;
}
#rc-schedule-day .rc-schedule-form-table th,
#rc-schedule-day .rc-schedule-form-table td{
	border:1px solid #e5e5e5;
	padding: 8px 10px;
	font-size:13px;
	vertical-align: middle;
}
#rc-schedule-day .rc-schedule-form-table th{
	width: 92px;
	background:#f6f6f6;
	font-weight:700;
	white-space:nowrap;
}

/* Inputs */
#rc-schedule-day .rc-input-text,
#rc-schedule-day .rc-textarea,
#rc-schedule-day .rc-select{
	width:100%;
	max-width: 100%;
	border:1px solid #d7d7d7;
	border-radius: 3px;
	padding: 8px 10px;
	font-size:13px;
	background:#fff;
	box-sizing:border-box;
}
#rc-schedule-day .rc-textarea{
	min-height: 110px;
	resize: vertical;
}

/* Time select: PCは横並び */
#rc-schedule-day .rc-time-select-wrap{
	white-space:nowrap;
}
#rc-schedule-day .rc-time-select-wrap .rc-select{
	width:auto;
	min-width: 72px;
	display:inline-block;
	vertical-align: middle;
	margin: 0 4px 0 0;
}

#rc-schedule-day .rc-help{
	margin: 6px 0 0;
	color:#666;
	font-size:12px;
}

#rc-schedule-day .rc-schedule-form-buttons{
	margin-top: 12px;
	text-align:center;
}
#rc-schedule-day .rc-btn{
	display:inline-block;
	width: min(520px, 100%);
	border: none;
	border-radius: 3px;
	padding: 12px 14px;
	font-weight:700;
	cursor:pointer;
	font-size:14px;
}
#rc-schedule-day .rc-btn-primary{
	background:#0097D7;
	color:#fff;
}
#rc-schedule-day .rc-btn-primary:hover{ filter: brightness(0.95); }

/* =========================
   ★ SPで横スクロールを出さない
   ========================= */
@media (max-width: 600px){
	#rc-schedule-day,
	#rc-schedule-day .rc-form-card,
	#rc-schedule-day .rc-form-card__body{
		max-width: 100%;
		overflow-x: hidden;
	}

	#rc-schedule-day .rc-schedule-form-table,
	#rc-schedule-day .rc-schedule-form-table tbody,
	#rc-schedule-day .rc-schedule-form-table tr,
	#rc-schedule-day .rc-schedule-form-table th,
	#rc-schedule-day .rc-schedule-form-table td{
		display:block;
		width:100%;
		box-sizing:border-box;
	}
	#rc-schedule-day .rc-schedule-form-table th{ width:100%; }

	#rc-schedule-day .rc-input-text,
	#rc-schedule-day .rc-textarea,
	#rc-schedule-day .rc-select{
		width:100%;
		max-width:100%;
		min-width:0;
		box-sizing:border-box;
	}

	#rc-schedule-day .rc-time-select-wrap{
		white-space: normal; /* ← nowrap解除 */
		line-height: 2.2;
	}
	#rc-schedule-day .rc-time-select-wrap .rc-select{
		width: 72px;
		min-width: 72px;
		margin: 0 6px 6px 0;
	}

	#rc-schedule-day .rc-schedule-day-title{ font-size:20px; }
	#rc-schedule-day .rc-event-card__table th{ width:70px; }
}