*{
	box-sizing:border-box;
}

@media(min-width:961px){
	.sponly{
	  display:none !important;
	}
  }
@media(max-width:960px){
  .pconly{
    display:none !important;
  }
}
@media(min-width:561px){
	.show_sp{display: none !important;}
}
@media(min-width:961px){
	.show_sptb{display: none !important;}
}
@media(max-width:560px){
	.show_tbpc{display: none !important;}
}
@media(max-width:960px){
	.show_pc{display: none !important;}
}

:root {
	--color1: #0e77d1;
}


.flex{
	display: flex;
}

.flex div{
	width: 46%;
	padding:0 2%; 
}
.table_wrap{
	max-width: 1700px;
	width: 96%;
	margin: 15px auto 0;
}
.table_wrap table{
	border-collapse: separate; /* collapseではなくseparateを使う */
	border-spacing: 0; /* セルの隙間をゼロにする */
	width: 100%;
	margin-top:15px;
}
td, th {
	border: 1px solid #777;
	text-align: center;
	padding: 5px;
	width: 50px;
	height: 25px;
	position: relative;
	margin: -1px; /* セル同士をぴったり詰める */
	border-right: none; /* 右側の枠線を消す */
	border-bottom: none; /* 下側の枠線を消す */
}

/* 最後の列のセルだけ右に枠線をつける */
th:last-child, td:last-child {
  border-right: 1px solid #000;
}

/* 最後の行のセルだけ下に枠線をつける */
@media(min-width:561px){
	tr:last-child th, tr:last-child td {
		border-bottom: 1px solid #000;
	}
	th br{
		display:none;
	}

}
th {
	background:#f3f3f3;
	color: var(--color1);
}
td {
	font-size: calc(11px + 0.5vw);
	height: 3em;
}
td p{
	margin:0
}
 
tr:first-child th:first-child { border-top-left-radius: 15px; }
tr:first-child th:last-child { border-top-right-radius: 15px; }
tr:last-child td:first-child, tr:last-child th:first-child { border-bottom-left-radius: 15px; }
tr:last-child td:last-child, tr:last-child th:last-child { border-bottom-right-radius: 15px; }

.even {
	background: #fbf8f0;
}
.odd {
	background: #fefcf9;
}
.table_wrap td span{
	display: inline-block;
	margin: 0 10px 0;
}
.point_box{
	margin-top:25px
}
.point_box h2{
	color: var(--color1);
	font-size: calc(11px + 0.5vw);
	margin: 10px 0 5px 5px;
}
.point_box div{
	border: 1px solid;
	padding: 0.2em 0.6em;
	min-height:100px;
	border-radius:15px;
	font-size: calc(11px + 0.5vw);
}
.day_wrap.flex{
	align-items: center;
	justify-content: space-between;
}
.day_wrap h2{
	margin: 0 auto;
}
th i{
	display:inline-block;
	margin:0 4px
}

@media screen and (max-width: 560px) {
	.day_wrap h2{
		font-size:16px;
	}
	.table_wrap{
		width: 94vw;
		margin: 20px auto;
	}
	teble,tr{
		display:block;
	}
	th,td{
		display:flex;
		align-items:center;
		justify-content:center;
		border:1px solid #666;
		height:auto;
		font-size:11px;
		margin:0;
		padding:0;
		line-height:1.3
	}
	tr:first-child th:first-child { border-top-left-radius:0; }
	tr:first-child th:last-child { border-top-right-radius:0; }
	tr:last-child td:first-child, tr:last-child th:first-child { border-bottom-left-radius:0; }
	tr:last-child td:last-child, tr:last-child th:last-child { border-bottom-right-radius:0; }
	:root {
		--width1: 24vw;
		--width2: 8vw;
		--width3: 31vw;
		--height1: 40px;
	}
	tr{
		position:relative;
		width:100%;
		height:calc(var(--height1) * 2.1);
	}
	th,td{
		position:absolute;
		overflow:hidden;
		border-style:dotted;
	}

	/* th配置 */
	th:nth-child(1){
		top:0;
		left:0;
		width:var(--width1);
		height:var(--height1);
		border-bottom:none;
		border-right:none;
		border-top-style:solid;
		border-left-style:solid;
	}
	th:nth-child(2){
		top:var(--height1);
		left:0;
		width:var(--width1);
		height:var(--height1);
		border-right:none;
		border-bottom-style:solid;
		border-left-style:solid;
	}
	th:nth-child(3){
		top:0;
		left:var(--width1);
		width:var(--width2);
		height:calc(var(--height1) * 2);
		border-right:none;
		border-top-style:solid;
		border-bottom-style:solid;
	}
	th:nth-child(4){
		top:0;
		left:calc(var(--width1) + var(--width2));
		width:var(--width3);
		height:var(--height1);
		border-bottom:none;
		border-right:none;
		border-top-style:solid;
	}
	th:nth-child(5){
		top:var(--height1);
		left:calc(var(--width1) + var(--width2));
		width:var(--width3);
		height:var(--height1);
		border-right:none;
		border-bottom-style:solid;
	}
	th:nth-child(6){
		top:0;
		left:calc(var(--width1) + var(--width2) + var(--width3));
		width:var(--width3);
		height:var(--height1);
		border-bottom:none;
		border-top-style:solid;
		border-right-style:solid;
	}
	th:nth-child(7){
		top:var(--height1);
		left:calc(var(--width1) + var(--width2) + var(--width3));
		width:var(--width3);
		height:var(--height1);
		border-bottom-style:solid;
	}
	/* td配置 */
	td:nth-child(1){
		top:0;
		left:0;
		width:var(--width1);
		height:var(--height1);
		border-bottom:none;
		border-right:none;
		border-top-style:solid;
		border-left-style:solid;
	}
	td:nth-child(2){
		top:var(--height1);
		left:0;
		width:var(--width1);
		height:var(--height1);
		border-right:none;
		border-bottom-style:solid;
		border-left-style:solid;
	}
	td:nth-child(3){
		top:0;
		left:var(--width1);
		width:var(--width2);
		height:calc(var(--height1) * 2);
		border-right:none;
		border-top-style:solid;
		border-bottom-style:solid;
	}
	td:nth-child(4){
		top:0;
		left:calc(var(--width1) + var(--width2));
		width:var(--width3);
		height:var(--height1);
		border-bottom:none;
		border-right:none;
		border-top-style:solid;
	}
	td:nth-child(5){
		top:var(--height1);
		left:calc(var(--width1) + var(--width2));
		width:var(--width3);
		height:var(--height1);
		border-right:none;
		border-bottom-style:solid;
	}
	td:nth-child(6){
		top:0;
		left:calc(var(--width1) + var(--width2) + var(--width3));
		width:var(--width3);
		height:var(--height1);
		border-bottom:none;
		border-top-style:solid;
		border-right-style:solid;
	}
	td:nth-child(7){
		top:var(--height1);
		left:calc(var(--width1) + var(--width2) + var(--width3));
		width:var(--width3);
		height:var(--height1);
		border-bottom-style:solid;
	}
	.table_wrap td span{
		display: block;
		margin:5px 0;
	}
	.point_box div{
		border-radius:3px;
	}
	th i{
		display:none;
	}
	th span{
		display:block;
		margin:3px 
	}
	th p{
		line-height:1.8
	}
}