@charset "UTF-8";



/*========================================================

==========================================================*/
@font-face {
	font-family: 'sns_ico';
	src:
		url('/static/officialhigedandism/fanclub/feature/eticketapp/css/font/sns_ico.ttf?sij4de') format('truetype'),
		url('/static/officialhigedandism/fanclub/feature/eticketapp/css/font/sns_ico.woff?sij4de') format('woff'),
		url('/static/officialhigedandism/fanclub/feature/eticketapp/css/font/sns_ico.svg?sij4de#sns_ico') format('svg');
	font-weight: normal;
	font-style: normal;
}

i.snsIcon {
	font-family: 'sns_ico' !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	
	color: #000;
}

.icon-ap:before { content: "\e900";}
.icon-blo:before { content: "\e901";}
.icon-fb:before { content: "\e902";}
.icon-hp:before { content: "\e903";}
.icon-in:before { content: "\e904";}
.icon-line:before { content: "\e905";}
.icon-spo:before { content: "\e906";}
.icon-tt:before { content: "\e907";}
.icon-tw:before { content: "\e908";}
.icon-yt:before { content: "\e909";}
.icon-x:before { content: "\e90a";}
.icon-wb:before { content: "\e90b";}


/*========================================================

==========================================================*/
.nav--language {
    position: fixed;
    top: 20px;
    right: 20px;
    margin: 0;
    z-index: 200;
}
.wovn-languages {
    color: #ffffff;
    font-size: 10px;
    z-index: 5;
    width: 105px;
    height: 35px;
    cursor: pointer;
    background: rgb(162 162 162);
    border-radius: 40px;
    -webkit-transition: all 0.6s cubic-bezier(0.035, 0.675, 0.225, 1.025) 0.3s;
    transition: all 0.6s cubic-bezier(0.035, 0.675, 0.225, 1.025) 0.3s;
    position: relative;
}
.wovn-languages .langIcon {
    position: absolute;
    display: block;
    width: 14px;
    height: 14px;
    left: 10px;
    top: 50%;
    line-height: 1;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.wovn-languages .langIcon svg {
    fill: #ffffff;
}
.wovn-languages .nav-dropdown {
    position: absolute;
    top: 50%;
    right: 10px;
    line-height: 1.4;
    text-align: right;
    font-size: 10px;
    font-family: noto-sans-cjk-jp, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "Yu Gothic Medium", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Arial", sans-serif;
    z-index: 2;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.wovn-languages.visible .nav-dropdown {
    opacity: 1;
    pointer-events: visible;
    z-index: 1;
    border: none;
    color: #ffffff;
    top: 35px;
    left: 10px;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    padding: 10px 10px 0;
    background: #d19f00;
    text-align: right;
}
.wovn-languages .nav-dropdown .list--language li {
    width: 100%;
    display: none;
    cursor: pointer;
    padding-bottom: 0;
    text-align: right;
    padding: 0;
}
.wovn-languages .nav-dropdown .list--language li.selected {
    display: block;
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
}

.wovn-languages.visible .nav-dropdown .list--language li {
    display: block;
    -webkit-transition: opacity 0.4s;
    transition: opacity 0.4s;
    margin-bottom: 10px;
}

@media screen and (max-width: 820px) {
	
	
}

/*========================================================

==========================================================*/
footer {
    margin-top: 100px;
	padding: min(7vw, 40px) 0;
	display: none;
	border-top: #000 solid 1px;
}
footer.tourOnly {
    display: block;
}
footer .credit {
	text-align: center;
	font-size: min(2.8vw, 12px);
	line-height: 2;
}
footer.tourOnly .credit {
    display: none;
    margin-bottom: min(6vw, 30px);
}

footer .selectTab {
	border-top: #000 solid 1px;
	display: flex;
	margin-top: min(7vw, 40px);
}
footer .selectTab > div {
	width: 50%;
}
footer .selectTab > div:first-child {
	border-right: #000 solid 1px;
}
footer .selectTab > div a {
	display: flex;
	flex-direction: column;
    padding: 5% 10%;
	justify-content: center;
	align-items: center;
	height: 100%;
	position: relative;
}
footer .selectTab > div a::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
    width: min(4vw, 30px);
    height: min(4vw, 30px);
}
footer .selectTab .tabOneman a {
	padding-left: 15%;
}
footer .selectTab .tabOneman a::before {
	left: 6%;
    border-bottom: #fff solid 1px;
	border-left: #fff solid 1px;
	transform: translateY(-50%) rotate(45deg);
}
footer .selectTab .tabOneman {
	background: url("../images/oneman_ticket_bg.jpg") no-repeat center center;
	background-size: cover;
}
footer .selectTab .tabOneman img {
	width: min(88%, 380px);
}
footer .selectTab .tabTour {
	background-color: #4d4d4d;
}
footer .selectTab .tabTour a {
	padding-right: 15%;
}
footer .selectTab .tabTour a::before {
	right: 6%;
	border-top: #fff solid 1px;
	border-right: #fff solid 1px;
	transform: translateY(-50%) rotate(45deg);
}
footer .selectTab .tabTour .tourTitleSub {
	width: min(52%, 180px);
	margin-bottom: min(2vw, 20px);
}
footer .selectTab .tabTour .tourTitleMain {
	width: min(68%, 240px);
}

footer .ftrLinkWrap {
    display: none;
	margin: 0 0 min(7vw, 40px) 0;
	border-top: #000 solid 1px;
	border-bottom: #000 solid 1px;
}
footer .ftrLink {
	border-right: #000 solid 1px;
	width: 20%;
}
footer .ftrLink a {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
    box-sizing: border-box;
}
footer .ftrLink:nth-child(1) img {
	width: 50%;
}
footer .ftrLink:nth-child(2) img {
	width: 60%;
}
footer .ftrLink:nth-child(3) img {
	width: 68%;
}
footer .ftrLinkWrap .ftrSns {
	display: flex;
	justify-content: center;
	gap: min(4vw, 20px);
	width: 40%;
	padding: min(8vw, 60px) 0;
}
footer .ftrLinkWrap .ftrSns a {
	color: #000;
	text-decoration: none;
	font-size: min(5.8vw, 24px);
}

footer .ftrBottom {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 min(6vw, 60px);
}
footer .ftrBottom .copyright {
	font-size: min(2.6vw, 10px);
}

footer .ftrBottom .pagetop a {
	display: block;
	width: min(6vw, 30px);
	height: min(6vw, 30px);
	position: relative;
}
footer .ftrBottom .pagetop a::before {
	content: "";
	width: 70%;
	height: 70%;
	position: absolute;
    top: 70%;
    left: 50%;
    border-top: #000 solid 4px;
    border-left: #000 solid 4px;
	transform: translate(-50%, -50%) rotate(45deg);
}

@media screen and (max-width: 820px) {
    footer {
        margin-top: 40px;
    }
	footer .ftrLinkWrap {
		flex-wrap: wrap;
		border-top: #000 solid 1px;
		border-bottom: #000 solid 1px;
	}
	
	footer .selectTab .tabTour a::before {
    	right: 8%;
	}
	footer .selectTab .tabOneman a::before {
    	left: 8%;
	}
	
	footer .ftrLink {
		border-right: none;
		border-bottom: #000 solid 1px;
		width: 100%;
        box-sizing: border-box;
	}
	footer .ftrLink:nth-child(2),
	footer .ftrLink:nth-child(3) {
		width: 50%;
	}
	footer .ftrLink:nth-child(2) {
		border-right: #000 solid 1px;
	}
	footer .ftrLink a {
		padding: min(4vw, 20px);
	}
	footer .ftrLink:nth-child(2) a,
	footer .ftrLink:nth-child(3) a {
		padding: min(6vw, 30px) min(4vw, 20px);
	}
	footer .ftrLink:nth-child(1) img { width: 30%;}
	footer .ftrLink:nth-child(2) img { width: 65%;}
	footer .ftrLink:nth-child(3) img { width: 73.9%;}
	
	footer .ftrLinkWrap .ftrSns {
		width: 100%;
	}
}