@charset "utf-8";




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


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

	body.top #menu li.menu_top{background:transparent url('../img/common/menu_top_on.png');background-size:100%;}

.splash-r{position:absolute;z-index:90;right:-5%;top:300px;pointer-events: none;}
.splash-l{position:absolute;z-index:90;left:-5%;top:100px;pointer-events: none;}

	#wrapper{overflow:hidden;position:relative;}

	/*--------visual---------*/

	img{display:block;}

	.headarea{height:880px;}

	.visual{position:absolute;top:0;left:0;width:100%;height:880px;background:#3485df url(../img/top/visual.jpg) center top no-repeat;min-width:1000px;background-size:2000px;}
	.visual__inner{height:880px;width:1000px;margin:0 auto;position:relative;z-index:10;}
	.visual__logo{position:absolute;bottom:20px;right:30px;}
	.visual__logo img{display:block;width:600px;}
	.visual__date{position:absolute;bottom:45px;left:20px;}
	.visual__console .switch img{position:absolute;top:110px;left:30px;height:80px;}
	.visual__console .ps4{position:absolute;top:130px;left:130px;display:flex;}
	.visual__console .ps4 img{height:34px;display:inline;margin-right:15px;}
	.visual__movie{display:block;left:35px;position:absolute;top:550px;text-align:center;border-radius:10px;}
	.visual__movie .movie_image{border-radius:10px 10px;border:2px solid #fff;box-shadow:5px 5px 0px rgba(0,0,0,0.2);}
	.visual__movie .movie_text{border-radius:20px;background-color:#fff;color:#000;padding:1px 15px;box-shadow:5px 5px 0px rgba(0,0,0,0.2);width:auto;margin:8px auto 0;z-index:10;position:relative;display:inline-block;}
	.visual__movie.new:after{content:'NEW';position:absolute;top:-7px;left:-8px;background-color:#eb0000;color:#fff;padding:3px 10px;border-radius:20px;display:inline-block;font-size:12px;box-shadow:1px 1px 0 rgba(0,0,0,0.2);font-weight:600;line-height:1.5;}
	.visual__catch{position:absolute;top:390px;right:40px;}
	.visual__banner{position:absolute;bottom:150px;left:30px;}
	.visual__bnr-vr{display:block;left:35px;position:absolute;top:414px;text-align:center;border-radius:10px;box-shadow:3px 3px 1px rgba(0,0,0,0.3);}
	.visual__bnr-vr img{border-radius:10px;display:block;}
	.visual__bnr-vr.new:after{content:'NEW';position:absolute;top:-7px;left:-8px;background-color:#eb0000;color:#fff;padding:3px 10px;border-radius:20px;display:inline-block;font-size:12px;box-shadow:1px 1px 0 rgba(0,0,0,0.2);font-weight:600;line-height:1.5;}

	.visual__banner-righttop{position:absolute;top:110px;right:5px;width:290px;}
	.visual__banner-righttop img{width:100%;}
	.visual__banner-righttop02{position:absolute;top:185px;right:5px;}
	.visual__banner-righttop03{position:absolute;top:285px;right:5px;width:290px;}
	.visual__banner-righttop03 img{width:100%;}

	.visual:after{content:'';display:block;position:absolute;bottom:0;left:0;background:transparent url(../img/top/news_base.png)center bottom;width:100%;padding-top:5vw;background-size:100%;}

	.news-area{color:#fff;border-top:0px solid #fff;center bottom no-repeat;background-size:100%;background-color:#f7516c;}
	.news-area__inner{width:960px;margin:0 auto;padding:8px 20px 23px;}
	.news-tit__wrap{width:120px;display:inline-block;vertical-align:middle;font-size:20px;font-style:italic;font-weight:200!important;color:#fff196;}
	.news-info__wrap{width:770px;display:inline-block;vertical-align:middle;margin-left:20px;line-height:1.7;height:3.7em;overflow:scroll;background-color:rgba(0,0,0,0.1);padding:5px 15px 2px;border-radius:5px;overflow-x: hidden;}
	.news-info__inner{width:760px;display:block;}
	.news-area .news-date{color:#fff;display:inline-block;padding-right:10px;font-size:16px;}
	.news-area .news-text{color:#fff;display:inline-block;line-height:1;font-size:16px;}
		.news-area .news-text a{color:#fff196;display:inline-block;margin-left:4px;border-bottom:1px solid #fff196;padding-bottom:1px;}

	.news-tit__img{width:120px;}

	.banner-area{background-color:#f2feff;background:url(../img/top/banner_bg.jpg) repeat-x;position:relative;background-size:contain;}
	.banner-area:before{content:'';display:block;width:100%;height:2px;background-color:#c3efef;position:absolute;top:3px;}
	.banner-area:after{content:'';display:block;width:100%;height:2px;background-color:#c3efef;position:absolute;bottom:3px;}
	.banner-area__inner{width:1000px;padding:30px 0;margin:0 auto 0;}
	.banner-wrap-flex{display:flex;justify-content: center;}
	.box-banner{margin:0 8px;border-radius:8px;box-shadow:4px 4px rgba(0,0,0,0.2);}

	.banner-wrap-flex li{position:relative;}
	.banner-wrap-flex li.new:after{content:'NEW';position:absolute;top:-8px;left:-2px;background-color:#eb0000;color:#fff;padding:3px 10px;border-radius:20px;display:inline-block;font-size:11px;box-shadow:1px 1px 0 rgba(0,0,0,0.2);font-weight:600;line-height:1.5;}

/* feature */

	.btn_manual{widht:auto;border:2px solid #69dcf0;background:#ecfafb;border-radius:10px;padding:10px;text-align:center;color:#09d;display:block;margin-top:20px;box-sizing: border-box;box-shadow:3px 3px 0 rgba(0,0,0,0.1);}

	.feature-wrap__inner{width:1000px;margin:0 auto;position:relative;}

	.feature-wrap.sec01{position:relative;background:#bdfaff url(../img/top/character_bg.jpg) center top no-repeat;height:600px;}
	.feature-wrap.sec01 .feature-wrap__inner{height:600px;}


	/* character */

	.top-character__txt01{position:absolute;top:215px;left:140px;z-index:1;}
	.top-character__title{position:absolute;top:1px;left:-5px;z-index:5;}
	.top-character__icon-wrap{position:absolute;top:270px;left:20px;display:flex;width:600px;flex-wrap:wrap;justify-content:center;z-index:5;}
	.top-character__icon-wrap li{border-radius:80px;width:100px;height:100px;overflow:hidden;border:4px solid #fff;margin:0 2px;}
	.top-character__icon-wrap li img{width:100%;}

	.top-character__newcharacter .fist{position:absolute;right:-80px;bottom:0;z-index:1;}
	.top-character__newcharacter .fist-name{position:absolute;right:20px;bottom:340px;z-index:3;}
	.top-character__newcharacter .second{position:absolute;right:140px;bottom:0;z-index:2;}
	.top-character__newcharacter .second-name{position:absolute;right:150px;bottom:200px;z-index:3;}
	.top-character__btn{position:absolute;left:190px;bottom:30px;}

	.top-character__bg-dot{position:absolute;top:0;left:0;width:100%;background:url(../img/top/character_dot.png) center top repeat-X;height:394px;z-index:0;}


	/* yawaraka */

	.feature-wrap.sec02{position:relative;background:url(../img/top/yawaraka_bg.jpg) center top no-repeat;height:700px;background-color:#5fd5f2;background-size:cover;}
	.feature-wrap.sec02 .feature-wrap__inner{height:700px;}

	.top-yawaraka__title{position:absolute;top:20px;right:10px;}
	.top-yawaraka__txt01{position:absolute;bottom:20px;right:440px;}
	.joycon-left{position:absolute;top:210px;right:280px;}
	.joycon-right{position:absolute;top:270px;right:30px;}

	.top-yawaraka_exp{position:absolute;bottom:5px;right:10px;font-size:13px;}

	.top-yawaraka__btn{position:absolute;right:120px;bottom:40px;}


	/* improvement */

	.feature-wrap.sec03{position:relative;background:url(../img/top/improvement-bg.jpg) center top;}
	.feature-wrap.sec03 .feature-wrap__inner{padding:310px 0 100px;}

	.top-improvement__title{position:absolute;top:10px;left:0px;}
	.top-improvement__txt01{color:#333;width:520px;font-size:18px;line-height:1.8;margin-left:30px;margin-bottom:26px;}
	.top-improvement__img-zack{position:absolute;top:20px;right:0;z-index:1;}
	.top-improvement__txt-zack{position:absolute;top:20px;right:0;z-index:0;}
	.top-improvement__list-wrap{position:relative;margin:0 auto 0;background-color:#fff;border-radius:20px;padding:40px;z-index:2;box-shadow:0 0 14px rgba(0,0,0,0.5);width:900px;}
	.improvement-list__title{color:#32859a;font-weight:800;text-align:center;font-size:32px;margin-bottom:20px;}
	.improvement-list__box{}

	.improvement-list__box table{border-collapse:collapse;border:none:;}
	.improvement-list__box th{color:#32859a;padding:10px;border-right:1px solid #7aa8b4;border-bottom:1px solid #7aa8b4;background-color:#32859a;color:#fff;font-size:13px;}
	.improvement-list__box td{color:#32859a;padding:10px;border-right:1px solid #32859a;border-bottom:1px solid #32859a;text-align:center;font-size:13px;line-height:1.6;}
	.improvement-list__box td:last-child{border-right:0px solid #32859a;}
	.improvement-list__box tr:last-child td{border-bottom:0px solid #fff;}

	.list_text01{color:#32859a;padding-bottom:10px;}

	.improvement-list__box .il-last{border-bottom:0px solid #fff;}
	.improvement-list__box td{color:#32859a;padding:10px;border-right:1px solid #32859a;border-bottom:1px solid #32859a;}

	.improvement-list__box ul.asterisk{padding-top:1em;}
	.improvement-list__box ul.asterisk li:before{content:'※';}
	.improvement-list__box ul.asterisk li{padding-left:1em;text-indent:-1em;color:#32859a;}

	.improvement-list__box ul.disc{padding-top:1em;}
	.improvement-list__box ul.disc li:before{content:'・';}
	.improvement-list__box ul.disc li{padding-left:1em;text-indent:-1em;color:#32859a;}
	th.head-y{width:23%;}
	td.head-y{background-color:#eee;}

	.improvement-list__box a{border-bottom:1px solid #4dc5bc;color:#4dc5bc;}


	.table_wrapper{border-radius:20px;overflow:hidden;border:1px solid #32859a;}

	.mizugi-name{text-align:left!important;width:18%;}
	.mizugi-img{width:100%;}

	.btn-mizugi{width:100%;background:#32859a;color:#fff;padding:10px 0px;border-radius:10px;text-align:center;margin-bottom:10px;cursor: pointer;}
	.btn-mizugi:hover{background:#207388;}


	/* order */

	.top-order-wrap{position:relative;background:url(../img/top/order-bg.jpg) center top;background-size:cover;}
	.top-order-wrap .top-order-wrap__inner{width:1000px;margin:0 auto;}

	.product-wrap__box{position:relative;}
	.product-wrap__fixtxt{position:absolute;top:-20px;left:-40px;z-index:10;pointer-events: none;}

	.top-order__title{padding:20px 0 0px;}
	.top-order__title	img{margin:0 auto;}
	.privilege{width:784px;margin:-90px auto 30px;}
	.product-flexwrap{display:flex;justify-content:center;}
	.top-order-wrap__inner{padding:20px 0 80px;}


	/*  */
/*
	.inview-fadeIn{} */


	.inview-fadeInDown{opacity:0;}
	.inview-fadeIn{opacity:0;}
	.inview-bounceIn{opacity:0;}

	.newicon{width:50px;display:inline-block;vertical-align: middle;margin-top:-0.2em;margin-right:5px;}


}

	@media screen and (max-width: 1350px) {
		.splash-r{display:none;}
		.splash-l{display:none;}
	}


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

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

		body.top #menu li.menu_top{background:transparent url('../img/common/menu_top_on.png');}
		#wrapper{position:relative;overflow:hidden;}

		/*--------visual---------*/

		img{display:block;}

		.headarea{height:160vw;}

		.visual{position:absolute;top:0;left:0;width:100%;height:160vw;background:#0e75d2 url(../img/top/visual_sp.jpg) center top no-repeat;width:100%;background-size:100%;}
		.visual__inner{width:100%;margin:0 auto;position:relative;padding-top:160vw;}
		.visual__logo{position:absolute;top:110vw;right:10px;width:90vw;}
		.visual__logo img{width:100%;}
		.visual__date{position:absolute;top:137vw;left:10vw;width:80vw;}
		.visual__date img{width:100%;}
		.visual__console .switch img{position:absolute;top:34vw;left:4vw;height:12vw;}
		.visual__console .ps4{position:absolute;top:36vw;left:20vw;display:flex;}
		.visual__console .ps4 img{height:7vw;display:inline;margin-right:15px;}
		.visual__movie{display:none;}

		.visual__catch{position:absolute;top:80vw;right:2vw;width:50vw;}
		.visual__catch img{width:100%;}

			.visual__banner-righttop{display:none;}
			.visual__banner-righttop02{display:none;}
				.visual__banner-righttop03{display:none;}

				.visual__banner img{width:100%;}


			.news-area{color:#fff;border-top:3px solid #fff;background:#ee435a;}
			.news-area__inner{width:90%;margin:0 auto;padding:10px 5%;}
			.news-tit__wrap{width:100%;display:inline-block;vertical-align:middle;font-size:20px;font-style:italic;font-weight:200!important;color:#fff196;text-align:center;}
			.news-info__wrap{width:100%;display:inline-block;vertical-align:middle;}
			.news-area .news-date{color:#fff;display:block;padding-right:10px;font-size:13px;line-height:1.6;}
			.news-area .news-text{color:#fff;display:block;line-height:1.6;font-size:13px;}
			.news-area .news-text a{color:#fff196;display:inline-block;margin-left:4px;border-bottom:1px solid #fff196;padding-bottom:1px;}


				.btn_manual{widht:auto;border:2px solid #69dcf0;background:#ecfafb;border-radius:10px;padding:10px;text-align:center;color:#09d;display:block;margin-top:20px;box-sizing: border-box;box-shadow:3px 3px 0 rgba(0,0,0,0.1);}

		.news-tit__wrap img{width:100px;display:inline;}

		.list-box {padding-bottom:15px;}

		.banner-area{background-color:#f2feff;background-image:url(../img/top/banner_bg.jpg);position:relative;}
		.banner-area:before{content:'';display:block;width:100%;height:2px;background-color:#c3efef;position:absolute;top:3px;}
		.banner-area:after{content:'';display:block;width:100%;height:2px;background-color:#c3efef;position:absolute;bottom:3px;}
		.banner-area__inner{width:90%;padding:20px 0 30px;margin:0 auto 0;}
		.banner-wrap-flex{display:flex;justify-content: center;flex-wrap: wrap;}
		.box-banner{border-radius:8px;box-shadow:4px 4px rgba(0,0,0,0.1);width:100%;}

		.banner-wrap-flex li{position:relative;width:48%;margin:2% 1% 0;}
		.banner-wrap-flex li.new:after{content:'NEW';position:absolute;top:-8px;left:-2px;background-color:#eb0000;color:#fff;padding:3px 10px;border-radius:20px;display:inline-block;font-size:8px;box-shadow:1px 1px 0 rgba(0,0,0,0.2);font-weight:600;line-height:1.5;}








	/* feature */

		.feature-wrap__inner{width:1000px;margin:0 auto;position:relative;}

		.feature-wrap.sec01{position:relative;background:#f0fcfe url(../img/top/character_bg_sp.jpg) center top no-repeat;height:160vw;background-size:100%;}
		.feature-wrap.sec01 .feature-wrap__inner{height:600px;}
		.top-character__txt01{position:absolute;top:90vw;left:15vw;z-index:1;width:70vw;}
		.top-character__txt01 img{width:100%;}
		.top-character__title{position:absolute;top:2vw;left:5vw;z-index:1;width:90vw;}
		.top-character__title img{width:100%;}
		.top-character__icon-wrap{position:absolute;top:102vw;left:5vw;display:flex;width:90vw;flex-wrap:wrap;justify-content:center;}
		.top-character__icon-wrap li{border-radius:80px;width:15vw;height:15vw;overflow:hidden;border:1vw solid #fff;margin:0 0.4vw;}
		.top-character__icon-wrap li img{width:100%;}

		.top-character__newcharacter .fist{position:absolute;right:60px;bottom:0;z-index:1;display:none;}
		.top-character__newcharacter .fist-name{position:absolute;right:30px;bottom:450px;z-index:1;display:none;}
		.top-character__newcharacter .second{position:absolute;right:0;bottom:0;z-index:0;display:none;}
		.top-character__newcharacter .second-name{position:absolute;right:30px;bottom:450px;z-index:1;display:none;}
		.top-character__btn{position:absolute;top:140vw;width:60vw;left:20vw;}
		.top-character__btn img{width:100%;}

		.top-character__bg-dot{display:none;}


		/* yawaraka */

		.feature-wrap.sec02{position:relative;background:url(../img/top/yawaraka_bg_sp.jpg) center top no-repeat;height:203vw;background-color:#ccf8ff;width:100%;background-size:100%;}
		.feature-wrap.sec02 .feature-wrap__inner{height:203vw;width:100%;}

		.top-yawaraka__title{position:absolute;top:62vw;right:10vw;width:70vw;transform:rotate(-10.5deg);}
		.top-yawaraka__title img{width:100%;}
		.top-yawaraka__txt01{position:absolute;top:152vw;right:3vw;width:40vw;z-index:10;}
		.top-yawaraka__txt01 img{width:100%;}
		.joycon-left{position:absolute;top:108vw;right:60vw;width:26vw;}
		.joycon-left img{width:100%;}
		.joycon-right{position:absolute;top:113vw;right:10vw;width:41vw;}
		.joycon-right img{width:100%;}
		.top-yawaraka_exp{position:absolute;bottom:5px;right:10px;font-size:11px;color:#333;}
		.top-yawaraka__btn{position:absolute;bottom:35px;width:60vw;left:20vw;}


		/* improvement */

		.feature-wrap.sec03{position:relative;background:url(../img/top/improvement-bg.jpg) center top;background-size:100%;}
		.feature-wrap.sec03 .feature-wrap__inner{padding:120vw 0 8vw;width:100%;}

		.top-improvement__title{position:absolute;top:10px;left:0px;width:100vw;}
		.top-improvement__title img{width:100%;}
		.top-improvement__txt01{color:#333;width:91vw;font-size:15px;line-height:1.8;margin-left:5vw;margin-bottom:30px;}
		.top-improvement__img-zack{position:absolute;top:40vw;right:20vw;z-index:1;width:90vw;}
		.top-improvement__img-zack img{width:100%;}
		.top-improvement__txt-zack{position:absolute;top:40vw;right:3vw;z-index:0;width:38vw;}
		.top-improvement__txt-zack img{width:100%;}
		.top-improvement__list-wrap{position:relative;margin:0 auto 0;background-color:#fff;border-radius:20px;padding:5vw;z-index:2;box-shadow:0 0 14px rgba(0,0,0,0.5);width:80vw;}
		.improvement-list__title{color:#32859a;font-weight:800;text-align:center;font-size:18px;margin-bottom:20px;}
		.improvement-list__box{}

		.improvement-list__box table{border-collapse:collapse;border:none;}
		.improvement-list__box th{color:#32859a;padding:3px;border-right:1px solid #7aa8b4;border-bottom:1px solid #7aa8b4;background-color:#32859a;color:#fff;font-size:10px;line-height:1.6;}
		.improvement-list__box td{color:#32859a;padding:5px;border-right:1px solid #32859a;border-bottom:1px solid #32859a;text-align:center;font-size:10px;line-height:1.6;}
		.improvement-list__box td:last-child{border-right:0px solid #32859a;}
		.improvement-list__box tr:last-child td{border-bottom:0px solid #fff;}

		.list_text01{color:#32859a;padding-bottom:10px;}

		.improvement-list__box .il-last{border-bottom:0px solid #fff;}
		.improvement-list__box td{color:#32859a;padding:5px;border-right:1px solid #32859a;border-bottom:1px solid #32859a;}

		.improvement-list__box ul.asterisk{padding-top:1em;}
		.improvement-list__box ul.asterisk li:before{content:'※';}
		.improvement-list__box ul.asterisk li{padding-left:1em;text-indent:-1em;color:#32859a;font-size:12px;}

		.improvement-list__box ul.disc{padding-top:1em;width:80vw;}
		.improvement-list__box ul.disc li:before{content:'・';}
		.improvement-list__box ul.disc li{padding-left:1em;text-indent:-1em;color:#32859a;font-size:12px;}
		th.head-y{width:23%;}
		td.head-y{background-color:#eee;}

		.improvement-list__box a{border-bottom:1px solid #4dc5bc;color:#4dc5bc;}


		.table_wrapper{border-radius:10px;overflow:hidden;border:1px solid #32859a;width:900px;background-color:#fff;}

		.improvement-tablewrap_sp{overflow:scroll;width:80vw;width: 90vw;margin-left: -5vw;}
		.improvement-tablewrap_sp__inner{width:900px;padding:0 5vw;}

		.mizugi-name{text-align:left!important;width:18%;}
		.mizugi-img{width:100%;}

		.btn-mizugi{width:100%;background:#32859a;color:#fff;padding:5px 0px;border-radius:10px;text-align:center;margin-bottom:10px;cursor: pointer;font-size:13px;}
		.btn-mizugi:hover{background:#207388;}

		/* order */

		.top-order-wrap{position:relative;background:url(../img/top/order-bg.jpg) center top;background-size:cover;}
		.top-order-wrap .top-order-wrap__inner{width:100%;margin:0 auto;}

		.product-wrap__box{position:relative;}
		.product-wrap__fixtxt{position:absolute;top:-5vw;left:-10vw;z-index:10;width:50vw;}

		.top-order__title{padding:0vw 0 17vw;width:70vw;margin:0 auto;}
		.top-order__title	img{margin:0 auto;width:100%;}
		.privilege{width:90vw;margin:-90px auto 30px;}
		.privilege img{width:100%;}
		.product-flexwrap{display:flex;justify-content:center;flex-wrap:wrap;}
		.product-wrap__box{width:70vw;}
		.product-wrap__box img{width:100%;}
		.top-order-wrap__inner{padding:7vw 0 10vw;}

		li.window_ac.mizugi{width:90vw;}

			.sp-topbanner img{width:100%;}

		/*  */
	/*
		.inview-fadeIn{} */


	.inview-fadeInDown{opacity:0;}
	.inview-fadeIn{opacity:0;}
	.inview-bounceIn{opacity:0;}


	.newicon{width:40px;display:inline-block;vertical-align: middle;margin-top:-0.2em;margin-right:5px;}


}