@charset "euc-jp";
@import url("header_2024.css");
img {max-width : 100%;}

main { padding: 86px 15px 0; font-size: 16px; line-height: 1.5em;}

main a {color: #535353; text-decoration:underline;}
main a:hover { color:#0066CC;}

@media screen and (max-width:699px){
    main { padding: 60px 15px 0;}
}
/**============================================================================================**/

/* 商品レビューを書く */
#post h2{
    margin: 0 0 20px; padding: 7px; background: #004885;
    color: #fff; font-size: 1.3em; font-weight: 600; line-height: 1.0em;}

#post form {padding: 15px; background: #f6f6f6;}

#post strong {color: #004885; font-size: 1.4em; font-weight: 300;}

#post form {padding: 15px; background: #f6f6f6;}

#post li {width: 100%; margin: 15px 0 0; font-size: 0.95em;}
#post li .dis-tblcl01 {width: 160px; padding:0 20px 0 0;}

@media screen and (max-width:699px){
#post li:nth-child(n + 1),
#post li:nth-child(n + 1) .dis-tblcl01,
#post li:nth-child(n + 1) .dis-tblcl02 {display: block;}

#post li:nth-child(n + 1) .dis-tblcl01 {margin: 0 0 5px;}
}


/* 入力欄 共通 */
#post input[type="text"], 
#post input[type="number"], 
#post select {box-sizing: border-box; height: 32px; padding: 2px; font-size: 16px;} 

/* レビュー */
#post textarea {box-sizing: border-box; width: 100%; height: 90px; padding: 2px; font-size: 16px;}

/**========================================**/

/* 店舗のサービスに関する評価は…… */
#post > p a {padding: 0 0 0 20px; font-weight: bold;}
#post > p a:before {
    content: '※';
    position: absolute; top: 0; left: 0;}


/* 商品情報 */
#post li:first-child { margin: 10px 0 0; font-weight: 600; line-height: 1.4em;}
#post li:first-child span {display: block; margin: 0 0 5px;}

@media screen and (max-width: 699px) and (min-width: 0){
#post li:first-child span { display: inline; margin: 0;}

}

/* ハンドルネーム・満足度 */
#post input[type="text"], 
#post select {width: 340px;}

@media screen and (max-width:699px){
#post input[type="text"], 
#post select {width: 100%;}

}

/* セキュリティー入力欄 */
#post input[type="number"] { height: 32px; margin: 5px 0 10px;}


/* 文字のリロード */
#post img.dis-ilblk {margin: 0 20px 0 0;}
#post li a.posi-rlt {padding: 0 0 0 25px; cursor: pointer;}
#post li a.posi-rlt:before {
    content: ' ';
    position: absolute;  top: 0; left: 0;
    width: 20px; height: 20px;
    background: url(../../../kcaptcha/reload.png);
    background-size: cover;}


/* この内容で投稿する  */
#post input[type="button"] {
	width: 160px; height:32px; margin:0 30px 10px 0;
	border:solid #ccc 1px; border-radius:  4px; background: linear-gradient(#e57b7b, #d14949); 
	color: #FFF; font-size: 0.8em; cursor: pointer;}
  
#post input[type="button"]:hover {background: linear-gradient(#e5adad, #e55d5d); color: #FFF; }

/* クリアにする  */
#post input[type="reset"] {
	height:32px; margin:0 30px 10px 0;
	border:solid #aaa 1px; border-radius:  4px;
	background: linear-gradient(#FFF, #efefef); 
	color: #666; font-size: 0.8em; cursor: pointer;}
    
#post input[type="reset"]:hover {background: linear-gradient(#5aa6e5, #327ebd); color: #FFF; }

/**============================================================================================**/


/**============================================================================================**/

/* レビュー一覧*/
#review-list {margin: 0 0 30px;}
#review-list h2 {margin: 0 0 40px; padding: 10px; background: #004885;}
#review-list > div {margin: 0 0 10px; padding: 0 5px 10px; border-bottom:solid #CCC 1px;}

/**========================================**/

/* ハンドルネーム */
#review-list .name {font-size: 16px; line-height: 1.2em;}

/* 投稿日 */
#review-list .date {float:right; color:#1393bd; font-size: 0.8em; font-weight: 600; text-align: right;}

/* 満足度（星） */
#review-list .star {margin: 8px 0 0;} 

/* レビュー内容 */
#review-list .comment {margin: 8px 0 0; font-size: 0.9em; line-height: 1.4em; }

/**========================================**/

/* 商品レビュー一覧　商品画像部分（テンプレート29900262で使用） */
#review-list .dis-tbl_tab {width: 100%; margin: 0 0 10px;}
#review-list .dis-tblcl01 {width: 120px; padding-right: 15px;}
#review-list .dis-tblcl02 {font-weight: 600; line-height: 1.4em;}
#review-list .dis-tblcl02 span {display: block; margin: 0 0 5px;}


@media screen and (max-width:699px){
#review-list span {display:inline; margin: 0;}
}

/**============================================================================================**/

/**========================================**/

/* 商品レビュー一覧　投稿部分（テンプレート225で使用） */
#imgPreviewField img{
display: block;max-height:150px;max-width:150px;margin-bottom: 7px;
}



#imgPreviewField figure{
	display:inline-block;
}
#post #imgPreviewField figure input[type="button"] {
    margin: 0 auto;
    width: 75px;
}
.reviewimg {
    max-height: 160px;
    margin-bottom: 10px;
}
.reviewimg a{
    margin-right:10px;
    margin-top:10px;
    
    height: 150px;
    width: 150px;
    display: inline-block;
}

.reviewimg a img{
width: 100%;
object-fit: contain;

max-width: 100%;
max-height: 100%;
}



#post .imgarea input[type="button"].addimgbtn {
    width: 120px;
    height: 32px;
    margin: 0 30px 10px 0;
    border: solid #ccc 1px;
    border-radius: 4px;
    background: linear-gradient(#9ebdf5, #3a80d6);
    color: #FFF;
    font-size: 0.8em;
    cursor: pointer;
}
div.shopcomment h4{
    font-size: 13px;
    border-top: 1px solid #ccc;
    margin-top: 10px;
    font-weight:normal;

    /*padding-left: 10px;*/
}
div.shopcomment .comment{
    padding-left: 10px;
    font-size: 1.15em;

}

#review-list.adminpage h2 {
    margin: 0 0 20px;
    padding: 7px;
    background: #004885;
    color: #fff;
    font-size: 1.3em;
    font-weight: 600;
    line-height: 1.0em;
}


/**========================================**/


/**============================================================================================**/
/* ページャー*/
#pager p,
#pager a {
	display: inline-block; margin:0 3px 5px; padding: 4px 8px; 
	border:solid #888 1px;
	font-size: 16px; line-height: 1.0em;}

#pager p {border-color:#FF7700; background:#FF7700; color:#FFF; font-weight: 600;}
#pager a {text-decoration: none;} 
#pager a:hover {border-color:#FF7700;} 
/**============================================================================================**/

/* LastUp2024.09.04_kimata */