@charset "UTF-8";

/* 基本アニメーション */
._anm {
	transition: all 0.5s 0s ease;
}

/* 基本アニメーション */
._hide {
	/*display: none;*/
	height: 0 !important;
	visibility: hidden !important;
	opacity: 0 !important;
}



/* PCヘッダ固定 */
@media (min-width: 768px) {
	/* supporter, player */
	.headerFixed {
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		z-index: 10;
		background: var(--bs-black-1200);
	}
	#pagetop {
		height: 86px;
	}

	.main-content.--subscription {
		background-position-y: 82px;
	}
	.main-content.--account {
		background-position-y: 82px;
	}

	/* team */
	.fixedSearch {
		left: 241px;
		right: 0;
		top: 0;
		padding-left: 17px;
		padding-top: 17px;
		height: 86px;
		background: var(--bs-black-1200);
	}
}
.--login #pagetop {
	height: 0;
}

/* チーム関係の画面 ツラ合わせ ※ style.css で対応 */

/* サブスク・規約系文言 */
.subscription_info SPAN {
	font-size: 1.2rem;
	line-height: 1.5;
	display: block;
	padding-left: 1.4rem;
	position: relative;
	margin-bottom: 1.0rem;
	color: var(--bs-gray-3300);
}
.subscription_info SPAN:last-child {
	margin-bottom: 0;
}
.subscription_info SPAN::before {
	content: '※';
	position: absolute;
	left: 0;
}
/*.creditConsent p {
	margin: 0;
}*/
.creditConsent .creditConsentPrice dt {
	border: none;
	padding: 0;
	margin: 0;
}


/* 「必須」を左側に */
label .required,
label .arbitrary {
	margin-left: 0 !important;
	margin-right: 0.5rem !important;
}

/* カーソル調整 */
.passView #pass_view02 {
	cursor: pointer;
}

/* 申請対象のチーム名表示調整 */
.formWrap .formApply {
	border-width: 1px;
}
.formWrap .formApply DIV {
	margin-top: 1.0rem;
}
.formWrap .formApply DIV:first-child {
	margin-top: 0;
}
@media (min-width: 768px) {
	.formWrap .formApply .formApplyWrap {
		width: fit-content;
		margin: auto;
	}
	.formWrap .formApply DIV {
		margin-top: 0;
		text-align: left;
	}
	.formApply .formApplyText01,
	.formApply .formApplyText02 {
		display: inline-block;
		text-align: left;
	}
	.formApply .formApplyText01 {
		width: 14.0rem;
	}
}
.formApply .badge {
	display: inline;
}

/* 所在地の内容 */
.sub_wrap {
	/*display: flex;
	flex-direction: column;*/
}
.sub_wrap P {
	margin-bottom: 1.0rem;
}
.sub_wrap .sub_label {
	display: inline-block;
	vertical-align: top;
	width: 8.0rem;
}

/* サイドメニュー＠チームの調整 */
.c_team.el_logout {
	margin-top: 2.0rem;
}
.headerSide .offcanvas-collapse.open .headerOption .headerOptionWrap01 ul li.c_team {
	margin-bottom: 0;
}
.headerSide .headerClueTeamName {
	text-align: center;
}
.headerSide .offcanvas-collapse.open > div:first-child {
	height: 86px;
}
.headerSide .offcanvas-collapse.open .headerLogo {
	left: 0;
	top: 0;
    -webkit-transform: none;
    transform: none;
}
.headerLogo A {
	display: block;
}
@media (min-width: 768px) {
	.headerLogo A {
		margin: 0;
		padding: 0;
		display: block;
		position: absolute;
		width: 111px;
		left: 66px;
		top: 17px;
	}
	.headerSearch {
		margin-left: 67px;
	}
}
.--team .headerLogo A {
	margin: 0;
	padding: 0;
	display: block;
	position: absolute;
	width: 111px;
	left: 66px;
	top: 17px;
}
/*.--team .headerSearch {
	margin-left: 67px;
}*/
.headerMypage .headerMypageMenu li {
	line-height: 1.5;
	padding-bottom: 1.0rem;
}
.headerMypage .headerMypageMenu li UL {
	width: 100%;
}
.headerMypage .headerMypageMenu li.divider {
	border-top: solid 1px var(--bs-gray-1000);
	opacity: 0.25;
}
.headerSupporterLink .headerSupporterLinkInner HR {
	border-color: var(--bs-gray-1000);
	margin-bottom: 0;
	margin-top: 20px;
}

/* ログイン画面ロゴ */
/*.login .loginBody h3 .el_img {
	margin-bottom: 6.0rem;
}*/
.--team #pagetop {
	height: 86px;
}
.contentsSide {
		min-width: 241px;
}
.login .loginMv .loginHeader {
	top: 32px;
}

/* 動画一覧サムネイルの縦横比固定 */
IMG._thumb {
	aspect-ratio: 16 / 9;
	object-fit: cover;
}

/* チームアイコンの縦横比固定 */
._hole {
	border-radius: 100%;
	overflow: hidden;
}
._hole IMG {
	aspect-ratio: 1;
	object-fit: cover;
}
.sponsorAdvertisementImg._hole {
	width: 5.0rem;
	border-radius: 100%;
	overflow: hidden;
}
.headerMypage .headerMypageMenu {
	width: 38.0rem;
	padding-right: 30px;
}
.headerMypage .headerMypageMenu li {
	display: flex;
	align-items: center;
}
.headerMypage .headerMypageMenu li ._hole {
	flex-shrink: 0;
	display: block;
	width: 2.5rem;
	border-radius: 100%;
	overflow: hidden;
	margin-right: 1.0rem;
}
.videoPlay.--free .videoPlayWrap .videoPlayBox .videoPlayImg ._hole {
	display: inline-block;
}
.supporterLink ul li a > .el_img._hole {
	vertical-align: middle;
}
.videoList {
	padding: 0 0 32px;
}
.videoList  .pagination .list_select .selectFrame select {
	padding-right: 4.0rem;
	border: 1px solid var(--bs-gray-3200);
}
.videoPlay {
	background: var(--bs-black);
	max-height: calc(100vh - 86px);
}
.videoPlay .videoPlayWrap #video_player {
	max-height: calc(100vh - 86px);
}
@media (min-width: 768px) {
	.videoList  .pagination .list_select .selectFrame {
		margin-bottom: 10px;
	}
	.videoList  .pagination .list_txt {
		margin-top: 30px;
	}
}

/* ヘッダ動画検索枠 */
.headerSearch .headerSearchHead {
	width: auto;
	margin-right: 5.0rem;
}
.headerSearch .headerSearchMenu {
	width: auto;
	margin-right: 5.0rem;
}
.headerSearch .headerSearchHead input {
	padding-right: 90px;
}

/**/
.selectColor .selectColorWrap .selectColorWrap__left {
	max-width: 100%;
	width: 160px;
	margin: 10px 18px;
	display: flex;
	align-items: center;
	justify-content: end;
}
.selectColorPicker IMG,
.selectColorPicker input[type=color] {
	cursor: pointer;
}
.selectColor .selectColorWrap .selectColorWrapInner {
	max-width: 532px;
}

/**/
.login .loginMv .loginMvInner h2 em {
	font-size: 6vw;
}
@media (min-width: 768px) {
	.login .loginMv .loginMvInner h2 em {
		font-size: 3.1vw;
	}
}
@media (min-width: 1400px) {
	.login .loginMv .loginMvInner h2 em {
		font-size: 4.6rem;
	}
}
.login.--supporter .loginMv {
	background-image: url(../img/login_bg_mv_supporter_sp.png);
}
@media (min-width: 768px) {
	.login.--supporter .loginMv {
		background-image: url(../img/login_bg_mv_supporter.png);
	}
}

/**/
._anchor {
	position: relative;
	top: -80px;
}

/**/
.sponsorIntroduction {
	padding: 0;
	padding-bottom: 40px;
}
.--team .sponsorIntroduction {
	padding-left: 241px;
}


/**/
.subscription_info A,
.formWrap + p A {
	text-decoration: underline;
}
.subscription_info A:hover,
.formWrap + p A:hover {
	color: var(--bs-white-100);
}

/**/
.supporterLink {
	padding-bottom: 2.0rem;
}
.supporterLink ul li {
	max-width: none;
	width: auto;
	margin-right: 2.0rem;
}
.supporterLink ul li:last-child {
	margin-right: 70px;
}
.supporterLink ul li a > .el_text {
	height: auto;
}
@media (min-width: 768px) {
	.supporterLink ul li:last-child {
		margin-right: 140px;
	}
	.supporterLink ul li a > .el_text {
		text-align: left;
	}
}

/**/
@media (min-width: 576px) and (max-width: 767px) {
		.container-sm, .container {
		max-width: none;
	}
}
.clubAccountBg::after {
	z-index: -1;
}
.headerSupporter .headerSupporterName {
	margin-bottom: 20px;
}
.videoPlay {
	position: relative;
	padding: 0;
	margin: 0 0 19px;
}
@media (min-width: 768px) {
	.videoPlay {
		margin-top: 0;
	}
}

/**/
.video_flex.--list .video_cont .video_txt .tit_box .video_date_wrap {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.video_flex.--list .video_cont .video_txt .tit_box .video_date_wrap .video_date,
.video_flex.--list .video_cont .video_txt .tit_box .video_date_wrap .vs_tit {
	position: relative;
	display: block;
	width: auto;
	margin: 0;
}
.video_flex.--list .video_cont .video_txt .tit_box .video_date_wrap .video_date {
	flex-shrink: 0;

}
.video_flex.--list .video_cont .video_txt .tit_box .video_date_wrap .vs_tit {
	display: flex;
}
.video_flex.--list .video_cont .video_txt .tit_box .video_date_wrap .vs_tit SPAN.vs {
	flex-shrink: 0;
	white-space: nowrap;
	margin-left: 1.0rem;
}
.video_flex.--list .video_cont .video_txt .tit_box .video_date_wrap .vs_tit SPAN.el_team {
	flex-shrink: 1;
	margin-left: 0.5rem;
}
@media (max-width: 480px) {
	INPUT[type=date] {
		padding-right: 0;
	}
	/*.video_flex.--list .video_cont .vs_tit {
		position: absolute;
		right: 0;
		bottom: 0;
	}*/
}
@media (max-width: 374px) {
	INPUT[type=date] {
		font-size: 1.2rem;
	}
	/*.video_flex.--list .video_cont .video_txt .tit_box .tit {
		font-size: 1.2rem;
	}*/
}
@media (min-width: 768px) {
	.video_flex.--list .video_cont {
		margin-bottom: 30px;
	}
}
@media (min-width: 768px) {
	.video_flex.--list .video_cont .video_txt .tit_box .tit {
		height: 4.0rem;
	}
}
@media (min-width: 768px) {
	.clubAccountStamp .clubAccountStampDate {
		margin: 10px 0;
	}
}
.playerStatusWrap {
	padding: 0;
}
.playerStatusHead,
.playerStatusBody .playerStatusBodyList {
	justify-content: space-between;
}
.playerStatusHead .playerStatusHeadName,
.playerStatusBody .playerStatusBodyList .playerStatusBodyListItem {
	width: 45%;
	align-items: normal;
	padding: 0;
}
.videoContainerInner .playerStatus.xsPlayerStatus {
	z-index: 11;
	overflow-y: scroll;
}
.videoContainer .playerStatus {
	display: none;
}
.videoContainer.is-active .playerStatus {
	display: block;
}
.clubAccount.--detail {
	max-width: none;
	margin-bottom: 6.0rem;
}
.clubAccountMatch,
.clubAccountMatch .clubAccountMatchVS {
	margin-left: 0;
}
.clubAccountView {
	display: block;
	position: relative;
	right: auto;
	bottom: auto;
	margin: 0;
	margin-left: 1.0rem;
	flex-shrink: 0;
}
.clubAccountView A {
	display: block;
	line-height: 1.2;
}
@media (min-width: 768px) {
	.clubAccountView A {
		line-height: 1.5;
	}
}
.clubAccountName {
	display: flex;
	justify-content: space-between;
}
.clubAccountStamp {
	flex-wrap: wrap;
}
.clubAccountStampKinds,
.clubAccountStampDate {
	margin: 10px 0;
}

/**/
@media (max-width: 767px) {
	.video_img_kinds .xs_hidden,
	.clubAccountStampKinds .xs_hidden {
		display: none !important;
	}
}

/**/
.creditPrice .creditPriceWrap {
	border-width: 1px;
	padding: 0;
}
.creditPrice p.small {
	font-size: 1.2rem;
	font-weight: normal;
    line-height: 1.5;
	color: var(--bs-gray-1000);
    display: block;
    text-align: left;
	padding-bottom: 0;
}
.creditPrice .coupon_code H4,
.creditPrice .coupon H4 {
	font-size: 1.4rem;
	width: 13.0rem;
}
.creditPrice .coupon_code INPUT {
	width: auto;
	flex-grow: 1;
	flex-shrink: 1;
}
.creditPrice .coupon_code BUTTON {
	width: 20.0rem;
}
.creditPrice .coupon,
.creditPrice .coupon_code {
	padding-top: 0;
	align-items: center;
	flex-wrap: nowrap;
	text-align: left;
	margin: auto;
}
.creditPrice .coupon {
	border: solid 1px var(--bs-gray-2200);
	border-radius: 0.3rem;
	padding-bottom: 0;
	margin-bottom: 2.0rem;
}
.creditPrice .coupon P {
	font-weight: normal;
}
.creditPrice .coupon B {
	color: var(--bs-gray-1000);
}
.creditPrice .coupon_code H4,
.creditPrice .coupon H4,
.creditPrice .coupon_code INPUT,
.creditPrice .coupon_code BUTTON,
.creditPrice .coupon P {
	margin: 1.0rem;
	/*padding: 0;*/
}
.creditPrice .coupon_code {
	padding-right: 0;
}
.creditPrice .coupon_code H4,
.creditPrice .coupon H4 {
	margin-left: 0;
}
.creditPrice .coupon_code BUTTON,
.creditPrice .coupon P {
	margin-right: 0;
}
@media (max-width: 767px) {
	.creditPrice .coupon,
	.creditPrice .coupon_code {
		flex-wrap: wrap;
	}
	.creditPrice .coupon_code {
		padding-left: 0;
		padding-right: 0;
	}
	.creditPrice .coupon_code H4,
	.creditPrice .coupon H4,
	.creditPrice .coupon_code INPUT,
	.creditPrice .coupon_code BUTTON,
	.creditPrice .coupon P {
		width: 100%;
		margin: 0;
		margin-top: 1.0rem;
	}
	.creditPrice .coupon P {
		margin-top: 0;
		margin-bottom: 1.0rem;
	}
}
.creditPrice .creditPriceWrap.coupon_wrap {
	border: none;
}
#btn_coupon_area {
	font-size: 1.6rem;
	font-weight: normal;
	text-align: left;
	padding: 1.0rem 2.0rem 1.0rem 0;
	display: block;
	background-image: url(../img/icon_downarrow02.svg);
	background-repeat: no-repeat;
	background-position: right 2.0rem center;
	border-bottom: solid 1px var(--bs-gray-2200);
}
#btn_coupon_area[aria-expanded=true] {
	background-image: url(../img/icon_uparrow02.svg);
}
.creditPrice #coupon_area p.small {
	padding: 0;
	padding-top: 2.0rem;
	color: var(--bs-gray-3300);
}

/**/
#coupon_message .alert-primary P {
	color: var(--bs-green);
	text-align: left;
}
#coupon_message .alert-warning P {
	color: var(--bs-bs-red);
	text-align: left;
}

/**/
HTML, BODY {
	min-height: 100vh;
}
#footer_wrap {
	position: sticky;
	top: 100vh;
	margin-top: 8.0rem;
}
.--login #footer_wrap {
	margin-top: 0;
}
FOOTER {
	margin-top: 0;
}

/**/
.--registration .subscription .creditConsent .creditConsentHeadline {
	color: var(--bs-gray-1000);
	font-size: 1.5rem;
}
@media (min-width: 768px) {
	.--registration .subscription .creditConsent .creditConsentHeadline {
		font-size: 1.7rem;
	}
}
.--registration .subscription {
	margin-top: 2.0rem;
	padding: 0;
}
@media (min-width: 768px) {
	.--registration .subscription {
		padding: 0;
	}
}
.--registration .subscription .creditConsent {
	margin-bottom: 3.0rem;
}
@media (min-width: 768px) {
	.--registration .subscription .creditConsent {
		margin-bottom: 3.0rem;
	}
}
.--registration .subscription .form-check-label {
	margin-bottom: 3.0rem;
}

/**/
.modal-primary .subscription .creditcard_h {
	margin: 0;
	padding-bottom: 0.5rem;
	font-weight: bold;
	font-size: 1.4rem;
}
.modal-primary .subscription .creditcard {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 0;
	padding: 1.5rem 2.0rem;
	background: var(--bs-black);
}
.modal-primary .subscription .creditcard .creditRegisteredNumber {
	margin: 1.0rem 0;
}
.modal-primary .subscription .creditcard .btn-subscription-tertiary {
	padding: 1.0rem;
	margin-right: 0;
}
@media (max-width: 767px) {
	.modal-primary .subscription .creditcard .btn-subscription-tertiary {
		flex-grow: 1;
		width: 100%;
		max-width: 100%;
	}
	.modal-primary .subscription .form-check-label {
		margin: 0;
	}
	.modal-primary .--registration {
		padding-bottom: 0;
	}
}

/**/
.alert-primary,
.subscription .alert-primary P {
	color: var(--bs-green);
}

/**/
.form {
	padding: 0;
}
MAIN {
	padding: 88px 0 50px;
}
@media (min-width: 768px) {
	.form {
		padding: 0;
	}
	MAIN {
		padding: 0px 0 80px;
	}
}
.--login MAIN {
	padding: 0;
}
.container.plane {
	width: auto;
	padding-top: 4.0rem;
	margin: 0 2.0rem;
}
@media (min-width: 768px) {
	.container.plane {
		margin: 0 5.0rem;
	}
}

/**/
.tradelaw {
	display: flex;
	flex-wrap: wrap;
	margin: 0;
}
.tradelaw DT {
	width: 20.0rem;
	font-size: 1.6rem;
	margin-bottom: 2.0rem;
}
.tradelaw DD {
	width: calc(100% - 20.0rem);
	padding-left: 2.0rem;
	margin-bottom: 2.0rem;
}
.tradelaw A {
	text-decoration: underline;
}
.tradelaw A:hover {
	opacity: 0.6;
}
@media (max-width: 767px) {
	.tradelaw DT,
	.tradelaw DD {
		width: 100%;
		padding: 0;
	}
	.tradelaw DT {
		margin: 0;
	}
}

/**/
.--account .formWrap INPUT,
.--account .formWrap SELECT,
.--account .formWrap .selectFrame,
.--account .formWrap BUTTON,
.--account .formWrap .form_date P {
	margin-bottom: 0;
}
.--account .formWrap .form_date SELECT {
	text-align: center;
}
.--account .formWrap .formBtn.--password {
	max-width: 100%;
	margin-bottom: 1.0rem;
}
@media (min-width: 768px) {
	.formWrap .half {
		width: 50%;
	}
}

/**/
.searchDetail {
	margin-bottom: 20px;
}
.headerClueTeam .headerClueTeamImg .el_img {
	width: 112px;
	height: 112px;
}

/**/
.noframe {
	border: none;
}
.--404 .main404 {
	display: flex;
	justify-content: center;
	position: relative;
}
.--404 .main404 .wrap404 {
	padding-top: 10.0rem;
	position: relative;
}
.--404 .main404 IMG {
	display: block;
	margin: auto;
}
.--404 .main404 .bg404 {
	width: 100%;
	min-width: 666px;
}
.--404 .main404 .img404 {
	margin: auto;
	margin-top: -8.0rem;
}
.--404 .main404 .img404 P {
	text-align: center;
	padding: 0;
	margin: 0;
	margin-top: 3.0rem;
}
@media (max-width: 767px) {
	.--404 .main404 .wrap404 {
		padding-top: 0px;
	}
	.--404 .main404 .bg404 {
		min-width: 333px;
	}
	.--404 .main404 .img404 {
		max-width: 50%;
	}
}

/**/
#page-top {
	bottom: 5vh;
}

.video_toolbox {
	float:right;
	margin-left:5px;
	padding: 0 0 8px;
	text-align:right;
}
.video_toolbox img {
	height: 60px;
}

.video_fav {
	margin:0;
	padding:2px 4px;
	background:#333333;
	border-radius:6px;
}

#myTab .nav-item {
	min-width: 50%;
	text-align:center;
}
#myTab .nav-item .nav-link {
	width:98%;
	padding:8px 0;
	background: none;
	color: #fff;
	border-radius: 0;
	border-bottom:2px solid #333333;
}
#myTab .nav-item .nav-link.active {
	border-bottom-color: #c0c0c0;
}