/*
 * base css 
 * pc width 1000px fixed
 */

@media (max-width: 599px) {
}

@media (min-width: 600px) and (max-width:959px) {
}

@media (min-width: 960px) {
}

@media (max-width: 480px) {
}

@media (min-width: 481px) and (max-width:767px) {
}

@media (min-width: 768px) and (max-width:959px) {
}

@media (min-width: 960px) {
}

@media (max-width: 767px) {
}

@media (min-width: 768px) {
}

/* ---------------------------------------- common */

@media (max-width: 767px) {
}

@media (min-width: 768px) {
	main { padding: 5em 1.5em 8em; }
}

section + section { margin: 8em 0 0; }

section h2 {
	text-align: center;
	font-weight: 600;
	margin: 0 0 2em;
}

@media (max-width: 767px) {
	section h2 { 
		font-size: clamp(0.938rem, 0.714rem + 1.12vw, 1.25rem);
	}
}

@media (min-width: 768px) {
	section h2 { 
		font-size: clamp(1.125rem, -1.358rem + 5.17vw, 1.875rem);
	}
}

/* ---------------------------------------- innerNav */

@media (max-width: 767px) {

	#innerNav { display: none; }
}

@media (min-width: 768px) {

	#innerNav { margin: 0 0 5em; }
	#innerNav ul {
		display: flex;
		justify-content: center;
	}
	#innerNav ul li {
		border-bottom: 3px #a0a0a0 solid;
		padding: 0 2em;
	}
	#innerNav ul li:first-child { padding: 0 3em 0 10em; }
	#innerNav ul li:last-child { padding: 0 10em 0 3em; }
	#innerNav ul li a {
		display: block;
		font-weight: 500;
		padding: 0 0 1em;
		position: relative;
		-webkit-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
	}
	#innerNav ul li a::after {
		content: "";
		display: block;
		width: 100%;
		height: 3px;
		background: #da1c1c;
		position: absolute;
		bottom: -3px;
		left: 0;
		visibility: hidden;
	}
	#innerNav ul li a:hover {
		color: #da1c1c;
	}
	#innerNav ul li a:hover::after {
		visibility: visible;
	}
}

/* ---------------------------------------- table */

.swipewrap table { 
	width: 100%;
	font-family: "Oswald", 'Noto Sans JP', sans-serif; 
}
.swipewrap th,
.swipewrap td {
	border-bottom: 1px #b5b5b5 solid;
	text-align: left;
	line-height: 1.6;
	padding: 1em;
	vertical-align: middle;
}
.swipewrap thead th,
.swipewrap thead td,
.swipewrap tbody td:nth-child(3){
	text-align: center;
}
.swipewrap thead {
	color: #da1c1c;
	border-bottom: 2px #b5b5b5 solid;
	font-weight: 600;
}

.swipewrap td .cancel {
	display: inline-block;
	color: #fff;
	background: #da1c1c;
	line-height: 1.6;
	padding: 1px 4px;
	margin: 0 1em 0 0;
}

.swipewrap tbody tr:hover {
	background: #da1c1c;
	cursor: pointer;
}
.swipewrap tbody tr:hover th,
.swipewrap tbody tr:hover td {
	color: #fff;
}
.swipewrap tr:hover td .cancel {
	color: #da1c1c;
	background: #fff;
}

@media (max-width: 767px) {

	.swipewrap .listwrap {
		padding: 0 0 1em;
		overflow-x: scroll;
	}
	.swipewrap table {
		min-width: 800px;
	}
	.swipewrap th,
	.swipewrap td {
		padding: 1em .5em;
	}
	.swipewrap td .cancel {
		font-size: clamp(0.625rem, 0.536rem + 0.45vw, 0.75rem);
	}
}

@media (min-width: 768px) {
	section table {
		width: 100%;
	}
	.swipewrap td .cancel {
		font-size: clamp(0.625rem, 0.211rem + 0.86vw, 0.75rem);
	}
}

/* ---------------------------------------- common */

section .pagelink {
	text-align: center;
	margin: 3em 0 0;
}
section .pagelink a {
	display: inline-block;
	color: #fff;
	background: #000 url( ../images/commons/arrwo-brackets-right-w.svg) no-repeat right 1em center;
	background-size: auto 1em;
	padding: .75em 2.5em .75em 1.5em;
	-webkit-transition: all 0.1s ease-out;
	transition: all 0.1s ease-out;
}
section .pagelink a:hover {
	background: #e1123a url( ../images/commons/arrwo-brackets-right-w.svg) no-repeat right 1em center;
}