@charset "UTF-8";
/* CSS Document */

html {
	font-size: 10px;
}

body {
	-webkit-text-size-adjust: 100%;
	color: #000;
	font-family: Verdana, 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	line-height: 1.7;
	letter-spacing: 0.1rem;
	font-size: 1.4rem;
}

/* fonts
-------------------------------------------------------------- */

@font-face {
    font-family: 'BLGtx';
    src: url('../fonts/blgHudson.eot');
    src: url('../fonts/blgHudson.eot?#iefix') format('embedded-opentype'),
         url('../fonts/blgHudson.woff2') format('woff2'),
         url('../fonts/blgHudson.woff') format('woff'),
         url('../fonts/blgHudson.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'JPtx';
	src: url('../fonts/NotoSansCJKjp-Black.eot');
	src: url('../fonts/NotoSansCJKjp-Black?#iefix') format('embedded-opentype'),
		  url('../fonts/NotoSansCJKjp-Black.woff2') format('woff2'),  
		  url('../fonts/NotoSansCJKjp-Black.woff') format('woff'),
		  url('../fonts/NotoSansCJKjp-Black.ttf') format('truetype');
		  font-style: normal;
		  font-weight: 900; 
}


.gtc {
	font-family: Verdana, 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
}

.blgTx {
	font-family: BLGtx, Verdana, 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
}

.jpnTx_bold {
	font-family: JPtx, Verdana, 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	font-weight: 900;
}

.jpx_blg_mixTx{
	font-family: BLGtx, JPtx, Verdana, 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	font-weight: 900;
}


/* Debug
-------------------------------------------------------------- */

.scrollValue {
    margin: 0;
    position: fixed;
    right: 10px;
    top: 10px;
	color: #066;
	font-size: 35px;
	z-index: 500;
}





/* menu
-------------------------------------------------------------- */

@keyframes checked-anim {
    100% {
        width: 100%;
    }
}

@keyframes not-checked-anim {
    0% {
        width: 100%;        
    }
}


#slide_menu #main_menu ul {
    display: none;
}


#burger {
    position: fixed;
    top: 7px;
    right: 7px;
    background-image: url(../images/bt_menu.svg);
	background-repeat: no-repeat;
	width: 40px;
    height: 40px;
    transition: .5s ease;
    cursor: pointer;
    z-index: 1100;
	background-size: contain;
	
	/*display: none;*/
}

#menu-toggle:checked + #burger {
    transform: rotate(180deg);
    transition: transform .5s ease;
}

#slide_menu {
    position: fixed;
	right: 0;
    width: 0;
    height: 100%;
    animation: not-checked-anim .2s both;
    transition: .5s;
	z-index: 1000;
	text-align: center;
	padding-top: 6vh;
	overflow: auto;
	background: url("../images/bg_menu.jpg") no-repeat center center / cover;
}

.bt_pullDown {
	display: none;
}

#menu-toggle:checked ~ #slide_menu {
    animation: checked-anim .5s ease both;
}

.title_menu {
	margin: 0 auto 25px;
	width: 100%;
	max-width: 168px;
	display: inline-block;
}

#menu-toggle:checked ~ #burger {
	background-image: url(../images/bt_menu_close.svg);
	background-repeat: no-repeat;
}

#menu-toggle:checked ~ #slide_menu #main_menu ul, #page_menu ul {
    display: block;
	width: 90%;
	max-width: 540px;
	margin: 0 auto 18px;
}

#menu-toggle:checked ~ #slide_menu .sub_menu ul {
	display: block;
}

[type="checkbox"]:not(:checked), [type="checkbox"]:checked {
    display: none;
}

.logo_left_topPC, .bt_onlyPC, .bt_basketLive_onlyPC {
	display: none;
}

#main_menu ul li a,  #page_menu ul li a {
	display: block;
	color: #000;
	font-size: 1.6rem;
	font-family: JPtx, Verdana, 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	font-weight: 900;
	border-bottom: 2px solid #bdc1c4;
	padding: 9px 16px 12px 110px;
	line-height: 1.4;
	background-image: url(../images/icon_arrowR1.svg);
	background-position: right center;
	background-repeat: no-repeat;
	background-size: 20px 20px;
	-webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
	-webkit-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
	position: relative;
	text-align: left;
	margin-bottom: 7px;
	user-select: none;
}

#main_menu ul li a[target="_blank"], #page_menu ul li a[target="_blank"] {
	background-image: url(../images/icon_blank.svg);
}

#main_menu ul li a[href]:hover, #page_menu ul li a[href]:hover {
	border-bottom: 2px solid #d0121c;
	-webkit-transform: translateY(4px);
	-ms-transform: translateY(4px);
	transform: translateY(4px);
	opacity: .75;
}

#main_menu ul li a:not([href]), #page_menu ul li a:not([href])  {
	opacity: .4 !important;
	cursor: default;
	background-image: none;
}

#main_menu ul li a span, #page_menu ul li a span{
	font-size: 1.3rem;
	font-family: Verdana, 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	font-weight: 400;
}


#main_menu ul li:nth-child(1) a .menu_thumbImg, #page_menu ul li:nth-child(1) a .menu_thumbImg {
	background-image: url("../images/bg_menuThumb1.jpg");
}

#main_menu ul li:nth-child(2) a .menu_thumbImg, #page_menu ul li:nth-child(2) a .menu_thumbImg {
	background-image: url("../images/bg_menuThumb2.jpg");
}

#main_menu ul li:nth-child(3) a .menu_thumbImg, #page_menu ul li:nth-child(3) a .menu_thumbImg {
	background-image: url("../images/bg_menuThumb3.jpg");
}

#main_menu ul li:nth-child(4) a .menu_thumbImg, #page_menu ul li:nth-child(4) a .menu_thumbImg {
	background-image: url("../images/bg_menuThumb4.jpg");
}

#main_menu ul li:nth-child(5) a .menu_thumbImg, #page_menu ul li:nth-child(5) a .menu_thumbImg {
	background-image: url("../images/bg_menuThumb5.jpg");
}

#main_menu ul li:nth-child(6) a .menu_thumbImg, #page_menu ul li:nth-child(6) a .menu_thumbImg {
	background-image: url("../images/bg_menuThumb6.jpg");
}

#main_menu ul li:nth-child(7) a .menu_thumbImg, #page_menu ul li:nth-child(7) a .menu_thumbImg {
	background-image: url("../images/bg_menuThumb7.jpg");
}







#page_menu {
	padding: 12px 0 29px;
	text-align: center;
}




.menu_thumbImg{
	background-image: url("../images/img_video_poster.jpg");
	background-size: cover;
	clip-path: polygon(0% 0%, 85% 0%, 100% 100%, 0% 100%);
	width: 96px;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	filter: grayscale(0%);
	-webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

#main_menu ul li a:hover .menu_thumbImg, #page_menu ul li a:hover .menu_thumbImg {
	filter: grayscale(100%);
}

.sub_menu {
	max-width: 210px;
	margin: 0 auto;
	text-align: left;
}

.sub_menu li a, .sub_menu li a:visited {
	color: #d0121c;
	font-size: 1.8rem;
	font-family: var(--font-jpB);
	line-height: 1.4;
	display: block;
	padding: 7px 0 7px 20px;
	background: url(../images/icon_arrowR1.svg) no-repeat left center;
	-webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
	-webkit-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
	user-select: none;
}

.sub_menu li a:hover {
	-webkit-transform: translateY(4px);
	-ms-transform: translateY(4px);
	transform: translateY(4px);
	opacity: .85;
}




/* upperFixed
-------------------------------------------------------------- */


.fixed_top {
	z-index: 200;
	position: fixed;
	top: -56px;
	left: 0;
	width: 100%;
	height: 46px;
	-webkit-transition: .7s;
    -o-transition: .7s;
    transition: .7s;
}

.a_fixedTop_L1 {
	height: 100%;
	display: block;
	padding: 2px;
	position: absolute;
	left: 7px;
}

.a_fixedTop_L1 img {
	width: auto;
	height: 100%;
}

.a_fixedTop_R1 {
	position: absolute;
	display: none;
	top: 0;
	right: calc(70px + 30px);
	padding: 20px 10px;
}

.a_fixedTop_R1 img {
	width: 96px;
}







/* header
-------------------------------------------------------------- */

.bg_hdrTop {
	position: fixed;
	width: 100%;
	height: 90vh;
	background-color: #000;
	z-index: -1;
	top: 0;
}

.hdr_bg_goal {
	position: absolute;
	z-index: 1;
	width: 25vh;
	right: -26px;
	top: 10vh;
}

.hdr_bg_floor {
	background-image: url("../images/bg_floor1.webp");
	background-size: cover;
	background-position: top right;
	position: absolute;
	bottom: 0;
	height: 16vh;
	left: 0;
	width: 100%;
	z-index: 0;
}

.hdr_top {
	text-align: center;
	position: relative;
	padding: 10vh 10px 12vh;
}

.logo_hdr_top {
	margin: 0 auto 7vh;
	width: 31%;
	max-width: 155px;
	-webkit-filter: drop-shadow(0px 0px 5px #000);
            filter: drop-shadow(0px 0px 5px #000);
}

.hdr_top h1 {
	background-image: url("../images/title_hdrTop_sp.svg");
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	width: 91vw;
	height: 29vh;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
	margin: 0 auto;
	-webkit-filter: drop-shadow(0px 0px 5px #000);
            filter: drop-shadow(0px 0px 5px #000);
}


.white_wrap1 {
	background-color: #FFF;
	padding: 16px 0 28px;
}






/* swiper
-------------------------------------------------------------- */

.swipeBanner_spc {
	padding-bottom: 15px;
}

.swipeBanner_spc_wrap {
	max-width: 1080px;
	margin: 0 auto;
	padding: 18px 0;
}

.swipeBanner_spc img {
	width: 100%;
	max-width: 100%;
}






/* latest
-------------------------------------------------------------- */


.latest_spc {
	max-width: 640px;
	padding: 38px 10px 7px;
	margin: 0 auto 18px;
}

.latest_spc div {
	border-bottom: 1px dotted #6691C4;
	padding: 10px 8px;
}

.tx3 {
	color: #313131;
	font-size: 1.3rem;
	margin-bottom: 6px;
}

.txS3 {
	color: #777;
	font-size: 1.2rem;
}

.latest_spc a, .latest_spc a:visited {
	color: #0148A8;
	text-decoration: underline;
}






/* column
-------------------------------------------------------------- */


.atcl1 {
	background-color: #FFF;
	padding: 22px 0 48px;
}


.wrap1 {
	max-width: 1280px;
	margin: 0 auto;
	padding: 0 10px;
}

.wrap2 {
	max-width: 1440px;
	margin: 0 auto;
	padding: 0 10px;
}






.titleL1 {
	font-family: BLGtx, Verdana, 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	font-size: 6.7rem;
	line-height: .9;
	text-align: center;
	margin-bottom: 10px;
	color: #d0121c;;
	letter-spacing: 0;
}

.titleL1_ruby {
	color: #000;
	font-family: JPtx, Verdana, 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	font-weight: 900;
	font-size: 1.6rem;
	line-height: 1.5;
	letter-spacing: .2rem;
	text-indent: .2rem;
	text-align: center;
	margin-bottom: 38px;
}



.titleL1_wrap {
	background-color: #000;
	padding: 10px 10px;
	margin-bottom: 28px;
}

.titleL1_ruby2 {
	color: #FFF;
	font-family: JPtx, Verdana, 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	font-weight: 900;
	font-size: 1.6rem;
	line-height: 1.5;
	letter-spacing: .2rem;
	text-indent: .2rem;
	text-align: center;
	width: calc(90% - 40px);
	max-width: 552px;
	margin: 0 auto;
	position: relative;
	padding: 8px 0;
}

.titleL1_ruby2::before, .titleL1_ruby2::after {
	content: '';
	position: absolute;
	width: 12px;
	height: 100%;
	background-color: #d0121c;
	top: 0;
	clip-path: polygon(0% calc(0% + 6px), 100% 0%, 100% calc(100% - 6px), 0% 100%);
}

.titleL1_ruby2::before {
	left: -20px;
}

.titleL1_ruby2::after {
	right: -20px;
}



.txL1 {
	color: #000;
	font-family: JPtx, Verdana, 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	font-weight: 900;
	font-size: 1.6rem;
	line-height: 1.5;
	letter-spacing: .1rem;
	text-indent: .1rem;
	text-align: center;
	margin-bottom: 28px;
}

.txL4 {
	font-family: BLGtx, Verdana, 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	font-size: 3rem;
	line-height: 1;
	letter-spacing: .1rem;
	text-indent: .1rem;
	text-align: center;
	margin-bottom: 22px;
	color: #d0121c;
}




.column_box {
	border-left: 3px solid #000;
	margin-bottom: 33px;
}

.h3_clumBox_spc {
	text-align: center;
	padding: 9px 10px 9px 13px;
	background-color: #000;
	margin-bottom: 18px;
}

.h3_clumBox_spc h3 {
	padding: 8px 0;
	color: #FFF;
	font-family: JPtx, Verdana, 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	font-weight: 900;
	font-size: 1.6rem;
	line-height: 1.5;
	width: calc(90% - 40px);
	max-width: 480px;
	margin: 0 auto;
	position: relative;
}

.h3_clumBox_spc h3::before, .h3_clumBox_spc h3::after {
	content: '';
	position: absolute;
	width: 12px;
	height: 100%;
	background-color: #d0121c;
	top: 0;
	clip-path: polygon(0% calc(0% + 6px), 100% 0%, 100% calc(100% - 6px), 0% 100%);
}

.h3_clumBox_spc h3::before {
	left: -20px;
}

.h3_clumBox_spc h3::after {
	right: -20px;
}



.img_clmBox {
	max-width: 814px;
	margin: 12px auto 12px;
	background-color: #000;
	clip-path: polygon(0% 0%, 100% 0%, 100% 94%, 50% 100%, 0% 94%);
}

.img_clmBox img {
	width: 100%;
	margin: 0 auto;
	height: auto;
	clip-path: polygon(calc(0% + 10px) calc(0% + 10px), calc(100% - 10px) calc(0% + 10px), calc(100% - 10px) calc(94% - 10px), 50% calc(100% - 10px), calc(0% + 10px) calc(94% - 10px));
}


.img_clmBox_L {
	max-width: none !important;
}

.img_clmBox_v {
	max-width: 420px;
}

.img_clmBox_S {
	max-width: 420px;
	margin: 0 auto 14px;
}

.img_clmBox.flat, .img_clmBox.flat img {
	clip-path: none;
}


.clmBox_inner {
	padding: 18px 10px 28px;
	max-width: 900px;
	margin: 0 auto;
}

.clmBox_inner.no_padding {
	padding: 0 10px;
}

.column_box h4 {
	background-position: left bottom;
	padding: 8px 0px 8px 22px; 
	background-repeat: no-repeat;
	font-family: JPtx, Verdana, 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	font-weight: 900;
	font-size: 1.6rem;
	line-height: 1.5;
	margin-top: 12px;
	margin-bottom: 28px;
	position: relative;
}

.column_box h4::before {
	content: '';
	position: absolute;
	width: 12px;
	height: 100%;
	background-color: #d0121c;
	top: 0;
	left: 0;
	clip-path: polygon(0% calc(0% + 6px), 100% 0%, 100% calc(100% - 6px), 0% 100%);
}


.tx1 {
	font-size: 1.3rem;
	margin-bottom: 38px;
	color: #27313C;
}

.tx1 strong {
	background-color: #d0121c;
	color: #FFF;
	font-weight: 500;
	padding: 0 4px 1px;
}

.tx1 a, .tx1 a:visited {
	color: #0148A8;
	border-bottom: 1px solid #0148A8;
}

.tx1 a:hover {
	opacity: .8;
}

.tx1 a[target="_blank"] {
	padding-right: 15px;
	background-image: url(../images/icon_blank2.svg);
	background-repeat: no-repeat;
	background-position: right 3px center;
}

.column_box .tx1 {
	padding-left: 9px;
}







.bt_main1, .bt_main1:visited {
	display: block;
	margin-bottom: 7px;
	background-color: #d0121c;
	position: relative;
	max-width: 680px;
	margin: 0 auto 22px;
	text-align: center;
	padding: 16px 30px;
	color: #FFF;
	font-size: 1.4rem;
	font-weight: 600;
	cursor: pointer;
	-webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
	-webkit-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);

	clip-path: polygon(16px 0, calc(100% - 16px) 0, 100% 50%, calc(100% - 16px) 100%, 16px 100%, 0 50%);
}

.bt_main1::before {
	content: '';
	position: absolute;
	right: 18px;
	top: 0;
	bottom: 0;
	margin: auto 0;
	width: 20px;
	height: 20px;
	background-image: url(../images/icon_arrowR3.svg);
}

.bt_main1[data-icon="blank"]::before {background-image: url(../images/icon_blank_w.svg);}
.bt_main1[data-icon="cart"]::before {background-image: url(../images/icon_cart_w.svg);}
.bt_main1[data-icon="arrowR"]::before {background-image: url(../images/icon_arrowR3_w.svg);}
.bt_main1[data-icon="arrowD"]::before {background-image: url(../images/icon_arrowD3_w.svg);}
.bt_main1[data-icon="arrowU"]::before {background-image: url(../images/icon_arrowU3_w.svg);}

.bt_main1[href]:hover {
	-webkit-transform: translateY(4px);
	-ms-transform: translateY(4px);
	transform: translateY(4px);
	opacity: .85;
}

.bt_main1:not([href]) {
	opacity: .35 !important;
	cursor: auto !important;
}



.bt_main1.powered, .bt_main1.powered:visited {
	background-color: #000;
}

.bt_main1.powered[href]:hover {
	background-color: #222;
}







/* table
-------------------------------------------------------------- */


.fmt2_table {
	color: #27313C;
	font-size: 1.3rem;
	margin-bottom: 43px;
	word-break: break-all;
}

.fmt2_table_tr {
	position: relative;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
}

.fmt2_table_tr::after {
	content: '';
	position: absolute;
	left: 50%;
	bottom: 0;
	display: inline-block;
	width: 50%;
	height: 1px;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: #857c75;
}

.fmt2_table_title {
	color: #27313C;
	font-weight: 600;
	text-align: center;
	min-width: 76px;
	width: 20%;
	padding: 0 8px 0 12px;
}

.fmt2_table_tx {
	padding: 19px 0 19px 6px;
	width: 80%;
	word-break: break-word;
}

.fmt2_table_txL {
	font-family: JPtx, Verdana, 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	font-weight: 900;
	font-size: 2rem;
	line-height: 1.2;
	padding: 19px 0 19px 6px;
}

.fmt2_table_tx strong {
	background: #5c480d;
	display: inline;
	padding: 0 4px 1px;
	font-weight: 600;
}

.fmt2_table_tx a, .fmt2_table_tx a:visited  {
	color: #0148A8;
	border-bottom: 1px solid #0148A8;
	margin: 0 6px;
}

.fmt2_table_tx a:hover {
	opacity: .8;
}

.fmt2_table_tx a[target="_blank"] {
	padding-right: 23px;
	background-size: 13px 13px;
	background-image: url(../images/icon_blank2.svg);
	background-repeat: no-repeat;
	background-position: right 3px center;
}







/* opening games
-------------------------------------------------------------- */


.tab_spc1 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	
  	-ms-flex-wrap: wrap;
  	    flex-wrap: wrap;
	
	max-width: 690px;
	margin: 0 auto 20px;
}

.tab_spc1 div {
	user-select: none;
	width: 50%;
	border: 3px solid #000;
	line-height: 1;
	opacity: .3;
	cursor: pointer;
	background-size: cover;
	background-position: center center;
	box-shadow: inset -90px 0 25px rgba(255,255,255,.9);
	position: relative;
}

.tabSpc1_a {background-image: url("../images/img_ogTab_b1.jpg");}
.tabSpc1_b {background-image: url("../images/img_ogTab_b2.jpg");}


.tab_spc1 div p {
	text-align: right;
	font-family: BLGtx, Verdana, 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	font-size: 3.7rem;
	line-height: 1;
	width: 30%;
	min-width: 70px;
	background-color: #FFF;
	padding: 10px 16px 6px 0;
	margin: 0 0 0 auto;
	clip-path: polygon(10% 0, 100% 0%, 100% 100%, 0% 100%);
}

.tab_spc1 div.selected {
	opacity: 1;
	color: #d0121c;
	border: 3px solid #d0121c;
	cursor: default;
}

.tab_spc1 div.selected::after {
	width: 14px;
	height: 14px;
	content: '';
	background: url("../images/icon_arrowD_tabA_red.svg") no-repeat center top / contain;
	left: 0;
	right: 0;
	bottom: -14px;
	margin: 0 auto;
	position: absolute;
}	


.tab_spc2, .tab_spc3 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	
  	-ms-flex-wrap: wrap;
  	    flex-wrap: wrap;
	
	max-width: 640px;
	margin: 0 auto 28px;
	text-align: center;
}

.tab_spc2 div, .tab_spc3 div {
	width: calc(100% / 3);
	font-family: JPtx, Verdana, 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	font-weight: 900;
	font-size: 1.7rem;
	line-height: 1.4;
	letter-spacing: .2rem;
	text-indent: .2rem;
	padding: 6px 0;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	opacity: .4;
	position: relative;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
	cursor: pointer;
}

/*.tab_spc2 div {width: calc(100% / 3);}*/
.tab_spc2 div {width: 50%;}
.tab_spc3 div {width: 50%;}


.tab_spc2 div:first-child, .tab_spc3 div:first-child {
	border-left: 2px solid #000;
}

.tab_spc2 div:last-child, .tab_spc3 div:last-child {
	border-right: 2px solid #000;
}

.tab_spc2 div.selected, .tab_spc3 div.selected {
	color: #d0121c;
	border: 3px solid #d0121c;
	opacity: 1;
	cursor: default;
}

.tab_spc2 div.selected::after, .tab_spc3 div.selected::after {
	width: 14px;
	height: 14px;
	content: '';
	background: url("../images/icon_arrowD_tabB_red.svg") no-repeat center top / contain;
	left: 0;
	right: 0;
	bottom: -14px;
	margin: 0 auto;
	position: absolute;
}


.tab2_detail, .tab3_detail {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
	
  	-ms-flex-wrap: wrap;
  	    flex-wrap: wrap;
}

.og_blk {
	width: 100%;
	color: #FFF;
	font-family: JPtx, Verdana, 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	font-weight: 900;
	background: url("../images/bg_shadow1.svg") center top / 100% 100%;
	text-shadow: 0 0 4px rgba(0,0,0,.5);
	text-align: center;
	padding-top: 6px;
	margin-bottom: 16px;
}

.og_club {
	font-size: 1.2rem;
	line-height: 1.5;
}

.og_place {
	padding: 0 10px;
	height: 39px;
	display: table;
	width: 100%;
}

.og_place p {
	font-size: 1.7rem;
	line-height: 1;
	display: table-cell;
	vertical-align: middle;
}

.og_place.sizeS p {
	font-size: 1.4rem;
}

.og_place p span {
	font-size: 1.3rem;
}

.og_flagSpc {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	
  	-ms-flex-wrap: wrap;
  	    flex-wrap: wrap;
	
	background-color: rgba(255,255,255,.4);
	position: relative;
}

.og_flagSpc::after {
	content: 'VS';
	padding-top: 4px;
	font-family: BLGtx, Verdana, 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	line-height: .9;
	background-color: #000;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	font-size: 1.7rem;
	letter-spacing: .3rem;
	text-indent: .3rem;
	width: 34px;
	height: 22px;
	margin: auto auto;
	position: absolute;
}

.og_flagSpc div {
	padding: 10px 5px;
	width: 50%;
	color: #000;
	text-shadow: none;
	font-family: Verdana, 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	font-weight: normal;
	font-size: 1.2rem;
	position: relative;
}

.og_flagSpc img {
	width: 40%;
	margin: 0 auto 4px;
}

.og_flagSpc div:first-child {
	padding-left: 18px;
}

.og_flagSpc div:first-child::before {
	content: '';
	position: absolute;
	width: 27px;
	height: 100%;
	top: 0;
	left: 0;
	background: url("../images/tx_og_home.svg") #d0121c no-repeat center center;
	box-shadow: inset 10px 0 10px rgba(0,0,0,.2);
}

.og_flagSpc div:last-child {
	padding-right: 18px;
	background-color: #FFF;
}

.og_flagSpc div:last-child::after {
	content: '';
	position: absolute;
	width: 27px;
	height: 100%;
	top: 0;
	right: 0;
	background: url("../images/tx_og_away.svg") #adaeb2 no-repeat center center;
	box-shadow: inset -10px 0 10px rgba(0,0,0,.2);
}

.og_sec {
	width: 54px;
	padding-top: 4px;
	background-color: #000;
	font-size: 1.3rem;
	line-height: 1;
	height: 22px;
	margin: -22px auto 0;
	position: relative;
}

.og_days {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	
  	-ms-flex-wrap: wrap;
  	    flex-wrap: wrap;
	padding: 6px 14px;
	border-bottom: 1px solid #FFF;
}

.og_dateSpc {
	width: 48%;
}

.og_date {
	font-size: 2.7rem;
	line-height: 1.2;
}

.og_date span {
	font-size: 1.4rem;
}

.og_time {
	font-size: 1.4rem;
	line-height: 1.2;
}

.og_days a, .og_days a:visited {
	display: block;
	width: calc(26% - 8px);
	background-color: #FFF;
	border: 1px solid #d0121c;
	margin: 0 4px;
	color: #d0121c;
	text-shadow: none;
	font-size: 1.2rem;
	letter-spacing: 0;
	position: relative;
	padding-top: 28px;
}

.og_days a::after {
	content:'';
	width: 10px;
	height: 10px;
	background: url("../images/icon_arrowR2.svg") no-repeat center center;
	position: absolute;
	top: 33px;
	right: 4px;
}

.og_days_stream::after {
	right: 12px !important;
}

.og_days_ticket {
	background: url("../images/logo_bTicket.svg") no-repeat top 8px center / 68% 35%;
}

.og_days_stream {
	background: url("../images/logo_baskelive.svg") no-repeat top 10px center / 62% 35%;
}






/* linkblock
-------------------------------------------------------------- */

.spc_linkblock {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
	
  	-ms-flex-wrap: wrap;
  	    flex-wrap: wrap;
	
	padding: 0 0 38px;
}

.link_blk {
	display: block;
	width: 100%;
	padding: 10px 8px 8px 16px;
	-webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
	-webkit-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
}

.link_blk:hover {
	-webkit-transform: translateY(4px);
	-ms-transform: translateY(4px);
	transform: translateY(4px);
	opacity: .8;
}

.link_blk img {
	width: 100%;
	margin-bottom: 13px;
	-webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
	-webkit-filter: drop-shadow(1px 4px 4px rgba(0, 0, 0, 0.5));
            filter: drop-shadow(1px 4px 4px rgba(0, 0, 0, 0.5));
}

.link_blk:hover img {
	-webkit-filter: drop-shadow(0px 0px 0px rgba(0, 0, 0, 0.5));
            filter: drop-shadow(0px 0px 0px rgba(0, 0, 0, 0.5));
}

.link_blk h6 {
	padding: 8px 30px 8px 22px; 
	font-family: var(--font-jpB);
	color: var(--color-txBk);
	font-weight: 900;
	font-size: 1.6rem;
	line-height: 1.5;
	margin-bottom: 10px;
	position: relative;
	background: url("../images/icon_blank.svg") no-repeat right 10px center;
}

.link_blk h6::before {
	content: '';
	position: absolute;
	width: 12px;
	height: 100%;
	background-color: #d0121c;
	top: 0;
	left: 0;
	clip-path: polygon(0% calc(0% + 6px), 100% 0%, 100% calc(100% - 6px), 0% 100%);
}

.link_blk p {
	font-size: 1.3rem;
	color: var(--color-txBk);
	padding: 0 8px 0 12px;
	margin-bottom: 28px;
	line-height: 1.6;
}






/* footer
-------------------------------------------------------------- */

.banner_10thSite {
	display: block;
	width: calc(100% - 40px);
	max-width: 380px;
	margin: 0 auto 48px;
	background: url("../images/banner_10thsite.webp") no-repeat center center / contain;
	height: calc((100vw - 40px)/680 * 204);
	max-height: calc((380px - 40px)/680 * 204);
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.bt_scrolltoTop {
	position: fixed;
	width: 32px;
	height: 50px;
	background-size: contain;
	background-image: url(../images/bt_scrolltoTop.svg);
	background-repeat: no-repeat;
	bottom: 49px;
	right: 8px;
	z-index: 500;
	display: none;
}

footer {
	text-align: center;
	padding-bottom: env(safe-area-inset-bottom);
	background-color: #FFF;
}

.footer_inner {
	padding: 60px 10px 80px;
	max-width: 1080px;
	margin: 0 auto;
}


.btSnsBtm_spc {
	text-align: center;
	margin-bottom: 40px;
	font-size: 0;
	letter-spacing: 0;
}

.a_btSnsBtm {
	display: inline-block;
	vertical-align: top;
	width: 30px;
	line-height: 0;
	margin: 0 12px;
}

.btSnsBtm {	
	width: 100%;
}

.btSnsBtm:hover {
	opacity: .7;
}






.ft_tx {
	font-size: 1.2rem;
	color: #746F63;
}

.icon_logoBLG_ft {
	display: inline-block;
	width: 96px;
	margin-bottom: 44px;
}




/* general
-------------------------------------------------------------- */

.onlySP {display: block;}
.onlySP_il {display: inline;}
.onlyPC, .onlyPC_il {display: none;}

.mgB100 {margin-bottom: 100px;}
.pdB100 {padding-bottom: 100px;}

.alignC {text-align: center;}
.alignR {text-align: right;}

.alignLR {
	text-align: justify;
	text-justify: inter-ideograph;
}