@charset "utf-8";
@import "cont_common.css";

/*　
=============================================== */
.table-wrap {
	overflow-x:auto;
	margin-bottom:50px;
}
.table-wrap table {
	width:100%;
	min-width:768px;
	overflow-x: auto;
	white-space: nowrap;
}
.table-wrap table th {
	background-color:#dfdfdf;
}
.table-wrap table th,
.table-wrap table td {
	border:1px solid #ccc;
	padding:10px;
	text-align:center;
}
.table-wrap table tr:nth-child(even) {
}

@media screen and (max-width: 760px) {
	.table-wrap {
		padding-top:22px;
		position: relative;
		margin-bottom:20px;
	}
	.table-wrap:before {
		content: "\008868\00306f\005de6\0053f3\00306b\0030b9\0030af\0030ed\0030fc\0030eb\003067\00304d\00307e\003059";
		color:#fff;
		font-size:12px;
		background-color:#939300;
		position: absolute;
		top:0px;
		border-radius: 5px;
		padding: 0.05em 0.5em;
	}
}

.w_time,
.w_place,
.w_inst {
	width:20%;
}

..w_class {
	width:40%;
}

td.training {
	background-color:#FFE6E6;
}

/*　
=============================================== */
.dayweek {
    background:#ff0000;
    padding:15px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    line-height: 1;
}
.square {
    color: #000;
    text-align: center;
    font-size: 14px;
    border-bottom: 1px solid #ff0000;
    margin: -1px 0 0;	
}
.sp {
	border-top:1px solid #ff0000;
}

@media only screen and (min-width: 769px) {	
	.dayweekwrap {
		float: left;
		width: 16.666666%;
		/*min-width: 100px;*/
		border-top: 1px solid #ff0000;
	}
	.dayweek {
		border-right: 1px solid #ff0000;
	}
	.square {
		border-right: 1px solid #ff0000;
		height:150px;
		border-top: 1px solid #ff0000;
		/*上下中央*/
		display: flex;
		justify-content: center;
		align-items: center;		
	}
	.sp {
		border-left:1px solid #ff0000;}
}