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

@media screen and (min-width: 640px) {


/* main
-------------------------------------------------------------- */


.fixed_top {
	display: none;
}

.a_fixedTop_R1 {
	display: block;
}


#burger {
	display: none;
}

#slide_menu {
	top: -67px;
    animation: checked-anim .5s ease both;
	height: 66px;
	background: rgba(0,0,0,.9);
	padding-top: 11px;
	-webkit-transition:.5s;
	-o-transition:.5s;
	transition:.5s;
	overflow: visible;
}

#main_menu {
	max-width: 1920px;
	margin: 0 auto;
	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;
}

.logo_left_topPC {
	width: 60px;
	height: 55px;
	display: block;
	background: url("../images/icon_logoBLG_w.svg") no-repeat center center / 80% 80%;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
	margin-top: -5px;
}

.bt_onlyPC {
	display: block;
	cursor: pointer;
	padding: 5px 10px 0 60px;
	color: #FFF;
	height: 50px;
	font-family: JPtx, Verdana, 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	font-weight: 900;
	font-size: 1.4rem;
	line-height: 1.4;
	text-align: left;
	border-left: 1px solid #FFF;
	user-select: none;
	-webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
	-webkit-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
	width: calc((100vw - (60px + 220px)) / 2 - 10px);
	background-size: 40px 28px;
	background-position: left 8px center;
	background-repeat: no-repeat;
}

.bt_onlyPC.pdT {
	padding-top: 16px;
}

.bt_onlyPC[data-icon="calendar"] {
	background-image: url("../images/icon_menu_schedule.svg");
}

.bt_onlyPC[data-icon="ticket"] {
	background-image: url("../images/logo_bTicket_w.svg");
}

.bt_onlyPC:hover {
	-webkit-transform: translateY(4px);
	-ms-transform: translateY(4px);
	transform: translateY(4px);
}

.pc_pullDown {
	width: 220px;
	text-align: left;
}

.bt_pullDown {
	display: block;
	cursor: pointer;
	padding: 5px 21px;
	color: #FFF;
	height: 50px;
	font-family: JPtx, Verdana, 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	font-weight: 900;
	font-size: 1.4rem;
	line-height: 1.4;
	background: url("../images/icon_plus1.svg") no-repeat right 30px center;
	border-left: 1px solid #FFF;
	margin-bottom: 5px;
}

#main_menu .title_menu {
	display: none;
	transition: 0;
}

#slide_menu .sub_menu {
	display: none;
}

#slide_menu.slideDown {
	top: 0px;
}

#slide_menu #main_menu ul, #menu-toggle:checked ~ #slide_menu #main_menu ul {
	margin: 0 auto;
	padding: 0 10px 4px;
	background: rgba(0,0,0,.9);
	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;
}

#main_menu ul li {
	width: 100%;
}

#menu-toggle:checked ~ #slide_menu #main_menu ul {
	width: 100%;
}

#main_menu ul li a {
	color: #FFF;
	font-size: 1.4rem;
	padding: 18px 6px;
	line-height: 1.4;
	background-image: none;
	border-bottom: none;
	border-top: 1px solid #FFF;
	margin-bottom: 0;
	text-align: left;
}

#main_menu ul li a[href]:hover {
	border-bottom: none;
}

#main_menu ul li a .menu_thumbImg {
	display: none;
}

#main_menu ul li a span{
	display: none;
	font-size: 1.2rem;
}

#main_menu ul li a[target="_blank"] {
	background-image: none;
}

.pc_pullDown ul {
	display: none !important;
}

.pc_pullDown:hover ul {
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
}

.a_menu_sub1, .a_menu_sub1:visited {
	font-size: 1.7rem;
	padding: 15px 0;
}




.sub_menu li a, .sub_menu li a:visited {
	font-size: 1.9rem;
}




.hdr_top h1 {
	background-image: url("../images/title_hdrTop_pc.svg");
	height: 42vh;
}

.hdr_bg_goal {
	right: 0;
	width: 29vh;
}





.footer_menu::before {
	top: -99px;
	height: 100px;
}

.footer_menu {
	padding-bottom: 102px;
}

footer::before {
	top: -99px;
	height: 100px;
}

.atcl1.bottomV {
	padding-bottom: 116px !important;
}


.titleL2 {
	font-size: 1.8rem;
}


.titleL1_ruby {
	font-size: 2rem;
}

.titleL1_ruby2 {
	font-size: 1.9rem;
}

.txL1 {
	font-size: 2.3rem;
}

.txL4 {
	font-size: 5rem;
}

.clmBox_inner {
	padding: 18px 26px 28px;
}

.column_box h4 {
	font-size: 1.8rem;
}

.tx1 {
	font-size: 1.4rem;
}

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

.bt_main1, .bt_main1:visited {
	font-size: 1.5rem;
}



.fmt2_table {
	font-size: 1.4rem;
}



.bt_scrolltoTop {
	width: 66px;
	height: 66px;
	bottom: 73px;
}


.a_btSnsBtm {
	margin: 0 20px;
}


.titleL1 {
	font-size: 10.4rem;	
}


.tx_untilStart {
	max-width: 348px;
}

.cd_daySpc p {
	font-size: 19rem;
}

.cd_daySpc p.tx_unit {
	font-size: 5.8rem;
}

.cd_timeSpc p {
	font-size: 8.9rem;
}

.cd_timeSpc p.tx_unit {
	font-size: 3.4rem;
}

.h3_clumBox_spc {
	margin-bottom: 28px;
}

.h3_clumBox_spc h3 {
	font-size: 2rem;
}







.tab_spc1 div {
	box-shadow: inset -120px 0 25px rgba(255,255,255,.9);
}

.tab_spc1 div p {
	font-size: 6rem;
	padding: 10px 16px 6px 0;
}

.tab_spc2 div, .tab_spc3 div {
	font-size: 2.3rem;
	padding: 11px 0;
	letter-spacing: .4rem;
	text-indent: .4rem;
}


.og_blk {
	width: calc(100% / 2 - 10px);
	margin: 0 5px 16px;
}






.spc_linkblock {
	padding: 0 22px 38px;
}

.link_blk {
	width: calc(100% / 3);
}

.link_blk h6 {
	font-size: 1.7rem;
}

.link_blk p {
	font-size: 1.4rem;
}



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

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








@media screen and (min-width: 780px) {

.bt_basketLive_onlyPC {
	display: block;
	padding: 19px 17px 0 17px;
	width: 140px;
	border-left: 1px solid #FFF;
	height: 50px;
	background-color: #000;
}

.bt_basketLive_onlyPC img {
	width: 100px;
}

.bt_onlyPC {
	width: calc((100vw - (60px + 220px + 140px)) / 2 - 10px);
}

}





@media screen and (min-width: 840px) {

.bt_onlyPC {
	width: 200px;
}

.logo_left_topPC {
	margin-right: calc(100vw - (60px + 400px + 220px + 140px) - 20px)
}

}

@media screen and (min-width: 1920px) {

.logo_left_topPC {
	margin-right: calc(1920px - (60px + 400px + 220px + 140px) - 20px)
}

}





@media screen and (min-width: 1060px) {


.og_blk {
	width: calc(100% / 3 - 10px);
	margin: 0 5px 16px;
}

}


@media screen and (min-width: 1360px) {


.og_blk {
	width: calc(100% / 4 - 10px);
	margin: 0 5px 16px;
}

.nf_club {
	width: calc(100% / 3 - 10px);
}


}










}






