@charset "UTF-8";
/* CSS Document comments css*/
@media only screen and (min-width: 897px) { /* 415px以上 */
	#comment-area {
		margin: 3em 0;
		padding: 1.5em 3em;
		background: #fff;
		border: 1px solid #ddd;
		line-height: 1.7;
		font-size: 14px;
	}
	#comment-area h3#comments {
		margin: 0 0 1em;
		font-size: 18px;
	}
	#comment-area ol.comments-list {
		margin: 0 0 2em;
		border-top: 1px dashed #999;
	}
	#comment-area .comments-list li {
		list-style: none;
	}
	#comment-area .comments-list li div.comment_box {
		padding: 1em 0;
		border-bottom: 1px dashed #999;
	}
	/*ネスト*/
	#comment-area .comments-list li ul.children li div.comment_box {
		padding-left: 2em;
	}
	/*リプライ*/
	.comment-author {
		display: flex;
		align-items: flex-end;
	}
	/*アバターアイコン*/
	.comment-author div:first-child {
		margin: 0 .5em 0 0;
	}
	.comment-auther div:first-child img {
		display: inline-block;
		width: 70px;
		height: auto;
	}
	/*ニックネーム*/
	.comment-author-name a {
		text-decoration: none;
		color: inherit;
	}
	.comment-author .says {
		margin: 0 0 0 .5em;
		font-size: 90%;
		color: #777;
	}
	/*コメント日付*/
	p.comment-meta a:first-child {
		text-decoration: none;
		font-size: 13px;
		color: #999;;
	}
	/*コメントボックス*/
	div.comment-body {
		margin: 1em;
	}
	/*コメント本文*/
	div.comment-body p {
		margin: 0 0 1em;
	}
	p.reply a {
		display: inline-block;
		padding: 0 .5em;
		border: 1px solid darkcyan;
		background: #fff;
		text-decoration: none;
		color: darkcyan;
	}
	p.reply a:hover {
		background: darkcyan;
		color: #fff;
	}
	/*レス*/
	#respond {
		margin: 0 0 2em;
	}
	#comment-area h3#reply-title {
		font-size: 18px;
	}
	label[for="comment"] {
		display: block;
	}
	input[name="author"], input[name="email"], textarea[name="comment"] {
		width: 100%;
		background: #fff;
		border: 1px solid #ccc;
	}
	input[name="submit"] {
		padding: .5em;
		background: #fff;
		border: 1px solid darkcyan;
		font-size: 14px;
		color: darkcyan;
	}
	/*トラックバック*/
	h3#trackback-url {
		margin: 0 0 .5em;
		font-size: 16px;
	}
	input#trackback_url {
		width: 100%;
		height: 3em;
		padding: .3em .5em;
		border: 1px solid #fff;
		background: #fff;
	}
} /*-- end 415px以上 ---*/
@media only screen and (max-width: 896px) { /* 896px以下 */
	#comment-area {
		margin: 3em 0;
		padding: 1.5em;
		background: #fff;
		border: 1px solid #ddd;
		line-height: 1.7;
		font-size: .875em;
	}
	#comment-area h3#comments {
		margin: 0 0 1em;
		font-size: .9375em;
	}
	#comment-area ol.comments-list {
		margin: 0 0 2em;
		border-top: 1px dashed #999;
	}
	#comment-area .comments-list li {
		list-style: none;
	}
	#comment-area .comments-list li div.comment_box {
		padding: 1em 0;
		border-bottom: 1px dashed #999;
	}
	/*ネスト*/
	#comment-area .comments-list li ul.children li div.comment_box {
		padding-left: 2em;
	}
	/*リプライ*/
	.comment-author {
		display: flex;
		align-items: flex-end;
	}
	/*アバターアイコン*/
	.comment-author div:first-child {
		margin: 0 .5em 0 0;
	}
	.comment-auther div:first-child img {
		display: inline-block;
		width: 70px;
		height: auto;
	}
	/*ニックネーム*/
	.comment-author-name a {
		text-decoration: none;
		color: inherit;
	}
	.comment-author .says {
		margin: 0 0 0 .5em;
		font-size: 90%;
		color: #777;
	}
	/*コメント日付*/
	p.comment-meta a:first-child {
		text-decoration: none;
		font-size: .9em;
		color: #999;
	}
	/*コメントボックス*/
	div.comment-body {
		margin: 1em;
	}
	/*コメント本文*/
	div.comment-body p {
		margin: 0 0 1em;
	}
	p.reply a {
		display: inline-block;
		padding: 0 .5em;
		border: 1px solid darkcyan;
		background: #fff;
		text-decoration: none;
		color: darkcyan;
	}
	/*レス*/
	#respond {
		margin: 0 0 2em;
	}
	#comment-area h3#reply-title {
		font-size: .9375em;
	}
	label[for="comment"] {
		display: block;
	}
	input[name="author"], input[name="email"], textarea[name="comment"] {
		width: 100%;
		background: #fff;
		border: 1px solid #ccc;
	}
	input[name="submit"] {
		padding: .5em;
		background: #fff;
		border: 1px solid darkcyan;
		font-size: .875em;
		color: darkcyan;
	}
	/*トラックバック*/
	h3#trackback-url {
		margin: 0 0 .5em;
		font-size: .875em;
	}
	input#trackback_url {
		width: 100%;
		height: 3em;
		padding: .3em .5em;
		border: 1px solid #fff;
		background: #fff;
	}
}