@charset 'utf-8';


#voice .headline > div > div {
	max-width: 400px;
}

#voice .headline > div > div:nth-child(2) {
	padding: 0 10px;
}

@media only screen and (min-width: 1001px) {

	#voice .headline > div {
		flex-direction: row;
	}
}

#point {
	margin-top: 30px;
	padding-bottom: 20px;
	border-bottom: 1px solid #000;
}

.btnarea.buyup {
	padding-bottom: 20px;
	border-bottom: 1px solid #000;
}

.btnarea.middle.reverse {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #000;
}


.btnarea.voice a {
	padding: 12px 30px;
}

body.index #pageheadtop {
	border-bottom: none;
}


#document .columns:not(:last-child) {
/* 	margin-bottom: 0; */
}

.elemgroup.message {
	padding-bottom: 1em;
	border-bottom: 1px solid #000;
}

#document > .columns.elemgroup:nth-of-type(1) {
	margin-bottom: 1em;
	padding-bottom: .5em;
	border-bottom: 1px solid #000;
}


.articletitle .year {
	margin-bottom: .5em;
	color: #636a6e;
	font-size: 2em;
}

.articletitle .data {
	margin-bottom: .5em;
	color: #636a6e;
	font-size: 2.4em;
}

.articletitle .maker.etext {
	color: #636a6e;
	font-size: 3em;
	font-weight: 700;
}

.articletitle .maker {
	margin-bottom: 1em;
	color: #636a6e;
	font-size: 1em;
	font-weight: 900;
}

.articletitle .desc {
	margin-bottom: .5em;
	font-size: .85em;
	line-height: 1.6;
}

.linecolumn {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 10px 0;
	border-bottom: 1px solid #000;
	color: #636a6e;
}

.linecolumn:not(:last-child) {
	margin-bottom: 1em;
}

.linecolumn > div:not(:last-child) {
	margin-bottom: .5em;
}

.linecolumn .mileage {
	font-size: .7em;
	font-weight: 700;
}

.linecolumn .date {
	font-size: 1em;
	font-weight: 700;
}

.linecolumn .shop {
	color: #000;
	font-size: 1.2em;
	font-weight: 700;
}

.linecolumn .addr {
	color: #000;
	font-size: 1.6em;
	font-weight: 700;
}

.linecolumn .time {
	color: #000;
	font-size: 1.4em;
	font-weight: 700;
}

.linecolumn .time {
	color: #000;
	font-size: 1.4em;
	font-weight: 700;
}

.linecolumn .makerlogo {
	width: 100px;
	margin: 0 auto;
}

.linecolumn .makerlogo img {
	width: 100%;
	height: auto;
}

@media only screen and (min-width: 541px) {

	.btnarea.voice {
		text-align: left;
	}
}


@media only screen and (min-width: 1001px) {

	.linecolumn {
		flex-direction: row;
		justify-content: flex-start;
		align-items: center;
	}

	.linecolumn > div:nth-of-type(2) {
		margin-left: auto;
		margin-right: 0;
	}
}


.header .linecolumn {
	border-bottom: none;
}