@charset "UTF-8";

/* 共通 2019.07
================================ */
body {
    background: #fff9f1;
    color: #222;
    font-size: 15px;
    line-height: 1.8em;
    font-family: -apple-system, BlinkMacSystemFont, "ヒラギノ角ゴ Pro W3", "メイリオ", 'Arial', sans-serif;
}

@media screen and (min-width: 961px) {
    .pc {
        display: block !important;
    }

    .sp {
        display: none !important;
    }
}

@media screen and (max-width: 960px) {
    .pc {
        display: none !important;
    }

    .sp {
        display: block !important;
    }
}

.nosvg {
    display: none;
}

img {
    width: 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
}

*,
*::before,
*::after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    outline: none;
}

a {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    color: #222;
    text-decoration: none;
}

.headerFixed .pageTop {
    transform: translate3d(0,0,0);
}

/* フォント */
.more a,
.backLink a,
#header #menu li a,
#header #menu li.mail a,
.infoList .date,
.slick-counter,
.block--profile,
#disco .single,
#disco .album,
#disco .dvd,
#disco .blu-ray,
.top_disco .data,
.pageNav li,
#header #navBtn span:nth-of-type(4)::after
{
font-family: 'Barlow Condensed', sans-serif;
    font-weight: 500;
}
h2.sectionTit,
#infoDetail .date.new::after,
.infoList li.new .date::after,
#live .infoList li .title span.new::after,
#info .tabs--nav,
.memList li h4,
#profile ul li h4
{
    font-family: 'Rock Salt', cursive;
}

/* inview */

.page--home section:not(#hero).inview,
#bnrArea.inview{
 /*   opacity: 1;*/    
}
.page--home #bnrArea,.page--home #info,.page--home #movie,.page--home #disco,.page--home #profile,.page--home #other,.page--home #footer{
    opacity: 0;
    z-index: 100;
    position: relative; 
    -webkit-animation: blurAnim 2s linear 1s forwards;
    animation: blurAnim 2s linear 1s forwards;   
}
.page--home #profile.none{
    opacity: 1;
    z-index: auto;
    position: relative;
    -webkit-animation: none;
    animation: none;
}
.page--home #profile.none.close {
    opacity: 1;
    z-index: 100;
}
#hero{ 
    overflow: hidden;
}

#hero figure{
    opacity: 0;
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
    -webkit-transition: all 0.8s cubic-bezier(0.4, 0, 0, 1) 0.02s;
    transition: all 0.8s cubic-bezier(0.4, 0, 0, 1) 0.02s;
}
.loaded #hero.inview figure{
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.memList li .img{
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    opacity: 0;
    -webkit-transition: 1s cubic-bezier(0.4, 0, 0, 1) 1s;
    transition: 1s cubic-bezier(0.4, 0, 0, 1) 1s;
}
.inview li .img{
    opacity: 1;
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
}

#profile.inview ul li h4{
    opacity: 1;
}
.memList li:nth-child(2) .img{
    -webkit-transition-delay: 1.2s;
    transition-delay: 1.2s;
}
.memList li:nth-child(3) .img{
    -webkit-transition-delay: 1.4s;
    transition-delay: 1.4s;
}
.memList li:nth-child(4) .img{
    -webkit-transition-delay: 1.6s;
    transition-delay: 1.6s;
}
.memList li:nth-child(2) h4{
    -webkit-transition-delay: 1.7s;
    transition-delay: 1.7s;
}
.memList li:nth-child(3) h4{
    -webkit-transition-delay: 1.9s;
    transition-delay: 1.9s;
}
.memList li:nth-child(4) h4{
    -webkit-transition-delay: 2.1s;
    transition-delay: 2.1s;
}
/*
#header {
    -webkit-transition: 0.5s cubic-bezier(0.4, 0, 0, 1) 0s;
    transition: 0.5s cubic-bezier(0.4, 0, 0, 1) 0s;
}
*/
#header.hide {
    -webkit-transform: translateY(-150%);
    transform: translateY(-150%);
}

/* ローディング */
#loading{
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff9f1;
    display: none;    
}

#clipmask .mask{
    fill:none;
    stroke:#fff;
    stroke-linecap:round;
    stroke-linejoin:round;
    stroke-width:11px;
    stroke-dasharray: 1500;
    stroke-dashoffset:1500;
}
#svg-animation{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}


#footer .logoList{
    display: -webkit-flex;
    display: flex;
*/flex-flow: row wrap;*/
    justify-content: space-between;
    width: 275px;
    margin: auto;
}
#footer .logoList li{
margin: 0 5px 0;
}