/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: block;
}

.slide-wrap{
	margin-top: 2em;
}

.slide-wrap,.slick.slick-initialized.slick-slider{
	position: relative;
	margin-top: 160px;
}
.thumbnail{
	position: absolute;
	top: 0;
	z-index: 9999;
	max-width: 100%;
	background: #fff;
	margin-top: -140px;
}

.thumbnail img{
	opacity: 0.5;
}

.slide-arrow.prev-arrow,.slide-arrow.next-arrow{
	width: 12px;
	position: absolute;
	top: 45%;
	z-index: 999999999;
	opacity: 1;
}

.slide-arrow.prev-arrow{left: 10%;}
.slide-arrow.next-arrow{right: 10%;}

.thumbnail .slick-list.draggable{
	/*width: 80%;*/
	margin: 0 auto;
}
.thumbnail img:hover,
.thumbnail .slick-current img{
	opacity: 1;
}

/*----------メイン画像の中-----------*/



/*----------共通-----------*/

.slick .main-blk{
	position: relative;
	background-repeat: no-repeat;
	background-size: contain;
}
.slick .main-text-wrap{
	padding: 20px 15px 50px;
	background: url("../../img/character/white_bg01.png");
	background-repeat: no-repeat;
	background-size: cover;
}
.slick .s02 .main-text-wrap{
	background: url("../../img/character02/white_bg02.png");
	background-size: cover;
	background-repeat: no-repeat;
}
.slick .chara-wrap{
	margin-top: 5em;
}

.slick .main-text-wrap .name-chara img{
	width: 70%;
	margin-bottom: 10px;
}
.slick .main-text-wrap p{
	text-shadow: 
    #fff 5px 0px 8px, #fff 1px 0px 8px,
    #fff 2px 1px 8px, #fff 1px 0px 8px,
    #fff 5px 5px 8px, #fff 1px 5px 8px,
    #fff 5px 1px 8px, #fff 1px 1px 8px,
    #fff 4px 5px 8px, #fff 2px 5px 8px,
    #fff 4px 1px 8px, #fff 2px 1px 8px,
    #fff 5px 4px 8px, #fff 1px 4px 8px,
    #fff 5px 2px 8px, #fff 1px 2px 8px,
    #fff 4px 4px 8px, #fff 2px 4px 8px,
    #fff 4px 2px 8px, #fff 2px 2px 8px;
	line-height: 150%;
	color: #484848;
}
.slick .main-blk .chara-img{
	top: 0;
}
.slick .main-blk .chara-img img{
	width: 40%;
	margin: 0 auto;
}


/*----------個別設定 シーズン１-----------*/
.slick .main-blk.section01 .chara-wrap{
	margin-top: -5em;
}
.slick .main-blk.section01{
	background: url("../../img/character/character_bg01.jpg");
	margin-top: 5em;
}
.slick .main-blk.section02{
	background: url("../../img/character/character_bg02.jpg");
}
.slick .main-blk.section03{
	background: url("../../img/character/character_bg03.jpg");
}
.slick .main-blk.section04{
	background: url("../../img/character/character_bg04.jpg");
}
.slick .main-blk.section05{
	background: url("../../img/character/character_bg05.jpg");
}

.slick .main-blk.section04 .main-text-wrap,
.slick .main-blk.section05 .main-text-wrap{
	background-size: 80%;
}
.slick .main-blk.section03.s02 .main-text-wrap,
.slick .main-blk.section04.s02 .main-text-wrap{
	background-size: 90%;
}

/*----------個別設定 シーズン2-----------*/
.slick .main-blk.section01.s02{
	background: url("../../img/character02/character_bg01.jpg");
	margin-top: 5em;
	background-size: contain;
}
.slick .main-blk.section02.s02{
	background: url("../../img/character02/character_bg02.jpg");
	background-size: contain;
}
.slick .main-blk.section03.s02{
	background: url("../../img/character02/character_bg03.jpg");
	background-size: contain;
}
.slick .main-blk.section04.s02{
	background: url("../../img/character02/character_bg04.jpg");
	background-size: contain;
}
.slick .main-blk.section04.s02 .chara-img img{
	width: 50%;
}
.slick .main-blk.section05.s02{
	background: url("../../img/character02/character_bg05.jpg");
	background-size: contain;
}
.slick .main-blk.section06.s02{
	background: url("../../img/character02/character_bg06.jpg");
	background-size: contain;
}


/*----------個別設定 シーズン3-----------*/

.slick .main-blk.s03 .main-text-wrap{
	background-size: contain;
}
.slick .main-blk.section01.s03{
	background: url("../../img/character03/character_bg01.jpg");
	margin-top: 5em;
}
.slick .main-blk.section02.s03{
	background: url("../../img/character03/character_bg02.jpg");
}
.slick .main-blk.section03.s03{
	background: url("../../img/character03/character_bg03.jpg");
}
.slick .main-blk.section04.s03{
	background: url("../../img/character03/character_bg04.jpg");
}
.slick .main-blk.section04.s03 .chara-img img{
	width: 50%;
}
.slick .main-blk.section05.s03{
	background: url("../../img/character03/character_bg05.jpg");
}
.slick .main-blk.section06.s03{
	background: url("../../img/character03/character_bg06.jpg");
}

/* Tablet
-------------------------------------------------- */
@media print, screen and (min-width:768px) {
	.slide-wrap, .slick.slick-initialized.slick-slider{
		margin-top: 200px;
	}
	.thumbnail{
		height: 100px;
		margin: -150px auto;
		width: 100%;
	}
	.slick-vertical .slick-slide{
		width: 82px !important;
		height: 100px;
		padding-left: 20px;
	}
	.thumbnail .slick-list{
		/*width: 660px!important;*/
	}	
	.thumbnail img{
		width: 92px;
		height: 100px;
		margin: 0 auto;
	}
	.thumbnail .slick-track{
		width: 100%;
	}
	.thumbnail .slick-slide{
		width: 20%!important;
	}
	.thumbnail.slick-s02 .slick-slide{
		width: 16.6%!important;
	}
	.slide-arrow.prev-arrow,.slide-arrow.next-arrow{
		height: auto!important;
	}
	.slide-arrow.prev-arrow{left: 6%;}
	.slide-arrow.next-arrow{right: 6%;}
	/* 
	++++++++++++++++++++++++++++++++++++++++++++++ */
	.thumbnail .slick-list.draggable{
		width: 80%;
		height: 100px!important;
		padding: 0!important;
	}
	.slide-wrap{
		margin: 0 auto;
		/*height: 480px;*/
	}
	
	.slick .main-blk .chara-img img{
		width: 150px;
		margin-left: 15px;
		margin-bottom: 10px;
	}
	.slick .main-blk .chara-img{
		float: left;
	}
	
	.slick .main-text-wrap .name-chara img{
		width: 205px;
		margin-bottom: 30px;
	}
	.slick .main-text-wrap .main-text-wrap{
		float: right;
	}
	.slick .main-blk .chara-wrap{
		clear: both;
		width: 630px;
		position: relative;
		margin: 60px auto;
		height: 250px;
	}
	.slick .main-text-wrap p{
		line-height: 175%;
	}
	/*----------個別設定-----------*/
	.slick .main-blk.section01 .chara-wrap{
		margin: -7em auto;	
	}	
	
	.slick .main-blk .main-text-wrap{	
		position: absolute;
		top: 30px;
		left: 11em;
		background-size: contain;
	}
	
	.slick .main-blk.section01 .main-text-wrap{
		position: absolute;
		top: 150px;
		margin: 40px auto;
		right: 0;
		background-size: contain;
	}

	/*----------個別設定 シーズン2-----------*/	
	.slick .main-blk.section01{
		background: url("../../img/character/character_bg01_pc.jpg");
		margin-top: 7em;
	}
	.slick .main-blk.section02{
		background: url("../../img/character/character_bg02_pc.jpg");
	}
	.slick .main-blk.section03{
		background: url("../../img/character/character_bg03_pc.jpg");
	}
	.slick .main-blk.section04{
		background: url("../../img/character/character_bg04_pc.jpg");
	}
	.slick .main-blk.section05{
		background: url("../../img/character/character_bg05_pc.jpg");
	}

	/*----------個別設定 シーズン2-----------*/
	.slick .main-blk.section01.s02{
		background: url("../../img/character02/character_bg01_pc.jpg");
		margin-top: 7em;
	}
	.slick .main-blk.section02.s02{
		background: url("../../img/character02/character_bg02_pc.jpg");
		background-size: contain;
	}
	.slick .main-blk.section03.s02{
		background: url("../../img/character02/character_bg03_pc.jpg");
		background-size: contain;
	}
	.slick .main-blk.section04.s02{
		background: url("../../img/character02/character_bg04_pc.jpg");
		background-size: contain;
	}
	.slick .main-blk.section05.s02{
		background: url("../../img/character02/character_bg05_pc.jpg");
		background-size: contain;
	}
	.slick .main-blk.section06.s02{
		background: url("../../img/character02/character_bg06_pc.jpg");
		background-size: contain;
	}

	.slick .main-blk.section04.s02 .chara-img img{
		margin-left: 0;
		width: 35%;
	}
	.slick .main-blk.section04 .main-text-wrap,
	.slick .main-blk.section05 .main-text-wrap{
		background-size: cover;
	}
	.season_title img{
		width: 215px;
		margin-top: 10px;
	}

	/*----------個別設定 シーズン3-----------*/
	.slick .main-blk.section01.s03{
		background: url("../../img/character03/character_bg01_pc.jpg");
		margin-top: 7em;
	}
	.slick .main-blk.section02.s03{
		background: url("../../img/character03/character_bg02_pc.jpg");
		background-size: contain;
	}
	.slick .main-blk.section03.s03{
		background: url("../../img/character03/character_bg03_pc.jpg");
		background-size: contain;
	}
	.slick .main-blk.section04.s03{
		background: url("../../img/character03/character_bg04_pc.jpg");
		background-size: contain;
	}
	.slick .main-blk.section05.s03{
		background: url("../../img/character03/character_bg05_pc.jpg");
		background-size: contain;
	}
	.slick .main-blk.section06.s03{
		background: url("../../img/character03/character_bg06_pc.jpg");
		background-size: contain;
	}
	.slick .main-blk.section04.s03 .main-text-wrap{
		left: 13em;
		background-size: contain;
	}
	.slick .main-blk.section04.s03 .chara-img img{
    margin-left: 0;
    width: auto;
    height: 280px;
	}
}

/* PC
-------------------------------------------------- */
@media print, screen and (min-width:960px) {
	.thumbnail{
		width: 960px;
	}

	.thumbnail .slick-track{
		width: 660px!important;
	}
	/* 
	++++++++++++++++++++++++++++++++++++++++++++++ */
	.slide-wrap{
		width: 960px;
	}
	.slide-arrow.prev-arrow{left: 10%;}
	.slide-arrow.next-arrow{right: 10%;}
	
}