.section{



}

.section.story,.section.song{

    background: url(../img/bg_section.png)repeat;

    background-size: 67px 39px;

}

.section.what{

    background: url(../img/bg_what.png)no-repeat top center;

    background-size: cover;

}

.section__inner{

    max-width: 1040px;

    margin: 0 auto;

    padding: 6.47vw 20px 8vw;

}







.c-h2__title {

    margin-bottom: 5.97vw;

}







.section-title{

    margin-bottom: 50px;

    text-align: center;

}

.section-text{

    text-align: center;

}

.section-text + .section-text{

    margin-top: 50px;

}

.promotion-box{

    text-align: center;

    margin-top: 25px;

}

.promotion-inner {

    transition: opacity .2s linear;

    display: block;

}

.modal-video-close-btn {

	display: block;

	position: absolute;

	top: -56px;

	right: 0;

	z-index: 2;

	width: 179px;

	height: 50px;

	text-indent: -9999px;

	background: url(../img/v_close.png) no-repeat;

	background-size: 100%;

	cursor: pointer;

    transition: opacity .2s linear;

}



.modal-video-close-btn:before,

.modal-video-close-btn:after {

	content: none;

}

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

    .promotion-inner:hover {

        opacity: 0.8;

    }

    .modal-video-close-btn:hover {

        opacity: .8;

    }

}





.character .section__inner{

    max-width: 1440px;

    padding: 9.6153846% 9.516837481698389%;

}

/**スライダー**/

.section-slider {

	position: relative;

}

.slider-image {

	max-width: 1040px;

	margin: 0 auto 40px;

}

.slider-image-items .slick-slide {

	padding: 0 15px;

}

.slider-image-items .slick-slide img {

	width: 100%;

	height: auto;

}



/**スライダー矢印**/

.slick-arrow {

	position: absolute;

	top: calc(50% - 47px);

	font-size: 0;

	width: 40px;

	height: 94px;

	border: none;

	padding: 0 0;

	background-repeat: no-repeat;

	background-position: center center;

	background-color: transparent;

	cursor: pointer;

	transition: opacity .3s ease;

}

.slick-arrow.slick-prev {

	left: -7%;

	background-image: url(../img/arrow_01.png);

}

.slick-arrow.slick-next {

	right: -7%;

	background-image: url(../img/arrow_02.png);

}

.slick-arrow.slick-disabled {

	opacity: 0.2 !important;

	cursor: default;

}



/**スライダーサムネイル**/

.slider-thumb{

	max-width: 1040px;

	margin-right: auto;

	margin-left: auto;

}

.slider-thumb-items {

	display: flex;

	justify-content: center;

	line-height: 1;

}

.slider-thumb-items li {

	margin: 0 5px 12px;

}

.slider-thumb-items li a {

	display: block;

	background-size: 100% 100%;

	font-size: 0;

}

.slider-thumb-items li a img {

	opacity: 0;

	transition: opacity .3s ease;

}

.slider-thumb-items li a.is-active img {

	opacity: 1;

}



.character .slider-thumb-items li:nth-child(1) a {

	background-image: url(../img/character_01_off.png);

}

.character .slider-thumb-items li:nth-child(2) a {

	background-image: url(../img/character_02_off.png);

}

.character .slider-thumb-items li:nth-child(3) a {

	background-image: url(../img/character_03_off.png);

}

.character .slider-thumb-items li:nth-child(4) a {

	background-image: url(../img/character_04_off.png);

}

.character .slider-thumb-items li:nth-child(5) a {

	background-image: url(../img/character_05_off.png);

}



.js-target.slider-slideIn .slider-image, .js-target.slider-slideIn .slider-thumb{

	transform: translate(0, 200px);

	transition: all 0.5s ease;

}

.js-target.is-active.slider-slideIn .slider-image, .js-target.is-active.slider-slideIn .slider-thumb{

	opacity: 1;

	transform: translate(0, 0);

}

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

    .slider-thumb-items li a:hover img{

        opacity: 1;

    }

}



@media screen and (max-width: 767px) {

    .section-title{

        margin-bottom: 20px;

    }

    .section-text + .section-text{

        margin-top: 20px;

    }

    .story .section-text + .section-text{

        width: 70%;

        margin: 20px auto 0;

    }

    .promotion-box{

        margin-top: 15px;

    }

    .character .section__inner{

        padding: 9.6153846% 5.0480769%;

    }

    .slider-image {

        margin: 0 auto 20px;

    }

    .slider-image-items .slick-slide{

        padding: 0;

    }

    /**スライダー矢印**/

    .slick-arrow{

        display: none !important

    }

    /**スライダーサムネイル**/

    .slider-thumb-items {

        flex-wrap: wrap;

    }

    .slider-thumb-items li {

        width: 30%;

        margin: 0 1% 10px;

    }

    

}