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

#top .movie-list{margin:20px 0px 0px;}
#top .movie-list li {background:#FFFFFF;}
#top .movie-list li dd{padding:5px;}
@media all and (min-width: 768px) {
#r-banner{width:300px;margin-top:50px;float:right;}
#c-banner{width:300px;height:250px;margin:10px auto;}
#banner{width:940px;height:150px;margin:10px auto;}
ul#banner li {width:465px; height:150px;float:left;margin-bottom:10px;margin-left:5px}
li.midokoro span,li.player span {width:465px;height:150px;display:block;text-indent: -9999px;}


#banner a{
	display:block;
	width:465px;
	height:150px;
	transition: 0.2s ease-in-out;
}
#banner a:hover{
	opacity:0.7;
	background-color: #fff;
}

}



@media all and (max-width: 767px) {
#r-banner{width:300px;margin:0px auto;}
#c-banner{width:300px;margin:0px auto;}
#banner{margin:5px auto;}
li.midokoro span,li.player span {width:100%; height:0; padding:32.608695652% 0 0; background-size: contain; position:relative;margin-top:5px;text-indent: -9999px;}

}

/*	header main_image
============================== */

div.header{
	background-image:url(../img/header2026.jpg);
	background-repeat: no-repeat;
	background-position: center top; 
	height: 550px;
	padding:5px 0px;
}
h1.logo{text-indent:110%;white-space:nowrap;overflow:hidden;}
div.header p.date{text-indent:110%;white-space:nowrap;overflow:hidden;}

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

	
div.header{
	background-image:url(../img/header2026.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	height: 0;
	margin:0 auto;
	padding-top: 56.1224489795918%;
}
}



/*	more_btn
============================== */
.more_btn{width:300px;}
.more_btn a{
  padding: 5px 0 5px 0px;
	border-radius: 30px;
  text-decoration: none;
  color: #FFF;
	background-color: #ff0000;
  background-image: -webkit-linear-gradient(45deg, #c20000 0%, #ff0000 100%);
  background-image: linear-gradient(45deg, #c20000 0%, #ff0000 100%);
	text-align: center;
	position:relative;
	display: inline-block;
	transition: all 0.2s;
}
.more_btn a::after{
  content: '';
  width: 10px;
  height: 10px;
  border: 0px;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 25px;
  margin-top: -5px;
	transition: all 0.2s;
}
.more_btn a:hover {
	background-color: #ff0000;
	background-image: -webkit-linear-gradient(45deg, #c20000 0%, #ff0000 100%);
	background-image: linear-gradient(45deg, #c20000 0%, #ff0000 100%);
}
.more_btn a:hover::after{
	right: 17px;
}
@media all and (min-width: 768px) {
.more_btn{
	margin: 10px auto 30px;
	width: 300px;
}
.more_btn a{
	width: 300px;
}
}
@media all and (max-width: 767px) {
.more_btn{
	margin: 20px auto 20px;
	width: 300px;
}
.more_btn a{
	width: 300px;
	font-size: 90%;
}
}


/* --- f-tl --- */

#f-tl {margin:5px auto; width:980px;padding:17px; box-sizing:border-box; background-color:#fff; border:#efefef 5px solid; }
#f-tl:after {content:"";clear:both;display:block;}

#f-tl-fb { float:left; width:460px; background-color:#3b5999; }
#f-tl-tw { float:left; width:460px; background-color:#4d9bd6; margin-right:16px; }
.f-tl-hd { height:50px; }
#f-tl-fb h2,#f-tl-tw h2 { float:left; display:block; height:100%; background:center center; background-size:cover; text-indent:-9999px; }
#f-tl-fb h2 { width:191px; background-image:url(../img/f_tl_fb_ttl.png); }
#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-fb .f-tl-btn a { background-image:url(../img/f_tl_fb_btn.png); }
#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 (min-width: 768px) {
#f-banner{ float:right; width:460px;margin-top:30px;} 
}
/* ------------ Media Queries ------------ */
@media all and (max-width: 767px) {
/* --- f-tl --- */
#f-tl { padding:10px; border:0; text-align:center;width:100%; }
#f-banner{ margin:5px auto;} 
#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; }
}

.btn { font-size:110%; position:relative; }
.btn a { display:block; width:100%; padding:0.5em 0; box-sizing:border-box; border-radius:1.0em; background-color:#ff0096; color:#FFFFFF; font-family:'Oswald', sans-serif; text-align:center; text-decoration:none; }
.btn a::before { position:absolute; top:0.8em; left:0.8em; display:block; content:""; width:0.4em; height:0.4em; background:url(../img/arrow_gr.png) center center no-repeat; background-size:cover; }
.btn a:hover { opacity:0.7; }
.top-btn { float:none; width:300px; margin:auto; }

#bn-rect-box { width:300px; height:250px; }
#rect-box { width:300px; height:250px;margin:10px auto; padding-bottom:10px;}

.top-txt {
padding: 0.5em 1.5em;
    margin: 2em 0;
    font-weight: bold;
    color: #bd1080;/*文字色*/
    background: #FFF;
    border: solid 3px #bd1080;/*線*/
    border-radius: 10px;/*角の丸み*/
 font-weight: bolder;line-height: 2.5;}
 
 
 /* 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%; }
.bn-data span{width:900px;height:250px;margin:10px auto 15px;display:block; background-size: cover; background-repeat: no-repeat; background-position: center center;}

@media all and (max-width: 767px) {
.bn-data span{width:100%; height:0; padding:27.77777778% 0 0;display:block;background-size: contain;position:relative;text-indent:-9999px;margin-bottom:15px;}
}

@media all and (min-width: 768px) {
.sports-banner span {width:940px;height:220px;margin:8px auto;display:block;text-indent: -9999px;  }

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