@charset "utf-8";
/*--------------------
	contents
--------------------*/
.contents::after,
.links:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.contents > p {
	margin: 30px 0;
	text-align: center;
	font-size: 20px;
}

.links {
	margin: 20px 0;
}
.links a {
	float: left;
	box-sizing: border-box;
	margin-right: 10px;
	text-decoration: none;
	color: #000;
	font-weight: bold;
	outline: 1px solid #000;
	background: #fff;
}
.links a:last-of-type {
	margin-right: 0;
}
.links a span {
	display: block;
	text-align: center;
}

.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 {
	float: left;
}
.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: 200px;
	height: auto;
}
.contents > section div.thumbnail_other .slick-active {
	cursor: pointer;
	margin-right: 10px;
	background: #000;
}

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

table {
	width: 460px;
}
table tr {
	border: 1px solid #000;
	background: #fff;
}
table th {
	width: 142px;
	border-right: 1px solid #000;
}
table td {
	text-align: right;
}


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;
	float: left;
	margin-bottom: 30px;
	width: 230px;
	box-sizing: border-box;
	margin-right: 10px;
	text-decoration: none;
	color: #000;
	font-weight: bold;
	outline: 1px solid #000;
	background: #fff;
}
.thumbnail a span {
	display: block;
	text-align: center;
}
.thumbnail a:hover {
	opacity: 0.8;
}
.thumbnail a img {
	width: 230px;
	height: auto;
}

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

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

#truck_2tl .thumbnail_other img {
	width: 150px;
}