/* ************************************************ 
 * ------------------------------------------------
 *	レビュー画面 CSS
 * ------------------------------------------------
 * ************************************************ */


/* ------------------------------------- 
 *	☆レビューレコードの設定
 * ------------------------------------- */
.record {
	width:678px;
	border:1px solid #CCC;
	margin:20px auto 30px;
	background-color:#FFF;
}

/* ------------------------------------- 
 *	投稿者ステータス
 * ------------------------------------- */
.data {
	margin:0;
	padding:5px 0 5px 5px;
	border-bottom:1px dotted #CCC;
	}

.data li {
	padding:0;
	float:left;
	list-style-type:none;
	}

span.line {
	color:#CCC;
	margin:0;
	}

/* ------------------------------------- 
 *	レビュー内容（タイトル、コメント、投稿画像）
 * ------------------------------------- */
.contents {
	}

/* ------------------------------------- 
 *	タイトル:表示・必須項目になっている時のみ
 * ------------------------------------- */
.review_title {
	font-size:15px;
	padding:0px 10px 0;
	font-weight:bold;
	}

/* ------------------------------------- 
 *	コメント
 * ------------------------------------- */
.review_contents {
	padding:10px;
	}

.review_contents .comment {
	text-align:left;
	padding:;
	line-height:150%;
	}

/* ------------------------------------- 
 *	投稿画像
 * ------------------------------------- */
.review_contents .img_contents {
	float:right;
	width:120px;
	margin-left:10px;
	margin-bottom:7px;
	
	}

.img_box {
	margin:0;
	padding: 0;
	text-align: center;
	margin-bottom:2px;
	}

.txt_link {
	text-align:center;
	margin:0;
	display:block;
	}

.img_box img {
	padding: 4px;
	border: 1px solid #CCC;
	background-color:#FFF;
	}

.review_contents span {
	width:120px;
	}

/* ------------------------------------- 
 *	レビュー返信エリア
 * ------------------------------------- */
.reply {
	border-top:1px solid #CCC;
	}

.res_top {
	padding:5px 0 5px 5px;
	border-bottom:1px dotted #CCC;
}

.res_title {
	margin:0;
	font-size:13px;
	float:left;
	}

.res_data {
	margin:0;
	}

.res_comment {
	margin:0;
	padding:10px;
	}

/* ------------------------------------- 
 *	件数表示
 * ------------------------------------- */
#searchValMore {
	background-color:<{$linkbtn_normal}>;
	margin:20px auto;
	text-align:center;
	width:600px;
	}

#searchValMore a {
	color:#FFF;
	width:580px;
	text-decoration:none;
	display:block;
	padding:10px;
	}

#searchValMore a:hover {
	background-color:<{$linkbtn_hover}>;
	width:580px;
	padding-left:10px;
	}

#searchNavi {
	text-align:center;
	margin:20px 0;
	clear:both;
	}

/* ************************************************ 
 *	float解除
 * ************************************************ */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility:
	hidden;
	}

.clearfix {
	display:inline-block;
	}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
	}

.clearfix {
	display: block;
	}

/* End hide from IE-mac */

/* h3 */
.goods_itiran h3 {
	background: #4189AF;
	color: #fff;
	font-weight: bold;
	padding-left: 7px;
}



/* ************************************************ 
 * 2022/02/03追加　カートに入れるボタン
 * ************************************************ */
  .cart_img{
    width:296px;
    height: 125px;
    background: url("https://file001.shop-pro.jp/PA01123/485/img/pc_cart_bnr.jpg") no-repeat left top;
    background-size:100% auto;
    text-indent: -9999px;
    overflow: hidden;
  }
  .cart_bnr{
    position: fixed;
    right:10px;
    bottom:10px;
    cursor: pointer;
  }
  @media screen and (max-width: 714px){
    .cart_bnr{
      position: fixed;
      right:0;
      bottom:0;
      cursor: pointer;
      width:100%;
      height: 0;
      padding-top:28.5%;
    }
    .cart_img{
      width:100%;
      height: 100%;
      position: absolute;
      left:0;
      top:0;
      background: url("https://file001.shop-pro.jp/PA01123/485/img/sp_cart_bnr.jpg") no-repeat left top;
      background-size:100% auto;
      text-indent: -9999px;
      overflow: hidden;
    }
  }
  .cart_close{
    position: absolute;
    right:0;
    top:-28px;
    width:30px;
    height: 30px;
    background: #bdb15b;
    cursor: pointer;
  }
  .cart_close:after{
    position: absolute;
    left:5px;
    top:14px;
    content:"";
    width:20px;
    height: 2px;
    background: #FFF;
    transform:rotate(45deg);
  }
  .cart_close:before{
    position: absolute;
    left: 5px;
    top: 14px;
    content: "";
    width: 20px;
    height: 2px;
    background: #FFF;
    transform: rotate(-45deg);
  }