@charset "utf-8";
/*----------------------------------------
senbatsu2019.css
2019.01
----------------------------------------*/
header#top {}
header#top .header-box{ margin:0 auto; background: none;}
header#top .header-box .tool{ margin:-60px auto 10px;}
header#top .main-navi .senbatsu-globalnavi li:hover {background: none;}
.game-archive .box-score .tool,
#main .header-box .tool {display:none;}

/* ロゴ */
.senbatsu-globalnavi .logo-live a {width:180px;height:44px; text-indent: -9999px; background: url("/vol1/images/pc/sports/senbatsu/logo_live2018.svg")  50% 50% / 180px no-repeat !important; }

/* メニューアイコン */
.senbatsu-navi li a {background: url()  top center no-repeat; background-size: auto 32px !important }
.senbatsu-navi li.senbatsu-navi-news a{background-image: url("/vol1/images/pc/sports/senbatsu/2017/Icon_News.png"); }
.senbatsu-navi li.senbatsu-navi-photo a{background-image: url("/vol1/images/pc/sports/senbatsu/2017/Icon_Photonews.png"); }
.senbatsu-navi li.senbatsu-navi-live a{background-image: url("/vol1/images/pc/sports/senbatsu/2017/Icon_Movie.png"); }
.senbatsu-navi li.senbatsu-navi-column a{background-image: url("/vol1/images/pc/sports/senbatsu/2017/Icon_Column.png"); }
.senbatsu-navi li.senbatsu-navi-schedule a{background-image: url("/vol1/images/pc/sports/senbatsu/2017/Icon_Schedule.png"); }
.senbatsu-navi li.senbatsu-navi-tournament a{background-image: url("/vol1/images/pc/sports/senbatsu/2017/Icon_Number.png"); }
.senbatsu-navi li.senbatsu-navi-school a{background-image: url("/vol1/images/pc/sports/senbatsu/2017/Icon_Team.png"); }
.senbatsu-navi li.senbatsu-navi-movie a{background-image: url("/vol1/images/pc/sports/senbatsu/2017/Icon_MovieList.png"); }
.senbatsu-navi .logo {width:340px; }


/*トップページ  調整
----------------------------------------*/

.btn-gray { margin: 12px 0 30px;}
.btn-gray a { color: #2a2a2a; font-size:14px; text-align: center; display: block; padding: 6px 6px 6px 18px; background: url(/vol1/images/pc/icon-arrow_gr.svg) no-repeat right 5px top 6px #CCC; border: 1px solid #ececec; border-radius: 3px; }
.btn-gray a:hover {background-color:#f4f4f4; text-decoration:none; }


/* ライブ・今日の試合動画リスト（schedule-typeA）
----------------------------------------*/

.game-card .card-body{border-radius: 0 0 7px 7px; border:1px solid #CCC; border-top:0; min-height:60px; }
.card-left,
.card-right,
.card-center {display: inline-block; }
.game-card .card-left{float: left; width: 35%; }
.game-card .card-right{float: right; width: 35%; }
.game-card .card-center{width:30%; padding-top:4px; }

.game-card .team-name,
.game-card .team-pref,
.game-card .game-status,
.game-card .game-number,
.game-card .game-date {display:block; text-align: center; }
.game-card .team-name {font-size: 16px; color: #1976AA; padding-top:10px; }

.game-card .team-name.top {font-size: 16px; }
.game-card .team-pref {font-size: 14px; color: #999; }
.game-card .game-status {font-size: 20px; color: #1976AA; line-height: 140%; }
.game-card .bdr {margin:0 auto; width:60px; height: 3px; display: block; border-top:1px solid #DBDBDB; }
.game-card .game-number {font-size: 14px; color: #333; line-height: 150%; color:#2A2A2A; }
.game-card .game-number.bdr {border-top:1px solid #DBDBDB; padding-top:1px; }
.game-card .game-number.top {font-size: 16px; }
.game-card .game-date {font-size: 10px; color: #999; }

/*黒背景*/
.top-current .team-name,
.top-current .team-pref,
.top-current .game-status,
.top-current .game-number,
.top-current .game-date {color:#FFF; }
.top-current .team-name {font-size:20px; }
.top-current .game-status {font-size:28px; }
.top-current .game-date,
.top-current .team-pref {font-size:12px; }


/* 日程・結果（schedule-typeB）
----------------------------------------*/
.schedule-typeB .game-card {min-height:60px;}
#main .schedule-typeB { width:90%; margin:1em auto;}
#main .schedule-typeB .game-card {
    /*width:60%; 動画サムネイル表示*/
    width:100%; /*動画サムネイル非表示*/
    float:left;
}
#main .schedule-typeB .game-info {display:inline-block;width:40%;}
.schedule-typeB li {width:100%;border-radius:8px;border-collapse:separate;overflow:hidden;margin:0 auto 5px;}
.schedule-typeB li > a , .schedule-typeB li > span {display:block;}
.schedule-typeB li > a:hover {text-decoration:none;}

.home .schedule-typeB li {float:left; margin:0 12px 12px 0; background: #FFF; }
.home .schedule-typeB li:last-child {margin:0;}
.home .schedule-typeB.list4 li {width:49%;}
.home .schedule-typeB.list4 li:nth-child(2) {margin:0;}
.home .schedule-typeB.list3 li {width:32%;}
.home .schedule-typeB.list2 {width:75%; margin:auto;}
.home .schedule-typeB.list2 li {width:49%;}
.home .schedule-typeB.list1 {width:50%; margin:auto;}
.home .schedule-typeB.list1 li {width:100%;}

.main .schedule-typeB .game-end {background:#058baf;}
.main .schedule-typeB .game-live { background:#1976aa;}
.main .schedule-typeB .game-pre { background:#445f78;}
.main .schedule-typeB li * {color:#FFF;}

.schedule-typeB .game-end .card-head {background:#058baf;}
.schedule-typeB .game-live .card-head { background:#1976aa;}
.schedule-typeB .game-pre .card-head { background:#445f78;}
.schedule-typeB .game-pre .game-status {font-size:18px;padding-top:0;}
.schedule-typeB .game-card .game-number,
.schedule-typeB .game-card .game-date { color:#FFF;}
.schedule-typeB .game-card .team-name {padding-top:7px;}
.schedule-typeB .game-card .game-number.bdr {border-top:1px solid #FFF;}
.schedule-typeB .game-card .game-number { padding:8px;}
.schedule-typeB li > a:hover .game-info {background-color: rgba(255, 255, 255, 0.1);}

.game-num {font-size:74%; opacity:0.9;}
.game-status span {display:inline-block;padding:2px;width:4em;background:#FFF; font-size:74%; border-radius:4px;color:#445f78;}
.game-live .game-status span {color:#1976aa;font-weight:bold;}
.game-info {background-color:rgba(255,255,255,0.2);color:#FFF;font-size:87%;min-height:60px; padding:10px; position: relative;}
.game-info img {max-width:120px; vertical-align:middle; position: absolute; top:0; left:0;}
.game-info a {margin-left:10px;}
.game-info a:first-child {margin-bottom:5px;}
.game-pre .game-info {background-color:rgba(255,255,255,0.9);color:#333;padding-top:12px;}
.game-schedule .game-info span {margin:10px 10px auto 120px; display: inline-block;}
.game-schedule .game-info span.game-info-text {margin:10px 10px auto 120px;}

/* スコアボード */
.game-data .score-book table {border:none;}
.game-data .score-book th {background-color: #333; color:#eee; border-color: #333; }
.scoreboard > div {background: #002825; overflow: auto; overflow-y:hidden;}
.scoreboard th, .scoreboard td {border-left-color: #303835;}

/* 2018年用 */
.header-main .container ul,
.senbatsu-navi .container .logo,
.senbatsu-navi-sns {display:none;}

.senbatsu-graph {margin-top:24px;}

#top .main-navi {background: none;}
#top .main-navi .senbatsu-globalnavi { float:none; width:60%; position:absolute; top:-44px; right:0;}
#top .main-navi .senbatsu-globalnavi a,
#top .senbatsu-navi li a {color:#0D5152!important;}
#top .main-navi .senbatsu-globalnavi .gaiyo a:hover {background:none;}
#top .main-navi .senbatsu-globalnavi .gaiyo:last-child a { border-left: 0;}
#top .senbatsu-navi .container { text-align: center;}
#top .senbatsu-navi ul {margin:0; padding: 12px 0 0; float:none; display: inline-block; position: relative; z-index: 100;}
#top .senbatsu-navi li {width:80px;}
.top-section {padding:24px;}
.ttl-section {text-align: center; margin-bottom:12px;}
.home .bnr-link li {width:260px; float:left; margin-right:8px;}

.list-typeG {display: flex;}
.list-typeG li {padding: 0;margin: 0 12px 12px 0;max-width: 249px;}
.list-typeG > li:nth-child(4n){margin: 0 0 12px 0;}
.list-typeG .img{box-sizing: border-box;width: 249px;height: 167px;position: relative;}
.list-typeG > li img{max-width: 247px; max-height: 165px;}
.list-typeG > li img.horizontal-photo{max-width: 247px; max-height: 165px;position:absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;}

.recommend .list-typeG li {width: 189px;padding: 0 6px;margin: 0 0 12px;}
.recommend .list-typeG .img {width: 177px;height: 120px;}
.recommend .list-typeG > li:nth-child(4n){margin: 0 0 12px;}
.recommend .list-typeG > li img.horizontal-photo {width: 175px;}
.recommend .list-typeG .img p {height: 118px;}

.list-typeG .midashi {font-size:14px; padding-bottom:8px; display: inline-block; max-width:249px;}
.list-typeG a:hover .thumb img{opacity: 0.7;}

.game-text-box { height:425px; color:#CCC; padding:24px; position: relative; background:#222; border:1px solid #333; background-attachment:fixed; background: linear-gradient(to bottom, #000 0, #222 10%, #222 80%, #000 100%); }
.game-text-box h1 {text-indent: 0;}
.game-text-box p.inning {color:#FFF; text-indent: -0.1em; margin-top:2.5em; }
#live .game-text-box { width:auto; margin:0 0 24px;}

.tweet-box {height:390px; background:none; padding:0; border-bottom:0;}
.box-score .reload {top:12px; z-index: 10;}

.list-video { margin:0; padding:8px;}
.list-video li {float:left; width:25%; font-size:12px; opacity: 0.7; margin-bottom:12px;}
.list-video li:nth-child(4n+1) {clear:both;}
.list-video li:hover { cursor:pointer; opacity: 1;}
.list-video li img {float:left; width:100%; border:1px solid #2a2a2a; }
.list-video li .midashi { display:inline-block; padding:5px 10px; color:#eee;}
.list-video li .text { display:inline-block; padding:6px;color:#eee;}
.list-video .on {opacity: 1;}
.list-video .on img {border:1px solid #EEE;}
.list-video.more {display:none;}

.nav-video {border-bottom: 3px solid #333;}
.nav-video li {width:20%; float:left; margin-right: 2px;}
.nav-video li a { color:#FFF; display: block; text-align: center; padding:12px; background: rgba(255,255,255,0.1); border-radius: 8px 8px 0 0;}
.nav-video .active a,
.nav-video li a:hover { text-decoration: none; background: rgba(255,255,255,0.2); padding-top:20px; margin-top:-8px;}

.top-current,
.game-archive,
.back-bk0 {background-color: #0A3D36;}
.back-bk0 {padding-top:24px; padding-bottom: 24px;}
.back-bk1 {background-color: #025B53;}
.back-bk2 {background-color: #EEE;}

.if-container-left {float:left;width:756px;padding-top:430px;margin-right:24px;}
.if-container-right {float:right;width:300px;}

.if-container-left .box-score {padding:12px 0;}
.if-container-left .scoreboard > div {width:745px; margin:0 0 12px;}

#menu-video ul {position: relative; border: none; overflow: auto; -webkit-overflow-scrolling: touch; }
#menu-video ul li {float: none; display: table-cell; vertical-align: top;}
#menu-video ul li img {width:200px;}

/* 試合速報 プレイヤー下　動画リスト */
.game-archive .top-section {padding:0 0 0 12px; position: relative;}
.game-archive .top-section .list-typeG { overflow:auto; margin:0; overflow-y:hidden;}
.game-archive .top-section .list-typeG li { display: table-cell; float:none; width:240px;}
.game-archive .top-section .list-typeG li:last-child {position: relative; padding-right:24px;}
.game-archive .top-section .list-typeG li:last-child:after {content:''; display:block; height:100%; position:absolute; top:0; right:0; width:24px; background: #0A3D36; z-index:100;}
.game-archive .top-section .scroll_info { color:#FFF; position:absolute;height:100%;width:24px;padding-top:12px;top:0;right:0;background:rgba(0,0,0,0.4); font-size:12px; text-align: center;}

/* braitcove 動画プレイヤー */
#player{position:absolute}
#playerbox{width:756px;height:425px; margin:0 auto 24px;}
#playerWrapper {display: block; position: relative; max-width: 100%;}
#playerWrapper > div {padding-top: 56.25%;}
#bcplayer {width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; right: 0px; left: 0px;}


/* =========== 以下、2019年TOP用 =========== */

.back-bk0 .game-text-box { height:290px; padding:24px 24px 24px 336px; background: #2A2A2A; }
.back-bk0 .game-text-box h1 {font-weight: bold; color: #FFF;}
#live.back-bk0 .game-text-box { width:100%;}

/* スコアボード */
.bg-green {background: #025b53; padding: 30px 24px; position: relative; height: 228px;}
.back-bk0 .scoreboard > div { margin: 0 0 0 300px; position: absolute; right: 24px; bottom: 30px;}
.back-bk0 .box-score {color:#FFF; font-weight: bold; padding: 0 0 10px 300px;}
.back-bk0 .box-score p.box-score-label.live {background: #d0021b; display: inline-block; font-size: 12px; font-style: normal; line-height: 1; padding: 6px; border-radius: 2px;}

/* braitcove 動画プレイヤー */
.back-bk0 #player{top: 40px; left: 28px;}
.back-bk0 #playerbox{width:268px;height:150px; margin: 0; padding:0;}

/* 試合前お知らせ欄 */
.box-gry {padding: 30px 30px 30px 22px; max-width:1080px; margin: 8px auto 40px; background: #EEE; border-color: #EEE; }
.box-gry::after {clear: both; content: "";}
.box-gry .playerbox,
.box-gry .imgbox {display: block; width: 400px; height: 225px; background: #CCC; float: left; margin-right: 25px;}
.box-gry h2 {font-weight: bold; color: #242424; margin: 0 0 30px;}
.box-gry div {line-height: 1.4; color: #292929;}
.box-gry .imgbox {overflow: hidden; text-align: center; position: relative; background-position: center; background-size: cover;}

/* テキスト速報内の広告 */
/* .ad_inflash {position: absolute; width: 300px; height: 240px; background: #d8d8d8; top: 246px; left: 12px;} */
.ad_inflash {position: absolute; width: 266px; height: auto; top: 260px; left: 28px;}
.ad_inflash a img {width:100%; height:auto; }

/* share(sns) */
#tools {position:absolute;right:24px;top:24px;}
#tools ul.tool {visibility:inherit;}
#tools ul.tool li {float:left;width:40px;margin:0 6px 0 0;}
#tools ul.tool li a {display:block;width:2pc;height:2pc;background-color:#838e93;background-repeat:no-repeat;border-radius:50%;text-indent:-9999em;background-size:2pc auto;margin:0 auto;}
#tools ul.tool li.btn-sns a.count,
#tools ul.tool li.btn-sns span.count {display:block;width:40px;height:auto;background:transparent;font-size:8px;text-indent:0;text-align:center;border-radius:0;color:#838e93;}
#tools ul.tool li.gp a:hover {background-color:#dc4e41;}
#tools ul.tool li.fb a:hover {background-color:#3c5998;}
#tools ul.tool li.tw a:hover {background-color:#55acee;}
#tools ul.tool li.tw a.count,
#tools ul.tool li.tw span.count {width:auto;margin:0 0 0 -4px;}
#tools ul.tool li.hb a:hover {background-color:#00a4de;}
#tools li.btn-sns a.count {line-height:1.5;}
#tools ul.tool li.btn-sns a.count:hover {background:transparent;}
#tools ul.tool li.btn-sns a.count,
#tools ul.tool li.btn-sns span.count {padding:1px 0;font-size:10px;}

/*写真特集*/
#main .newslist .list-typeB li.col3 .thumb{position: relative;background: #f8f8f8;border: 1px solid #ececec;width: 239px;height: 160px;}
.list-typeB .col3 .thumb img{position:absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;}


/* END */