@charset "UTF-8";
/*
 * My Calendar 3.8 対応（2026-10-31）
 * 3.4.25 → 3.8.11 の更新でカレンダーの HTML（ナビが a → button、予定が a → button、td の高さ・日付の右寄せ・
 * 今日の枠線など）と既定スタイル（css/reset.css）が変わり、旧版向けのカスタム CSS
 * （plugins/my-calendar/styles/twentyeighteen.css）が当たらなくなった分を、入れ替え前の見た目に戻す。
 * 読み込みは functions.php（my-calendar-style の後）。My Calendar を使わないページでは読まれない。
 * プラグインの css/reset.css は版の付かない URL（7日キャッシュ）のため、更新前の reset.css がブラウザに残っていても同じ見た目になるよう、
 * 矢印の記号などはこのファイル側でも指定している。
 */

/* ---- スマホ幅 ---- */
/* 3.8 は幅 600px 以下でカレンダーを日付ごとの縦の一覧（予定のある日だけ）に組み替える（コンテナクエリ）。
 * 3.4 当時はスマホでも 7 列の表のままだったため、コンテナの指定を外して組み替えを止める */
.mc-main {
	container: none;
}

/* ---- 見出し・ナビ（前へ／本日／次へ） ---- */
.mc-main .my-calendar-navigation > div,
.mc-main .my-calendar-header {
	padding: 0;
	column-gap: 0;
	row-gap: 0;
}
.mc-main .my-calendar-nav {
	width: 100%;
}
.mc-main .my-calendar-nav ul {
	display: flex;
	justify-content: space-between;
	column-gap: 0;
	width: 100%;
}
.mc-main .my-calendar-nav ul li {
	display: inline-block;
	margin: 0 0 6px;
}
.mc-main .my-calendar-navigation .my-calendar-prev button,
.mc-main .my-calendar-navigation .my-calendar-next button {
	display: inline-block;
	width: auto;
	border: none;
	border-radius: 0;
	background: none;
	background-color: transparent;
	box-shadow: none;
	outline: none;
	box-sizing: border-box;
	height: 40px;
	padding: 2px 0 0 !important;
	margin: 0;
	font-size: 24px;
	font-weight: 400;
	line-height: 1.62;
	color: #313233;
	cursor: pointer;
	filter: none;
}
.mc-main .my-calendar-prev .mc-icon,
.mc-main .my-calendar-next .mc-icon {
	display: inline;
}
.mc-main .my-calendar-prev .mc-icon::before,
.mc-main .my-calendar-next .mc-icon::before {
	font-family: dashicons;
	line-height: 1.62;
	vertical-align: middle;
	margin: 0;
}
.mc-main .my-calendar-prev .mc-icon::before {
	content: "\f341";
	margin-right: 3px;
}
.mc-main .my-calendar-next .mc-icon::before {
	content: "\f345";
	margin-left: 3px;
}
.mc-main .my-calendar-nav .maybe-hide {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	width: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	white-space: nowrap;
}
/* 旧版の「.my-calendar-header span」指定（枠・白地）が新版のアイコン用 span に当たらないように */
.mc-main .my-calendar-header .mc-icon {
	border: none;
	border-radius: 0;
	padding: 0;
	background: none;
	box-shadow: none;
	font-size: inherit;
	font-family: inherit;
}
/* 本日ボタン：赤地・白抜き太字（旧版は span／a に当たっていた指定。新版は button の中の span.mc-icon に当たって赤い四角になっていた） */
.mc-main .my-calendar-navigation .my-calendar-today button,
.mc-main .my-calendar-navigation .my-calendar-today .mc-active {
	display: inline-block;
	width: auto;
	padding: 10px 20px !important;
	margin: 0;
	border: 1px solid #efefef;
	border-radius: 5px;
	outline: none;
	filter: none;
	box-shadow: inset 0 -1px 0 rgb(15, 15, 15);
	background: #fa4659 !important;
	color: #fff !important;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold !important;
	line-height: 1.62;
	cursor: pointer;
}
.mc-main .my-calendar-today .mc-icon {
	display: none !important;
}
.mc-main .my-calendar-navigation button:hover,
.mc-main .my-calendar-navigation button:focus {
	outline: none;
}
.mc-main .my-calendar-navigation .my-calendar-prev button:focus-visible,
.mc-main .my-calendar-navigation .my-calendar-next button:focus-visible,
.mc-main .my-calendar-navigation .my-calendar-today button:focus-visible {
	outline: 2px solid #313233;
	outline-offset: 2px;
}

/* ---- 表 ---- */
.mc-main .heading:not(.widget .mc-main .heading) {
	color: #333;
}
.mc-main .my-calendar-table {
	color: inherit;
}
.mc-main thead {
	border-bottom: none;
}
.mc-main th {
	line-height: 1.62;
}
.mc-main td {
	height: auto;
}
.mc-main .current-day:not(.day .current-day, .list .current-day) {
	outline: none;
}
.mc-main .mc-date {
	text-align: left;
}
.mc-main .mc-date .mc-day-number {
	display: inline;
}

/* ---- 予定（休診など） ---- */
/* 新版は予定を <article><header> で包む。テーマの header 指定（width:98% ほか）が当たらないように */
.mc-main .calendar-event header {
	width: auto;
	max-width: none;
	margin: 0;
	position: static;
	z-index: auto;
}
.mc-main td .event-title {
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.2em;
	text-wrap: wrap;
}
.mc-main .event-title button,
.mc-main .event-title .mc-text-button {
	display: block;
	position: relative;
	width: 100%;
	margin: 0;
	padding: 6px;
	border: none;
	border-radius: 0;
	box-shadow: none;
	font: inherit;
	font-weight: 700;
	letter-spacing: inherit;
	line-height: 1.5;
	text-align: left;
	cursor: pointer;
}
.mc-main .event-title .event-title-container {
	display: inline;
}