@charset "utf-8";

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

　リセットCSS + サイト共通設定

------------------------------*/
/* デフォルト文字設定 */
/*
body{
	font-family			: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size			: 20px;
	line-height			: 1.4;
	}
*/
/*------------------------------------------*/
/*	Parameter
/*------------------------------------------*/
:root{
	--CalendarDisplayWidth	: 1000px;
	--CalendarColor			: rgba(142,90,54,1.0);
	}

/*------------------------------------------*/
/*	CalendarTable
/*------------------------------------------*/
table.calendartable{
	width				: 480px;
	margin				: 0 auto;
	border-collapse		: collapse; 
	border-spacing		: 0;
	text-align			: left;
	line-height			: 1.4;
	box-sizing			: border-box;
	}

table.calendartable th{
	width				: 14.3%;
	padding				: 5px 10px;
	text-align			: center;
	vertical-align		: middle;
	box-sizing			: border-box;
	border				: solid 1px rgba(209,203,193,1.0);
	}

table.calendartable td{
	width				: 14.3%;
	height				: 150px;
	padding				: 5px;
	vertical-align		: top;
	box-sizing			: border-box;
	border				: solid 1px rgba(209,203,193,1.0);
	}

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

.calendar_headmonth{
	font-weight			: bold;
	}

/*--------------------------*/
/*	WEEK COLOR				*/
/*--------------------------*/
.calendar_th_Sun{
	background			: rgba(255,0,0,1.0);
	color				: rgba(255,255,255,1.0);
	}

.calendar_th_Mon{
	background			: rgba(255,255,255,1.0);
	color				: rgba(142,90,54,1.0);
	}

.calendar_th_Tue{
	background			: rgba(255,255,255,1.0);
	color				: rgba(142,90,54,1.0);
	}

.calendar_th_Wed{
	background			: rgba(255,255,255,1.0);
	color				: rgba(142,90,54,1.0);
	}

.calendar_th_Thu{
	background			: rgba(255,255,255,1.0);
	color				: rgba(142,90,54,1.0);
	}

.calendar_th_Fri{
	background			: rgba(255,255,255,1.0);
	color				: rgba(142,90,54,1.0);
	}

.calendar_th_Sat{
	background			: rgba(0,0,255,1.0);
	color				: rgba(255,255,255,1.0);
	}

.Calende_daycolor_Sun{
	color				: rgba(255,0,0,1.0);
	}

.Calende_daycolor_Mon{
	color				: rgba(142,90,54,1.0);
	}

.Calende_daycolor_Tue{
	color				: rgba(142,90,54,1.0);
	}

.Calende_daycolor_Wed{
	color				: rgba(142,90,54,1.0);
	}

.Calende_daycolor_Thu{
	color				: rgba(142,90,54,1.0);
	}

.Calende_daycolor_Fri{
	color				: rgba(142,90,54,1.0);
	}

.Calende_daycolor_Sat{
	color			: rgba(0,0,255,1.0);
	}

/*------------------------------------------*/
/*	CalendarValue
/*------------------------------------------*/
.calendar_day{
    border-top			: 1px solid #ccc;
	padding				: 5px;
	font-weight			: bold;
	}

.calendar_box{
	width				: 75%;
	padding				: 5px;
	float				: left;
	word-wrap			: break-word;
	color				: rgba(12,12,12,1.0);
	}

.calendar_noavail{
	margin-top			: -3px;
	margin-right		: 30px;
	float				: right;
	width				: 34px;
	height				: 34px;
	}

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

/*------------------------------------------*/
/*	Calendar Link Button
/*------------------------------------------*/
.calendar_buttonbox{
	width				: 25%;
	float				: left;
	}

.calendar_button{
	position			: absolute;
	bottom				: 10px;
	right				: 20px;
	width				: 80px;
	height				: 60px;
	text-align			: center;
	padding				: 18px 5px;
	background			: rgba(234,106,95,1.0);
	color				: rgba(255,255,255,1.0);
	box-sizing			: border-box;
	-webkit-border-radius	: 5px;	/* Safari,Google Chrome用 */  
    -moz-border-radius		: 5px;	/* Firefox用 */
	box-shadow			: 2px 2px rgba(120,120, 120, 0.4);
	}

.calendar_button a{
	color				: rgba(255,255,255,1.0);
    text-decoration		: none;
	cursor				: pointer;
	}

/*------------------------------------------*/
/*	CalendarValue Color
/*------------------------------------------*/
.calendar_YOGA{
	background			: rgba(247,229,254,1.0);
	color				: rgba(0,0,0,1.0);
	}

.calendar_KIDSTRAINING{
	background			: rgba(253,254,229,1.0);
	color				: rgba(0,0,0,1.0);
	}

.calendar_TRAINING{
	background			: rgba(238,251,253,1.0);
	color				: rgba(0,0,0,1.0);
	}

.calendar_KIDSYOGA{
	background			: rgba(254,245,229,1.0);
	color				: rgba(0,0,0,1.0);
	}

.calendar_KIDSDANCE{
	background			: rgba(244,254,229,1.0);
	color				: rgba(0,0,0,1.0);
	}

.calendar_DANCE{
	background			: rgba(218,227,203,1.0);
	color				: rgba(0,0,0,1.0);
	}

.calendar_PERSONAL{
	background			: rgba(252,248,250,1.0);
	color				: rgba(0,0,0,1.0);
	}

.calendar_JOITRA{
	background			: rgba(252,248,250,1.0);
	color				: rgba(0,0,0,1.0);
	}

.calendar_PIRATES{
	background			: rgba(253,252,235,1.0);
	color				: rgba(0,0,0,1.0);
	}

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

.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);
	}

/*------------------------------------------*/
/*	ボタン
/*------------------------------------------*/
.contact_anchor_buttonbox{
	margin				: 0 auto;
	text-align			: center;
	padding				: 40px 0;
	}

.contact_anchor_button {
	display				: inline-block;
	padding				: 10px 20px;
	font-size			: large;
	text-align			: center;
	text-decoration		: none;
	outline				: none;
	background			: rgba(219,111,  6,1.0);
	color				: rgba(255,255,255,1.0);
	}

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

.contact_anchor_button:hover {
	background			: rgba(219,111,  6,0.7);
	}