@charset "UTF-8";

/** ************************************ 全体デザイン ************************************ */

#service-full-calendar  a.fc-event {
	font-size : 12px;
	--title-size: 12px;
	--icon-size: 12px;
}

#service-full-calendar .fc-event-container .fc-title .service_period {
	line-height: 13px;
	margin-top: 2px;
	margin-bottom: 2px;
	font-size : var(--title-size);
	line-height: calc(var(--title-size) + 1px);
}

@media screen and (max-width: 640px) {

	#service-full-calendar .fc-event-container .fc-title .service_period .term_date {
		margin: 0;
		display: block;
	}
	#service-full-calendar .fc-event-container .fc-title .service_period .term_time {
		margin: 0;
		display: block;
	}

}

#service-full-calendar .fc-event-container .fc-title .service_name {
	padding: 0;
	line-height:16px;
	max-height: 32px;
	overflow: hidden;
	font-size: 12px;
	font-size : var(--title-size);
	line-height: calc(var(--title-size) + 1px);
	max-height: calc(calc(var(--title-size) + 1px) * 2);
}

#service-full-calendar .fc-event-container .fc-title .teacher_name {
	line-height: 13px;
	max-height: 26px;
	padding: 0 2px;
	margin-top: 2px;
	margin-bottom: 2px;
	overflow: hidden;
	font-size : var(--title-size);
	line-height: calc(var(--title-size) + 1px);
	max-height: calc(calc(var(--title-size) + 1px) * 2);
}

#service-full-calendar .fc-event-container .fc-title .service_price {
	font-size : var(--title-size);
	line-height: calc(var(--title-size) + 1px);
}

#service-full-calendar .fc-event-container .fc-title .service_icon {
	line-height: 14px;
	font-size: 14px;
	font-size : var(--icon-size);
	line-height: calc(var(--icon-size) + 1px);
}

#service-full-calendar .fc-event-container .fc-title .service_remain {
	line-height: 14px;
	font-size : var(--icon-size);
	line-height: calc(var(--icon-size) + 1px);
}

/** ************************************ 月デザイン ************************************ */

#service-full-calendar div.fc-month-view div.fc-content {
	white-space: normal;
}
#service-full-calendar div.fc-month-view div.fc-content span.fc-title {
	height         : auto;
	line-height    : normal;
	padding-top    : 2px;
}
#service-full-calendar div.fc-month-view div.fc-content span.fc-title > * {
	height         : auto;
	line-height    : 16px;
	padding-top    : 4px;
	padding-bottom : 4px;
}
#service-full-calendar div.fc-month-view div.fc-content div.service_unit_calendar_view {
	min-height: 25px;
}

#service-full-calendar div.fc-month-view a.fc-event {
	border           : none;
	background-color : transparent !important;
	border           : transparent !important;
}

/** ************************************ 週デザイン ************************************ */

#service-full-calendar div.fc-agendaWeek-view a.fc-event {
	border           : none;
	background-color : transparent !important;
	border           : transparent !important;
}
#service-full-calendar div.fc-agendaWeek-view div.fc-content div.fc-title > * {
	display : block;
	height  : 100%;
	box-shadow : 1px 1px 0px 0px rgba(0,0,0,0.2) inset, -1px -1px 0px 0px rgba(0,0,0,0.2) inset !important;
	padding : 2px !important;
}

/** ************************************ 日デザイン ************************************ */



#service-full-calendar div.fc-agendaDay-view a.fc-event {
	border           : none;
	background-color : transparent !important;
	border           : transparent !important;
}
#service-full-calendar div.fc-agendaDay-view div.fc-content div.fc-title > * {
	display : block;
	height  : 100%;
	box-shadow : 1px 1px 0px 0px rgba(0,0,0,0.2) inset, -1px -1px 0px 0px rgba(0,0,0,0.2) inset !important;
	padding : 2px !important;
}

/** ************************************ サービス一覧 ************************************ */

#service_date_list_dialog div.all_summarized div.summary_time {
	display: none;
}

#service_date_list_dialog div.all_summarized div.summary_label {
	width: 100% !important;
}

/** ************************************ スマホデザイン ************************************ */

#service-full-calendar.sp .fc-agenda-slots td div {
	height:100px;
}

#service-full-calendar.sp div.fc-agendaWeek-view a.fc-event a.fc-event-inner  {
	height         : 100px;
	line-height    : 100px;
	vertical-align : middle;
}

#service-full-calendar.sp div.fc-agendaWeek-view .fc-agenda-axis.fc-widget-header {
	background : #FFF;
	color      : #FFF;
}

#service-full-calendar.sp div.fc-agendaWeek-view a.fc-title  {
	height         : 100px;
	line-height    : 100px;
	vertical-align : middle;
}
#service-full-calendar.sp div.fc-agendaWeek-view a.fc-title > .service_unit_smr_calendar_icon {
	height         : 100px;
	line-height    : 100px;
	vertical-align : middle;
	font-size      : 34px;
}

#service-full-calendar.sp div.fc-agendaDay-view .fc-agenda-axis.fc-widget-header {
	background : #FFF;
	color      : #FFF;
}

#service-full-calendar.sp div.fc-agendaDay-view a.fc-title  {
	height         : 100px;
	line-height    : 100px;
	vertical-align : middle;
}
#service-full-calendar.sp div.fc-agendaDay-view a.fc-title > .service_unit_smr_calendar_icon {
	height         : 100px;
	line-height    : 100px;
	vertical-align : middle;
	font-size      : 50px;
}

@media screen and (max-width: 480px) {

	#service-full-calendar.sp div.fc-month-view span.fc-title  {
		height         : 40px;
		line-height    : 40px;
		vertical-align : middle;
	}
	#service-full-calendar.sp div.fc-month-view span.fc-title > .service_unit_smr_calendar_icon {
		height         : 40px;
		line-height    : 40px;
		vertical-align : middle;
		font-size      : 28px;
	}
}