/* reset
============================== */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,main {margin:0;padding:0;border:0;font-size:100%;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main {display:block;}
body {font-family:Verdana,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif;line-height:1;}
ol,ul {list-style:none;}
blockquote,q {quotes:none;}
blockquote:before,blockquote:after,q:before,q:after {content:'';content:none;}
table {border-collapse:collapse;border-spacing:0;}
wbr:after {content:"\00200B";}
/* TBS reset
============================== */
.alt {position:absolute;top:-5000px;left:-9999px;}
.clearfix:after {content:"";clear:both;display:block;}
.hide-txt {text-indent:110%;white-space:nowrap;overflow:hidden;}
.fp-causion {display:none;}
.nocontxt {-webkit-touch-callout: none;-webkit-user-select: none;user-select: none;-webkit-user-drag:none;}
.nocontxt img {pointer-events: none;}
@media all and (min-width:768px) {
.alt-pc {position:absolute;top:-5000px;left:-9999px;}
.clearfix-pc:after {content:"";clear:both;display:block;}
.hide-txt-pc {text-indent:110%;white-space:nowrap;overflow:hidden;}
}
@media all and (max-width:767px) {
.alt-smp {position:absolute;top:-5000px;left:-9999px;}
.clearfix-smp:after {content:"";clear:both;display:block;}
.hide-txt-smp {text-indent:110%;white-space:nowrap;overflow:hidden;}
}
div.embed-tbsplayer {
background-color:#000;
position:relative;
height:0;
padding-top:56.25%;
}
div.embed-tbsplayer .tbs-player {
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
}
div.embed-tbsplayer-audio {
background-color:#fff;
}
div.embed-tbsplayer-audio .tbs-player {
height:46px;
}
div.lbx-overlay {
z-index:10000;position:absolute;background-color:#000;width:100%;height:100%;left:0;top:0;right:0;bottom:0;opacity:0.9;
}
/* Youtube Player
============================== */
.flowplayer {
position: relative;
height: 0;
padding-top: 56.25%;
margin-bottom:15px;
}
.flowplayer div.fp-player, .flowplayer video.no-flowplayer {
height: 100%;
position: absolute;
left: 0;
top: 0;
width:100%;
}
.clearboth{clear:both;}
.clearboth hr{display:none;}
/* both
============================== */
/* text */
a:link {text-decoration:none;color:#ffffff;}
a:visited {text-decoration:none;color:#ffffff;}
a:active {text-decoration:underline;color:#ffffff;}
a:hover {text-decoration:underline;color:#ffffff;}
/*background
============================== */
body {-webkit-text-size-adjust:100%;-ms-text-size-adjust: 100%;}
body, div#con-body {background:url(../img/bg.jpg) top center #030303 no-repeat; }
.yellow{color:#f6ac1d;}
/*header and navi
============================== */
header.main h1 a {
display:block;
background-repeat:no-repeat;
text-indent:110%;
white-space:nowrap;
overflow:hidden;
}
@media all and (min-width: 768px) {
header.main h1 a {
background-image:url(../img/main_pc.jpg);
height:150px;
}
}
@media all and (max-width: 767px) {
header.main h1{
position:relative;
height:0;
padding-top:100px;
}
header.main h1 a {
background-image:url(../img/main_smp.jpg);
background-size:cover;
position: absolute;
left:0;
top:0;
width:100%;
height:98px;
}
}
@media all and (min-width: 768px) {
header.main ul#menu {list-style-type:none;padding:0;margin-top:30px;display:block;height:100px;text-indent:-9999px;}
header.main ul#menu li {float:left;height:90px;padding-left:5px;padding-bottom:10px;}
header.main ul#menu a {display:block;height:90px;background:url(../img/menu.jpg) no-repeat;}
header.main ul#menu li#top {width:320px;background-position:0 0;}
header.main ul#menu li#top a {width:320px;background-position:0 0;}
header.main ul#menu li#top a:hover {width:320px;background-position:0px -90px;}
header.main ul#menu li#top a.stay {width:320px;background-position:0px -90px;}
header.main ul#menu li#onair {width:320px;background-position:-320px 0;}
header.main ul#menu li#onair a {width:320px;background-position:-320px 0;}
header.main ul#menu li#onair a:hover {width:320px;background-position:-320px -90px;}
header.main ul#menu li#onair a.stay {width:320px;background-position:-320px -90px;}
header.main ul#menu li#schedule {width:320px;background-position:-640px 0;}
header.main ul#menu li#schedule a {width:320px;background-position:-640px 0;}
header.main ul#menu li#schedule a:hover {width:320px;background-position:-640px -90px;}
header.main ul#menu li#schedule a.stay {width:320px;background-position:-640px -90px;}
}
@media all and (max-width: 767px) {
div.accordion-box {margin-top:30px;background-color:#0f2041;}
div.accordion-box h2 {
cursor: pointer;
background-image:-moz-linear-gradient(#fff 0%, transparent 100%);
background-image:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#0f2041));
background-image:-ms-linear-gradient(#fff 0%, transparent 100%);
background-image:linear-gradient(#fff 0%, #0f2041 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffffff', endColorstr='#0f2041', GradientType=1 ); /* IE9 */
}
div.accordion-box h2 span {
display:block;
background-image:url(../img/ico_accordion.svg);
background-position:right top;
background-repeat:no-repeat;
font-size:87.5%;
line-height:45px;
height:45px;
color:#ffffff;
}
div.accordion-box h2 span,
div.accordion-box ul li a {
padding:0 15px;
}
div.accordion-box ul {
list-style-type:none;
}
div.accordion-box ul li {
border-bottom:1px solid #fff;
}
div.accordion-box ul li:last-child {
border-bottom:none;
}
div.accordion-box ul li a {
display:block;
background-image:url(../img/ico_accordion.svg);
background-repeat:no-repeat;
background-position:right center;
text-decoration:none;
line-height:41px;
height:41px; font-size:83%;
color:#ffffff;
}
div.accordion-box .hidebox {
display:block;
border-top:2px dotted #fff;
}
}
/*top-movie
============================== */
@media all and (min-width: 768px) {
#videoplayer {margin:8px auto;width:640px;padding-top:8px;}
#bx-movie {width:640px;height:360px;margin:8px auto;}
.thumlist{width:640px;margin:15px auto 10px auto;}
.thumlist ul li{line-height:150%;width:116px;float:left;text-align:center;list-style:none;font-size:75%;color:#333;}
.thumlist ul li a{color:#333;}
.thumlist ul li a:hover{color:#333;}
.thumlist ul li a img{width:100px;height:56px;border:1px solid #333;display:block;margin:0 auto;}
.thumlist ul li a:hover img{border:1px solid #333;}
}
@media all and (max-width: 767px) {
#videoplayer {margin:8px auto;width:320px;padding-top:8px;}
#bx-movie {width:320px;height:180px;margin:8px auto;}
.thumlist{width:360px;margin:15px auto 10px auto;}
.thumlist ul li{line-height:150%;width:116px;float:left;text-align:center;list-style:none;font-size:75%;color:#333;}
.thumlist ul li a{color:#333;}
.thumlist ul li a:hover{color:#333;}
.thumlist ul li a img{width:100px;height:56px;border:1px solid #333;display:block;margin:0 auto;}
.thumlist ul li a:hover img{border:1px solid #333;}
}
/*onair
============================== */
#league-list{width:640px;margin-bottom:10px;}
#pl{width:300px;height:100px;float:right;}
#sl{width:300px;height:100px;float:left;}
.b-sl{background-color:#abd19b;}
.b-pl{background-color:#8ed6ea;}
#team-r-g,#team-r-d,#team-r-t,#team-r-db,#team-r-c,#team-r-s,#team-r-h,#team-r-m,#team-r-bs,#team-r-l,#team-r-f,#team-r-e{width:90px;height:100px;display:block;text-indent:-9999px;background-image:url(../img/team.png);float:right;margin-right:0px;}
#team-l-g,#team-l-d,#team-l-t,#team-l-db,#team-l-c,#team-l-s,#team-l-h,#team-l-m,#team-l-bs,#team-l-l,#team-l-f,#team-l-e{width:90px;height:100px;display:block;text-indent:-9999px;background-image:url(../img/team.png);float:left;margin-left:0px;}
#team-r-g,#team-l-g {background-position:0px 0px;}
#team-r-d,#team-l-d {background-position:-90px 0px;}
#team-r-t,#team-l-t {background-position:-180px 0px;}
#team-r-db,#team-l-db {background-position:-270px 0px;}
#team-r-c,#team-l-c {background-position:-360px 0px;}
#team-r-s,#team-l-s {background-position:-450px 0px;}
#team-r-h,#team-l-h {background-position:0px -100px;}
#team-r-m,#team-l-m {background-position:-90px -100px;}
#team-r-bs,#team-l-bs {background-position:-180px -100px;}
#team-r-l,#team-l-l {background-position:-270px -100px;}
#team-r-f,#team-l-f {background-position:-360px -100px;}
#team-r-e,#team-l-e {background-position:-450px -100px;}
@media all and (min-width: 768px) {
#oa-bg {width:678px; height:120px;background-image:url(../img/oa-bg.png);color:#ffffff;}
#oa-bg .vs{float:right;height:120px;margin-right:30px}
#oa-bg .score{display: block;float: left;font-size: 300%;line-height:100%;margin-top: 0.3em;position: relative;padding:8px;}
#oa-bg .time{width:280px;height:50px;font-size: 150%;padding:20px;float:left;font-weight:bold;margin-top: 0.8em;}
#oa-bg .score-after{display: block;float: left;right: -18%;line-height: 100%;margin-top: 0.8em;position: relative;}
.win{color:#ffd907}
.score-after a {color:#ffffff;}
}
@media all and (max-width: 767px){
#oa-bg {height:200px;background:#02173c;border-top:#cbcbcc solid;border-bottom:#fc0202 solid;color:#ffffff;}
#oa-bg .time{padding:15px;text-align:center;font-size:120%;font-weight:bold;}
#oa-bg .vs{margin:0px auto;width:360px;height:120px;}
#oa-bg .score{width:120px;font-size: 300%;line-height:100%;float:left;margin-left:40px;margin-top: 0.5em;}
#oa-bg .score-after{display: block;float:left;right: -152%;line-height: 100%;margin-top: 0.8em;position: relative;}
.win{color:#ffd907}
.score-after a {color:#ffffff;}
}
/*schedule
============================== */
#league-list{width:640px;margin:5px auto;}
.b-sl{background-color:#abd19b;}
.b-pl{background-color:#8ed6ea;}
td,tr {padding:3px;border:#333 solid 1px;}
@media all and (min-width: 768px) {
#pl{width:300px;height:100px;float:right;background-color:#ffffff;}
#sl{width:300px;height:100px;float:left;background-color:#ffffff;}
.schedule-03 {background-image:url(../img/schedule-03.jpg);background-repeat:no-repeat;width:630px;height:580px;margin:5px auto;text-indent:-9999px;}
.schedule-04 {background-image:url(../img/schedule-04.jpg);background-repeat:no-repeat;width:630px;height:580px;margin:5px auto;text-indent:-9999px;}
.schedule-05 {background-image:url(../img/schedule-05.jpg);background-repeat:no-repeat;width:630px;height:580px;margin:5px auto;text-indent:-9999px;}
.schedule-07 {background-image:url(../img/schedule-07.jpg);background-repeat:no-repeat;width:630px;height:580px;margin:5px auto;text-indent:-9999px;}
}
@media all and (max-width: 767px) {
#league-list{width:100%;height:100%;margin-bottom:5px;}
#pl{width:90%;height:100px;float:left;margin-left:20px;background-color:#ffffff;margin-bottom:5px}
#sl{width:90%;height:100px;float:left;margin-left:20px;background-color:#ffffff;margin-bottom:5px;}
.schedule-03 {background-image:url(../img/../img/schedule-03smp.jpg);background-repeat:no-repeat;width:320px;height:295px;margin:0px auto;text-indent:-9999px;}
.schedule-04 {background-image:url(../img/../img/schedule-04smp.jpg);background-repeat:no-repeat;width:320px;height:295px;margin:0px auto;text-indent:-9999px;}
.schedule-07 {background-image:url(../img/../img/schedule-07smp.jpg);background-repeat:no-repeat;width:320px;height:350px;margin:0px auto;text-indent:-9999px;}
}
/*columns
============================== */
@media all and (min-width: 768px) {div.cover {width:980px;margin:0 auto;}div.column-l {width:678px;float:left;}div.column-r {width:300px;float:right;}}
/* articles
============================== */
div.column-l article.unit {display:block;background-color:#;padding-bottom:5px;}
.title{ font-size:120%; height:41px;line-height:41px;color:#fff;text-shadow:2px 2px 2px #333;background:#ffdd24;background-size:cover;padding:0 1em;font-weight:bold;}
article.unit section.unit, article.unit div.unit {padding-bottom:15px;border-bottom:2px solid #ccc;margin-bottom:15px;}
article.unit section.unit:last-child, article.unit div.unit:last-child {padding-bottom:0;border-bottom:none;margin-bottom:0;}
article.unit section.unit h3 {border-left:8px solid #1f6db7;font-size:110%;line-height:1.25;color:#1f6db7;padding:4px 14px 4px 8px;margin-bottom:0.5em;}
article.unit section.unit p.txt, article.unit div.unit p.txt {line-height:2.0;margin-bottom:1.5em;}
article.unit section.unit p.txt:last-child, article.unit div.unit p.txt:last-child {margin-bottom:0;}
@media all and (min-width: 768px) {div.column-l article.unit {margin-bottom:2px;}
div.column-l article.unit h2 {margin-bottom:15px;}
div.column-l article.unit div.inner {padding:0 15px 15px;}
div.column-l article.pickup ul li:last-child {margin-right:0;}
div.column-l article.pickup ul li a {width:168px;height:95px;}}
@media all and (max-width: 767px) {div.column-l article.unit h2 {margin-bottom:10px;}
div.column-l article.unit div.inner {padding:0 10px 10px;}}
/*rectangle
============================== */
div.column-r div.recta {width:300px;height:250px;overflow:hidden;}
@media all and (min-width: 768px) {div.column-r div.recta {margin-bottom:2px;}}
@media all and (max-width: 767px) {div.column-r {padding-top:5px;}
div.column-r div.recta {margin:0 auto 10px;}}
/*side banners
============================== */
div.column-r div.side-bnrs ul li {margin-bottom:2px;}
div.column-r div.side-bnrs ul li a {display:block;background-image:url(../img/banner.jpg);}
div.column-r div.side-bnrs ul li:nth-child(1) a {height:200px;background-position:0 0px;}
div.column-r div.side-bnrs ul li:nth-child(2) a {height:100px;background-position:0 -200px;}
@media all and (max-width: 767px) {div.column-r div.side-bnrs {padding:10px 0 8px;}
div.column-r div.side-bnrs ul {width:300px;margin:0 auto;}}
/* SNS (button and line)
============================== */
/* buttons */
div.column-r div.sns-btns {padding:10px 0;}
div.column-r div.sns-btns div.tw {float:left;}
div.column-r div.sns-btns div.fb {float:right;}
/* timeline */
@media all and (min-width: 768px) {
/* buttons */
div.column-r div.sns-btns {margin-bottom:2px; }
div.column-r div.sns-btns div.tw{padding-left:30px;}
div.column-r div.sns-btns div.fb { padding-right:30px;}
}
@media all and (max-width: 767px) {
/* buttons */
div.column-r div.sns-btns { background-color:#ffeacc;}
div.column-r div.sns-btns div.tw {padding-left:20%;}
div.column-r div.sns-btns div.fb {padding-right:20%;}
/* timeline */
div.sns-timeline {background-color:#fff;}
div.sns-timeline div.inner {width:300px;margin:0 auto;}
}
/* button
============================== */
section.unit p.btn {font-size:100% !important;}
section.unit p.btn a {display:block;color:#333;text-align:center;font-weight:bold;text-decoration:none;background-color:#d6b27b;}
@media all and (min-width: 768px) {
section.unit p.btn {margin:0 100px;}
section.unit p.btn a {font-size:87.5%;height:32px;line-height:32px; border-radius:10px;}
section.unit p.btn a:hover { background-color:#c96;background-image:none;}}
@media all and (max-width: 767px) {
section.unit p.btn a {font-size:83%;height:32px;line-height:32px;border-radius:16px;}
}
/*----------------sokuhou---------*/
#result {padding:0px;}
#result #sokuhoutitlebar{height:20px;margin:0px auto;padding:0px;background-color:#000;}
#result #sokuhouhidden{height:15px;margin:0px;padding:0px;background-color:#030;}
#result .sokuhoutitle{color:#fff;font-size:12px;font-weight:bold;line-height:15px;padding:3px 0px 0px 15px;}
#base2 {background-image: url(../img/sokuhou_bg.gif);background-repeat:repeat-x;height:67px;margin:0px;padding:0px;}
#base2 ul{display:block;margin:0px;padding:0px;list-style-type: none;}
#base2 li{display:block;margin:0;padding:0;float:left;}
#base2 .nbbt{margin:15px 5px 0px 5px;padding:0px;}
#base2 .board{width:65px;height:46px;margin:5px 10px 0px 0px;padding:0px;background-color:#fff;}
#base2 .fwl{width:80px;padding:10px;color:#fff;font-size:1em;}
#base2 .fl{height:15px;padding:2px 7px 0px 7px;color:#fff;font-size:70%;font-weight:bold;background:#000000;}
#base2 .upper{height:15px;font-size:1em;padding:2px 0px 3px 7px;background-color:#fff;border-width: 0px 0px 1px 0px; border-color:#ccc;border-style:solid;}
#base2 .lower{height:15px;padding:2px 0px 3px 7px;font-size:1em;background-color:#fff;}
#base2 .nogame{color:#ffffff;padding-top:10px;}
@media all and (max-width: 767px) {
#base2 {background-image: url(../img/sokuhou_bg.gif);background-repeat:repeat-x;height:128px;margin:0px;padding:0px;}
#base2 .fwl{width:80px;padding:10px;color:#fff;font-size:1em;}
#base2 ul{width:350px;height:100%;display:block;margin:0px;padding:0px;list-style-type: none;}
#base2 li{display:block;margin-bottom:10px;padding:0;float:left;}
#base2 .fwl{padding: 10px 10px 0px 10px;color:#fff;font-size:1em;}
}
/* games2--------------------------------*/
#game-left{;margin:5px;}
#game-right{margin:5px;}
.games2{padding:0px;margin-top:5px;background-color:#FFFFFF;border: inset 1px #030303;}
#game-left .gamestitlec{height:20px;margin:0px;padding:0px;background-image:url(../img/title_ranking_c.png);background-repeat:no-repeat;}
#game-right .gamestitlep{height:20px;margin:0px;padding:0px;background-image:url(../img/title_ranking_p.png);background-repeat:no-repeat;}
.games2 .gamestub{display:block;float:left;width:70px;padding:3px 0px 2px 0px;color:#ccc;font-size:1em;font-weight:bold;border-width:0px 1px 0px 0px;border-color:#333;border-style:solid; text-align:center;}
.games2 .gtg{ margin:0px; padding:5px 0px 0px 10px; height:20px; font-size:1em; line-height:1.4em; text-align:left; }
.games2 table{ width:100%; color:#333; font-size:1em; line-height:1.4em; }
.games2 tr{ background-image:url(../img/boreder_bg.gif); background-repeat:repeat-x; background-position: top left;}
.games2 th{ font-size:0.8em; line-height:1em; margin:0px; padding:2px; background-color:#ccc; background-image:url(../img/boreder_bg.gif); background-repeat:repeat-x; background-position: top left; }
.games2 th.blue{ font-size:0.8em; line-height:1em; color:#000099; margin:0px; padding:2px; background-color:#ccc; background-image:url(../img/boreder_bg.gif); background-repeat:repeat-x; background-position: top left; }
.games2 td{ width:25px; margin:0px; padding:1px; text-align:center; }
.games2 td.name{ width:79px; margin:0px; padding:1px; text-align:left; border-width:0px 1px 0px 0px; border-color:#ccc; border-style:solid; }
.games2 td.score{ width:26px; margin:0px; padding:1px; text-align:center; }
.games2 td.egray{ width:26px; margin:0px; padding:1px; background-color:#f5f5f5; text-align:center; background-image:url(../img/boreder_bg.gif); background-repeat:repeat-x; background-position: top left; }
.games2 td.rgline{ width:25px; margin:0px; padding:1px; background-color:#f5f5f5; text-align:center; }
.games2 a{ color:#006; text-decoration:none; }
.games2 a:hover{color:#009; text-decoration:underline; }
/* page top
============================== */
p.pgt a {
display:block;
text-decoration:none;
}
@media all and (min-width: 768px) {
p.pgt {
position:absolute;
right:20px;
bottom:20px;
}
p.pgt a {
background-image:url(../img/icons.png);
background-position:0 -50px;
background-repeat:no-repeat;
width:48px;
height:48px;
text-indent: 110%;
white-space: nowrap;
overflow: hidden;
}
}
@media all and (max-width: 767px) {p.pgt {text-align:center;}
p.pgt a {font-weight:bold;color:#333;background-color:#ffdd24;line-height:80px;height:80px;}
p.pgt a span {display:inline-block;height:49px;background-image:url(../img/icons.png);background-position:left top;background-repeat:no-repeat;padding-left:28px;}
}
/*ļ¼ about
============================== */
.txt12r {font-size:110%;color:#1f6db7;font-weight:bold;line-height:2em;letter-spacing:0.03em;}
.txt12 {padding:8px;color:#030303;line-height:2em;letter-spacing:0.03em;}
.about-img {margin:5px auto;width:180px;height:70px;background-image:url(../img/about-img.jpg);border: 2px solid #557ebb;text-indent:-9999px;}
/*copyright*/
============================== */
p.copyright {color:#ffffff;}
@media all and (min-width: 768px) {p.copyright {margin-top:5px;border-top:1px solid #fff;line-height:1.25;text-align:center;padding:15px 0;color:#ffffff;}}
@media all and (max-width: 767px) {p.copyright {font-size:75%;line-height:1.25; text-align:center;padding:10px;color:#ffffff;}}