@charset "UTF-8";
/*
* cmn_layout.css
*
*  version --- 1.0.6
*  updated --- 2015/9/30
*/
/* !HTML5 elements
---------------------------------------------------------- */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

/* !Reseting
---------------------------------------------------------- */
body {
  font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", sans-serif;
  font-size: 12px;
  -webkit-text-size-adjust: none;
  line-height: 1.5;
  color: #000;
}

body, div, pre, p, blockquote, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, th, td {
  margin: 0;
  padding: 0;
}

input, textarea {
  margin: 0;
  font-size: 100%;
}

label {
  cursor: pointer;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 100%;
}

fieldset, img {
  border: 0;
}

img {
  pointer-events: none;
  vertical-align: middle;
}

address, caption, cite, code, dfn, em, th, var {
  font-style: normal;
  font-weight: normal;
}

ol, ul {
  list-style: none;
}

caption, th {
  text-align: left;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}

q:after, q:before {
  content: "";
}

abbr, acronym {
  border: 0;
}

/* !Reset Module
---------------------------------------------------------- */
.reset div, .reset dl, .reset dt, .reset dd, .reset ul, .reset ol, .reset li, .reset h1, .reset h2, .reset h3, .reset h4, .reset h5, .reset h6,
.reset pre, .reset form, .reset fieldset, .reset p, .reset blockquote, .reset th, .reset td {
  margin: 0;
  padding: 0;
}

.reset input, .reset textarea {
  margin: 0;
  font-size: 100%;
}

.reset table {
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 100%;
}

.reset fieldset, .reset img, .reset abbr, .reset acronym {
  border: 0;
}

.reset address, .reset caption, .reset cite, .reset code, .reset dfn, .reset em, .reset th, .reset var {
  font-style: normal;
  font-weight: normal;
}

.reset ol, .reset ul {
  list-style: none;
}

.reset caption, .reset th {
  text-align: left;
}

.reset h1, .reset h2, .reset h3, .reset h4, .reset h5, .reset h6 {
  font-size: 100%;
  font-weight: normal;
}

.reset q:after, .reset q:before {
  content: "";
}

/* !Clearfix
---------------------------------------------------------- */
.clearfix,
#contents,
.section,
#header,
.boxSocial,
.ul_pagerSlideNav,
.boxUpdate,
.ul_pagerScoreNav,
.ul_pagerSearchNav,
.ul_rankPhoto,
.ul_pagerLibraryNav,
.ul_zodiac li .boxInfo {
  display: block;
  min-height: 1%;
}

.clearfix:after,
#contents:after,
.section:after,
#header:after,
.boxSocial:after,
.ul_pagerSlideNav:after,
.boxUpdate:after,
.ul_pagerScoreNav:after,
.ul_pagerSearchNav:after,
.ul_rankPhoto:after,
.ul_pagerLibraryNav:after,
.ul_zodiac li .boxInfo:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

* html .clearfix,
* html #contents,
* html .section,
* html #header,
* html .boxSocial,
* html .ul_pagerSlideNav,
* html .boxUpdate,
* html .ul_pagerScoreNav,
* html .ul_pagerSearchNav,
* html .ul_rankPhoto,
* html .ul_pagerLibraryNav,
* html .ul_zodiac li .boxInfo {
  height: 1%;
  /*\*/ /*/
height: auto;
overflow: hidden;
/**/
}

/* !Reset Element
---------------------------------------------------------- */
* {
  box-sizing: border-box;
}

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

/* !Layout
---------------------------------------------------------- */
html {
  overflow-y: scroll;
}

body {
  text-align: center;
}

@media print {
  html,
  html body {
    *zoom: 0.65;
  }
}
/* !wrapper
---------------------------------------------------------- */
#wrapper {
  margin: 0 auto;
  width: 100%;
  text-align: left;
}

/* !advertisement
---------------------------------------------------------- */
.adv {
  width: 100%;
  text-align: center;
}
.adv img {
  width: auto;
  max-width: 100%;
  height: auto;
  vertical-align: baseline;
  border: none;
}

/* !header
---------------------------------------------------------- */
#header {
  /*display: table;*/
  width: 100%;
  margin: 0 auto;
  text-align: left;
  position: relative;
  border-bottom: 1px #e5e5e5 solid;
}

#headerLogo {
  width: 130px;
  height: 50px;
  float: left;
  padding: 0;
  position: relative;
}
#headerLogo a {
  position: absolute;
  left: 10px;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 85px;
  height: 20px;
}

#headerItem {
  width: 225px;
  float: right;
}

#headerLinks {
  display: flex;
  width: 180px;
  overflow: hidden;
}

#headerLinks li {
  flex: 1;
  width: 45px;
  align-items: center;
  margin: 0 1px;
}

#headerLinks li a {
  display: flex;
  justify-content: center;
  height: 50px;
  position: relative;
  background-color: #888;
  border-radius: 6px;
}

#headerLinks li a span {
  color: #fff;
  font-size: 100%;
  font-weight: bold;
  position: absolute;
  bottom: 2px;
}

#headerItem li a {
  background-position: top 7px center;
  background-size: 50px 22px;
  background-repeat: no-repeat;
}

#headerLinks li a.open {
  background-color: #000;
}

#headerLinks li a.open span {
  color: #fff;
}

#headerLinks li a.btn-headerCoupon {
  background-image: url("image/icn_coupon-current.svg");
  background-color: #ff008e;
}
#headerLinks li a.btn-headerCoupon.open {
  background-image: url("image/icn_coupon-current.svg");
}
#headerLinks li a.btn-headerHakken {
  background-image: url("image/icn_hakken-current.svg");
  background-color: #0066cc;
}
#headerLinks li a.btn-headerHakken.open {
  background-image: url("image/icn_hakken-current.svg");
}
#headerLinks li a.btn-headerTag {
  background-image: url("image/icn_tag-current.svg");
}
#headerLinks li a.btn-headerTag.open {
  background-image: url("image/icn_tag-current.svg");
}
#headerLinks li a.btn-headerOlympics {
  background-image: url("image/icn_olympics-current.svg");
}
#headerLinks li a.btn-headerOlympics.open {
  background-image: url("image/icn_olympics-current.svg");
}
#headerLinks li a.btn-headerWcup {
  background-image: url("image/icn_wcup-current.svg");
}
#headerLinks li a.btn-headerWcup.open {
  background-image: url("image/icn_wcup-current.svg");
}
#headerLinks li a.btn-headerKoshien {
  background-image: url("image/icn_koshien-current.svg");
}
#headerLinks li a.btn-headerKoshien.open {
  background-image: url("image/icn_koshien-current.svg");
}
#headerLinks li a.btn-headerFeature {
  background-image: url("image/icn_feature-current.svg");
}
#headerLinks li a.btn-headerFeature.open {
  background-image: url("image/icn_feature-current.svg");
}
#headerLinks li a.btn-headerRace {
  background-image: url("image/icn_race-current.svg");
}
#headerLinks li a.btn-headerRace.open {
  background-image: url("image/icn_race-current.svg");
}
#headerLinks li a.btn-headerNishitan {
  background-image: url("image/icn_nishitan-current.svg");
}
#headerLinks li a.btn-headerNishitan.open {
  background-image: url("image/icn_nishitan-current.svg");
}

.btnGnavi {
  position: absolute;
  top: 0;
  right: 0;
  width: 45px;
  height: 50px;
  text-indent: -9999px;
}
.btnGnavi.open {
  position: absolute;
  right: 0;
  top: 0;
  width: 45px;
  height: 50px;
}

.btnGnavi,
.btnGnavi.open {
  display: inline-block;
  background: url(image/ico_90-200.png) no-repeat;
  background-size: 95px 375px;
  overflow: hidden;
  text-indent: -9999px;
  text-align: left;
}

.btnGnavi.open {
  background-position: 0px 0px;
}

.btnGnavi {
  background-position: -45px 0px;
}

.btn-headerCoupon {
  background: url(image/icn_coupon.svg) no-repeat center 12.5px;
  background-size: 20px 15px;
}

.btn-headerHakken {
  background: url(image/icn_hakken.svg) no-repeat center 9px;
  background-size: 14px 20px;
}

.btn-headerTag {
  background: url(image/icn_tag.svg) no-repeat center 9px;
  background-size: 15px 20px;
}

.btn-headerTag.open {
  background: url(image/icn_tag-current.svg) no-repeat center 9px;
  background-size: 15px 20px;
  background-color: #000;
}

#headerLinks .btn-headerTag.open span {
  color: #fff;
}

.ul_menuTag {
  white-space: nowrap;
  overflow-x: scroll;
  padding: 8px 0;
}

.ul_menuTag li {
  display: inline-block;
  background-color: #dedfde;
  border-radius: 8px;
  padding: 6px;
  margin-right: 4px;
}
.ul_menuTag li.current {
  background-color: #fff100;
  position: relative;
  margin-bottom: 8px;
}
.ul_menuTag li.current::after {
  width: 0;
  height: 0;
  content: "";
  border-style: solid;
  border-width: 10px 4px 0 4px;
  border-color: #fff100 transparent transparent transparent;
  position: absolute;
  right: 0;
  bottom: -10px;
  left: 0;
  margin: auto;
}
.ul_menuTag li:first-child {
  margin-left: 13px;
}
.ul_menuTag li:last-child {
  margin-right: 13px;
}
.ul_menuTag li a {
  color: #000;
}
.ul_menuTag li a::before {
  content: "#";
}

/* !gNavi
---------------------------------------------------------- */
#gNavi {
  position: relative;
  margin-bottom: 0px;
  /* width: 320px; */
  height: 40px;
  overflow: hidden;
  background: #eee200;
  border-bottom: 2px #000 solid;
}

#gNavi > ul {
  overflow: hidden;
  /* border-bottom: 2px #000 solid; */
  /* display: none; */
}

#gNavi > ul > li {
  float: left;
  width: 75px;
  border-right: 1px #e5d800 solid;
}

#gNavi > ul > li:first-child {
  width: 40px;
}

#gNavi > ul > li:first-child a {
  position: relative;
  text-indent: -99999px;
  background: #fff100;
}

#gNavi > ul > li:first-child a:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  width: 20px;
  height: 14px;
  margin: auto;
  background: url(image/ico_40-35.png) center -17px no-repeat;
  background-size: 20px 135px;
}

#gNavi > ul > li > a {
  display: block;
  background-color: #fff100;
  padding: 10px 0;
  font-size: 100%;
  font-weight: bold;
  color: #000;
  text-align: center;
}

#gNavi > ul > li.active > a {
  background-color: #000;
  color: #fff;
}

#subNavi {
  position: relative;
  margin-bottom: 12px;
  height: 40px;
  overflow: hidden;
}

#subNavi > ul {
  /*display: none !important; */
  width: 100%;
  display: table;
  position: absolute;
  top: 0;
  left: 0;
}

#subNavi ul > li {
  display: table-cell;
  vertical-align: middle;
  width: 33.33%;
  border-right: 1px #8d8d8d solid;
}

#subNavi > ul > li:last-child {
  border-right: none;
  width: 33.34%;
}

#subNavi > ul > li > a {
  display: block;
  background-color: #808080;
  padding: 10px 0;
  font-size: 117%;
  color: #fff;
  text-align: center;
}

#subNavi > ul > li.active > a {
  background-color: #000;
  color: #fff;
}

#subNavi > ul > li.sub > a {
  position: relative;
  padding-right: 16px;
}

#subNavi > ul > li.sub > a:before {
  display: block;
  content: "";
  position: absolute;
  top: 12px;
  right: 5px;
  width: 12px;
  height: 12px;
  background-color: #fff;
  transform: rotate(45deg);
}

#subNavi > ul > li.sub > a:after {
  display: block;
  content: "";
  position: absolute;
  top: 8px;
  right: 5px;
  width: 12px;
  height: 12px;
  background-color: #808080;
  transform: rotate(45deg);
}

#subNavi > ul > li.sub.active > a:before {
  display: block;
  content: "";
  position: absolute;
  top: 16px;
  right: 5px;
  width: 12px;
  height: 12px;
  background-color: #fff;
  transform: rotate(45deg);
}

#subNavi > ul > li.sub.active > a:after {
  display: block;
  content: "";
  position: absolute;
  top: 20px;
  right: 5px;
  width: 12px;
  height: 12px;
  background-color: #000;
  transform: rotate(45deg);
}

#subNavi > ul > li.sub > ul {
  /* display: none; */
  position: absolute;
  top: 41px;
  left: 0;
  overflow: hidden;
  width: 100%;
  background-color: #f2f2f2;
}

#subNavi > ul > li.sub > ul > li {
  float: left;
  width: 50%;
  border-bottom: 1px #e5e5e5 solid;
}

#subNavi > ul > li.sub > ul > li:nth-child(odd) {
  border-right: 1px #e5e5e5 solid;
}

#subNavi > ul > li.sub > ul > li > a {
  display: block;
  position: relative;
  background-color: #f2f2f2;
  padding: 10px 0;
  font-size: 117%;
  color: #000;
  padding-left: 10px;
}

#subNavi > ul > li.sub > ul > li > a:before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: 13px;
  width: 12px;
  height: 12px;
  margin-top: -6px;
  background-color: #999;
  transform: rotate(45deg);
}

#subNavi > ul > li.sub > ul > li > a:after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: 17px;
  width: 12px;
  height: 12px;
  margin-top: -6px;
  background-color: #f2f2f2;
  transform: rotate(45deg);
}

body#gossip #gNavi {
  background: #e4007d;
}

body#gossip #gNavi > ul > li {
  border-right: 1px #e50080 solid;
}

body#gossip #gNavi > ul > li > a {
  background-color: #ff008e;
  color: #fff;
}

body#gossip #gNavi > ul > li.active > a {
  background-color: #ffcce8;
  color: #000;
}

body#gossip #gNavi > ul > li:first-child a:after {
  background-position: center -31px;
}

body#gossip #gNavi > ul > li > ul > li {
  border-right: 1px #c7c7c7 solid;
}

body#gossip #gNavi > ul > li > ul > li:last-child {
  border-right: none;
}

body#gossip #gNavi > ul > li > ul > li > a {
  background-color: #dedede;
  color: #000;
}

body#gossip #gNavi > ul > li > ul > li.active > a {
  background-color: #000;
  color: #fff;
}

body#gossip #gNavi > ul > li > ul > li.sub > a:before {
  display: block;
  content: "";
  position: absolute;
  top: 12px;
  right: 5px;
  width: 12px;
  height: 12px;
  background-color: #000;
  transform: rotate(45deg);
}

body#gossip #gNavi > ul > li > ul > li.sub > a:after {
  display: block;
  content: "";
  position: absolute;
  top: 8px;
  right: 5px;
  width: 12px;
  height: 12px;
  background-color: #dedede;
  transform: rotate(45deg);
}

body#gossip #gNavi > ul > li > ul > li.sub.active > a:before {
  display: block;
  content: "";
  position: absolute;
  top: 16px;
  right: 5px;
  width: 12px;
  height: 12px;
  background-color: #fff;
  transform: rotate(45deg);
}

body#gossip #gNavi > ul > li > ul > li.sub.active > a:after {
  display: block;
  content: "";
  position: absolute;
  top: 20px;
  right: 5px;
  width: 12px;
  height: 12px;
  background-color: #000;
  transform: rotate(45deg);
}

/* 宮島ボート表示のとき */
body#miyajima #gNavi {
  background: #a50519;
}

body#miyajima #gNavi > ul > li {
  border-right: 1px #ccc solid;
}

body#miyajima #gNavi > ul > li > a {
  background-color: #a50519;
  color: #fff;
}

body#miyajima #gNavi > ul > li.active > a {
  background-color: #f0939a;
  color: #000;
}

body#miyajima #gNavi > ul > li:first-child a:after {
  background-position: center -31px;
}

body#miyajima #gNavi > ul > li > ul > li {
  border-right: 1px #c7c7c7 solid;
}

body#miyajima #gNavi > ul > li > ul > li:last-child {
  border-right: none;
}

body#miyajima #gNavi > ul > li > ul > li > a {
  background-color: #dedede;
  color: #000;
}

body#miyajima #gNavi > ul > li > ul > li.active > a {
  background-color: #000;
  color: #fff;
}

body#miyajima #gNavi > ul > li > ul > li.sub > a:before {
  display: block;
  content: "";
  position: absolute;
  top: 12px;
  right: 5px;
  width: 12px;
  height: 12px;
  background-color: #000;
  transform: rotate(45deg);
}

body#miyajima #gNavi > ul > li > ul > li.sub > a:after {
  display: block;
  content: "";
  position: absolute;
  top: 8px;
  right: 5px;
  width: 12px;
  height: 12px;
  background-color: #dedede;
  transform: rotate(45deg);
}

body#miyajima #gNavi > ul > li > ul > li.sub.active > a:before {
  display: block;
  content: "";
  position: absolute;
  top: 16px;
  right: 5px;
  width: 12px;
  height: 12px;
  background-color: #fff;
  transform: rotate(45deg);
}

body#miyajima #gNavi > ul > li > ul > li.sub.active > a:after {
  display: block;
  content: "";
  position: absolute;
  top: 20px;
  right: 5px;
  width: 12px;
  height: 12px;
  background-color: #000;
  transform: rotate(45deg);
}

/* !boxMenu
---------------------------------------------------------- */
.boxMenuContents {
  margin-top: 15px;
  border-bottom: 1px #e6e6e6 solid;
}

.boxMenuClip {
  /* display: none; */
  margin-bottom: 15px;
  /* border-top: 1px #e5e5e5 solid; */
}

.boxMenuDrawer {
  /*display: none;*/
  margin-bottom: 15px;
  /* border-top: 1px #e5e5e5 solid; */
}

.ul_menuNews {
  margin-bottom: 15px;
  border-bottom: 1px #e6e6e6 solid;
}

.ul_menuNews li {
  display: table;
  width: 100%;
  padding: 6px 0;
  border-bottom: 1px #e6e6e6 solid;
}
.ul_menuNews li:last-child {
  border-bottom: none;
}

.ul_menuNews .elmImg {
  width: 52px;
  height: 52px;
  display: table-cell;
  vertical-align: middle;
}

.ul_menuNews .elmImg.no_image {
  display: table-cell;
  width: 52px;
  height: 52px;
  background: url(image/ico_noimage01.png);
  background-size: 70px 926px;
  background-position: 62px 373px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}

.ul_menuNews li .elmImg span.boxImgSquare {
  display: block;
  width: 52px;
  height: 52px;
  overflow: hidden;
  background-color: #e6e6e6;
}
.ul_menuNews li .elmImg span.boxImgSquare img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center top;
     object-position: center top;
  height: 100%;
}
.ul_menuNews li .elmImg span.boxImgSquare:before {
  display: inline-block;
  content: "";
  height: 100%;
  vertical-align: middle;
}

.ul_menuNews .elmLink {
  display: table-cell;
  vertical-align: top;
  padding-left: 15px;
}
.ul_menuNews .elmLink a {
  font-size: 16px;
  font-weight: bold;
  color: #444;
}
.ul_menuNews .elmLink span {
  display: inline-block;
  float: right;
  margin-right: 5px;
  font-size: 117%;
  font-weight: bold;
}

#boxSearch {
  width: 100%;
  margin: 15px 0;
  padding: 0 10px;
  position: relative;
}

.txtSearch {
  width: 100%;
  border: 2px #ccc solid;
  padding: 10px 50px 10px 10px;
  outline: none;
  font-size: 117%;
  vertical-align: middle;
}

.btnSearch {
  position: absolute;
  top: 0;
  right: 10px;
  width: 40px;
  height: 100%;
  border: none;
  background: url(image/btn_search01.png) right top no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
}

.ul_menuGenre {
  overflow: hidden;
  border-top: 1px #e5e5e5 solid;
  background-color: #f2f2f2;
}

.ul_menuGenre > li {
  background-color: #f2f2f2;
  border-bottom: 1px #e5e5e5 solid;
}

.ul_menuGenre > li.last {
  border-bottom: none;
}

.ul_menuGenre > li a {
  display: block;
  position: relative;
  padding: 9px;
  font-size: 117%;
  color: #000;
}

.ul_menuGenre .ul_menuGenre_label {
  display: block;
  position: relative;
  padding: 9px;
  font-size: 117%;
  color: #000;
}

.ul_menuGenre .ul_menuGenre_wrapper {
  display: none;
}

.ul_menuGenre .ul_menuGenre_label.active {
  color: #fff;
  background-color: #000;
}

.ul_menuGenre > li > a:before, .ul_menuGenre_label:before {
  display: block;
  content: "";
  position: absolute;
  top: 14px;
  right: 11px;
  width: 10px;
  height: 10px;
  background-color: #999;
  transform: rotate(45deg);
}

.ul_menuGenre > li > a:after, .ul_menuGenre_label:after {
  display: block;
  content: "";
  position: absolute;
  top: 14px;
  right: 14px;
  width: 10px;
  height: 10px;
  background-color: #f2f2f2;
  transform: rotate(45deg);
}

.ul_menuGenre_label:after {
  top: 11px;
  right: 11px;
}

.ul_menuGenre_label.active:before {
  background-color: #fff;
  top: 17px;
}

.ul_menuGenre_label.active:after {
  background-color: #000;
  top: 21px;
}

.ul_menuGenre_sub {
  overflow: hidden;
  border-top: 1px #e5e5e5 solid;
  background-color: #fff;
  display: flex;
  flex-wrap: wrap;
}

.ul_menuGenre_sub li {
  width: 50%;
  background-color: #fff;
  border-bottom: 1px #e5e5e5 solid;
}

.ul_menuGenre_sub li:nth-child(2n+1) {
  border-right: 1px #e5e5e5 solid;
}

.ul_menuGenre_tag {
  padding: 5px 10px;
  background-color: #fff;
  border-top: 1px #e5e5e5 solid;
  margin-top: -1px;
  position: relative;
}

.ul_menuGenre_tag p {
  font-size: 117%;
  font-weight: bold;
  color: #666;
  margin-top: 5px;
  margin-bottom: 5px;
}

.ul_menuGenre_tag div p {
  color: #000;
  margin: 10px 0;
}

.ul_menuGenre_tag div p::after {
  content: "：";
}

.ul_menuGenre_tag div {
  margin-left: 20px;
  font-weight: bold;
  margin-bottom: 10px;
}

.ul_menuGenre_tag li {
  display: inline-block;
  background-color: #f2f2f2;
  border: solid 1px #e5e5e5;
  margin-bottom: 5px;
  font-size: 100%;
  font-weight: bold;
}

.ul_menuGenre_tag li a {
  padding: 6px 9px;
  font-size: 100%;
  color: #000;
}

.ul_menuGenre_tag.active div {
  display: block;
}

.ul_menuGenre_tag > p::before {
  display: block;
  content: "";
  position: absolute;
  top: 13px;
  right: 10px;
  width: 10px;
  height: 10px;
  background-color: #999;
  transform: rotate(45deg);
}

.ul_menuGenre_tag > p::after {
  display: block;
  content: "";
  position: absolute;
  top: 10px;
  right: 10px;
  width: 10px;
  height: 10px;
  background-color: #fff;
  transform: rotate(45deg);
}

.ul_menuGenre_tag:after {
  top: 11px;
  right: 11px;
}

.ul_menuGenre_tag.active > p::before {
  background-color: #999;
  top: 21px;
}

.ul_menuGenre_tag.active > p::after {
  background-color: #fff;
  top: 25px;
}

.ul_menuGenre_list {
  display: none;
}

/* !breadcrumb
---------------------------------------------------------- */
#breadcrumb {
  overflow: hidden;
  *zoom: 1;
  margin: 0 10px 15px;
}
#breadcrumb li {
  float: left;
  position: relative;
  white-space: nowrap;
  color: #0066cc;
}
#breadcrumb li a {
  white-space: nowrap;
  padding-right: 12px;
  margin-right: 4px;
}
#breadcrumb li a:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 15px;
  height: 9px;
  margin: auto;
  background: url(image/ico_40-35.png) center -128px no-repeat;
  background-size: 20px 135px;
}

/* !contents
---------------------------------------------------------- */
#contents {
  margin: 0 auto 40px;
  width: 100%;
  text-align: left;
}

/* !pageTop
---------------------------------------------------------- */
.pageTop {
  margin-right: 5px;
  text-align: right;
}

/* !footer
---------------------------------------------------------- */
#footer {
  margin: 0 auto;
  width: 100%;
  text-align: left;
}

#footerLinks {
  margin-bottom: 25px;
  border-bottom: 1px #e5e5e5 solid;
}

#footerLinks > li {
  border-top: 1px #e5e5e5 solid;
}

#footerLinks > li > a {
  display: block;
  position: relative;
  background-color: #f2f2f2;
  padding: 10px;
  font-size: 117%;
  color: #000;
}

#footerLinks > li > a:before {
  display: block;
  content: "";
  position: absolute;
  top: 12px;
  right: 10px;
  width: 12px;
  height: 12px;
  background-color: #999;
  transform: rotate(45deg);
}

#footerLinks > li > a:after {
  display: block;
  content: "";
  position: absolute;
  top: 8px;
  right: 10px;
  width: 12px;
  height: 12px;
  background-color: #f2f2f2;
  transform: rotate(45deg);
}

#footerLinks > li.direct > a:before {
  top: 16px;
  right: 12px;
}

#footerLinks > li.direct > a:after {
  top: 16px;
  right: 16px;
}

#footerLinks > li > a.active {
  background-color: #000;
  color: #fff;
}

#footerLinks > li > a.active:before {
  display: block;
  content: "";
  position: absolute;
  top: 16px;
  right: 10px;
  width: 12px;
  height: 12px;
  background-color: #e5e5e5;
  transform: rotate(45deg);
}

#footerLinks > li > a.active:after {
  display: block;
  content: "";
  position: absolute;
  top: 20px;
  right: 10px;
  width: 12px;
  height: 12px;
  background-color: #000;
  transform: rotate(45deg);
}

#footerLinks > li > .ul_sub {
  background-color: #fff;
}

#footerLinks > li > .ul_sub > li a {
  display: block;
  padding: 10px 10px 10px 24px;
  border-top: 1px #e5e5e5 solid;
  color: #000;
}

#footerLinks > li > .ul_sub > li > ul > li > a {
  padding-left: 49px;
}

.boxFooter {
  margin: 0 10px;
}

.btnPc {
  margin-bottom: 15px;
  background-color: #808080;
}
.btnPc a {
  display: block;
  height: 40px;
  line-height: 40px;
  font-size: 117%;
  font-weight: bold;
  color: #fff;
  text-align: center;
}
.btnPc a span {
  position: relative;
  display: inline-block;
  padding-left: 39px;
}
.btnPc a span:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  display: inline-block;
  height: 16px;
  width: 20px;
  background: url(image/ico_40-35.png) center -46px;
  background-size: 20px 135px;
}

.dl_size {
  width: 100%;
  display: table;
  margin-bottom: 15px;
  border-radius: 2px;
  border: 1px #e5e5e5 solid;
}

.dl_size dt {
  width: 34.33%;
  padding: 10px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.dl_size dd {
  width: 65.67%;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.dl_size dd ul {
  display: table;
  width: 100%;
}

.dl_size dd ul li {
  display: table-cell;
  vertical-align: middle;
  width: 33.33%;
  background-color: #f2f2f2;
  padding: 10px;
  border-left: 1px #e5e5e5 solid;
  cursor: pointer;
}

.dl_size dd ul li a {
  color: #000;
}

.dl_size dd ul li.active {
  background-color: #000;
}

.dl_size dd ul li.active a {
  color: #fff;
}

body#gossip .dl_size dd ul li.active {
  background-color: #ffb2dd;
}

body#gossip .dl_size dd ul li.active a {
  color: #000;
}

/* 宮島ボート表示のとき */
body#miyajima .dl_size dd ul li.active {
  background-color: #f0939a;
}

body#miyajima .dl_size dd ul li.active a {
  color: #000;
}

.ul_footerLinkStatic {
  text-align: center;
  margin-bottom: 8px;
}

.ul_footerLinkStatic li {
  display: inline-block;
  border-right: 1px #999 solid;
  line-height: 1.2;
  padding-right: 15px;
  margin-right: 15px;
}

.ul_footerLinkStatic li:last-child {
  border-right: none;
  padding-right: 0px;
  margin-right: 0px;
}

.ul_footerLinkOther {
  text-align: center;
  margin-bottom: 15px;
}

.ul_footerLinkOther li {
  display: inline-block;
  border-right: 1px #999 solid;
  line-height: 1.2;
  padding-right: 15px;
  margin-right: 15px;
}

.ul_footerLinkOther li:last-child {
  border-right: none;
  padding-right: 0px;
  margin-right: 0px;
}

.ul_footerLinkOther li a {
  white-space: nowrap;
}

#copyright {
  padding: 6px 0;
  background-color: #fff100;
  text-align: center;
}

body#gossip #copyright {
  background-color: #ff008e;
  color: #fff;
}

/* 宮島ボート表示のとき */
body#miyajima #copyright {
  background-color: #a50519;
  color: #fff;
}

/* !h(n)eading
---------------------------------------------------------- */
/* !Listing
---------------------------------------------------------- */
/* !Table
---------------------------------------------------------- */
.table_basic {
  width: 100%;
  border: 1px #ccc solid;
  border-radius: 2px;
}

.table_basic th,
.table_basic td {
  padding: 5px 10px;
  border-bottom: 1px #ccc solid;
  font-size: 117%;
}

.table_basic th {
  background-color: #f2f2f2;
  vertical-align: top;
}

.table_basic td {
  background-color: #fff;
  border-left: 1px #ccc solid;
}

.table_basic td a {
  position: relative;
  display: block;
}
.table_basic td a:before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: 2px;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  background-color: #000;
  transform: rotate(45deg);
}
.table_basic td a:after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: 6px;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  background-color: #fff;
  transform: rotate(45deg);
}

.table_basic .w30 {
  width: 30%;
}
.table_basic .w35 {
  width: 35%;
}
.table_basic .w40 {
  width: 40%;
}
.table_basic .w60 {
  width: 60%;
}
.table_basic .w65 {
  width: 65%;
}
.table_basic .w70 {
  width: 70%;
}

/* !boxAlert
---------------------------------------------------------- */
.boxAlert {
  /* display: none; */
  margin: 5px 10px;
  padding: 7px 10px;
  border: 3px #f00 solid;
  font-size: 117%;
  font-weight: bold;
  color: #f00;
}

.boxAlert > span {
  display: block;
  position: relative;
  padding: 3px 0 2px 24px;
}
.boxAlert > span:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 0;
  width: 20px;
  height: 16px;
  background: url(image/ico_40-35.png) center -96px no-repeat;
  background-size: 20px 135px;
}

/* !Section
---------------------------------------------------------- */
.sectionBasic {
  width: 100%;
  margin-bottom: 25px;
  padding: 0;
}

.sectionBasic:last-child {
  margin-bottom: 0;
}

.ttlBasicSubhead {
  margin-bottom: 15px;
  padding: 10px;
  background-color: #fff100;
  font-size: 117%;
  font-weight: bold;
}

.ttlBasicSubhead.ttlRank {
  margin-bottom: 0px;
}

.ttlBasicSubhead.ttlLP {
  margin-bottom: 0px;
}

.ttlBasicSubhead.ttlStatic {
  margin-bottom: 12px;
}

.ttlBasicSubhead.ttlStandings {
  margin-bottom: 0px;
}

body#gossip .ttlBasicSubhead {
  background-color: #ff008e;
  color: #fff;
}

/* 宮島ボート表示のとき */
body#miyajima .ttlBasicSubhead {
  background-color: #a50519;
  color: #fff;
  background: linear-gradient(to bottom, #c4061c 50%, #57040d);
}

.ttlBasicPage {
  display: table;
  width: 100%;
  height: 55px;
  margin-bottom: 15px;
  padding: 2px 10px;
  background-color: #fff100;
}

.ttlBasicPage h1 {
  display: table-cell;
  vertical-align: middle;
  font-size: 150%;
  font-weight: bold;
  line-height: 1.2;
}

.ttlBasicPage h1 span {
  font-size: 67%;
  font-weight: normal;
}

body#gossip .ttlBasicPage {
  background-color: #ff008e;
  color: #fff;
}

/* 宮島ボート表示のとき */
body#miyajima .ttlBasicPage {
  background-color: #a50519;
  color: #fff;
}

body#miyajima .boatHeadImage {
  width: 90px;
  height: 25px;
  background: url(//i.daily.jp/assets/img/boatrace/daily-carp.png) no-repeat;
  background-size: contain;
  position: absolute;
  top: 11px;
  right: 5px;
}

.ttlBasicUnderline {
  padding: 10px 5px;
  border-bottom: solid 3px #000;
  margin-bottom: 18px;
}

.ttlBasicUnderline h3 {
  font-size: 14px;
  font-weight: bold;
}

.boxSocial {
  margin: 0 10px 15px;
}

/* !ul_social
---------------------------------------------------------- */
.ul_socialClip {
  float: left;
  overflow: hidden;
  width: 200px;
}
.ul_socialClip li {
  float: left;
  width: 50px;
}
.ul_socialClip li:nth-child(1) {
  background-color: #3b5998;
}
.ul_socialClip li:nth-child(2) {
  background-color: #000;
}
.ul_socialClip li:nth-child(3) {
  background-color: #008fde;
}
.ul_socialClip li:nth-child(4) {
  background-color: #00c300;
}
.ul_socialClip li a {
  display: block;
  height: 45px;
  padding-top: 7px;
}
.ul_socialClip li a .ico-hatena,
.ul_socialClip li a .ico-facebook,
.ul_socialClip li a .ico-line {
  width: 50px;
  margin: 0 auto;
  background: url(image/ico_social.png) no-repeat;
  background-size: 100px 45px;
  overflow: hidden;
  text-indent: -9999px;
}
.ul_socialClip li a .ico-hatena {
  background-position: 0px 0px;
}
.ul_socialClip li a .ico-facebook {
  background-position: -50px 0px;
}
.ul_socialClip li a .ico-line {
  background-position: 0px -18px;
  height: 27px;
}
.ul_socialClip li a .ico-twitter {
  background: url(image/xlogo-white.png) no-repeat;
  background-position: 18px 3px;
  overflow: hidden;
  text-indent: -9999px;
}
.ul_socialClip li a .elmText {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  color: #fff;
  text-align: center;
}

.ul_socialFull {
  overflow: hidden;
  width: 100%;
  margin-bottom: 15px;
  padding: 0 10px;
}
.ul_socialFull li {
  float: left;
  width: 25%;
}
.ul_socialFull li:nth-child(1) {
  background-color: #3b5998;
}
.ul_socialFull li:nth-child(2) {
  background-color: #000;
}
.ul_socialFull li:nth-child(3) {
  background-color: #008fde;
}
.ul_socialFull li:nth-child(4) {
  background-color: #00c300;
}
.ul_socialFull li a {
  display: block;
  height: 45px;
  padding-top: 7px;
}
.ul_socialFull li a .ico-hatena,
.ul_socialFull li a .ico-facebook,
.ul_socialFull li a .ico-line,
.ul_socialFull li a .ico-twitter {
  width: 50px;
  margin: 0 auto;
  background: url(image/ico_social.png) no-repeat;
  background-size: 100px 45px;
  overflow: hidden;
  text-indent: -9999px;
}
.ul_socialFull li a .ico-hatena {
  background-position: 0px 0px;
}
.ul_socialFull li a .ico-facebook {
  background-position: -50px 0px;
}
.ul_socialFull li a .ico-line {
  background-position: 0px -18px;
  height: 27px;
}
.ul_socialFull li a .ico-twitter {
  background: url(image/xlogo-white.png) no-repeat;
  background-position: 18px 3px;
  overflow: hidden;
  text-indent: -9999px;
}
.ul_socialFull li a .elmText {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  color: #fff;
  text-align: center;
}

.btnSave {
  float: right;
  width: 50px;
  background-color: #000;
}

.btnSave.regist {
  background-color: #ccc;
}

.btnSave a {
  position: relative;
  display: block;
  height: 45px;
  padding-top: 28px;
}

.btnSave a:before {
  content: "";
  position: absolute;
  top: 7px;
  left: 50%;
  display: block;
  width: 20px;
  height: 17px;
  margin-left: -10px;
  background: url(image/ico_40-35.png) center -79px no-repeat;
  background-size: 20px 135px;
}

.btnSave a .elmText {
  display: block;
  font-size: 75%;
  font-weight: bold;
  color: #fff;
  text-align: center;
}

.btnSave.regist a .elmText {
  color: #fff;
}

/* !boxSlide
---------------------------------------------------------- */
.boxSlideNews {
  position: relative;
  overflow: hidden;
  background-color: #000;
  text-align: center;
}

.ul_slideNews {
  margin-bottom: 15px;
}

.ul_slideNews li {
  position: relative;
}

.ul_slideNews li .imgSports {
  display: inline-block;
  float: left;
  position: relative;
  font-size: 0;
}

.ul_slideNews li .imgSports img {
  width: auto;
  max-height: 240px;
  display: inline-block;
  vertical-align: middle;
}

.ul_slideNews li .imgSports:before {
  display: inline-block;
  content: "";
  height: 100%;
  vertical-align: middle;
}

.ul_slideNews li .imgSports.loading {
  text-align: center;
  background-color: #FFF;
}

.ul_slideNews li .imgSports.loading img {
  max-width: 48px;
}

.ul_slideNews li .captionNews {
  width: 100%;
  padding: 8px 10px;
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.6);
}

.boxSlideNews .ico {
  position: absolute;
  top: 0;
  right: 0;
  width: 10.94%;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 2;
}

.boxSlideNews .ico a {
  display: block;
}

.captionNews {
  width: 100%;
  padding: 8px 10px;
  position: absolute;
  bottom: 0px;
  left: 0;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 9;
  text-align: left;
}
.captionNews .elmText {
  font-size: 134%;
  font-weight: bold;
  margin-bottom: 2px;
}
.captionNews .elmNewsDate {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 117%;
}
.captionNews .elmNewsDate > span {
  font-size: 72%;
}

.boxSlideNewsNav {
  position: relative;
  padding-bottom: 33px;
  margin-bottom: 6px;
  overflow: hidden;
}

.ul_pagerSlideNav {
  position: absolute;
  bottom: -1px;
  left: 10px;
  right: 10px;
  z-index: 1;
}

.ul_pagerSlideNav li {
  text-indent: -9999px;
  width: 12px;
  height: 24px;
  cursor: pointer;
  display: inline-block;
  background: url(image/ico_pager01.png) no-repeat;
  background-size: 24px 48px;
  overflow: hidden;
  text-align: left;
}

.ul_pagerSlideNav li.prev {
  float: left;
  background-position: -12px -24px;
}

.ul_pagerSlideNav li.prev.no {
  background-position: 0px -24px;
}

.ul_pagerSlideNav li.next {
  float: right;
  background-position: -12px 0px;
}

.ul_pagerSlideNav li.next.no {
  background-position: 0px 0px;
}

.ul_pagerSlideNum {
  position: absolute;
  bottom: -5px;
  left: 50%;
  margin-left: -7px;
  z-index: 2;
}

.ul_pagerSlideNum li {
  cursor: pointer;
  display: inline-block;
  text-indent: -9999px;
  background-color: #ccc;
  width: 5px;
  height: 5px;
  border-radius: 5px;
}

.ul_pagerSlideNum li.active {
  background-color: #000;
}

.boxSlidePhotonews {
  position: relative;
  margin-bottom: 15px;
}

.ul_slidePhotonews {
  margin-bottom: 10px;
}
.ul_slidePhotonews li {
  position: relative;
}
.ul_slidePhotonews li .imgSports {
  margin-bottom: 12px;
  overflow: hidden;
}
.ul_slidePhotonews li .imgSports.transformImg {
  -webkit-transform: translate3d(0%, 0%, 0px);
}
.ul_slidePhotonews li .elmText {
  margin: 0 10px;
}
.ul_slidePhotonews li .pinch {
  position: absolute;
  width: 15%;
  bottom: 12.5%;
  right: 1.5%;
}

.boxSlidePhotonewsNav {
  position: relative;
  padding-bottom: 40px;
  margin-bottom: 20px;
  overflow: hidden;
}

.ul_pagerPhotoNav {
  position: absolute;
  left: 5px;
  right: 5px;
  z-index: 1;
}

.ul_pagerPhotoNav li {
  width: 85px;
  display: inline-block;
  background: url(image/ico_pager02.png) no-repeat;
  background-size: 170px 80px;
  overflow: hidden;
}

.ul_pagerPhotoNav li.before {
  float: left;
  background-position: 0px -40px;
}

.ul_pagerPhotoNav li.next {
  float: right;
  background-position: 0px 0px;
}

.ul_pagerPhotoNav li.before a {
  text-align: right;
  padding-right: 10px;
}

.ul_pagerPhotoNav li.next a {
  padding-left: 10px;
}

.ul_pagerPhotoNav li.before.disabled {
  background-position: -85px -40px;
}

.ul_pagerPhotoNav li.next.disabled {
  background-position: -85px 0px;
}

.ul_pagerPhotoNav li.before.disabled a,
.ul_pagerPhotoNav li.next.disabled a {
  color: #ccc;
}

.ul_pagerPhotoNav li a {
  display: block;
  height: 42px;
  line-height: 42px;
  font-size: 120%;
  font-weight: bold;
  color: #000;
}

.boxSlideLibrary {
  position: relative;
  margin-bottom: 20px;
  padding-bottom: 110px;
}

.boxSlideLibrary:after {
  display: block;
  content: "";
  position: absolute;
  bottom: 0;
  left: 10px;
  right: 10px;
  height: 1px;
  background-color: #e5e5e5;
}

.ul_slideLibrary li:nth-child(2),
.ul_slideLibrary li:nth-child(3),
.ul_slideLibrary li:nth-child(4),
.ul_slideLibrary li:nth-child(5),
.ul_slideLibrary li:nth-child(6),
.ul_slideLibrary li:nth-child(7),
.ul_slideLibrary li:nth-child(8),
.ul_slideLibrary li:nth-child(9) {
  display: none;
}

.boxSlideLibraryNav {
  overflow: hidden;
}

.ul_pagerLibraryNav {
  overflow: hidden;
  margin-bottom: 25px;
  display: none;
}

.ul_pagerLibraryNav li {
  position: relative;
  float: left;
  width: 80px;
  background-color: #000;
  text-align: center;
}

.ul_pagerLibraryNav li .elmImg span.boxImgSquare {
  display: block;
  width: 80px;
  height: 80px;
  overflow: hidden;
  background-color: #e6e6e6;
}

.ul_pagerLibraryNav li .elmImg span.boxImgSquare:before {
  display: inline-block;
  content: "";
  height: 100%;
  vertical-align: middle;
}

.ul_pagerLibraryNav li.active .elmImg span.boxImgSquare {
  border: 4px #ff008e solid;
}

.ul_pagerLibraryNav li img {
  width: inherit;
}

.ul_pagerLibraryNav li.prev {
  float: left;
}

.ul_pagerLibraryNav li.next {
  float: right;
}

.txtPagerLibrary {
  position: absolute;
  bottom: 44px;
  left: 49.5%;
  z-index: 2;
}

.txtPagerSearch {
  position: absolute;
  bottom: 10px;
  left: 49.5%;
  z-index: 2;
}

.txtInfoNews {
  margin-bottom: 15px;
  font-size: 134%;
}

.btnMore {
  margin-bottom: 15px;
  border: 4px #000 solid;
}

.btnMore a {
  position: relative;
  display: block;
  height: 42px;
  line-height: 42px;
  text-align: center;
  font-size: 150%;
  font-weight: bold;
  color: #000;
}

.btnMore a:before {
  display: block;
  content: "";
  position: absolute;
  top: 14px;
  right: 10px;
  width: 10px;
  height: 10px;
  background-color: #0f0f0f;
  transform: rotate(45deg);
}

.btnMore a:after {
  display: block;
  content: "";
  position: absolute;
  top: 10px;
  right: 10px;
  width: 10px;
  height: 10px;
  background-color: #fff;
  transform: rotate(45deg);
}

.btnMore.more a:before {
  top: 14px;
  right: 12px;
}

.btnMore.more a:after {
  top: 14px;
  right: 16px;
}

.nextScore .btnMore {
  display: inline-block;
  width: 50%;
}

.btnScore {
  width: 48%;
  margin-bottom: 0;
  border: 4px #000 solid;
  float: right;
}

.btnScore a {
  position: relative;
  display: block;
  height: 42px;
  line-height: 42px;
  text-align: center;
  font-size: 150%;
  font-weight: bold;
  color: #000;
}

.btnScore a:before {
  display: block;
  content: "";
  position: absolute;
  top: 15px;
  right: 10px;
  width: 10px;
  height: 10px;
  background-color: #0f0f0f;
  transform: rotate(45deg);
}

.btnScore a:after {
  display: block;
  content: "";
  position: absolute;
  top: 15px;
  right: 14px;
  width: 10px;
  height: 10px;
  background-color: #fff;
  transform: rotate(45deg);
}

.btnMoreGenre {
  margin-bottom: 25px;
  border: 4px #000 solid;
}

.btnMoreGenre a {
  position: relative;
  display: block;
  height: 42px;
  line-height: 42px;
  text-align: center;
  font-size: 150%;
  font-weight: bold;
  color: #000;
}

.btnMoreGenre a:before {
  display: block;
  content: "";
  position: absolute;
  top: 14px;
  right: 10px;
  width: 10px;
  height: 10px;
  background-color: #0f0f0f;
  transform: rotate(45deg);
}

.btnMoreGenre a:after {
  display: block;
  content: "";
  position: absolute;
  top: 10px;
  right: 10px;
  width: 10px;
  height: 10px;
  background-color: #fff;
  transform: rotate(45deg);
}

.btnMoreGenre.more a:before {
  top: 14px;
  right: 12px;
}

.btnMoreGenre.more a:after {
  top: 14px;
  right: 16px;
}

.ul_link {
  margin-bottom: 15px;
}

.ul_link li {
  padding: 15px 0;
  border-bottom: 1px #e5e5e5 solid;
}

.ul_link li:first-child {
  padding-top: 0px;
}

.ul_link li a {
  font-size: 117%;
}

.linkMore {
  position: relative;
  padding-right: 20px;
  text-align: right;
}

.linkMore a {
  font-size: 117%;
}

.linkMore:before {
  display: block;
  content: "";
  position: absolute;
  top: 5px;
  right: 5px;
  width: 10px;
  height: 10px;
  background-color: #0f0f0f;
  transform: rotate(45deg);
}

.linkMore:after {
  display: block;
  content: "";
  position: absolute;
  top: 5px;
  right: 9px;
  width: 10px;
  height: 10px;
  background-color: #fff;
  transform: rotate(45deg);
}

.pedialist {
  overflow: hidden;
  margin: 0 -5px -5px 0;
}

.pedialist li {
  float: left;
  margin: 0 5px 5px 0;
  background-color: #f2f2f2;
  border: 1px #e5e5e5 solid;
}

.pedialist li a {
  display: inline-block;
  padding: 6px 9px;
  font-size: 117%;
  color: #000;
}

.ul_news {
  margin-bottom: 15px;
  border-bottom: 1px #e6e6e6 solid;
}

.ul_news li {
  display: table;
  /*width: 100%;*/
  padding: 6px 0;
  border-bottom: 1px #e6e6e6 solid;
}

.ul_news li a {
  font-size: 117%;
}

.ul_news li:first-child {
  padding-top: 0px;
}

.ul_news li:last-child {
  border-bottom: none;
}

.ul_news .elmImg {
  width: 80px;
  display: table-cell;
}

.ul_news .elmImg span.boxImgSquare {
  display: block;
  width: 80px;
  height: 80px;
  overflow: hidden;
  background-color: #fff;
}

.ul_news .elmImg span.boxImgSquare.loaded {
  display: block;
  width: 80px;
  height: 80px;
  overflow: hidden;
  background-color: #e6e6e6;
}

.ul_news .elmImg span.boxImgSquare.loaded img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.ul_news .elmImg span.boxImgSquare:before {
  display: inline-block;
  /* content: ""; */
  height: 100%;
  vertical-align: middle;
}

.ul_news .boxInfo .elmLink {
  margin-bottom: 5px;
}

.ul_news .boxInfo .elmLink a {
  font-size: 15px;
  color: #000;
}

.ul_news .boxInfo .elmTags li:last-child {
  padding-bottom: 0;
}

.ul_news .boxInfo .elmTags li a {
  font-size: 12px;
  color: #999;
}

.ul_news .boxInfo .elmTags li a::before {
  content: "#";
}

.ul_news.grid {
  display: flex;
  flex-wrap: wrap;
}

.ul_news.grid li {
  display: block;
  width: 50%;
  border-bottom: 0;
  padding: 0 0 20px;
}

.ul_news.grid li:nth-child(odd) {
  padding-right: 5px;
}

.ul_news.grid li:nth-child(even) {
  padding-left: 5px;
}

.ul_news.grid .elmImg {
  display: block;
  width: auto;
  margin-bottom: 10px;
}

.ul_news.grid .elmImg.no_image {
  width: auto;
  height: 0;
  padding-top: 100%;
  background-size: 100%;
  background-position: 0 54.5%;
}

.ul_news.grid .elmImg span.boxImgSquare.loaded {
  width: 100%;
  height: 0;
  padding-top: 100%;
  position: relative;
}

.ul_news.grid .elmImg span.boxImgSquare.loaded img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.ul_news.grid .boxInfo {
  display: block;
  padding-left: 0;
}

.elmImg.no_image {
  display: block;
  width: 80px;
  height: 80px;
  background: url(image/ico_noimage01.png) no-repeat;
  background-size: 80px 960px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}

.elmImg.no_image img {
  display: none;
}

.elmImg.no_image.gossip {
  background-position: 0 -240px;
}

.elmImg.no_image.baseball {
  background-position: 0 0px;
}

.elmImg.no_image.tigers {
  background-position: 0 -160px;
}

.elmImg.no_image.mlb {
  background-position: 0 -80px;
}

.elmImg.no_image.soccer {
  background-position: 0 -640px;
}

.elmImg.no_image.general {
  background-position: 0 -480px;
}

.elmImg.no_image.golf {
  background-position: 0 -720px;
}

.elmImg.no_image.ring {
  background-position: 0 -400px;
}

.elmImg.no_image.horse {
  background-position: 0 -880px;
}

.elmImg.no_image.opinion-d {
  background-position: 0 -480px;
}

.elmImg.no_image.society {
  background-position: 0 -320px;
}

.elmImg.no_image.carp {
  background-position: 0 -800px;
}

.boxInfo {
  display: table-cell;
  vertical-align: top;
  padding-left: 15px;
}

.ul_news .boxInfo .elmLink {
  margin-bottom: 3px;
}

.ul_news .boxInfo .elmLink a span {
  font-weight: bold;
  color: #ff6666;
}

.ul_news.searchResult .boxInfo .elmLink a span {
  color: #06c;
}

.ul_news.searchResult .boxInfo .elmLink a span,
.ul_news.searchResult .boxInfo .elmText span {
  font-weight: bold;
}

.boxTabRank {
  margin-bottom: 25px;
}

.ul_tabRank {
  display: table;
  overflow: hidden;
  width: 100%;
  border-bottom: 2px #020202 solid;
}

.ul_tabRank li {
  display: table-cell;
  vertical-align: middle;
  background-color: #dedede;
  border-right: 1px #ccc solid;
  width: 22.19%;
  cursor: pointer;
}

.ul_tabRank li.active {
  background-color: #000;
}

.ul_tabRank li:last-child {
  border-right: none;
}

.ul_tabRank li:first-child {
  width: 33.43%;
}

.ul_tabRank li a {
  display: block;
  padding: 10px 5px;
  font-size: 117%;
  text-align: center;
  font-weight: bold;
  color: #000;
}

.ul_tabRank li.active a {
  color: #fff;
}

li.relation-item {
  padding: 3px 0;
}
li.relation-item a {
  display: flex;
  align-items: center;
}
li.relation-item a .relation-img {
  width: 50px;
  height: 50px;
  margin-right: 15px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
}
li.relation-item a .relation-ttl {
  flex: 1;
  overflow: hidden;
}

body#top .ul_tabRank li {
  width: 33.33%;
}

body#gossip .ul_tabRank li.active a {
  background-color: #ffb2dd;
  color: #000;
}

/* 宮島ボート表示のとき */
body#miyajima .ul_tabRank li.active a {
  background-color: #a50519;
  color: #000;
}

#miyajima .reviewHeadText {
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  color: #000;
  background-color: #f0939a;
  padding: 10px;
  width: calc(100% - 54px);
  text-align: left;
  position: absolute;
  bottom: 0;
  left: 54px;
}

.boxTabRankInNews {
  margin: 0 10px;
}

.ul_rankList {
  margin-bottom: 15px;
  border-bottom: 1px #e6e6e6 solid;
}

.ul_rankList li {
  position: relative;
  display: table;
  width: 100%;
  padding: 12px 0;
  border-bottom: 1px #e6e6e6 solid;
}

.ul_rankList li .ico {
  position: absolute;
  top: 5px;
  left: -5px;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  color: #fff;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  background: url(image/ico_rank.png) no-repeat;
  background-size: 48px 65px;
  background-position: -24px -24px;
}

.ul_rankList li.num01 .ico {
  background-position: 0px 0px;
}

.ul_rankList li.num02 .ico {
  background-position: -24px 0px;
}

.ul_rankList li.num03 .ico {
  background-position: 0px -24px;
}

.ul_rankList li .icoNothumbnail {
  position: absolute;
  top: 10px;
  left: -5px;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  color: #fff;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  background: url(image/ico_rank.png) no-repeat;
  background-size: 48px 65px;
  background-position: -24px -24px;
}

.ul_rankList li.num01 .icoNothumbnail {
  background-position: 0px 0px;
}

.ul_rankList li.num02 .icoNothumbnail {
  background-position: -24px 0px;
}

.ul_rankList li.num03 .icoNothumbnail {
  background-position: 0px -24px;
}

.ul_rankList li.upCursor:after,
.ul_rankList li.downCursor:after {
  display: block;
  content: "";
  position: absolute;
  top: 22px;
  left: 5px;
  width: 19px;
  height: 17px;
  background: url(image/ico_rank.png) no-repeat;
  background-size: 48px 65px;
}

.ul_rankList li.upCursor:after {
  background-position: -3px -48px;
}

.ul_rankList li.downCursor:after {
  background-position: -27px -48px;
}

.ul_rankList li.upCursor.icoNothumbnail:after,
.ul_rankList li.downCursor.icoNothumbnail:after {
  top: 27px;
}

.ul_rankList li > a {
  padding-left: 25px;
  font-size: 117%;
}

.ul_rankList li:last-child {
  border-bottom: none;
}

.ul_rankList .elmImg {
  width: 65px;
  display: table-cell;
}

.ul_rankList .elmImg span.boxImgSquare {
  display: block;
  width: 65px;
  height: 65px;
  overflow: hidden;
  background-color: #fff;
}

.ul_rankList .elmImg span.boxImgSquare.loaded {
  display: block;
  width: 65px;
  height: 65px;
  overflow: hidden;
  background-color: #e6e6e6;
}

.ul_rankList .elmImg span.boxImgSquare:before {
  display: inline-block;
  content: "";
  height: 100%;
  vertical-align: middle;
}

.ul_rankList .elmImg .loading {
  height: 48px;
  background-color: #fff;
  padding-left: 10px;
  padding-right: 7px;
}

.ul_rankList .boxInfo {
  display: table-cell;
  vertical-align: middle;
  padding-left: 15px;
}

.ul_rankList .boxInfo .elmLink {
  margin-bottom: 3px;
}

.ul_rankList .boxInfo .elmLink > a {
  font-size: 117%;
}

.ul_rankList .boxInfo .elmLink a span {
  font-weight: bold;
  color: #ff6666;
}

.boxTabRankInPhoto {
  margin: 0 15px;
}

.boxTabRankInPhoto {
  margin: 15px 10px 0;
}

.ul_rankPhoto li {
  position: relative;
  float: left;
  width: 22.41%;
  margin: 0 3.45% 10px 0;
}

.ul_rankPhoto .elmImg span.boxImgSquare {
  display: block;
  width: 48px;
  height: 48px;
  overflow: hidden;
  background-color: #fff;
}

.ul_rankPhoto .elmImg span.boxImgSquare.loaded {
  display: block;
  width: 65px;
  height: 65px;
  overflow: hidden;
  background-color: #e6e6e6;
}

.ul_rankPhoto .elmImg span.boxImgSquare:before {
  display: inline-block;
  content: "";
  height: 100%;
  vertical-align: middle;
}

.ul_rankPhoto li .ico {
  position: absolute;
  top: -5px;
  left: -5px;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  color: #fff;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  background: url(image/ico_rank.png) no-repeat;
  background-size: 48px 65px;
  background-position: -24px -24px;
}

.ul_rankPhoto li:nth-child(4n) {
  margin-right: 0;
}

.ul_rankPhoto li.num01 .ico {
  background-position: 0px 0px;
}

.ul_rankPhoto li.num02 .ico {
  background-position: -24px 0px;
}

.ul_rankPhoto li.num03 .ico {
  background-position: 0px -24px;
}

.ul_rankPhoto li.upCursor:after,
.ul_rankPhoto li.downCursor:after {
  display: block;
  content: "";
  position: absolute;
  top: 12px;
  left: 5px;
  width: 19px;
  height: 17px;
  background: url(image/ico_rank.png) no-repeat;
  background-size: 48px 65px;
}

.ul_rankPhoto li.upCursor:after {
  background-position: -3px -48px;
}

.ul_rankPhoto li.downCursor:after {
  background-position: -27px -48px;
}

.ul_rankPhoto li.upCursor.icoNothumbnail:after,
.ul_rankPhoto li.downCursor.icoNothumbnail:after {
  top: 27px;
}

.ul_servicesL {
  margin-bottom: 25px;
  border-bottom: 1px #e6e6e6 solid;
}

.ul_servicesL li {
  overflow: hidden;
  width: 100%;
  padding: 12px 0;
  border-bottom: 1px #e6e6e6 solid;
}

.ul_servicesL li a {
  font-size: 117%;
}

.ul_servicesL li:first-child {
  padding-top: 0px;
}

.ul_servicesL li:last-child {
  border-bottom: none;
}

.ul_servicesL li .img-services_vdaily,
.ul_servicesL li .img-services_uma36,
.ul_servicesL li .img-services_epaper,
.ul_servicesL li .img-services_appli,
.ul_servicesL li .img-services_dsex,
.ul_servicesL li .img-services_hiroshima {
  display: inline-block;
  float: left;
  width: 95px;
  height: 63px;
  background: url(image/img_services5.jpg) no-repeat;
  background-size: 96px 378px;
  text-indent: -9999px;
}

.ul_servicesL li .img-services_vdaily {
  background-position: 0 0px;
}

.ul_servicesL li .img-services_uma36 {
  background-position: 0 -189px;
}

.ul_servicesL li .img-services_epaper {
  background-position: 0 -126px;
}

.ul_servicesL li .img-services_appli {
  background-position: 0 -189px;
}

.ul_servicesL li .img-services_dsex {
  background-position: 0 -252px;
}

.ul_servicesL li .img-services_hiroshima {
  background-position: 0 -315px;
}

.ul_servicesL .boxInfo {
  overflow: hidden;
  padding-left: 15px;
}

.ul_servicesL .boxInfo .elmLink {
  margin-bottom: 3px;
}

.ul_servicesL .boxInfo .elmLink a span {
  font-weight: bold;
  color: #ff6666;
}

.ul_servicesS {
  margin-bottom: 25px;
  border-bottom: 1px #e6e6e6 solid;
}

.ul_servicesS li {
  display: inline-block;
  overflow: hidden;
  width: 45%;
  padding: 12px 0;
  margin: 0 5px;
  text-align: left;
  vertical-align: top;
}

.ul_servicesS li a {
  font-size: 117%;
}

.ul_servicesS li:first-child, .ul_servicesS li:nth-child(2) {
  padding-top: 0px;
}

.ul_servicesS li:nth-child(n+3) {
  border-top: 1px #e6e6e6 solid;
}

.ul_servicesS .boxInfo {
  overflow: hidden;
}

.ul_servicesS .boxInfo .elmLink {
  margin-bottom: 3px;
}

.ul_servicesS .boxInfo .elmLink a span {
  font-weight: bold;
  color: #ff6666;
}

/*----------------------------------------------------------

!DSP060201

---------------------------------------------------------- */
.boxAccordionInSports {
  margin-bottom: 25px;
}

.ttlAccordionSports {
  padding: 11px 5px 11px 15px;
  background-color: #fff100;
  font-size: 150%;
  font-weight: bold;
}

.ttlAccordionSports > span {
  position: relative;
  display: block;
  padding: 3px 0;
}

.ttlAccordionSports > span.ttl {
  font-size: 100%;
  width: 90%;
  display: table;
}

.ttlAccordionSports:not(.noScore) > span.ttl:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: -10%;
  display: block;
  height: 32px;
  width: 32px;
  background: url(image/ico_90-200.png) right center no-repeat;
  background-size: 95px 375px;
  background-position: -6px -151px;
}

.ttlAccordionSports.open > span.ttl:after {
  background-position: -51px -151px;
}

.ttlAccordionSports span.ttlteam {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  width: 25%;
  height: 100%;
  line-height: 1;
}

.ttlAccordionSports span.score {
  font-size: 100%;
  font-weight: 700;
  padding: 0 5px;
}

.ttlAccordionSports span.round {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  font-size: 68%;
  font-weight: 400;
  padding: 0 5px;
}

.boxAccordionInfoScore {
  padding: 10px 0 0;
}

.boxUpdate {
  margin: 0 5px 10px 15px;
}

.boxUpdate .txtRound {
  float: left;
  margin-top: 7px;
}

.boxUpdate .txtUpdate {
  float: right;
  width: 70px;
  background-color: #808080;
  border-radius: 15px;
}

.boxUpdate .txtUpdate a {
  position: relative;
  display: block;
  height: 30px;
  line-height: 30px;
  font-size: 117%;
  font-weight: bold;
  color: #fff;
  text-align: center;
}

.boxUpdate .txtUpdate a:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 9px;
  width: 20px;
  height: 17px;
  margin: auto;
  background: url(image/ico_40-35.png) center -62px no-repeat;
  background-size: 20px 135px;
}

.boxUpdate .txtUpdate a span {
  padding: 2px 0 2px 21px;
}

.boxNoScore {
  padding: 10px 0 0;
}

.boxAccordionInfoGuide {
  margin: 0 10px;
}

.table_scoreResult {
  width: 100%;
  margin-bottom: 15px;
  border-top: 1px #ccc solid;
  font-size: 117%;
}

.table_scoreResult thead th {
  width: 8.33%;
  padding: 5px 0;
  background-color: #000;
  border-bottom: 1px #ccc solid;
  border-right: 1px #ccc solid;
  color: #fff;
  text-align: center;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
}

.table_scoreResult thead th.ranking {
  width: 5%;
}

.table_scoreResult thead th.pname {
  width: 25%;
}

.table_scoreResult thead th.team {
  width: 25%;
}

.table_scoreResult thead th.total {
  font-weight: 700;
}

.table_scoreResult thead th:last-child,
.table_scoreResult tbody td:last-child {
  border-right: none;
}

.table_scoreResult tbody tr:last-child td[colspan="7"]:last-child {
  text-align: left;
}

.table_scoreResult tbody th,
.table_scoreResult tbody td {
  border-bottom: 1px #ccc solid;
  border-right: 1px #ccc solid;
  text-align: center;
}

.table_scoreResult tbody th {
  background-color: #dedede;
  font-weight: bold;
  height: 36px;
}

.table_scoreResult tbody td {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
}

.table_scoreResult tbody td.total {
  background-color: #fe0;
  font-size: 167%;
  font-weight: 700;
}

/*
.table_scoreResult { margin-bottom: 0;}
  .table_scoreResult thead th { width: 13%;}
    .table_scoreResult thead th.w22 { width: 22%;}
      .table_scoreResult tbody td.team {
        font-family: inherit;
        font-weight: normal;
      }
        .table_scoreResult tbody td { padding: 5px 0;}
*/
.table_scoreResult thead th.w22 {
  width: 22%;
}

.table_scoreResult tbody td.team {
  font-family: inherit;
  font-weight: normal;
}

.ul_pagerScoreNav {
  margin: 0 5px 15px;
}

.ul_pagerScoreNav li {
  width: 70px;
  display: inline-block;
  background: url(image/ico_pager03.png) no-repeat;
  background-size: 140px 80px;
  overflow: hidden;
}

.ul_pagerScoreNav li.before {
  float: left;
  background-position: 0px 0px;
}

.ul_pagerScoreNav li.next {
  float: right;
  background-position: 0px -40px;
}

.ul_pagerScoreNav li.before a {
  padding-left: 5px;
}

.ul_pagerScoreNav li.next a {
  padding-right: 5px;
}

.ul_pagerScoreNav li.before.disabled {
  background-position: -70px 0px;
}

.ul_pagerScoreNav li.next.disabled {
  background-position: -70px -40px;
}

.ul_pagerScoreNav li.before.disabled a,
.ul_pagerScoreNav li.next.disabled a {
  color: #ccc;
}

.ul_pagerScoreNav li a {
  display: block;
  height: 40px;
  line-height: 40px;
  font-size: 117%;
  font-weight: bold;
  color: #000;
  text-align: center;
}

.ul_pagerSearchNav {
  margin: 0 5px 0;
}

.ul_pagerSearchNav li {
  width: 70px;
  display: inline-block;
  background: url(image/ico_pager03.png) no-repeat;
  background-size: 140px 80px;
  overflow: hidden;
}

.ul_pagerSearchNav li.before {
  float: left;
  background-position: 0px 0px;
}

.ul_pagerSearchNav li.next {
  float: right;
  background-position: 0px -40px;
}

.ul_pagerSearchNav li.before a {
  padding-left: 5px;
}

.ul_pagerSearchNav li.next a {
  padding-right: 5px;
}

.ul_pagerSearchNav li.before.disabled {
  background-position: -70px 0px;
}

.ul_pagerSearchNav li.next.disabled {
  background-position: -70px -40px;
}

.ul_pagerSearchNav li.before.disabled a,
.ul_pagerSearchNav li.next.disabled a {
  color: #ccc;
}

.ul_pagerSearchNav li a {
  display: block;
  height: 40px;
  line-height: 40px;
  font-size: 117%;
  font-weight: bold;
  color: #000;
  text-align: center;
}

.txtScore {
  margin-bottom: 23px;
}

.table_score1col {
  width: 100%;
  margin-bottom: 25px;
  border: 1px #ccc solid;
  border-radius: 2px;
  font-size: 117%;
}

.table_score1col th.acTtl {
  background-color: #dedede;
  font-weight: bold;
}

.table_score1col th,
.table_score1col td {
  padding: 5px 10px;
  border-bottom: 1px #ccc solid;
}

.table_score1col th {
  width: 18%;
  background-color: #f2f2f2;
}

.table_score1col td {
  border-left: 1px #ccc solid;
}

.table_score1col td.w82 {
  width: 82%;
}

.table_score2col,
.table_score2colLast,
.table_score2colRepeat {
  width: 100%;
  margin-bottom: 25px;
  border: 1px #ccc solid;
  border-radius: 2px;
  font-size: 117%;
}

.table_score2col th.acTtl,
.table_score2colLast th.acTtl,
.table_score2colRepeat th.acTtl {
  background-color: #dedede;
  font-weight: bold;
}

.table_score2col th.acTtl > span,
.table_score2colLas th.acTtl > spant,
.table_score2colRepeat th.acTtl > span {
  font-size: 86%;
  font-weight: normal;
}

.table_score2col th,
.table_score2col td,
.table_score2colLast th,
.table_score2colRepeat th,
.table_score2colLast td,
.table_score2colRepeat td {
  padding: 5px 10px;
  border-bottom: 1px #ccc solid;
}

.table_score2col th,
.table_score2colLast th,
.table_score2colRepeat th {
  background-color: #f2f2f2;
}

.table_score2col td,
.table_score2colLast td,
.table_score2colRepeat td {
  text-align: center;
  border-left: 1px #ccc solid;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
}

.table_score2col td.nameArea,
.table_score2colLast td.nameArea,
.table_score2colRepeat td.nameArea {
  background-color: #f2f2f2;
  font-family: inherit;
  font-weight: normal;
}

.table_score2col .w10, .table_score2colLast .w10, .table_score2colRepeat .w10 {
  width: 10%;
}

.table_score2col .w21, .table_score2colLast .w21, .table_score2colRepeat .w21 {
  width: 21%;
}

.table_score2col .w25, .table_score2colLast .w25, .table_score2colRepeat .w25 {
  width: 25%;
}

.table_score2col .w29, .table_score2colLast .w29, .table_score2colRepeat .w29 {
  width: 29%;
}

.table_score2col .w35, .table_score2colLast .w35, .table_score2colRepeat .w35 {
  width: 35%;
}

.table_score2colLast {
  margin-bottom: 0px;
}

.table_score2colRepeat {
  margin-bottom: 15px;
}

.table_score2colLast td,
.table_score2colRepeat td {
  text-align: left;
  font-family: inherit;
  font-weight: normal;
}

.table_score2colLast td.trItem,
.table_score2colRepeat td.trItem {
  background-color: #f2f2f2;
}

.ttlthumbnailNews {
  margin-bottom: 2px;
  padding-left: 10px;
  font-family: "Roboto", sans-serif;
  font-size: 134%;
  font-weight: 700;
}

.txtDateNews {
  margin-bottom: 17px;
  font-family: "Roboto", sans-serif;
  font-size: 84%;
  font-weight: 400;
}

.boxThumbnailNews {
  overflow: hidden;
  margin-bottom: 10px;
}

.boxImgThumbnailNews {
  position: relative;
  float: right;
  width: 140px;
  margin: 0 0 5px 15px;
}

.boxImgThumbnailNews .ico {
  width: 35px;
  position: absolute;
  top: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.6);
}

.boxImgThumbnailNews .ico a {
  display: block;
  padding: 7px 0 3px;
}

.boxImgThumbnailNews .ico .elmImg {
  display: block;
  height: 20px;
  overflow: hidden;
}

.boxImgThumbnailNews .ico .elmImg img {
  display: block;
  margin-top: -7px;
}

.boxImgThumbnailNews .ico .elmText {
  display: block;
  text-align: center;
  color: #fff;
}

.boxThumbnailNews .elmText {
  font-size: 134%;
}

.btnBasicNext {
  margin-bottom: 15px;
  border: 3px #000 solid;
}

.reccomendBox + .btnBasicNext {
  margin-top: 15px;
}

.btnBasicNext a {
  position: relative;
  display: block;
  height: 34px;
  line-height: 34px;
  text-align: center;
  font-size: 117%;
  font-weight: bold;
  color: #000;
}
.btnBasicNext a:before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: 11px;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  background-color: #000;
  transform: rotate(45deg);
}
.btnBasicNext a:after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: 15px;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  background-color: #fff;
  transform: rotate(45deg);
}
.btnBasicNext a#yosoulink {
  background-color: #fff100;
  font-size: 1.5em;
}
.btnBasicNext a#yosoulink:after {
  background-color: #fff100;
}

.btnBasicSlide {
  border: 3px #000 solid;
}

.btnBasicSlide a {
  position: relative;
  display: block;
  height: 34px;
  line-height: 34px;
  text-align: center;
  font-size: 117%;
  font-weight: bold;
  color: #000;
}

.btnBasicSlide a:before {
  display: block;
  content: "";
  position: absolute;
  top: 16px;
  right: 11px;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  background-color: #000;
  transform: rotate(45deg);
}

.btnBasicSlide a:after {
  display: block;
  content: "";
  position: absolute;
  top: 12px;
  right: 11px;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  background-color: #fff;
  transform: rotate(45deg);
}

.boxNews {
  margin-top: 15px;
  padding: 0;
  border-top: none;
}

.boxNews.\32 nd,
.boxNews.\33 rd {
  margin-top: 15px;
  padding: 12px 0 0;
  border-top: 1px #e6e6e6 solid;
}

.txtDateLine {
  margin-bottom: 0px;
  font-size: 150%;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  text-align: center;
  background-color: #fff100;
  line-height: 28px;
}

.txtDateLine > span {
  font-size: 67%;
}

.txtDateZodiac {
  margin-bottom: 0px;
  font-size: 150%;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  text-align: center;
  line-height: 28px;
  margin-bottom: 30px;
}

.txtDateZodiac > span {
  font-size: 67%;
}

.slideTop {
  overflow: hidden;
  margin-bottom: 25px;
}

.slideTop li {
  float: left;
  position: relative;
  /* width: 150px; */
  max-width: 50%;
  background-color: #000000;
  text-align: center;
  margin-left: 1px;
}

.slideTop li.first {
  margin-left: 0px;
}

.slideTop li#PhotonewsLoad {
  background-color: #fff;
}

.slideTop li a .elmImg img {
  width: inherit;
  height: 150px;
}

.slideTop li a .elmText {
  display: table;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 45px;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  font-size: 100%;
  text-align: center;
}

.slideTop li a .elmText span {
  display: table-cell;
  vertical-align: middle;
}

.boxTabTop {
  margin-bottom: 25px;
  margin-top: 10px;
}

.ul_tabTop {
  display: table;
  position: relative;
  width: 100%;
  border-bottom: 2px #0066cc solid;
}

.ul_tabTop > li {
  display: table-cell;
  vertical-align: middle;
  border-right: 1px #ccc solid;
  border-radius: 6px 6px 0 0;
  width: 20%;
  cursor: pointer;
  background-color: #d7eeff;
}

.ul_tabTop > li.active {
  background-color: #0066cc;
  color: #fff;
}

.ul_tabTop > li:last-child {
  border-right: none;
}

.ul_tabTop > li > a {
  display: block;
  padding: 10px 0px;
  font-size: 117%;
  text-align: center;
  font-weight: bold;
  color: #000;
}

.ul_tabTop > li.active > a {
  color: #fff;
}

.ul_tabTop > li > ul {
  width: 100%;
  overflow: hidden;
  position: absolute;
  top: 43px;
  left: 0;
  z-index: 9;
}

.ul_tabTop > li.subTab a {
  position: relative;
  padding-right: 18px;
  padding-left: 5px;
}

.ul_tabTop > li.subTab > a:before {
  display: block;
  content: "";
  position: absolute;
  top: 13px;
  right: 10px;
  width: 10px;
  height: 10px;
  background-color: #000;
  transform: rotate(45deg);
}

.ul_tabTop > li.subTab > a:after {
  display: block;
  content: "";
  position: absolute;
  top: 9px;
  right: 10px;
  width: 10px;
  height: 10px;
  background-color: #d7eeff;
  transform: rotate(45deg);
}

.ul_tabTop > li.subTab.active > a:before {
  display: block;
  content: "";
  position: absolute;
  top: 17px;
  right: 10px;
  width: 10px;
  height: 10px;
  background-color: #fff;
  transform: rotate(45deg);
}

.ul_tabTop > li.subTab.active > a:after {
  display: block;
  content: "";
  position: absolute;
  top: 21px;
  right: 10px;
  width: 10px;
  height: 10px;
  background-color: #0066cc;
  transform: rotate(45deg);
}

.ul_list {
  overflow: hidden;
  background-color: #f2f2f2;
}

.ul_list li {
  float: left;
  width: 50%;
  border-bottom: 1px #e5e5e5 solid;
}

.ul_list li:nth-child(odd) {
  border-right: 1px #e5e5e5 solid;
}

.ul_list li > a {
  display: block;
  position: relative;
  background-color: #f2f2f2;
  padding: 10px 0;
  font-size: 117%;
  color: #000;
  padding-left: 10px;
}

.ul_list li > a:before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: 13px;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  background-color: #999;
  transform: rotate(45deg);
}

.ul_list li > a:after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: 17px;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  background-color: #f2f2f2;
  transform: rotate(45deg);
}

.boxTabTopInNews {
  margin: 15px 10px 0;
}

.boxTtl {
  margin: 0 10px 10px;
}

.ttlBasicPhotonews {
  font-weight: bold;
  font-size: 134%;
}

.txtDatePhotonews {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 117%;
}

.txtDatePhotonews > span {
  font-size: 72%;
}

.ttlLibrary {
  margin-bottom: 10px;
  padding: 0 10px;
  font-size: 134%;
  font-weight: bold;
}

.ttlLibrary > span {
  margin-left: 5px;
  font-size: 75%;
  font-weight: normal;
  color: #000;
}

.ul_libraryNew {
  overflow: hidden;
  width: 270px;
  margin: 0 auto -15px;
}

.ul_libraryNew li {
  float: left;
  width: 80px;
  margin: 0 15px 15px 0;
}

.ul_libraryNew li:nth-child(3n) {
  margin-right: 0px;
}

.ul_libraryNew li a {
  position: relative;
  display: block;
  width: 100%;
  text-align: center;
  overflow: hidden;
}

.ul_libraryNew li a p span.boxImgSquare {
  display: block;
  width: 80px;
  height: 80px;
  overflow: hidden;
  background-color: #e6e6e6;
}

.ul_libraryNew li a p span.boxImgSquare:before {
  display: inline-block;
  content: "";
  height: 100%;
  vertical-align: middle;
}

.ul_libraryList {
  border-top: 1px #e6e6e6 solid;
  position: relative;
}

.ul_libraryList li {
  display: table;
  width: 100%;
  padding: 15px 0;
  border-bottom: 1px #e6e6e6 solid;
}

.ul_libraryList li .elmImg {
  display: table-cell;
  vertical-align: middle;
  width: 80px;
  height: 80px;
  text-align: center;
}

.ul_libraryList li .elmImg span {
  display: block;
  position: relative;
  z-index: 9;
  width: 80px;
  height: 80px;
}

.ul_libraryList li .elmImg span img {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  margin: auto;
  z-index: -9;
}

.ul_libraryList li .elmText {
  display: table-cell;
  vertical-align: middle;
  padding-left: 15px;
}

.ul_libraryList li .elmText a {
  font-size: 117%;
}

.ul_libraryOther {
  overflow: hidden;
  width: 270px;
  margin: 0 auto -10px;
}

.ul_libraryOther li {
  float: left;
  width: 80px;
  margin: 0 15px 10px 0;
}

.ul_libraryOther li:nth-child(3n) {
  margin-right: 0px;
}

.ul_libraryOther li .elmImg {
  position: relative;
  width: 80px;
  height: 80px;
  z-index: 9;
  margin-bottom: 7px;
  text-align: center;
}

.ul_libraryOther li .elmImg span.boxImgSquare {
  display: block;
  width: 80px;
  height: 80px;
  overflow: hidden;
  background-color: #fff;
}

.ul_libraryOther li .elmImg span.boxImgSquare.loaded {
  display: block;
  width: 80px;
  height: 80px;
  overflow: hidden;
  background-color: #e6e6e6;
}

.ul_libraryOther li .elmImg span.boxImgSquare:before {
  display: inline-block;
  content: "";
  height: 100%;
  vertical-align: middle;
}

.ul_libraryOther li .elmImg img.loading {
  height: 100%;
  padding: 16px;
}

.txtReturn {
  position: relative;
  padding-left: 20px;
}

.txtReturn a {
  font-size: 117%;
}

.txtReturn:before {
  display: block;
  content: "";
  position: absolute;
  top: 5px;
  left: 2px;
  width: 10px;
  height: 10px;
  background-color: #0f0f0f;
  transform: rotate(45deg);
}

.txtReturn:after {
  display: block;
  content: "";
  position: absolute;
  top: 5px;
  left: 6px;
  width: 10px;
  height: 10px;
  background-color: #fff;
  transform: rotate(45deg);
}

.OLselectForm {
  position: relative;
}

.OLselectForm:before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: 19%;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  background-color: #0f0f0f;
  transform: rotate(45deg);
}

.OLselectForm::after {
  display: block;
  content: "";
  position: absolute;
  top: 40%;
  right: 19%;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  background-color: #fff;
  transform: rotate(45deg);
}

.selectForm {
  -webkit-appearance: none;
  display: block;
  width: 70%;
  height: 37px;
  line-height: 37px;
  margin: 0 auto 15px;
  padding-left: 5px;
  border: 2px #999 solid;
  border-radius: 4px;
  outline: none;
  background-color: #fff;
}

.txtDateData {
  text-align: right;
  font-size: 117%;
}

.ul_tabList {
  display: table;
  width: 100%;
  border-bottom: 2px #020202 solid;
}

.ul_tabList > li {
  display: table-cell;
  vertical-align: middle;
  border-right: 1px #ccc solid;
  width: 50%;
  cursor: pointer;
}

.ul_tabList > li:last-child {
  border-right: none;
}

.ul_tabList > li > a {
  display: block;
  padding: 10px 0px;
  font-size: 117%;
  text-align: center;
  font-weight: bold;
  color: #000;
  background-color: #dedede;
}

.ul_tabList > li.active > a {
  background-color: #000;
  color: #fff;
}

.boxTabListInList {
  position: relative;
  margin: 15px 10px 0;
}

.ul_basic > li {
  padding-top: 15px;
  border-bottom: 1px #e5e5e5 solid;
}

.ul_basic > li:first-child {
  padding-top: 0px;
}

.ul_basic > li .elmImg {
  float: left;
  width: 83px;
  margin-right: 14px;
}

.ul_basic > li .boxInfo {
  display: block;
  padding-left: 0;
  overflow: hidden;
}

.ul_basic > li .boxInfo .elmText {
  margin-bottom: 2px;
}

.ul_basic > li .boxInfo .nameArea {
  margin-bottom: 10px;
  font-size: 117%;
  font-weight: bold;
}

.ul_basic > li .boxInfo > ul > li {
  border-top: 1px #e5e5e5 solid;
  padding: 10px 0;
  overflow: hidden;
}

.ul_basic > li .boxInfo > ul > li > a {
  position: relative;
  float: right;
  padding-right: 19px;
}

.ul_basic > li .boxInfo > ul > li > a:before {
  display: block;
  content: "";
  position: absolute;
  top: 5px;
  right: 3px;
  width: 10px;
  height: 10px;
  background-color: #0f0f0f;
  transform: rotate(45deg);
}

.ul_basic > li .boxInfo > ul > li > a:after {
  display: block;
  content: "";
  position: absolute;
  top: 5px;
  right: 7px;
  width: 10px;
  height: 10px;
  background-color: #fff;
  transform: rotate(45deg);
}

.ul_basic.borderT {
  border-top: 1px #e5e5e5 solid;
}

.ul_members {
  width: 300px;
  margin: 0 auto -10px;
  overflow: hidden;
}

.ul_members li {
  float: left;
  width: 90px;
  margin: 0 15px 10px 0;
}

.ul_members li:nth-child(3n) {
  margin-right: 0;
}

.ul_members li .elmImg {
  margin-bottom: 7px;
}

.ul_members li .teamArea {
  text-align: center;
}

.ul_members li .nameArea {
  font-size: 117%;
  font-weight: bold;
  text-align: center;
}

.ul_tabPlayers {
  overflow: hidden;
  border-bottom: 2px #020202 solid;
}

.ul_tabPlayers > li {
  float: left;
  border-right: 1px #ccc solid;
  width: 95px;
}

.dageki .ul_tabPlayers > li,
.dageki_mlb .ul_tabPlayers > li,
.pitcher .ul_tabPlayers > li {
  width: 33%;
}

.dageki .ul_tabPlayers > li.last,
.dageki_mlb .ul_tabPlayers > li.last,
.pitcher .ul_tabPlayers > li.last {
  width: 34%;
}

.ul_tabPlayers > li:last-child {
  border-right: none;
}

.ul_tabPlayers > li > a {
  display: block;
  padding: 10px 0px;
  font-size: 117%;
  text-align: center;
  font-weight: bold;
  color: #000;
  background-color: #dedede;
}

.ul_tabPlayers > li.active > a {
  background-color: #000;
  color: #fff;
}

.pitcher_mlb .ul_tabPlayers > li {
  width: 25%;
}

.pitcher_mlb .ul_tabPlayers > li.last {
  width: 25%;
}

.ul_tabPlayers > li:last-child {
  border-right: none;
}

.ul_tabPlayers > li > a {
  display: block;
  padding: 10px 0px;
  font-size: 117%;
  text-align: center;
  font-weight: bold;
  color: #000;
  background-color: #dedede;
}

.ul_tabPlayers > li.active > a {
  background-color: #000;
  color: #fff;
}

.boxTabPlayersNav {
  overflow: hidden;
}

.boxTabPlayersInList {
  margin: 15px 10px 0;
}

.imgPlayer {
  width: 60%;
  margin: 0 auto 15px;
}

.boxSlideMembers {
  margin-bottom: 25px;
}

.ul_slideMembers {
  margin-bottom: 15px;
}

.ul_subMembers {
  width: 258px;
  margin: 0 auto;
  overflow: hidden;
}

.ul_subMembers li {
  float: left;
  width: 50px;
  margin-right: 2px;
}

.ul_subMembers li:last-child {
  margin-right: 0;
}

.ul_subMembers li.active a {
  position: relative;
  display: block;
}

.ul_subMembers li.active a:after {
  display: block;
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 44px;
  height: 44px;
  border: 3px #ff008e solid;
}

.imgPlayerWide {
  width: 75%;
  margin: 0 auto 15px;
}

.ul_rankPage {
  border-bottom: 1px #e6e6e6 solid;
}

.ul_rankPage li {
  position: relative;
  display: table;
  width: 100%;
  padding: 12px 0;
  border-bottom: 1px #e6e6e6 solid;
}

.ul_rankPage li .ico {
  position: absolute;
  top: 5px;
  left: -5px;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  color: #fff;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  background: url(image/ico_rank.png) no-repeat;
  background-size: 48px 65px;
  background-position: -24px -24px;
}

.ul_rankPage li.num01 .ico {
  background-position: 0px 0px;
}

.ul_rankPage li.num02 .ico {
  background-position: -24px 0px;
}

.ul_rankPage li.num03 .ico {
  background-position: 0px -24px;
}

.ul_rankPage li.icoNothumbnail .ico {
  position: absolute;
  top: 10px;
}

.ul_rankPage li.num01.icoNothumbnail .ico {
  background-position: 0px 0px;
}

.ul_rankPage li.num02.icoNothumbnail .ico {
  background-position: -24px 0px;
}

.ul_rankPage li.num03.icoNothumbnail .ico {
  background-position: 0px -24px;
}

.ul_rankPage li.upCursor:after,
.ul_rankPage li.downCursor:after {
  display: block;
  content: "";
  position: absolute;
  top: 32px;
  left: -2px;
  width: 19px;
  height: 17px;
  background: url(image/ico_rank.png) no-repeat;
  background-size: 48px 65px;
}

.ul_rankPage li.upCursor:after {
  background-position: -3px -48px;
}

.ul_rankPage li.downCursor:after {
  background-position: -27px -48px;
}

.ul_rankPage li.upCursor.icoNothumbnail:after,
.ul_rankPage li.downCursor.icoNothumbnail:after {
  top: 37px;
}

.ul_rankPage li > a {
  font-size: 117%;
}

.ul_rankPage li:last-child {
  border-bottom: none;
}

.ul_rankPage .elmImg {
  width: 80px;
  display: table-cell;
  vertical-align: top;
}

.ul_rankPage .boxInfo {
  display: table-cell;
  vertical-align: top;
  padding-left: 15px;
}

.ul_rankPage .boxInfo .elmLink {
  margin-bottom: 3px;
}

.ul_rankPage .boxInfo .elmLink > a {
  font-size: 117%;
  font-weight: bold;
  color: #000;
}

.ul_rankPage .boxInfo .elmLink a span {
  font-weight: bold;
  color: #ff6666;
}

.ul_rankPage .boxInfo .elmDay {
  font-size: 84%;
  color: #666;
}

.ul_rankPage li.icoNothumbnail .ico ~ .boxInfo {
  padding-left: 25px;
}

.txtLeague {
  margin: 0 10px 12px;
}

.table_leagueScore {
  width: 100%;
  margin-bottom: 25px;
  border-top: 1px #ccc solid;
}

.table_leagueScore .w21 {
  width: 21%;
}

.table_leagueScore .w16 {
  width: 16%;
}

.table_leagueScore thead td {
  background-color: #dedede;
  line-height: 1.2;
  padding: 5px;
}

.table_leagueScore thead td.nameArea {
  font-size: 117%;
  font-weight: bold;
}

.table_leagueScore thead td.num01 {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 167%;
}

.table_leagueScore thead td.num02 {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 117%;
}

.table_leagueScore thead td,
.table_leagueScore tbody td {
  text-align: center;
  border-bottom: 1px #ccc solid;
  border-right: 1px #ccc solid;
}

.table_leagueScore thead td:last-child,
.table_leagueScore tbody td:last-child {
  border-right: none;
}

.table_leagueScore tbody td {
  padding: 8px 5px;
}

.table_leagueScore tbody td.elmText {
  background-color: #f2f2f2;
}

.table_leagueMember {
  width: 100%;
  margin-bottom: 25px;
  border: 1px #ccc solid;
  border-radius: 2px;
}

.table_leagueMember .w01 {
  width: 1%;
}

.table_leagueMember .w06 {
  width: 6%;
}

.table_leagueMember .w14 {
  width: 14%;
}

.table_leagueMember .w16 {
  width: 16%;
}

.table_leagueMember .w24 {
  width: 24.75%;
}

.table_leagueMember .w32 {
  width: 32%;
}

.table_leagueMember th {
  background-color: #dedede;
}

.table_leagueMember th,
.table_leagueMember td {
  padding: 10px 2px;
  border-bottom: 1px #ccc solid;
  border-right: 1px #ccc solid;
  text-align: center;
}

.table_leagueMember td.elmText {
  background-color: #f2f2f2;
}

.table_leagueMember th:last-child,
.table_leagueMember td:last-child {
  border-right: none;
}

.ttl_zodiac {
  margin-bottom: 8px;
}

.ul_zodiac {
  margin-left: 10px;
}

.ul_zodiac li {
  position: relative;
  margin-bottom: 38px;
  padding: 15px;
  background-color: #ededed;
  border-radius: 5px;
}

.ul_zodiac li:last-child {
  margin-bottom: 0;
}

.ul_zodiac li.rank01 {
  background-color: #ffffb2;
}

.ul_zodiac li.rank02 {
  background-color: #e5ffff;
}

.ul_zodiac li.rank03 {
  background-color: #ffecec;
}

.ul_zodiac li .boxInfo {
  margin-bottom: 10px;
}

.ul_zodiac li .boxInfo .ico {
  position: absolute;
  top: -20px;
  left: 45px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  background-color: #8a8a8a;
  border-radius: 18px;
  text-align: center;
  color: #fff;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  z-index: 3;
}

.ul_zodiac li.rank01 .boxInfo .ico,
.ul_zodiac li.rank02 .boxInfo .ico,
.ul_zodiac li.rank03 .boxInfo .ico {
  top: -33px;
  left: 51px;
  width: 35px;
  height: 35px;
  text-indent: -99999px;
  border-radius: 0;
}

.ul_zodiac li.rank01 .boxInfo .ico {
  background: url(image/ico_crown01.png) left top no-repeat;
  background-size: 35px 35px;
}

.ul_zodiac li.rank02 .boxInfo .ico {
  background: url(image/ico_crown02.png) left top no-repeat;
  background-size: 35px 35px;
}

.ul_zodiac li.rank03 .boxInfo .ico {
  background: url(image/ico_crown03.png) left top no-repeat;
  background-size: 35px 35px;
}

.ul_zodiac li .boxInfo .elmImg {
  width: 55px;
  height: 95px;
  float: left;
  margin: 0 15px 10px 0;
}

.ul_zodiac li .boxInfo .elmImg > span {
  display: block;
  position: absolute;
  top: -10px;
  left: -10px;
  width: 80px;
  height: 120px;
}

.ul_zodiac li .boxInfo .elmText {
  font-size: 117%;
}

.ul_zodiac li .boxAccordionZodiac .acTtl {
  background-color: #fff;
  border: 3px #000 solid;
}

.ul_zodiac li .boxAccordionZodiac .acTtl span {
  position: relative;
  display: block;
  height: 34px;
  line-height: 34px;
  text-align: center;
  font-size: 117%;
  font-weight: bold;
  color: #000;
}

.ul_zodiac li .boxAccordionZodiac .acTtl span:before {
  display: block;
  content: "";
  position: absolute;
  top: 16px;
  right: 11px;
  width: 10px;
  height: 10px;
  margin-top: -6px;
  background-color: #000;
  transform: rotate(45deg);
}

.ul_zodiac li .boxAccordionZodiac .acTtl span:after {
  display: block;
  content: "";
  position: absolute;
  top: 12px;
  right: 11px;
  width: 10px;
  height: 10px;
  margin-top: -6px;
  background-color: #fff;
  transform: rotate(45deg);
}

.ul_zodiac li .boxAccordionZodiac .acTtl.open span:before {
  display: block;
  content: "";
  position: absolute;
  top: 20px;
  right: 11px;
  width: 10px;
  height: 10px;
  margin-top: -6px;
  background-color: #000;
  transform: rotate(45deg);
}

.ul_zodiac li .boxAccordionZodiac .acTtl.open span:after {
  display: block;
  content: "";
  position: absolute;
  top: 24px;
  right: 11px;
  width: 10px;
  height: 10px;
  margin-top: -6px;
  background-color: #fff;
  transform: rotate(45deg);
}

.ttlSport {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 134%;
  text-align: center;
}

.ttlSport h1 {
  font-weight: bold;
}

.ttlSportJ {
  padding: 12px 0;
  border-bottom: 1px #e6e6e6 solid;
  font-size: 117%;
  font-weight: bold;
}

.ul_sportList {
  position: relative;
  overflow: hidden;
  margin-bottom: 15px;
}

.ul_sportList:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #e6e6e6;
  margin-bottom: 0px;
}

.ul_sportList li {
  width: 100%;
  padding: 12px 0;
  border-bottom: 1px #e6e6e6 solid;
}

.ul_sportList li:last-child {
  border-bottom: none;
}

.ul_sportList li ul.ul_sportInfo {
  display: table;
  width: 100%;
}

.ul_sportList li ul.ul_sportInfo li {
  display: table-cell;
  border-bottom: none;
  vertical-align: middle;
}

.ul_sportList li ul.ul_sportInfo li.elmTeam {
  width: 33%;
  text-align: center;
  font-size: 150%;
  font-weight: 700;
}

.ul_sportList li ul.ul_sportInfo li.elmText {
  width: 34%;
  text-align: center;
}

.ul_sportList.J li ul.ul_sportInfo li.elmTeam {
  width: 30%;
}

.ul_sportList.J li ul.ul_sportInfo li.elmText {
  width: 34%;
}

.ul_sportList.J li ul.ul_sportInfo li.elmVs {
  width: 6%;
}

.ul_sportList li ul.ul_sportInfo li.elmText .place {
  display: block;
}

h2.ttlBasicSubhead.sportInfo {
  background-color: #dedede;
  color: #000;
  margin-bottom: 0;
}

.ul_sportNav {
  overflow: hidden;
  border-radius: 2px 2px 0 2px;
  border-top: solid 1px #e5e5e5;
  border-left: solid 1px #e5e5e5;
}

.ul_sportNav li {
  float: left;
  width: 50%;
  background-color: #f2f2f2;
  border-bottom: solid 1px #e5e5e5;
  border-right: solid 1px #e5e5e5;
}

.ul_sportNav li.standings {
  width: 100%;
}

.ul_sportNav li:last-child {
  border-radius: 0 0 2px 0;
}

.ul_sportNav li a {
  display: block;
  padding: 10px;
  font-size: 117%;
  text-align: center;
  color: #0066cc;
}

.sportsText {
  padding: 12px 0;
  font-size: 117%;
}

.sportsTextBold {
  font-weight: 700;
}

.txtItems {
  margin: 0 10px 12px;
  font-size: 117%;
}

.txtItems span {
  font-weight: bold;
}

.ul_btnDL {
  text-align: center;
  margin-top: 25px;
  margin-bottom: 25px;
}

.ul_btnDL li {
  display: inline-block;
  width: 48%;
  padding: 0 2px;
}

.ul_btnLinkLP {
  border-top: 4px #000 solid;
}

.ul_btnLinkLP li {
  border-width: 0 4px 4px;
  border-color: #000;
  border-style: solid;
}

.ul_btnLinkLP li a {
  position: relative;
  display: block;
  height: 34px;
  line-height: 34px;
  text-align: center;
  font-size: 117%;
  font-weight: bold;
  color: #000;
}

.ul_btnLinkLP li a:before {
  display: block;
  content: "";
  position: absolute;
  top: 12px;
  right: 10px;
  width: 10px;
  height: 10px;
  background-color: #0f0f0f;
  transform: rotate(45deg);
}

.ul_btnLinkLP li a:after {
  display: block;
  content: "";
  position: absolute;
  top: 12px;
  right: 14px;
  width: 10px;
  height: 10px;
  background-color: #fff;
  transform: rotate(45deg);
}

.txtInfoLP {
  font-size: 117%;
  margin-bottom: 10px;
}

.ul_feature li {
  display: table;
  width: 100%;
  padding: 8px 0 7px;
  border-bottom: 1px #e6e6e6 solid;
}

.ul_feature li .elmImg {
  display: table-cell;
  vertical-align: middle;
}

.ul_feature li .img-feature01,
.ul_feature li .img-feature02,
.ul_feature li .img-feature03,
.ul_feature li .img-feature04,
.ul_feature li .img-feature05,
.ul_feature li .img-feature06,
.ul_feature li .img-feature07,
.ul_feature li .img-feature08,
.ul_feature li .img-feature09,
.ul_feature li .img-feature10 {
  display: inline-block;
  width: 50px;
  height: 50px;
  background: url(image/img_feature.png) no-repeat;
  background-size: 150px 200px;
  text-indent: -9999px;
  text-align: left;
}

.ul_feature li .img-feature01 {
  background-position: 0px 0px;
}

.ul_feature li .img-feature02 {
  background-position: -50px 0px;
}

.ul_feature li .img-feature03 {
  background-position: -100px 0px;
}

.ul_feature li .img-feature04 {
  background-position: 0px -50px;
}

.ul_feature li .img-feature05 {
  background-position: -50px -50px;
}

.ul_feature li .img-feature06 {
  background-position: -100px -50px;
}

.ul_feature li .img-feature07 {
  background-position: 0px -100px;
}

.ul_feature li .img-feature08 {
  background-position: -50px -100px;
}

.ul_feature li .img-feature09 {
  background-position: -100px -100px;
}

.ul_feature li .img-feature10 {
  background-position: 0px -150px;
}

.ul_feature li .elmText {
  display: table-cell;
  vertical-align: middle;
  padding-left: 10px;
  font-size: 117%;
}

.ttlBasicSubsup {
  padding: 10px;
  background-color: #dedede;
  font-size: 117%;
  font-weight: bold;
}

.ul_courses {
  margin: 0 10px;
  overflow: hidden;
}

.ul_courses li {
  padding: 15px 0;
  border-bottom: 1px #e6e6e6 solid;
}

.ul_courses li:last-child {
  border-bottom: none;
}

.ul_courses li .num01 {
  float: left;
  width: 40px;
  height: 40px;
  line-height: 40px;
  background-color: #fff100;
  text-align: center;
  font-size: 134%;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
}

.ul_courses li dl {
  overflow: hidden;
  padding-left: 10px;
  font-size: 117%;
}

.ul_courses li dl dt {
  margin-bottom: 4px;
  font-weight: bold;
}

.btnBasicNextL {
  border: 4px #000 solid;
}

.btnBasicNextL a {
  position: relative;
  display: block;
  height: 42px;
  line-height: 42px;
  text-align: center;
  font-size: 150%;
  font-weight: bold;
  color: #000;
}

.btnBasicNextL a:before {
  display: block;
  content: "";
  position: absolute;
  top: 16px;
  right: 10px;
  width: 10px;
  height: 10px;
  background-color: #0f0f0f;
  transform: rotate(45deg);
}

.btnBasicNextL a:after {
  display: block;
  content: "";
  position: absolute;
  top: 16px;
  right: 14px;
  width: 10px;
  height: 10px;
  background-color: #fff;
  transform: rotate(45deg);
}

.btnSubscribe {
  margin: 10px 0;
  background-color: #cc0000;
}

.btnSubscribe a {
  position: relative;
  display: block;
  height: 42px;
  line-height: 42px;
  text-align: center;
  font-size: 150%;
  font-weight: bold;
  color: #fff;
}

.btnSubscribe a:before {
  display: block;
  content: "";
  position: absolute;
  top: 16px;
  right: 14px;
  width: 10px;
  height: 10px;
  background-color: #fff;
  transform: rotate(45deg);
}

.btnSubscribe a:after {
  display: block;
  content: "";
  position: absolute;
  top: 16px;
  right: 18px;
  width: 10px;
  height: 10px;
  background-color: #cc0000;
  transform: rotate(45deg);
}

.table_subscribe {
  width: 100%;
  margin-bottom: 20px;
  border: 1px #ccc solid;
  border-radius: 2px;
}

.table_subscribe thead th,
.table_subscribe tbody td.acTtl,
.table_subscribe tbody td {
  font-size: 117%;
  padding: 5px 10px;
  border-bottom: 1px #ccc solid;
}

.table_subscribe thead th {
  background-color: #dedede;
}

.table_subscribe thead th span {
  font-size: 86%;
  font-weight: normal;
}

.table_subscribe tbody td.acTtl {
  background-color: #f2f2f2;
  font-weight: bold;
  text-align: left !important;
}

.table_subscribe tbody td {
  border-right: 1px #ccc solid;
}

.table_subscribe tbody td:last-child {
  border-right: none;
  text-align: right;
}

.table_subscribe .w35 {
  width: 35%;
}

.table_subscribe .w65 {
  width: 65%;
}

.btnContact {
  border: 4px #000 solid;
}

.btnContact a {
  position: relative;
  display: block;
  height: 42px;
  line-height: 42px;
  text-align: center;
  font-size: 150%;
  font-weight: bold;
  color: #000;
}

.btnContact a:after {
  display: block;
  content: "";
  position: absolute;
  top: 13px;
  right: 10px;
  width: 20px;
  height: 16px;
  background: url(image/ico_40-35.png) center -112px no-repeat;
  background-size: 20px 135px;
}

/* !LOADER
---------------------------------------------------------- */
img.loading {
  height: 48px;
  padding-left: 16px;
  padding-right: 16px;
}

.ul_rankPhoto img.loading {
  padding-left: 0px;
  padding-right: 0px;
}

p.elmImg.loading img {
  height: 48px;
  padding: 51px;
}

/* !DSP110101.html
---------------------------------------------------------- */
.txtPolicy {
  margin-bottom: 22px;
  font-size: 117%;
}

.ul_policy {
  overflow: hidden;
  margin-bottom: 12px;
  border-bottom: 1px solid #e6e6e6;
}

.ul_policy.inquiry {
  margin-bottom: 20px;
  border-bottom: none;
}

.ul_policy > li {
  overflow: hidden;
  margin-bottom: 22px;
  font-size: 117%;
}

.ul_policy > li.last {
  margin-bottom: 47px;
}

.ul_policy.inquiry > li.last {
  margin-bottom: 0px;
}

.ul_policy > li > .textStatic {
  font-weight: bold;
}

.ul_policy > li > .textStatic > span {
  margin-left: 8px;
  font-weight: normal;
}

.ul_policy > li > ol {
  overflow: hidden;
}

.ul_policy > li > ol > li {
  overflow: hidden;
}

.ul_policy > li > ol > li > div {
  float: left;
}

.ul_policy > li > ol > li > p {
  overflow: hidden;
}

.ul_policy.inquiry.e-paper {
  margin-top: 20px;
  border-bottom: none;
}

/* !DSP090101.html
---------------------------------------------------------- */
.ul_e-paper li ol li a img {
  width: auto;
  max-width: auto;
  height: auto;
}

h3.ul_e-paper {
  padding: 0;
  font-size: 117%;
  font-weight: bold;
  padding: 0 10px;
}

.ul_e-paper {
  overflow: hidden;
  margin-top: 20px;
  border-bottom: none;
  padding: 0 20px;
}

.ul_e-paper.inquiry {
  padding: 0;
}

.ul_e-paper > li {
  overflow: hidden;
  margin-bottom: 22px;
  font-size: 117%;
}

.ul_e-paper > li.last {
  margin-bottom: 25px;
}

.ul_e-paper.inquiry > li.last {
  margin-bottom: 0px;
}

.ul_e-paper > li > .textStatic {
  font-weight: bold;
}

.ul_e-paper > li > .textStatic > span {
  margin-left: 8px;
  font-weight: normal;
}

.ul_e-paper > li > ol {
  overflow: hidden;
}

.ul_e-paper > li > ol > li {
  overflow: hidden;
}

.ul_e-paper > li > ol > li > div {
  float: left;
}

.ul_e-paper > li > ol > li > p {
  overflow: hidden;
}

.ul_servicesL.e-paper li img {
  width: 133px;
}

.ul_servicesL.e-paper li .boxInfo {
  padding-top: 15px;
}

/* !DSP100101.html
---------------------------------------------------------- */
.txtAbout {
  margin-bottom: 23px;
  font-size: 117%;
  text-indent: 15px;
}

.ul_business {
  overflow: hidden;
}

.ul_business li {
  overflow: hidden;
  margin-bottom: 1px;
  font-size: 117%;
}

.ul_business li.last {
  margin-bottom: 0;
}

.ul_business li div {
  float: left;
  margin-right: 2px;
}

.ul_business li p {
  overflow: hidden;
}

.ul_company {
  overflow: hidden;
}

.ul_company li {
  overflow: hidden;
  margin-bottom: 1px;
  font-size: 117%;
}

.ul_company li.last {
  margin-bottom: 0;
}

.ul_company li dl {
  overflow: hidden;
}

.ul_company li dl dt {
  float: left;
  width: 100px;
  padding-right: 8px;
}

.ul_company li dl dd {
  overflow: hidden;
}

.ul_about {
  overflow: hidden;
}

.ul_about li {
  overflow: hidden;
  margin-bottom: 22px;
}

.ul_about li.last {
  margin-bottom: 0;
}

.ul_about li .textStatic {
  margin-bottom: 3px;
  font-size: 117%;
}

.ul_office {
  overflow: hidden;
  margin-bottom: 25px;
}

.ul_office li {
  overflow: hidden;
  padding: 14px 0 11px 0;
  border-bottom: 1px solid #e5e5e5;
}

.ul_office li .elmImg {
  overflow: hidden;
  float: left;
  width: 90px;
  margin-right: 10px;
}

.ul_office li .detailStatic {
  overflow: hidden;
}

.ul_office li .detailStatic .addressBoxStatic {
  overflow: hidden;
  padding: 0 5px 11px 5px;
  border-bottom: 1px solid #e5e5e5;
}

.ul_office li .detailStatic .addressBoxStatic .placeStatic {
  margin-bottom: 8px;
  font-size: 134%;
  font-weight: bold;
  line-height: 1.2;
}

.ul_office li .detailStatic .addressBoxStatic .addressStatic {
  margin-bottom: 5px;
  font-size: 117%;
}

.ul_office li .detailStatic .btnStatic {
  padding-top: 10px;
  text-align: right;
  font-size: 117%;
}

.ul_office li .detailStatic .btnStatic a {
  padding-right: 25px;
  position: relative;
}

.ul_office li .detailStatic .btnStatic a:before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: 7px;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  background-color: #000;
  transform: rotate(45deg);
}

.ul_office li .detailStatic .btnStatic a:after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: 11px;
  width: 10px;
  height: 12px;
  margin-top: -5px;
  background-color: #fff;
  transform: rotate(45deg);
}

/* top slider
---------------------------------------------------------- */
.PhotoNews {
  width: 320px;
  overflow: hidden;
}

/* DSP000000.html
---------------------------------------------------------- */
.errorWrap {
  padding: 25px 10px 0;
}

.errorWrap .message {
  overflow: hidden;
}

.errorWrap .message img {
  float: right;
  display: block;
  width: 65px;
  height: 113px;
  margin: 0 0 25px 25px;
}

.errorWrap .message h1 {
  margin-bottom: 25px;
  font-size: 143%;
  font-weight: bold;
}

.errorWrap .try {
  margin: 25px 0;
  padding: 15px;
  border: 2px solid #e5e5e5;
  background: #f2f2f2;
}

.errorWrap .try ul {
  margin-top: 10px;
}

.errorWrap .try ul li {
  position: relative;
  display: block;
  padding-left: 1em;
}

.errorWrap .try ul li:before {
  content: "・";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.errorWrap .try ul li ~ li {
  margin-top: 5px;
}

.errorWrap .try + .fzL {
  margin-bottom: 15px;
}

.errorWrap .btnPc {
  margin-bottom: 25px;
}

.errorWrap .btnPc a span:before {
  height: 17px;
  background-position: 0 0;
}

/* !displayMessage
---------------------------------------------------------- */
#displayMessage {
  position: absolute;
  width: 100%;
  height: 45px;
  background: #FFFF10;
  background-color: rgb(255, 255, 16);
  z-index: 100;
  color: #000;
  font-size: 143%;
  font-weight: bold;
  text-align: center;
  line-height: 45px;
}

#displayMessage.regist {
  position: absolute;
  width: 100%;
  height: 45px;
  background: #FF1010;
  background-color: rgb(255, 16, 16);
  z-index: 100;
  color: #fff;
  font-size: 143%;
  font-weight: bold;
  text-align: center;
  line-height: 45px;
}

/* DSP020101.html
---------------------------------------------------------- */
.ul_servicesL li .img-services_01,
.ul_servicesL li .img-services_02,
.ul_servicesL li .img-services_03,
.ul_servicesL li .img-services_04,
.ul_servicesL li .img-services_05,
.ul_servicesL li .img-services_06,
.ul_servicesL li .img-services_07,
.ul_servicesL li .img-services_08,
.ul_servicesL li .img-services_09,
.ul_servicesL li .img-services_10,
.ul_servicesL li .img-services_11,
.ul_servicesL li .img-services_12 {
  display: inline-block;
  float: left;
  width: 96px;
  height: 96px;
  background: url(image/img_services9.png) no-repeat;
  background-size: 96px auto;
  text-indent: -9999px;
}

.ul_servicesL li .img-services_01 {
  background-position: 0 0;
}

.ul_servicesL li .img-services_02 {
  background-position: 0 -97px;
}

.ul_servicesL li .img-services_03 {
  background-position: 0 -193px;
}

.ul_servicesL li .img-services_04 {
  background-position: 0 -578px;
}

.ul_servicesL li .img-services_05 {
  background-position: 0 -289px;
}

.ul_servicesL li .img-services_06 {
  background-position: 0 -386px;
}

.ul_servicesL li .img-services_07 {
  background-position: 0 -482px;
}

.ul_servicesL li .img-services_08 {
  background-position: 0 -675px;
}

.ul_servicesL li .img-services_09 {
  background-position: 0 -771px;
}

.ul_servicesL li .img-services_10 {
  background-position: 0 -867px;
}

.ul_servicesL li .img-services_11 {
  background-position: 0 -964px;
}

.ul_servicesL li .img-services_12 {
  background-position: 0 -1061px;
}

/* DSP060102.html
---------------------------------------------------------- */
.ttlBasicSubhead.ttlStandings + .table_scoreResult {
  border-top: none;
}

/* DSP060201.html
---------------------------------------------------------- */
.scoreTable {
  position: relative;
  overflow: hidden;
  height: 120px;
}

.scoreTable .table_scoreResult {
  float: left;
}

/*
---------------------------------------------------------- */
.article {
  margin-bottom: 0;
}

.inner {
  padding: 0 10px;
}

/* existing information list
---------------------------------------------------------- */
div.information.list h2 {
  margin-bottom: 15px;
  padding: 10px;
  background-color: #fff100;
  font-size: 117%;
  font-weight: bold;
}

div.information.list ul {
  padding: 0 10px;
  margin-bottom: 15px;
}

div.information.list ul li {
  padding: 15px 0;
  border-bottom: 1px #e5e5e5 solid;
}

div.information.list ul li:first-child {
  padding-top: 0px;
}

div.information.list ul li a {
  font-size: 117%;
}

/* existing pedia
---------------------------------------------------------- */
div.pedia h4 {
  margin-bottom: 15px;
  padding: 10px;
  background-color: #fff100;
  font-size: 117%;
  font-weight: bold;
}

div.pedia a {
  display: inline-block;
  overflow: hidden;
  margin: 0 -5px 0 10px;
  padding: 6px 9px;
  background-color: #f2f2f2;
  border: 1px #e5e5e5 solid;
  font-size: 117%;
  color: #000;
}

/* DSP010101.html
---------------------------------------------------------- */
.ul_special {
  margin-bottom: 25px;
  /*border-bottom: 1px #e6e6e6 solid;*/
}

.ul_special li {
  overflow: hidden;
  width: 100%;
  padding: 12px 0;
  border-bottom: 1px #e6e6e6 solid;
}

.ul_special li a {
  font-size: 117%;
}

.ul_special li:first-child {
  padding-top: 0px;
}

.ul_special li:last-child {
  border-bottom: none;
}

.ul_special li .img-special_sports,
.ul_special li .img-special_matome {
  display: inline-block;
  float: left;
  width: 95px;
  height: 95px;
  background: url(image/ico_90-500.png) no-repeat;
  background-size: 95px 654px;
  text-indent: -9999px;
}

.ul_special li .img-daily_video {
  display: inline-block;
  float: left;
  width: 95px;
  height: 95px;
  background: url(image/ico_90-500.png) no-repeat;
  background-size: 95px 654px;
  text-indent: -9999px;
}

.ul_special li .img-special_quiz {
  display: inline-block;
  float: left;
  width: 95px;
  height: 95px;
  background: url(image/ico_90-500.png) no-repeat;
  background-size: 95px 654px;
  text-indent: -9999px;
}

.ul_special li .img-takamatsu_keirin {
  display: inline-block;
  float: left;
  width: 95px;
  height: 95px;
  background: url(image/ico_90-500.png) no-repeat;
  background-size: 95px 654px;
  text-indent: -9999px;
}

.ul_special li .img-matsusaka_keirin {
  display: inline-block;
  float: left;
  width: 95px;
  height: 95px;
  background: url(image/ico_90-500.png) no-repeat;
  background-size: 95px 654px;
  text-indent: -9999px;
}

.ul_special li .img-midnight_keirin {
  display: inline-block;
  float: left;
  width: 95px;
  height: 95px;
  background: url(image/ico_90-500.png) no-repeat;
  background-size: 95px 654px;
  text-indent: -9999px;
}

.ul_special li .img-special_sports {
  background-position: 0 -185px;
}

.ul_special li .img-special_matome {
  background-position: 0 -280px;
}

.ul_special li .img-special_quiz {
  background-position: 0 -375px;
}

.ul_special li .img-daily_video {
  background-position: 0 -469px;
}

.ul_special li .img-takamatsu_keirin {
  background-position: 0 -184px;
}

.ul_special li .img-matsusaka_keirin {
  background-position: 0 -374px;
}

.ul_special li .img-midnight_keirin {
  background-position: 0 -560px;
}

.ul_special .boxInfo {
  overflow: hidden;
  padding-left: 15px;
}

.ul_special .boxInfo {
  overflow: hidden;
  padding-left: 15px;
}

.ul_special .boxInfo .elmLink {
  margin-bottom: 3px;
}

.ul_special .boxInfo .elmLink a span {
  font-weight: bold;
  color: #ff6666;
}

/* DSP020102.html
---------------------------------------------------------- */
.ttlBasicPage h1 span.txtDateR {
  display: block;
  float: right;
  margin-top: 2px;
  font-size: 100%;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  line-height: 100%;
}

.txtDateR > span {
  font-size: 67%;
}

.dayList {
  width: 100%;
  height: 42px;
  margin: 25px 0 15px 0;
}

.dayListTitleTab li {
  width: 14%;
  line-height: 18px;
  display: inline-block;
  float: left;
  background-color: #DEDEDE;
  border-right: 1px solid #cccccc;
  border-bottom: 2px solid #000000;
  padding: 2px 0;
}

.dayListTitleTab li:first-child,
.dayListTitleTab li:last-child {
  width: 15%;
}

.dayListTitleTab li.active {
  background-color: #000000;
}

.dayListTitleTab li a {
  display: block;
  font-size: 117%;
  text-align: center;
  font-weight: bold;
  color: #000;
}

.dayListTitleTab li.active a {
  color: #fff;
}

.dayListTitleTab li a span {
  display: block;
  font-size: 86%;
}

/* DSP130101.html
---------------------------------------------------------- */
#search #header {
  border-bottom: none;
  margin-bottom: 7px;
}

#search #footerLinks {
  margin-bottom: 0px;
}

/* 2015/9/30追加 SPインクルード表対応 */
.tableBlue, .tableYellow, .tableGreen, .tableGray {
  width: 100%;
  margin-bottom: 15px;
  border-top: 1px #ccc solid;
  font-size: 117%;
}

.tableBlue th, .tableYellow th, .tableGreen th, .tableGray tr:nth-child(1) th {
  width: 8.33%;
  padding: 5px 0;
  background-color: #000;
  border-bottom: 1px #ccc solid;
  border-right: 1px #ccc solid;
  color: #fff;
  text-align: center;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
}

table.tableBlue tr:nth-child(2n), table.tableYellow tr:nth-child(2n), table.tableGreen tr:nth-child(2n), table.tableGray tr:nth-child(2n) { /* 偶数行 */ /* 偶数行 */
  background-color: white;
}

table.tableBlue tr:nth-child(2n+1), table.tableYellow tr:nth-child(2n+1), table.tableGreen tr:nth-child(2n+1), table.tableGray tr:nth-child(2n+1) { /* 奇数行 */
  background-color: #F2F2F2;
}

.tableBlue td, .tableBlue th, .tableYellow td, .tableYellow th, .tableGreen td, .tableGreen th, .tableGray td, .tableGray th {
  border-bottom: 1px #ccc solid;
  border-right: 1px #ccc solid;
  text-align: center;
}

.tableBlue td, .tableYellow td.tableGreen td.tableGray td {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
}

/*Yahooインフィード対応*/
.yads_ad_responsive_small {
  min-height: 100px;
  padding-bottom: 25px;
}

.yads_ad {
  border-bottom: 1px #e6e6e6 solid;
  margin: 10px auto;
}

.yads_ad_responsive_small .yads_ad_img {
  display: block;
  width: 80px;
  height: 80px;
  float: left;
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 15px;
}

/* .yads_ad_img a {
  height: 150px;
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
  } */
.yads_ad_title {
  font-size: 115%;
  color: #06C;
}

.yads_ad_adv a {
  color: #000;
}

.yads_ad_desc {
  color: #000;
  padding-bottom: 10px;
}

.yads_ad_desc a {
  color: black;
}

.yads_ad_info {
  float: right;
  width: 30px;
  bottom: 20px;
}

.yads_ad_info span {
  color: #aaa;
  font-size: 90%;
}

.yads_ad_info img {
  width: 10px;
  margin-left: 2px;
  position: relative;
  top: -2px;
}

.yads_ad_responsive_small .yads_ad_adv {
  position: absolute;
  left: 105px;
}

.yads_ad_responsive_large {
  padding-bottom: 15px;
}

.yads_ad_responsive_large .yads_ad_img {
  display: block;
  background-size: 100%;
  background-repeat: no-repeat;
  height: auto;
  min-height: 150px;
  margin-right: 5px;
  margin-bottom: 5px;
  float: none;
  margin: 0 auto;
}

.yads_ad_responsive_large .yads_ad_title {
  padding-top: 15px;
}

.yads_ad_responsive_large .yads_ad_desc {
  clear: both;
}

.yads_ad_responsive_large .yads_ad_info {
  position: relative;
  right: 0;
}

/*もっとみるボタン*/
.btnArticleListOpen {
  width: 100%;
  padding-right: 0;
  text-align: right;
  margin-bottom: 25px;
  border: 4px #000 solid;
  position: relative;
  display: block;
  line-height: 42px;
  text-align: center;
  font-size: 150%;
  font-weight: bold;
  color: #000;
  background-color: #FFF;
}

.btnArticleListOpen:before {
  display: block;
  content: "";
  position: absolute;
  top: 14px;
  right: 10px;
  width: 10px;
  height: 10px;
  background-color: #0f0f0f;
  transform: rotate(45deg);
}

.btnArticleListOpen:after {
  display: block;
  content: "";
  position: absolute;
  top: 10px;
  right: 10px;
  width: 10px;
  height: 10px;
  background-color: #fff;
  transform: rotate(45deg);
}

/*2016コンテンツリンク追加*/
.reccomendBox .elmImg,
.reccomendList .elmImg {
  position: relative;
  overflow: hidden;
}

.reccomendBox img,
.reccomendList img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-width: 100%;
  height: 180px;
  -o-object-fit: cover;
     object-fit: cover;
}

.reccomendBox {
  font-size: 0;
}

.reccomendBox li {
  display: inline-block;
  width: 50%;
  padding-right: 5px;
  font-size: 14px;
  vertical-align: top;
}

.reccomendBox li:nth-child(2n) {
  padding-right: 0;
  padding-left: 5px;
}

.reccomendBox li:nth-child(n+3) {
  margin-top: 15px;
}

.reccomendBox .elmImg {
  width: 100%;
  height: 0;
  padding-bottom: 52%;
}

.reccomendBox .elmImg .loading {
  width: 50%;
  margin: auto;
}

.reccomendList li {
  display: table;
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid #e6e6e6;
}

.reccomendList li:first-child {
  margin-top: 0;
  padding-top: 0;
  border: none;
}

.reccomendList .elmImg {
  display: table-cell;
  width: 153px;
  height: 80px;
}

.reccomendList .elmlink {
  display: table-cell;
  padding-left: 15px;
  vertical-align: top;
}

/*
# スコアボード
*/
.scoreBoard {
  width: 100%;
}

.scoreBoard table {
  width: 100%;
}

.scoreBoard th,
.scoreBoard td {
  border: 1px solid #ccc;
  text-align: center;
  font-size: 14px;
}

.scoreBoard th {
  background-color: #000;
  color: #fff;
}

.scoreBoard .num {
  font-family: "Roboto", sans-serif;
}

.scoreBoard .sum {
  background-color: #fe0;
  font-size: 20px;
  font-weight: bold;
}

.scoreBoard a {
  text-decoration: underline;
}

/*サッカースコア速報*/
.textNews br {
  content: " ";
  display: block;
  margin: 1em;
}

.textNews {
  word-break: normal;
  font-size: 134%;
  line-height: 1.4em;
}

/*ULIZA*/
div[id^=player__] {
  width: 100% !important;
  height: 180px !important;
}

#showMovie {
  margin-top: -30px;
}

/*
# スコアボードのテスト用コード
*/
.scoreBoard + .scoreBoard {
  margin-top: 30px;
}

.scoreBoard {
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
}

/*
# ｓｐトップ プロ野球スコア速報
*/
#score_b h2 {
  padding: 10px;
  background-color: #fff100;
  font-size: 117%;
  font-weight: bold;
}

#score_b h2 p {
  float: right;
  font-weight: normal;
}

#score_b ul {
  display: table;
  table-layout: fixed;
  width: 100%;
  padding: 8px 0;
  background-color: #f2f2f2;
}

#score_b ul li {
  width: auto;
  display: table-cell;
  border-left: 1px solid #000;
  text-align: center;
}

#score_b li:first-child {
  border-left: none;
}

#score_b dl dd {
  width: 50%;
  float: left;
}

#score_b dl dt {
  width: 50%;
  float: left;
}

#score_b span {
  color: #666;
}

.score_next {
  float: right;
  margin: 2px 5px 5px 0;
}

#score_b a {
  text-decoration: none;
  color: #000;
}

#img01, #mainImage {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
}

.youtube {
  position: relative;
  width: 100%;
  height: 100%;
}

.youtube iframe {
  width: 100%;
}

/*ここまで*/
/*
# 装飾パーツ：丸サムネイル付きリスト
*/
.circle_thumb_list {
  margin: 2px 0;
  width: 100%;
}

.circle_thumb_items {
  display: flex;
  overflow-x: auto;
  padding: 2px;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}

.circle_thumb_item {
  display: flex;
  flex-direction: column;
  margin: 0 7px;
}

.circle_thumb_item:hover, .circle_thumb_item:active {
  opacity: 0.8;
}

.circle_img {
  margin: 4px 0;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: linear-gradient(45deg, rgb(254, 212, 117) 0%, rgb(229, 61, 93) 50%, rgb(194, 49, 134) 70%, rgb(156, 56, 187) 100%);
}

.circle_img a {
  display: block;
}

.circle_img img {
  box-sizing: border-box;
  width: 58px;
  height: 58px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  border-radius: 50%;
  padding: 1px;
  background: #fff;
  border: 1px solid #ccc;
  margin: 3px;
  font-family: "object-fit: cover; object-position: center top; background-size: cover;";
}

.circle_thumb_title {
  max-width: 70px;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 11px;
  color: #8e8e8e;
}

/*---------- 関連ニュース画像 ----------*/
.carousel {
  width: 100%;
  display: flex;
  flex: 0 0 202px;
  height: 168px;
  overflow-x: scroll;
  white-space: nowrap;
}

.carousel-element {
  display: inline-block;
  width: 202px;
  height: 168px;
  position: relative;
  min-width: 202px;
  margin-right: 4px;
  vertical-align: top;
}

.carousel-element .elmTitle {
  position: absolute;
  bottom: 0;
  background-color: #505050;
  color: #fff;
  margin: 0;
  padding: 20px 6px;
  text-align: left;
  width: 100%;
}

.carousel-element .elmTitle span {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}

.carousel-element .boxImgSquare img {
  display: block;
  width: 202px;
  height: 106px;
  -o-object-position: top;
     object-position: top;
  -o-object-fit: cover;
     object-fit: cover;
}

.carousel-element:last-child {
  margin-right: 0px;
}

/*-----------------------------------------------------------------
  ハッシュタグ（クリックエリアが小さかったため）
------------------------------------------------------------------*/
.boxMenuTag .ul_menuTag li {
  padding: 0;
}

.boxMenuTag .ul_menuTag li a,
.boxMenuTag .ul_menuTag li span {
  display: block;
  padding: 6px;
}

/*-----------------------------------------------------------------
  特集 （もっと見るボタンは.btnMoreに不要なJSのイベントが紐づくため新規作成）
------------------------------------------------------------------*/
.btnMoreArticle {
  height: 50px;
  font-size: 150%;
  font-weight: bold;
  line-height: 42px;
  text-align: center;
  color: #000;
  border: 4px #000 solid;
  position: relative;
  margin-bottom: 0;
}

.btnMoreArticle::before,
.btnMoreArticle::after {
  display: block;
  width: 10px;
  height: 10px;
  content: "";
  transform: rotate(45deg);
  position: absolute;
  right: 10px;
}

.btnMoreArticle::before {
  background-color: #0f0f0f;
  top: 14px;
}

.btnMoreArticle::after {
  background-color: #fff;
  top: 10px;
}

/******************************************************************
  ページ別スタイル （1つ目のclassは<body>に付与）
*******************************************************************/
/*-----------------------------------------------------------------
  記事一覧
------------------------------------------------------------------*/
.articleList .boxMenuTag {
  transition: height 0.2s;
  border-bottom: 1px solid #e6e6e6;
  margin-bottom: 10px;
  overflow: hidden;
  position: relative;
}

.articleList .boxMenuTag .ul_menuTag {
  white-space: unset;
  padding: 8px 10px 0;
}

.articleList .boxMenuTag .ul_menuTag li {
  margin-bottom: 8px;
  overflow: hidden;
}

/* .articleList .boxMenuTag .ul_menuTag li.current {
  background-color: #fff100;
} */
.articleList .boxMenuTag .ul_menuTag li:first-child {
  margin-left: 0;
}

.articleList .boxMenuTag .toggle {
  display: none;
  width: 70px;
  font-size: 12px;
  font-weight: bold;
  padding: 15px 10px;
  position: absolute;
  right: 0;
  bottom: 0;
}

.articleList .boxMenuTag .toggle::before {
  content: "close";
}

.articleList .boxMenuTag .toggle::after {
  width: 7px;
  height: 7px;
  content: "";
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  transform: rotate(-135deg);
  transition: transform 0.2s;
  position: absolute;
  top: 6px;
  right: 12px;
  bottom: 0;
  margin: auto;
}

.articleList .boxMenuTag.more ul {
  padding-right: 10px;
  padding-bottom: 36px;
  transition: padding 0.3s;
}

.articleList .boxMenuTag.more .toggle {
  display: block;
}

.articleList .boxMenuTag.more.close {
  height: 47px !important;
}

.articleList .boxMenuTag.more.close ul {
  padding-right: 70px;
}

.articleList .boxMenuTag.more.close .toggle::before {
  content: "more";
}

.articleList .boxMenuTag.more.close .toggle::after {
  transform: rotate(45deg);
  top: -4px;
}

/*-----------------------------------------------------------------
  記事詳細
------------------------------------------------------------------*/
.txtInfoNews {
  margin-top: 10px;
}

.elmNewsDate {
  font-size: 10px;
  margin: 3px 0 10px;
}

/* 2023.01 Twitterパーツページ化対応 */
.photoslick {
  display: flex;
  justify-content: center;
  align-items: center;
}

.photoslick .thumb {
  position: relative;
  height: 50px;
  width: 50px;
}

.thumb {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 2px 5px 10px 5px;
}

.thumb.current {
  border-color: #ff008e;
  border-width: 4px;
  border-style: solid;
  padding: 3px;
  height: auto;
}

.thumb a {
  width: 100%;
  height: 0;
  display: block;
  overflow: hidden;
  padding: 100% 0 0;
  position: relative;
}

.thumb.current a img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  font-family: "object-fit: cover;object-position: center;";
}

.thumb a img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  font-family: "object-fit: cover;object-position: center;";
}

/* 写真ランキング：写真なし */
.no-photo {
  display: block;
  background: url("../../img/ranking-no-image.jpg") no-repeat;
  background-color: #f2f2f2;
  background-size: 100% auto;
}