/* ----------------
コメント
------------------ */
.comment-form {
	margin-bottom: 50px;
}

.comment-table {
	width: 100%;
	margin-bottom: 15px;
	border-top: none;

	th {
		width: 140px;
		padding: 5px 20px 5px 0;
		color: #000000;
		font-weight: normal;
		font-size: 14px;
		line-height: 24px;
		white-space: nowrap;
		text-align: left;
		vertical-align: top;
		border-bottom: none;
	}

	td {
		padding: 5px 0;
		border-bottom: none;
	}

	input[type="text"],
	input[type="password"] {
		width: 100%;
		height: 40px;
		padding: 0 10px;
		font-size: 16px;
		line-height: 40px;
		border: 1px solid #b2b2b4;
		border-radius: 3px;
	}

	textarea {
		width: 100%;
		padding: 0 10px;
		font-size: 16px;
		line-height: 40px;
		border: 1px solid #b2b2b4;
		border-radius: 3px;
	}

	@media screen and (max-width: $breakpoint-md-max) {
		display: block;

		& tbody,
		& td,
		& th,
		& tr {
			display: block;
			width: auto;
		}
	}
}

.comment-btn,
.comment-btn-inline {
	width: 152px;
	padding: 10px 0;
	color: #ffffff;
	font-size: 14px;
	text-align: center;
	border: none;
	border-radius: 5px;
}

.comment-btn {
	@include roll-over-bg-color($btn-color, $btn-color-on-hover, $transition-speed);
	display: block;
	margin: 0 auto;
}

.comment-btn-inline {
	@include roll-over-bg-color(#949494, $bg-color-dark, $transition-speed);
	display: inline-block;
}

.comment-list {
	margin: 0 0 20px 0;
	padding: 0;

	& li {
		display: block;
		padding: 15px 0 0 0;
		list-style-type: none;
		border-top: 1px solid $border-color-dark;
		&:last-child{
			border-bottom: none;
		}
	}

	& > ol{
		padding-left: 0;

	}

	& li:last-child{
		border-bottom: none;
	}

	& ul {
		display: block;
		padding-left:20px;
		border-top: 1px solid $border-color-dark;
	}

	& > li > ul{
		padding-left: 0;
		border-top: none;
	}
}


.comment-list-title {
	margin: 0 0 15px 0;
	color: $text-color-base;
	font-weight: bold;
	font-size: 18px;
	a {
		color: $text-color-base;
		&:link,
		&:visited {
			color: $text-color-base;
		}
	}
}

.comment-list-text {
	margin: 0 0 15px 0;
	color: $text-color-base;
	font-size: 16px;
}

.comment-list-info {
	margin: 0;
	padding-bottom: 15px;
	color: #636363;
	font-size: 14px;
	text-align: right;
}
