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

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

@font-face {
  font-family: 'Poppins';
  src: url('/um/library/fonts/Poppins/Poppins-Medium.ttf') format('truetype');
	   font-weight:normal;
}

@font-face {
  font-family: 'Poppins';
  src: url('/um/library/fonts/Poppins/Poppins-Bold.ttf') format('truetype');
	   font-weight:bold;
}

@font-face {
  font-family: 'Roboto Condensed';
  src: url('/um/library/fonts/Roboto_Condensed/RobotoCondensed-Regular.ttf')  format('truetype');
	   font-weight:normal;
}

@font-face {
  font-family: 'Roboto Condensed';
  src: url('/um/library/fonts/Roboto_Condensed/RobotoCondensed-Bold.ttf')  format('truetype');
	   font-weight:bold;
}

body { background-color:#000; color:#fff; }

#con-body { background-color:#000; font-family:ryo-gothic-plusn, Roboto, "Droid Sans", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; font-weight:500; font-style:normal; }

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

.lazy { display:block; position:relative; }
/*
@media all and (max-width: 767px) {

#con-body { padding-top:48px; }

}*/


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

.green{ color:#1c9503 !important;}
.yellow { color:#ffef04 !important; }
.brown { color:#800000 !important; }
.tCenter{ text-align:center !important;}
.tLeft{ text-align:left !important;}
.tRight{ text-align:right !important;}

.txts { font-size:80%; }
.txtss { font-size:60%; }

.bold { font-weight:700; }


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



/* Banner Area ( header / footer )
============================================= */

#bn-area-header, #bn-area-footer { background:url(../img/common/bg2.jpg); }
#bn-area-footer { margin-bottom:20px; }
#bn-area-header ul:after, #bn-area-footer ul:after {content:"";clear:both;display:block;}
#bn-area-header ul, #bn-area-footer ul { width:976px; margin:auto; padding:20px 0; box-sizing:border-box; text-align:center; /* for space */ font-size:0; }
#bn-area-header ul li, #bn-area-footer ul li { display:inline-block; /*width:220px;*/ margin:0 12px; /* for space */ font-size:1rem; }

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

@media all and (max-width: 767px) {
#bn-area-footer { margin-bottom:10px; }
#bn-area-header ul, #bn-area-footer ul { width:auto; padding:10px 0; }
#bn-area-header ul li, #bn-area-footer ul li { display:block; width:320px; margin:auto; }

}

@media all and (max-width: 340px) {
#bn-area-header ul, #bn-area-footer ul { padding:0 0; font-size:1%; line-height:1%; margin:0; padding:0; }
}

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

#hd-box { width:980px; margin:auto; }

#logo-area { float:left; width:210px; height:39px; margin-top:5px; }
#logo { display:block; width:100%; height:100%; background:url(../img/common/logo2023.png) center center no-repeat; background-size:cover; text-indent:-9999px; }
@media (hover: hover) { a#logo:hover { opacity:0.7; } }
#oa-time { float:left; margin:16px 0 0 10px; font-size:20px; font-weight:700; font-feature-settings:"palt"; }
#hd-sns-tw { float:right; margin-top:5px; }
#hd-sns-tw a { display:block; padding:0 5px; text-decoration:none; color:#fff; font-size:14px; }
#hd-sns-tw a:before { position:relative; top:0.8em; margin-right:0.2em; float:left; content:""; vertical-align:middle; width:0.7em; height:0.7em; background:url(../img/arrow.png) center center no-repeat; background-size:contain; }
#hd-sns-tw a:hover { opacity:0.7; }
#hd-sns-tw a i { display:inline-block; width:36px; height:36px; border-radius:18px; vertical-align:middle; background-image:url(../img/common/f-sns-link-tw2.png); background-repeat:no-repeat;  background-position:center center; background-size:18px 18px; background-color:#fff; text-indent:-9999px; outline:none; }
@media (hover: hover) { #hd-sns-tw a:hover { opacity:0.7; } }

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

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

#bnSuper img { width:320px; height:50px; }

header { background:none; }

#hd-box { width:auto; }
#logo-area { float:none; margin:7px auto; }
#oa-time { display:none; }

#hd-sns-tw { display:none; }

}


/* gnav
----------------------------------- */

#gnav { width:980px; margin:auto; font-feature-settings:"palt"; border-top:#666 1px dotted; }
#gnav-btn { display:flex; flex-wrap:wrap; }
#gnav-btn li { flex-grow:1; box-sizing:border-box; border-right:#666 1px dotted; }
#gnav-btn li:nth-child(1) { border-left:#666 1px dotted; }
#gnav-btn li a, #gnav-btn li .nolink { display:block; width:100%; padding:10px 0; font-weight:700; color:#fff; font-size:14px; text-align:center; text-decoration:none; transition:background-color 0.2s linear; }
#gnav-btn li .nolink { opacity:0.5; }
#gnav-btn li#gnav-sns { display:none; }

#gnav-btn li a:hover { background-color:#4aab01; }
#schedule #gnav-btn li:nth-child(1) a,
#highlight #gnav-btn li:nth-child(2) a,
#score #gnav-btn li:nth-child(3) a,
#gallery #gnav-btn li:nth-child(4) a,
#course #gnav-btn li:nth-child(5) a,
#players #gnav-btn li:nth-child(6) a,
#pickup #gnav-btn li:nth-child(7) a,
#data-present #gnav-btn li:nth-child(8) a,
#news #gnav-btn li:nth-child(9) a,
#history #gnav-btn li:nth-child(10) a { background-color:#4aab01; }

#gnav-ttl { display:none; }

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

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

#gnav { width:auto; border-top:#666 1px dotted; border-bottom:#666 1px dotted; }
#gnav-ttl { display:block; padding:0.7em; line-height:100%; }
#gnav-ttl:after {content:"";clear:both;display:block;}
@media (hover: hover) { #gnav-ttl:hover { cursor:pointer; } }
#gnav-ttl h2 { float:left; color:#fff33f; font-family:"Poppins", sans-serif; }
#gnav-ttl-ar1, #gnav-ttl-ar2 { float:right; font-size:55%; }
#gnav-ttl-ar2 { display:none; }
#gnav-box { display:none; }
#gnav-btn { border-top:#666 1px dotted; }
#gnav-btn li { flex-grow:0; width:33.3%; border-bottom:#666 1px dotted; }
#gnav-btn li:nth-child(1) { border-left:none; }
#gnav-btn li:nth-child(3n) { border-right:none; }
#gnav-btn li:nth-child(11), #gnav-btn li:nth-child(12) { border-bottom:none; }
#gnav-btn li a:after { position:relative; top:0.1em; float:right; margin-right:0.2em; content:""; vertical-align:middle; width:0.8em; height:0.8em; background:url(../img/arrow.png) center center no-repeat; background-size:contain; }
#gnav-btn li#gnav-sns { display:inline-block; }
#gnav-btn li#gnav-sns a:hover { background-color:#4aab01; }

}

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

#container { /*background-color:#183801;*/ background:url(../img/common/bg1.jpg); padding:20px 0; }
#container a { color:#4aab01; }
#pagebody { background-color:#fff; color:#333; width:980px; margin:auto; }
#top #pagebody,
#highlight #pagebody,
#gallery #pagebody { background-color:#000; color:#fff; }
#pagebody main { padding:0 20px 20px 20px; }

#pagebody-top { position:relative; width:980px; height:70px; }

#pagettl { padding:20px; font-size:160%; font-weight:700; letter-spacing:0.01em; font-feature-settings:"palt"; }

#mov-box { margin-bottom:20px; width:100%; height:calc(980px * 0.5625); }

.mov-tmb { padding-bottom:73px; }

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

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

#container { padding:0; background-image:none!important; }
#pagebody { width:auto; }
#pagebody-top { position:static; width:auto; height:auto; }
#pagebody main { padding:0 10px 10px 10px; }

#pagettl { margin-bottom:10px; padding:10px; font-size:130%;  border-bottom:#ddd 1px solid; }
#highlight #pagettl,
#gallery #pagettl,
#sns #pagettl { border-bottom:#555 1px solid!important; }

#mov-box { height: calc(100vw * 0.5625); }

}

@media all and (max-width: 340px) {
#mov { margin:-10px; }
}

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

footer { text-align:center; padding:0 0 20px 0; }

#f-sns-link { display:none; }

#f-copy { font-size:75%; }
#f-copy a { color:#4aab01; }

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

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

footer { padding:10px 0 2.5em 0; }

#f-sns-link { display:block; margin-bottom:10px; }
#f-sns-link ul { margin-bottom:10px; text-align:center; /* for space */ font-size:0; }
#f-sns-link ul li { display:inline-block; width:48%; margin:0 1%; vertical-align:middle; /* for space */ font-size:1rem; }
#f-sns-link ul li a { display:block; width:100%; height:100%; box-sizing:border-box; border-radius:1.0em; padding:1.0em 0.7em; font-size:85%; line-height:100%; text-decoration:none; font-weight:700; font-feature-settings:"palt"; }
#f-sns-link ul li a:after { position:relative; top:-0.1em; float:right; content:" "; vertical-align:middle; width:1.2em; height:1.2em; background-position:center center; background-repeat:no-repeat; background-size:contain; }
#f-sns-link-tw a { background-color:#fff; color:#333; }
#f-sns-link-tw a:after { background:url(../img/common/f-sns-link-tw2.png); }
#f-sns-link-t { text-align:center; font-size:70%; }

#f-sns { padding-bottom:5px; }
#f-copy { padding:0 10px 10px 10px; }

}


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

#pagetop { display:none; }

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

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

#pagetop { display:block; width:100%; position:fixed; z-index:100; bottom:-200px; }
#pagetop a { display:block; width:100%; padding:0.6em; font-size:90%; font-weight:700; background-color:#fff; color:#000; text-decoration:none; text-align:center; box-shadow:0px 0px 4px rgba(0,0,0,0.2); }
#pagetop a:after { content:" ▲"; font-size:70%; position:relative; bottom:0.1em; }

}


/*eof*/