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




/*作品*/
.w{ float: left; width: 100%; margin:15px 0 0 0; padding: 0 2%; font-size: 1.4rem; display: flex; flex-direction: row; flex-wrap: wrap; }
.w-box{ position: relative;  float: left; margin:0 0.5% 15px 0.5%; width: 19%;  }
.w-rank{ position: absolute; top: -8px; left: 3px; padding: 4px 8px 2px 8px; background-color: #F84646; border-radius: 2px; color: #FFF; font-size:1.2rem; line-height:1.2; box-shadow:1px 1px 0px 0px  rgba(0,0,0,0.6); z-index:9; }
.w-name{ float: left; width: 100%; margin:3px 0 0 0; line-height: 1.2; font-size: 1.1rem; text-align:center; height:14px; overflow:hidden;  }
.w-date{ float: left; width: 100%; padding:2px 0;line-height: 1.2; font-size: 1.2rem; text-align:center; color:#666;}
.w-pic{ float: left; width: 100%; margin:0;  }
.w-pic img { display: block; border:#E5E5E5 solid 1px; border-radius: 2px;}

.w-star-rate{ float:left;width:100%; font-size:1.2rem; text-align:center; }
.w-star-rate i{color:#FFB400; margin:0 1px 0 0;}
.w-star-val{ font-weight:bold; color:#FF6161; margin:0 0 0 2px; }

.w a:hover{ cursor:pointer; opacity: 0.6;}






/*ページネーション*/
.page-all{ float: left; margin:30px 0 50px 0; width: 100%; text-align: center; font-size: 16px; }
.page-all a{ margin:0 8px; }
.page-all span{ color: #999; margin:0 8px; }
.page-all a:hover{ cursor:pointer; opacity: 0.6;}