@charset "utf-8";
/* CSS Document */

*, *:before, *:after {
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -o-box-sizing: border-box;
   -ms-box-sizing: border-box;
   box-sizing: border-box;
}
body { /*202004追加*/
overflow-x:hidden;
max-width:1080px;
line-height:1;
}

.comment {text-align:center; color:#555; font-size:13px; margin:.8em 0; padding:0;}

.hokatext {text-align:center; color:#555; font-size:13px; margin: .8em 0; padding:0;
}

.english { color:#c00; font-size:11px; margin:1em 0 0; padding:0 0 0 1em; text-indent:-1em;}



/***↓テキストレビュー***/
.textreview {
	text-align: justify;
	margin-bottom: 10px;
	padding:.5em 1.5em;
	font-size: 14px;
	font-size: .875rem;
	line-height: 1.5;
	font-family: Meiryo, sans-serif;
}
.cust .textreview { /*写真付きの声ページにのみ設定(.cust)*/
	padding:0 .5em;
}
.textreview b {
	color:#999;
	font-size:.8125rem;
	line-height:2;
}
.textreview hr {
	border:0;
	border-bottom:1px #ccc solid;
	padding:0;
	margin:10px 0;
}
.textreview strong {color:#c00;}
/*↑*/


/***レビュースクショ max-widthは画像オリジナルサイズを指定***/
.ssreview {
	border:1px #eee solid;
	margin:5px;
	text-align:center;
	padding:4px 0 8px; /*追加*/
}
.ssreview img {
	width:100%;
	max-width:660px;
}

/***お客様の声　写真付き・アイコン***/
.review {
	text-align:center;
}
.review:after {
	clear: both;
	content: '';
	display: block;
}
.imgbox {
  clear: both;
}

.review p {
	text-align:left;
	text-align: justify;
/* 202004サイズ変更
	font-size: 13px;
	font-size: .8215rem;
*/
	font-size: 14px;
	font-size: .875rem;
	line-height:1.5;
}
.review strong {color:#c00;}

.review p b {
	color:#999;
	font-size:14px;
	line-height:2;
}
.review img {
	width:100%;
}
.photobox .review:nth-child(odd) div.imgbox {
	float:left;
}
.photobox .review:nth-child(even) div.imgbox {
	float:right;
}
.photobox .review .imgbox :last-child img,
.iconbox .review .imgbox img {
	margin-bottom:0;
}

.topimg img {
	width:100%;
}
table.topimg {
	margin:-3px;
	width:calc(100% + 6px);
	border-collapse:separate;
	border-spacing:3px;
}

@media screen and (min-width:481px){
.cust{
	margin:1.5%;
}
hr {
	border:0;
	border-bottom:1px dashed #e1e4d5;
	margin:2% 0;
	padding:0;
}
.iconbox hr {
	border:0;
	border-bottom:1px dotted #e1e4d5;
	margin:2% 0 0;
	padding:0;
}
.photobox .review {
	padding:2% 0;
	border-bottom:1px dotted #e1e4d5;
}
.iconbox .review {
	padding:2% 0 0;
	border:0;
}
.review:first-child {
	padding-top:0;
}
.review:last-child {
	padding-bottom:0;
	border-bottom:0;
}
.review:nth-child(odd) div.imgbox {
	padding-right:15px;
}
.review:nth-child(even) div.imgbox {
	padding-left:15px;
}
.review p {
	float:left;
	padding:.8em 1em;
	background:#fbfbf9; /*fafaf3*/
	border:1px solid #ddd;
	border-radius: 4px;
	margin:0;
}
.photobox .review .imgbox {
	width:40%; /*インラインで設定*/
}
.photobox .review p {
	width:60%; /*インラインで設定*/
}
.iconbox .review .imgbox {
	width:12%; 
}
.iconbox .review p {
	width:88%; 
}
.photobox .review .imgbox img {
	margin-bottom:.5em;
}
.iconbox .review:nth-child(odd) div.imgbox {
	float:left;
}
.iconbox .review:nth-child(even) div.imgbox {
	float:right;
}
/*吹き出し設定*/
.review:nth-child(odd) p,
.review:nth-child(even) div.imgbox{
 	position: relative;
}
.review:nth-child(odd) p:before,
.review:nth-child(odd) p:after,
.review:nth-child(even) div.imgbox:before,
.review:nth-child(even) div.imgbox:after {
	content: "";
	position: absolute;
}
.review:nth-child(odd) p:before,
.review:nth-child(odd) p:after {
	top: 30px;
	left: -22px;
}
.review:nth-child(even) div.imgbox:before,
.review:nth-child(even) div.imgbox:after {
	top: 30px;
	left: -1px;
}
.review:nth-child(odd) p:before{
 	margin-top: -12px;
	border: 10px solid transparent;
	border-right: 12px solid #e1e4d5;
	z-index: 1;
}
.review:nth-child(even) div.imgbox:before{
 	margin-top: -12px;
	border: 10px solid transparent;
	border-left: 12px solid #fbfbf9;
	z-index: 2;
}
.review:nth-child(odd) p:after {
 	margin-top: -14px;
	border: 12px solid transparent;
	border-right: 14px solid #fbfbf9;
 	z-index: 2;
}
.review:nth-child(even) div.imgbox:after {
 	margin-top: -14px;
	border: 12px solid transparent;
	border-left: 14px solid #e1e4d5;
 	z-index: 1;
}
/*吹き出しの上に画像の場合 imgとtableにつける*/
.topimg {
	padding:0 0 .4em;
}
}

@media screen and (max-width:480px){
.cust{
	margin:1.2%;
}
hr {
	border:0;
	margin:.9% 0;
	padding:0;
}
.iconbox hr {
	border:0;
	margin:0;
	padding:0;
}
.review {
	margin-bottom:1.8%;
	background:#fff; /*fafaf3*/
	border:1px solid #ddd;
	border-radius: 4px;
}	
.review:last-child {
	margin-bottom:0;
}
.review img {
	clear:both;
}
.review p {
	margin:0;
	padding:.4em .8em;
}
.photobox .review .imgbox {
	width:40%; /*インラインで設定*/
}
.iconbox .review .imgbox {
	width:18%; 
}
.photobox .review .imgbox {
	padding:.8em;
}
.iconbox .review .imgbox {
	padding:.6em .6em .3em;
}
.photobox .review .imgbox img {
	margin-bottom:.3em;
}
.iconbox .review .imgbox img {
	margin:0;
}
.photobox .review > img { /*画像のみの場合*/
	padding:.6em;
}
/*購入者アイコン*/
.iconbox .review .imgbox {
	/*display:none;*/
	float:left;
}
/*吹き出しの上に画像の場合 imgとtableにつける*/
.topimg {
	padding:.5em .5em 0;
}

/*spでは非表示*/
.spnone  {
	display:none;
}
}