@charset "UTF-8";

#content {
	width: 750px;
	text-align: left;
	margin: 0 auto;
}

.fwB {
	font-weight: bold;
}

.fcR {
	color: #ff5813;
}

body {
	line-height: 1.4rem;
	font: 16px/1.5 "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	color: #444;
}

.fcO {
	color: #ff5813;
	font-weight: bold;
}

th {
	line-height: 1.1rem;
	font-weight: normal;
}

.fcY {
	font-weight: bold;
	font-size: 1rem;
	margin: 3rem 0 -8px;
	display: block;
	line-height: 0;
	text-align: center;
}

.mt10 {
	margin-top: 10px;
}

.mt20 {
	margin-top: 20px;
}

.mt30 {
	margin-top: 30px;
}

.mt40 {
	margin-top: 40px;
}

.mt50 {
	margin-top: 50px;
}

.mt60 {
	margin-top: 60px;
}


.mb10 {
	margin-bottom: 10px;
}

.mb20 {
	margin-bottom: 20px;
}

.mb30 {
	margin-bottom: 30px;
}

.mb40 {
	margin-bottom: 40px;
}

.mb50 {
	margin-bottom: 50px;
}

.mb60 {
	margin-bottom: 60px;
}

.pc_dp_n {
	display: none;
}

/*-----pc------------*/

.cta {
	width: 100%;
	margin: 8px auto;
}

p.mt5 {
	margin-top: 5px;
}

p.mb5 {
	margin-bottom: 5px;
}


.pics {
	width: 100%;
}

section {
	margin: 0 auto;
	padding: 0 3%;
}

.p_btn {
	border: 1px solid #ff5813;
	border-radius: 7px;
	width: 50%;
	text-align: center;
}

.mr2 {
	margin-right: 2%;
}

.p_btn p {
	color: #ff5813;
	font-weight: bold;
	font-size: 1rem;
	line-height: 1rem;
}

.flex {
	display: flex;
}

table {
	font-size: 0.9rem;
	width: 100%;
}

table th,
table td {
	padding: 1.5% 0.5%;
	border: 1px solid #cbcbcb;
	text-align: center;
}

table td {
	width: 35%;
}

table th {
	width: 15%;
}

.min_rank tr > td:nth-child(2) {
	background-color: #fff6ea;
}

table .ex {
	color: #ff7575;
	font-size: 1.5rem;
}

table .bad {
	color: #75bfff;
	font-size: 1.5rem;
}

td.b_n,
th.b_n {
	border: none;
	font-size: 1.5rem;
	padding: 0.5%;
}

.ranktable {
	box-sizing: border-box;
	padding: 0;
	border: 5px solid #ccc;
	width: 100%;
	margin-top: 10px;
}

.ranktable table {
	width: 100%;
	font-size: inherit;
}

.ranktable th,
.ranktable td {
	width: 17%;
	padding: 1.8% 1.5%;

}

.ranktable td {
	font-size: 0.9rem;
}

.ranktable th {
	background-color: #7c7c7c;
	color: #fff;
	font-size: 15px;
	width: 100%;
	font-weight: bold;
}

td img {
	width: 100%;
}

td.item {
	background-color: #ff5813;
	padding: 1% 0.5%;
}

td.item a {
	color: white;
}

td.link a {
	color: #ff7841;
	font-weight: bold;
}

.none_mt td {
	padding-top: 1.8%;
}

footer {
	background-color: #7c7c7c;
	color: white;
	padding: 2% 4%;
	margin-top: 20px;
	font-size: 0.8rem;
}

footer .t_c {
	text-align: center;
}

p.fsS {
	font-size: 0.7rem;
	text-align: center;
}

.p_btn a {
	text-decoration-line: none;
}

.pc_style {
	margin-top: 30px;
}

footer .chousa,
footer .uneisya {
	width: 30%;
	margin: 0 auto;
}

/*----------sp------------*/

@media (max-width: 767px) {

	.pc_style {
		margin-top: 0;
	}

	.cta {
		width: 100%;
		margin: 8px auto;
	}

	.pc_dp_n {
		display: block;
	}

	p.mt5 {
		margin-top: 5px;
	}

	p.mb5 {
		margin-bottom: 5px;
	}

	#content {
		width: 100%;
		text-align: left;
		margin: 0 auto;
	}

	.pics {
		width: 100%;
	}

	section {
		margin: 0 auto;
		padding: 0 3%;
	}

	.p_btn {
		border: 1px solid #ff5813;
		border-radius: 7px;
		width: 50%;
		text-align: center;
	}

	.mr2 {
		margin-right: 2%;
	}

	.p_btn p {
		color: #ff5813;
		font-weight: bold;
		font-size: 1rem;
		line-height: 1rem;
	}

	.flex {
		display: flex;
	}

	table {
		font-size: 0.9rem;
		width: 100%;
	}

	table th,
	table td {
		padding: 3% 0.5%;
		border: 1px solid #cbcbcb;
		text-align: center;
	}

	table td {
		width: 35%;
	}

	table th {
		width: 23%;
	}

	.min_rank tr > td:nth-child(2) {
		background-color: #fff6ea;
	}

	table .ex {
		color: #ff7575;
		font-size: 1.5rem;
	}

	table .bad {
		color: #75bfff;
		font-size: 1.5rem;
	}

	td.b_n,
	th.b_n {
		border: none;
		font-size: 1.5rem;
		padding: 0.5%;
	}

	.ranktable {
		box-sizing: border-box;
		padding: 0;
		border: 5px solid #ccc;
		overflow: scroll;
		width: 100%;
		margin-top: 0px;
		border-top: 0;
	}

	.ranktable table {
		width: 660px;
		border-collapse: collapse;
		border-spacing: 0;
		font-size: inherit;
	}

	.ranktable th,
	.ranktable td {
		width: 17%;
		padding: 1.8% 1.5%;

	}

	.ranktable td {
		font-size: 0.9rem;
		padding-top: 7%;
	}

	.ranktable th {
		background-color: #7c7c7c;
		color: white;
		width: 100%;
	}


	.ranktable .sp_th th {
		position: absolute;
		width: calc(100% - 12%);
	}

	td img {
		width: 100%;
	}

	td.item {
		background-color: #ff7841;
		padding: 1% 0.5%;
	}

	td.item a {
		color: white;
	}

	td.link a {
		color: #ff7841;
		font-weight: bold;
	}

	.none_mt td {
		padding-top: 1.8%;
	}

	footer {
		background-color: #7c7c7c;
		color: white;
		padding: 2% 4%;
		margin-top: 20px;
		font-size: 0.8rem;
	}

	footer .t_c {
		text-align: center;
	}

	p.fsS {
		font-size: 0.7rem;
		text-align: center;
	}

	.p_btn a {
		text-decoration-line: none;
	}

	footer .chousa,
	footer .uneisya {
		width: 100%;
		margin: 0;
	}

	.ranktable tr:first-child td {
		font-weight: bold;
		font-size: 15px;
	}

	.ranktable td {
		font-size: 14px;
	}

	.min_rank table th {
		font-size: 14px;
		font-weight: bold;
		line-height: 1;
		width: 6%;
	}

	.min_rank table {
		font-size: 14px;
	}

	.min_rank tr:first-child td {
		font-size: 15px;
	}

	.min_rank tr:last-child td {
		font-weight: bold;
	}
}
p.tableScroll {
	right: 0;
	display: block;
	margin: auto;
	width: 100%;
	text-align: center;
	background: #ccc;
	font-size: 14px;
	color: #fff;
}
video {
	width: 100%;
}

.moveInPage a {
	color: #ff5813;
	font-weight: bold;
	line-height: 1rem;
	display: block;
	width: 94%;
	text-align: center;
	padding: 20px 0;
	border: 1px solid #ff5813;
	border-radius: 5px;
	text-decoration: none;
	font-size: 18px;
	margin: 5% auto;
}

h4 {
	line-height: 1;
	padding: 0;
	margin: 10% 0 5%;
}

footer {
	background-color: #7c7c7c;
	color: white;
	padding: 6% 3%;
	margin-top: 50px;
	font-size: 14px;
}

footer h5 {
	font-size: 14px;
	margin: 10% 0 0;
}

small {
	text-align: center;
	display: block;
	margin: 15% 0% 5%;
}

p.videoTtl {
	font-weight: bold;
	margin: 3% 0 0;
}

img.tableComponentIcon {
	width: 80%;
	display: block;
	margin: auto;
}

@media (min-width: 767px) {
	img.coment {
		width: 62%;
		margin: 3% auto;
		display: block;
	}
	footer div {
		width: 750px;
		margin: auto;
	}

}


td.table_btn{
    padding:0.5em;
}
.table_btn p{
	display:block;
	background:#17a0ae;
	padding:0.5em;
	border-radius: 4px;
	box-shadow: #0d828e 0px 4px;
}
.table_btn a:link,
.table_btn a:visited{
	color:#fff;
	text-decoration: none;
}

span.marker {
	font-weight: bold;
	background: #feff01;
	color: #000;
}

ul {
	border: 1px solid #f56022;
	padding: 2%;
	text-align: center;
}

.ranktable tr:nth-child(even) td:first-child{
	background: #ffffc3;
}
.ranktable tr:nth-child(2) td:first-child{
	background: #fff;
}

section {
    margin: 0 auto;
    padding: 0 3%;
}