@media screen and (min-width: 601px) {
	.aside--post-comments {
		margin-top: 40px;
		padding-top: 40px;
		border-top: solid 1px #eee;
	}
	.aside--post-comments h2 {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		margin: 40px 0 15px;
		padding: 0;
		color: #f80;
		background: none;
		border: none;
		font-size: 24px;
		font-weight: normal;
	}
	.aside--post-comments h2:first-child {
		margin-top: 0;
	}
	.aside--post-comments h2 .material-icons-round {
		display: block;
		width: 34px;
		margin-right: 6px;
		color: #ffbe00;
		font-size: 34px;
		text-align: center;
		-webkit-text-stroke: 2px #f80;
		text-stroke: 2px #f80;
	}
	.aside--post-comments .comment-pagenation {
		margin-bottom: 15px;
		color: #999;
		font-size: 13px;
	}
	.aside--post-comments .comments-list.reply-list {
		margin: 20px 0 45px;
		padding: 0;
	}
	.aside--post-comments .comments-list.reply-list,
	.aside--post-comments .comments-list.reply-list li {
		list-style: none;
	}
	.aside--post-comments .comments-list.reply-list > li {
		position: relative;
		margin: 0 0 20px;
		padding: 15px 25px 5px;
		background-color: #fff;
		border: none;
		border-radius: 20px;
		overflow: visible;
	}
	.aside--post-comments .comments-list.reply-list > li:first-child {
		border-top: none;
	}
	.aside--post-comments .reply-list .edit-tool {
		min-height: 15px;
		margin-bottom: 18px;
		font-size: 12px;
	}
	.aside--post-comments .reply-header {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		margin-bottom: 15px;
	}
	.aside--post-comments .reply-header .reply-info {
		left: 25px;
		top: 15px;
		font-size: 11px;
	}
	.aside--post-comments .reply-header .img {
		width: 44px;
		position: relative;
	}
	.aside--post-comments .reply-header .img img {
		display: block;
		width: 44px;
		height: 44px;
		object-fit: cover;
		border-radius: 50%;
	}
	.aside--post-comments .reply-header .role-mark {
		top: 34px;
		left: 0;
		width: 44px;
		font-size: 9px;
	}
	.aside--post-comments .reply-header .content {
		width: calc(100% - 44px);
		padding-left: 12px;
		box-sizing: border-box;
	}
	.aside--post-comments .reply-header .name {
		line-height: 1.1;
	}
	.aside--post-comments .reply-header .reply-author-name,
	.aside--post-comments .reply-header .replay-author-name {
		color: #f80;
		font-size: 18px;
		font-weight: normal;
	}
	.aside--post-comments .reply-content {
		font-size: 16px;
		line-height: 1.65;
	}
	.aside--post-comments .reply-content p {
		margin-bottom: 25px;
	}
	.aside--post-comments .reply-content p:last-of-type {
		margin-bottom: 0;
	}
	.aside--post-comments .reply-footer {
		margin-top: 35px;
	}
	.aside--post-comments .toggle-reply-to-btn {
		position: relative;
		display: block;
		width: 220px;
		box-sizing: border-box;
		margin: 0 auto 15px;
		padding: 6px 0 7px;
		color: #fff;
		background-color: #f80;
		border: solid 1px #f80;
		border-radius: 5px;
		font-size: 12px;
		font-weight: bold;
		line-height: 1.5;
		text-align: center;
		text-decoration: none;
		cursor: pointer;
	}
	.aside--post-comments .toggle-reply-to-btn:hover {
		color: #fff;
		opacity: 0.7;
		text-decoration: none;
	}
	.aside--post-comments .toggle-reply-to-btn .toggle-status {
		position: absolute;
		right: 10px;
		top: 2.5px;
		font-size: 16px;
		font-weight: bold;
	}
	.aside--post-comments .toggle-reply-to-item {
		display: none;
		padding-bottom: 20px;
	}
	.aside--post-comments .form-reply-to {
		margin-top: 20px;
	}
	.aside--post-comments .form-reply-to label {
		display: block;
		margin-bottom: 8px;
		font-size: 16px;
		font-weight: normal;
	}
	.aside--post-comments .form-reply-to .caution {
		color: #f00;
		font-size: 13px;
	}
	.aside--post-comments .form-reply-to textarea {
		width: 100%;
		height: 220px;
		padding: 10px;
		box-sizing: border-box;
		border: solid 3px #eee;
		border-radius: 10px;
	}
	.aside--post-comments .form-reply-to .btn {
		min-width: 280px;
		padding: 14px 40px;
		border-radius: 50px;
		font-size: 16px;
	}
	.aside--post-comments .comments-list .children {
		margin: 25px 0 0;
		padding: 0;
	}
	.aside--post-comments .comments-list .children > li {
		position: relative;
		margin: 0 0 15px 70px;
		padding: 15px 25px 5px;
		background-color: #FFFCF2;
		border: 1px solid #F2EBD4;
		border-radius: 10px;
		box-shadow: 0 0 10px rgb(0 0 0 / 3%);
	}
	.aside--post-comments .comments-list .children > li:first-child {
		border-top: 1px solid #F2EBD4;
	}
	.aside--post-comments #respond {
		margin: 30px 0 20px;
	}
	.aside--post-comments .comment-form-comment label {
		display: block;
		margin-bottom: 10px;
		font-size: 16px;
		font-weight: normal;
	}
	.aside--post-comments .comment-form-comment .caution {
		color: #f00;
		font-size: 13px;
	}
	.aside--post-comments .comment-form textarea {
		width: 100%;
		height: 260px;
		padding: 10px;
		box-sizing: border-box;
		border: solid 3px #eee;
		border-radius: 10px;
	}
	.aside--post-comments .comment-form p.form-submit {
		margin-top: 35px;
		text-align: center;
	}
	.aside--post-comments .comment-form #submit {
		min-width: 320px;
		padding: 16px 50px;
		border-radius: 50px;
		font-size: 18px;
	}
}

@media screen and (max-width: 600px) {
	.aside--post-comments {
		margin-top: 40px;
		padding-top: 40px;
		border-top: solid 1px #eee;
	}
	.aside--post-comments h2 {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		margin: 40px 0 15px;
		padding: 0;
		color: #f80;
		background: none;
		border: none;
		font-size: 18px;
		font-weight: normal;
	}
	.aside--post-comments h2:first-child {
		margin-top: 0;
	}
	.aside--post-comments h2 .material-icons-round {
		display: block;
		width: 30px;
		margin-right: 5px;
		color: #ffbe00;
		font-size: 30px;
		text-align: center;
		-webkit-text-stroke: 2px #f80;
		text-stroke: 2px #f80;
	}
	.aside--post-comments .comment-pagenation {
		margin-bottom: 15px;
		color: #999;
		font-size: 12px;
	}
	.aside--post-comments .comments-list.reply-list {
		margin: 15px 0 35px;
		padding: 0;
	}
	.aside--post-comments .comments-list.reply-list,
	.aside--post-comments .comments-list.reply-list li {
		list-style: none;
	}
	.aside--post-comments .comments-list.reply-list > li {
		position: relative;
		margin: 0 0 15px;
		padding: 12px 15px 5px;
		background-color: #fff;
		border: none;
		border-radius: 15px;
		overflow: visible;
	}
	.aside--post-comments .comments-list.reply-list > li:first-child {
		border-top: none;
	}
	.aside--post-comments .reply-list .edit-tool {
		min-height: 15px;
		margin-bottom: 14px;
		font-size: 11px;
	}
	.aside--post-comments .reply-header {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		margin-bottom: 15px;
	}
	.aside--post-comments .reply-header .reply-info {
		left: 15px;
		top: 18px;
		font-size: 10px;
	}
	.aside--post-comments .reply-header .img {
		width: 44px;
		position: relative;
	}
	.aside--post-comments .reply-header .img img {
		display: block;
		width: 44px;
		height: 44px;
		object-fit: cover;
		border-radius: 50%;
	}
	.aside--post-comments .reply-header .role-mark {
		top: 34px;
		left: 0;
		width: 40px;
		font-size: 8px;
	}
	.aside--post-comments .reply-header .content {
		width: calc(100% - 44px);
		padding-left: 10px;
		box-sizing: border-box;
	}
	.aside--post-comments .reply-header .reply-author-name,
	.aside--post-comments .reply-header .replay-author-name {
		color: #f80;
		font-size: 15px;
		font-weight: normal;
	}
	.aside--post-comments .reply-content {
		font-size: 14px;
		line-height: 1.5;
	}
	.aside--post-comments .reply-content p {
		margin-bottom: 20px;
	}
	.aside--post-comments .reply-content p:last-of-type {
		margin-bottom: 0;
	}
	.aside--post-comments .reply-footer {
		margin-top: 30px;
	}
	.aside--post-comments .toggle-reply-to-btn {
		position: relative;
		display: block;
		width: 160px;
		box-sizing: border-box;
		margin: 0 auto 15px;
		padding: 4px 0 5px;
		color: #fff;
		background-color: #f80;
		border: solid 1px #f80;
		border-radius: 5px;
		font-size: 11px;
		font-weight: bold;
		line-height: 1.5;
		text-align: center;
		text-decoration: none;
		cursor: pointer;
	}
	.aside--post-comments .toggle-reply-to-btn:hover {
		color: #fff;
		text-decoration: none;
	}
	.aside--post-comments .toggle-reply-to-btn .toggle-status {
		position: absolute;
		right: 5px;
		top: 2px;
		font-size: 13px;
		font-weight: bold;
	}
	.aside--post-comments .toggle-reply-to-item {
		display: none;
		padding-bottom: 15px;
	}
	.aside--post-comments .form-reply-to {
		margin-top: 18px;
	}
	.aside--post-comments .form-reply-to label {
		display: block;
		margin-bottom: 8px;
		font-size: 14px;
		font-weight: normal;
	}
	.aside--post-comments .form-reply-to .caution {
		color: #f00;
		font-size: 12px;
	}
	.aside--post-comments .form-reply-to textarea {
		width: 100%;
		height: 180px;
		padding: 10px;
		box-sizing: border-box;
		border: solid 3px #eee;
		border-radius: 10px;
	}
	.aside--post-comments .form-reply-to .btn {
		min-width: 220px;
		padding: 13px 30px;
		border-radius: 50px;
		font-size: 14px;
	}
	.aside--post-comments .comments-list .children {
		margin: 20px 0 0;
		padding: 0;
	}
	.aside--post-comments .comments-list .children > li {
		position: relative;
		margin: 0 0 12px 18px;
		padding: 12px 12px 5px;
		background-color: #FFFCF2;
		border: 1px solid #F2EBD4;
		border-radius: 10px;
		box-shadow: 0 0 10px rgb(0 0 0 / 3%);
	}
	.aside--post-comments .comments-list .children > li:first-child {
		border-top: 1px solid #F2EBD4;
	}
	.aside--post-comments #respond {
		margin: 25px 0 20px;
	}
	.aside--post-comments .comment-form-comment label {
		display: block;
		margin-bottom: 8px;
		font-size: 14px;
		font-weight: normal;
	}
	.aside--post-comments .comment-form-comment .caution {
		color: #f00;
		font-size: 12px;
	}
	.aside--post-comments .comment-form textarea {
		width: 100%;
		height: 220px;
		padding: 10px;
		box-sizing: border-box;
		border: solid 3px #eee;
		border-radius: 10px;
	}
	.aside--post-comments .comment-form p.form-submit {
		margin-top: 30px;
		text-align: center;
	}
	.aside--post-comments .comment-form #submit {
		width: auto;
		min-width: 260px;
		padding: 14px 35px;
		border-radius: 50px;
		font-size: 16px;
	}
}