@charset "utf-8";




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


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



/*  */


.main{width:100%;padding-top:320px;background-size:100%;position:relative;background-repeat:no-repeat;}
.catch{background:url(../img/top/action_title.png);width:998px;height:535px;position:absolute;left:50%;margin-left:-499px;top:220px;margin-top:-305px;}


#content{background:url(../img/action/bg.jpg);background-size:cover; padding:0 0 0px;background-attachment:fixed;}
h3 .text{text-indent:-9999px;height:0px;display:block;}

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

.slider_box{width:63%;}
.slider{width:100%;}
.slider-item{position:relative;z-index:0;}
.slider-item img{width:100%;}
.slider-item .image{background-color:#000;transform:scale(0.8);transition:all 0.5s;border:1px solid #9396d2;}
.slider-item .image img{opacity:0.6;transition:all 0.5s;}
.slider-item:focus{border:non;outline:0;}
/* .slider-item img{transform:scale(0.8,0.8);} */

.slick-list{overflow:visible!important;}


.textarea p{padding:10px 10px 10px;}

/* .slider-item.slick-center img{transform:scale(1,1);opacity:1;} */
.slider-item.slick-center .image{border:2px solid #9396d2;box-sizing: border-box;transform:scale(1,1);}
.slider-item.slick-center img{opacity:1;}

.content01 {position:relative;padding:0px 0 60px;}
.content01:after{content:'';clear:both;display:block;}
.content01 h3{background-image:url(../img/action/head01.png);width:271px;height:53px;}
.content01 .textarea{width:340px;padding:0px;background-color:rgba(255,255,255,0.6);position:absolute;right:0px;bottom:40px;box-shadow:8px 8px 2px rgba(0,0,0,0.3);background-image:url(../img/top/news_bg.png);}


.content02 {position:relative;margin-top:30px;overflow:hidden;}
#content .content02 .inner_centering{padding:160px 0 90px;}
.content02:after{content:'';clear:both;display:block;}
.content02 .slider_box{width:100%;}
.content02 h3{background-image:url(../img/action/head04.png);width:271px;height:53px;}
.content02 .textarea{width:340px;padding:0px;background-color:rgba(255,255,255,0.6);position:absolute;left:0%;top:160px;box-shadow:8px 8px 2px rgba(0,0,0,0.3);background-image:url(../img/top/news_bg.png);}
.content02 .still{position:relative;width:600px;z-index:20;margin-top:-150px;margin-left:26%;margin-bottom:-90px;transition:all 0.5s;opacity:0;}


.content02 .caption{color:#fff;text-align:center;display:inline-block;font-size:16px;text-shadow:0 0 10px rgba(25, 0, 103,1);position:absolute;right:-100px;top:0px;transition:all 0.5s;background-color:#2c5e79;color:#fff;padding:12px 20px 0px;opacity:0;z-index:20;height:40px;border-radius:0px 8px 8px 0px;}
.content02 .caption:after{content:'';position:absolute;width: 0;height: 0;border-right: 26px solid #2c5e79;border-top: 26px solid transparent;border-bottom: 26px solid transparent;left:-26px;top:0px;}

.content02 .slider-item {opacity:1;transition:all 0.5s;position:relative;z-index:1;}
.content02 .image{transition:all 0.5s;position:absolute;right:-100px;top:130px;z-index:20;width:280px;background-color:#000;opacity:0;}
.content02 .image img{display:block;width:100%;}

/* active */

.content02 .slider-item.slick-center{opacity:1;z-index:5;}
.content02 .slick-center .still{transform:scale(1.2);}
.content02 .slick-center .image{border:1px solid #c79c4b;width:280px;right:0px;z-index:20;box-shadow:2px 2px 3px rgba(0,0,0,0.5);opacity:1;}

.content02 .slick-center .caption{right:0px;opacity:1;}

.content02 .slider-item.new-icon .caption:before{content:'NEW';color:#373320;background-image:url(../img/common/new_bg.jpg);padding:2px 13px;box-shadow:0px 0px 6px rgba(0, 0, 0, 0.8);background-size:100%;border-radius:20px;font-size:15px;font-weight:800;font-family: 'Work Sans', cursive;display:inline-block;line-height:1.2;text-shadow:none;margin-right:10px;}


/* option */
.content02 .slider-item.noimage .still{margin-left:36%;}

.content02 .slider-item.s_002_3 .still{margin-left:30%;}
.content02 .slider-item.s_002_2 .still{margin-left:15%;}
.content02 .slider-item.s_002_1 .still{margin-left:22%;}
/* .content02 .slider-item.s_002_7 .still{margin-left:19%;} */
.content02 .slider-item.s_002_13 .still{margin-left:17%;}
.content02 .slider-item.s_002_14 .still{margin-left:30%;}
.content02 .slider-item.s_002_15 .still{margin-left:29%;}
.content02 .slider-item.s_002_16 .still{margin-left:29%;}

.content02 .slider-item.s_002_5 .still{margin-left:18%;margin-top:-190px;}
/* .content02 .slider-item.s_002_5 .image{bottom:auto;top:60px;z-index:20;} */
/* .content02 .slider-item.s_002_5.slick-center .image{bottom:auto;top:20px;z-index:20;} */





.content03 {position:relative;margin-top:30px;overflow:hidden;}
#content .content03 .inner_centering{padding:160px 0 90px;}
.content03:after{content:'';clear:both;display:block;}
.content03 .slider_box{width:100%;}
.content03 h3{background-image:url(../img/action/head03.png);width:271px;height:53px;}
.content03 .textarea{width:340px;padding:0px;background-color:rgba(255,255,255,0.6);position:absolute;left:0%;top:160px;box-shadow:8px 8px 2px rgba(0,0,0,0.3);background-image:url(../img/top/news_bg.png);}
.content03 .still{position:relative;width:800px;z-index:20;margin-top:-150px;margin-left:20%;margin-bottom:-90px;transition:all 0.5s;opacity:0;}


.content03 .caption{color:#fff;text-align:center;display:inline-block;font-size:16px;text-shadow:0 0 10px rgba(25, 0, 103,1);position:absolute;right:-100px;top:0px;transition:all 0.5s;background-color:#2c5e79;color:#fff;padding:12px 20px 0px;opacity:0;z-index:20;height:40px;border-radius:0px 8px 8px 0px;}
.content03 .caption:after{content:'';position:absolute;width: 0;height: 0;border-right: 26px solid #2c5e79;border-top: 26px solid transparent;border-bottom: 26px solid transparent;left:-26px;top:0px;}

.content03 .slider-item {opacity:1;transition:all 0.5s;position:relative;z-index:1;}
.content03 .image{transition:all 0.5s;position:absolute;right:-100px;top:130px;z-index:20;width:280px;background-color:#000;opacity:0;}
.content03 .image img{display:block;width:100%;}

/* active */

.content03 .slider-item.slick-center{opacity:1;z-index:5;}
.content03 .slick-center .still{transform:scale(1.2);}
.content03 .slick-center .image{border:1px solid #c79c4b;width:280px;right:0px;z-index:20;box-shadow:2px 2px 3px rgba(0,0,0,0.5);opacity:1;}

.content03 .slick-center .caption{right:0px;opacity:1;}

.content03 .slider-item.new-icon .caption:before{content:'NEW';color:#373320;background-image:url(../img/common/new_bg.jpg);padding:2px 13px;box-shadow:0px 0px 6px rgba(0, 0, 0, 0.8);background-size:100%;border-radius:20px;font-size:15px;font-weight:800;font-family: 'Work Sans', cursive;display:inline-block;line-height:1.2;text-shadow:none;margin-right:10px;}

.content03:before {content: '';position: absolute;top: 0;left: 0;right: 0;width: 100%;height: 1px;margin: 0 auto;text-align: center;background-image: -webkit-linear-gradient(left, transparent, #af9947 25%, #af9947 75%, transparent);background-image: linear-gradient(to right, transparent, #af9947 25%, #af9947 75%, transparent);background-position: center;background-repeat: no-repeat;z-index:20;}

.content03:after{content:'';display:block;width:100%;padding-top:14px;background-image:url(../img/action/bg_god_head.png);background-repeat:repeat-x;position:absolute;bottom:0px;z-index:10;}

/*  */


/* .content03{overflow:hidden;background-color:rgba(0,0,0,0.2);position:relative;z-index:20;}
#content .content03 .inner_centering{padding:120px 0 0px;}
.content03 .slider_box{width:92%;margin-left:8%;}
.content03 .slider-item .image{background-color:transparent;transform:scale(1);transition:all 0.5s;text-align:center;border:0px solid #9396d2;opacity:0;width:600px;margin-left:100px;}
.content03 .slider-item .image img{opacity:1;}
.content03 .slider-item.slick-center .image{border:0px solid #9396d2;box-sizing: border-box;transform:scale(1.6,1.6);filter: blur(0px);opacity:1;}
.content03 .slider_box{}
.content03 h3{background-image:url(../img/action/head03.png);width:271px;height:53px;}
.content03 .textarea{width:340px;padding:0px;background-color:rgba(255,255,255,0.6);position:absolute;right:0%;top:180px;box-shadow:8px 8px 2px rgba(0,0,0,0.3);background-image:url(../img/top/news_bg.png);}
.content03 .slider-item.new-icon .caption:before{content:'NEW';color:#373320;background-image:url(../img/common/new_bg.jpg);padding:2px 13px;box-shadow:0px 0px 6px rgba(0, 0, 0, 0.8);background-size:100%;border-radius:20px;font-size:15px;font-weight:800;font-family: 'Work Sans', cursive;display:inline-block;line-height:1.2;text-shadow:none;margin-right:10px;}

.content03 .slick-center .caption{opacity:1;}

.content03 .caption{color:#fff;text-align:center;display:inline-block;font-size:16px;text-shadow:0 0 10px rgba(25, 0, 103,1);position:absolute;left:0px;top:30px;transition:all 0.5s;background-color:#2c5e79;color:#fff;padding:12px 20px 0px;opacity:0;z-index:20;height:40px;border-radius:8px 0px 0px 8px;}
.content03 .caption:after{content:'';position:absolute;width: 0;height: 0;border-left: 26px solid #2c5e79;border-top: 26px solid transparent;border-bottom: 26px solid transparent;right:-26px;top:0px;}

.content03:before {content: '';position: absolute;top: 0;left: 0;right: 0;width: 100%;height: 1px;margin: 0 auto;text-align: center;background-image: -webkit-linear-gradient(left, transparent, #af9947 25%, #af9947 75%, transparent);background-image: linear-gradient(to right, transparent, #af9947 25%, #af9947 75%, transparent);background-position: center;background-repeat: no-repeat;z-index:20;}
.content03:after{content:'';display:block;width:100%;padding-top:14px;background-image:url(../img/action/bg_god_head.png);background-repeat:repeat-x;position:absolute;bottom:0px;z-index:10;}

.content03 .slick-dots{bottom:80px!important;}

.content03 .slider-item.s_004_1 .image{margin-top:-90px;}
.content03 .slick-center .image img{margin-left:-50px;} */


.content_god{background:url(../img/action/bg2.jpg) center center;background-size:cover;background-attachment:fixed;position:relative;}
.content_god:before{content:'';display:block;width:100%;padding-top:14px;background-image:url(../img/action/bg_god_head.png);margin-top:-14px;background-repeat:repeat-x;position:absolute;z-index:50;}

.head_god{text-align:center;padding-top:40px;z-index:20;position:relative;}

.content_system{background:url(../img/action/bg4.jpg) center center;background-size:cover;z-index:20;position:relative;}
.content_system:before{content:'';display:block;width:100%;padding-top:14px;background-image:url(../img/action/bg_god_head.png);margin-top:-14px;background-repeat:repeat-x;position:absolute;z-index:10;}



.line_box{border:1px solid #464cb3;margin:5px;padding:20px;}

.slick-dots {bottom:-60px!important;}
.slick-dots li button:before{background-color: #fff;text-indent: -9999px;border-radius:50%;opacity:0.4!important;width: 12px!important;height: 12px!important;}
.slick-dots li:hover button:before{background-color: #999eff;text-indent: -9999px;border-radius:50%;box-shadow:0 0 8px rgba(135, 244, 255, 0.8);opacity:1!important;}
.slick-dots li.slick-active button:before{background-color: #999eff;text-indent: -9999px;border-radius:50%;box-shadow:0 0 8px rgba(135, 244, 255, 0.8);opacity:1!important;}


.slick-dots li button {width: 12px!important;height: 12px!important;}

	.textarea.new:before{content:'NEW';color:#373320;background-image:url(../img/common/new_bg.jpg);padding:2px 13px;box-shadow:0px 0px 6px rgba(0, 0, 0, 0.8);background-size:100%;border-radius:20px;font-size:16px;font-weight:800;font-family: 'Work Sans', cursive;display:inline-block;position:absolute;top:-7px;left:-7px;z-index:50;line-height:1.2;}

/*  */

.centering{text-align:center;}


.cbox:after{content:'';display:block;width:40px;height:40px;background-image:url(../img/character/to_zoom.png);display:block;text-indent:-9999px;position:absolute;right:8px;bottom:8px;border-radius:50%;background-size:40px;box-shadow:rgba(0,0,0,0.5);overflow:hidden;box-shadow:0px 0px 3px rgba(0,0,0,0.5);transition:all 0.5s;}
.cbox:hover:after{box-shadow:3px 3px 10px rgba(0,0,0,0.5);background-color:#fff;}
.cbox:hover img{opacity:0.9;}

}



@media screen and (min-width: 1551px) {/*大画面用サイズ変更*/
#visual{padding-top:55%;background-position:center center;background-size:cover;}
#content_story_character{background-size:100%;}
}












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


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

	/* common */



	/*  */

	.main{width:100%;padding-top:45%;position:relative;background-repeat:no-repeat;background-size:cover;background-position:center top;}
	.catch{background:url(../img/top/action_title.png);width:130%;padding-top:80%;top:0;margin-top:-20px;margin-left:-13%;position:absolute;z-index:20;background-size:100%;}


	#content{background:#000 url(../img/action/bg.jpg);background-size:100%;background-repeat:no-repeat; padding:0 0 0px;}
	h3 .text{text-indent:-9999px;height:0px;display:block;}

	#content .inner_centering{max-width:1200px;width:100%;padding:20px 0 0px;}

	.slider_box{width:78%;margin:0 auto;}
	.slider{width:100%;}
	.slider-item img{width:100%;}
	/* .slider-item {background-color:#000;} */
	.slider-item .image{background-color:#000;transform:scale(1);transition:all 0.5s;}
	.slider-item .image img{opacity:0.6;transition:all 0.5s;}
	.slider-item:focus{border:non;outline:0;}
	/* .slider-item img{transform:scale(0.8,0.8);} */

	.slick-list{overflow:visible!important;}


	.textarea p{padding:5px 5px;font-size:14px;}

	/* .slider-item.slick-center img{transform:scale(1,1);opacity:1;} */
	.slider-item.slick-center {z-index:20;position:relative;}
	.slider-item.slick-center .image{border:1px solid #9396d2;box-sizing: border-box;transform:scale(1.15,1.15);}
	.slider-item.slick-center img{opacity:1;}

	.content01 {position:relative;padding:20px 0 50px;}
	.content01:after{content:'';clear:both;display:block;}
	.content01 h3{background-image:url(../img/action/head01.png);width:60%;padding-top:12%;background-size:100%;}
	.content01 .textarea{padding:10px;position:relative;margin:0px auto;width:100%;color:#fff}


	.content02 {position:relative;padding:0px 0 0;background-size:cover;background:url(../img/action/bg2.jpg) center center;background-size:cover;}
	#content .content02 .inner_centering{padding:0 0 30px;}
	.content02:after{content:'';clear:both;display:block;}
	.content02 .slider_box{}
	.content02 .slider_box .still{margin-bottom:-40px;display:block;transition:all 0.5s;opacity:1;margin-top:-20px;}
	.content02 h3{background-image:url(../img/action/head04.png);width:60%;padding-top:12%;background-size:100%;}
	.content02 .textarea{padding:0px;position:relative;padding:5px;margin-top:0px;color:#fff;}
	.content02 .image{width:100px;left:0;position:absolute;bottom:40px;}


.content02 .slider-item .caption{color:#fff;font-size:14px;padding-top:0px;text-align:center;z-index:10;position:relative;}

.slider-item.new-icon .caption:before{content:'NEW';color:#373320;background-image:url(../img/common/new_bg.jpg);padding:2px 10px;box-shadow:0px 0px 6px rgba(0, 0, 0, 0.8);background-size:100%;border-radius:20px;font-size:12px;font-weight:800;font-family: 'Work Sans', cursive;display:inline-block;line-height:1.2;text-shadow:none;margin-right:8px;}


.content03 {position:relative;padding:0px 0 0;background-size:cover;background:url(../img/action/bg2.jpg) center center;background-size:cover;overflow:hidden;}
#content .content03 .inner_centering{padding:40px 0 30px;}
.content03:after{content:'';clear:both;display:block;}
.content03 .slider_box{}
.content03 .slider_box .still{margin-bottom:-40px;display:block;transition:all 0.5s;opacity:1;margin-top:-20px;}
.content03 h3{background-image:url(../img/action/head03.png);width:60%;padding-top:12%;background-size:100%;}
.content03 .textarea{padding:0px;position:relative;padding:5px;margin-top:0px;color:#fff;}
.content03 .image{width:100px;left:0;position:absolute;bottom:40px;}

.content03 .slider_box .still{margin-bottom:-40px;display:block;transition:all 0.5s;opacity:1;margin-top:-20px;}

.content03 .slider-item .still{transform:scale(1.2);}

.content03 .slider-item .caption{color:#fff;font-size:14px;padding-top:0px;text-align:center;z-index:10;position:relative;}


	.content03:before {content: '';position: absolute;top: 0;left: 0;right: 0;width: 100%;height: 1px;margin: 0 auto;text-align: center;background-image: -webkit-linear-gradient(left, transparent, #af9947 25%, #af9947 75%, transparent);background-image: linear-gradient(to right, transparent, #af9947 25%, #af9947 75%, transparent);background-position: center;background-repeat: no-repeat;z-index:20;}
	.content03:after{content:'';display:block;width:100%;padding-top:14px;background-image:url(../img/action/bg_god_head.png);background-repeat:repeat-x;position:absolute;bottom:0px;z-index:10;}

	.textarea.new h3:before{content:'NEW';color:#373320;background-image:url(../img/common/new_bg.jpg);padding:2px 13px;box-shadow:0px 0px 6px rgba(0, 0, 0, 0.8);background-size:100%;border-radius:20px;font-size:12px;font-weight:800;font-family: 'Work Sans', cursive;display:inline-block;position:absolute;top:20%;right:40px;z-index:50;line-height:1.2;background-repeat:no-repeat;}

	.content_god{position:relative;}
	.content_god:before{content:'';display:block;width:100%;padding-top:14px;background-image:url(../img/action/bg_god_head.png);margin-top:-14px;background-repeat:repeat-x;position:absolute;z-index:50;}
	.content_god:after{content:'';height:100vh;width:100%;position:fixed;top:0;left:0;}

	.head_god{text-align:center;padding-top:30px;z-index:20;position:relative;}
	.head_god img{width:160px;}

	.line_box{padding:15px;}

	.slick-dotted.slick-slider{margin-bottom:0px!important;}



	.slick-dots {bottom:-30px!important;display:none!important;}
	.slick-dots li{width:10px!important;height:10px!important;}
	.slick-dots li button:before{background-color: #fff;text-indent: -9999px;border-radius:50%;opacity:0.4!important;width:10px!important;height:10px!important;}
	.slick-dots li:hover button:before{background-color: #999eff;text-indent: -9999px;border-radius:50%;box-shadow:0 0 8px rgba(135, 244, 255, 0.8);opacity:1!important;}
	.slick-dots li.slick-active button:before{background-color: #999eff;text-indent: -9999px;border-radius:50%;box-shadow:0 0 8px rgba(135, 244, 255, 0.8);opacity:1!important;}


		.cbox:after{content:'';display:block;width:30px;height:30px;background-image:url(../img/character/to_zoom.png);display:block;text-indent:-9999px;position:absolute;right:3px;bottom:3px;border-radius:50%;background-size:30px;box-shadow:rgba(0,0,0,0.5);overflow:hidden;box-shadow:0px 0px 3px rgba(0,0,0,0.5);transition:all 0.5s;}

}