@charset "UTF-8";
/*=========================================================
	일문
=========================================================*/
/*	로고
=========================================================*/
html[lang="ja"] .SiteLink-link{
	width:5.188rem;
	height:2.188rem;
	background-image: url(../../images/logo/site_logo_ja.png);
}

/*	ScheduleBar
=========================================================*/
@media screen and (min-width:1200px){
	html[lang="ja"] .ScheduleBar{
		width:73.75rem;
		height:7rem;
	}

	html[lang="ja"] .ScheduleBarFixInfo{
		width:73.75rem;
		height:7rem;
	}

	html[lang="ja"] .ScheduleBarFix{
		width: calc(73.75rem - 2px);
		height: calc(7rem - 2px);
	}

	html[lang="ja"] .SchedulePost{
		height: calc(7rem - 2px);
	}
	
	html[lang="ja"] .SchedulePostTime-month{
		font-size:1.063rem;
	}
	
	html[lang="ja"] .SchedulePostTime-time{
		font-size:0.813rem;
	}
}

@media screen and (max-width:1199px) and (min-width:1px){
	html[lang="ja"] .ScheduleBar{
		height:6.375rem;
	}

	html[lang="ja"] .ScheduleBarFixInfo{
		height:6.375rem;
	}

	html[lang="ja"] .ScheduleBarFix{
		height: calc(6.375rem - 2px);
	}

	html[lang="ja"] .SchedulePost{
		height: calc(6.375rem - 2px);
	}
}

/*	Player
=========================================================*/
@media screen and (max-width:1199px) and (min-width:1px){
	html[lang="ja"] .PlayerPostMetaRank{
		display:block;
		margin-bottom:0.25rem;
		background-image: url(../../images/bg/player_rank_bg_two.png);
		height:2.5rem;
		padding: 0.35rem 0;
	}
	
	html[lang="ja"] .PlayerPostMetaRank-title{
		font-size:0.625rem;
	}
	
	html[lang="ja"] .PlayerPostMetaRank-text{
		font-size:0.625rem;
		margin-top:0.125rem;
	}
}

/*	Header
=========================================================*/
html[lang="ja"] .SiteMenu .menu-wrapper .menu-item a{
	font-size:0.813rem;
}

/*	DfTab
=========================================================*/
@media screen and (min-width:1200px){
	html[lang="ja"] .DfTab-item{
		width: 24.626rem;
	}
}

@media screen and (max-width:1199px) and (min-width:1px){
	html[lang="ja"] .TabButton-text{
		font-size:0.875rem;
		letter-spacing:-0.08rem;
	}
	
	html[lang="ja"] .TabButton{
		width:9.75rem;
		padding: 0.7rem 0.8rem 0.8rem 0.5rem;
	}
	
	html[lang="ja"] .StTwo .TabButton{
		padding: 0.6rem 0.8rem 0.9rem 0.5rem;
	}
}

@media screen and (max-width:1199px) and (min-width:500px){
	html[lang="ja"] .StThree .TabButton{
		width: 10.75rem;
	}
}

@media screen and (max-width:499px) and (min-width:1px){
	html[lang="ja"] .DfTab-inner{
		padding: 0 1.1rem;
	}
	
	html[lang="ja"] .StThree .TabButton{
		padding: 0.7rem 0.3rem 0.8rem 0rem;
	}
}

/*	Event
=========================================================*/
html[lang="ja"] .EventPostTextCate-text{
	font-size:1rem;
}

@media screen and (max-width:1199px) and (min-width:500px){
	html[lang="ja"] .EventPostTextCate-text{
		font-size:0.875rem;
	}
	
	html[lang="ja"] .Step3 .EventPostBg:after{
		background-image:url(../../images/bg/event_post3_m_ja.png);
		width:20.938rem;
		height:30.938rem;
		left: -1rem;
		bottom:-1rem;
	}
}

@media screen and (max-width:499px) and (min-width:1px){
	html[lang="ja"] .Event-sub{
		font-size:0.75rem;
	}
	
	html[lang="ja"] .EventPostTextCate-text{
		font-size:0.875rem;
	}
	
	html[lang="ja"] .Step3 .EventPostBg:after{
		background-image:url(../../images/bg/event_post3_m_ja.png);
		width:20.938rem;
		height:30.938rem;
		left: -1rem;
		bottom:-1rem;
	}
}