@charset "utf-8";
/* toggle-txt */

.txt-trigger {
  z-index: 2;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  padding: .5em 0;
  border-radius: 2px;
  background: #EDEDED;
  color: #02414c;
  text-align: center;
  cursor: pointer;
  transition: .2s ease;
  box-shadow: 0 0 3px rgba(0,0,0,.3);
}
.txt {
  position: relative;
  overflow: hidden;
}
.txt-trigger.is-show + .txt::before { display: none; }

/* n行目以降　省略　最後尾に三点リーダー表示 */
.txt.is-hide {
	height: 6.6em;
	background-color: #fff;
	position: relative;
	overflow: hidden;
}
.txt.is-hide:before {
	content: "...";
	position: absolute;
	right: 0;
	bottom: 0;
	display: inline-block;
	width: 1em;
}
.txt.is-hide::after {
	ontent: "";
	position: relative;
	right: -1em;
	float: right;
	width: 1em;
	height: 100%;
	background-color: inherit;
}	

@media screen and (max-width: 767px) {
	#comment-area ul li { 
		padding-bottom: 2.8rem;
		margin-top: 2rem; 
	}
	#comment-area ul li .txt-trigger { height: 2.8rem; }
	.txt-trigger { padding: 1.5rem 0; }
	#comment-area ul li .txt-trigger:before { top: 1rem; }	
	#comment-area ul li .txt-trigger.is-show:before { top: 1.2rem; }
}