@charset "utf-8";




/*----------------------------------------
	for PC
----------------------------------------*/


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

body{color:#fff;}

/*  */


.catch{color:#fff;font-weight:800;text-align:center;margin:0px auto 0px;font-size:30px;padding:40px 0 10px;}




#content{background-color:transparent;position:relative;z-index:20;}
h3{display:block;font-size:40px;font-weight:800!important;line-height:1;margin-bottom:0.7em;}

.bg{background:url(../img/history/bg1.jpg);background-size:cover; position:fixed;padding:0 0 0px;background-attachment:fixed;background-repeat:no-repeat;top:0;left:0;height:100vh;width:100%;opacity:0;transition:all 2s;}

.bg.num1{background:url(../img/history/bg1.jpg);background-size:cover; position:fixed;background-attachment:fixed;background-repeat:no-repeat;}

.bg.num2{background:url(../img/history/bg2.jpg);background-size:cover; position:fixed;background-attachment:fixed;background-repeat:no-repeat;}

.bg.num3{background:url(../img/history/bg3.jpg);background-size:cover; position:fixed;background-attachment:fixed;background-repeat:no-repeat;}

.bg.num4{background:url(../img/history/bg4.jpg);background-size:cover; position:fixed;background-attachment:fixed;background-repeat:no-repeat;}

.bg.num5{background:url(../img/history/bg5.jpg);background-size:cover; position:fixed;background-attachment:fixed;background-repeat:no-repeat;}

#content .inner_centering{max-width:1200px;width:90%;padding:60px 0 0px;position:relative;background-color:transparent;}
#content .inner_centering:after{content:'';display:block;clear:both;}

.line{border-left:1px solid #bbb;position:relative;}
.date{position:absolute;left:0;top:0;border-left:4px solid #bbb;line-height:1.5;transform:rotate(90deg);transform-origin: left bottom;padding-left:10px;top:-1.5em;letter-spacing:1.5px;color:#c7a1de;}

.infobox{width:600px;position:relative;padding-left:4em;margin-top:400px;}
.infobox:first-child{margin-top:0px;}
.infobox.last{padding-bottom:440px;}

.infobox .h3{animation-duration: 1.8s;animation-delay: 0s;}
.infobox .text{animation-duration: 1.8s;animation-delay: 0s;}
.infobox .cbox_movie{animation-duration: 1.8s;animation-delay: 0s;}

.infobox .btn{color:#fff;border-radius:5px;border:1px solid #fff;padding:10px 20px;transition:all 0.5s;margin-top:30px;display:inline-block;}
.infobox .btn:hover{color:#000;background-color:#fff;}

.cbox_movie{width:320px;display:block;margin-top:30px;position:relative;background-color:#000;border:1px solid #8141a8;}
.cbox_movie img{width:100%;display:block;}
.cbox_movie .icon{background:url(../img/history/btn.png);width:80px;background-repeat:no-repeat;border-radius:80px;height:80px;overflow:hidden;box-shadow:2px 2px 3px rgba(0,0,0,0.8);position:absolute;left:50%;top:50%;background-size:100%;margin-left:-40px;margin-top:-50px;z-index:5;}


.cbox_movie p{position:absolute;color:#fff;bottom:20px;width:100%;text-align:center;z-index:20;}
.cbox_movie .thum{opacity:0.5;}

#fog{position:fixed;bottom:0px;z-index:0;width:100%;height:600px;z-index:10;}
/* #fog .slick-slide{width:600px;} */
#fog .slick-slide img{width:90%;}

#fog2{position:fixed;bottom:0px;z-index:0;width:100%;height:400px;z-index:10;}
/* #fog2 .slick-slide{width:1200px;} */
#fog2 .slick-slide img{width:100%;}

/*  */

.centering{text-align:center;}


/*  */

#wrapper.bg1 .bg.num1{opacity:1;}
#wrapper.bg2 .bg.num2{opacity:1;}
#wrapper.bg3 .bg.num3{opacity:1;}
#wrapper.bg4 .bg.num4{opacity:1;}
#wrapper.bg5 .bg.num5{opacity:1;}


}














/*----------------------------------------
	for SP
----------------------------------------*/


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

	body{background-color:#000;color:#fff;}


	.catch{color:#fff;font-weight:800;text-align:center;margin:0px auto 0px;font-size:30px;padding:20px 0 10px;width:100%;}

	.catch img{width:130%;margin-left:-13%;}




	#content{background-color:transparent;position:relative;z-index:20;}
	h3{display:block;font-size:23px;font-weight:800!important;line-height:1;margin-bottom:0.7em;line-height:1.3;}

	#header_sp{position:relative;}

	.bg{background:url(../img/history/bg1.jpg);background-size:cover; position:fixed;padding:0 0 0px;background-repeat:no-repeat;top:0px;left:0;height:100vh;width:100%;opacity:0;transition:all 2s;z-index:-1;}

	.bg.num1{background:url(../img/history/bg1_sp.jpg);background-size:100%; position:fixed;background-repeat:no-repeat;top:0px;left:0;}

	.bg.num2{background:url(../img/history/bg2_sp.jpg);background-size:100%; position:fixed;background-repeat:no-repeat;top:0px;left:0;}

	.bg.num3{background:url(../img/history/bg3_sp.jpg);background-size:100%; position:fixed;background-repeat:no-repeat;top:0px;left:0;}

	.bg.num4{background:url(../img/history/bg4_sp.jpg);background-size:100%; position:fixed;background-repeat:no-repeat;top:0px;left:0;}

	.bg.num5{background:url(../img/history/bg5_sp.jpg);background-size:100%; position:fixed;background-repeat:no-repeat;top:0px;left:0;}

	#content .inner_centering{max-width:1200px;width:90%;padding:60px 0 0px;position:relative;background-color:transparent;}
	#content .inner_centering:after{content:'';display:block;clear:both;}

	.line{border-left:1px solid #bbb;position:relative;}
	.date{position:absolute;left:0;top:0;border-left:4px solid #bbb;line-height:1.5;transform:rotate(90deg);transform-origin: left bottom;padding-left:10px;top:-1.5em;letter-spacing:1.5px;color:#c7a1de;font-size:10px;}

	.infobox{width:auto;position:relative;padding-left:30px;margin-top:280px;}
	.infobox:first-child{margin-top:0px;}
	.infobox.last{padding-bottom:120px;}

	.infobox .h3{animation-duration: 1.8s;animation-delay: 0s;}
	.infobox .storytext{font-size:12px;animation-duration: 1.8s;animation-delay: 0s;}
	.infobox .cbox_movie{animation-duration: 1.8s;animation-delay: 0s;}

	.infobox .btn{color:#fff;border-radius:5px;border:1px solid #fff;padding:10px 20px;transition:all 0.5s;margin-top:30px;display:inline-block;}
	.infobox .btn:hover{color:#000;background-color:#fff;}

	.cbox_movie{width:90%;display:block;margin-top:30px;position:relative;background-color:#000;border:1px solid #8141a8;}
	.cbox_movie img{width:100%;display:block;}
	.cbox_movie .icon{background:url(../img/history/btn.png);width:50px;background-repeat:no-repeat;border-radius:80px;height:50px;overflow:hidden;box-shadow:2px 2px 3px rgba(0,0,0,0.8);position:absolute;left:50%;top:50%;background-size:100%;margin-left:-25px;margin-top:-36px;z-index:5;}


	.cbox_movie p{position:absolute;color:#fff;bottom:0px;width:100%;text-align:center;z-index:20;font-size:15px;}
	.cbox_movie .thum{opacity:0.5;}

	#fog{position:fixed;bottom:0px;z-index:0;width:100%;height:280px;z-index:10;}
	/* #fog .slick-slide{width:600px;} */
	#fog .slick-slide img{width:130%;}

	#fog2{position:fixed;bottom:-100px;z-index:0;width:100%;height:400px;z-index:10;}
	/* #fog2 .slick-slide{width:1200px;} */
	#fog2 .slick-slide img{width:200%;}

	/*  */

	.centering{text-align:center;}


	/*  */

	#wrapper.bg1 .bg.num1{opacity:1;}
	#wrapper.bg2 .bg.num2{opacity:1;}
	#wrapper.bg3 .bg.num3{opacity:1;}
	#wrapper.bg4 .bg.num4{opacity:1;}
	#wrapper.bg5 .bg.num5{opacity:1;}

	#footer{z-index:10;position:relative;}

}


#cboxOverlay {background: #000!important;opacity:0.8!important;}