@charset "UTF-8";


/*--------------------------
  ★swiper スライダー
---------------------------*/
.swiper{
  width: 100%;
  text-align: center;
}
/*スライダーのサイズ調整*/
.swiper img{
  width: 100%;
}
/*スクロールバーの太さ*/
.swiper-scrollbar {
  height: 10px !important;
}
/*メイン画像以外は白っぽくに
.swiper-slide-prev img,
.swiper-slide-next img,
.swiper-slide-active:not img{
    -webkit-filter: opacity(70%);
    -moz-filter: opacity(70%);
    -o-filter: opacity(70%);
    -ms-filter: opacity(70%);
    filter: opacity(70%)!important;
    transition: 0.2s linear!important;
}*/
/*メイン画像以外は白黒に*/

.swiper-slide-prev,
.swiper-slide-next{
 transition: 0.2s linear!important;
 -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  filter: grayscale(100%)!important;
}

.swiper-slide-prev img,
.swiper-slide-next img {
  filter: blur(3px);
}
/*ナビ（ドット）の*/
.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom, .swiper-pagination-fraction{
 bottom: 18px!important;
}
/*やじるしの色*/
.swiper-button-next,
.swiper-button-prev {
--swiper-navigation-color: #fff; //ここに変更する色を指定
}





/*--------------------------
  ★#mvArea
---------------------------*/
#mvArea #mv {
    margin: 0;
    padding: 0;
    width: 100%;
    position: relative;
    height: auto;
}





/*----#tinfoArea　/*----緊急お知らせエリア --*/

#tinfoArea {
	background: #000;
	padding: 40px 0 40px;
}

.tinfo h3{
color:#FF0;
margin-bottom:10px;
}
.tinfo{
line-height:1.6em;
padding:0 10px;
color: #fff;
}
.tinfo p a{
color:#fff;
}
.tinfo p a:hover{
color:#FF0;
}
.ta_c{ text-align:center;}
.tinfo a:hover img{
opacity: 0.8;
}
.tinfo a img{
max-width: 100%;
height: auto;
width /***/:auto;
}
.tinfo .flexbox{
display: flex;
justify-content: center;
max-width:1370px;
margin:auto;
text-align:center;
}
.tinfo .flexbox.clm2 div {
width: 47%;
margin: 3%;
font-size:.9em;
}
.tinfo .flexbox.clm3 div {
width: 26%;
margin: 3%;
font-size:.9em;
}
@media only screen and (max-width: 500px) {
.tinfo .flexbox{
display: block;
}
.tinfo .flexbox.clm2 div,
.tinfo .flexbox.clm3 div {
width: 100%;
margin: 20px 0;
}
}








/*----#lust_nextArea　----最後の試合　次の試合 --*/
#lust_nextArea {
	background: #333;
	background-image: url(/images/results_pc.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	padding: 40px 20px 45px;
	color: #ffffff;
	text-align: center;
	
	display: flex;
}

#lust_nextArea section {
width: 48%;
margin: 0 1%;
}

#lust_nextArea .ttlhead {
	font-size: 40px;
	margin-bottom: 40px;
}
#lust_nextArea .ttlhead span{
	font-size: 20px;
	margin-left: 10px;
	display: inline-block;
	position: relative;
}
#bnrArea img {
max-width: 100%;
height: auto;
width:auto;
}
#lust_nextArea .inner {
		display: flex;
		align-items: stretch; /* 子要素を高さで揃える */
		width:100%;
}
#lust_nextArea section {
		background-color: #ffffff;
		border: 8px solid #E95506;

		display: flex; /* 中の要素をセンタリングするため */
		align-items: center; /* 垂直方向で中央揃え */
		box-sizing: border-box; /* パディングを含めたサイズ */
}
#lust_nextArea .pointInfo {
		width:100%;
}
.l-game,
.primary-border-color {
border-color:rgba(255,255,255,0)!important;
}
.c-button {
background-color: #E95506 !important;
border: 2px solid #E95506 !important;
}
.primary-object-background-color {
	background-color: #E95506 !important;
}
/* for SP
-------------------------------------------------------------------------------------*/

@media only screen and (max-width: 800px) {

/*----#lust_nextArea*/
#lust_nextArea {
	background-image: url(../images/results_sp.jpg);
	padding: 40px 0 40px;
	display: block;
}
#lust_nextArea .inner {
		display:block;
}

#lust_nextArea section {
width: 100%;
margin: 20px 0;
}
#lust_nextArea .ttlhead {
	font-size: 40px;
	margin-bottom: 30px;
}
}








/*--------------------------
  ★#contBtns
---------------------------*/
#contBtns {
	padding: 60px 3% 50px;
}

#contBtns .btn01 {
	background-image: url(../images/img_btn_goods.jpg);
}
#contBtns .btn03 {
	background-image: url(../images/img_btn_profile.jpg);
}
section.news {
	color: #333333;
	background-color: #E95506;
	padding: 64px 0;
	font-size: 1.8rem;
}

section.news .inr {
	max-width: 1084px;
	width: 97%;
	padding: 32px;
	margin: 0 auto;
	background-color: #ffffff;
}

section.news .inr h2{
	color: #1C1C1C;
	text-align: center;
	font-family: 'Anton', sans-serif;
	font-size: 50px;
	font-weight: normal;
}

section.news .inr .bscBtn01 a {
	font-size: 70%;
	margin: 3px 10px;
}
section.news .inr .newsList {
	width: 100%;
}

section.news .newsTitle a {
	display: block;
}

section.news .newsTitle a .lead{
	padding-top: 0.5em;
	display: block;
}

section.news .inr .newsList  {
	width: 100%;
}
section.news .inr .newsList{
	border-top: rgba(255,252,252,.2) 1px solid;
}

section.news .inr .newsList dl {
	border-bottom: #DEDEDE 1px solid;
	padding: 13px 2%;
}

section.news .inr .newsList dl:last-of-type{
	border-bottom: none;
}

section.news .inr .newsList dl dt {
	line-height: 1.2;
}

section.news .inr .newsList dl dt a,
section.news .inr .newsList dl dt a:link,
section.news .inr .newsList dl dt a:hover,
section.news .inr .newsList dl dt a:focus{
	text-decoration: none!important;
}

section.news .inr .newsList dl dt span.day {
	color: #E95506;
	margin-right: 0.5em;
	vertical-align: bottom;
	font-weight: bold;
}

section.news .inr .newsList dl:hover a span.day{
	text-decoration: underline;
}

section.news .inr .newsList dl:hover a span.lead{
	text-decoration: underline;
}

section.news .inr .newsList dl:hover dt span.category{
	opacity: 0.8;
}

section.news .inr .newsList dl dt span.category{
	padding: 0.25em 1.5em;
	background-color: #1c1c1c;
	color: #ffffff;
	font-size: 12px;
	display: inline-block;
}

section.news .inr .newsList dl dt span.lead {
	display: block;
	margin-top: 0.5em;
}

section.news .bscBtn04{
	display: block;
	margin: 35px auto 0;
}

section.news .bscBtn04 a{
color: #fff!important;
}

.news-tab{
	margin-top: 40px;
	margin-bottom: 30px;
	font-weight: bold;
	color: #333;
	}

.news-tab ul{
	font-size: 0.8333em;
	margin: 0 2%;
}

.news-tab li{
	display: block;
	float: left;
}

.news-tab li label{
	display: inline-block;
	padding: 0 1em;
	margin-bottom: 1em;
	font-size: 15px;
	border-right: #DEDEDE solid 1px;
	border-left: #DEDEDE solid 1px;
	margin-right: -1px;
	cursor: pointer;
	color: #333;
}

.news-tab label:hover{color: #333;}


.news-tab input{
	display: none;
	margin:0;
}
.news-tab li > input + label{
	display: block;
}

.news-tab li > input + label:hover{
	text-decoration: underline;
}

.news-tab label.sp{
	background-color: #DEDEDE;
	text-align: center;
	padding: 1em;
	position: relative;
}

.news-tab label.sp > span:after{
	content: "";
	position: absolute;
	right: 1.2em;
	top: calc(50% - 7px);
	transition: all 0.2s ease-in-out;
	display: block;
	width: 8px;
	height: 8px;
	border-top: solid 1px #333333;
	border-right: solid 1px #333333;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}

.news-tab input:checked + label.sp > span:after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: 45%;
}


.news-tab input:checked + label{
	text-decoration: underline;
}


@media only screen and (max-width: 800px) {
	.news-tab label.sp{
		display: block;
	}

	.news-tab label.sp + ul{
			display: none;
	}

	.news-tab input:checked + label.sp + ul{
		display: block;
		margin-top: 1.5em;
	}

	.news-tab ul{
		margin: 0;
	}

}
/*-----------/ (max-width: 800px) ---*/


/*--------------------------
  ★top_contents
---------------------------*/
.top_contents a{
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	height: 384px;
	width: 100%;
	display: block;
	position: relative;
	overflow: hidden;
}

.top_contents .top_content_about{
	background-image: url(/images/about_pc.jpg);
}

.top_contents .top_content_fan{
	background-image: url(/images/funclub_pc.jpg);
}

.top_contents .top_content_goods{
	background-image: url(/images/goods_pc.jpg);
}

.top_contents .top_content_goods span,
.top_contents .top_content_about span{
	left:57.5%;
	padding-right: 50vw;
	bottom: 19px;
}

.top_contents .top_content_fan span{
	right:57.5%;
	padding-left: 50vw;
	text-align: right;
}

.top_contents .top_content_about:hover{
	background-image: url(/images/about_pc_hover.jpg);
}

.top_contents .top_content_fan:hover{
	background-image: url(/images/funclub_pc_hover.jpg);
}

.top_contents .top_content_goods:hover{
	background-image: url(/images/goods_pc_hover.jpg);
}
.top_contents a span{
	width: 558px;
	background-color: rgba(28,28,28,.9);
	color: #ffffff;
	font-size: 60px;
	padding: 0.4em 0.6em;
	position: absolute;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	bottom: 19px;
	box-sizing: content-box;
}

.top_contents a:hover span{
	background-color: rgba(233,85,6,.9);
}

/*--------------------------
  top_sns
---------------------------*/
.top_sns{
	margin-top: 70px;
	margin-bottom: 40px;
}
.top_sns .top_sns_inr{
	width: 97%;
	max-width: 1084px;
	margin: 0 auto;
	text-align: center;
}

.top_sns h2{font-size: 50px; margin-bottom: 40px;color: #333333;}
.top_sns h3{
font-size: 40px;
color: #ffffff;
margin-bottom: 0.5em; 
border-bottom: solid 1px #fff; 
padding-bottom: 10px; 
text-align: center;
}
.top_sns .top_sns_inr ul{
	display: flex;
	flex-wrap: wrap;
}

.top_sns .top_sns_inr ul li{
/*flex-grow: 1;*/
	height: auto;
	margin-bottom: 2.952%;
	padding: 2.952%;
	padding-top: 2%;
	box-sizing: border-box;
	background-image: url(/images/pattern_stripe.png),
	linear-gradient(180deg, #1b1b1b 15%, #03a6a3 100%);
	background-repeat: repeat,	no-repeat;
text-align: left;
height: auto;
margin-left: .5%;
margin-right: .5%;
width: 24%;
}
/*
.top_sns .top_sns_inr ul li.sponavi h3{
font-family: 'Noto Sans JP', sans-serif!important;
margin-bottom: 15px;
font-weight: 900;
font-size:31px;
line-height:44px;
}*/

@media only screen and (max-width: 800px){
.top_sns .top_sns_inr ul{
	justify-content: space-between
}

/*
.top_sns .top_sns_inr ul li.sponavi h3{
line-height:1.5em;
font-size:1.2em;
}*/
}



.top_sns .top_sns_inr ul li img{
max-width: 100%;
height: auto;
width /***/:auto;　
}


.top_sns .top_sns_inr ul li.Instagram .sns_wrapper::-webkit-scrollbar{
display:none;/* Chrome, Safari 対応 */
}

*/



@media only screen and (max-width: 800px){
.top_sns .top_sns_inr ul li{
width:100%;
}
}









/* for TUB
-------------------------------------------------------------------------------------*/

@media only screen and (max-width: 1000px) {
	#mvArea{
		margin-top: 55px;
	}
}


/* for SP
-------------------------------------------------------------------------------------*/

@media only screen and (max-width: 800px) {



/*--------------------------
  ★top_contents
---------------------------*/
.top_contents a{
	height: 222px;
}

.top_contents .top_content_about{
	background-image: url(/images/about_sp.jpg);
}

.top_contents .top_content_fan{
	background-image: url(/images/funclub_sp.jpg);
}

.top_contents .top_content_about:hover{
	background-image: url(/images/about_sp_hover.jpg);
}

.top_contents .top_content_fan:hover{
	background-image: url(/images/funclub_sp_hover.jpg);
}

.top_contents a span{
	width: 100%;
	font-size: 37px;
	box-sizing: border-box;
	position: absolute;
	bottom: 12px;
}
.top_contents .top_content_goods span,
.top_contents .top_content_about span,
.top_contents .top_content_fan span{
	right: 0;
	left: 0;
	padding: 0.3245em 0.6em;
}

/*----#official_goods*/
#official_goods:before{
	background-position: right -25px bottom;
}

/*--------------------------
  ★#contBtns
---------------------------*/
#contBtns {
	padding: 5px 3% 15px;
}
section.news {
	width: 100%;
	padding: 3%;
}
section.news:before {
	padding-top: 0;
}
section.news .inr {
	padding: 30px 3% 24px;
	width: 100%;
}
section.news .inr .bscBtn01 a {
	width: auto;
	font-size: 75%;
	padding: 3px 10px;
}
section.news .inr .newsList {
	width: 100%;
}

section.news .inr h2 {
	font-size: 40px;
}

section.news .inr .newsList dl{
	font-size: 16px;
}

section.news .inr .newsList dl dt span.lead {
	font-size: 14px;
	margin-top: 0.8em;
}

section.news .inr .newsList dl {
	padding: 1em 0;
}

section.news .inr .newsList dl:hover {
	text-decoration: underline;
}

.news-tab{
	margin-top: 25px;
	margin-bottom: 9px;
	overflow: hidden;
	overflow-x: scroll;
	font-size: 0.875em;
	-ms-overflow-style: none;    /* IE, Edge 対応 */
	scrollbar-width: none;       /* Firefox 対応 */
}

.news-tab::-webkit-scrollbar{
display:none;/* Chrome, Safari 対応 */
}

section.news .bscBtn04{
	margin-top: 9px;
}



/*--------------------------
  top_sns
---------------------------*/
.top_sns{
	padding: 0 1.5%;
	margin-top: 40px;
	margin-bottom: 24px;
}

.top_sns h2{color:#1c1c1c;font-size: 40px; margin-bottom: 25px;}

.top_sns h3{font-size: 30px;}


.top_sns .top_sns_inr ul li{
	width: 48%;
	height: auto;
	margin:0 1% 2%;
	padding: 3%;
	padding-top: 5%;
}
.top_sns .top_sns_inr ul li:after,
.top_sns .top_sns_inr ul li:before {
content: "";
display: block;
width: 48%;  
height: 0;
order: 2;  /* 疑似要素beforeの順番を必ず指定する*/
}
.top_sns .top_sns_inr ul li:after{
order: 1;  /* 疑似要素beforeの順番を必ず指定する*/
}

.top_sns .top_sns_inr ul li.Instagram{
	height: auto;
}

.top_sns .top_sns_inr ul li.Facebook .sns_wrapper,
.top_sns .top_sns_inr ul li.Twitter .sns_wrapper{
	margin: 0;
	height: 87.5%;
}

.top_sns .top_sns_inr ul li.Facebook iframe,
.top_sns .top_sns_inr ul li.Twitter iframe{
	height: 100%!important;
}

.top_sns .top_sns_inr ul li.Facebook .fb_iframe_widget > span{
	height: 100%!important;
}

.top_sns .top_sns_inr ul li.Twitter{
	margin-right: 0;
}

.top_sns .top_sns_inr ul li.Instagram{
	text-align:left;
}

.top_sns .top_sns_inr ul li iframe{
	width: 100%!important;
}


}
/*--------------/@media only screen and (max-width: 800px)----*/
 





/* ロゴ */

.top_sns h3 i{
position:relative!important;
width:40px;
height:36px;
display:inline-block;
}
/* SNSロゴ */

.top_sns h3 i::after,
.top_sns .top_sns_inr ul li.Instagram h3 i::after,
.top_sns .top_sns_inr ul li.Facebook h3 i::after,
.top_sns .top_sns_inr ul li.Twitter h3 i::after{
content: "";
position: absolute;
bottom: -2px;
left: 5px;
width:35px;
height:35px;
}
/*
.Instagram h3 i::after{
background:url(../lib/cmn_img/logo_inst.png) no-repeat center center;
}
.Twitter h3 i::after{
background:url(../lib/cmn_img/logo_x.svg) no-repeat center center;
}
.Facebook h3 i::after{
background:url(../lib/cmn_img/logo_fb.svg) no-repeat center center;
}
*/







/* coming soon
-------------------------------------------------------------------------------------*/

.comingS {
  font-size: 250%;
  font-weight: 600;
  padding: 4vh 0;
}

@media only screen and (max-width: 800px) {
  .comingS {
  padding: 3vh 0;
}
}

@media only screen and (max-width: 500px) {
  .comingS {
  font-size: 200%;
  padding: 4vh 0;
}
}