@charset "UTF-8";
/* ---------------------------------------
  TITLE : HANSHIN Tigers
  URI : hanshintigers.jp
  (C) HANSHIN Tigers.
--------------------------------------- */

@import "format.css";
@import "layout.css";
@import "common.css";

/* STRUCTURES
--------------------------------------- */
#ln {
    background: url(../../game/img/bg_ct.jpg) 0 0 no-repeat;
}

.ctop #ln {
    background: none;
}

h2.ct {
    background: url(../../game/img/ct_game.jpg) 0 0 no-repeat;
}

#sche-nav-list{
  display:flex;
  justify-content:space-between;
  margin:30px 0 10px;
}
#sche-nav-list .change-month{
  display:flex;
  align-items:center;
}
#sche-nav-list .change-month li{
  border:solid 1px #999;
  border-radius:5px 5px;
  overflow:hidden;
}
#sche-nav-list .change-month li + li{
  margin-left:4px;
}
#sche-nav-list .change-month a{
  color:#000;
  font-weight:bold;
  display:block;
  width:43px;
  padding:1px 0;
  text-align:center;
  background:#f0f0f0;
  font-size:20px;
  transition:all .3s cubic-bezier(0.56, -0.01, 0.21, 0.99);
}
#sche-nav-list .change-month a:hover,
#sche-nav-list .change-month a.current{
  background:#fff;
  color:#cc0000;
  text-decoration:none;
}
#sche-nav-list .change-month a small{
  font-size:12px;
}
#sche-nav-list .chnage-view{
  display:flex;
  align-items: center;
}
#sche-nav-list .chnage-view li{
  width:100px;
}
#sche-nav-list .chnage-view a{
  font-weight:bold;
  font-size:16px;
  display:block;
  background:#000;
  color:#fff;
  text-align:center;
  padding:3px 0;
}
#sche-nav-list .chnage-view a:hover,
#sche-nav-list .chnage-view a.current{
  color:#000;
  background:#ffe100;
  text-decoration:none;
  transition:all .3s cubic-bezier(0.56, -0.01, 0.21, 0.99);
}
/* SCHEDULE
--------------------------------------- */
.schedule #calender-all .sch_weekly th{
  background:#555;
  color:#fff;
  text-align:center;
  padding:2px 0;
}
.schedule #calender-all .sch_weekly th.sat{
  background:#4bb6f5;
}
.schedule #calender-all .sch_weekly th.sun{
  background:#ff6699;
}
.schedule #calender-all tr.status div.cat{
  color:#d71518;
}
html.new{
    visibility: hidden;
}

html.new.wf-active,
html.new.loading-delay {
    visibility: visible;
}

.new .schedule #article{
    margin-top: 5px;
}


.new .schedule #article h4 {
    font-family: acumin-pro-wide, source-han-sans-japanese, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 38px;
    padding: 0 0 0 10px !important;
}


.new .schedule #article h4 span {
    font-size: 24px;
    vertical-align: baseline;
    display: inline-block;
    padding: 0 3px;
}

.schedule #main {
    background: url(../../game/img/pt_schedule.gif) 0 0 no-repeat;
}

.schedule #calender-all .team {
    font-size: 14px;
    font-weight: bold;
    line-height: 1.5;
}

.schedule #pocketcal {
    background: url(../../game/schedule/img/bg_pocketcal.gif) no-repeat top center;
    height: 54px;
    margin-top: 30px;
}

.schedule #pocketcal p.bnr {
    margin: 0 0 0 460px;
    padding-top: 7px;
}

/* List
--------------------------------------- */
.schedule #calender-list-cont table{
  width:100%;
  font-size:14px;
}
.schedule #calender-list-cont tbody th,
.schedule #calender-list-cont tbody td{
  border-bottom:solid 1px #fff;
  padding:12px 8px;
}
.schedule #calender-list-cont thead th{
  color:#fff;
  background:#555;
  border-right:solid 1px #fff;
  padding:5px;
  text-align:center;
}
.schedule #calender-list-cont thead th:last-of-type{
  border-right:none;
}
.schedule #calender-list-cont tbody tr:nth-child(even) td{
  background:#e8e8e8;
}
.schedule #calender-list-cont tbody th{
  background:#dcdcdc;
  width:30px;
  text-align:center;
  font-weight:normal;
}
.schedule #calender-list-cont tbody td{
  border-right:solid 1px #fff;
  background:#f0f0f0;
  word-break:break-word
}
.schedule #calender-list-cont tbody td:last-of-type{
  border-right:none;
}
.schedule #calender-list-cont td.match_info ul{
  width:360px;
  max-width:360px;
  display:flex;
  align-items:center;
  font-size:13px;
}
.schedule #calender-list-cont td.match_info .time{
  width:50px;
}
.schedule #calender-list-cont td.match_info .place{
  width:100px;
}
.schedule #calender-list-cont td.match_info .cat{
  text-align:center;
  color:#d71518;
  width:15px;
  margin-left:5px;
}
.schedule #calender-list-cont td.match_info .card{
  margin:0 10px 0 5px;
  width:55px;
}
.schedule #calender-list-cont td.match_info .card.nologo{
  font-size:10px;
}
.schedule #calender-list-cont td.match_info .card img{
  width:55px;
  height:auto;
}
.schedule #calender-list-cont td.match_info .detail{
  width:120px;
  font-size:10px;
}
.schedule #calender-list-cont td.match_info .detail strong{
  font-size:15px;
  display:block;
}
.schedule #calender-list-cont td.spo_eve{
  font-size:12px;
  min-width:240px;
}
.schedule #calender-list-cont td.spo_eve .sponsor{
  display:table;
  line-height:1.2;
}
.schedule #calender-list-cont td.spo_eve .sponsor dt,
.schedule #calender-list-cont td.spo_eve .sponsor dd{
  display:table-cell;
}
.schedule #calender-list-cont td.spo_eve .sponsor dt{
  line-height:1.2;
  font-weight:bold;
  white-space: nowrap;
}
.schedule #calender-list-cont td.spo_eve .sponsor dt span{
  display:block;
  padding-right:8px;
  border-right:solid 1px #000;
}
.schedule #calender-list-cont td.spo_eve .sponsor dd{
  padding-left:8px;
}
.schedule #calender-list-cont td.spo_eve .eve_list{
  width:240px;
}
.schedule #calender-list-cont td.spo_eve .sponsor + .eve_link,
.schedule #calender-list-cont td.spo_eve .eve_link + .eve_list,
.schedule #calender-list-cont td.spo_eve .sponsor + .eve_list{
  margin-top:10px;
}
.schedule #calender-list-cont td.spo_eve .eve_link a{
  display:inline-block;
  border-radius:9999px;
  background:#fff;
  color:#0066cc;
  border:solid 1px #0066cc;
  padding:2px 10px;
  font-weight:bold;
  transition:all .3s;
}
.schedule #calender-list-cont td.spo_eve .eve_link a:hover{
  text-decoration:none;
  background:#0066CC;
  border-color:#fff;
  color:#fff;
}
.schedule #calender-list-cont td.other_links{
  width:55px;
  text-align:center;
  padding:5px;
}
.schedule #calender-list-cont td.other_links a{
  color:#000;
}
.schedule #calender-list-cont td.other_links a span{
  display:block;
  font-size:10px;
  text-align:center;
}