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

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;
}
.br_smp { display: -webkit-block; display: block; }
@media all and (min-width: 768px) {
.br_smp{ display: none; } 
}
/* General
=================================== */

body { font-family:kinto-sans, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, Roboto, "Droid Sans", sans-serif; font-weight:400; font-style:normal; color:#fff; background-image:url(../img/common/bg_header.png), url(../img/common/bg.jpg); background-position:center 190px, center top; background-repeat:no-repeat, repeat; font-feature-settings:"palt"; /* for ios */ -webkit-text-size-adjust:100%; }

body#top { background-image:none, url(../img/common/bg.jpg); }

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

.alt{ position:absolute; top:-5000px; left:-9999px; }

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

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

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

#con-body { background:url(../img/common/bg_smp.jpg) center top; }

}

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

.txts { font-size:80%; }
.txtb { font-size:120%; }
.txtbb { font-size:160%; }
.txtbbb { font-size:200%; }
#program_contents strong, .bold { font-weight:600; }
.blue { color:#3953C9; }
.red { color:#B32705; }
.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; }

}


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

.mov_yt { width:100%; margin:20px 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%; }






/* gnav
=================================== */

#gnav-area { margin-bottom:30px; font-size:150%; color:#fff; background:rgb(255,87,67); background:linear-gradient(0deg, rgba(255,87,67,1) 0%, rgba(201,81,100,1) 100%); box-shadow:0px 0px 4px rgba(255,87,67,1.0) inset, 0px 0px 4px rgba(255,87,67,1.0) inset, 0px 0px 4px rgba(255,87,67,1.0) inset; box-shadow:0px 0px 4px rgba(255,87,67,1.0) inset, 0px 0px 4px rgba(255,87,67,1.0) inset, 0px 0px 4px rgba(255,87,67,1.0) inset; font-weight:600; text-shadow:0px 2px 4px rgba(0,0,0,0.2); text-align:center; }
#gnav { width:1000px; margin:auto; display:flex; flex-wrap:wrap; box-sizing:border-box; border-right:1px solid rgb(0,0,0,0.2); }
#gnav li { height:3.2em; box-sizing:border-box; border-left:1px solid rgb(0,0,0,0.2); background:rgb(255,87,67); background:linear-gradient(0deg, rgba(255,87,67,1) 0%, rgba(201,81,100,1) 100%); box-shadow:0px 0px 4px rgba(255,87,67,1.0) inset, 0px 0px 4px rgba(255,87,67,1.0) inset, 0px 0px 4px rgba(255,87,67,1.0) inset; box-shadow:0px 0px 4px rgba(255,87,67,1.0) inset, 0px 0px 4px rgba(255,87,67,1.0) inset, 0px 0px 4px rgba(255,87,67,1.0) inset; }
#gnav li:nth-child(1) { width:8.97435897435897%; }
#gnav li:nth-child(2),
#gnav li:nth-child(3) { width:15.3846153846154%; }
#gnav li:nth-child(4) { width:21.7948717948718%; }
#gnav li:nth-child(5) { width:12.8205128205128%; }
#gnav li:nth-child(6) { width:15.3846153846154%; }
#gnav li:nth-child(7) { width:10.2564102564103%; }

.gnav-item { display:block; width:100%; height:100%; padding:0.3em 0.5em; box-sizing:border-box; display:flex; justify-content:center; align-items:center; line-height:110%; }
a.gnav-item { color:#fff!important; text-decoration:none; /* hover fade */ transition: opacity 0.2s ease-out; }
@media (hover: hover) { a.gnav-item:hover { opacity:0.5; text-decoration:none; } }
.gnav-item.coming { opacity:0.5; }
.gnav-item .gnav2l { display:block; }
.gnav-item .gnav2l .inner { display:block; }

/* ----- media queries ----- */

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

#gnav-area { margin-bottom:15px; font-size:4.2vw; background:none; }
#gnav { width:auto; }
#gnav li { background:rgb(255,87,67); background:linear-gradient(0deg, rgba(255,87,67,1) 0%, rgba(201,81,100,1) 100%); box-shadow:0px 0px 4px rgba(255,87,67,1.0) inset, 0px 0px 4px rgba(255,87,67,1.0) inset, 0px 0px 4px rgba(255,87,67,1.0) inset; box-shadow:0px 0px 4px rgba(255,87,67,1.0) inset, 0px 0px 4px rgba(255,87,67,1.0) inset, 0px 0px 4px rgba(255,87,67,1.0) inset; }
#gnav li:nth-child(1),
#gnav li:nth-child(2),
#gnav li:nth-child(3) { width:33.3%!important;  border-bottom:1px solid rgb(0,0,0,0.2); }
#gnav li:nth-child(4) { width:36.1702127659575%!important; }
#gnav li:nth-child(5) { width:21.2765957446809%!important; }
#gnav li:nth-child(6) { width:25.531914893617%!important; }
#gnav li:nth-child(7) { width:17.0212765957447%!important; }

}



/* main
=============================================== */

#main { width:1000px; margin:auto; }

.list-star { padding-left:1.0em; }
.list-star li { padding-bottom:0.5em; text-indent:-1.0em; line-height:140%; }

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

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

#main { width:auto; padding:0; }
  
}

/* box
-------------------------------- */

.box { padding-bottom:40px; }
.box .mainttl { text-align:center; padding-bottom:15px; line-height:1.2;  }
.box .mainttl .en, .box .mainttl .jp { display:block; text-shadow:0px 2px 4px rgba(0,0,0,0.2); }
.box .mainttl .en { font-size:300%; font-family:'Poppins', sans-serif; font-weight:bold; letter-spacing:0.02em; }
.box .mainttl .jp { font-size:140%; font-weight:600; font-style:normal; letter-spacing:0.1em; }
.box .ttl { margin-bottom:0.8em; padding:0.3em 0.5em; font-size:170%; line-height:140%; color:#fff; border-radius:0.4em; background:rgb(255,87,67); background:linear-gradient(0deg, rgba(255,87,67,1) 0%, rgba(201,81,100,1) 100%); text-shadow:0px 2px 4px rgba(0,0,0,0.2); box-shadow:0px 0px 4px rgba(255,87,67,1.0) inset, 0px 0px 4px rgba(255,87,67,1.0) inset, 0px 0px 4px rgba(255,87,67,1.0) inset; font-weight:600; }
.box .ttl .gd { display:inline-block; vertical-align:top; margin-right:0.5em; padding:0.2em; box-sizing:border-box; border-radius:0.4em; border:#fff 2px solid; font-size:90%; line-height:100%; }
.box-body { padding:40px; background-color:#fff; border-radius:40px; color:#333;margin-bottom:15px; }
.box-body .txt { line-height:170%; margin-bottom:15px;}

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

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

.box { padding-bottom:20px; }
.box .mainttl { font-size:70%; }
.box .ttl { font-size:110%; }
.box-body { padding:10px; border-radius:0; }
.box-body .txt { font-size:90%; line-height:150%; }

}

/* snav
-------------------------------- */

#snav { margin-bottom:20px; text-align:center; /* for space */ font-size:0; }
#snav li { display:inline-block; margin:0 1%; width:48%; vertical-align:middle; /* for space */ font-size:1.4rem; }
#snav li a { display:block; width:100%; color:#fff; text-decoration:none; font-weight:700; padding:0.5em; box-sizing:border-box; border-radius:1000px; font-feature-settings:"palt"; text-align:center; background:rgb(255,87,67); background:linear-gradient(0deg, rgba(255,87,67,1) 0%, rgba(201,81,100,1) 100%); box-shadow:0px 0px 4px rgba(255,87,67,1.0) inset, 0px 0px 4px rgba(255,87,67,1.0) inset, 0px 0px 4px rgba(255,87,67,1.0) inset; text-shadow:0px 2px 4px rgba(0,0,0,0.2); /* hover fade */ transition: opacity 0.2s ease-out; }
@media (hover: hover) { #snav li a:hover { opacity:0.5; } }
#snav li a::before { content:"▼"; font-size:50%; margin:-0.25em 0.5em auto 0; display:inline-block; vertical-align:middle; }
#snav li.current a { color:#ffff00; }

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

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

#snav li { font-size:1.1rem; }

}

/* match-box
-------------------------------- */

.match-box { display:flex; justify-content:center; align-items:center; }
.match-l, .match-r { width:6.0em; font-weight:600; font-size:110%; }
.match-x { font-size:220%; font-weight:600; white-space:nowrap; }
.match-x .score-s { display:block; margin:10px 5px 0 5px; padding:0 0.5em; font-size:50%; line-height:140%; border-left:1px #000 solid; border-right:1px #000 solid; white-space:nowrap; }
.match-l img, .match-r img { width:3.0em; height:2.0em; box-shadow:0px 2px 4px rgba(0,0,0,0.2); }
.match-box .cnt-name { display:block; font-size:90%; line-height:120%; }

/* btn
-------------------------------- */
.btn { margin:0 auto 1.0em auto; text-align:center; font-size:120%; }
.btn a { display:inline-block; position:relative; width:100%; padding:1.0em 0; border-radius:1000px; line-height:130%; font-weight:600; color:#fff!important; text-decoration:none; background:rgb(255,87,67); background:linear-gradient(0deg, rgba(255,87,67,1) 0%, rgba(201,81,100,1) 100%); box-shadow:0px 0px 4px rgba(255,87,67,1.0) inset, 0px 0px 4px rgba(255,87,67,1.0) inset, 0px 0px 4px rgba(255,87,67,1.0) inset; box-shadow:0px 0px 4px rgba(255,87,67,1.0) inset, 0px 0px 4px rgba(255,87,67,1.0) inset, 0px 0px 4px rgba(255,87,67,1.0) inset; /* hover fade */ transition: opacity 0.2s ease-out; }
@media (hover: hover) { .btn a:hover { opacity:0.5; } }
.btn a::before { display:inline-block; position:absolute; top:1.95em; left:2.2em; margin-right:0.7em; content:"▶︎"; font-size:50%; }

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

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

.btn { font-size:100%; }

}

/* dgm-final
-------------------------------- */

.dgm-final { margin-bottom:30px; position:relative; width:100%; height:0; background-color:#efefef; padding-top:54.347826087%; }
.dgm-final p { 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; }



/* footer
=================================== */

/* f-banner
-------------------------------- */

#f-banner { width:1000px; margin:0 auto 20px auto; text-align:center; }

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

.banner-list .banner { position:relative; width:100%; height:0; }
.banner-list .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-list .banner a:hover { opacity:0.5; } }

#bn-big-yt { width:48%; margin:0 26% 2% 26%; }
#bn-tw,
#bn-insta,
#bn-tiktok,
#bn-volleyball { width:23%; margin:0 1% 1% 1%; }

#bn-big-yt .banner { padding-top:23.4%; }
#bn-tw .banner,
#bn-tiktok .banner,
#bn-insta .banner,
#bn-volleyball .banner { padding-top:33.478%; }
#bn-tw .banner a,
#bn-tiktok .banner a,
#bn-insta .banner a,
#bn-volleyball .banner a { box-sizing:border-box; border-radius:9999px; box-shadow:0px 2px 4px rgba(0,0,0,0.2); }

#bn-big-yt .banner a { background-image:url(../img/common/bn_big_yt.jpg); }
#bn-tw .banner a { background-image:url(../img/common/bn_tw2.png); }
#bn-tiktok .banner a { background-image:url(../img/common/bn_tiktok.png); }
#bn-insta .banner a { background-image:url(../img/common/bn_insta.png); }
#bn-volleyball .banner a { background-image:url(../img/common/bn_volleyball.png); }

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

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

#f-banner { width:auto; margin:0 1% 2% 1%; box-sizing:border-box; }

#bn-big-yt { width:98%; margin:0 1% 2% 1%; }
#bn-tw,
#bn-insta,
#bn-tiktok,
#bn-volleyball { width:48%; margin:0 1% 2% 1%; }

}

/* f-banner2
-------------------------------- */

#f-banner2 { text-align:center; }
#f-banner2 ul li { padding:10px 0; }



/* footer
-------------------------------- */

.copyright { text-align:center; line-height:140%; padding:0 20px 40px 20px; }
.copyright p { line-height:140%; }
.copyright a { color:#ffff00; }

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

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

.copyright { padding:0 10px 20px 10px; }
.copyright p { font-size:90%; }
}

/*eof*/