@charset "utf-8";
/* 2025/03 update */
html,
body {background: none; margin: 0; width: 100%; height: auto !important;}

/*** Event - Common ***/
.sp_display{display:none;}
.pc_display{display:block;}
.animated {animation-duration: 1s; animation-fill-mode: both; visibility: visible;}
#wrap {background: none;}
figure,
footer,
header,
section {display: block;}
section#contents1,
section#contents2,
section#contents3,
section#contents4,
section#contents5,
section#contents6{/* background-color: #0f0f1e; */ background-color: rgba(10, 10, 20, 0.825); background-repeat: no-repeat; background-size: cover;}
header {position: relative; background-color: #fff;}
header.logined {background-color: #D61518;}
footer {position: relative;}

#page-top {position: fixed; right: 1.6rem; bottom: 0.8rem; z-index: 10;
-webkit-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;}
#page-top .scroll.show{bottom: 1rem;}
#page-top a .scroll {width: 2rem; height: 6.5rem; position: absolute; right: 0; bottom: -10rem; transition: all .3s; z-index: 9;}
#page-top a .scroll .arw::after {content: ""; display: block; position: absolute; right: -12px; top: 2px; width: 7px; height: 7px; border-right: 2px solid #0ba29a; border-top: 2px solid #0ba29a; transform: rotate(-45deg);}
#page-top a .scroll .arw {position: absolute; top: 0; left: 50%; margin-left: -0.7rem;}
#page-top a .scroll .txt {color: #fff; font-size: 1rem; font-weight: 700; mix-blend-mode: difference; position: absolute; left: 0.3rem; bottom: 0;
writing-mode: vertical-rl;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;}


/*** Event - house_t ***/
#wrap_house_t{color: #fff; font-size: 1.8rem; line-height: 1.7; position: relative; overflow: hidden;
font-family: "Noto Sans JP", sans-serif; font-optical-sizing: auto; font-style: normal; font-feature-settings: "palt";}
article{width: 100%; padding: 0; position: relative; overflow: hidden;}
section{padding: 5rem 0; margin: 0;}
div.hero{position: relative;}
.content-block{width: 1000px; margin: 0 auto;}
.content-block p{margin: 0;}
.content-block p.large-text{font-size: 2.25rem;}
.content__ttl{margin: 0 0 4rem;}
.content__ttl h2{background: #68efbd; color: #000; font-size: 3rem; font-weight: 700; padding: 2.0rem; margin: 0;}
.content__label h3{color: #fff; font-size: 4.8rem; font-weight: 700; line-height: 1; margin: 0 0 3.5rem;}
.content__label h4,
.content__label h5{font-size: 2.6rem; font-weight: 700; line-height: 1.35; padding: 0.25rem 0.5rem 0.5rem 1.5rem; margin: 0 0 1.5rem; position: relative;}
.content__label h4:before{content: ''; position: absolute; top: 0; left: 0; display: block; width: 7px; height: 100%; background: #68efbd;}
.content__label h5:before{content: ''; position: absolute; top: 0; left: 0; display: block; width: 5px; height: 100%; background: #fff;}


/* Loader */
#site_loader_overlay {background: #1f1f1f; opacity: 1;position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 99999;}
.site_loader_logo {font-size: 10px; margin: -3em; text-indent: -9999em; width: 6em; height: 6em; border-radius: 50%; position: absolute; top: 50%; left: 50%;
background: #68efbd;
background: -moz-linear-gradient(left, #68efbd 10%, rgba(104, 239, 189, 0) 42%);
background: -webkit-linear-gradient(left, #68efbd 10%, rgba(104, 239, 189, 0) 42%);
background: -o-linear-gradient(left, #68efbd 10%, rgba(104, 239, 189, 0) 42%);
background: -ms-linear-gradient(left, #68efbd 10%, rgba(104, 239, 189, 0) 42%);
background: linear-gradient(to right, #68efbd 10%, rgba(104, 239, 189, 0) 42%);
-webkit-animation: load3 1.4s infinite linear;
animation: load3 1.4s infinite linear;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);}
.site_loader_logo:before {
content: ''; width: 50%; height: 50%; background: #68efbd; border-radius: 100% 0 0 0; position: absolute; top: 0; left: 0;}
.site_loader_logo:after {content: ''; background: #1f1f1f; width: 75%; height: 75%; border-radius: 50%; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0;}


/* Navi */
#ht__modal{display: none;}
nav{width: 100%; background: rgba(30, 30, 30, 0.75); border-bottom: 3px solid #68efbd; position: absolute; padding: 15px 0; z-index: 10;}
nav .navi__area{width: 970px; margin: 0 auto; position: relative;}
nav .navi__area h2.logo{width: 55px; position: absolute; top: -35px; left: 5px;}
nav .navi__area h2 img{width: 100%;}
nav .navi__area .hju__modal__btn{display: none;}
nav.g-nav .checkbox_check,
nav.g-nav .radio_check {display: none;}
nav .navi__area ul{width: 100%; margin: 0; display: flex; justify-content: flex-end; align-items: center;}
nav .navi__area li{width: 18%; text-align: center;}
nav .navi__area li a{color: #fff !important; font-size: 1.65rem; text-shadow: 0 2px 1px #000; position: relative; text-decoration: none !important;}
nav .navi__area li a:hover{text-decoration: none !important;}
nav .navi__area li a::after {position: absolute; bottom: -5px; left: 0; content: ''; width: 100%; height: 3px; background: #68efbd; transform: scale(0, 1); transform-origin: right top; transition: transform .3s;}
nav .navi__area li a:hover::after {transform-origin: left top; transform: scale(1, 1);}
nav.fixed{position: fixed; top: 0; left: 0; background:rgba(30, 30, 30, 0.975); border-bottom: 3px solid #68efbd; padding: 20px 0;}


/* Contents Common */
#wrap_house_t #contents a{color: #68efbd; transition: all .3s;}
#wrap_house_t #contents a:hover{color: #68efbd; text-decoration: underline;}
#wrap_house_t #contents a.image,#wrap_vspro #contents a.image::before,#wrap_vspro #contents a.image::after{display: block; outline: 0px solid #b71c25;  outline-offset: 0px; color: #fff; -webkit-transition: all .1s; transition: all .1s;}
#wrap_house_t #contents a.image:hover{outline: 5px solid #b71c25;  outline-offset: -8px; color: #b71c25;}
#wrap_house_t #contents .boxLink {display: block; color: #fff; font-weight: 700; line-height: 55px; width: 500px; text-align: center; text-decoration: none !important; margin: 0 auto; position: relative; cursor: pointer; z-index: 1;}
#wrap_house_t #contents .boxLink:after {pointer-events: none; position: absolute; width: 100%; height: 100%; content:''; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
#wrap_house_t #contents .boxLink:before {speak: none; line-height: 90px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; display: block; -webkit-font-smoothing: antialiased;}
#wrap_house_t #contents .boxLink.effect {color: #333333; font-size: 1.8rem; border: 3px #cccccc solid; -webkit-transition: color 0.3s; transition: color 0.3s;}
#wrap_house_t #contents .boxLink.effect:after {top: 0; left: 0; padding: 0; z-index: -1;
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #e7e7e7 100%);
background: -webkit-linear-gradient(top, #ffffff 0%,#e7e7e7 100%);
background: linear-gradient(to bottom, #ffffff 0%,#e7e7e7 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e7e7e7',GradientType=0 );
-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
-moz-transition: -moz-transform 0.2s, opacity 0.2s;
transition: transform 0.2s, opacity 0.2s;}
#wrap_house_t #contents .boxLink.effect.sub:hover,section.base .boxLink.effect.sub:hover i {color: #c9151e;}
#wrap_house_t #contents .boxLink.effect.sub:hover:after {}
#wrap_house_t #contents .boxLink i{background: url(../img/event/cpn_vspro/vspro_arrow.png) no-repeat 50%; padding: 10px 20px;}


/* Main image */
.video_box .video-background {position: fixed; top: 0; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -100; transform: translateX(-50%); object-fit: cover;}
.video_box .overlay {width: 100%; height: calc(910px - 140px); position: absolute; top: 0; left: 0; background-image: linear-gradient(45deg, rgba(5,5,15,0.45) 75%, rgba(10,10,100,.95) 50%); background-size: 2px 2px; z-index: 0;}

.vj-house_t{width: 100%; max-width: 970px; position: absolute; top: 50%; left: 50%; margin-top: 100px; margin-left: -485px;}
.vj-house_t #scroll-down {display: block; position: relative; padding-top: 26px; text-align:center; margin-top: 2.5rem;}
.vj-house_t .arrow-down {display: block; margin: 0 auto; width: 10px; height: 20px;}
.vj-house_t .arrow-down:after {content: ''; width: 8px; height: 8px; display: block; margin: 0; padding: 0; border-top: 2px solid #68efbd; border-right: 2px solid #68efbd; behavior: url(-ms-transform.htc);
-moz-transform: rotate(135deg);
-webkit-transform: rotate(135deg);
-o-transform: rotate(135deg);
-ms-transform: rotate(135deg);
transform: rotate(135deg);}
.vj-house_t #scroll-title {display: block; color: #68efbd; text-transform: uppercase; font-family: Helvetica Neue, Helvetica, Arial; font-size:14px; font-weight:bold; letter-spacing:.1em;}
.vj-house_t #scroll-down::before {content: ''; width: 2px; height: 35px; position: absolute; top: 0px; left: 50%; background: #68efbd; margin-left: -2px;
-webkit-animation: elasticus 1.2s cubic-bezier(1, 0, 0, 1) infinite;
-moz-animation: elasticus 1.2s cubic-bezier(1, 0, 0, 1) infinite;
-o-animation: elasticus 1.2s cubic-bezier(1, 0, 0, 1) infinite;
animation: elasticus 1.2s cubic-bezier(1, 0, 0, 1) infinite;}

@media screen and (max-width: 1024px) {
	.video_box .video-background {top: 0;}
}

/* Contents 1 Schedule */
#wrap_house_t #contents1 {
	/* background-color: #fff; */
	margin-top: calc(910px - 140px); padding-top: 6rem !important; padding-bottom: 3rem !important;
}
#wrap_house_t #contents1 .content__detail .date{margin: 3rem 0;}
#wrap_house_t #contents1 .content__detail .date:last-of-type{margin: 0;}


/* Contents 2 Tournament */
#wrap_house_t #contents2 .tablebox{height: 480px;}
#wrap_house_t #contents2 .tablebox .jspVerticalBar {width: 10px;}
#wrap_house_t #contents2 .tablebox .jspHorizontalBar {height: 10px; background: rgba(0,0,0,0);}
#wrap_house_t #contents2 .tablebox .jspCorner{background: rgba(0,0,0,0);}
#wrap_house_t #contents2 .tablebox .jspTrack{background: none;}
#wrap_house_t #contents2 .tablebox .jspDrag{background: #68efbd;}
#wrap_house_t #contents2 table{color:#222; border-collapse:collapse;}
#wrap_house_t #contents2 table tr.finalist {background: rgba(255,100,120,0.625);}
#wrap_house_t #contents2 table th{white-space: nowrap;}
#wrap_house_t #contents2 table td{border:solid 1px #68efbd; white-space: nowrap;}
#wrap_house_t #contents2 table th{font-size: 1.25rem; font-weight: 600; line-height: 1.4; color: #68efbd; padding: 1.0rem 3.5rem; text-align: center;}
#wrap_house_t #contents2 table td{background: rgba(30, 30, 30, 0.45); color: #fff; font-size: 1.4rem; line-height: 1.4; vertical-align: middle; padding: 1.5rem; text-align: center;}
#wrap_house_t #contents2 table td a{display: block; width: 100%; text-align: center; background: #0ba29a; color: #fff; padding: 0.75rem; border-radius: 20px;}
#wrap_house_t #contents2 table td a:hover{text-decoration: none;}
#wrap_house_t #contents2 p.tips {font-size: 1.15rem; margin-top: 1.5rem; text-align: right;}
#wrap_house_t #contents2 .color-pink{color: #de006f;}
#wrap_house_t #contents2 span.finalist_icon {color: #ff0; font-weight: 600; background: #de006f; padding: 4px 16px;}
#wrap_house_t #contents2 .st_col{position: sticky; top: 0; left: 0; background: none; border-top: none; border-bottom: none;}
#wrap_house_t #contents2 .st_col::before {content: ""; background-color: #1f1f1f; border:solid 1px #68efbd; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1;}


/* Contents 3 Outline */
#wrap_house_t #contents3 .content__detail{background: rgba(0, 0, 0, 0.575); margin: 0 0 5rem; padding: 5rem;}
#wrap_house_t #contents3 .content__detail:last-of-type{margin: 0;}
#wrap_house_t #contents3 .content__detail p.sub-tips{font-size: 2.25rem; font-weight: 700; color: #68efbd; line-height: 1.25; margin-bottom: 1.5rem;}
#wrap_house_t #contents3 .content__detail dl{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; width: 100%; margin: 1.5rem 0 0; padding: 0; font-size: 1.25rem;}
#wrap_house_t #contents3 .content__detail dt{width: 2%; min-width: 16px;}
#wrap_house_t #contents3 .content__detail dd{width: 98%;}
#wrap_house_t #contents3 .content__detail ul{margin: 0 0 0 40px; padding: 0;}
#wrap_house_t #contents3 .content__detail ul > li{list-style: disc; margin: 0 0 0.75rem;}
#wrap_house_t #contents3 .content__link{display: flex; justify-content: flex-start; align-items: center; border: 2px solid #68efbd; padding: 3rem; margin-top: 3rem; background: rgba(0, 0, 0, 0.75);}
#wrap_house_t #contents3 .content__link .link_txt{width: 45%; margin-right: 5%;}
#wrap_house_t #contents3 .content__link .link_txt h6{font-size: 2.4rem; font-weight: 700; line-height: 1;}
#wrap_house_t #contents3 .content__link .link_txt p{font-size: 1.4rem;}
#wrap_house_t #contents3 .content__link .link_btn{width: 50%;}
#wrap_house_t #contents3 .content__link .link_btn a{display: block; width: 100%; text-align: center; font-size: 1.6rem;}
#wrap_house_t #contents3 .content__link .link_btn a:hover{opacity: 0.75; text-decoration: none;}

#wrap_house_t #contents3 .content__detail .dropdown__box{margin-bottom: 3rem;}
#wrap_house_t #contents3 .content__detail .dropdown__box:last-of-type{margin-bottom: 0;}
#wrap_house_t #contents3 .content__detail .accordion_one .accordion_inner {background-color: rgba(0, 0, 0, 0.575);}  
#wrap_house_t #contents3 .content__detail .accordion_one .content__label h4{padding: 0; margin: 0;}
#wrap_house_t #contents3 .content__detail .accordion_one .content__label h4:before {display: none;}

/* dropdown__box 共通 */
.box__section .accordion_one {position: relative;}
.box__section .accordion_one .accordion_header {background: #0ba29a; padding: 2.5rem; position: relative; z-index: +1; cursor: pointer; transition-duration: 0.8s;}
.box__section .accordion_one .accordion_header.open{background: #252525; color: #fff;}
.box__section .accordion_one .accordion_header.open h4{color: #68efbd;}
.box__section .accordion_one .accordion_header.open h4{color: #68efbd;}
.box__section .accordion_one .accordion_header.stay + .accordion_inner{display: block;}
.box__section .accordion_one .accordion_header .i_box {display: flex; justify-content: center; align-items: center; position: absolute; top: 50%; right: 3rem; width: 25px; height: 25px; margin-top: -11px;
box-sizing: border-box; -webkit-transform: rotate(45deg); transform: rotate(45deg); transform-origin: center center; transition-duration: 0.4s;}
.box__section .accordion_one .accordion_header .i_box .one_i {display: block; width: 25px; height: 25px; position: relative; -webkit-transform: rotate(45deg); transform: rotate(45deg); transform-origin: center center; transition-duration: 0.4s;}
.box__section .accordion_one .accordion_header.open .i_box {-webkit-transform: rotate(-360deg); transform: rotate(-360deg);}
.box__section .accordion_one .accordion_header .i_box .one_i:before,
.box__section .accordion_one .accordion_header .i_box .one_i:after {content: ''; display: flex; background-color: #fff; width: 25px; height: 5px; position: absolute; top: 10px; left: 0; -webkit-transform: rotate(0deg); transform: rotate(0deg); transform-origin: center center;}
.box__section .accordion_one .accordion_header.enable .i_box .one_i:before,
.box__section .accordion_one .accordion_header.enable .i_box .one_i:after {background-color: #fff;}
.box__section .accordion_one .accordion_header .i_box .one_i:before {width: 5px; height: 25px; top: 0; left: 10px;}
.box__section .accordion_one .accordion_header.open .i_box .one_i:before {content: none;}
.box__section .accordion_one .accordion_header.open .i_box .one_i:after {-webkit-transform: rotate(-45deg); transform: rotate(-45deg); background-color: #68efbd;}
.box__section .accordion_one .accordion_inner {display: none; padding: 3rem;}


/* Contents Present */
#wrap_house_t #contents4 p.tips{font-size: 1.15rem; line-height: 1.6; margin: -2.5rem 0 4rem; padding: 0;}
#wrap_house_t #contents4 .content__present{background: rgba(0, 0, 0, 0.75); padding: 4rem; margin-bottom: 4rem;}
#wrap_house_t #contents4 .content__present:last-of-type{margin-bottom: 0;}
#wrap_house_t #contents4 .content__present ul{width: 90%; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; margin: 0 auto;}
#wrap_house_t #contents4 .content__present ul > li{width: 30%; margin: 0 1.5%;}
#wrap_house_t #contents4 .content__present .images{margin-bottom: 2.5rem;}
#wrap_house_t #contents4 .content__present .pre__ttl{background: rgba(0, 0, 0, 0.25); padding: 1.1rem 0 0.75rem; text-align: center; font-size: 2.0rem; font-weight: 700; margin-bottom: 1.6rem;}
#wrap_house_t #contents4 .content__present .pre__images_vss,
#wrap_house_t #contents4 .content__present .pre__images_vsx{margin-bottom: 2.0rem;}
#wrap_house_t #contents4 .content__present .pre__images_max{margin: 0;}
#wrap_house_t #contents4 .content__present p{text-align: center; font-size: 2.8rem; font-weight: 700;}
#wrap_house_t #contents4 .content__present p span{display: block; font-size: 1.6rem; font-weight: 500;}
#wrap_house_t #contents4 .content__movie{background: rgba(0, 0, 0, 0.75); padding: 4rem; margin-bottom: 3rem; position: relative;}
#wrap_house_t #contents4 .content__movie a:hover,
#wrap_house_t #contents4 .content__present a:hover{opacity: 0.75;}


/* Contents Outline */
#wrap_house_t #contents5 .content__detail {margin: 2.5rem 0;}
#wrap_house_t #contents5 .content__detail ul{margin: 0 0 0 40px; padding: 0;}
#wrap_house_t #contents5 .content__detail ul > li{list-style: disc; margin: 0 0 0.75rem;}
#wrap_house_t #contents5 .content__movie{background: rgba(0, 0, 0, 0.75); padding: 4rem; margin: 3rem 0; position: relative;}
#wrap_house_t #contents5 .content__movie a:hover{opacity: 0.75;}
#wrap_house_t #contents5 .content__link{display: flex; justify-content: flex-start; align-items: center; background: rgba(0, 0, 0, 0.75); border: 2px solid #68efbd; padding: 3rem;}
#wrap_house_t #contents5 .content__link .link_txt{width: 60%;}
#wrap_house_t #contents5 .content__link .link_txt h6{font-size: 2.4rem; font-weight: 700; line-height: 1;}
#wrap_house_t #contents5 .content__link .link_btn{width: 40%;}
#wrap_house_t #contents5 .content__link .link_btn a{display: block; width: 100%; text-align: center; font-size: 1.6rem; background: #0ba29a; color: #fff; padding: 1.5rem 2rem;}
#wrap_house_t #contents5 .content__link .link_btn a:hover{opacity: 0.75; text-decoration: none;}
#wrap_house_t #contents5 .content__data{width: 55%; margin: 2.5rem auto 0; text-align: center; max-width: 520px;}


/* Contents Result */
#wrap_house_t #contents6 .winning ul{width: 100%; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
#wrap_house_t #contents6 .winning ul > li{overflow: hidden; width: 31.8%; margin: 0.75%; position: relative;}
#wrap_house_t #contents6 .winning li .winning_image{
overflow: hidden;
background-color: #1f1f1f;
border: solid 2px #68efbd;
padding: 3px;
}
#wrap_house_t #contents6 .winning li .winning_image i.win_icon{
position: absolute;
top: 10px;
left: -47px;
background: #9e914a;
transform: rotate(-40deg);
padding: 5px 60px;
font-size: 1.35rem;
font-weight: 700;
line-height: 1.2em;
letter-spacing: 1px;
text-align: center;
font-style: normal;
z-index: 1;
}
#wrap_house_t #contents6 .winning li .winning_name{
color: #68efbd;
text-align: center;
background: rgba(10, 10, 20, 0.75);
margin-bottom: 4rem;
margin: 5px 0 0;
padding: 3px 0;
font-size: 1.5rem;
}
#wrap_house_t #contents6 .result_img{margin: 2rem 0 0; border: 2px solid #68efbd;}
#wrap_house_t #contents6 a:hover img{opacity: 0.75;}

/* Contents ex Result */
#wrap_house_t #ht_Notice{background-color: rgba(10, 10, 20, 1.0); background-repeat: no-repeat; background-size: cover;}

/* Notice 共通 */
#wrap_house_t #contents .content-block .notice{margin: 0 0 4rem;}
#wrap_house_t #contents .content-block .notice:last-of-type{margin: 0;}
#wrap_house_t #contents .content-block .notice p{font-size: 1.25rem; margin: 1.75rem 0;}
#wrap_house_t #contents .content-block .notice a:hover{text-decoration: underline;}
#wrap_house_t #contents .content-block .notice ul{margin: 0 0 0 20px; padding: 0;}
#wrap_house_t #contents .content-block .notice ul > li{font-size: 1.25rem; list-style: disc; margin: 0 0 0.75rem;}



/*responsive ==============================================================================*/
@media (max-width: 767px) {
/*smart phone*/

	/*Event - Common*/
	.sp_display{display:block !important;}
	.pc_display{display:none !important;}

/*** Event - house_t ***/
	/* Common */
	#wrap_house_t{font-size: 1.45rem; line-height: 1.7;}
	section{padding: 2rem;}
	.content-block{width: 100%; padding: 0;}
	.content-block p.large-text{font-size: 1.4rem;}
	.content__ttl{margin: 0 0 2.5rem;}
	.content__ttl h2{font-size: 1.8rem; padding: 1.15rem 1.0rem;}
	.content__label h3 {font-size: 2.15rem; padding: 0; margin: 0 0 2rem;}
	.content__label h4,
	.content__label h5{font-size: 1.5rem; padding: 0.25rem 0.25rem 0.25rem 1.25rem; margin: 0 0 1.25rem;}
	.content__label h4:before{content: ''; width: 7px;}
	.content__label h5:before{content: ''; width: 4px;}
	.site_loader_logo {margin: -5em -3em;}

/* Navi */
nav{padding: 35px 0; background: none; border: none;}
nav .navi__area{width: 100%;}
nav .navi__area .hju__modal__btn{display: block; width: 36px; height: 36px; position: absolute; top: 50%; right: 20px; margin: -15px 0 0;}
nav .navi__area ul{display: none; justify-content: flex-start; align-items: normal;}
nav .navi__area li{width: 100%; text-align: center;}
nav .navi__area li a{color: #fff !important; font-size: 1.8rem; font-weight: 700; text-shadow: 0 3px 1px #000; position: relative; text-decoration: none !important;}
nav .navi__area li a::after {display: none;}
nav .navi__area li a:hover::after {display: none;}
nav.fixed{position: fixed; padding: 35px 0; background: none; border: none;}
nav.g-nav #hju__slideMenu {height: 100%; position: fixed; justify-items: legacy; width: 100%; margin-top: -35px; transform: translateY(-150%); transition: transform 450ms ease-in-out; background: rgba(0,0,0,0.85); z-index: 5;}
.menu{display: block; width: 36px; height: 36px; position: absolute; top: 50%; right: 0; margin: -15px 15px 0 0; padding: 5px; border-radius: 4px; background: rgba(0, 0, 0, 0.75); border: 2px solid #68efbd;}
.menu span:before {bottom: -9px;}
.menu span:after {bottom: -18px;}
.menu span,
.menu span::before,
.menu span::after {content: ''; display: block; width: 22px; height: 4px; border-radius: 0; background: #fff; transition: 0.5s; position: absolute;}


/* == Modal ================================================== */
#ht__modal{display: block;}
.ht__js-modal__bg {width: 100%; height: 100%;background-color: rgba(0,0,0,0); position: fixed; top: 0; left: 0; z-index: 10; display: none;}
.ht__js-modal__main {display: none; width: 100%; height: 100vh; padding: 15%; margin: 0; position: fixed; top: 0; left: 0; background-color: rgba(0,0,0,0.95); z-index: 50;}
.ht__js-modal__main .modal__contentsBox{width: 70%; margin: -240px 0 0 -35%; position: absolute; top: 50%; left: 50%;}
.ht__js-modal__main .modal__contentsBox h2.logo{width: 100%; text-align: center; margin: 0 auto 20px;}
.ht__js-modal__main .modal__contentsBox .ht__modal__menu ul{list-style: none; margin: 0; padding: 0;}
.ht__js-modal__main .modal__contentsBox .ht__modal__menu ul > li{text-align: center; margin-bottom: 10px;}
.ht__js-modal__main .modal__contentsBox .ht__modal__menu ul > li a{display: block; color: #68efbd; font-size: 2.25rem; font-weight: 700; padding: 0 0 3px;}
.ht__js-modal__btn--close--fix {display: block; background: #68efbd; color: #1f1f1f; font-size: 1.85rem; font-weight: 700; text-decoration: none; text-align: center; width: 60%; max-width: 400px; border-radius: 10px; padding: 10px; margin: 25px auto 0; transition: all .3s; cursor: pointer;  }
.ht__js-modal__main._slideUp {animation: SlideUp .5s ease-in-out forwards;}
.ht__js-modal__main._slideDown {animation: SlideDown .5s ease-in-out forwards;}


	/* Main image */
	.video_box .overlay {height: calc(620px - 47px);}
	.vj-house_t{width: 90%; max-width: none; margin-left: -45%;}
	.vj-house_t #scroll-down {margin-top: 1.5rem;}
	.vj-house_t .arrow-down {height: 14px;}
	.vj-house_t .arrow-down:after {content: ''; width: 8px; height: 8px; display: block; margin: 0; padding: 0; border-top: 2px solid #68efbd; border-right: 2px solid #68efbd; behavior: url(-ms-transform.htc);}


	/* Contents 1 Schedule */
	#wrap_house_t #contents1 {margin-top: calc(620px - 47px); padding-top: 3rem !important; padding-bottom: 1.5rem !important;}
	#wrap_house_t #contents1 .content__detail .date{margin: 1.75rem 0;}

	/* Contents 2 Tournament */
	#wrap_house_t #contents2 .tablebox{height: 400px;}
	#wrap_house_t #contents2 .tablebox .jspVerticalBar {width: 8px;}
	#wrap_house_t #contents2 .tablebox .jspHorizontalBar {height: 8px;}
	#wrap_house_t #contents2 table th{font-size: 1.2rem; padding: 1.0rem 1.75rem;}
	#wrap_house_t #contents2 table td{font-size: 1.2rem; padding: 1.0rem;}
	#wrap_house_t #contents2 table td a{padding: 0.55rem;}
	#wrap_house_t #contents2 p.tips {font-size: 1.0rem; margin-top: 1.0rem;}

	/* Contents 3 Outline */
	#wrap_house_t #contents3 .content__detail{margin: 0 0 2.5rem; padding: 2.5rem;}
	#wrap_house_t #contents3 .content__detail dl{font-size: 1.1rem;}
	#wrap_house_t #contents3 .content__detail dt{width: 5%; min-width: 12px;}
	#wrap_house_t #contents3 .content__detail dd{width: 94%;}
	#wrap_house_t #contents3 .content__detail ul{margin: 0 0 0 20px;}
	#wrap_house_t #contents3 .content__link{flex-direction: column; padding: 1.5rem 2rem; margin-top: 1.5rem;}
	#wrap_house_t #contents3 .content__link .link_txt{width: 100%; margin-right: 0;}
	#wrap_house_t #contents3 .content__link .link_txt h6{font-size: 1.6rem;}
	#wrap_house_t #contents3 .content__link .link_btn{width: 100%; max-width: 400px; margin: 1.25rem 0 0;}
	#wrap_house_t #contents3 .content__detail .dropdown__box{margin-bottom: 3rem;}
	#wrap_house_t #contents3 .content__detail p.sub-tips {font-size: 1.85rem; margin-bottom: 2rem;}

	/* dropdown__box 共通 */
	.box__section .accordion_one .accordion_header {padding: 1.5rem;}
	.box__section .accordion_one .accordion_header .i_box {top: 50%; right: 1.5rem; width: 18px; height: 18px; margin-top: -9px;}
	.box__section .accordion_one .accordion_header .i_box .one_i {width: 18px; height: 18px;}
	.box__section .accordion_one .accordion_header .i_box .one_i:before,
	.box__section .accordion_one .accordion_header .i_box .one_i:after {content: '';width: 18px; height: 4px; top: 7px; left: 0;}
	.box__section .accordion_one .accordion_header .i_box .one_i:before {width: 4px; height: 18px; top: 0; left: 7px;}
	.box__section .accordion_one .accordion_inner {padding: 1.5rem;}

	/* Contents Present */
	#wrap_house_t #contents4 p.tips{margin: -1.75rem 0 2rem;}
	#wrap_house_t #contents4 .content__present{padding: 2rem; margin-bottom: 3.5rem;}
	#wrap_house_t #contents4 .content__present ul{width: 100%;}
	#wrap_house_t #contents4 .content__present ul > li{width: 30.333%; margin: 0 1.5%;}
	#wrap_house_t #contents4 .content__present .images{margin-bottom: 1.25rem;}
	#wrap_house_t #contents4 .content__present .pre__ttl{display: flex; align-items: center; justify-content: center; width: 100%; height: 40px; font-size: 1.5rem; line-height: 1.2; margin-bottom: 1.25rem;}
	#wrap_house_t #contents4 .content__present .pre__images_vss{margin-bottom:1.5rem;}
	#wrap_house_t #contents4 .content__present p{font-size: 1.8rem;}
	#wrap_house_t #contents4 .content__present p span{font-size: 1.2rem;}
	#wrap_house_t #contents4 .content__movie{padding: 1.5rem;}

	/* Contents Outline */
	#wrap_house_t #contents5 .content__detail ul{margin: 0 0 0 20px;}
	#wrap_house_t #contents5 .content__movie{padding: 1.5rem; margin: 1.5rem 0;}
	#wrap_house_t #contents5 .content__link{flex-direction: column; padding: 1.5rem 2rem; margin-top: 1.5rem;}
	#wrap_house_t #contents5 .content__link .link_txt{width: 100%;}
	#wrap_house_t #contents5 .content__link .link_txt h6{font-size: 1.6rem;}
	#wrap_house_t #contents5 .content__link .link_btn{width: 100%;}
	#wrap_house_t #contents5 .content__link .link_btn a{max-width: 400px; font-size: 1.4rem; padding: 1.25rem; margin: 1.25rem auto 0;}

	/* Contents 6 Result */
	#wrap_house_t #contents6 .winning ul > li{width: 85%; margin: 0 auto 2rem;}
	#wrap_house_t #contents6 .winning li .winning_image i.win_icon{font-size: 1.1rem;}
	#wrap_house_t #contents6 .result_img {width: 85%; margin: 1.0rem auto; border: 2px solid #68efbd;}

	/* Notice 共通 */
	#wrap_house_t #contents .content-block .notice{margin: 0 0 3rem;}
	#wrap_house_t #contents .content-block .notice ul{margin: 0 0 0 17px; padding: 0;}
	#wrap_house_t #contents .content-block .notice ul > li{margin: 0 0 1.25rem;}
}

@media (max-width: 560px) {/**/}
@media (max-width: 400px) {
	/* Main image */
	.video_box .overlay {height: calc(480px - 47px);}
	.vj-house_t{width: 90%; max-width: none; margin-left: -45%;}
	/* Contents 1 Schedule */
	#wrap_house_t #contents1 {margin-top: calc(480px - 47px);}
}
@media (min-width: 768px) and (max-width: 991px) {/*tablet*/}
@media (min-width: 992px) and (max-width: 1199px) {/* desk top */}
@media (min-width: 1200px) {/*desk top learge */}
@media (min-width: 768px) {/*sm~lg*/}

/*animated ==============================================================================*/
.animated {animation-duration: 1s; animation-fill-mode: both; -webkit-animation-duration: 1s; -webkit-animation-fill-mode: both;}
@-webkit-keyframes load3 {
  0%   {-webkit-transform: rotate(0deg); transform: rotate(0deg);}
  100% {-webkit-transform: rotate(360deg); transform: rotate(360deg);}
}
@keyframes load3 {
  0%   {-webkit-transform: rotate(0deg); transform: rotate(0deg);}
  100% {-webkit-transform: rotate(360deg); transform: rotate(360deg);}
}
@keyframes SlideUp {
  0%   {opacity: 1; transform: translateX(0%);}
  100% {opacity: 0; transform: translateX(100%);}
}
@keyframes SlideDown {
  0%   {opacity: 0; transform: translateX(100%);}
  100% {opacity: 1; transform: translateX(0%);}
}
@keyframes elasticus {
0% {
	-webkit-transform-origin: 0% 0%;
	-ms-transform-origin: 0% 0%;
	-moz-transform-origin: 0% 0%;
	-o-transform-origin: 0% 0%;
	transform-origin: 0% 0%;
	-webkit-transform: scale(1, 0);
	-ms-transform: scale(1, 0);
	-moz-transform: scale(1, 0);
	-o-transform: scale(1, 0);
	transform: scale(1, 0);
}
50% {
	-webkit-transform-origin: 0% 0%;
	-ms-transform-origin: 0% 0%;
	-moz-transform-origin: 0% 0%;
	-o-transform-origin: 0% 0%;
	transform-origin: 0% 0%;
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	transform: scale(1, 1);
}
50.1% {
	-webkit-transform-origin: 0% 100%;
	-ms-transform-origin: 0% 100%;
	-moz-transform-origin: 0% 100%;
	-o-transform-origin: 0% 100%;
	transform-origin: 0% 100%;
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	transform: scale(1, 1);
}
100% {
	-webkit-transform-origin: 0% 100%;
	-ms-transform-origin: 0% 100%;
	-moz-transform-origin: 0% 100%;
	-o-transform-origin: 0% 100%;
	transform-origin: 0% 100%;
	-webkit-transform: scale(1, 0);
	-ms-transform: scale(1, 0);
	-moz-transform: scale(1, 0);
	-o-transform: scale(1, 0);
	transform: scale(1, 0);
}
}