.main .listArea h2{
	font-size: 1.5rem;
}
.listArea .ul {
	border-top: dotted 1px #6B705C;
}
.listArea .li a {
	border-bottom: dotted 1px #6B705C;
	padding: 2px 0 4px;
	display: block;
}

.listArea .title {
	vertical-align: middle;
	width: 400px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: inline-block;
}

.listArea .comment {
	font-size: 0.875rem;
	font-weight: 300;
	vertical-align: middle;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	display: inline-block;
	padding: 0 0 0 5px;
	width: calc(100% - 405px);
}

.listArea .limit{
	display: none;
}

.single .main h2{
	font-weight: 200;
}

.single .content a{
	color: #ff5900;
}
.single .content a:hover{
	color: #ff0000;
}
.single .button{
	text-align: center;
	margin: 60px 0;
}

.single .line img,
.single .imageFrame img{
	border: solid 1px #ccc;
}

.single ul > li{
	margin-bottom: 15px;
}

.single p.limit{
	font-size: 0.875rem;
	font-weight: 500;
	color: #4a4b6f;
	border: solid 4px #4a4b6f;
	margin: -75px 0 0;
	padding: 2px 15px 4px;
	float: right;
}

.list{
	display: flex;
	align-items: flex-start;
	margin: 30px 0;
}
.list .th{
	width: 200px;
}
.list .td{
	width: calc(100% - 200px);
}

@media only screen and (max-width: 800px) {
	.listArea .title {
		width: 300px;
	}
	.listArea .comment {
		width: calc(100% - 305px);
	}
}

/* 640px smartphone*/
@media only screen and (max-width: 640px) {
	.listArea .title {
		width: 100%;
	}
	.listArea .comment {
		width: 100%;
	}
	.single .limit{
		margin: 0 0 15px;
		float: none;
		display: inline-block;
	}
}

/* 640px PC*/
@media only screen and (min-width: 640px) {}