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;
}

/* ============================
	common css
============================ */

/* General
=================================== */
body { background-color:##93001C; }
#con-body { background:url(../img/common/bg.jpg) center center; background-size:100% auto; font-family:kinto-sans, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, Roboto, "Droid Sans", sans-serif; font-weight:400; font-style:normal; }

.cover { background:url(/img/cover.gif); display:block; width:100%; height:100%; }

.lazy { display:block; position:relative; }

a { color:#C70025; }

.att { font-size: 0.8em; text-align: center; padding-top: 10px;}



/*  for v7 header
=============================================== */

.global-header { padding-top:110px; }
.gh-navi { display:none; }

/* ------------ Media Queries ------------ */

@media all and (max-width: 980px) {

.global-header { padding-top:56px; background-image:none!important; }

}

@media all and (max-width: 767px) {

.global-header { padding-top:48px;  }

}



/*  General Parts
=============================================== */

.bold { font-weight:700; }

.cover { background:url(/img/cover.gif); display:block; width:100%; height:100%; }

.lazy { display:block; position:relative; }



/* font style
-------------------------------- */

.txts { font-size:80%; }
.txtb { font-size:120%; }
.txtbb { font-size:160%; }
.txtbbb { font-size:200%; }

.txt-center { display:block; text-align:center; }

.orange { color:#FF6A31; }
.red { color:#C60025; }
.red2 { color:#8F0010; }
.blue { color:#3953C9; }
.yellow { color:#FDEB3D; }



/* br point
-------------------------------- */

.br-pc { display:block; }
.br-smp { display:none; }

@media all and (max-width: 767px) {

.br-pc { display:none; }
.br-smp { display:block; }

}


/* word br
-------------------------------- */

.wbr { display:inline-block; }



/* youtube
-------------------------------- */

.mov_yt { width:100%; margin:0 0 20px 0; }
.mov_yt_inner { position:relative; width:auto; height:0; padding-top:56.25%; }
.mov_yt_inner iframe { position:absolute; left:0; top:0; width:100%; height:100%; }


/* Header
=================================== */

#header-area { background:url(../img/common/header_bg.jpg) center center no-repeat; background-size:cover; }
#header { width:980px; margin:auto; }
#header:after {content:"";clear:both;display:block;}
#logo { float:left; margin:27px 0 0 20px; width:622px; height:297px; }
#logo-inner { position:relative; width:100%; height:0; padding-top:47.7749%; }
#logo-inner a { position:absolute; display:block; left:0; top:0; width:100%; height:100%; background-image:url(../img/common/logo2025.png); background-position:center center; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; /* hover fade */ transition: opacity 0.2s ease-out; }
@media (hover: hover) { #logo-inner a:hover { opacity:0.7; } }
/*#bn-rectangle { float:right; width:300px; margin:40px 0 0 0; }*/
#bn-rectangle-box { width:980px; height:324px; margin:0 auto -324px auto; }
#bn-rectangle { float:right; width:300px; margin:40px 0 0 0; }

#gnav2 { margin-bottom:20px; box-shadow:0px 2px 4px rgba(0,0,0,0.2); }

#gnav1,
#gnav1 li { background: rgb(181,112,0); background: linear-gradient(0deg, rgba(181,112,0,1) 0%, rgba(244,204,2,1) 100%); }
#gnav2,
#gnav2 li { background: rgb(143,0,16); background: linear-gradient(0deg, rgba(143,0,16,1) 0%, rgba(215,0,41,1) 100%); }
#gnav1 ul,
#gnav2 ul { width:980px; margin:auto; display:flex; flex-wrap:wrap; text-align:center; border-left:rgba(0,0,0,0.15) 1px solid; }
#gnav1 li,
#gnav2 li { font-size:140%; line-height:120%; font-feature-settings:"palt"; display:flex; align-items:stretch; }
.gnav-link { display:flex; justify-content:center; align-items:center; width:100%; header:100%!important; padding:1.0em 0; box-sizing:border-box; border-right:rgba(0,0,0,0.15) 1px solid; color:#fff; font-weight:bold; text-align:center; text-shadow:1px 1px 2px rgba(0,0,0,0.4); transition: 0.5s; text-decoration:none; /* hover fade */ transition: opacity 0.2s ease-out; }
@media (hover: hover) { #gnav1 li a:hover, #gnav2 li a:hover { opacity:0.7; } }
#gnav1 li:nth-child(1) { width:24.390243902439%; }
#gnav1 li:nth-child(2) { width:21.9512195121951%; }
#gnav1 li:nth-child(3) { width:34.1463414634146%; }
#gnav1 li:nth-child(4) { width:19.5121951219512%; }
#gnav2 li:nth-child(1) { width:14.8936170212766%; }
#gnav2 li:nth-child(2) { width:12.7659574468085%; }
#gnav2 li:nth-child(3) { width:10.6382978723404%; }
#gnav2 li:nth-child(4) { width:12.7659574468085%; }
#gnav2 li:nth-child(5) { width:14.8936170212766%; }
#gnav2 li:nth-child(6) { width:21.2765957446808%; }
#gnav2 li:nth-child(7) { width:12.7659574468085%; }

.no-link{ pointer-events: none; cursor: default; text-decoration:none; opacity:0.5; }

/* ------------ Media Queries ------------ */

@media all and (max-width: 767px) {

#header-area { background:none; }
#header { width:auto; }
#logo { float:none; margin:0; width:auto; height:auto; }
#logo-inner { padding-top:48%; }
#logo-inner a { background-image:url(../img/common/logo2025_smp.png); }

#gnav2 { margin-bottom:0; }

#gnav1 ul,
#gnav2 ul { width:auto; }
#gnav1 li,
#gnav2 li { font-size:4.8vw; }
#gnav1 li:nth-child(3) { font-size:4.5vw; }
#gnav1 li:nth-child(1),
#gnav1 li:nth-child(2),
#gnav1 li:nth-child(3),
#gnav1 li:nth-child(4) { width:25%; }
#gnav2 li:nth-child(1),
#gnav2 li:nth-child(2),
#gnav2 li:nth-child(3),
#gnav2 li:nth-child(4) { width:25%; }
#gnav2 li:nth-child(5),
#gnav2 li:nth-child(6),
#gnav2 li:nth-child(7) { width:33.3%; }

.gnav-link { padding:0.6em 0; }

#bn-rectangle-box { position:absolute; bottom:20px; width:100%; height:250px; margin:0; text-align:center; }
#bn-rectangle { float:none; width:300px; margin:0 auto; }

}

/* Main
=================================== */

#container { position:relative; }
#container main { width:980px; margin:0 auto 20px auto; padding:20px; box-sizing:border-box; background-color:#fff; border-radius:0 0 20px 20px; box-shadow:0px 2px 4px rgba(0,0,0,0.2); }
/*#top #container main { border-radius:20px; }*/

#pagettl { width:980px; margin:auto; padding:20px; box-sizing:border-box; background-image:none!important; background-color:#C70025; border-radius:20px 20px 0 0; font-size:200%; text-shadow:0px 2px 4px rgba(0,0,0,0.2); color:#fff; text-align:center; }

.mov-box { width:680px; margin:0 auto; }

.mov-ttl { position:relative; margin-bottom:20px; padding:20px; font-size:110%; line-height:140%; background:#fff8f1; color:#C70025; text-align: center; }
.mov-ttl::before,
.mov-ttl::after { position: absolute; left: 0; content: ''; width: 100%; height: 6px; box-sizing: border-box; }
.mov-ttl::before { top: 0; border-top: 2px solid #C70025; border-bottom: 1px solid #e33c7d; }
.mov-ttl::after { bottom: 0; border-top: 1px solid #e33c7d; border-bottom: 2px solid #C70025; }

.mov-area { position:relative; padding-bottom:56.25%; height:0; overflow:hidden; }
.mov-area-inner { position: absolute; top:0; left:0; width:100%; height:100%; }

.mov-wait { width:100%; height:100%; background-color:#fff8f1; display:flex; justify-content:center; align-items:center; font-size:100%; line-height: 160%; text-align: center; }

/* ------------ Media Queries ------------ */

@media all and (max-width: 767px) {

#container { padding-bottom:290px; }

#container main { width:auto; margin:0 0 20px 0!important; padding:10px; border-radius:0!important; }

#pagettl { width:auto; font-size:140%; border-radius:0; }

.mov-box { width:auto; }
.mov-ttl { margin-bottom:15px; }
.mov-live { width:300px; }

.mov-wait { font-size:90%; }

.mov-yt { position:relative; padding-bottom:56.25%; height:0; overflow:hidden; }
.mov-yt iframe { position:absolute; top:0; left:0; width:100%; height:100%; }

}

/* Footer
=================================== */

#footer-area { padding:1.5em 1.0em 2em; font-size:90%; line-height:120%; color:#fff; text-align:center;
background: linear-gradient(to bottom, #d7002a 0%,#a00016 70%);}
#footer-area a { color:#fff; text-decoration:none;}
#footer-area a:hover { text-decoration:none; }
#f-copy { display:inline-block; font-size:90%;}
#f-sns {text-align:center; margin:0 0 .5em;}

/* ----- pagetop ----- */

#pagetop { position:fixed; z-index:10; bottom:-200px; right:20px; padding-bottom:20px; }
#pagetop a { display:block; width:3.0em; height:3.0em; border-radius:3.0em; background:url(../img/common/pagetop.png) center center no-repeat; background-size:cover; box-shadow:1px 1px 4px rgba(0,0,0,0.2); text-indent:-9999px; outline:none; }


/* ------------ Media Queries ------------ */

@media all and (max-width: 767px) {

#footer-area { font-size:80%; }

}


/* banner / top-banner
-------------------------------- */

#banner-list { text-align:center; /* for space */ font-size:0; }
#banner-list li { display:inline-block; vertical-align:middle; /* for space */ font-size:1rem; }

.banner { position:relative; width:100%; height:0; }
.banner a { position:absolute; display:block; left:0; top:0; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; /* hover fade */ transition: opacity 0.2s ease-out; }
@media (hover: hover) { .banner a:hover { opacity:0.5; } }

#f-banner { width:980px; margin:auto;}

.bn-big { width:48%; margin:0 1% 2% 1%; }
.bn-normal { width:23%; margin:0 1% 2% 1%; }

.bn-big .banner { padding-top:23.4%; }
.bn-normal .banner { padding-top:34.22%; }
.bn-normal a { border-radius:9999px; box-shadow:0px 2px 4px rgba(0,0,0,0.2); }
#bn-tver .banner a { background-image:url(../img/common/bn_tver.jpg?); }
#bn-yt-big .banner a { background-image:url(../img/common/bn_yt_big.jpg); }
#bn-tw .banner a { background-image:url(../img/common/bn_tw.png); }
#bn-yt .banner a { background-image:url(../img/common/bn_yt.png); }
#bn-fb .banner a { background-image:url(../img/common/bn_fb.png); }
#bn-insta .banner a { background-image:url(../img/common/bn_insta.png); }
#bn-tiktok .banner a { background-image:url(../img/common/bn_tiktok.png); }
#bn-athletics .banner a { background-image:url(../img/common/bn_athletics.png); }
#bn-timetree .banner a { background-image:url(../img/common/bn_tt.png); }

#bn-sportsbranding { width:940px; margin:0 auto 20px auto; }
#bn-sportsbranding .banner { position:relative; width:100%; height:0; padding-top:23.4%; }
#bn-sportsbranding .banner a { position:absolute; display:block; left:0; top:0; width:100%; height:100%; background:url(../img/common/bn_sportsbranding.jpg) center center no-repeat; background-size:cover; text-indent:-9999px; /* hover fade */ transition: opacity 0.2s ease-out; }
@media (hover: hover) { #bn-sportsbranding .banner a:hover { opacity:0.5; } }

/* ---- Media Queries ---- */

@media all and (max-width: 767px) {

#f-banner { width:94%; margin:0 3%; }

.bn-big { width:98%; margin:0 1% 4% 1%; }
.bn-normal { width:48.5%; margin:0 0 3% 0; }

#bn-sportsbranding { width:100%; }

}


/* for result */
/* Live
=================================== */

#live #con-body { min-width:980px!important; }

#live-attention { background:#ffefe0; border:#feddbe 5px solid; margin-bottom:15px; padding:10px; border-radius:1.0em; text-align:center; }
#live-attention p { color:#e40073; font-size:120%; line-height:130%; font-weight:bold; }

dl.kome dt,dl.kome dd{color:#e40073;line-height:1.5}
dl.kome dt{width:1em;float:left}
dl.kome dd{padding-left:1em}
div.bx-relay{margin:0 120px 40px}
div#bx-graph{margin:0 20px 40px}
div.nograph-reloads a{display:block;width:74px;height:32px;background:url(../img/grafreload.gif) 0 0 no-repeat;margin-bottom:15px}
div.nograph-reloads a:hover{background-position:right bottom}
div.nograph-reloads a img{width:74px;height:32px}
div#bx-graph p{line-height:1.25}
div#btn-reload{padding-left:786px}
#ekiden_grafArea_mongon p{line-height:1.25;padding-bottom:20px;color:#e40073;text-align:center;font-weight:700}
div#btn-reload a{display:block;width:74px;height:32px;background:red;background:url(../img/grafreload.gif) 0 0 no-repeat}
div#btn-reload a:hover{background-position:left bottom}
#ekiden_grafArea table{border-top:1px solid #e086a9;border-left:1px solid #e086a9;background:#fff;cursor:pointer}
#ekiden_grafArea table tr:hover{background:#fff47b}
#ekiden_grafArea table tr th,#ekiden_grafArea table tr td{padding:5px;border-right:1px solid #e086a9;border-bottom:1px solid #e086a9;text-align:center;font-size:12px}
#ekiden_grafArea table tr th{background:#e33c7d;color:#fff}
#grafReload a{background:url(../img/grafreload.gif) left top no-repeat}
#grafReload a:hover{background-position:left bottom}
#table_grafArea{margin:0 20px}
#table_grafArea .tc{padding-bottom:20px}
#table_grafArea .tc table{/*width:420px;*/width:100%; border-top:1px solid #e086a9;border-left:1px solid #e086a9;background:#fff}
#table_grafArea .tc table tr th,#table_grafArea .tc table tr td{padding:6px 4px;border-right:1px solid #e086a9;border-bottom:1px solid #e086a9;text-align:center;font-size:15px}
#table_grafArea .tc table tr th{background:#e33c7d;color:#fff}
/*#table_grafArea .tc .rt_l{float:left;width:420px}
#table_grafArea .tc .rt_r{float:right;width:420px}*/
#table_grafArea .tc .rt_l .head,#table_grafArea .tc .rt_r .head{margin-bottom:8px}
#table_grafArea .tc .rt_l .head h3,#table_grafArea .tc .rt_r .head h3{padding:12px 4px 0 0;font-size:110%;color:#b41e81;float:left;vertical-align:bottom;margin-bottom:0!important}
#table_grafArea .tc .rt_l .head a,#table_grafArea .tc .rt_r .head a{display:block;width:74px;height:32px;margin-top:6px;background:red;float:right;background:url(../img/grafreload.gif) 0 0 no-repeat}
#table_grafArea .tc .rt_l .head a:hover,#table_grafArea .tc .rt_r .head a:hover{background-position:left bottom}
div#glafpoint div#c_r{font-size:12px}

#table_grafArea .r1 td { background-color:#fffbd3; }
#table_grafArea .r2 td { background-color:#fff69e; }
#table_grafArea .r1 td:nth-child(4)::before,
#table_grafArea .r2 td:nth-child(4)::before { display:inline-block; width:4.5em; margin-right:0.5em; padding:0.2em; font-size:90%; color:#ff0; font-weight:bold; }
#table_grafArea .r1 td:nth-child(4)::before { content:"区間タイ"; background-color:#f27800; }
#table_grafArea .r2 td:nth-child(4)::before { content:"区間新"; background-color:#ff3d89; }

#live_pagelink { text-align:center; padding-bottom:15px; }
#live_pagelink li { display:inline; margin-right:1.0em; font-size:130%; font-weight:bold; }
#live_pagelink li .ar { font-size:70%; }

/* ------------ Media Queries ------------ */

@media all and (max-width: 767px) {

  #live-attention {  border:#feddbe 3px solid; margin-bottom:10px; padding:7px; }
  #live-attention p { font-size:90%; line-height:120%; }

}

/* Start
=================================== */

#start main { padding:32px; }

#st-tbl table td, #st-tbl table th {font-size:90%; line-height:130%; padding:0.5em 0.2em; }
#st-tbl table td a:hover { background-color:#fff47b; text-decoration:none; }
#st-tbl table { width:100%; border-collapse:collapse; border-spacing:0; padding:0; }
#st-tbl table td, #st-tbl table th { border:1px #e086a9 solid;text-align:center; }
#st-tbl table th { background:#e33c7d; color:#fff; }

/* ------------ Media Queries ------------ */

@media all and (max-width: 767px) {

#start main { padding:10px; }

#st-tbl { overflow: auto; }
#st-tbl table td, #st-tbl table th {font-size:80%; line-height:130%; }
#st-tbl table th { white-space: nowrap; }

}


/*eof*/