@import url('https://fonts.googleapis.com/css2?family=Anton&family=Azeret+Mono:ital,wght@0,100..900;1,100..900&family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&family=Instrument+Serif:ital@0;1&family=Knewave&family=Luckiest+Guy&family=M+PLUS+1p&family=Oswald:wght@200..700&family=Permanent+Marker&family=Rampart+One&family=Ranchers&family=Shippori+Mincho&family=Syncopate:wght@400;700&display=swap');

@import url("https://use.typekit.net/dks8xqn.css");

body, .section--detail.support .section-tit{
  font-family:
    "futura-pt",
	"futura-pt-bold",
    "M PLUS 1p",
    sans-serif !important;
}
.category, .section-tit, .block--share .share, .list--schedule .block--date, .list--faq .icon--q, .list--qa .list__item a::before, .list--thumbnail .list__item .thumb .limited-thumb span, .detail__btn a, .header .g-nav .g-nav--item a, .list__more a, .list__item.new .tit::after, .tit .limited::after, .limited .section-tit::after, .tit .free::after, .free .section-tit::after, .block--pager li, .date, .block--category li, .block--month, .page--qa .tit--q span, .page--qa .tit--a, .page--qa .name span, .page--faq .block--faq-detail span.icon--q, .page--faq .block--faq-detail span.icon--a, .page--home .section--goods .list--goods .list__item.new::before, .g-nav--item__mypage{
	  font-family:
    "futura-pt",
	"futura-pt-bold",
    "M PLUS 1p",
    sans-serif !important;
}
.nav--member .nav li a{
	color: #ffffff !important;
}
body, body:not(.page--home) .wrap{
	background: #9f0030;
}
.bg::before{
	background: #9f0030;
}
.container{
	background: #9f0030;
}
body .section-tit{
	font-weight:400 ;
}
.pattern--integrated.page--home .css-pattern-3 .header .drawer .g-nav .nav__list--login li a{
	color: #fff;
	background: #000;
}
.nav--official .nav li a{
color: #000 !important;
}
.pattern--integrated .css-pattern-3 .header .inner .drawer .g-nav .nav--official{
	background:#fff;
	color: #000;
}
.pattern--integrated .css-pattern-3 .header .inner .drawer .g-nav .nav--member{
	background: #9f0030;
 }
.pattern--integrated.page--home .css-pattern-3 .area--official{
	background:#fff;
	color: #000;
}
.pattern--integrated.page--home .css-pattern-3 .area--fc{
	background: #9f0030;
}
.pattern--integrated.page--home .css-pattern-3 .area--official a{
color: #000;
}
 .page--home .section--hero-img {
     padding-top: 0px; 
    }
.page--home.pattern--integrated .area--fc .section--login .block--login .nav li a{
	color: #fff !important;
	background: #000 !important;
}
.header .g-nav .nav.nav__list--contents li a{
	font-weight: 500;
}
footer {
    background: #9f0030;
}
.logo--text.of{
	position: relative;
    margin: 0 auto 30px;
    text-align: center;
    min-height: 80px;
    width: 70vw;
    max-width: 400px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.logo--text.of::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}


h1.logo.official{
  display: none;
}
body.official .logo.pc{
	display: none;
}
body.official .logo.pc.official{
	display: block;
}
@media screen and (max-width: 960px) {
	.drawer__btn{
		top: 2vw;
	}
	.pattern--integrated .header .drawer .g-nav .nav__list--login{
		margin-top: 20px;
	}

 .page--home.pattern--integrated .section--hero-img .block--hero-img {
        height: 100vh;
		max-height: 85vh;
        position: fixed;
        z-index: -1;
        top:0;
        left:0;
        min-height: unset;
    }
	.page--home .section--hero-img .block--hero-img img{
		max-height: 100vh;
	}
	.page--home.pattern--integrated .section--hero-img .block--hero-img img.cover {
	background-image: url(/static/fcopen/fanplakit/artist/akasaki_X4rsM3CU/image/common/ph_main_sp_ehago4hoae.jpg);
	}
	.page--home .section--hero-img{
		height: 80vh;
	}
	.page--home .section--hero-img{
		background: transparent;
	}
	.container{
		background: transparent;
	}

    .page--home .wrap h1.logo {
        width: 32vw;
        height: 67px;
        text-align: left;
        position: absolute;
        top:  3vw;
        left: 3%;
        z-index: 2;
		display: block;
    }

}

@media screen and (max-width: 960px) and (orientation: landscape) {
.page--home.pattern--integrated .section--hero-img .block--hero-img{
	height: 200vh;
	max-height: 200vh;
}
.page--home .section--hero-img .block--hero-img img {
	max-height: 200vh;
}
}