@import url('https://fonts.googleapis.com/css2?family=Permanent+Marker&display=swap');


#official{
    position: relative;
    background: #CDD3D6;
}

body, a, .page--home .block--content-wrap, .page--home .block--contents a, .copyright, .page--movie .section--detail .btn .btn--sub, .page--faq .block--faq-detail span.icon--q, .page--faq .section--detail .block--contact a, .page--home .section--hero-img .block--login nav a, .page--home footer .list-tit, .list--support .list__item a, .btn-delete input, #form__search .searchBox input[type=submit] {
    color: #000000;
}

#official::before {
    content: "";
    position: absolute;
    inset: 0;
    background: url(/static/fcopen/fanplakit/artist/babycanta_rguarg8rghur/images/ph_bg.png) repeat-y fixed;
background-size: contain;
    background-position: 3px -66px;
    pointer-events: none;
    opacity: 40%;
}

#fc{
    display: none;
}

.page--home h1.logo{
    display: none;
}

.page--home .wrap h1.logo{
    display: none;
}

.page--home .section--discography .block--discography__item .block--txt .list__more a
.pattern--integrated .header .drawer .g-nav .nav--member,
.section-tit {
    font-family: "Permanent Marker" ;
}

.page--home .block--contents .list__more a{
font-family: "Permanent Marker" ;
z-index: 1;
text-decoration: none;
  transition: opacity 0.5s ease;
}

.page--home .block--contents .list__more a:hover {
  opacity: .5;
}

.css-pattern-7 .header .drawer, .pattern--integrated .css-pattern-7 .header .drawer, .pattern--integrated.page--home .css-pattern-7 .header .drawer {
    background: #ffffff;
}

.page--home .bg{
    background: #CDD3D6;
    position: fixed;
}

.page--home .bg img{
    display: none;
}

.page--home.pattern--integrated .area--official > section, .page--home.pattern--integrated .area--fc > section {
    position: relative;
}

.list__item.new .tit::after {
    color:#00a6ca !important;
}

.list .list__item {
    border-bottom: #0000007c solid 1px;
}

.date,.category{
    opacity: 1;
}

.page--home .block--contents > .list__more::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url("/static/fcopen/fanplakit/artist/babycanta_rguarg8rghur/images/ph_viewall_bg.png") center / cover no-repeat;
  z-index: -1;
  background-size: 100%; ;
  background-size: 39%;
    background-position-x: 41px;
    transform: rotate(-4deg);
}

.g-nav .nav li a img{
    display: var(--fa-display, inline-block);
    width: 23px;
    margin-bottom: -5px;
}

.header .drawer .g-nav .nav li a{
    color: #000000 !important;
}

.header .drawer .g-nav .nav--member{
    display: none;
}

.drawer-visible .drawer__btn span{
    background: #000;
}
.block--category li a::after{
    background: #00a6ca !important;
}



 footer .nav__list--sns li a{
    color: #000 !important;
}

footer small{
    color: #000 !important;
}
.lineIco a svg{
    fill: #000000;
}
/*pc*/

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

.block--contents .block--title .list__more{
    display: none;  
}
.list__more a::after{
    display: none;
}
.drawer__btn {
    mix-blend-mode: inherit;
}
.drawer__btn span {
    height: 2px;
}

.page--home .block--contents#discography .block--title .list__more a{
    display: none;
}

.page--home .block--contents > .list__more a::afrer{
    display: none;
}

.list--schedule .block--date > [class^=block--date] .block--date__month {
    font-size: 14px;
}

.page--home .section--hero-img .block--hero-img img {
    max-height: 120vh !important;
    width: 100vw;
}

.page--home .block--contents > .list__more {
    display: inline-block;
    position: absolute;
    bottom: 10%;
    right: 10%;
}

.page--home .block--contents {
    width: 90%;
    margin: 0 auto 150px;
}

    .page--home .section--video {
    width: 90%;
}

    .page--home .section--discography {
    width: 90%;
}

.page--home .section--hero-img {
    align-items: flex-start;
    height: auto;
     margin-bottom: 150px;
}

.page--home .section--hero-img .block--hero-img {
    width: 100vw;
            max-height: 90vh;
}

.page--home .header .drawer .nav li a{
    color: #354a54;
}

.page--home .header{
    background: #fff;
}

.header{
    padding: 2em 0 2em;
}

.wrap.pattern-Official .header {
    padding-top: 2em;
}

.pattern--integrated .header .drawer .g-nav .nav--official{
    width: 100vw;
    text-align: center;
}

.page--home .block--contents > .list__more a::before {
    content: "";
    position: absolute;
    inset: 0;
    background: url(/static/fcopen/fanplakit/artist/babycanta_rguarg8rghur/images/ph_viewall_bg.png) center / cover no-repeat;
    z-index: -1;
    background-size: 65%;
    transform: rotate(-4deg);
    margin-left: -36px;
    margin-top: -3px;
    width: 200%;
    height: 200%;
}

.page--home .block--contents#discography .block--discography__item .list__more a::before{
    content: "";
    position: absolute;
    inset: 0;
    background: url(/static/fcopen/fanplakit/artist/babycanta_rguarg8rghur/images/ph_viewall_bg.png) center / cover no-repeat;
    z-index: -1;
    background-size: 65%;
    transform: rotate(-4deg);
    margin-left: -36px;
    margin-top: -3px;
    width: 200%;
    height: 200%;
}

}


/*sp*/

@media screen and (min-width: 1px) and (max-width: 960px) {
.page--home .wrap.pattern-Official .section--hero-img .block--hero-img {
    top: 0vw;
}

.page--home .section--hero-img {
    height: 100%;
}

.pattern--integrated .header .drawer .g-nav .nav--official {
    min-height: 100vh;
}

.page--home .block--contents .list__more a {
    z-index: 0;
    position: relative;
}
.drawer__btn {
    mix-blend-mode: inherit;
}
.drawer__btn span {
    height: 2px;
}
.page--home .block--contents .block--title .list__more a::before {
    content: "";
    position: absolute;
    inset: 0;
    background: url(/static/fcopen/fanplakit/artist/babycanta_rguarg8rghur/images/ph_viewall_bg.png) center / cover no-repeat;
    z-index: -1;
    background-size: 65%;
    transform: rotate(-4deg);
    margin-left: -24px;
    margin-top: -3px;
    width: 200%;
    height: 200%;
}

.page--home .block--contents#discography .block--txt__inner .list__more a::before {
    content: "";
    position: absolute;
    inset: 0;
    background: url(/static/fcopen/fanplakit/artist/babycanta_rguarg8rghur/images/ph_viewall_bg.png) center / cover no-repeat;
    z-index: -1;
    background-size: 58px;
    transform: rotate(-4deg);
    margin-left: -25px;
    margin-top: -3px;
    width: 200%;
    height: 200%;
}

.page--home .section--discography .block--txt__inner{
    position: relative;
}

.page--home .section--discography .block--txt__inner .list__more{
    z-index: 0;
    position: absolute;
    display: inline-block !important;
    right: 0;
}

.list--schedule .block--date > [class^=block--date] .block--date__date {
    font-size: 13px;
}

.page--home .section--discography .block--discography__item .list__more{
    display: none;
}



}

/*下層*/

body:not(.page--home) .wrap{
    background: #CDD3D6;
    color: #000000;
    z-index: 0;
}

body:not(.page--home) .wrap::after{
    content: "";
    position: absolute;
    inset: 0;
    background: url(/static/fcopen/fanplakit/artist/babycanta_rguarg8rghur/images/ph_bg.png) no-repeat fixed;
    background-size: contain;
    background-position: 3px -66px;
    pointer-events: none;
    opacity: 40%;
    z-index: -1;
}

body:not(.page--home) .bg::before {
    opacity: 2.6;
    background: rgb(255, 255, 255);
}

.page--schedule .section--list .block--refine input[type=checkbox]:checked + p {
    color: #000000;
    background:#06abcf ;
}

.page--schedule .list--schedule li .block--txt.new .tit::after{
    color: #06abcf;
    font-weight: bold;
}

.page--schedule .section--list .block--month .tit{
    font-family: "Permanent Marker" !important;
}

 .page--schedule .section--list .block--month ul li a::after{
    background: #06abcf;
}