@charset "utf-8";

/*------------------------------------------*/
/*  schedule
/*------------------------------------------*/
.contents{
    margin: 0 auto;
}
.schedule_frame{
	margin				: 0 auto;
	padding				: 50px 0;
	width: 100%;
	}

.schedule_wrap{
	/* width				: 1240px; */
	box-sizing			: border-box;
	margin				: 0px auto 20px;
	padding				: 20px 0px;
	text-align			: left;
	background			: rgba(255,255,255,1.0);
	}

.schedule_frame h2 {
	font-size: xx-large;
	box-sizing			: border-box;
	line-height			: 100%;
	margin: 1em auto;
	width: 60%;
	background: none;
	color: #20ad4c;
	}

.schedule_frame h2 img {
	width: 100%;
	height: auto;
}

.schedule_box{
	width: 1040px;
	margin				: 0 auto;
	padding				: 20px;
	box-sizing			: border-box;
	}



.schedule_notebox{
	text-align			: center;
	box-sizing			: border-box;
	color				: rgba(205,39,39,1.0);
	font-weight			: bold;
	font-size			: larger;
	background-color: #ffffff;
	}

.schedule_attentionbox{
	width				: 1050px;
	margin				: 0 auto;
	text-align			: left;
	padding: 0 20px;
	box-sizing			: border-box;
	}

.schedule_notebox ul{
	padding-left		: 40px;
	list-style-type		: disc;
	}

.schedule_buttonbox{
	margin				: 0 auto;
	text-align			: center;
	padding				: 30px 280px;
	}

.schedule_button1{
	width				: 300px;
	margin				: 0 20px;
	display				: inline-block;
	padding				: 10px 0;
	font-size			: large;
	text-align			: center;
	text-decoration		: none;
	outline				: none;
	float				: left;
	background			: rgba(140,140,189,1.0);
	color				: rgba(255,255,255,1.0);
	-webkit-border-radius	: 5px;
    -moz-border-radius		: 5px;
	}

.schedule_button1::before,
.schedule_button1::after {
	position			: absolute;
	z-index				: -1;
	display				: block;
	content				: '';
	}

.schedule_button1,
.schedule_button1::before,
.schedule_button1::after {
	-webkit-box-sizing	: border-box;
	-moz-box-sizing		: border-box;
	box-sizing			: border-box;
	-webkit-transition	: all .3s;
	transition			: all .3s;
	}

.schedule_button1:hover {
	background			: rgba(140,140,189,0.7);
	}

.schedule_button2{
	width				: 300px;
	margin				: 0 20px;
	display				: inline-block;
	padding				: 10px 0;
	font-size			: large;
	text-align			: center;
	text-decoration		: none;
	outline				: none;
	float				: left;
	background			: rgba(220,220,109,1.0);
	color				: rgba(0,0,0,1.0);
	-webkit-border-radius	: 5px;
    -moz-border-radius		: 5px;
	}

.schedule_button2::before,
.schedule_button2::after {
	position			: absolute;
	z-index				: -1;
	display				: block;
	content				: '';
	}

.schedule_button2,
.schedule_button2::before,
.schedule_button2::after {
	-webkit-box-sizing	: border-box;
	-moz-box-sizing		: border-box;
	box-sizing			: border-box;
	-webkit-transition	: all .3s;
	transition			: all .3s;
	}

.schedule_button2:hover {
	background			: rgba(220,220,109,0.7);
	}



/*-----------------------------

	スケジュール
　リセットCSS + サイト共通設定

------------------------------*/
/*------------------------------------------*/
/*	Parameter
/*------------------------------------------*/
:root{
	--CalendarDisplayWidth	: 1000px;
	--CalendarColor			: rgba(142,90,54,1.0);
	}

/*------------------------------------------*/
/*	TopMonth
/*------------------------------------------*/
.calendar_headmonth{
	color				: var(--CalendarColor);
	width				: var(--CalendarDisplayWidth);
	margin				: 0 auto;
	font-weight			: bold;
	font-size			: large;
	filter				: drop-shadow(1px 1px 1px rgba(0,0,0,0.3));
	}

/*------------------------------------------*/
/*	CalendarTable
/*------------------------------------------*/
table.calendartable{
	/*	color				: var(--CalendarColor);
	*/width: 660px;
	/* margin				: 0 auto;
	 */border-collapse		: separate;
	 border-spacing		: 3px;
	 text-align			: left;
	 line-height			: 1.4;
	 box-sizing			: border-box;
	 table-layout		: fixed;
	 font-size			: 14px;
	 /*filter				: drop-shadow(1px 1px 1px rgba(0,0,0,0.3));*/
	 }

table.calendartable th{
	width: 140px;
	padding				: 5px 10px;
	text-align			: center;
	vertical-align		: middle;
	box-sizing			: border-box;
	/*	border				: solid 1px rgba(255,255,255,1.0);*/
	}

table.calendartable td{
	padding				: 5px;
	vertical-align		: top;
	box-sizing			: border-box;
	border				: solid 1px rgba(209,203,193,1.0);
	word-break			: break-all;
	}

table.calendartable a{
	text-decoration: none;
	}

/*--------------------------*/
/*	WEEK COLOR				*/
/*--------------------------*/
.calendar_th_Blnk{
	background			: rgba(255,255,255,1.0);
	width				: 50px!important;
	}

.calendar_th_Sun{
	color				: rgba(255,255,255,1.0);
	background			: rgba(205,55, 37,1.0);
	}

.calendar_th_Mon{
	border				: solid 1px rgba(209,203,193,1.0);
	color				: rgba(142,90,54,1.0);
	background			: rgba(255,255,255,1.0);
	}

.calendar_th_Tue{
	border				: solid 1px rgba(209,203,193,1.0);
	color				: rgba(142,90,54,1.0);
	background			: rgba(255,255,255,1.0);
	}

.calendar_th_Wed{
	border				: solid 1px rgba(209,203,193,1.0);
	color				: rgba(142,90,54,1.0);
	background			: rgba(255,255,255,1.0);
	}

.calendar_th_Thu{
	border				: solid 1px rgba(209,203,193,1.0);
	color				: rgba(142,90,54,1.0);
	background			: rgba(255,255,255,1.0);
	}

.calendar_th_Fri{
	border				: solid 1px rgba(209,203,193,1.0);
	color				: rgba(142,90,54,1.0);
	background			: rgba(255,255,255,1.0);
	}

.calendar_th_Sat{
	color				: rgba(255,255,255,1.0);
	background			: rgba(73,122,184,1.0);
	}

/*------------------------------------------*/
/*	CalendarValue
/*------------------------------------------*/
.calendar_day{
	padding				: 5px;
	font-weight			: bold;
	}

.calendar_box{
	padding				: 5px;
	height				: 7em;
	margin				: 2px 0;
	/*	filter				: drop-shadow(3px 3px 3px rgba(0,0,0,0.3));*/
	}

.calendar_noavail{
	float				: right;
	width				: 25px;
	height				: 25px;
	filter				: drop-shadow(2px 2px 1px rgba(0,0,0,0.3));
	}

.calender_fixpoint{
	clear: both;
	height: 0px;
	}

/*------------------------------------------*/
/*	CalendarValue Color
/*------------------------------------------*/
.calendar_MACHINE{
	margin				: 2px 0;
	background			: rgba(228,209,204,1.0);
	filter				: drop-shadow(3px 3px 3px rgba(0,0,0,0.3));
	color				: rgba(0,0,0,1.0);
	}

.calendar_YOGA{
	margin				: 2px 0;
	background			: rgba(236,245,222,1.0);
	filter				: drop-shadow(3px 3px 3px rgba(0,0,0,0.3));
	color				: #666666;
	}

.calendar_MAT{
	margin				: 2px 0;
	background			: rgba(224,240,242,1.0);
	filter				: drop-shadow(3px 3px 3px rgba(0,0,0,0.3));
	color				: rgba(0,0,0,1.0);
	}

.calendar_OTHER{
	margin				: 2px 0;
	background			: rgba(245,237,222,1.0);
	filter				: drop-shadow(3px 3px 3px rgba(0,0,0,0.3));
	color				: rgba(0,0,0,1.0);
	}

.calendar_EVENT{
	margin				: 2px 0;
	background			: rgba(213,199,173,1.0);
	filter				: drop-shadow(3px 3px 3px rgba(0,0,0,0.3));
	color				: rgba(0,0,0,1.0);
	}

.calendar_swan{
	margin				: 2px 0;
	background			: rgba(239,203,244,1.0);
	filter				: drop-shadow(3px 3px 3px rgba(0,0,0,0.3));
	color				: rgba(0,0,0,1.0);
	}

.calendar_gotenyama{
	margin				: 2px 0;
	background			: rgba(241,212,192,1.0);
	filter				: drop-shadow(3px 3px 3px rgba(0,0,0,0.3));
	color				: rgba(0,0,0,1.0);
	}

.calendar_kirara{
	margin				: 2px 0;
	background			: rgba(200,232,248,1.0);
	filter				: drop-shadow(3px 3px 3px rgba(0,0,0,0.3));
	color				: rgba(0,0,0,1.0);
	}

.calendar_murano{
	margin				: 2px 0;
	background			: rgba(242,238,186,1.0);
	filter				: drop-shadow(3px 3px 3px rgba(0,0,0,0.3));
	color				: rgba(0,0,0,1.0);
	}

.calendar_syogaisenta{
	margin				: 2px 0;
	background			: rgba(219,250,197,1.0);
	filter				: drop-shadow(3px 3px 3px rgba(0,0,0,0.3));
	color				: rgba(0,0,0,1.0);
	}

.calendar_other{
	margin				: 2px 0;
	background			: rgba(201,207,243,1.0);
	filter				: drop-shadow(3px 3px 3px rgba(0,0,0,0.3));
	color				: rgba(0,0,0,1.0);
	}

.calendar_other{
	margin				: 2px 0;
	background			: rgba(201,207,243,1.0);
	filter				: drop-shadow(3px 3px 3px rgba(0,0,0,0.3));
	color				: rgba(0,0,0,1.0);
	}

.calendar_possible{
	margin				: 2px 0;
	background			: rgba(247,197,201,1.0);
	filter				: drop-shadow(3px 3px 3px rgba(0,0,0,0.3));
	color				: rgba(0,0,0,1.0);
	}

.calendar_PINK{
	margin				: 2px 0;
	background			: rgba(255,192,203,1.0);
	filter				: drop-shadow(3px 3px 3px rgba(0,0,0,0.3));
	color				: rgba(0,0,0,1.0)
	}

.calendar_SKY{
	margin				: 2px 0;
	background			: rgba(135,206,235,1.0);
	filter				: drop-shadow(3px 3px 3px rgba(0,0,0,0.3));
	color				: rgba(0,0,0,1.0)
	}

.calendar_zoom{
	margin				: 2px 0;
	background			: rgba(230,230,230,1.0);
	filter				: drop-shadow(3px 3px 3px rgba(0,0,0,0.3));
	color				: rgba(0,0,0,1.0);
	}


/*------------------------------------------*/
/*	PDF DOWNLOAD BUTTON
/*------------------------------------------*/
.download_buttonbox{
	margin				: 0 auto;
	text-align			: center;
	padding				: 30px 280px;
	}

.download_button{
	width				: 400px;
	margin				: 0 20px;
	display				: inline-block;
	padding				: 10px 0px;
	font-size			: large;
	text-align			: center;
	text-decoration		: none;
	outline				: none;
	background			: rgba(123,110, 99,1.0);
	color				: rgba(255,255,255,1.0);
/*
	-webkit-border-radius	: 5px;
    -moz-border-radius		: 5px;
*/
	}

.download_button,
.download_button::before,
.download_button::after {
	-webkit-box-sizing	: border-box;
	-moz-box-sizing		: border-box;
	box-sizing			: border-box;
	-webkit-transition	: all .3s;
	transition			: all .3s;
	}

.download_button:hover {
	background			: rgba(123,110, 99,0.7);
	}


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

		.schedule_notebox{
			overflow:hidden;
			margin: 1em;
		}

		.schedule_notebox{
			overflow: scroll;
			height: 800px;
			margin: 0 1em;
		}

    }