@charset "UTF-8";
h2{
	margin-right:10px;
	margin-bottom:7px;
	border:none;
}
.black {
	background-color:#000;
	z-index:0;
	padding:10px 0;
}
.league .black {
	padding:0;
}
.black_body {
	position:relative;
	padding:15px;
	color:#fff;
	z-index:1;
	vertical-align:bottom;
	background-color: rgba(0, 0, 0, 0.8);
	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#CC000000, endcolorstr=#CC000000, gradienttype=0) \9;
}
.black_body:after {
	content:"";
	display:block;
	clear:both;
}
.league .black_body {
	padding:0;
}
.black_body strong,.black_body h2 {
	float:left;
	padding-left: 12px;
	margin-bottom:4px;
	font-size:20px;
	background:url("/phenix/images/common/icon_midashi.gif") no-repeat left center;
}
.black_body a {
	display:block;
}
.black_body .more {
	text-align:right;
}
.black_body div,.black_body dl {
	clear:both;
}

/* 20231024 追加 */
.handschool_bnr{
	text-align: center;
}

.handschool_bnr img{
    width: auto;
	height: 190px;
}
.hover{
	opacity:0.2;
}
.hover:hover{
	background-color:#fff;
}
.white {
	background-color:#FFF;
	position:relative;
	z-index:0;
	border:3px solid #fff;
}
.white_body {
	background-color:#FFF;
	color:#999;
	position:relative;
	z-index:100;
	border:3px solid #fff;
}
.white_body a {
	display:block;
}

#wrap {
	position:relative;
	width:100%;
	z-index:100;
}
#backgroundVisual {
	position:absolute;
	top:131px;
	left:0;
	width:100%;
	height:1392px;
}
#backgroundVisual img {
	width:100%;
}
#backgroundVisual ul {
	margin:0 auto;
	position:relative;
}
#backgroundVisual ul li {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	display:block;
	z-index:0;
}
#wrapper {
	z-index:100;
}
#mainBox:after,#information:after {
	content:"";
	display:block;
	clear:both;
}
#main_box{
	z-index:2;
}
.result_new{
	float:left;
	width:340px;
	margin-bottom:-5px;
}
.result_new .match{
	margin-bottom:0;
}
.mainImage .black{
	height:330px;
}
.mainImage .black_body{
	width:580px;
	padding:15px;
}
.matchResult {
	background-color: rgba(0,0,0,0.8);
	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#CC000000, endcolorstr=#CC000000, gradienttype=0) \9;
	min-height: 340px;
	*height: 340px;
}
.matchResult:not(:target){
    filter: none;
    -ms-filter: none;
}

.matchResultBox {
	float:left;
	width:310px;
	padding:15px;
}
#mainArea {
	background-color: rgba(0,0,0,0.8);
	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#CC000000, endcolorstr=#CC000000, gradienttype=0) \9;
	float:right;
	height:370px;
	margin-bottom:10px;
	width:610px;
}
#mainArea:not(:target){
    filter: none;
    -ms-filter: none;
}

#mainArea .mainImage a:after {
	content:"";
	display:block;
	clear:both;
}
/**
	メインビジュアル
*/
#mainArea .mainImage {
	position:relative;
	left:0;
	top:0;
}
#mainVisual {
	position:relative;
	width:580px;
	height:320px;
	display:none;
	overflow:hidden;
}
#mainVisual ul {
	width:10000px;
}
#mainVisual ul li {
	position:absolute;
	left:0;
	top:0;
    z-index: 500;
}
#mainVisual ul li.first {
    z-index: 600;
}
#mainVisual img{
	max-width: 580px;
}
#mainController {
	position:static;
	clear:both;
	/* width:340px; /* 5個用*/
	 width:270px; /* 4個用 */
	/* width: 210px; /*3個用*/
	/*width: 140px;/*2個用*/
	/* width: 200px; */
	margin:15px auto 0;
	z-index:100;
	display:none;
}
#mainController li {
	width:58px;
	height:5px;
	margin-right:12px;
	float:left;
	background:url("/phenix/images/top/mainvisual_btn.png");
}
#mainController li.last_child {
	margin:0;
}
#mainController li.active {
	background:url("/phenix/images/top/mainvisual_btn_on.png");
}
#mainController li a {
	width:58px;
	height:5px;
	overflow:hidden;
	text-indent:-9999px;
}
.matchResultBox,.nextMatchResultBox {
	float:left;
	height: 475px;
}
.matchResultBox,.nextMatchResultBox:after {
	content:"";
	display:block;
	clear:both;
}
.matchBox{
	height: 125px;
}
.result_timeline.matchBox{
	/*height: 139px;*/
	min-height: 140px;
	padding: 10px 10px 0 10px;
	margin: 0 0 0px 0;
	*height: 140px;
}
.nextMatchResultBox h2{
	margin-bottom: 16px;
}
.nextMatchResultBox, .twitterInformationBox{
	width: 475px;
	height: 474px;
}
.twitterInformationBox .mCustomScrollbar li p a {
	color:#333 !important;
	clear:both;
	text-decoration:none;
}
.twitterInformationBox .mCustomScrollbar li p a:hover {
	text-decoration:underline;
}
.result_timeline {
	padding:3px 12px 0px;
}
.top_first_result{
	padding-top:0;
	border-bottom:1px solid #FFF;
}/*
.result_timeline:hover{
	background-color:#454545;
}*/
.result_timeline a {
	clear:both;
	display:block;
}
.result_timeline .daido{
	float:left;
	display:inline-block;
	width:60px;
	height:60px;
	margin-top:10px;
	/*background:url('/images/games/mascot/phenix.gif');*/
}
.result_timeline .rival{
	float:right;
	width:60px;
	height:60px;
	margin-top:10px;
	background-size:60px;
}
.result_timeline .score_center{
	text-align:center;
}
.result_timeline .vs {
	display: block;
	margin-bottom: 5px;
	padding-top: 5px;
}
.result_timeline .score{
	font-size: 30px;
	font-family: Arial, Helvetica, sans-serif;
}
.clearfix:after{
	content:"";
	display:block;
	clear:both;
}
.nextMatchResult ul:after {
	content:"";
	display:block;
	clear:both;
}
.match_name{
	display: flex;
	align-items: center;
	/* 230825 追加 */
	padding-bottom: 19px;
}
.match_name_txt{
	margin-right: 10px;
	font-size: 16px;
}
.twitterInformationBox {
	float:right;
}
.twitterInformationBox-links{
	display: flex;
}
.twitterInformationBox-links a {
    display: block;
}
.twitterInformationBox a:hover{
	opacity: 0.8;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
}
.twitterInformationBox:not(:target){
    filter: none;
    -ms-filter: none;
}

.twitterInformationBox ul:after {
	content:"";
	display:block;
	clear:both;
}
.twitterInformation img {
	margin-right:5px;
}
.twitterInformation > p:after {
	content:"";
	display:block;
	clear:both;
}
#twitterBox:after {
	content:"";
	display:block;
	clear:both;
}
#tweetBox {
	background:#eee;
	color:#000;
	padding:15px;
	height:100px;
}
#tweetBox:after {
	content:"";
	display:block;
	clear:both;
}
.twitterInformation .left {
	float:left;
	margin-right:-5px;
}
#mCSB_1 {
	height: 100px !important;
}

.mCustomScrollbar li{
	border-bottom: 1px solid #ccc !important;
	padding-bottom: 1em;
}
.mCustomScrollbar li:after {
	content:"";
	display:block;
	clear:both;
}
.twitter_title{
	font-size: 16px;
	font-weight: bold;
}
.mCustomScrollbar li .comment{
	line-height: 22px;
}
.mCustomScrollbar li .time{
	font-size: 12px;
	float: right;
	color: #333;
}
#schedule, #information {
	display:block;
	clear:both;
}
#schedule{
	margin-bottom:15px;
}
#schedule:after {
	content:"";
	display:block;
	clear:both;
}
.nextMatchResultBox {
	/* background-color: rgba(0,0,0,0.8);
	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#CC000000, endcolorstr=#CC000000, gradienttype=0) \9; */
	float:left;
}
.nextMatchResultBox:not(:target){
    filter: none;
    -ms-filter: none;
}
.nextMatchResultBox .nextMatchResult.black_body {
	background: url(/phenix/images/top/bg_nextgames.png) no-repeat right calc(100% - 20px) / 180px auto transparent;
	/* 231023追加 */
	height: 223px;
    background-color: rgba(0,0,0,0.8);
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#CC000000, endcolorstr=#CC000000, gradienttype=0) \9;
}

/* 231023追加 */
.nextMatchResultBox .nextMatchResult:hover {
    background-color: rgba(0,0,0,0.6);
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#99000000, endcolorstr=#99000000, gradienttype=0) \9;
}

.nextMatchResult ul li span {
	display: inline-block;
	/* 230825追加 */
	padding-right: 24px;
}

.matchResult a {
	min-height: 150px;
	*height: 150px;
}
.matchResult a:hover {
	background-color: rgba(255,255,255,0.2);
	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#33FFFFFF, endcolorstr=#33FFFFFF, gradienttype=0) \9;
}
.matchResult:not(:target){
    filter: none;
    -ms-filter: none;
}

.infoTimelineBox {
	width:232px;
	margin-right:10px;
	float:left;
	line-height: 160%;
}
.infoTimeline {
	padding:10px 13px;
	margin:0 6px 12px 0;
	width:200px;
}
.infoTimeline .category {
	padding:0px 10px;
	color:#fff;
	background-color:#223657;
	font-size: 12px;
	margin: 0px 0px 15px;
}
.infoTimeline p img{
	margin-bottom: 15px;
}
.infoTimeline .content_body {
	display:block;
}
.infoTimeline a {
	display:block;
	text-decoration:none;
}
.infoTimeline .date{
	font-weight:bold;
	font-size: 12px;
	color: #333333;
	
}
.content_title{
	font-size:14px;
	font-weight:bold;
	color:#333;
	margin-bottom:5px;
}
.content_body{
	font-size:12px;
	color:#333;
}
#banner {
	float:right;
	width:228px;
}
#banner > div {
	margin-bottom: 10px;
}
.ranking{
	font-family: Arial, Helvetica, sans-serif;
}
.ranking_img{
	/* background: url('/images/top/ranking.png') no-repeat center; */
	background: url('/phenix/images/top/ranking.gif') no-repeat center;
	height: 228px;
	padding: 20px 0 30px;
	/* トップだけ非表示*/
	/*display: none;*/
}
.ranking p{
	position: relative;
	top: 130px;
	*top: 125px;
	font-family: Arial, Helvetica, sans-serif;
}
.ranking p {
	text-align:center;
	display:block;
	font-size:200%;
}
.league_body span {
	font-size:250%;
}
#photoGallary {
	*margin-bottom: 12px;
}
.black_body a {
	color:#fff;
	text-decoration:none;
}
iframe,.twitterInformation p a {
	float:right;
	*margin-top:-15px;
}


#backBg {
	width:100%;
	background-color:#efefef;
}

.clear {
	clear:both;
}
.nobd {
	border:none !important;
	background:none !important;
}

#banner a{
	display:block;
}

/* 230818　追加 */
.youtube_movieBox {
	width: 475px;
	height: 270px;
}
.youtube_movieBox .youtube_movie{
	width: 100%;
	height: 100%;
}

.twitterInformationBox > div:nth-child(2) {
	margin-top: 14px;
}
/* 231024 追加 */
.nextMatchResultBox > div:nth-child(2) {
	margin-top: 14px;
}

.nextMatchResultBox .youtube_movie{
	display:none;
}

/* 230825 追加 */
.nextMatchResult.black_body{
	padding: 27px 27px 20px 27px; 
}

.nextMatchResult.black_body ul li{
	font-size: 16px; 
}
.nextMatchResult.black_body ul li + li{
	padding-top: 10px; 
}

.match_name_txt span{
	padding-right: 28px;
}