@charset "utf-8";
/*--------------------
	contents
--------------------*/
#trucks h2 {
	font-size: 22px;
}

main .contents section {
	margin-bottom: 40px;
}

.contents::after,
.links:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.contents > p {
	margin: 30px 0;
	text-align: center;
	font-size: 15px;
}

.links {
	margin: 20px 0;
}
.links a {
	float: left;
	box-sizing: border-box;
	text-decoration: none;
	width: 100%;
	color: #000;
	font-weight: bold;
	outline: 1px solid #000;
	background: #fff;
}
.links a::after {
	content: "▼";
	float: right;
	margin-top: 10px;
	margin-right: 40px;
}

.links a img {
	margin-right: 10px;
	width: 20%;
	height: auto;
}
.links a span {
	font-size: 1.2em;
}


.contents > section {
	clear: left;
}
.contents > section > div {
	margin-bottom: 20px;
}
.contents section > div.active::after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.contents > section > div,
.contents > section > div.active .view_pic img {
	display: none;
}
.contents > section .active,
.contents > section > div.thumbnail_other,
.contents > section > div.active img.img_active {
	display: block;
}
.contents > section > div.active img.img_active {
	width: 100%;
	height: auto;
}
.contents section > div.active > img {
	margin-right: 10px;
}

.contents > section > div.active ul li::marker {
	content: "";
}

.contents > section div.thumbnail_other {
	margin-bottom: 0;
}
.contents > section div.thumbnail_other > div {
	float: left;
	margin-right: 10px;
}

.contents > section div.thumbnail_other img {
	width: 100%;
	height: auto;
}
.contents > section div.thumbnail_other .slick-active {
	cursor: pointer;
	margin-right: 10px;
	background: #000;
}

main .contents .right_menu {
	margin-bottom: 0;
	padding-left: 0;
}
main .contents .right_menu p {
	margin-bottom: 15px;
}

table {
	border-collapse: unset;
	width: 100%;
	border: 1px solid #000;
	font-size: 0.8em;
}
table th, table td {
    padding: 5px 0;
}
table tr {
	background: #fff;
}
table th {
	border-right: 1px solid #000;
}
table td {
	text-align: right;
	padding-right: 5px;
}
table th,table td {
	border-top: 1px solid #000;
}
table tr:first-child th, table tr:first-child td {
	border-top: 0;
}
.contents section section.thumbnail {
	padding-left: 0;
}

section.thumbnail a {
	background: #000;
}

section.thumbnail a span {
	background: #fff;
}
section.thumbnail img {
	opacity: 0.6;
}
section.thumbnail img.active {
	opacity: 1;
}

.links a:last-of-type {
	margin-right: 0;
}

.thumbnail a {
	cursor: pointer;
	display: inline-block;
	margin-right: 5px;
	margin-bottom: 5px;
	width: 35%;
	box-sizing: border-box;
	text-decoration: none;
	color: #000;
	font-weight: bold;
	outline: 1px solid #000;
	background: #fff;
}
.thumbnail a span {
	display: block;
	text-align: center;
}

.thumbnail a img {
	width: 100%;
	height: auto;
}

.thumbnail_other a img {
	opacity: 0.6;
}
.thumbnail_other a img.active {
	opacity: 1;
}
.thumbnail_other a {
	cursor: pointer;
	float: left;
	width: 30%;
    margin-right: 5px;
    background: #000;
}

.thumbnail_other a:last-of-type {
	margin: 0;
}