@charset "UTF-8";


body.fan {}

body.fan .onHide {
	transform: translate(0px, 30px);
	opacity: 0;
}

body.fan header .logo_verblitz {
	background-image: url(../images/logo_verblitz_red.svg);
}

body.fan nav h1 {
	height: 42px;
	background-image: url(../../images/fan/nav_title.svg);
}
body.fan nav .nav-riger {
	margin: 0 18px 0 -40px;
}
body.fan nav .nav-riger p {
	position: relative;
	padding: 18px;
	font-size: 16px;
	color: #ffffff;
	line-height: 1.5;
	background: #005C30;
	border-radius: 13px;
}
body.fan nav .nav-riger p:before {
	content: '';
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	width: 9px;
	height: 8px;
	background: #00441B;
	clip-path: polygon(0 0, 50% 100%, 100% 0);
}
body.fan nav .nav-riger p span {
	font-size: 18px;
	color: #BFA666;
}
body.fan nav .nav-riger figure {
	margin-top: 18px;
	height: 168px;
	background-image: url(../../images/fan/nav_image.svg);
	background-position: center;
}

body.fan footer {
	background: transparent;
}

body.fan main {
	display: block;
}

#fanclub {
	counter-reset: number 0;
	background: url(../../images/fan/fanclub_bg.svg) no-repeat top center #F6F6F6;
	padding: 78px 0 0;
}
#fanclub h1 {
	margin: 0 0 0 82px;
	display: flex;
	align-items: end;
}
#fanclub h1 span {
	margin-left: 1em;
	font-size: 20px;
	line-height: 1;
	color: #eb0a1e; /*赤文字の場合*/
	color: #272727;
}

.fanclub_line {
	position: absolute;
	overflow: hidden;
}
.fanclub_line path {
	fill: none;
	stroke: #707070;
	stroke-width: 2;
	stroke-dashoffset: -6960px;
	stroke-dasharray: 6960px;
}
#fanclub .benefit.start .fanclub_line path {
	animation: line_move 5s 1;
	animation-timing-function: ease-out;
	animation-fill-mode: forwards;
}
@keyframes line_move {
	0% {
		stroke-dashoffset: -6120px;
	}
	100% {
		stroke-dashoffset: 0px;
	}
}
@keyframes line_move_sp {
	0% {
		stroke-dashoffset: -6292px;
	}
	100% {
		stroke-dashoffset: 0px;
	}
}
@media all and (-ms-high-contrast: none) {
	.fanclub_line path {
		stroke-dashoffset: 0px;
		stroke-dasharray: 0px;
	}
}

#fanclub .important {
	display: flex;
	width: 100%;
	margin: 34px 0 0;
	padding: 0 82px;
	font-weight: bold;
}
#fanclub .important > * {
	padding: 36px 0;
}
#fanclub .important dt {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 13%;
	font-size: 24px;
	line-height: 1;
	color: #fff;
	background: #005C30;
	border-radius: 9px 0 0 9px;
}
#fanclub .important dd {
	width: 87%;
	font-size: 17px;
	line-height: 1.4;
	color: #00441B;
	background: #D2BD86;
	border-radius: 0 9px 9px 0;
}
#fanclub .important dd > ul {
	margin: 0 1em 0 2em;
}
#fanclub .important dd > ul li {
	text-indent: -1em;
}
#fanclub .important dd > ul li:before {
	content: '・';
}
#fanclub .important dd > ul li .small {
	font-size: 12px;
}
#fanclub .important dd > ul li + li {
	margin-top: 10px;
}

#fanclub .benefit {
	position: relative;
	width: 754px;
	margin: 60px auto 0;
	max-width: 100%;
}
#fanclub article {
	position: relative;
	width: 100%;
	aspect-ratio: 754 / 263;
	display: flex;
	justify-content: space-between;
	align-items: center;
	transition: 0.3s;
}
#fanclub article:nth-of-type(even) {
	flex-direction: row-reverse;
}
#fanclub article:first-of-type {
	transition-delay: 0.3s;
}
#fanclub article:nth-of-type(2) {
	transition-delay: 0.8s;
}
#fanclub article:nth-of-type(3) {
	transition-delay: 1.4s;
}
#fanclub article:nth-of-type(4) {
	transition-delay: 2.0s;
}
#fanclub article:nth-of-type(5) {
	transition-delay: 2.7s;
}
#fanclub article:nth-of-type(6) {
	transition-delay: 3.5s;
}
#fanclub article:nth-of-type(7) {
	transition-delay: 4.4s;
}
#fanclub article .text {
	display: inline-block;
	text-align: center;
	line-height: 1;
}
#fanclub article .text .number {
	color: #BFA666;
}
#fanclub article .text .number::before {
	counter-increment: number 1;
	content: '0'counter(number);
	display: block;
	font-size: 51px;
	letter-spacing: 1px;
	font-weight: 800;
}
#fanclub article .text .number::after {
	content: 'ファンクラブ特典';
	display: block;
	margin: 10px 0 0;
	font-size: 13px;
	font-weight: 600;
}
#fanclub article .text h2 {
	margin: 12px 0 0;
	font-size: 42px;
	font-weight: 600;
	color: #00441B;
}
#fanclub article .text p {
	font-size: 18px;
	font-weight: normal;
	color: #00441B;
}
#fanclub article .text .note {
	font-size: 14px;
	color: #00441B;
}
#fanclub article .text .attention {
	font-size: 12px;
	color: #000000;
}
#fanclub article figure {
	margin: 0;
	text-align: center;
}
#fanclub article figure figcaption {
	margin: 0;
	font-size: 12px;
	color: #00441B;
	line-height: 1;
}

#fanclub article.member {
	padding: 0 74px 0 78px;
}
#fanclub article.member .text .note {
	margin-top: 14px;
}
#fanclub article.member figure {
	margin: -39px 0 0 0;
}
#fanclub article.member figure img {
	width: 336px;
}

#fanclub article.goods {
	padding: 0 72px 0 0;
}
#fanclub article.goods .text .note {
	margin-top: 21px;
}
#fanclub article.goods figure {
	margin-left: -66px;
}
#fanclub article.goods figure img {
	width: 444px;
}

#fanclub article.yearbook {
	padding: 0 115px 0 50px;
}
#fanclub article.yearbook .text .attention {
	margin-top: 32px;
}
#fanclub article.yearbook figure {
	margin-top: -34px;
}
#fanclub article.yearbook figure img {
	width: 213px;
}

#fanclub article.ticket {
	padding: 0 61px 0 0;
}
#fanclub article.ticket .text h2 {
	font-size: 40px;
	line-height: 1.1;
	letter-spacing: -1px;
}
#fanclub article.ticket .text h2 > span {
	margin: 0 0 0 2px;
	padding: 4px 8px 0;
	vertical-align: middle;
	font-size: 24px;
	background: #00441b;
	color: white;
	letter-spacing: 0px;
}
#fanclub article.ticket .text h2 > span > span {
	font-size: 18px;
}
#fanclub article.ticket .text .note {
	margin-top: 12px;
	padding: 6px 0 4px;
}
#fanclub article.ticket .text .attention {
	margin-top: 8px;
}
#fanclub article.ticket .text .lightgreen {
	background: #D8EBE2;
}
#fanclub article.ticket figure {
	margin-left: -9px;
}
#fanclub article.ticket figure img {
	width: 371px;
}

#fanclub article.visit {
	padding: 0 23px 0 65px;
}
#fanclub article.visit .text .note,
#fanclub article.visit .text .attention {
	margin-top: 20px;
}
#fanclub article.visit figure img {
	width: 428px;
}
#fanclub article.visit figure figcaption {
	margin-top: 14px;
}

#fanclub article.event {
	padding: 0 53px 0 142px;
}
#fanclub article.event .text .note {
	margin-top: 16px;
}
#fanclub article.event figure {
	margin: -25px 0 0 0;
	height: 288px;
	overflow: hidden;
}
#fanclub article.event figure img {
	width: 152px;
}

#fanclub article.mailmagazine {
	padding: 0 111px 0 53px;
}
#fanclub article.mailmagazine figure {
}

#fanclub .benefit:not(.start) article {
	transform: translate(0, 20px);
	opacity: 0;
}

#price {
	background: #F6F6F6;
}
#price .wrap {
	width: 760px;
	max-width: 100%;
	margin: 0 auto 0;
	padding: 60px 0 70px;
}
#price h2 {
	font-size: 31px;
	line-height: 1;
	transform: translate(-39px, 0);
	color: #00441B;
}
#price table.price {
	width: 100%;
	margin: 10px 0 0;
	background: #00441B;
	height: 108px;
	border-spacing: 0;
	transition: 0.4s;
}
#price table.price .text1 {
	font-size: 14px;
	line-height: 1;
}
#price table.price .text2 {
	font-size: 48px;
	line-height: 1;
	margin: 6px 0 0;
	letter-spacing: -1px;
	font-weight: 800;
}
#price table.price .text2 span {
	font-size: 30px;
	display: inline-block;
	vertical-align: bottom;
	margin: 0 0 3px 0;
}
#price table.price .text3 {}
#price table.price .type {
	font-size: 20px;
	line-height: 1;
	color: white;
	font-weight: bold;
	text-align: center;
	width: 260px;
}
#price table.price .year {
	width: 215px;
	line-height: 1;
	text-align: center;
	color: white;
}
#price table.price .year .text1 {}
#price table.price .year .text2 {}
#price table.price .year .text3 {
	margin: -5px auto 0;
	width: 140px;
	font-size: 12px;
	line-height: 1;
	text-align: right;
}
#price table.price .initial {
	line-height: 1;
	color: white;
	text-align: center;
	background: #BFA666;
	vertical-align: top;
	padding-top: 17px;
	position: relative;
}
#price table.price .initial .text1 {
}
#price table.price .initial .text2 {
	margin: 3px 0 0;
	font-size: 41px;
	padding-right: 35px;
}
#price table.price .initial .text3 {
	font-size: 14px;
	line-height: 1;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1;
	margin: -4px 0 0 10px;
}
#price table.price .initial .text4 {
	display: inline-block;
	font-size: 14px;
	background: white;
	color: #BFA666;
	padding: 3px 9px 3px;
	border-radius: 12px;
	margin: 5px 0 0;
}
#price table.benefit {
	width: 100%;
	margin: 28px 0 0;
	border-spacing: 0;
	transition: 0.4s;
}
#price table.benefit tr:nth-child(2n) {
	background: #005c30;
}
#price table.benefit tr:nth-child(2n) td:first-child {
	background: #004f28;
}
#price table.benefit tr:nth-child(2n+3) {
	background: #00441b;
}
#price table.benefit tr:nth-child(2n+1) td:first-child {
	background: #003a17;
}
#price table.benefit th {
	background: #00441B;
	font-size: 20px;
	line-height: 1;
	color: white;
	font-weight: bold;
	text-align: center;
	width: 195px;
	height: 105px;
}
#price table.benefit th.hidden {
	width: 370px;
	background: transparent;
}
#price table.benefit td {
	height: 70px;
	font-size: 18px;
	text-align: center;
	font-weight: 700;
	color: white;
	line-height: 1.4;
}
#price table.benefit td .attention {
	font-size: 16px;
	font-weight: normal;
	color: #BFA666;
}
#price table.benefit td .attention.ta_l {
	text-align: left;
	display: inline-block;
	margin: 2px 0 0;
	max-width: 21em;
	text-indent: -1em;
	padding-left: 1em;
}
#price table.benefit td .note {
	font-weight: normal;
	font-size: 14px;
}
#price table.benefit td.have {
	background: url(../../images/fan/benefit_have.svg) no-repeat center;
}
#price table.benefit td.not {
	position: relative;
}
#price table.benefit td.not::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1;
	transform: translate(-50%, -50%);
	width: 15px;
	height: 3px;
	background: #80ae98;
}
#price table.benefit th:last-child,
#price table.benefit td:last-child {
	border-left: solid 1px #5e977b;
}
#price .wrap > .attention {
	font-size: 12px;
	line-height: 1;
	text-align: center;
	margin: 34px 0 0;
}
#price .wrap > .attention a {
	display: inline-block;
	font-size: 14px;
	color: #272727;
	margin: 12px 0 0;
	text-decoration: none;
	border-bottom: solid 1px #272727;
	padding: 0 31px 5px 3px;
	background: url(../images/icon_link_pdf.svg) no-repeat top 1px right 9px;
}
#price .join {
	margin-top: 50px;
	width: 93%;
	font-size: 22px;
	font-weight: bold;
	line-height: 1.1;
}
#price .join > div {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#price .join > div + div {
	margin-top: 50px;
}
#price .join .text {
	width: 12em;
	color: #00441B;
}
#price .join .text > span {
	padding-top: 4px;
	display: block;
	width: 220px;
	font-size: 16px;
	text-align: center;
}
#price .join .text > span .period:after {
	content: ' : ';
}
#price .join .text > span .date {
	letter-spacing: 2px;
}
#price .join .text .green {
	color: #ffffff;
	background: #005C30;
}
#price .join .text .lightgreen {
	background: #D8EBE2;
}
#price .join .arrow {
	width: calc(26px / 2);
	height: 26px;
	clip-path: polygon(0 0, 100% 50%, 0 100%);
	background: #00441B;
}
#price .join .button {
	position: relative;
	width: 52%;
	text-align: center;
}
#price .join .button > a {
	display: block;
	padding: 15px 0;
	color: #ffffff;
	border-radius: 4px;
}
#price .join .button > a.nolink {
	background: #D4D4D4;
}
#price .join .button > a > span {
	font-size: 14px;
	font-weight: normal;
}
#price .join .button > p {
	width: 100%;
	margin: 10px 0 0;
	font-size: 16px;
	font-weight: normal;
	color: #000000;
}
#price .join .sign_up {
	margin-top: 30px;
}
#price .join .button > a {
	background: #EC4430;
}
#price .contact_mail {
	text-align: center;
	font-size: 17px;
	line-height: 1;
	margin: 60px 0 0;
	color: #00441B;
}
#price .contact_mail a {
	display: inline-block;
	border-left: solid 2px #00441B;
	color: #00441B;
	font-weight: 600;
	padding: 0 20px;
	font-size: 20px;
	line-height: 1.6;
	margin-left: 20px;
	font-family: 'Noto Sans JP', "Hiragino Kaku Gothic ProN", sans-serif;
}

#riger {
	border-top: solid 1px #0D955A;
	padding: 100px 0 0;
}
#riger p {
	font-size: 16px;
	line-height: 1;
	text-align: center;
	transition: 0.4s;
}
#riger h2 {
	font-size: 74px;
	line-height: 1;
	text-align: center;
	margin: 5px 0 0;
	transition: 0.4s;
	color: #0D955A;
}
#riger figure {
	margin: 14px auto 0;
	text-align: center;
	padding: 0 0 80px 40px;
	transition: 0.4s;
	width: 1010px;
	max-width: 100%;
}
#riger figure img {
	display: inline-block;
	vertical-align: middle;
	max-width: 100%;
}
#riger article {
	position: relative;
}
#riger article .content {
	margin: 0 auto;
	width: 870px;
	max-width: 100%;
	position: relative;
}
#riger article figure {
	position: absolute;
	top: -15px;
	z-index: 1;
	margin: 0;
	padding: 0;
	height: 100%;
	text-align: center;
	transition: 0.4s;
}
#riger article figure::before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 0;
	height: 100%;
}
#riger article figure img {}
#riger article .wrap {
	display: inline-block;
	width: auto;
	margin: 60px 0 40px 0;
	text-align: left;
}
#riger article .catch {
	font-size: 16px;
	line-height: 1;
	font-weight: 700;
	color: white;
}
#riger article .name {
	font-size: 136px;
	line-height: 1;
	font-weight: 700;
	color: white;
	margin: -5px 0 0 -5px;
	letter-spacing: 3px;
	position: relative;
	display: inline-block;
}
#riger article .name::after {
	content: '';
	position: absolute;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
#riger article .name_j {
	font-size: 12px;
	line-height: 1;
	font-weight: 700;
	color: white;
	margin: 2px 0 0 -7px;
}
#riger article .name_j span {
	font-size: 16px;
}
#riger article table {
	width: 380px;
	margin: 10px 0 0;
	height: 108px;
	border-spacing: 0;
	margin: 25px 0 0;
}
#riger article table th {
	font-size: 14px;
	line-height: 1;
	text-align: left;
	color: white;
	font-weight: normal;
	padding: 18px 0 17px 10px;
	width: 116px;
}
#riger article table td {
	font-size: 16px;
	line-height: 1.4;
	text-align: left;
	color: white;
	font-weight: 700;
	padding: 12px 0 12px 15px;
}
#riger article table td span {
	display: block;
	font-size: 14px;
	line-height: 1.2;
	font-weight: normal;
	margin: 5px 0 0;
}
#riger article.riger {
	background: #0D955A;
}
#riger article.riger figure {
	left: 56%;
	height: 100%;
	text-align: center;
	width: 360px;
}
#riger article.riger .wrap {}
#riger article.riger .name::after {
	background-image: url(../../images/fan/riger_face.svg);
	bottom: -2px;
	right: -50px;
	width: 70px;
	height: 82px;
}
#riger article.riger table tr:nth-of-type(even) {
	background: #0b834f;
}
#riger article.riger table th {
	border-right: solid 1px #097345;
}
#riger article.rimey {
	background: #db93bc;
	text-align: right;
}
#riger article.rimey figure {
	margin-left: -40px;
	height: 100%;
	text-align: center;
	width: 460px;
}
#riger article.rimey .wrap {
	transform: translate(-60px, 0px);
}
#riger article.rimey .name::after {
	background-image: url(../../images/fan/rimey_face.svg);
	bottom: -6px;
	right: -60px;
	width: 96px;
	height: 82px;
}
#riger article.rimey table tr:nth-of-type(even) {
	background: #d781b2;
}
#riger article.rimey table th {
	border-right: solid 1px #d371a9;
}
#riger article.reifer {
	background: #28655d;
}
#riger article.reifer figure {
	left: 52%;
	height: 100%;
	text-align: center;
	width: 430px;
}
#riger article.reifer .wrap {}
#riger article.reifer .name::after {
	background-image: url(../../images/fan/reifer_face.svg);
	bottom: 11px;
	right: -62px;
	width: 78px;
	height: 82px;
}
#riger article.reifer table tr:nth-of-type(even) {
	background: #235952;
}
#riger article.reifer table th {
	border-right: solid 1px #1e4e48;
}
#riger article.reimer {
	background: #e1887e;
	text-align: right;
}
#riger article.reimer figure {
	margin-left: -55px;
	height: 100%;
	text-align: center;
	width: 450px;
}
#riger article.reimer .wrap {}
#riger article.reimer .name::after {
	background-image: url(../../images/fan/reimer_face.svg);
	bottom: -6px;
	right: -60px;
	width: 96px;
	height: 82px;
}
#riger article.reimer table tr:nth-of-type(even) {
	background: #dc7067;
}
#riger article.reimer table th {
	border-right: solid 1px #d371a9;
}

#sns {
	width: 870px;
	max-width: 100%;
	margin: 0 auto;
	padding: 0 0 0;
}
#sns h2 {
	font-size: 39px;
	line-height: 1;
	font-weight: 700;
	margin: 80px 0 0;
}
#sns .snsbtn {
	margin: 54px 0 47px;
	position: relative;
}
#sns .snsbtn a {
	width: 34px;
	height: 34px;
	margin-right: 60px;
}
#sns .snsbtn p {
	position: absolute;
	top: 4px;
	right: 53px;
	z-index: 1;
	font-size: 16.2px;
	line-height: 1;
}
#sns article {}
#sns article h3 {
	font-size: 19.6px;
	line-height: 1;
	font-weight: 700;
	background-position: top left;
	background-repeat: no-repeat;
	background-size: auto 100%;
}
#sns article.instagram {
	border-top: solid 1px #0D0D0D;
}
#sns article.instagram h3 {
	margin: 27px 0 0;
	padding: 7px 0 2px 50px;
	background-image: url(../images/snsbtn_instagram.svg);
}
#sns article.instagram .wrap {
	margin: 30px 0 50px;
	width: 510px;
	height: 510px;
}
#sns article.twitter,
#sns article.facebook {
	display: inline-block;
	vertical-align: top;
	width: 50%;
	border-top: solid 1px #0D0D0D;
	border-bottom: solid 1px #0D0D0D;
	text-align: center;
}
#sns article.twitter .wrap,
#sns article.facebook .wrap {
	border-left: solid 1px #0D0D0D;
	border-right: solid 1px #0D0D0D;
	display: inline-block;
	text-align: left;
	padding-bottom: 65px;
	width: 380px;
	height: 555px;
}
#sns article.twitter h3 {
	margin: 19px 0 25px 25px;
	padding: 2px 0 2px 42px;
	background-image: url(../images/snsbtn_twitter.svg);
}
#sns article.twitter .wrap .link_ie {
	display: none;
}
#sns article.facebook h3 {
	margin: 17px 0 23px 9px;
	padding: 4px 0 4px 28px;
	background-image: url(../images/snsbtn_facebook.svg);
}
#sns article.youtube {}
#sns article.youtube h3 {
	margin: 42px 0 0 20px;
	padding: 0 0 0 43px;
	background-image: url(../images/snsbtn_youtube.svg);
}
#sns article.youtube .wrap {
	margin: 50px 0 0 12px;
}
@media all and (-ms-high-contrast: none) {
	#sns article.twitter .wrap {
		text-align: center;
	}
	#sns article.twitter .wrap h3 {
		text-align: left;
	}
	#sns article.twitter .wrap iframe {
		display: none!important;
	}
	#sns article.twitter .wrap .link_ie {
		display: inline-block;
		font-size: 14px;
		line-height: 1;
		background: url(/teams/verblitz/assets/images/icon_exlink.png) no-repeat center right 15px / auto 16px #00441b;
		color: white;
		padding: 14px 45px 13px 20px;
		margin: 50px 0 0;
	}
}

@media (max-width: 1300px) {
	body.fan nav h1 {
		display: inline-block;
		vertical-align: bottom;
		width: 110px;
	}
	body.fan nav .nav-riger {
		display: flex;
		justify-content: flex-end;
		align-items: center;
		flex-direction: row-reverse;
		margin: 0;
		overflow: hidden;
	}
	body.fan nav .nav-riger p {
		padding: 15px;
	}
	body.fan nav .nav-riger p:before {
		top: 50%;
		left: -11px;
		transform: translate(0, -50%);
		-webkit-transform: translate(0, -50%);
		-ms-transform: translate(0, -50%);
		width: 11px;
		height: 8px;
		clip-path: polygon(100% 0, 100% 100%, 0 50%);
	}
	body.fan nav .nav-riger figure {
		margin: 0 32px -53px 18px;
		width: calc(168px * 75 / 150);
		height: 168px;
	}

	#price h2 {
		transform: translate(0, 0);
	}

	#riger figure {
		padding: 0 20px 80px;
	}
	#riger article table {
		margin: 2.5vw 0 0!important;
		padding: 0!important;
	}
}


@media (max-width: 960px) {
	body.fan main {
		padding-bottom: 10vw;
	}

	#riger article figure {
		position: static;
		top: 0;
		left: 0;
		width: auto!important;
		height: 500px!important;
		padding: 20px 0 0;
		transform: none!important;
		margin: 0!important;
	}
	#riger article figure::before {}
	#riger article figure img {
		width: auto;
		height: 100%;
	}
	#riger article .wrap {
		display: block;
		margin: -130px 20px 0;
		text-align: center;
		transform: none!important;
	}
	#riger article .catch {
		position: absolute;
		top: 30px;
	}
	#riger article .name {}
	#riger article .name::after {}
	#riger article .name_j {}
	#riger article .name_j span {}
	#riger article table {
		width: 100%;
		margin: 20px 0 0;
		padding: 0 0 20px;
	}
	#riger article table th {
		width: 160px;
	}
	#riger article table td {}
	#riger article table td span {
		display: inline-block;
		vertical-align: middle;
		margin: -3px 0 0 5px;
	}
	#riger article table td span br {
		display: none;
	}
	#riger article.riger {}
	#riger article.riger figure {
	}
	#riger article.riger .wrap {
	}
	#riger article.riger .name::after {}
	#riger article.riger table {
		background: #0b834f;
	}
	#riger article.riger table tr:nth-of-type(even) {
		background: #05965a;
	}
	#riger article.riger table th {
	}
	#riger article.rimey {}
	#riger article.rimey figure {
	}
	#riger article.rimey .wrap {}
	#riger article.rimey .name::after {}
	#riger article.rimey table {
		background: #d781b2;
	}
	#riger article.rimey table tr:nth-of-type(even) {
		background: #db93bc;
	}
	#riger article.rimey table th {}
	#riger article.reifer {}
	#riger article.reifer figure {}
	#riger article.reifer .wrap {}
	#riger article.reifer .name::after {}
	#riger article.reifer table {
		background: #235952;
	}
	#riger article.reifer table tr:nth-of-type(even) {
		background: #28655d;
	}
	#riger article.reifer table th {}
	#riger article.reimer {}
	#riger article.reimer figure {}
	#riger article.reimer .wrap {}
	#riger article.reimer .name::after {}
	#riger article.reimer table {
		background: #dc7067;
	}
	#riger article.reimer table tr:nth-of-type(even) {
		background: #e1887d;
	}
	#riger article.reimer table th {}

	#sns {}
	#sns h2 {
		margin: 50px 30px 0;
	}
	#sns .snsbtn {
		margin: 30px 30px 30px;
	}
	#sns .snsbtn a {}
	#sns .snsbtn p {
		position: static;
		margin: 20px 0 0;
	}
	#sns article {}
	#sns article h3 {}
	#sns article.instagram {
		padding: 0 30px;
	}
	#sns article.instagram h3 {}
	#sns article.instagram .wrap {}
	#sns article.twitter,
	#sns article.facebook {}
	#sns article.twitter .wrap,
	#sns article.facebook .wrap {
		max-width: calc(100% - 30px);
	}
	#sns article.twitter h3 {}
	#sns article.facebook h3 {}
	#sns article.youtube {}
	#sns article.youtube h3 {}
	#sns article.youtube .wrap {}
}


@media (max-width: 768px) {
	.sp_none {
		display: none;
	}

	body.lower nav {
		padding-bottom: 0;
	}
	body.fan nav .nav-riger {
		justify-content: center;
		flex-direction: row;
	}
	body.fan nav .nav-riger p {
		padding: 2.3vw 3.3vw;
		font-size: 3.1vw;
		line-height: 1.5;
		border-radius: 3.3vw;
	}
	body.fan nav .nav-riger p:before {
		left: 100%;
		width: 2.3vw;
		height: 1.8vw;
		clip-path: polygon(0 0, 100% 50%, 0 100%);
	}
	body.fan nav .nav-riger p span {
		font-size: 3.3vw;
	}
	body.fan nav .nav-riger figure {
		margin: 0 0 -10.8vw 7.4vw;
		width: calc(34.2vw * 75 / 150);
		height: 34.2vw;
	}

	.fanclub_line path {
		stroke-dashoffset: -7132px;
		stroke-dasharray: 7132px;
	}
	#fanclub .benefit.start .fanclub_line path {
		animation: line_move_sp 5s 1;
		animation-timing-function: ease-out;
		animation-fill-mode: forwards;
	}

	html {
		scrollbar-width: none;
		-ms-overflow-style: none;
	}
	html::-webkit-scrollbar {
		display: none;
	}

	body.fan nav h1 {
		width: 22vw;
		height: 11vw;
		transform: translate(-2vw, 0);
	}

	#fanclub {
		padding: 8vw 0 0;
	}
	#fanclub h1 {
		margin: 0;
		flex-direction: column;
		align-items: center;
	}
	#fanclub h1 img {
		height: 8vw;
	}
	#fanclub h1 span {
		margin: 1.3em 0 0;
		width: 90%;
		font-size: 3.5vw;
		text-align: center;
		letter-spacing: -0.1vw;
	}
	.fanclub_line {
		width: calc(100% - (4.1vw * 2));
		height: auto;
	}

	#fanclub .important {
		flex-direction: column;
		margin: 7.9vw 0 0;
		padding: 0 4.1vw 0;
	}
	#fanclub .important dt {
		padding: 2.5vw 0 1.5vw;
		width: 100%;
		font-size: 4.6vw;
		border-radius: 2.3vw 2.3vw 0 0;
	}
	#fanclub .important dd {
		padding: 4.8vw 0 3.6vw;
		width: 100%;
		font-size: 3.8vw;
		border-radius: 0 0 2.3vw 2.3vw;
	}
	#fanclub .important dd > ul li .small {
		font-size: 2.8vw;
	}
	#fanclub .important dd > ul li + li {
		margin-top: 3vw;
	}

	#fanclub .benefit {
		margin-top: 9.5vw;
		padding: 0 4.1vw 0;
	}
	#fanclub article .text .number::before {
		font-size: 8.6vw;
	}
	#fanclub article .text .number::after {
		margin: 0.5vw 0 0;
		font-size: 2.8vw;
	}
	#fanclub article .text h2 {
		margin: 2.5vw 0 0;
		font-size: 6.2vw;
		letter-spacing: -0.4vw;
	}
	#fanclub article .text p,
	#fanclub article .text .note,
	#fanclub article .text .attention {
		font-size: 2.6vw;
		font-weight: bold;
	}

	#fanclub article.member {
		padding: 0 8.8vw 0 4.4vw;
	}
	#fanclub article.member .text .note {
		margin-top: 2vw;
	}
	#fanclub article.member figure {
		margin-top: -4.5vw;
	}
	#fanclub article.member figure img {
		width: 40.2vw;
	}

	#fanclub article.goods {
		padding: 0 5.1vw 0 0;
	}
	#fanclub article.goods .text p {
		margin-top: 2vw;
	}
	#fanclub article.goods figure {
		margin-left: -2.3vw;
		width: 46.4vw;
	}
	#fanclub article.goods figure img {
		width: 55.2vw;
	}

	#fanclub article.yearbook {
		padding: 0 13.2vw 0 6.4vw;
	}
	#fanclub article.yearbook .text .attention {
		margin-top: 4.4vw;
	}
	#fanclub article.yearbook figure {
		margin-top: -4.6vw;
	}
	#fanclub article.yearbook figure img {
		width: 23.6vw;
	}

	#fanclub article.ticket {
		padding: 0 2.6vw 0 0;
		aspect-ratio: 754 / 318 ;
	}
	#fanclub article.ticket .text h2 {
		margin-top: 1.5vw;
		font-size: 5.7vw;
		letter-spacing: -0.5vw;
	}
	#fanclub article.ticket .text h2 > span {
		font-size: 3.3vw;
		padding: 0.6vw 1.2vw 0;
		margin: 0 0 0 1.1vw;
	}
	#fanclub article.ticket .text h2 > span > span {
		font-size: 2.6vw;
	}
	#fanclub article.ticket .text .note {
		margin-top: 0.5vw;
		padding: 1vw 0 0.5vw;
	}
	#fanclub article.ticket .text .attention {
		margin: 1.3vw 0 0 -2.6vw;
	}
	#fanclub article.ticket figure {
		margin: -5vw 0 0 -1vw;
	}
	#fanclub article.ticket figure img {
		width: 41vw;
	}

	#fanclub article.visit {
		padding: 0 6.5vw 0 3.3vw;
		aspect-ratio: 754 / 417 ;
	}
	#fanclub article.visit .text h2 + .note {
		margin-top: 1.5vw;
	}
	#fanclub article.visit .text .note + .note {
		margin-top: 3.1vw;
	}
	#fanclub article.visit .text .attention {
		display: inline-block;
		margin-top: 3.9vw;
		text-align: left;
	}
	#fanclub article.visit figure img {
		width: 38.7vw;
	}

	#fanclub article.event {
		padding: 0 8.2vw 0 19.2vw;
	}
	#fanclub article.event .text .note {
		margin-top: 3vw;
	}
	#fanclub article.event figure {
		margin-top: -3.3vw;
		height: 35.2vw;
	}
	#fanclub article.event figure img {
		width: 18.7vw;
	}

	#fanclub article.mailmagazine {
		padding: 0 16.1vw 0 6vw;
	}
	#fanclub article.mailmagazine figure img {
		width: 20.8vw;
	}

	#price .wrap {
		padding: 9vw 3.5vw 15vw;
	}
	#price h2 {
		font-size: 5.5vw;
	}
	#price table.price {
		position: relative;
		margin: 7.7vw 0 0;
		height: 17.4vw;
	}
	#price table.price .text1 {
		display: inline-block;
		vertical-align: middle;
		font-size: 3.1vw;
	}
	#price table.price .text2 {
		display: inline-block;
		vertical-align: middle;
		margin: 0 1vw 0 1.5vw;
		font-size: 8.7vw;
	}
	#price table.price .text2 span {
		font-size: 5.4vw;
		margin: 0 0 0.2vw  0;
	}
	#price table.price .type {
		width: auto;
		font-size: 4.1vw;
	}
	#price table.price .year {
		width: auto;
	}
	#price table.price .year .text3 {
		margin-bottom: 1.3vw;
		display: inline-block;
		width: auto;
		font-size: 2.5vw;
		vertical-align: bottom;
	}
	#price table.price .initial {
		width: 50%;
	}
	#price table.price .initial .text2 {
		margin: 0 1vw;
		font-size: 8vw;
	}
	#price table.price .initial .text3 {
		margin: 0 1vw;
		display: inline-block;
		font-size: 3vw;
		vertical-align: middle;
	}
	#price table.price .initial .text4 {
		margin: 1vw 2vw 1vw 0;
		float: right;
		font-size: 2vw;
	}
	#price table.benefit {
		margin: 7.9vw 0 0;
	}
	#price table.benefit th {
		width: 25.5vw;
		height: 19.7vw;
		font-size: 3.6vw;
		line-height: 1.5;
	}
	#price table.benefit th.hidden {
		width: auto;
	}
	#price table.benefit td {
		height: 15.4vw;
		font-size: 3.6vw;
	}
	#price table.benefit td .attention {
		font-size: 3.6vw;
	}
	#price table.benefit td .note {
		margin-left: 0.1vw;
		font-size: 3.1vw;
	}
	#price table.benefit td.have {
		background-size: 4vw;
	}
	#price table.benefit tr:nth-child(5) td {
		line-height: 1.2;
		vertical-align: bottom;
	}
	#price .wrap > .attention {
		margin: 10vw 0 0;
		font-size: 3.1vw;
	}
	#price .wrap > .attention a {
		margin: 1.8vw 0 0;
		padding: 0 7.5vw 1.3vw 1vw;
		font-size: 3.6vw;
		background-position: right 1.7vw top 0;
	}
	#price .join {
		margin-top: 9.5vw;
		padding: 0 3.6vw;
		width: 100%;
	}
	#price .join > div {
		flex-direction: column;
		padding: 0 5.1vw;
	}
	#price .join > div + div {
		margin-top: 3.3vw;
		padding-top: 3.3vw;
		border-top: 1px solid #00441B;
	}
	#price .join .text {
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: center;
		font-size: 4.1vw;
		line-height: 1.5;
		letter-spacing: -0.1vw;
	}
	#price .join .text > span {
		padding: 1.8vw 0 1vw;
		display: flex;
		flex-direction: column;
		justify-content: center;
		width: 27vw;
		font-size: 4.1vw;
		line-height: 1.2;
	}
	#price .join .text > span .period:after {
		content: none;
	}
	#price .join .text > span .date {
		letter-spacing: 0.5vw;
	}
	#price .join .arrow {
		display: none;
	}
	#price .join .button {
		margin-top: 1vw;
		width: 100%;
	}
	#price .join .button > a {
		padding: 2vw 0 2.5vw;
		font-size: 5.6vw;
		border-radius: 1vw;
	}
	#price .join .button > a > span {
		font-size: 3.6vw;
	}
	#price .join .button > p {
		margin: 4.6vw 0 0;
		font-size: 4.1vw;
	}
	#price .join .sign_up {
		margin-top: 3.6vw;
	}
	#price .join .free .text {
		justify-content: center;
	}
	#price .contact_mail {
		margin: 10vw 0 0;
		font-size: 3.5vw;
	}
	#price .contact_mail a {
		font-size: 5vw;
		border: none;
		margin: 0;
		padding: 0;
	}

	#riger {
		padding: 14vw 0 0;
	}
	#riger p {
		font-size: 3.5vw;
		width: 15em;
		margin: 0 auto;
	}
	#riger h2 {
		font-size: 13vw;
		margin: 0 0 0;
	}
	#riger figure {}
	#riger figure img {}
	#riger article {}
	#riger article .content {}
	#riger article figure {
		height: 93vw!important;
		padding: 3vw 0 0;
		transform: none!important;
	}
	#riger article figure::before {}
	#riger article figure img {}
	#riger article .wrap {
		margin: -23vw 0 0;
	}
	#riger article .catch {
		top: 5vw;
		left: 5vw;
	}
	#riger article .name {
		font-size: 25vw;
		margin: 0;
	}
	#riger article .name::after {
		display: none;
	}
	#riger article .name_j {
		font-size: 3vw;
	}
	#riger article .name_j span {
		font-size: 4vw;
	}
	#riger article table {
	}
	#riger article table th {
		font-size: 3.5vw;
		padding: 3vw 0 3vw 4.5vw;
		width: 31vw;
	}
	#riger article table td {
		font-size: 4vw;
	}
	#riger article table td span {
		font-size: 3vw;
		margin: 2vw 0 0;
		display: block;
	}
	#riger article.riger .name::after {
		display: none;
	}

	#sns h2 {
		margin: 10vw 6vw 0;
	}
	#sns .snsbtn {
		margin: 8vw 6vw 5.5vw;
	}
	#sns .snsbtn a {width: 8vw;height: 8vw;margin-right: 14vw;}
	#sns .snsbtn p {
		font-size: 4vw;
		margin: 6vw 0 0;
		line-height: 1.4;
	}
	#sns article {}
	#sns article h3 {}
	#sns article.instagram {
		padding: 0 6vw;
	}
	#sns article.instagram h3 {
		margin: 3vw 0 0;
		padding: 2vw 0 0vw 13vw;
		font-size: 19.6px;
	}
	#sns article.instagram .wrap {
		width: 100%;
		height: 95vw;
	}
	#sns article.twitter,
	#sns article.facebook {
		display: block;
		width: 100%;
	}
	#sns article.twitter .wrap,
	#sns article.facebook .wrap {
		max-width: none;
		width: 88vw;
		border: none;
		overflow: hidden;
	}
	#sns article.twitter h3 {
		margin-left: 0;
	}
	#sns article.facebook h3 {
		margin-left: 0;
	}
	#sns article.youtube {}
	#sns article.youtube h3 {
		margin: 9vw 0 0 8vw;
		padding: 0 0 0 11vw;
	}
	#sns article.youtube .wrap {
		width: auto;
		overflow: hidden;
		margin: 6vw 6vw 0;
	}
}


@media (min-width: 769px) {
	.pc_none {
		display: none;
	}
}