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

/*reviewDetailWrap01
------------------------------------------------*/
.reviewDetailWrap01{
	margin:10px 0 0 0;
}
.reviewDetailWrap01 .reviewDetailBlock01{
	float:left;
	width:49%;
}
.reviewDetailWrap01 .reviewDetailBlock01 .product{
	float:left;
	width:35%;
}
.reviewDetailWrap01 .reviewDetailBlock01 .product img{
	width:100%;
}
.reviewDetailWrap01 .reviewDetailBlock01 .title,
.reviewDetailWrap01 .reviewDetailBlock01 .price,
.reviewDetailWrap01 .reviewDetailBlock01 .btn{
	float:right;
	width:62%;
}
.reviewDetailWrap01 .reviewDetailBlock01 .price{
	margin:5px 0 0 0;
	font-weight:bold;
}
.reviewDetailWrap01 .reviewDetailBlock01 .btn{
	display:inline-block;
	margin:20px 0 0 0;
	font-size:1.16em;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	-ms-border-radius:5px;
}
.reviewDetailWrap01 .reviewDetailBlock01 .btn input.btn_pink{
	border:1px solid #FE908F;
	line-height:32px;
	padding:0 15% 0 20%;
}

.reviewDetailWrap01 .reviewDetailBlock02{
	float:right;
	width:46%;
	padding:2%;
	background:#eeece0;
}
.reviewDetailWrap01 .reviewDetailBlock02 .reviewBox01{
	float:left;
	width:48%;
	padding:10px 0 0 0;
}
.reviewDetailWrap01 .reviewDetailBlock02 .reviewBox01 .starIcon{
	margin:5px 0 15px 0;
}
.reviewDetailWrap01 .reviewDetailBlock02 .reviewBox01 .starIcon img{
	vertical-align:top;
	width:68%;
	margin:2px 0 0 0;
}
.reviewDetailWrap01 .reviewDetailBlock02 .reviewBox01 .starIcon .total{
	display:inline-block;
	width:30%;
	background:#f6a12c;
	color:#FFF;
	font-size:1.40em;
	line-height:1;
	margin:0 0 0 2%;
	padding:3px 0 1px 0;
	text-align:center;
}
.reviewDetailWrap01 .reviewDetailBlock02 .reviewBox02{
	float:right;
	width:48%;
}
.reviewDetailWrap01 .reviewDetailBlock02 .reviewBox02 ul{
	border-top:1px dotted #808080;
}
.reviewDetailWrap01 .reviewDetailBlock02 .reviewBox02 ul li{
	padding:1px 0 1px 3%;
	font-weight:bold;
	border-bottom:1px dotted #808080;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	vertical-align:middle;
}
.reviewDetailWrap01 .reviewDetailBlock02 .reviewBox02 ul li img.star{
	width:50%;
	margin:2px 3% 0 0;
	vertical-align:top;
}

/*reviewDetailWrap02
------------------------------------------------*/
.reviewDetailWrap02 .reviewDetailBlock01{
	margin:15px 0 0 0;
	border:5px solid #eeece0;
}
.reviewDetailWrap02 .reviewDetailBlock01 .headingBlock01{
	padding:0 2% 2% 2%;
	border-bottom:1px dotted #808080;
}
.reviewDetailWrap02 .reviewDetailBlock01 .headingBlock01 .name{
	float:left;
	padding:2% 0 0 0;
}
.reviewDetailWrap02 .reviewDetailBlock01 .headingBlock01 .detail{
	float:right;
	padding:2% 0 0 0;
}
.reviewDetailWrap02 .reviewDetailBlock01 .headingBlock01 .detail .value{
	float:left;
	width:13.5em;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
}
.reviewDetailWrap02 .reviewDetailBlock01 .headingBlock01 .detail .value img{
	vertical-align:top;
	margin:2px 0 0 0.6em;
	width:5.4em;
}
.reviewDetailWrap02 .reviewDetailBlock01 .headingBlock01 .detail .value span{
	background:#2e2e2e;
	color:#fff;
	padding:0 0.5em;
}
.reviewDetailWrap02 .reviewDetailBlock01 .headingBlock01 .detail .data{
	float:left;
	width:15em;
	text-align:right;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
}
.reviewDetailWrap02 .reviewDetailBlock01 .headingBlock01 .detail .data span{
	margin:0 0 0 0.5em;
}
.reviewDetailWrap02 .reviewDetailBlock01 .txtBlock01{
	padding:2%;
	line-height:1.8;
}
.reviewDetailWrap02 .reviewDetailBlock01 .confirmBlock01{
	padding:2%;
	background:#f6f6f6;
	text-align:right;
}
.reviewDetailWrap02 .reviewDetailBlock01 .confirmBlock01 span.btn{
	display:inline-block;
	margin:0 0 0 10px;
}
.reviewDetailWrap02 .reviewDetailBlock01 .confirmBlock01 span.btn a{
	display:block;
	border:1px solid #e5e5e5;
	border-radius:5px;
	padding:5px 25px 5px 30px;
}

/*paginationBlock01
------------------------------------------------*/
.paginationBlock01{
	display:table;
	width:100%;
	background:#e7e7e5;
	margin:20px 0 0 0;
}
.paginationBlock01 .page{
	display:table-cell;
	text-align:center;
}
.paginationBlock01 ul{
	display:inline;
	letter-spacing:-0.4em;
	border-right:1px dotted #9A9A9A;
}
.paginationBlock01 ul li{
	display:inline-block;
	margin:3px 0;
	letter-spacing:normal;
	border-left:1px dotted #9A9A9A;
}
.paginationBlock01 ul li a{
	display:block;
	padding:2px 15px;
}
.paginationBlock01 ul li a{
	color:#999;
}
.paginationBlock01 ul li.now a,
.paginationBlock01 ul li a:hover{
	color:#000;
}
.paginationBlock01 a.back{
	display:table-cell;
	width:46px;
	text-indent:-9999px;
	background:url(../img/icn_pagination_back.gif) no-repeat left center #a4a3a2;
}
.paginationBlock01 a.next{
	display:table-cell;
	width:46px;
	text-indent:-9999px;
	background:url(../img/icn_pagination_next.gif) no-repeat left center;
}

@media screen and (max-width:768px){
	
/*reviewDetailWrap01
------------------------------------------------*/
.reviewDetailWrap01 .reviewDetailBlock01{
	float:none;
	width:100%;
}
.reviewDetailWrap01 .reviewDetailBlock01 .product{
	float:left;
	width:25%;
}
.reviewDetailWrap01 .reviewDetailBlock01 .title,
.reviewDetailWrap01 .reviewDetailBlock01 .price,
.reviewDetailWrap01 .reviewDetailBlock01 .btn{
	float:right;
	width:70%;
}
.reviewDetailWrap01 .reviewDetailBlock02{
	float:none;
	width:94%;
	margin:15px 0 0 0;
	padding:3%;
}
.reviewDetailWrap01 .reviewDetailBlock02 .reviewBox01 .starIcon img{
	width:47%;
}
.reviewDetailWrap01 .reviewDetailBlock02 .reviewBox01 .starIcon .total{
	width:25%;
}
.reviewDetailWrap01 .reviewDetailBlock02 .reviewBox02 ul li{
	padding:2px 10%;
}
.reviewDetailWrap01 .reviewDetailBlock02 .reviewBox02 ul li img.star{
	margin:2px 10% 0 0;
}


}

@media screen and (max-width:640px){

/*reviewDetailWrap01
------------------------------------------------*/
.reviewDetailWrap01 .reviewDetailBlock01 .btn{
	margin:10px 0 0 0;
}
.reviewDetailWrap01 .reviewDetailBlock02 .reviewBox01{
	float:none;
	width:100%;
	margin:0 0 10px 0;
}
.reviewDetailWrap01 .reviewDetailBlock02 .reviewBox02{
	float:none;
	width:100%;
}
.reviewDetailWrap01 .reviewDetailBlock02 .reviewBox01 .starIcon{
	margin:5px 0 10px 0;
}
.reviewDetailWrap01 .reviewDetailBlock02 .reviewBox01 .starIcon img{
	width:99px;
}
.reviewDetailWrap01 .reviewDetailBlock02 .reviewBox02 ul li{
	padding:2px 15%;
}
.reviewDetailWrap01 .reviewDetailBlock02 .reviewBox02 ul li img.star{
	width:99px;
	margin:0 10% 0 0;
}


/*reviewDetailWrap02
------------------------------------------------*/
.reviewDetailWrap02 .reviewDetailBlock01 .headingBlock01 .name{
	float:none;
	margin:0 0 5px 0;
}
.reviewDetailWrap02 .reviewDetailBlock01 .headingBlock01 .detail{
	float:none;
	padding:0;
	font-size:0.91em;
	text-align:right;
}
.reviewDetailWrap02 .reviewDetailBlock01 .headingBlock01 .detail .value{
	float:none;
	width:100%;
	margin:0 0 8px 0;
}
.reviewDetailWrap02 .reviewDetailBlock01 .headingBlock01 .detail .value span{
	padding:0 0.8em;
}
.reviewDetailWrap02 .reviewDetailBlock01 .headingBlock01 .detail .data{
	float:none;
	width:100%;
}
.reviewDetailWrap02 .reviewDetailBlock01 .txtBlock01{
	font-size:0.91em;
}
.reviewDetailWrap02 .reviewDetailBlock01 .confirmBlock01{
	font-size:0.75em;
}
.reviewDetailWrap02 .reviewDetailBlock01 .confirmBlock01 span.btn{
	margin:0 0 0 5px;
}
.reviewDetailWrap02 .reviewDetailBlock01 .confirmBlock01 span.btn a{
	padding:5px 10px 5px 20px;
	font-size:1.1em;
}

/*paginationBlock01
------------------------------------------------*/
.paginationBlock01{
	background:none;
	text-align:center;
	margin:15px 0 0 0;
}
.paginationBlock01 ul{
	border-right:none;
}
.paginationBlock01 ul li{
	border-left:none;
}
.paginationBlock01 ul li a{
	display:block;
	padding:2px 15px;
}
.paginationBlock01 ul li a{
	color:#999;
}
.paginationBlock01 ul li.now a{
	color:#fff;
	border-radius:3px;
	background:#828282;
}
.paginationBlock01 a.back,
.paginationBlock01 a.next{
	width:4em;
	text-indent:0;
	background:none;
	vertical-align:middle;
}

}
