@charset "utf-8";

/*timetable--*/

.timetable a:hover{
  opacity: 0.6;
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  -webkit-transition: 0.1s ease-in-out;
  -moz-transition: 0.1s ease-in-out;
  -o-transition: 0.1s ease-in-out;
  transition: 0.1s ease-in-out;
}

.stars{
color: #ff3f3f;
}	

.schedCoach{
	text-align:center!important;
	color:#994c4c!important;
}

.time-schedule{
	position: relative;
	font-size: 11px;
	line-height: 1.3em;
	font-weight:bold;
    text-align:center;
	color:#000;
}
.timetable{
	width: 100%;
    display:table;
	table-layout: fixed;
	overflow-wrap: break-word;
}


.time, 
.schedule{
    display:table-cell;
    vertical-align:top;
}
.time div, 
.schedule div {
	border: 1px solid #fff;
 	border-collapse: collapse;
	margin: 0;
	padding: 0.5em;
    background: lightgrey;
    vertical-align:middle;	
}
.time-schedule a{
	width: 100%;
    height: 100%;
    display: block;
}

.time-schedule a.non-block{
    display:initial!important;
}

.time-schedule p{
	color: #333;
	margin:0;
	text-align:right;
}
.time-schedule p .grey-square{
	color: lightgrey;
    font-size: 2em;
    vertical-align: -30%;
    margin: 0;
}
.time{width:9em;}
.sunday{width: 4em;}

.cell-grey,
.half,
.row-free,
.free{height: 1.5em;}

.row-lesson,
.lesson,
.height-L{height: 9.5em;}

.row-day,
.day{font-size:20px;height:22px;line-height:100%;padding-bottom:0;}


.time div, 
.schedule .day{
    background: #ffab23;
}

.daySat div{
	background: #8cbde0;
}
.Sat{background: #8cbde0!important;}

.Sun{background: #ff906e!important;}

.schedule .lesson{
	background: #fce48b;
}
.personal a{
	text-decoration:none;
	color:#fff;
}
.time-schedule a:hover{
	color: #030037;
}
.schedule .free{
	background:#6cbf98a6!important;
}

.time-free{
	background: #ffb938a6!important;
}

.time-free-sat{
	background: #8bc0eda6!important;
}

.mobile-only{
	display: none;
}
.free:before{
	content:"FREE\A";
	}
.time-schedule *:before{
	white-space: pre;
}
.personal{
	background: #c165b6;
	border: purple;
	position: absolute;
    top: 14%;
    left: 22%;
    font-size: 16px;
    padding: 3em;
    line-height: 2em;
	}
	
.mobile-personal a{display:none;color:#fff;}
/*timetable--*/

@media screen and (min-width: 1061px) and (max-device-width: 1224px) {
.row-lesson,
.lesson,
.height-L{height: 12em;}
}

@media screen and (min-width: 769px) and (max-device-width: 1060px) {
    #content_in{width:90%;}
    .time-schedule{font-size:8px;}
    .sunday{width:5em;}
.row-lesson,
.lesson,
.height-L{height: 15em;}
.time{width:10em;}
}


@media screen and (min-width: 0px) and (max-device-width: 768px) {
	/*mobile time table*/
	.schedule{
	width: 100%;
	display: block;
	margin-bottom: 2em;
	}
	.time-schedule{font-size:17px;}
	.time-schedule p{
	/*margin:10px 0;*/
	text-align:left;
	}
	img.thumbnail{
		display:none;
	}
	.close-text{font-size:15px;}
	.schedule div{
	background:lightgrey;
	}
	.cell-grey{/*color:#fff;*/}

	.time div, 
	.schedule div {
	border-right: none;
	border-left:none;
	}
	.time, 
	.row-free,
	.cell-grey,
	.personal,
	.mobile-nodisplay{
	display: none;
	}
	.cell-grey,
	.row-lesson,
	.row-free,
	.lesson,
	.free,
	.extra-class,
	.half,
	.row-day,
	.day{
	height: auto;
	}
	.time div, 
	.schedule {
	display: block;
	}
	.time0800,
	.time2200,
	.time2000-0800,
	.time0800-1400,
	.mobile-personal,
	.mobile-personal a{
	display:block!important;
	}
	.schedule div.mobile-personal{
	background: purple;
	border: purple;
	color:#fff;
	}
	
	.time-schedule .lesson a{
		margin-top:-10px;
	}
	br.sp-none{
		display:none;
	}
	/*.mobile-personal:after{
	content:'<a hfer="../class/class_personal_training.html">パーソナルトレーニング 24H指導可能！</a>';
	}*/
	.time0800:before{
	content:"08:00-16:00\A";
	}
	.free.time16001800:after{
	content:"16:00-18:00";
	}
	.free.time16001630:after{
	content:"16:00-16:30";
	}
	.lesson.time1630:before{
	content:"16:30-17:30\A";
	}
	.free.time1630:after{
	content:"16:30-17:30";
	}
	.time1730:after{
	content:"17:30-18:00";
	}
	.time1800:before{
	content:"18:00-18:50\A";
	}
	.time1850:after{
	content:"18:50-19:10";
	}	
	.time1910:before{
	content:"19:10-20:10\A";
	}
	.time2000:after{
	content:"20:10-20:30";
	}
	.time2020:before{
	content:"20:30-21:30\A";
	}
	.time2110:after{
	content:"21:30-22:00";
	}
	.time2200:before{
	content:"22:00-08:00\A";
	}
	.time0800-1400:before{
	content:"08:00-14:00\A";
	}
	.time1420:before{
	content:"14:15-15:15\A";
	}
	.time14001420:after{
	content:"14:00-14:15";
	}
	.time1520:after{
	content:"15:15-16:00";
	}
	.time1600:before{
	content:"16:00-17:00\A";
	}
	.time1700:after{
	content:"17:00-17:20";
	}
	.time1720:before{
	content:"17:20-18:20\A";
	}
	.time1820:after{
	content:"18:20-18:40";
	}
	.time1840:before{
	content:"18:40-19:40\A";
	}
	.time1940:after{
	content:"19:40-20:00";
	}
	.time2000-0800:before{
	content:"20:00-08:00\A";
	}
/*--time table*/
}

@media print{
    #content_in{
		width:95%;
	}
	.time-schedule{font-size:8px;}
	.time{width:12em;}
	#header,#menuOpen,#menu,.lesson-text{
		display:none;
	}
	p,ul{
	margin-block-start: 0;
    margin-block-end: 0;
	}
}