@charset "UTF-8";
@import url("common.css");
@import url("/js/slick/slick.css");
@import url("/js/slick/slick-theme.css");


/*===================== COMMON ===================== */
dl,dt,dd { margin: 0; padding: 0; }
table,td,th { border-spacing: 0px; border: none; padding: 0; border-collapse: collapse; }
ul,li { list-style: none; margin: 0; padding: 0; }
/* clearfix */
#topMain:after,
.topW1040:after,
#topTicket:after,
.ticket-pre .preWrap .pet:after,
#ticketToday .todayMain .pet:after,
#topNews h3.h3-bar:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
#topMain,
.topW1040,
#topTicket,
.ticket-pre .preWrap .pet,
#ticketToday .todayMain .pet,
#topNews h3.h3-bar { min-height: 1px; }
* html #topMain,
* html .topW1040,
* html #topTicket,
* html .ticket-pre .preWrap .pet,
* html #ticketToday .todayMain .pet,
* html #topNews h3.h3-bar {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}


/*===================== BASIC PARTS ===================== */
#main { width: 100%; background-color: transparent; margin-bottom: 0; overflow-x: hidden; }
.topW1040,
#topMain { width: 1040px; margin: 0 auto; position: relative; }
#topMain { background-color: rgba(0,0,0,0.6); }
h3.h3-bar { padding-right: 10px; }
.h3Btn { display:block; float:right; }
.h3Btn a {
  display:block;
  float:left;
  background-color:#0076EC;
  font-size:14px;
  color:#FFF;
  height: 30px;
  line-height:30px;
  padding:0;
  width: 155px;
  text-align: center;
  margin-left:5px;
  border:#0076EC 1px solid;
  box-sizing: border-box;
}
.h3Btn a i { line-height: 30px; vertical-align: bottom; margin-left: 5px; font-size: 16px; }
.h3Btn a:hover { text-decoration:none; background-color: #FFF; color:#0076EC; }


/*===================== HEADLINE ===================== */
#headline { width: 100%; height: 60px; margin: 0; font-size: 20px; overflow: hidden; }
#headline ul,
#headline ul li,
#headline ul li a { width: 100%; line-height: 60px; }
#headline ul li a { display: block; }
#headline ul li a:link,
#headline ul li a:visited { color:#333; }


/*===================== SLIDE ===================== */
#sliderWrap {
  width: 720px;
  height: 480px;
  float: left;
  position: static;
  background: url(/image/dra/logo-dragonsH.svg) no-repeat center 20%;
  background-size: 50% auto;
}
#sliderWrap ul { padding: 0; margin: 0; }
#sliderWrap ul li { position: relative; height: 480px; }
#sliderWrap ul li a {
  display: block;
  position: relative;
  margin-left: 27px;
  margin-right: 27px;
  margin-bottom: 30px;
  height: 450px;
  z-index: 1000;
}
#sliderWrap ul li img { position: absolute; top: 0; left: 0; }
#sliderWrap img { display: block; width: 720px; height: 480px; }
#sliderWrap .colInner {
  position: absolute;
  bottom: 0;
  width: 680px;
  height: 110px;
  padding: 0 20px 0;
  color: #FFF;
  background: rgba(0,17,40,0.6);
  z-index: 1000;
}
#sliderWrap .colInner h3 { font-size: 20px; color: #FFF; font-weight: bold; background:none; border:none; padding: 15px 0 0; margin-bottom: 10px; }
#sliderWrap .colInner p { line-height: 1.4; font-size: 13px; margin: 0; padding: 0; }
.bx-wrapper { position: relative; margin: 0 auto; padding: 0; *zoom: 1; }
.bx-wrapper { height: 480px; position: relative; }
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto { position: absolute; bottom: 0; width: 100%; }
.bx-wrapper .bx-pager { text-align: center; padding: 5px 0; z-index: 100; }
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; }
.bx-wrapper .bx-pager.bx-default-pager a { background: #CCC; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; }
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active { background: #0CF; }
.bx-wrapper .bx-prev { left: 0; background: url(/image/dra/top_slide_controls.png) no-repeat 0 0; }
.bx-wrapper .bx-next { right: 0; background: url(/image/dra/top_slide_controls.png) no-repeat -27px 0; }
.bx-wrapper .bx-prev:hover { background-position: -54px 0; }
.bx-wrapper .bx-next:hover { background-position: -81px 0; }
.bx-wrapper .bx-controls-direction a { position: absolute; top: 193px; outline: 0; width: 27px; height: 95px; text-indent: -9999px; z-index: 9999; }
.bx-wrapper .bx-controls-direction a.disabled { display: none; }


/* ===================== 試合速報＆予告先発 ===================== */
#topGameLive { float: left; width: 300px; padding: 10px 10px 0; }
.gameLive,
.gameStarter {
  margin-bottom: 10px;
  background-color: rgba(59,60,62,0.9);
  border:#003478 2px solid;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.gameLive .liveHead { height: 74px; padding-top: 8px; text-align: center; position: relative; }
.gameLive .liveHead:after {
  content: ""; display: block; width: 100%; height: 2px; position: absolute; bottom: 0;
  background: linear-gradient(left, #002453 0%, #003F93 25%, #0670FF 50%, #003F93 75%, #002453 100%);
  background: -webkit-linear-gradient(left, #002453 0%, #003F93 25%, #0670FF 50%, #003F93 75%, #002453 100%);
  background: -moz-linear-gradient(left, #002453 0%, #003F93 25%, #0670FF 50%, #003F93 75%, #002453 100%);
  background: -o-linear-gradient(left, #002453 0%, #003F93 25%, #0670FF 50%, #003F93 75%, #002453 100%);
  background: -ms-linear-gradient(left, #002453 0%, #003F93 25%, #0670FF 50%, #003F93 75%, #002453 100%);
}
.gameLive .liveHead h2,
.gameStarter h2 {
  margin-bottom: 0;
  border:none;
  padding: 0;
  min-height: auto;
  font-size: 16px;
  color: #FFF;
  line-height: 1.2;
  background-color: transparent;
  margin-bottom: 5px;
}
.gameLive .liveHead p { color: #FFF; }
.gameLive a { display: block; padding-top: 10px; }
.gameLive a:hover { text-decoration: none; background-color: rgba(255,255,255,0.1); }
.gameLive table.scoreArea { width: auto; text-align: center; margin: 0 auto; color:#AEAEAE; font-size: 12px; }
.gameLive table.scoreArea .status {
  display: inline-block; background-color:#747474; padding:1px 12px 2px; color: #FFF; font-size: 12px; line-height: 1.8;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
}
.gameLive table.scoreArea tr.pet td { padding-top: 5px; width: 80px; }
.gameLive table.scoreArea tr.pet td:nth-of-type(2) {font-size: 28px; font-weight:bold;}
.gameLive table.scoreArea tr.score td { font-size: 36px; font-weight: bold; color: #FFF; height: 60px; }
/* 予告先発 */
.gameStarter { color: #FFF; margin-bottom: 0; }
.gameStarter h2 { line-height: 35px; height: 37px; position: relative; }
.gameStarter h2 span { font-size: 12px; color: #AEAEAE; padding-left: 10px; }
.gameStarter h2:before { content: ""; display: inline-block; width: 10px; }
.gameStarter h2:after {
  content: ""; display: block; width: 100%; height: 2px; position: absolute; bottom: 0;
  background: linear-gradient(left, #002453 0%, #003F93 25%, #0670FF 50%, #003F93 75%, #002453 100%);
  background: -webkit-linear-gradient(left, #002453 0%, #003F93 25%, #0670FF 50%, #003F93 75%, #002453 100%);
  background: -moz-linear-gradient(left, #002453 0%, #003F93 25%, #0670FF 50%, #003F93 75%, #002453 100%);
  background: -o-linear-gradient(left, #002453 0%, #003F93 25%, #0670FF 50%, #003F93 75%, #002453 100%);
  background: -ms-linear-gradient(left, #002453 0%, #003F93 25%, #0670FF 50%, #003F93 75%, #002453 100%);
}
.gameStarter .starterInfo { padding:8px 10px; }
.gameStarter table.starter { width: 100%; }
.gameStarter table.starter td { vertical-align: middle; border-top: #000 1px solid; text-align: left; }
.gameStarter table.starter td:nth-child(odd) { padding: 10px 5px 10px 10px; width: 20%;}
.gameStarter table.starter td:nth-child(even) { width: 30%; }
.gameStarter table.starter td:nth-child(even) img { vertical-align: middle; margin:0 5px 5px 0; }
.gameStarter table.starter td:nth-of-type(2) { border-right: #000 1px solid; }


/* ===================== チケット ===================== */
/* 前売券 */
.ticket-pre { background-color: #FFF; }
.ticket-pre table.pre { width: 100%; }
.ticket-pre table.pre td { vertical-align: top; border-right: #C3C3C3 1px solid; padding: 20px; }
.ticket-pre .preWrap {
  min-height: 160px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.ticket-pre .preWrap > div { width: 100px; margin-right: 20px; }
.ticket-pre .preWrap > div:last-child { margin-right: 0; }
.ticket-pre .preWrap .pet { margin-bottom: 5px; font-size: 15px; line-height: 1.3; font-weight: bold; }
.ticket-pre .preWrap .pet a,.ticket-pre .preWrap .pet a:link,.ticket-pre .preWrap .pet a:visited { color: #333; }
.ticket-pre .preWrap .pet a:hover { text-decoration: none; }
.ticket-pre .preWrap .pet img { float: left; margin-right: 5px; }
.ticket-pre .preWrap *[class^="seasonalityBg"],
.ticket-pre .preWrap .logo { margin-bottom: 5px; }
.ticket-pre .preWrap *[class^="button-"] > a { padding: 5px; }
.ticket-pre table.pre table.playguide { border:#CCC 1px solid; box-sizing: border-box; min-width: 340px; margin: 10px auto 0; }
.ticket-pre table.pre table.playguide th { background-color: #EEE; font-size: 12px; line-height: 1.1; vertical-align: middle; width: 100px; }
.ticket-pre table.pre table.playguide td {
  padding:5px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  border:none;
}
.ticket-pre table.pre table.playguide td a,
.ticket-pre table.pre table.playguide td img { display: block; width: 35px; height: 35px; }
.ticket-pre table.pre td.pre-guide { border-right: none; padding: 10px; text-align: left; vertical-align: middle; }
.ticket-pre table.pre td.pre-guide a {
  display: block;
  box-sizing: border-box;
  font-size: 12px;
  color: #003377;
  border:#003377 1px solid;
  background-color: #E1EEFF;
  margin-bottom: 10px;
  height: 30px;
  padding: 0;
  line-height: 30px;
  overflow: hidden;
}
.ticket-pre table.pre td.pre-guide a i { display: inline-block; width: 34px; height: 30px; background-color: #FFF; text-align: center; line-height: 30px; vertical-align: bottom; margin-right: 5px; }
.ticket-pre table.pre td.pre-guide a:hover { background-color: #FFF; text-decoration: none; }
/* 当日券 */
#ticketToday { padding:15px 50px; }
#ticketToday .todayMain,
#ticketToday .todayOther { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; }
/* 当日券 試合情報 */
#ticketToday .todayMain { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 10px; }
#ticketToday .todayMain .pet {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right:0;
  font-size: 30px;
  font-weight: bold;
  text-align: center;
}
#ticketToday .todayMain .pet img { float: left; margin-right: 10px; }
#ticketToday .todayMain .pet span { font-size: 17px; }
#ticketToday .todayMain .cat { width: 10%; margin-right: 10px; text-align: center; }
#ticketToday .todayMain .cat span { font-size: 12px; padding-right: 5px; }
#ticketToday .todayMain .cat *[class^="seasonalityBg"] { margin-bottom: 10px; }
#ticketToday .todayMain table { width: 38%; margin-right: 10px; border-spacing: 3px; border-collapse: separate; }
#ticketToday .todayMain table th,
#ticketToday .todayMain table td { border:#EEE 1px solid; }
#ticketToday .todayMain table th { background-color: #EEE; width: 16px; padding: 0 7px; }
#ticketToday .todayMain table td { text-align: left; padding-left: 5px; }
#ticketToday .todayMain table td:nth-child(1) { width: 25%; }
#ticketToday .todayBtn { width: 30%; }
#ticketToday .todayBtn a {
  display: block;
  box-sizing: border-box;
  color: #FFF;
  border-width:1px;
  border-style: solid;
  margin-bottom: 4px;
  height: 34px;
  line-height: 34px;
  overflow: hidden;
}
#ticketToday .todayBtn a:nth-child(1) { border-color: #013478; background-color: #013478; }
#ticketToday .todayBtn a:nth-child(2) { border-color: #0E69BC; background-color: #0E69BC; }
#ticketToday .todayBtn a:nth-child(3) { border-color: #3A4DAF; background-color: #3A4DAF; }
#ticketToday .todayBtn a:hover { background-color: #FFF; text-decoration: none; }
#ticketToday .todayBtn a:nth-child(1):hover { color: #013478; }
#ticketToday .todayBtn a:nth-child(2):hover { color: #0E69BC; }
#ticketToday .todayBtn a:nth-child(3):hover { color: #3A4DAF; }
#ticketToday .todayBtn a i { display: inline-block; width: 50px; height: 34px; background-color: #FFF; text-align: center; line-height: 34px; vertical-align: bottom; margin-right: 10px; font-size: 24px; position: relative; }
#ticketToday .todayBtn a i.material-icons { font-size: 240%; }
#ticketToday .slick-slide .todayBtn a i img { max-width: 48px; max-height: 32px; display: block; position: absolute; margin:auto; top:0; bottom:0; left:0; right:0; }
#ticketToday .todayBtn a:nth-child(1) i { color: #013478; }
#ticketToday .todayBtn a:nth-child(2) i { color: #0E69BC; }
#ticketToday .todayBtn a:nth-child(3) i { color: #3A4DAF; }
/* 当日券 チケットガイド */
#ticketToday .todayOther { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; }
#ticketToday .todayOther > div { color: #333; margin-right: 2%; min-width: 23.4%; line-height: 1.4; text-align: center; }
#ticketToday .todayOther > div:last-child { margin-right: 0; }
#ticketToday .todayOther > div p { font-size: 16px; }
#ticketToday .todayOther > div p span { font-size: 14px; }
#ticketToday .todayOther .otherArea {
  box-sizing: border-box;
  border:#e1eefe 2px solid;
  background-color: #f0f6ff;
  padding: 10px 7px;
  font-size: 12px;
}
#ticketToday .todayOther .draticket a {
  display: block;
  box-sizing: border-box;
  color: #333;
  border:#d7f4fe 2px solid;
  background-color: #f1fbff;
  overflow: hidden;
  text-align: center;
  padding: 10px;
  height: 100%;
}
#ticketToday .todayOther .draticket a img { display: inline-block; }
#ticketToday .todayOther .draticket a:hover { text-decoration: none; border-color: #00A7E3; }
#ticketToday .todayOther .otherArea.fc p { font-size: 14px; }
#ticketToday .todayOther .otherArea.fc p span { font-size: 16px; font-weight: bold; }
/* 当日券 2日目以降 */
#ticketToday .todayOther.next > div { color: #333; margin-right: 2%; min-width: 46.8%; line-height: 1.4; text-align: center; }
#ticketToday .todayOther.next .draticket a { padding: 0; font-size: 22px; line-height: 40px; padding: 5px 0; color: #01A7E3; }
#ticketToday .todayOther.next .draticket a img { vertical-align: bottom; }
#ticketToday .todayOther .otherArea.next {
  border:none;
  background-color: transparent;
  padding: 0;
  font-size: 20px;
}
#ticketToday .todayOther .otherArea.next a {
  display: block;
  box-sizing: border-box;
  border:#e1eefe 2px solid;
  background-color: #f0f6ff;
  height: 100%;
  padding: 5px 0;
  line-height: 40px;
}
#ticketToday .todayOther .otherArea.next a i { vertical-align: text-bottom; margin-right: 10px; }
#ticketToday .todayOther .otherArea.next a:hover { text-decoration: none; border-color: #003377; }
/* 当日券 SLICK */
.slick-prev { left: 0; }
.slick-next { right: 0; }
.slick-prev,
.slick-next { width: 40px; height: 40px; }
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before { opacity: 0; }
.slick-prev:before,
.slick-next:before { font-size: 40px; color: #577DB0; opacity: 1; }


/* ===================== トピックス ===================== */
#topTopics { float: left; width: 720px; margin-bottom: 20px; }
#topTopics h3.h3-bar { padding: 5px 2px 5px 15px; }
#topTopics ul li,
#topTopics ul li a:not(.btn) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 3em;
}
#topTopics ul li { border-bottom:#DDD 1px solid; }
#offTopics a:not(.btn),
#topTopics ul li a:not(.btn) { width: 100%; color: #333; }
.topicsInner { font-size: 14px; margin: 10px 0; }
.topicsInner h4,#topTopics ul li a .topicsInner h4 { font-size: 16px; color: #0066AA; }
.topicsImg { margin-left: 20px; }
#topTopics ul li a:hover,
#offTopics a:hover { text-decoration: none; }


/* ===================== ドラゴンズニュース ===================== */
#topNews { width: 720px; float: left; }
#topNews h3.h3-bar { padding: 5px 10px 5px 15px; }
#topNews h3.h3-bar a {
  display: block;
  float: right;
  background-color: #0076EC;
  border:#0076EC 1px solid;
  color: #FFF;
  box-sizing: border-box;
  font-size: 12px;
  line-height: 24px;
  margin-top: 2px;
  padding: 0 5px 0 8px;
}
#topNews h3.h3-bar a i { margin-left: 8px; }
#topNews h3.h3-bar a:hover { text-decoration: none; background-color: #FFF; border:#0076EC 1px solid; color: #0076EC; }
#topNews li {
  border-bottom:#DDD 1px solid;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 48px;
  padding: 12px 10px 12px 0;
  box-sizing: border-box;
}
#topNews li:before { font-size: 10px; color: #FFF; line-height: 20px; display: inline-block; margin-right: 10px; width: 54px; text-align: center; }
#topNews li.release:before { content:"RELEASE"; background-color: #666; letter-spacing: -1px; }
#topNews li.team:before { content:"TEAM"; background-color: #00205B; }
#topNews li.ticket:before { content:"TICKET"; background-color:#FF0000; }
#topNews li.event:before { content:"EVENT"; background-color:#FF9900; }
#topNews li.farm:before { content:"FARM"; background-color:#006666; }
#topNews li.goods:before { content:"GOODS"; background-color:#3300CC; }
#topNews li.dome:before { content:"DOME"; background-color:#66CC66; }
#topNews li.campaign:before { content:"CAMPAIGN"; background-color:#FF99CC; letter-spacing: -1px; }
#topNews li.fanclub:before { content:"FANCLUB"; background-color:#00CCFF; letter-spacing: -1px; }
#topNews li span { width: 13%; }
/* Tiny Scrollbar */
#newsScroll { width: 720px; }
#newsScroll .viewport { width: 97.9%; height: 535px; overflow: hidden; position: relative; }
#newsScroll .overview {width: 100%; list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
#newsScroll .scrollbar { background: transparent url(/image/dra/scrollBg.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 15px; }
#newsScroll .track { background: transparent url(/image/dra/scrollBg.png) no-repeat 0 100%; height: 100%; width: 13px; position: relative; padding: 0 1px; }
#newsScroll .thumb { background: transparent url(/image/dra/scroll.png) no-repeat 50% 100%; height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; }
#newsScroll .thumb .end { background: transparent url(/image/dra/scroll.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px; }
#newsScroll .disable { display: none; }
#newsScroll .noSelect { -ms-user-select: none; user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }
#newsScroll #newsScroll li { overflow: hidden; }
#newsScroll #newsScroll li a { width: 361px; }


/* ===================== 右バナー ===================== */
#rBnr { width: 300px; float: right; }
#rBnr a { display: block; margin-bottom:10px; }
#rFanclub { background: url(/image/dra/2019/top-right-fanclubBg.jpg) no-repeat; width: 300px; height: 260px; box-sizing: border-box; }
#rFanclub a.fanclublink { display: block; width: 100%; height: 132px; text-indent: -99999px; overflow: hidden; }
#rFanclub .button,
#rFanclub .button a { font-size: 16px; color: #003377; font-weight: bold; line-height: 40px; }
#rFanclub div > a { margin-bottom: 0; padding:2px 0; }
#rFanclub div > a img { width: 102px !important; vertical-align: middle; }
#rFanclub div > a:hover { background-color: #003377; color: #FFF; }
#rFanclub .button.line:hover { border-color:#FFF;}

/* ===================== スケジュール ===================== */
#topSchedule { margin-bottom: 30px; }
#topSchedule ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#topSchedule ul li {
  border-top:#E0E0E0 5px solid;
  text-align: center;
  background-color: #FFF;
  margin-right: 0.28%;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding-top: 10px;
}
#topSchedule ul li:last-child { margin-right: 0; }
#topSchedule ul li.liSat { border-top-color: #C1E0FF; }
#topSchedule ul li.liHoli { border-top-color: #FEDDDC; }
#topSchedule ul li a { display: block; padding: 10px 0; color: #333; margin-top: -10px; }
#topSchedule ul li a:hover { text-decoration: none; }
#topSchedule ul li .date { font-weight: bold; font-size: 16px; padding: 0; }
#topSchedule ul li .date span { display: block; margin-bottom: 3px; }
#topSchedule ul li .match { border-top:#CCC 1px solid; margin-top: 10px; padding-top: 10px; font-size: 16px; }
#topSchedule ul li .match img { width: 46px !important; vertical-align: middle; margin: 0 4px; }
#topSchedule ul li .place { margin: 8px 0; }
#topSchedule ul li .ticket { background-color: #00A7E3; color: #FFF; width: 80%; margin: 15px auto 0; line-height: 30px; box-sizing: border-box; border: #00A7E3 2px solid; }
#topSchedule ul li a:hover .ticket { background-color: #FFF; color: #00A7E3; }


/* ===================== ピックアップ ===================== */
#topPickup { margin-bottom: 30px; }
#topPickup ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
#topPickup ul li { width: 32.69%; margin-bottom: 10px; margin-right: 0.96%; background-color: #FFF; border-bottom: #003377 5px solid; }
#topPickup ul li:nth-child(3n) { margin-right: 0; }
#topPickup ul li a { display: block; color: #333; position: relative; }
#topPickup ul li img { width: 100%; }
#topPickup ul li p { margin: 10px; }
#topPickup ul li a:hover { text-decoration: none; }
#topPickup ul li a:hover:after { content: ""; display: block; position: absolute; width: 100%; height: 100%; background-color: rgba(255,255,255,0.3); top: 0; left: 0; }


/* ===================== オフィシャル・パートナー＆スポンサー ===================== */
.sponsor h2 {
  margin: 0 0 10px;
  border-left: none;
  padding: 0;
  min-height: 26px;
  font-size: 24px;
  font-weight: bold;
  line-height: 90px;
  color: #FFF;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center right;
}
.sponsor h2 a { color: #FFF; display: block; }
.sponsor h2 a:before,
.sponsor #gamesponsor h2:before { content: ""; display: inline-block; height: 90px; width: 100px; background-size: auto 90px; background-repeat: no-repeat; vertical-align: bottom; }
.sponsor h2 a:hover { text-decoration: none; }
.sponsor #partner h2 { background-image: url(/image/dra/2019/top-sponsorH2Bg-op.jpg); }
.sponsor #sponsor h2 { background-image: url(/image/dra/2019/top-sponsorH2Bg-os.jpg); }
.sponsor #supporters h2 { background-image: url(/image/dra/2019/top-sponsorH2Bg-bs.jpg); }
.sponsor #gamesponsor h2 { background-image: url(/image/dra/2019/top-sponsorH2Bg-gs.jpg); }
.sponsor #partner h2 a:before { background-image: url(/image/dra/2019/emblem-official-partner.png); }
.sponsor #sponsor h2 a:before { background-image: url(/image/dra/2019/emblem-official-sponsor.png); }
.sponsor #supporters h2 a:before { background-image: url(/image/dra/2019/emblem-business-supporter.png); }
.sponsor #gamesponsor h2:before { background-image: url(/image/dra/2019/emblem-game-sponsor.png); }
.sponsor #partner p.read { margin-bottom: 20px; }
.sponsor ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.sponsor li { text-align: center; margin-bottom: 20px; margin-right: 25px; font-size: 13px; }
.sponsor li img { width: 100%; }
.sponsor #partner ul {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.sponsor #partner li { width: 248px; margin-right: 0; }
.sponsor #sponsor li { width: 153px; margin-right: 24px; }
.sponsor #supporters li { width: 153px; margin-right: 22px; }
.sponsor #sponsor li:nth-child(6n),
.sponsor #supporters li:nth-child(4n) { margin-right: 0; }
.sponsor #supporters { width: 680px; }
.sponsor #gamesponsor { width: 342px; }


/* ===================== フッターバナーエリア ===================== */
.footBnr .bnr300,
.footBnr .bnr240 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  margin-bottom: 20px;
}

/* ===================== サイドバナー ===================== */
.sideBnr { position: absolute; top: 60px; }
.sideBnrL { left:-300px; }
.sideBnrR { right:-300px; }