h1
/*/////////////////////////////////////////////////////////////////////////
default_CSS
/////////////////////////////////////////////////////////////////////////*/
body { text-align:center; font-size:100%; font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Segoe UI', 'Hiragino Kaku Gothic ProN', 'Yu Gothic', sans-serif; -webkit-text-size-adjust: 100%;}
body, h1, h2, h3, h4, h5, div, p, dl, dt, dd, ol, ul, li, form, table, caption, tbody, tfoot, thead, tr, th, td, article { margin:0; padding:0; font-weight: normal; font-size:100%; box-sizing: border-box;}
img { border:none;}
hr { display: none !important;}
ul { list-style:none;}
.alt{ position:absolute; top:-5000px; left:-9999px;}
.relative { position: relative;}
.hid{visibility: hidden;}
.bold { font-weight:bold;}
.normal { font-weight:normal;}
/*画像保護用*/
.cover {width:100%; height:100%;}
/*float*/
.floatL { float:left;}
.floatR { float:right;}
.clearfloat { height:1px; font-size:1%; clear:both; display:block; background: transparent;}
.clearfix:after {content: ".";display: block;clear: both;height: 0;visibility: hidden;}
.clearfix { min-height:1px;}
* html .clearfix {height: 1px;
/*¥*//*/
height: auto;
overflow: hidden;
/**/
}
/*font*/
.tCenter { text-align:center !important}
.tRight { text-align:right !important}
.tLeft { text-align:left !important}
/*font-size*/
html { font-size: 62.5%;}
body { font-size: 1.6rem;}
h1 { font-size: 3.2rem;}
h2 { font-size: 2.4rem;}
h3 { font-size: 2.2rem;}
h4 { font-size: 2.0rem;}
p { font-size: 1.6rem;}
.f160 { font-size:160%;}
.f140 { font-size:140%;}
.f120 { font-size:120%;}
.f110 { font-size:110%;}
.f90 { font-size:90%;}
.f85 { line-height:normal; font-size:85% !important}
/*link*/
a { text-decoration:none; color:#fff;}
a:hover { text-decoration:underline; color:#fff;}
#gotop a,#movie ul li span,#insta a,a.btn_m,footer #sns ul li a,a.btn_dt,#bn_sch a,ul.pool a,#prevnext ul li a,ul.gllist li,#glthumb ul li,ul.bknm li a {text-decoration:none;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}
#gotop a:hover,#movie ul li span:hover,#insta a:hover,a.btn_m:hover,footer #sns ul li a:hover,#bn_sch a:hover,#prevnext ul li a:hover,ul.gllist li:hover,#glthumb ul li:hover{text-decoration:none; filter:alpha(opacity=70); -moz-opacity:0.70; opacity:0.70;}
.no-link{ pointer-events: none; cursor: default; text-decoration:none; filter:alpha(opacity=30); -moz-opacity:0.30; opacity:0.30;}

/*/////////////////////////////////////////////////////////////////////////
コンテンツ用CSS／オリジナル設定
/////////////////////////////////////////////////////////////////////////*/
html, body { background: #0188cc;color:#333; letter-spacing: 1px;}
#con-body {background-color:transparent;}

header{height:550px;}
#top header h1,header a { background: url(../img/header2026.jpg) no-repeat 0 0; width:980px; height:550px; margin:10px auto; padding:0; }
header a{display:block; position:relative;}



.lazy {position:relative; display:block;}
.lazy img {position:absolute;left:0;top:0; width:100%; height:100%;}



/*footer*/
footer {margin:0 auto; padding:10px 0;  text-align:left;background:#030303;}
footer p {padding:1em 0; line-height:1.5; color:#fff; font-size:90%;}
#top footer{text-align:center;}
#tline{width:100%; margin:0 auto 5px;}
#tline #tw,#tline #fb,#tline #insta{width:300px; margin:0 28px 10px 0;}
#tline #paravi{width:300px; margin:5px auto;}
#tline #insta{margin:0;}

#tw .twtl,#fb .fbtl,#insta .insta{background:#fff; width:100%; border-top:4px solid #55acee; border-bottom:4px solid #55acee; box-shadow:0 2px 10px rgba(13,117,162,0.8);}
#fb .fbtl{border-top:4px solid #3e5c99; border-bottom:4px solid #3e5c99;}
#insta .insta{border-top:4px solid #ccc; border-bottom:4px solid #ccc;}


/*#insta {margin:3.7em 0 0;}
#insta a{border:3px solid #fff; display:block; border-radius:10px; width:300px; height:120px; background-size: cover; background-repeat: no-repeat; background-position: center center; background-image:url(../img/insta.png);}*/
footer #sns {padding:0 0 3em;}
footer #sns ul li {width:95px; height:95px; margin:0 .3em 0 0; display:inline-block; background:rgba(46,102,205,0.3);}
footer #sns ul li a {width:100%; height:100%; display:block; background-repeat: no-repeat; background-position: center center;}
footer #sns ul li.ic_tw a {background-image: url(../img/icon_tw.png);}
footer #sns ul li.ic_fb a {background-image: url(../img/icon_fb.png);}
footer #sns ul li.ic_is a {background-image: url(../img/icon_is.png);}
footer #sns p{color:#fff; font-size:85%;}
/* insta */
div.insta {height:360px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	overflow:hidden;
}
div.insta ul{margin:5px 0 0 15px;}
div.insta ul li {float:left; margin:10px 10px 0 0;}
div.insta ul li a, div.insta ul li a img {
	display:block;
	background-position:center center;
	background-repeat:no-repeat;
	width:130px;
	height:100px;
}
div.insta ul li a {background-size:cover;}
div.insta ul li a:hover img {background-color:hsla(216,82%,13%,0.25);}
div.insta ul li a img {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	border:1px solid #ccc;
}
div.insta ul li a img.icon-video {background-image:url(/um/img/play.png);}
#sns-side{width:100%;background:#FFFFFF;

padding:10px 0px;margin-top:10px;}

#tw h3{width:300px; height:75px; background:url(../img/tw.jpg) no-repeat;}
#fb h3{width:300px; height:75px; background:url(../img/fb.jpg) no-repeat;}
#insta h3{width:300px; height:75px; background:url(../img/baseball.jpg) no-repeat;}
#paravi h3{width:300px; height:100px;background:url(../img/paravi.jpg) no-repeat;}

#sns-banner{padding:10px 0px;}
/*//////PC//////*/
@media all and (min-width: 768px) {
#container {margin:0px;}
#sns-banner{margin:0 auto; width:980px;}
#gotop {position: fixed; bottom: 20px; right: 20px;}
#phsp,#gotop span { display:none;}
#gotop a {display:block; width:83px; height:83px; background:url(../img/gotop.png) no-repeat 0 0;}


#tw h3,#fb h3,#insta h3{margin-left:15px;}



}

/*//////smp//////*/
@media all and (max-width: 767px) {
body,p { font-size: 1.3rem;}
h1 { font-size: 2.6rem; }
h2 { font-size: 2rem; line-height:1.5em;}
h3 {font-size: 2rem; line-height:1.5em;#FFFFFF; }
h4 { font-size: 1.45rem; }
.f90 { font-size: 1.2rem;}

header{height:auto;}
#top header h1,header a { width:100%; height:0; padding:56.1224489795918% 0 0; background-size: contain; position:relative;}
/*header a{width:50%; height:0; padding:22.397% 0 0; background-size: contain; margin:1.5em auto;}*/
#top header h1 img,header a img,#tnsheet img,.phmain img,.phmain_l img,ul.gllist li img {position:absolute;left:0;top:0; width:100%; height:100%;}
#glthumb {padding:1em 0;}
#glthumb h2{width:45%; height:0; padding:6.6393% 0 0; background-size: contain; margin:.2em auto .4em;}
#glthumb h3{font-size: 1.5rem; padding:0 0 .3em;}
#glthumb ul {width:100%; height:90px; overflow:hidden;}
#glthumb ul li {width:80px; height:80px; margin:.2em 0.5% 1em; border:1px solid rgba(228,232,241,0.5);}
#top .inner{width:100%;}
#top #schedule {padding:1.5em 0 3em;}
#top #schedule h2{width:100%; border-top:2px solid #c4b469; border-bottom:2px solid #c4b469; padding:2.5% 0; margin:0 0 .5em;
background-size: 80%;}
#top #schedule .inner {background:none;}
#onair{width:95%; margin:0 auto; float:none;}
.oatable td.date{width:30%;}
.oatable td img{width:20px; margin:.1em .2em -.2em;}

#sns-banner{margin:0 auto; width:300px;}
#tline{width:100%; margin:0 auto;}

#tw h3,#fb h3,#insta h3{width:300px; height:75px;}
#paravi h3{width:300px; height:100px; }
#tline #tw,#tline #fb,#tline #insta,#tline #paravi{width:300px; margin:5px auto;}


footer{ text-align:center; padding:2.5em 0 50px;}
footer p {font-size:80%;}
#rect{margin:3em auto 0; float:none; }
footer #sns {padding:3em 0 0;}
footer #sns ul li {width:85px; height:85px;}
footer #sns ul li a{background-size: 40%;}
#gotop {position: static; bottom: 0; left:0; width:100%; text-align:center; font-size:1.5rem; letter-spacing:.3em;}
#gotop a {width:100%; height: 50px; display:block; line-height:50px; font-weight:bold;
background:linear-gradient(to top,rgba(42,82,152,1),rgba(42,82,152,0.5));}

#prevnext ul li a {font-size:2rem; width:50px; height:50px; line-height:50px;}
.navi1{width:90%;}
.navi2{width:60%;}
#tnsheet{width:100%; height:0; padding:143.8515% 0 0; margin:2em auto 0;}
}
@media all and (max-width: 320px) {
body,p { font-size: 1.3rem;}
#menu li { font-size:1.2rem;}
.vsres td.gttl{width:40%;}
.vsres td.year{width:20%;}
.vsres td.res{width:21%;}

#glthumb h3{font-size: 1.4rem;}
}



/* SNS
=================================== */
#f-tl { padding:17px 17px 60px; box-sizing:border-box; background-color:#fff; border:#efefef 5px solid;width:980px;margin:5px auto;
background-image:url(../img/pc-bg2023.jpg);
background-repeat:no-repeat;
background-position:right bottom;}
#f-tl:after {content:"";clear:both;display:block;}
#f-tl-tw { float:left; width:460px; background-color:#4d9bd6; }
.f-tl-hd { height:50px; }
#f-tl-tw h2 { float:left; display:block; height:100%; background:center center; background-size:cover; text-indent:-9999px; }
#f-tl-tw h2 { width:174px; background-image:url(../img/f_tl_tw_ttl.png); }
.f-tl-btn { float:right; width:89px; height:100%; margin-right:16px; }
.f-tl-btn a { display:block; width:100%; height:100%; background:center center no-repeat; background-size:89px auto; text-indent:-9999px; outline:none; opacity:1; }
.f-tl-btn a:hover { opacity:0.7; }
#f-tl-tw .f-tl-btn a { background-image:url(../img/f_tl_tw_btn.png); }
.f-tl-box { padding:0 4px 4px 4px; font-size:1%; }

@media all and (max-width: 767px) {
/* --- f-tl --- */
#f-tl {width:auto; max-width:460px; padding:10px 10px 60px; border:0; text-align:center; 
background-image:url(../img/pc-bg2023.jpg);
background-repeat:no-repeat;
background-position:right bottom;

}
#f-tl-fb,#f-tl-tw { float:none; width:auto; max-width:460px; margin:0 auto 0 auto; }
#f-tl-fb { margin-bottom:10px; }
.f-tl-hd { height:40px; }
#f-tl-fb h2 { width:153px; }
#f-tl-tw h2 { width:139px; }
.f-tl-btn { margin-right:10px; }
}
#f-sns-tw, #f-sns-fb { display:inline-block; }
#f-sns { position:relative; top:3px; }
#f-sns-tw { position:relative; top:3px; }

#banner-sns{display:inline-block; width:450px; margin:10px 0px;}
.fb-banner span,.ins-banner span {width:450px;height:150px;margin:0 0 .8em;display:block; background-size:cover; transition: 0.5s;}
.fb-banner span:hover,.ins-banner span:hover { opacity:0.7; }
@media all and (max-width: 767px) {
#banner-sns{width:100%; margin:1em auto;}
.fb-banner span,.ins-banner span {width:100%; height:0; padding:33.333333333% 0 0;display:block; position:relative; margin:2% auto;}
.fb-banner span img,.ins-banner span img{position:absolute;left:0;top:0; width:100%; height:100%;}
}


#main-box {background-color:#d2d1d0;margin:10px 0px;padding:10px;}
.mc-box p{padding:18px;text-align:left; line-height:2.0;font-size:120%; }
@media all and (min-width: 768px) {
.mc-box{
width: 980px;
margin:0px auto 0px auto;
padding:15px 0px 80px 10px;
background:#fff;
background-image:url(../img/pc-bg2023.jpg);
background-repeat:no-repeat;
background-position:right bottom;
color: #030303;
}
.img-L span {width:300px;height:180px;margin:15px;float:left;display:block;text-indent: -9999px;  }
}



@media all and (max-width: 767px) {
#main-box {background-color:#d2d1d0;margin:0px;padding:0px;}
.mc-box {
  width: 100%;
  margin: 20px 0 0;
  font-size:60%;
	background:#fff;
	padding-bottom:50px;
	background-image:url(../img/pc-bg2023.jpg);
		background-repeat:no-repeat;
	background-position:right bottom;
	color: #030303;
}
.img-L span,.img-R span{width:100%; height:0; padding:60% 0 0;display:block;background-size: contain;position:relative;text-indent:-9999px;}
}





@media all and (min-width: 768px) {
#c-box{width:980px;margin:0px auto;}
#r-box{float:right;}
#l-box{float:left;}
.imgCB span {width:480px;height:196px;margin:8px auto;display:block;text-indent: -9999px;  }
.sports-banner span {width:960px;height:225px;margin:8px auto;display:block;text-indent: -9999px;  }
.img-banner span {width:480px;height:160px;margin:8px auto;display:block;text-indent: -9999px;  }
}



@media all and (max-width: 767px) {
.imgCB span{width:100%; height:0; padding-top:40.83333333%; display:block;background-size: contain;position:relative;text-indent:-9999px;margin:10px 0px;}
.img-banner span{width:100%; height:0; padding-top:33.333333333%; display:block;background-size: contain;position:relative;text-indent:-9999px;margin:10px 0px;}
.sports-banner span{width:100%; height:0; padding-top:23.4375%; display:block;background-size: contain;position:relative;text-indent:-9999px;margin:10px 0px;}
}