@charset "utf-8";

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*
#calendar .h1 + .calendar-body, #calendar .h2 + .calendar-body, #calendar .ex + .calendar-body,
#calendar .h1 + .element, #calendar .h2 + .element, #calendar .ex + .element {
	margin-top: 20px;
}
*/
/*~~*/

#calendar .ym {
	padding: 5px; display: flex; justify-content: center; background-color: #000;
}

#calendar .ym .this{
	font-size: 22px; line-height: 100%; color: #FFF;
}

#calendar .ym .back, #calendar .ym .next {
	display: flex; align-items: flex-end;
}

#calendar .ym .back {
	margin-right: 5px;
}

#calendar .ym .next {
	margin-left: 5px;
}

#calendar .ym a {
	font-size: 16px; line-height: 100%; color: #FFF;
}

/*~~*/

#calendar-mv {
	margin-top: 5px;
}

#calendar-mv .date {
	width: 100%; margin-top: 5px; display: flex;
}

#calendar-mv .day {
	width: 70px; padding: 5px; background-color: #000; color: #FFF; display: flex; justify-content: center; align-items: center;
}

#calendar-mv .today {
	border: 1px solid #000;
}

#calendar-mv .snday,
#calendar-mv .hlday {
	background: #CC0000;
}

#calendar-mv .stday {
	background: #0066CC;
}

#calendar-mv ul {
	margin-left: 5px; flex: 1;
}

#calendar-mv li {
	margin-top: 5px; padding: 5px; border: 1px solid #000;
}

#calendar-mv li:first-child {
	margin-top: 0;
}

#calendar-mv li .body {
	margin-top: 3px; padding-top: 3px; border-top: 1px solid #000;
}

#calendar-mv li a {
	margin: -5px; padding: 5px; border-bottom: 2px solid #000; color: #000; display: block;
}

/*~~*/

#calendar-pc {
	display: none;
}

#calendar .mess {
	margin-top: 10px; padding: 5px; border: 1px solid #000; border-radius: 3px; text-align: center;
}

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

@media screen and (min-width: 769px) {
/************************************************************************************************************************/
/*
#calendar .h1 + .calendar-body, #calendar .h2 + .calendar-body, #calendar .ex + .calendar-body,
#calendar .h1 + .element, #calendar .h2 + .element, #calendar .ex + .element {
	margin-top: 25px;
}
*/
/*~~*/

#calendar .ym {
	width: 42.4%; margin: 0 auto; padding: 7px;
}

#calendar .ym .this{
	font-size: 32px;
}

#calendar .ym a {
	font-size: 22px;
}

/*~~*/

#calendar-mv {
	display: none;
}

#calendar-pc {
	display: block; margin-top: 10px;
}

/*~~*/

#calendar-pc .week {
	width: 100%; margin-top: 5px; display: flex; justify-content: space-between;
}

#calendar-pc .youbi {
	width: calc((100% - 30px) / 7); padding: 3px; background: #000; font-size: 12px; font-weight: bold; text-align: center; color: #FFF;
}

#calendar-pc .sun {
	background: #CC0000;
}

#calendar-pc .sat {
	background: #0066CC;
}

/*~~*/

#calendar-pc .date {
	text-align: center; width: calc((100% - 30px) / 7);
}

#calendar-pc .today {
	border: 2px solid #000;
}

#calendar-pc .date .wkday {
	color: #000000; font-size: 24px; font-weight: bold;
}

#calendar-pc .date .snday,
#calendar-pc .date .hlday {
	color: #CC0000; font-size: 24px; font-weight: bold;
}

#calendar-pc .date .stday {
	color: #0066CC; font-size: 24px; font-weight: bold;
}

#calendar-pc .date .bkday,
#calendar-pc .date .nxday {
	color: #999999; font-size: 24px; font-weight: bold;
}

#calendar-pc .date .hday {
	color: #333333; font-size: 10px; margin-top: 5px;
}

#calendar-pc .date li {
	margin-top: 5px; padding: 5px; border: 1px solid #000;
}

#calendar-pc .date li img {
	margin-top: 5px;
}

#calendar-pc .date li .body {
	margin-top: 5px; padding-top: 5px; border-top: 1px solid #000;
}

#calendar-pc .date li a {
	margin: -5px; padding: 5px; border-bottom: 2px solid #000; color: #000; display: block;
}

#calendar-pc .date li a:hover {
	background: rgba(0,0,0,0.5);
}

/************************************************************************************************************************/
}

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/