h1{float:left; margin:10px 1% 0 1%; padding: 6px 2%; width:96%;  font-size:2.2rem; line-height: 1.2; border-bottom:#6599D8 solid 2px;  }
h1 span{ font-size: 1rem; color: #999; }
h2{ float: left; width: 96%; margin:30px 2% 10px 2%; padding: 6px 1%; font-size: 1.6rem; font-weight: bold; line-height: 1.2; border-width:1px 0; border-color:#6599D8; border-style: solid; }

h2 span{ font-size: 0.7rem; margin:0 0 0 5px; font-weight: normal; }

/*作者*/
.auth{float: left; width: 100%; padding: 0 1%; margin:5px 2% 0 2%; font-size: 1.2rem;}
.auth a:hover{ cursor: pointer; opacity: 0.6; }


/* 画像 */
.i-pic{ float: left; width: 70%; margin:10px 2%; padding: 0 1%; }
.i-pic img { display: block;}


/*説明*/
.i-date{ float: left; width: 100%; text-align: right; color: #666; font-size: 1.2rem; }
.i-exp{ float: left; width: 96%; margin:10px 2%; padding: 0 1%; font-size: 1.4rem; }
.i-exp a:hover{ cursor: pointer; opacity: 0.6; }


/*評価*/
.v{ float: left; width: 100%; margin:10px 0 0 0;  padding:  0 2% 20px 2%; line-height: 1.5;}
.v-btn{ float: left; width: 30%; margin:0 1.5%; padding: 8px 0; text-align: center;  color: #FFF; border-radius:12px; font-size: 2rem; box-shadow: 1px 2px 2px  rgba(0,0,0,0.4); font-weight: bold; }
.v-btn:hover{ cursor: pointer; opacity: 0.9; }
.v-btn1{background-color: #F93636;}
.v-btn2{background-color: #F15EAE;}
.v-btn3{background-color: #A036F9;}
.v-hyouka{ float: left; width: 45%; margin:0 1.5%; padding: 8px 0; text-align: center;  color: #FFF; border-radius:12px; font-size: 2rem; font-weight: bold;
}
.v-status{ float: left; width: 50%; margin:0 0 0 5px; padding: 0 0 0 0; color: #666;  }
.v-status1{ float: left; width:100%; font-weight: bold; font-size: 1.6rem; }
.v-status-date{ font-weight: normal; font-size: 1.2rem; }
.v-status2{ float: left; width:100%;  }
.v-retry-btn{ float: left; width: 100%; }
.v-retry-btn:hover{ cursor: pointer; opacity: 0.9; }



/*評価集計*/
.vh{ float: left; width: 100%; }

.vh-count{ float: left; width: 100%; margin:10px 0 0 0; font-weight: bold; font-size: 2.8rem; color: #F93636; text-align: center; }

/*評価_マイページ*/
.mp-box{ float: left; width: 100%; margin:10px 0 0 0; text-align: center; }
.mp-box a{ display: inline-block; border:#888888 solid 1px;padding: 4px 20px; border-radius: 3px; color: #888888; line-height: 1.2;  }
.mp-box:hover{ cursor: pointer; opacity: 0.6; }



/*発売購入情報*/
.re{ float: left; width: 100%; margin:5px 2% 0 2%; padding: 0 1%; }
.re-tbl{ float: left; width: 80%; border-collapse: collapse; font-size: 1.3rem; }
.re-tbl th{ font-weight: normal; text-align: left; background-color: #DFE5ED; width: 130px; }
.re-tbl th,
.re-tbl td{ padding: 6px 8px; border:#6599D8 solid 1px; line-height: 1.3; }




/*横移動*/
.r-all{ float: left; width: 100%; }
.r-wrap{ float: left; margin:2px 0 20px 0; width: 100%; height: 200px; overflow: hidden; }
.r-all{ float: left; width: 100%; height: 170px; padding: 2px 2%; }
.r-box{ position: relative; float: left; margin:0 2px; width: 140px; height: 200px; border:#999 solid 0px; }
.r-box:hover{ cursor: pointer; opacity: 0.6; }
.r-pic{ position: relative; float: left; width: 100%; height: 140px; overflow:hidden; }
.r-pic img { float: left; width: 100%; height: auto;  }
.r-title{ float: left; width: 100%; margin:3px 0 0 0; text-align: center; font-size: 1.1rem; line-height: 1.2; padding: 1px 2px;}
.r-title span{ font-size: 9px; }