@charset "UTF-8";
/*\*/

/* ------------------------------------
 * Over Ride
 * ------------------------------------ */

article {
    padding: 0 0 80px 0;
}


/* ------------------------------------
 * Main Visual
 * ------------------------------------ */

#mainvisual .background-hack {

}
#mainvisual .background-hack img {
    width: 100%;
    display: block;
    line-height: 0;
    background: none!important;
}
#mainvisual .cover {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    padding-top: 60%;
    z-index: -1;
    background-image: url("../img/home/main240430_0s4r3h0V.jpg");
    background-repeat: no-repeat;
    background-size: 100% auto;
}

/* ------------------------------------
 * Banner
 * ------------------------------------ */

#top-banner {
    padding: 3% 0 4%;
    background-color: #d6edf5;
    background-image: url(../img/parts/bg_stripe.png);
    background-image: url(../img/parts/bg_stripe.png), -moz-linear-gradient(left, #d6edf5 0%, #f1ebf9 50%, #f7e0ea 100%);
    background-image: url(../img/parts/bg_stripe.png), -webkit-linear-gradient(left, #d6edf5 0%,#f1ebf9 50%,#f7e0ea 100%);
    background-image: url(../img/parts/bg_stripe.png), -ms-linear-gradient(left, #d6edf5 0%,#f1ebf9 50%,#f7e0ea 100%);
    background-image: url(../img/parts/bg_stripe.png),　linear-gradient(to right, #d6edf5 0%,#f1ebf9 50%,#f7e0ea 100%);
    filter: url(../img/parts/bg_stripe.png), progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6edf5', endColorstr='#f7e0ea',GradientType=1 );
    box-shadow: 0 0px 3px 0 rgba(0,0,0,0.1);
}
.slider-banner {
    padding: 0 7%;
    margin: 0 auto;
    opacity: 0;
}
.slider-banner.slick-initialized {
	opacity: 1;
}
.slider-banner .item {
    padding: 0px 5px;
}
.slider-banner .item img {
    width: 100%;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    border-radius: 5px;
}
.slider-banner .slick-prev,
.slider-banner .slick-next {
    width: 60px;
    height: 60px;
    border: solid 1px #ded2a1;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.9);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
}
.slider-banner .slick-prev {
    left: 1%;
    bottom: 0;
}
.slider-banner .slick-next {
    right: 1%;
    bottom: 0;
}
.slider-banner .slick-prev:hover,
.slider-banner .slick-prev:focus,
.slider-banner .slick-next:hover,
.slider-banner .slick-next:focus {
    background-color: rgba( 255, 255, 255, 0.7);
}

.slider-banner .slick-prev:before,
.slider-banner .slick-next:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    color: #ded2a1;
}
.slider-banner .slick-prev:before {
    background: url("../img/parts/arrow_prev.png") no-repeat center center;
}
.slider-banner .slick-next:before {
    background: url("../img/parts/arrow_next.png") no-repeat center center;
}

@media screen and (max-width: 1039px) {
    .slider-banner .slick-prev,
    .slider-banner .slick-next {
        width: 50px;
        height: 50px;
    }
    .slider-banner .slick-dots {
        bottom: -35px;
    }
}

@media screen and (max-width: 767px) {
    #top-banner {
        padding: 3% 0 6%;
    }
    .slider-banner {
        padding: 0 9%;
    }
}

@media screen and (max-width: 520px) {
    #top-banner {
        padding: 4% 0 8%;
    }
    .slider-banner .slick-dots {
        bottom: -30px;
    }
}


/* ------------------------------------
 * Information
 * ------------------------------------ */


/* ------------------------------------
 * Discography
 * ------------------------------------ */
 
#top-discography .inner {
    position: relative;
    background-color: #f6f2f3;
}

#top-discography .inner::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 50%;
    background: #fffdfe;
    z-index: 1;
}
#top-discography .content-wrap {
    position: relative;
    padding-bottom: 2%;
    z-index: 2;
}
.nav-disco {
    width: 1160px;
    margin: 0 auto;
    padding: 2% 0 0;
}

@media screen and (max-width: 1199px) {
    .nav-disco {
        width: 90%;
    }
}

/*--- clearfix ------------------*/

.clearfix:after {
    clear: both;
    display: block;
    height: 0;
    line-height: 0;
    content: ".";
    visibility: hidden;
}