@charset "UTF-8";
/* CSS Document */


.navSche {
	margin:25px 0;
}
.navSche li.left {
	float:left;
}
.navSche li.right {
	float:right;
}
.navSche a {
	display:block;
	background-color:#999;
	background-repeat:no-repeat;
	padding:15px 15px;
	color:#fff;
	text-decoration:none;
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width:250px;
	transition-property: background-color, background-image, width;
	transition-duration:0.5s;
	transition-timing-function:ease-in-out;
}
.navSche li.left a {
	padding-left:40px;
	background-image:url(css_img/cursorScheNavLeft.png);
	background-position:left center;
}
.navSche li.right a {
	padding-right:40px;
	background-image:url(css_img/cursorScheNavRight.png);
	background-position:right center;
}


#groupSchedule #tabScrollWeek {
	margin-bottom:35px;
}
#groupSchedule #tabScrollWeek li{
	float:left;
	width:14.2%;
	background:#5abbb1;
	padding:0;
	cursor:pointer;
	transition-property: background-color;
	transition-duration:0.25s;
	transition-timing-function:ease-in-out;
}
#groupSchedule #tabScrollWeek li:hover{
	background:#3a988e;
}
#groupSchedule #tabScrollWeek li a{
	color:#fff;
	display:block;
	height:0;
	overflow:hidden;
	padding-top:42px;
	border-right:1px solid #fff;
	text-decoration:none;
	background-repeat:no-repeat;
	background-position:center center;
	cursor:pointer;
}
#groupSchedule #tabScrollWeek li#tabscrMon a{
	background-image:url(css_img/tabWeekly_mon.png);
}
#groupSchedule #tabScrollWeek li#tabscrTue a{
	background-image:url(css_img/tabWeekly_tue.png);
}
#groupSchedule #tabScrollWeek li#tabscrWed a{
	background-image:url(css_img/tabWeekly_wed.png);
}
#groupSchedule #tabScrollWeek li#tabscrThu a{
	background-image:url(css_img/tabWeekly_thu.png);
}
#groupSchedule #tabScrollWeek li#tabscrFry a{
	background-image:url(css_img/tabWeekly_fry.png);
}
#groupSchedule #tabScrollWeek li#tabscrSat a{
	background-image:url(css_img/tabWeekly_sat.png);
}
#groupSchedule #tabScrollWeek li#tabscrSun a{
	background-image:url(css_img/tabWeekly_sun.png);
}



#groupSchedule #listSchedulePart {
	padding:15px 15px;
	background:#ccc;
}

#groupSchedule #listSchedulePart .inframe{
	overflow-x:scroll;
	/*overflow-y:scroll;
	max-height:250px;*/
}

#groupSchedule #listSchedulePart table,
#groupSchedule #listSchedulePart td,
#groupSchedule #listSchedulePart th{
	border:solid 1px #19889D;
	border-spacing:1;
	border-collapse:collapse;
} 

#groupSchedule #listSchedulePart table {
	/*max-width:100%;*/
	width:100%;
	border-right:none;
	border-bottom:none;
	box-sizing:border-box;
}

#groupSchedule #listSchedulePart th,
#groupSchedule #listSchedulePart td{
	border-left:none;
	border-top:none;
	/*width:10px;*/
	overflow:hidden;
	font-size:0.85em;
	box-sizing:border-box;
}

#groupSchedule #listSchedulePart th{
	padding:5x 20px;
	background:#58BBCE;
	color:#fff;
	vertical-align:middle;
}

#groupSchedule #listSchedulePart td{
	padding:0;
	background:#eee;
	vertical-align: text-top;
}

#groupSchedule #listSchedulePart td dt{
	text-align:center;
	background:#B8EAF4;
	padding:3px 5px;
}
#groupSchedule #listSchedulePart td dd{
	background:#ffffff;
}
#groupSchedule #listSchedulePart td dd .box{
	padding:5px 0px;
	box-sizing:border-box;
	border-bottom:solid 1px #eee;
	font-size:0.9em;
	text-align:center;
	max-width:100%;
	overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#groupSchedule #listSchedulePart td dd .box.cateEari{
	background:#FFC5BF;
}
#groupSchedule #listSchedulePart td dd .box.cateWork{
	background:#FFDD90;
	font-weight:bold;
	color:#333;
}

#groupSchedule .bnrScheduleLoad {
	/*padding-top:55px;*/
	padding-bottom:55px;
}
#groupSchedule .bnrScheduleLoad a{
	display:block;
	height:0;
	overflow:hidden;
	padding-top:106px;
	text-decoration:none;
	background:url(css_img/btmDownloadFileSchedule_wide01.png) no-repeat left top;
	background-size:100%;
	transition-property: background-image, width, padding-top;
	transition-duration:0.5s;
	transition-timing-function:ease-in-out;
}

#groupSchedule #contentSchudule {
	margin-top:35px;
	margin-bottom:35px;
	color:#777;
	font-size:0.98em;
	border:#ccc 1px solid;
	padding:10px 15px;
}
#groupSchedule #contentSchudule strong {
	color:#0c9;
	text-decoration:underline;
}
#groupSchedule #contentSchudule p {
	padding:10px 0;
}

#groupSchedule #contentSchudule .typeList01 {
	position:relative;
	padding-left:50px;
	padding:0 0 0 50px;
	margin-bottom:15px;
}
#groupSchedule #contentSchudule .typeList01 span {
	position: absolute;
	left:0;
	top:0;
	color:#f90;
}

#groupSchedule .groupWeek,
#groupSchedule .groupWeek h3 {}
#groupSchedule .groupWeek {
	border:solid 1px #fff;
	margin:20px 0;
	background:#65d5bc;
	/*transform:translateX(10%);
	opacity:0;*/
	transition-property:transform, opacity;
	transition-duration:0.5s;
	transition-timing-function:ease-in-out;
	transition-delay:0s;
}
/*#groupSchedule .groupWeek.show {
	opacity:1;
	transform:translateX(0);
}*/
#groupSchedule .groupWeek h3 {
	float:left;
	width:100px;
	height:0;
	overflow:hidden;
	border:none;
	margin:25px 0 0 0;
	padding:46px 0 0 0;
	text-align:center;
	color:#fff;
	transition-property: width, padding, margin;
	transition-duration:0.3s;
	transition-timing-function:ease-in-out;
	/*font-size:1.05em;
	font-size:0;*/
}
#groupSchedule .groupWeek h3#kmkboxMon {
	background:#65d5bc url(css_img/iconBoxWeekly_mon.png) no-repeat center top;
}
#groupSchedule .groupWeek h3#kmkboxTue {
	background:#65d5bc url(css_img/iconBoxWeekly_tue.png) no-repeat center top;
}
#groupSchedule .groupWeek h3#kmkboxWed {
	background:#65d5bc url(css_img/iconBoxWeekly_wed.png) no-repeat center top;
}
#groupSchedule .groupWeek h3#kmkboxThu {
	background:#65d5bc url(css_img/iconBoxWeekly_thu.png) no-repeat center top;
}
#groupSchedule .groupWeek h3#kmkboxFry {
	background:#65d5bc url(css_img/iconBoxWeekly_fry.png) no-repeat center top;
}
#groupSchedule .groupWeek h3#kmkboxSat {
	background:#65d5bc url(css_img/iconBoxWeekly_sat.png) no-repeat center top;
}
#groupSchedule .groupWeek h3#kmkboxSun {
	background:#65d5bc url(css_img/iconBoxWeekly_sun.png) no-repeat center top;
}

#groupSchedule .groupWeek .listSchedulebox {
	float:right;
	width:890px;
	background:#fff;
	transition-property: width, margin, padding;
	transition-duration:0.5s;
	transition-timing-function:ease-in-out;
}

#groupSchedule .groupWeek dl {
	padding:20px 25px 20px 200px;
	position:relative;
	font-size:0.9em;
	border-bottom:solid 1px #ccc;
	color:#333;
	display: -webkit-flex;
	display: flex;
	align-items: center;
}
#groupSchedule .groupWeek dl.sub {
	padding-left:30px;
}
#groupSchedule .groupWeek dl:hover{
	background:#efefef;
}
#groupSchedule .groupWeek dt,
#groupSchedule .groupWeek dt a {
	font-weight:bold;
}
#groupSchedule .groupWeek dt {
	width:280px;
	/*float:left;*/
	font-size:1.2em;
	color:#20b489;
	transition-property: width, float;
	transition-duration:0.5s;
	transition-timing-function:ease-in-out;
}
#groupSchedule .groupWeek dt a{
	color:#ffb467;
	text-decoration:none;
	position:relative;
	transition-property:color;
	transition-duration:0.3s;
	transition-timing-function:ease-in-out;
	transition-delay:0s;
}
#groupSchedule .groupWeek dt a:hover{
	color:#ff4343;
	text-decoration:underline;
}
#groupSchedule .groupWeek dt .min,
#groupSchedule .groupWeek dt span{
	font-size: 0.85em;
	/* font-weight: normal; */
	color: #8c8c8c;
	padding: 0 0 0 0.8em;
}
#groupSchedule .groupWeek dt a:after{
	content:"詳細ページへ";
	background:#fff;
	color:#333;
	min-width:80px;
	display:none;
	font-size:0.8em;
	position:absolute;
	border:solid 1px #ccc;
	padding:0.5em 1.2em;
	left:-3.3em;
	bottom:1.5em;
	border-radius: 8px;        /* CSS3草案 */  
	-webkit-border-radius: 8px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 8px;   /* Firefox用 */
}
#groupSchedule .groupWeek dt a:hover:after{
	display:block;
}
#groupSchedule .groupWeek dl.sub dt {
	font-size: 1.08em;
	color: #769194;
	width: 630px;
}
#groupSchedule .groupWeek dd {}
#groupSchedule .groupWeek dl .date {
	position:absolute;
	left:30px;
	/*top:21px;*/
	top:50%;
	transform:translate(0,-50%);
	width:150px;
	color:#778683;
	transition-property: width;
	transition-duration:0.5s;
	transition-timing-function:ease-in-out;
}
#groupSchedule .groupWeek dl .staff {
	width:180px;
	color:#526664;
	/*float:left;*/
	transition-property: float, width;
	transition-duration:0.5s;
	transition-timing-function:ease-in-out;
	word-wrap: break-word;
	word-break: break-all;
}
#groupSchedule .groupWeek dl .etc {
	width:150px;
	/*float:right;*/
	background:url(css_img/iconSubScheduleTxt.png) no-repeat left top;
	min-height:26px;
	padding-left:31px;
	padding-top:3px;
	color:#f5b648;
	transition-property: float, width;
	transition-duration:0.5s;
	transition-timing-function:ease-in-out;
}
#groupSchedule .groupWeek dl.sub .etc {
	/*float:right;*/
}

/*簡略バージョン*/
/*#groupSchedule #listSchedulePart #typeSimple {
	display:none;
}
#groupSchedule #listSchedulePart #typeReal {
	display:none;
}*/
#groupSchedule #listSchedulePart.viewSimple #typeSimple {
	display:block;	
}
#groupSchedule #listSchedulePart.viewSimple #typeReal {
	display:none;
}
#groupSchedule #listSchedulePart #typeSimple td dd .box {
	width:10px;
	min-width:auto;
	height:0;
	overflow:hidden;
	padding:10px 0 0 0;
	background:#ccc;
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 10px;   /* Firefox用 */
	margin:2px;
	float:left;
}

#groupSchedule #listSchedulePart #typeSimple td dd .box.cateEari{
	background:#FFC5BF;
}
#groupSchedule #listSchedulePart #typeSimple td dd .box.cateWork{
	background:#FFDD90;
}
#groupSchedule #listSchedulePart #typeSimple td {
	background:#fff;
}

/*カレンダーの切り替えボタン*/
#btmListViewCal{}
#btmListViewCal li{
	float:left;
	margin-right:5px;
}
#btmListViewCal li a{
	display:block;
	padding:5px 1.5em;
	background:#ccc;
	color:#fff;
	text-decoration:none;
	border-radius: 5px 5px 0 0;        /* CSS3草案 */  
	-webkit-border-radius: 5px 5px 0 0;    /* Safari,Google Chrome用 */
	-moz-border-radius: 5px 5px 0 0;   /* Firefox用 */
	transition-property:background;
	transition-duration:0.3s;
	transition-timing-function:ease-in-out;
	transition-delay:0s;
}
#btmListViewCal li a:hover{
	background:#58BBCE;
}

/*スクリーン（カレンダーの項目を選択した時に表示）*/
#groupSchedule #screenDate {
	position:fixed;
	width:100%;
	height:100%;
	background:#000000cc;
	left:0;
	top:0;
	z-index:50;
	display:none;
}
#groupSchedule #screenDate .wall{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:5;
}
#groupSchedule #screenDate.show {
	display:block;
}
#groupSchedule #screenDate .frame{
	background:#fff;
	position:absolute;
	box-sizing:border-box;
	padding:50px 15px;
	width:80%;
	height:80%;
	left:50%;
	top:5%;
	margin:0 0 0 -40%;
	border-radius: 15px;        /* CSS3草案 */  
	-webkit-border-radius: 15px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 15px;   /* Firefox用 */
	z-index:15;
	overflow:scroll;
}
#groupSchedule #screenDate .frame dt{
	font-weight:bold;
	text-align:center;
	font-size:1.43em;
	margin-bottom:15px;
}
#groupSchedule #screenDate .frame dd{}
#groupSchedule #screenDate .frame dd .box{
	padding:15px 5px 15px 35px;
	border-bottom:solid 1px #eee;
	color:#666;
	font-size:0.9em;
	position:relative;
}
#groupSchedule #screenDate .frame dd .box::before{
	content:"";
	display:blocl;
	position:absolute;
	left:5px;
	top:17px;
	border-top:solid 7px transparent;
	border-right:solid 7px transparent;
	border-bottom:solid 7px transparent;
	border-left:solid 12px #ccc;
}

#groupSchedule #screenDate .frame dt:after{
 content:" 日";
}

#groupSchedule #screenDate .btmClose {
	position:absolute;
	left:50%;
	bottom:15px;
	margin-left:-21px;
	z-index:10;
}
#groupSchedule #screenDate .btmClose a {
	width:40px;
	height:40px;
	position:relative;
	display:block;
	background:#000000cc;
	border:solid 2px #ffffffcc;
	border-radius: 40px;        /* CSS3草案 */  
	-webkit-border-radius: 40px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 40px;   /* Firefox用 */
}
#groupSchedule #screenDate .btmClose a::before,
#groupSchedule #screenDate .btmClose a:after {
	position:absolute;
	width:20px;
	height:2px;
	background:#fff;
	left:10px;
	top:19px;
	content:"";
	display:block;
}
#groupSchedule #screenDate .btmClose a::before {
	-moz-transform:    rotate( -45deg );  /* Firefox用 */
	-webkit-transform: rotate( -45deg );  /* Chrome,Safari,新しいOpera用 */
	-o-transform:      rotate( -45deg );  /* 古いOpera用 */
	-ms-transform:     rotate( -45deg );  /* IE9用 */
	transform:         rotate( -45deg );  /* CSS3の書き方 */
}
#groupSchedule #screenDate .btmClose a:after {
	-moz-transform:    rotate( 45deg );  /* Firefox用 */
	-webkit-transform: rotate( 45deg );  /* Chrome,Safari,新しいOpera用 */
	-o-transform:      rotate( 45deg );  /* 古いOpera用 */
	-ms-transform:     rotate( 45deg );  /* IE9用 */
	transform:         rotate( 45deg );  /* CSS3の書き方 */
}

/**************************************************************************************
**************************************************************************************
画面サイズが1024pxより小さい場合
**************************************************************************************
**************************************************************************************/


@media screen and (max-width: 1024px){
	#groupSchedule .groupWeek dl {
		padding:15px 25px 15px 150px;
	}
	#groupSchedule .groupWeek .listSchedulebox {
		float:none;
		width:auto;
		margin-left:100px;
	}
	#groupSchedule .groupWeek dl .date {
		/*width:120px;*/
		width:100px;
		font-size:0.87em;
	}
	#groupSchedule .groupWeek dl .staff {
		width:120px;
		float:left;
	}
	
	#groupSchedule .bnrScheduleLoad a{
		/*padding-top:125px;*/
		padding-top:16%;
		background:url(css_img/btmDownloadFileSchedule_wide02.png) no-repeat left top;
		background-size:100%;
	}
	
	#groupSchedule .groupWeek dl .etc {
		clear:both;
		margin-left:0;
		float:none;
	}
	
	
}

/**************************************************************************************
**************************************************************************************
画面サイズが640pxより小さい場合
**************************************************************************************
**************************************************************************************/


@media screen and (max-width: 640px){
	
	
	.navSche {
		margin:25px 0;
	}.navSche li {
		width:45px;
	}
	.navSche a {
		padding:0;
		width:45px;
		height:0;
		padding-top:45px;
		overflow:hidden;
	}
	.navSche li.left a {
		padding-left:0;
	}
	.navSche li.right a {
		padding-right:0;
	}
	
	
	
	#groupSchedule .groupWeek dl {
		padding:20px 25px 20px 130px;
		display:block;
	}
	
	#groupSchedule .groupWeek dt {
		width:auto!important;
		float:none;
		font-size:1.2em;
		margin-bottom:10px;
	}
	#groupSchedule .groupWeek dl .date {
		width:120px;
		left:15px;
    font-size: 1.05em;
	}
	#groupSchedule .groupWeek dl .etc {
		width:auto;
		/*float:none;
		margin-left:130px;*/
	}
	
	
	#groupSchedule .bnrScheduleLoad {
		padding-bottom:35px;
	}
	
	#groupSchedule #tabScrollWeek li#tabscrMon a{
		background-image:url(css_img/tabWeekly_mon.png);
		background-size:100%;
	}
	#groupSchedule #tabScrollWeek li#tabscrTue a{
		background-image:url(css_img/tabWeekly_tue.png);
		background-size:100%;
	}
	#groupSchedule #tabScrollWeek li#tabscrWed a{
		background-image:url(css_img/tabWeekly_wed.png);
		background-size:100%;
	}
	#groupSchedule #tabScrollWeek li#tabscrThu a{
		background-image:url(css_img/tabWeekly_thu.png);
		background-size:100%;
	}
	#groupSchedule #tabScrollWeek li#tabscrFry a{
		background-image:url(css_img/tabWeekly_fry.png);
		background-size:100%;
	}
	#groupSchedule #tabScrollWeek li#tabscrSat a{
		background-image:url(css_img/tabWeekly_sat.png);
		background-size:100%;
	}
	#groupSchedule #tabScrollWeek li#tabscrSun a{
		background-image:url(css_img/tabWeekly_sun.png);
		background-size:100%;
	}
	
	#groupSchedule #listSchedulePart #typeReal td dd .box{
		max-width:100%;
		box-sizing:border-box;
	}

	#groupSchedule #listSchedulePart th,
	#groupSchedule #listSchedulePart td{
		font-size:0.15em;
		box-sizing:border-box;
		max-width:20px;
	}
	
}

/**************************************************************************************
**************************************************************************************
画面サイズが460pxより小さい場合
**************************************************************************************
**************************************************************************************/


@media screen and (max-width: 460px){
	
	#groupSchedule .groupWeek h3 {
		width:60px;
		padding:30px 0 0 0;
	}
	
	
	#groupSchedule .groupWeek h3#kmkboxMon {
		background:#65d5bc url(css_img/iconBoxWeekly_mon.png) no-repeat center top;
		background-size:90%;
	}
	#groupSchedule .groupWeek h3#kmkboxTue {
		background:#65d5bc url(css_img/iconBoxWeekly_tue.png) no-repeat center top;
		background-size:90%;
	}
	#groupSchedule .groupWeek h3#kmkboxWed {
		background:#65d5bc url(css_img/iconBoxWeekly_wed.png) no-repeat center top;
		background-size:90%;
	}
	#groupSchedule .groupWeek h3#kmkboxThu {
		background:#65d5bc url(css_img/iconBoxWeekly_thu.png) no-repeat center top;
		background-size:90%;
	}
	#groupSchedule .groupWeek h3#kmkboxFry {
		background:#65d5bc url(css_img/iconBoxWeekly_fry.png) no-repeat center top;
		background-size:90%;
	}
	#groupSchedule .groupWeek h3#kmkboxSat {
		background:#65d5bc url(css_img/iconBoxWeekly_sat.png) no-repeat center top;
		background-size:90%;
	}
	#groupSchedule .groupWeek h3#kmkboxSun {
		background:#65d5bc url(css_img/iconBoxWeekly_sun.png) no-repeat center top;
		background-size:90%;
	}
	
	
	#groupSchedule .groupWeek .listSchedulebox {
		margin-left:60px;
	}
	
	#groupSchedule .groupWeek dl {
		padding:30px 15px 15px 15px;
	}
	
	#groupSchedule .groupWeek dl .date {
		left:15px;
		top:15px;
		width:100%;
	}
	
	#groupSchedule .groupWeek dt {
		margin-bottom:5px;
	}
	#groupSchedule .groupWeek dl .staff {
		width:auto;
		float:none;
		margin-bottom:5px;
	}
	#groupSchedule .groupWeek dl .etc {
		margin-left:0;
	}
	
	
	#groupSchedule .bnrScheduleLoad a{
		/*padding-top:105px;*/
		padding-top:24%;
		background:url(css_img/btmDownloadFileSchedule_wide03.png) no-repeat left top;
		background-size:100%;
	}
}