body {
	font-family: "Helvetica Neue",
	  Arial,
	  "Hiragino Kaku Gothic ProN",
	  "Hiragino Sans",
	  Meiryo,
	  sans-serif;
  }

/* コメント */
/* 入力欄 */
#show_comments,
#show_comments div,
#show_comments label{
	display             : block;
	padding             : 0px;
}
#show_comments h4{
	margin              : 44px 0px 16px 0px;
	padding             : 0px;
	font-size           : 19px;
	line-height         : 32px;
	font-weight         : 700;
	border-bottom       : none;
}
/*
#show_comments h4::before{
	display             : inline-block;
	content             : '\f075';
	font-family         : 'Font Awesome 5 Free';
	font-weight         : 400;
	font-size           : 20px;
	padding-right       : 0.3em;
}
*/
#show_comments input,
#show_comments textarea{
	display             : block;
	padding             : 5px 10px;
	width               : 100%;
	max-width           : 390px;
	border              : 1px solid #696969;
	border-radius       : 5px;
	box-sizing          : border-box;
}
#show_comments textarea{
	max-width           : 100%;
	height              : 120px;
}
#show_comments button{
	display             : block;
	margin              : 20px auto;
	padding             : 5px 10px;
	width               : 200px;
	height              : 50px;
	line-height         : 38px;
	color               : #7A3E3E;
	text-align          : center;
	background-color    : #F1E3E3;
	border              : 1px solid #C37272;
	box-sizing          : border-box;
	border-radius       : 25px;
	cursor              : pointer;
	transition          : 0.5s;
}
#show_comments button:hover{
	background-color    : #F7E9D4;
}
#show_comments div > small{
	display             : block;
	font-size           : 14px;
	color               : #969696;
	text-align          : center;
}
/* コメント一覧 */
#show_comments ul{
	display             : block;
	margin              : 10px 0px;
	padding             : 5px;
	max-height          : 320px;
	overflow            : auto;
	border              : 1px dotted #B4B4B4;
	border-radius       : 5px;
	box-sizing          : border-box;
	list-style-type     : none;
	opacity             : 0.9;
}
#show_comments ul::-webkit-scrollbar{
	width               : 10px;
}
#show_comments ul::-webkit-scrollbar-track{
	border-radius       : 5px;
	box-shadow          : inset 0 0 6px rgba(0,0,0,0.1);
}
#show_comments ul::-webkit-scrollbar-thumb{
	background-color    : rgba(0,0,50,0.5);
	border-radius       : 5px;
	box-shadow          : 0 0 0 1px rgba(255,255,255,0.3);
}
#show_comments ul > li{
	display             : block;
	margin              : 10px 0px;
	padding             : 5px;
	border              : 1px solid #969696;
	border-radius       : 5px;
}
#show_comments ul > li > div{
	line-height         : 0px;
	border-bottom       : 1px dotted #B4B4B4;
}
#show_comments ul > li > div *{
	font-size           : 14px;
	line-height         : 17px;
}
#show_comments ul > li span{
	/*display             : inline-block;*/
	font-size: 0.8em;
	font-weight: bold;
	padding             : 2px 5px;
	max-width           : 100%;
	color               : #696969;
	white-space         : nowrap;
	text-overflow       : ellipsis;
	overflow            : hidden;
	box-sizing          : border-box;
}
#show_comments ul > li p{
	margin              : 5px;
	font-size           : 14px;
	line-height         : 20px;
}