html, body, h1, h2, h3, h4, ul, ol, dl, li, dt, dd, p, div, span, img, a, table, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  letter-spacing: 0.5px;
  font-weight: normal;
  font-size: 100%;
  vertical-align:baseline;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 1.6;
  word-wrap: break-word;
  color: #221f1f;
}

body {  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, Osaka, "MS PGothic", arial, helvetica, sans-serif; }

html, body { height: 100%; }

strong { font-weight: bold; }

/* ------- ベースフォントサイズ ------- */
body { font-size: 14px; }
/********* sp *********/
@media only screen and (max-width: 600px) {
body { font-size: 13px;
 }
}

ul li { list-style-type:none; }

img {
 width: 100%;
 border: 0; -ms-interpolation-mode: bicubic;
 vertical-align: middle;
}

img[usemap] {
 max-width: 100%;
 height: auto;
}

table {
 border-collapse: collapse;
 border-spacing: 0;
}

a { text-decoration: none; }

/* PCのみマウスオーバーで透過 */
/********* pcのみ *********/
@media only screen and (min-width: 601px) {
.f-ov:hover {
 -webkit-transition: 0.2s ease-in-out;  
 -moz-transition: 0.2s ease-in-out;  
 -o-transition: 0.2s ease-in-out;  
 transition: 0.2s ease-in-out;
 opacity: 0.7;  
 filter: alpha(opacity=70);
 }
}


/* PCのみマウスオーバーでgreen */
.f-ov--txt { 
  text-decoration: underline;
}
/********* pcのみ *********/
@media only screen and (min-width: 601px) {
.f-ov--txt:hover { 
  color: #abd539;
  text-decoration: underline;
}
}


/* PCのみマウスオーバーで背景green */
.f-ov--item {
 display: block;
 height: 100%;
}

/********* pcのみ *********/
@media only screen and (min-width: 601px) {
.f-ov--item:hover { background-color: #b8c0b0; }

.f-ov--item:hover img {
 opacity: 0.7;  
 filter: alpha(opacity=70);
}

.f-ov--item:hover .u-item__ranking img {
 opacity: 1;  
 filter: alpha(opacity=100);
}

.f-ov--item:hover .u-item__date,
.f-ov--item:hover .u-item__ranking { z-index: 1; }
}