@charset "utf-8";

html{
	font-size: 1.33333vw;
}

/* XO カレンダー */
.calendars {
	display: flex;
	justify-content: space-between;
	/*font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif !important;*/
}

.com-artlist .method .xo-event-calendar tr:first-child th,
.com-artlist .method .xo-event-calendar tr:first-child td{
	border-top: 1px solid #ccc;
}

#main .xo-event-calendar table.xo-month .month-dayname-space,
#main .xo-event-calendar table.xo-month .month-event-space{
	font-size: 2.8rem !important;
}

.calendar-caption {
	font-weight: bold !important;
	font-size: 2.6rem !important;
}

.calendar {
	font-weight: 500 !important;
	font-size: 2.8rem !important;
}

.in-form .calendar {
	width: 100%;
}

.calendar th {
	background: #fafafa !important;
	font-size: 2.4rem !important;
	padding: 1rem 0 !important;
}

.calendar .month-dayname td {
	font-size: 2.8rem !important;
	position: relative;
}


.calendar .month-dayname td div {
	padding: 2.4rem 0 !important;
	text-align: center !important;
}

.calendar .month-dayname td div.other-month {
	font-size: 2.2rem !important;
	padding: 2.8rem 0 !important;
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	box-sizing: border-box;
}

.month-dayname td div.today::after {
	border: #ccc 0.3rem solid;
	box-sizing: border-box;
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 3em;
}
.month-dayname td div.other-month.today::after{
	border: none;
}

.xo-event-calendar p.holiday-title{
	font-size: 2rem !important;
}