/*
Theme Name: STINGER PLUS2 Child
Template: stingerplus2
Version: 20170621
*/

/*カテゴリID別に色を指定できます
例）IDが7の場合
.catname.st-catid7 {
	background:#ff0000;
	color:#fff;
}
*/

#comments h4{
    font-size: 2em;
    line-height: 1em;
	color:#f86c63;
}

#comments p.hr24{
    font-size: 1.2em;
    font-weight: 700;
    padding: 10px 0;
}

/*--------------------------------
コメント
---------------------------------*/

#comments ul,
#comments ol {
	padding: 0px;
	list-style-type: none;
}
.comment-body {
	padding: 10px;
	margin-bottom: 20px;
	display: -webkit-flex; 
	display: flex;
	flex-wrap:wrap;
	width:100%;
}
.bypostauthor div{
	-webkit-flex-direction: row-reverse; 
	flex-direction:row-reverse;
}
.comment-balloon{
	position: relative;
	background-color:#ffd1ef;
	border-radius:10px;
	padding:15px;
	max-width:70%;
	margin-left:15px;
}
.bypostauthor .comment-balloon{
	background-color:#d1ffe8;
	margin-right:15px;
	margin-left:0;
}
.comment-balloon:after{
    content: "";
    display: inline-block;
    position: absolute;
    top: 10px; 
    left: -19px;
    border: 8px solid transparent;
    border-right: 18px solid #ffd1ef;
    -ms-transform: rotate(35deg);
    -webkit-transform: rotate(35deg);
    transform: rotate(35deg);
}

.bypostauthor .comment-balloon:after{
    left: auto;
    right: -19px;
    border: 8px solid transparent;
    border-left: 18px solid #d1ffe8;
    -ms-transform: rotate(-35deg);
    -webkit-transform: rotate(-35deg);
    transform: rotate(-35deg);
}
.comment-balloon .comment-meta{
	font-size:13px;
	margin-bottom:5px;
}
.comment-balloon .reply{
	font-size:13px;
}

/*media Queries タブレットサイズ（960px以下）
----------------------------------------------------*/
@media only screen and (max-width: 960px) {
	#side{
		display:none;
	}


/*-- ここまで --*/
}

/*media Queries タブレットサイズ（600px以上）
----------------------------------------------------*/
@media only screen and (min-width: 600px) {


/*-- ここまで --*/
}

/*media Queries PCサイズ（960px以上）
----------------------------------------------------*/
@media print, screen and (min-width: 960px) {


/*-- ここまで --*/
}