@charset "utf-8";
/* CSS Document */
body{
	background: #3a3a3a;
}
/*------------------------
	PC
------------------------*/
@media screen and (min-width:1080px){
	.page_bg{
		background: url(../images/common/page_bg.jpg) center 30% no-repeat;
	    background-size: cover;
	    width: 100%;
	    height: 100%;
	    position: fixed;
	    z-index: -100;
	}
	.page_bg:before{
		content: "";
    	background: url(../images/common/pattern_line.png) repeat, rgba(0, 0, 0, 0.5);
    	width: 100%;
    	height: 100%;
    	display: block;
    	opacity: 0.5;
	}
	/*------------------------
		nav
	------------------------*/
	nav #gNaviWrap{
		position: fixed;
		top: 0;
		z-index: 2;
		height: 4vw;
		width: 100%;
		background-color: #103886;
	}
	nav #gNaviWrap:after{
		content: "";
		position: absolute;
		width: 100%;
		height: 1px;
		background-color: #fed701;
		bottom: 0;
	}
	nav #gNaviWrap h1{
		position: absolute;
    	width: 39%;
    	top: 1vw;
    	left: 3%;
		z-index: 1;
		-webkit-transition:0.4s ease-in-out;
		-moz-transition:0.4s ease-in-out;
		-o-transition:0.4s ease-in-out;
		-ms-transition:0.4s ease-in-out;
		transition:0.4s ease-in-out;
	}
	nav #gNaviWrap h1.small{
		position: absolute;
    	width: 20%;
		-webkit-transition:0.4s ease-in-out;
		-moz-transition:0.4s ease-in-out;
		-o-transition:0.4s ease-in-out;
		-ms-transition:0.4s ease-in-out;
		transition:0.4s ease-in-out;
	}
	nav #gNaviWrap #gNaviList{
		height: 4vw;
		margin-left: 49.5%;
		display: table;
	}
	nav #gNaviWrap #gNaviList li{
		display: table-cell;
		vertical-align: middle;
		width: 11.5vw;
		text-align: center;
	}
	nav #gNaviWrap #gNaviList li a{
		font-size: 1vw;
    	line-height: 4vw;
    	color: #fed701;
		font-family: 'Noto Sans Japanese';
    	font-weight: bold;
    	letter-spacing: 0.05em;
    	text-decoration: none;
    	display: block;
    	position: relative;
    	width: 100%;
    	height: 100%;
		margin-bottom: -1px;
	}
	nav #gNaviWrap #gNaviList li.products a{
		background-color: #e60012;
	}
	nav #gNaviWrap #gNaviList li a.current{
		color: #fcca00;
	}
	nav #gNaviWrap #gNaviList li a:hover{
		color: #103886;
		background-color: #fed701;
	}
	/*------------------------
		main
	------------------------*/
	#main{
		position: relative;
		background: rgba(0, 0, 0, 0.45);
		display: inline-block;
    	width: 100%;
		margin-bottom: -5vw;
		padding-bottom: 4vw;
	}
	/*------------------------
		first
	------------------------*/
	#first{
		position: relative;
		height: 24vw;
	}
	#first .platform{
		position: absolute;
    	top: 26%;
    	right: 3%;
    	width: 31%;
	}
	#first .platform li{
		width: 25%;
		float: left;
	}
	#first .platform li:nth-child(2){
		margin-right: -1%;
	}
	#first .platform li:nth-child(3){
		margin-left: 1%;
	}
	#first .platform li:nth-child(4){
		margin-left: -1%;
	}
	#first h2{
		position: absolute;
    	top: 43.5%;
    	right: 4.5%;
    	width: 50%;
	}
	#first .release{
		position: absolute;
		bottom: 0;
		width: 100%;
		height: 7.5vw;
		background-color: rgba(0, 0, 0, 0.6);
	}
	#first .release dl{
		color: white;
		position: absolute;
		font-family: 'Noto Sans Japanese';
		font-weight: 900;
		display: table;
		top: 25%;
	}
	#first .release dl dt{
    	font-size: 0.9vw;
    	width: 6.5vw;
    	text-align: center;
    	padding: 0.4vw;
		margin-top: 0.8vw;
		margin-right: 1vw;
    	display: inline-block;
	}
	#first .release dl dd{
    	display: table-cell;
		vertical-align: top;
		position: relative;
	}
	#first .release dl dd .hard{
    	font-size: 0.9vw;
		margin-bottom: 0.3vw;
	}
	#first .release dl dd .price{
    	font-size: 1.7vw;
	}
	#first .release dl dd .price strong{
		font-size: 130%;
	}
	#first .release dl dd .price span{
		font-size: 90%;
		margin: 0 -0.5vw;
	}
	#first .release dl.download{
		left: 13.5%;
	}
	#first .release dl.download dt{
		background-color: #0b3fa5;
	}
	#first .release dl.download dd .note{
		position: absolute;
		font-weight: 500;
		bottom: -1.3vw;
		left: 12.7vw;
		white-space: nowrap;
		font-size: 0.75vw;
	}
	#first .release dl.package{
		left: 51%;
	}
	#first .release dl.package dt{
		background-color: #b3111e;
	}
	/*------------------------
		lineup
	------------------------*/
	#lineup{
		margin: 0 2%;
	}
	#lineup h3{
		color: #ffff00;
    	font-family: 'Noto Sans Japanese';
    	font-weight: 900;
    	font-size: 1.9vw;
    	text-align: center;
    	line-height: 1.4em;
		margin: 2.3vw auto;
	}
	#lineup .title_lineup{
		width: 100%;
		clear: both;
		margin-left: 1%;
	}
	#lineup .title_lineup a:hover img{
		opacity: 1!important;
	}
	#lineup .title_lineup li{
		width: 23%;
		height: 21vw;
		float: left;
		margin-left: 2%;
		margin-bottom: 1.8vw;
		position: relative;
	}
	#lineup .title_lineup li:nth-child(2),
	#lineup .title_lineup li:nth-child(6){
		margin-left: 0;
	}
	#lineup .title_lineup li a {
		text-decoration: none;
	}
	#lineup .title_lineup li a,
	#lineup .title_lineup li a:hover
	#lineup .title_lineup li a article .inner_box.enter.ease, 
	#lineup .title_lineup li a article .inner_box.leave,
	#lineup .title_lineup li a article .inner_box:before,
	#lineup .title_lineup li a:hover article .inner_box:before,
	#lineup .title_lineup li a article .inner_box figure .bg:before,
	#lineup .title_lineup li a:hover article .inner_box figure .bg:before,
	#lineup .title_lineup li a article .inner_box .def h5,
	#lineup .title_lineup li a:hover article .inner_box .def h5,
	#lineup .title_lineup li a article .inner_box .over,
	#lineup .title_lineup li a:hover article .inner_box .over{
		-webkit-transition: all 0.4s ease-in-out;
		-moz-transition: all 0.4s ease-in-out;
		-o-transition: all 0.4s ease-in-out;
		-ms-transition: all 0.4s ease-in-out;
		transition: all 0.4s ease-in-out;
	}
	#lineup .title_lineup li a article .inner_box figure .bg:before,
	#lineup .title_lineup li a:hover article .inner_box .def h5,
	#lineup .title_lineup li a article .inner_box .over{
		opacity: 0;
	}
	#lineup .title_lineup li a:hover article .inner_box figure .bg:before,
	#lineup .title_lineup li a article .inner_box .def h5,
	#lineup .title_lineup li a:hover article .inner_box .over{
		opacity: 1;
	}
	
	#lineup .title_lineup li a article {
		perspective: 1600px;
		position: absolute;
		width: 100%;
	}
	#lineup .title_lineup li a article .inner_box, 
	#lineup .title_lineup li a article .inner_box figure, 
	#lineup .title_lineup li a article .inner_box .over {
		-webkit-transform-style: preserve-3d;
		transform-style: preserve-3d;
	}
	#lineup .title_lineup li a article .inner_box:before {
		content: '';
		position: absolute;
		width: 100%;
		height: 100%;
		box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5);
	}
	#lineup .title_lineup li a article .inner_box:hover:before {
		box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.7);
	}
	#lineup .title_lineup li a article .inner_box figure{
		width: 100%;
	}
	#lineup .title_lineup li a article .inner_box figure .bg{
		background-size: 100%!important;
		background-repeat: no-repeat;
		width: 100%;
		height: 21vw;
	}
	#lineup .title_lineup li a article .inner_box figure .bg:before{
		content: "";
		background: rgba(0, 0, 0, 0.4);
    	position: absolute;
    	top: 0;
    	width: 100%;
    	height: 100%;
	}
	#lineup .title_lineup li.ff a article .inner_box figure .bg{
		background: url(../images/index/lineup_ff.jpg) center center no-repeat;
	}
	#lineup .title_lineup li.kd a article .inner_box figure .bg{
		background: url(../images/index/lineup_kd.jpg) center center no-repeat;
	}
	#lineup .title_lineup li.cc a article .inner_box figure .bg{
		background: url(../images/index/lineup_cc.jpg) center center no-repeat;
	}
	#lineup .title_lineup li.kr a article .inner_box figure .bg{
		background: url(../images/index/lineup_kr.jpg) center center no-repeat;
	}
	#lineup .title_lineup li.t2 a article .inner_box figure .bg{
		background: url(../images/index/lineup_t2.jpg) center center no-repeat;
	}
	#lineup .title_lineup li.pg a article .inner_box figure .bg{
		background: url(../images/index/lineup_pg.jpg) center center no-repeat;
	}
	#lineup .title_lineup li.bc a article .inner_box figure .bg{
		background: url(../images/index/lineup_bc.jpg) center center no-repeat;
	}
	#lineup .title_lineup li.kr a article .inner_box figure .bg{
		background: url(../images/index/lineup_kr.jpg) center center no-repeat;
	}
	#lineup .title_lineup li a article .inner_box figure .lighting{
	    position: absolute;
		top: 0;
	    width: 100%;
		height: 100%;
		opacity: 0.4;
	}
	#lineup .title_lineup li a article .inner_box .def{
		pointer-events: none;
	}
	#lineup .title_lineup li a article .inner_box .def h5{
		position: absolute;
	}
	#lineup .title_lineup li.ff a article .inner_box .def h5{
		width: 49.4%;
    	bottom: 2.5%;
    	left: 0;
	}
	#lineup .title_lineup li.kd a article .inner_box .def h5{
		width: 54%;
		bottom: 1%;
    	left: 0.5%;
	}
	#lineup .title_lineup li.cc a article .inner_box .def h5{
		width: 59%;
		bottom: -0.5%;
    	left: 1%;
	}
	#lineup .title_lineup li.kr a article .inner_box .def h5{
		width: 54%;
    	bottom: 0%;
    	left: -1%;
	}
	#lineup .title_lineup li.t2 a article .inner_box .def h5{
		width: 46%;
		bottom: 3%;
    	left: 2%;
	}
	#lineup .title_lineup li.pg a article .inner_box .def h5{
		width: 50%;
		bottom: 3%;
    	left: 2.1%;
	}
	#lineup .title_lineup li.bc a article .inner_box .def h5{
		width: 49%;
		bottom: 2.5%;
    	left: 6.5%;
	}
	#lineup .title_lineup li a article .inner_box .def .csnew{
		position: absolute;
    	width: 28%;
    	top: -5%;
    	left: -5%;
	}
	#lineup .title_lineup li a article .inner_box .over{
		position: absolute;
		top: 0;
		width: 100%;
		height: 100%;
		pointer-events: none;
		-webkit-transform: translateZ(50px);
		transform: translateZ(50px);
	}
	#lineup .title_lineup li a article .inner_box .over h5{
		text-align: center;
    	position: absolute;
    	top: 14%;
	}
	#lineup .title_lineup li a article .inner_box .over h5 img{
		width: 85%;
	}
	#lineup .title_lineup li a article .inner_box .over h5 p{
		font-weight: bold;
    	font-family: 'Noto Sans Japanese';
    	font-size: 1.3vw;
    	color: white;
		text-shadow: 0px 0px 16px #000000, 0px 0px 16px #000000;
	}
	#lineup .title_lineup li a article .inner_box .over .view{
		position: absolute;
		top: 75%;
		font-weight: 500;
    	font-family: 'Noto Sans Japanese';
		font-size: 1.1vw;
		width: 100%;
		text-align: center;
		color: #ffff00;
	}
	#lineup .title_lineup li a article .inner_box .over .view span{
		background: url(../images/common/icon_arrow_lineup.png) center center no-repeat;
    	background-size: contain;
    	position: absolute;
    	width: 7%;
    	height: 0.75vw;
    	top: 15%;
		left: 65%;
	}
	#lineup .title_lineup .btn_products a:before,
	#lineup .title_lineup .btn_products a:hover:before{
		-webkit-transition:0.25s ease-in-out;
		-moz-transition:0.25s ease-in-out;
		-o-transition:0.25s ease-in-out;
		-ms-transition:0.25s ease-in-out;
		transition:0.25s ease-in-out;
	}
	#lineup .title_lineup .btn_products{
		background: url(../images/index/btn_products_bg.jpg) center center no-repeat;
		background-size: 100% 100%;
	}
	#lineup .title_lineup .btn_products a{
    	position: absolute;
    	text-decoration: none;
    	height: 100%;
    	width: 100%;
    	display: block;
	}
	#lineup .title_lineup .btn_products a:before{
		content: "";
		position: absolute;
		background: url(../images/common/pattern_line.png) repeat, #ff0000;
    	width: 100%;
    	height: 100%;
    	display: block;
		opacity: 0;
		animation: stripe_animation 4s infinite linear;
	}
	#lineup .title_lineup .btn_products a:after{
		content: "";
		position: absolute;
		width: 100%;
		height: 100%;
		border: solid 3px white;
		box-sizing: border-box;
		display: block;
		pointer-events: none;
	}
	#lineup .title_lineup .btn_products a:hover:before{
		opacity: 0.4;
	}
	#lineup .title_lineup .btn_products a img{
		position: absolute;
		width: 92%;
		left: 5%;
		top: 18.5%;
	}
	#lineup .title_lineup .btn_products a h5{
		font-family: 'Noto Sans Japanese';
		font-weight: 900;
		font-size: 2.6vw;
		font-style: italic;
		color: #ffff00;
		position: absolute;
		left: 11%;
		top: 62%;
		text-shadow: 4px 4px 0px rgba(0, 0, 0, 0.3);
	}
	#lineup .title_lineup .btn_products a h5 span{
		background: url(../images/common/icon_arrow_l.png) center center no-repeat;
		background-size: contain;
		position: absolute;
		width: 23%;
		height: 2vw;
		top: 19%;
		right: -22%;
		animation: arrow-right-l 1000ms infinite linear;
	}
	#lineup .title_lineup .btn_products a p{
		font-family: 'Noto Sans Japanese';
		font-weight: 900;
		font-size: 1.4vw;
		color: white;
		position: absolute;
		width:  100%;
		text-align: center;
		top: 79%;
		text-shadow: 4px 4px 0px rgba(0, 0, 0, 0.3);
	}
	/*------------------------
		movie
	------------------------*/
	#movie{
		width: 46%;
		height: 19.8vw;
		float: left;
		position: relative;
		margin-top: 1vw;
		margin-left: 3%;
	}
	#movie .inner_box{
		height: 16vw;
		overflow: hidden;
		position: relative;
		border: solid 3px white;
	    box-sizing: border-box;
		background-color: black;
	}
	#movie .inner_box a{
		position: absolute;
    	background: rgba(0, 0, 0, 0.7);
    	width: 100%;
    	height: 100%;
    	z-index: 1;
		opacity: 0;
		-webkit-transition:0.25s ease-in-out;
		-moz-transition:0.25s ease-in-out;
		-o-transition:0.25s ease-in-out;
		-ms-transition:0.25s ease-in-out;
		transition:0.25s ease-in-out;
	}
	#movie .inner_box a:hover{
		opacity: 1;
		-webkit-transition:0.25s ease-in-out;
		-moz-transition:0.25s ease-in-out;
		-o-transition:0.25s ease-in-out;
		-ms-transition:0.25s ease-in-out;
		transition:0.25s ease-in-out;
	}
	#movie .inner_box .icon_movie{
		position: absolute;
    	width: 14%;
    	margin: 3.5vw 43%;
		pointer-events: none;
    	z-index: 1;
	}
	#movie .inner_box h3{
		position: absolute;
    	top: 76%;
    	width: 100%;
    	text-align: center;
    	pointer-events: none;
    	color: #e6e6e6;
    	z-index: 1;
    	font-weight: bold;
    	font-size: 1.4vw;
    	text-shadow: 3px 0px 20px black, 3px 0px 20px black, 3px 0px 20px black;
	}
	#movie .inner_box #mvPlayer{
		width: 100%;
		height: 100%;
		transform: scale(1.77);
	}
	#movie .btn_pv01,
	#movie .btn_pv01:hover,
	#movie .btn_pv01 a,
	#movie .btn_pv01:hover a,
	#movie .btn_pv01 a:before,
	#movie .btn_pv01:hover a:before{
		-webkit-transition:0.2s ease-in-out;
		-moz-transition:0.2s ease-in-out;
		-o-transition:0.2s ease-in-out;
		-ms-transition:0.2s ease-in-out;
		transition:0.2s ease-in-out;
	}
	#movie .btn_pv01{
		background-color: black;
		border: solid 2px white;
		text-align: center;
		margin: 1vw auto 0;
		width: 23vw;
	}
	#movie .btn_pv01 a{
		text-decoration: none;
    	color: white;
    	font-family: 'Noto Sans Japanese';
    	font-weight: 500;
    	font-size: 1vw;
    	width: 100%;
    	height: 100%;
		padding: 0.8vw 0.8vw 0.8vw 1.8vw;
    	display: inline-block;
		box-sizing: border-box;
		position: relative;
	}
	#movie .btn_pv01 a:before{
		content: "";
		border: 0.4vw solid rgba(255, 255, 255, 0);
		border-left: 0.4vw solid white;
		position: absolute;
		top: 36%;
		left: 5.5vw;
	}
	#movie .btn_pv01:hover{
		background-color: rgba(0, 0, 0, 0.65);
	}
	/*bunner3
	#movie .inner_box{
		height: 21.2vw;
	}
	#movie .inner_box .icon_movie{
    	margin: 6.4vw 43%;
	}
	#movie .inner_box h3{
    	top: 71%;
    	font-size: 1.8vw;
	}
	#movie .inner_box #mvPlayer{
		transform: scale(1.387);
	}*/
	/*------------------------
		news
	------------------------*/
	#news{
		width: 51%;
		height: 17vw;
    	box-sizing: border-box;
		float: left;
		position: relative;
	}
	#news ul li img{
		border: solid 2px white;
    	box-sizing: border-box;
	}
	/*bunner1
	#news h3{
		position: absolute;
		top: 16%;
		font-size: 2.3vw;
		font-family: 'Noto Sans Japanese';
		font-weight: 900;
		width: 98%;
		text-align: center;
		color: white;
	}
	#news ul{
		position: absolute;
		top: 38%;
		margin-left: 1.4%;
		width: 96%;
	}
	#news ul li{
		width: 80%;
		margin-left: 10%;
	}*/
	/*bunner2*/
	#news h3{
		position: absolute;
		top: 23%;
		font-size: 2.5vw;
		font-family: 'Noto Sans Japanese';
		font-weight: 900;
		width: 98%;
		text-align: center;
		color: white;
	}
	#news ul{
		position: absolute;
		top: 45.5%;
		margin-left: 4%;
    	margin-right: 6%;
	}
	#news ul li{
		width: 48%;
		float: left;
	}
	#news ul li+li{
		margin-left: 4%;
	}
	/*bunner3
	#news{
		height: 22.4vw;
	}
	#news h3{
		display: none;
	}
	#news ul{
		position: absolute;
		top: 4.8%;
		margin-left: 4%;
		margin-right: 6%;
	}
	#news ul li{
		width: 48%;
		float: left;
	}
	#news ul li:first-child{
		width: 100%;
		float: left;
		margin-bottom: 1.5vw;
	}
	#news ul li:last-child{
		margin-left: 4%;
	}*/
	/*------------------------
		conts
	------------------------*/
	.conts{
		clear: both;
		padding-top: 5vw;
	}
	.conts h3{
		position: relative;
		text-align: center;
		border-top: solid 2px #aa0000;
		border-bottom: solid 2px #aa0000;
		box-shadow:0px 4px 0px 0px rgba(0,0,0,0.5);
		box-sizing:  border-box;
		line-height: 4vw;
		background: linear-gradient(to top, rgba(16,56,134,1) 0%, rgba(16,56,134,1) 21%, rgba(16,56,134,1) 32%, rgba(24,87,209,1) 100%);
	}
	.conts h3 p{
    	font-size: 1.8vw;
		font-family: 'Noto Sans Japanese';
		font-weight: 900;
    	color: #fed701;
		position: relative;
		z-index: 1;
		text-shadow: 0px 2px 1px #0d2d6e, 0px 1px 1px #0d2d6e, 1px 1px 1px #0d2d6e, 1px 0px 1px #0d2d6e, 2px 0px 1px #0d2d6e, 1px -1px 1px #0d2d6e, 1px -2px 1px #0d2d6e, 0px -2px 1px #0d2d6e, -1px -2px 1px #0d2d6e, -2px -2px 1px #0d2d6e, -2px -1px 1px #0d2d6e, -2px 0px 1px #0d2d6e, -2px 1px 1px #0d2d6e, -1px 1px 1px #0d2d6e;
	}
	.conts h3 span{
		font-family: 'Anton', sans-serif;
		font-weight: bold;
		letter-spacing: 0.05em;
		text-shadow: none;
		color: rgba(0, 0, 0, 0.3);
		font-size: 4.5vw;
		position: absolute;
		top: 0;
		left: 24vw;
	}
	.conts .inner{
		width: 70%;
    	margin: 0 auto;
		padding: 4vw 6vw 5.5vw;
    	display: table;
		color: white;
		padding-bottom: 5.5vw;
		margin-bottom: -5vw;
	}
	.conts .inner.bg{
		background-color: rgba(0, 0, 0, 0.65);
	}
	.conts .inner.bg h4{
		color: #ffff00;
		font-family: 'Noto Sans Japanese';
    	font-weight: 900;
		font-size: 1.7vw;
		text-align: center;
		line-height: 1.4em;
	}
	.conts .inner .txt{
		font-family: 'Noto Sans Japanese';
    	font-weight: 500;
		font-size: 1.2vw;
		line-height: 1.8em;
		margin: 3vw auto;
		text-align: center;
		clear: both;
	}
	.conts .inner .inner_box{
		border: solid 0.3vw;
    	padding: 1.5vw 3vw 3vw;
    	display: inline-block;
    	width: 100%;
    	position: relative;
    	margin-bottom: 4vw;
    	box-sizing: border-box;
	}
	/*------------------------
		about
	------------------------*/
	#about h4{
		text-align: center;
    	font-size: 3vw;
    	font-family: 'Noto Sans Japanese';
    	font-weight: 900;
    	line-height: 1.2em;
		letter-spacing: 0.05em;
		color: white;
		margin-bottom: 3vw;
	}
	#about .img01{
		width: 100%;
		text-align: center;
	}
	#about .img01 img{
		width: 40%;
	}
	#about .txt{
		margin-bottom: 0;
	}
	/*------------------------
		multi
	------------------------*/
	#multi .img01{
		background: url(../images/index/multi_img01.png) center center no-repeat;
    	background-size: auto 100%;
    	width: 55%;
    	padding-bottom: 35%;
		margin: 2vw auto 5vw;
		position: relative;
	}
	#multi .img01 img{
		position: absolute;
		width: 0;
		opacity: 0;
	}
	#multi .img01 img.img01_01{
		bottom: 69%;
    	right: 98%;
	}
	#multi .img01 img.img01_02{
		top: 57%;
    	right: 98%;
	}
	#multi .img01 img.img01_03{
		bottom: 69%;
		left: 98%;
	}
	#multi .img01 img.img01_04{
		top: 57%;
		left: 98%;
	}
	#multi .playing li{
		width: 47.5%;
		float: left;
	}
	#multi .playing li+li{
		margin-left: 5%;
	}
	#multi .playing li img{
		box-sizing: border-box;
		border: solid 1px white;
	}
	#multi .playing li p{
		font-family: 'Noto Sans Japanese';
    	font-weight: 500;
		font-size: 0.9vw;
		line-height: 1.8em;
		margin-top: 0.8vw;
	}
	#multi .switch{
		margin-top: 5vw;
		margin-bottom: 0;
	}
	#multi .switch h5{
		color: #ffff00;
		font-family: 'Noto Sans Japanese';
    	font-weight: 900;
		font-size: 1.7vw;
		text-align: center;
		line-height: 1.4em;
		margin-top: 1vw;
	}
	#multi .switch .mode{
		display: inline-block;
		margin-top: 3vw;
		width: 100%;
	}
	#multi .switch .mode li{
		width: 36%;
		float: left;
		text-align: center;
	}
	#multi .switch .mode li.img06{
		width: 23.5%;
	}
	#multi .switch .mode li+li{
		margin-left: 1.5%;
	}
	#multi .switch .mode li img{
		padding-bottom: 0.5vw;
	}
	#multi .switch .mode li h6{
		font-family: 'Noto Sans Japanese';
    	font-weight: 900;
		font-size: 1.1vw;
		padding: 0.4vw 0.8vw;
		display: inline-block;
	}
	#multi .switch .mode li.img04 h6{
		background-color: #0068b7;
	}
	#multi .switch .mode li.img05 h6{
		background-color: #e60012;
	}
	#multi .switch .mode li.img06 h6{
		background-color: #129126;
		margin-top: 1vw;
	}
	#multi .switch .txt{
		font-size: 1.1vw;
	}
	#multi .switch .note li{
		font-family: 'Noto Sans Japanese';
    	font-weight: 500;
		font-size: 0.8vw;
		line-height: 1.8em;
		text-align: center;
	}
	/*------------------------
		gallery
	------------------------*/
	#gallery ul li{
		width: 47.5%;
		float: left;
	}
	#gallery ul li+li{
		margin-left: 5%;
	}
	#gallery ul li h5{
		font-family: 'Noto Sans Japanese';
    	font-weight: 900;
		font-size: 1.1vw;
		margin-bottom: 1.2vw;
		text-align: center;
	}
	#gallery ul li h5 span{
		font-weight: 500;
		font-size: 80%;
		background-color: #e60012;
		padding: 0.1vw 0.3vw 0.2vw 0.5vw;
		margin-right: 1vw;
	}
	#gallery ul li img{
		box-sizing: border-box;
		border: solid 1px white;
	}
	/*------------------------
		products
	------------------------*/
	#products .anchor_link{
		display: table;
    	width: 70%;
    	margin: 0 auto 4vw;
	}
	#products .anchor_link li{
		width: 48%;
		float: left;
	}
	#products .anchor_link li+li{
		margin-left: 4%;
	}
	#products .anchor_link li a{
		width: 100%;
		text-align: center;
		position: relative;
		text-decoration: none;
		border-radius: 10px;
		display: inline-block;
	}
	#products .anchor_link li.download a{
		background-color: #0b3fa5;
	}
	#products .anchor_link li.package a{
		background-color: #b3111e;
	}
	#products .anchor_link li a:after{
		content: "";
		border: 0.45vw solid transparent;
		border-top: 0.45vw solid white;
		position: absolute;
		left: 48%;
		bottom: 5%;
	}
	#products .anchor_link li a:hover:after{
		content: "";
		border: 0.45vw solid transparent;
		border-top: 0.45vw solid #fed701;
		bottom: -3%;
	}
	#products .anchor_link li a p{
		font-family: 'Noto Sans Japanese';
    	font-weight: 900;
    	font-size: 1.5vw;
    	color: white;
    	width: 100%;
    	line-height: 1.2em;
    	padding: 1.5vw 0 2vw;
	}
	#products .anchor_link li a:hover p{
		color: #fed701;
	}
	#products .anchor_link li a:after,
	#products .anchor_link li a p{
		-webkit-transition:0.2s ease-in-out;
		-moz-transition:0.2s ease-in-out;
		-o-transition:0.2s ease-in-out;
		-ms-transition:0.2s ease-in-out;
		transition:0.2s ease-in-out;
	}
	#products .inner_box h4{
		color: white;
    	font-size: 2.2vw;
    	padding-bottom: 1vw;
    	margin-bottom: 2.5vw;
    	border-bottom: solid 0.15vw;
	}
	#products .inner_box h5{
		color: #ffff00;
    	font-family: 'Noto Sans Japanese';
    	font-weight: 900;
    	font-size: 2.1vw;
    	text-align: center;
	}
	#products .inner_box .txt{
		margin: 1.5vw auto;
	}
	#products .inner_box .spec{
		display: inline-block;
	}
	#products .inner_box .spec dl{
		font-family: 'Noto Sans Japanese';
		float: left;
		width: 100%;
		margin-bottom: 0.8vw;
	}
	#products .inner_box .spec dl dt{
		float: left;
		font-weight: 900;
		font-size: 0.9vw;
		color: #113887;
		width: 6vw;
		text-align: center;
		padding: 0.4vw;
		margin-right: 0.8vw;
		display: inline-block;
		background-color: #fed700;
		white-space:  nowrap;
	}
	#products .inner_box .spec dl dd{
		float: left;
		color: white;
		white-space: nowrap;
	}
	#products .inner_box .spec dl.hard dd{
		font-weight: 500;
		font-size: 1.2vw;
		margin-top: 0.2vw;
	}
	#products .inner_box .spec dl.release dd,
	#products .inner_box .spec dl.price dd{
		font-size: 1.5vw;
		font-weight: 900;
		margin-top: -0.2vw;
	}
	#products .inner_box .spec dl dd strong{
		font-size: 130%;
	}
	#products .inner_box .spec dl.release dd span{
		font-size: 90%;
		margin: 0 -0.5vw;
	}
	#products .inner_box .spec dl.price dd span{
		font-size: 55%;
		margin-right: 1vw;
		font-weight: 500;
	}
	#products #download,
	#products #download h4{
		border-color: #0b3fa5;
	}
	#products #download .left{
		width: 31%;
		margin-left: 3%;
		float: left;
		color: white;
	}
	#products #download .right{
		width: 60%;
		float: left;
		color: white;
		margin-top: 3.5vw;
		margin-left: 5%;
	}
	#products #download .right .spec{
		margin-bottom: 1vw;
	}
	#products #download .right .spec dl.release dd .note{
		font-size: 1vw;
		font-weight: 500;
		margin-top: 0.5vw;
	}
	#products #download .right .spec dl.price dd p{
		margin-bottom: 0.3vw;
	}
	#products #download .right .link_btn li{
		position: relative;
		height: 5.2vw;
		width: 46%;
		margin-right: 3%;
		float: left;
	}
	#products #download .right .link_btn li:nth-of-type(2n){
		margin-right: 0;
	}
	#products #download .right .link_btn li.btn a{
		height: 4vw;
	}
	#products #download .right .link_btn li.btn a p{
		font-size: 1.1vw;
		line-height: 1.1em;
		top: 35%;
	}
	#products #package,
	#products #package h4{
		border-color: #b3111e;
	}
	#products #package{
		margin-bottom: 5vw;
	}
	#products #package .normal .image{
		margin: 1.5vw auto 5vw;
	}
	#products #package .collectors{
		position: relative;
	}
	#products #package .collectors .bundle{
		background-color: black;
		border: solid 1px white;
	}
	#products #package .collectors .bundle h6{
		font-family: 'Noto Sans Japanese';
    	font-size: 1.3vw;
    	font-weight: 900;
    	margin: 1.7vw 0;
    	text-align: center;
	}
	#products #package .collectors .bundle dl{
		font-family: 'Noto Sans Japanese';
		margin: 1vw 2.5vw 1.5vw;
	}
	#products #package .collectors .bundle dl dt{
		font-weight: 900;
		font-size: 1vw;
		margin-bottom: 0.3vw;
	}
	#products #package .collectors .bundle dl dd{
		font-weight: 500;
		font-size: 0.8vw;
		line-height: 1.8em;
		margin-left: 1.2vw;
	}
	#products #package .collectors .bundle dl:last-child{
		margin-bottom: 2.5vw;
	}
	#products #package .collectors .spec{
		margin-top: 2vw;
	}
	#products #package .collectors .spec .price dd{
		line-height: 1.1em;
		margin-top: -0.4vw;
	}
	#products #package .collectors .spec .price dd:last-child{
		margin-left: 1.3vw;
	}
	#products #package .collectors .bnr_ecap img{
		position: absolute;
    	width: 46%;
    	bottom: 6.7%;
    	right: 0;
		border: solid 1px white;
		box-sizing: border-box;
	}
	#products #package .collectors .note{
		margin-top: 0.8vw;
	}
	#products #package .collectors .note li{
		font-family: 'Noto Sans Japanese';
    	font-weight: 500;
		font-size: 0.8vw;
		line-height: 1.8em;
	}
	#products #package .shop .shop_list .edition{
		width: 100%;
		position: relative;
		display: inline-block;
		margin-top: 0.8vw;
	}
	#products #package .shop .shop_list .edition:after{
		content: "";
    	background-color: #fed701;
    	position: absolute;
    	left: 0;
    	bottom: -10%;
    	height: 0.5vw;
    	width: 100%;
	}
	#products #package .shop .shop_list .edition li{
		width: 40%;
		float: left;
		background-color: #103886;
		text-align: center;
		color: #fed701;
		margin-left: 9%;
		padding: 1.3vw 0 1.5vw;
		border-radius: 10px 10px 0 0;
		position: relative;
		cursor : pointer;
	}
	#products #package .shop .shop_list .edition li:last-child{
		margin-left: 2%;
	}
	#products #package .shop .shop_list .edition li:before{
		content: "";
		background: url(../images/common/icon_checkbox.jpg) center center no-repeat;
    	background-size: contain;
    	position: absolute;
    	left: 1vw;
    	top: 32%;
    	width: 1.5vw;
    	height: 1.5vw;
	}
	#products #package .shop .shop_list .edition li.active:before{
		content: "";
		background: url(../images/common/icon_checkbox_active.jpg) center center no-repeat;
		background-size: contain;
	}
	#products #package .shop .shop_list .edition li.active{
		background-color: #fed701;
	}
	#products #package .shop .shop_list .edition li p{
		font-family: 'Noto Sans Japanese';
    	font-weight: 900;
		font-size: 1.2vw;
		color: #fed701;
	}
	#products #package .shop .shop_list .edition li.active p{
		color: #103886;
	}
	#products #package .shop .shop_list .list{
		width: 99.999%;
		margin: 0 0.0005%;
		display: inline-block;
	}
	#products #package .shop .shop_list .list .box{
		width: 33.333%;
		float: left;
		background: black;
		box-sizing: border-box;
		border-bottom: solid 1px #5a5a5a;
		border-right: solid 1px #5a5a5a;
		padding: 2%;
		position: relative;
		height: 31.5vw;
	}
	#products #package .shop .shop_list .list .box:first-child,
	#products #package .shop .shop_list .list .box:nth-of-type(4){
		border-left: solid 1px #5a5a5a;
	}
	#products #package .shop .shop_list .list .box h6{
		width: 88%;
		height: 1vw;
		position: absolute;
		text-align: center;
	}
	#products #package .shop .shop_list .list .box h6 img{
		width: auto;
		height: 3vw;
	}
	#products #package .shop .shop_list .list .box .item dl{
		position: absolute;
		top: 15.5%;
		width: 88%;
		text-align: center;
	}
	#products #package .shop .shop_list .list .box .item dl dt{
		font-family: 'Noto Sans Japanese';
		font-weight: 900;
		font-size: 0.95vw;
		color: white;
		margin: 0 auto 0.6vw;
		line-height: 1.3em;
	}
	#products #package .shop .shop_list .list .box .item .link_btn{
		position: absolute;
		bottom: 4%;
		width: 88%;
		display: none;
	}
	#products #package .shop .shop_list .list .box .item .link_btn.active{
		display: block;
		animation: tab_animation 600ms forwards ease;
	}
	#products #package .shop .shop_list .list .box .item .link_btn .btn{
		float: left;
		width: 49%;
	}
	#products #package .shop .shop_list .list .box .item .link_btn .btn+.btn{
		margin-left: 2%;
	}
	#products #package .shop .shop_list .list .box .item .link_btn .btn a{
		height: 4vw;
	}
	#products #package .shop .shop_list .list .box .item .link_btn .btn a p{
		font-size: 1vw;
		text-align: left;
		line-height: 1.1em;
	}
	#products #package .shop .shop_list .list .box .item .link_btn .btn a p span.small{
		font-size: 80%;
	}
	#products #package .shop .shop_list .list .box .item .link_btn .btn.ps4 a p{
		top: 37%;
    	left: 18%;
	}
	#products #package .shop .shop_list .list .box .item .link_btn .btn.switch a p{
		top: 18%;
    	left: 8.5%;
	}
	#products #package .shop .shop_list .list .box.amazon{
		width: 66.666%;
	}
	#products #package .shop .shop_list .list .box.amazon h6{
		width: 94%;
	}
	#products #package .shop .shop_list .list .box.amazon .item{
		width: 50%;
    	position: relative;
		float: left;
		height: 100%;
		padding-bottom: 3%;
	}
	#products #package .shop .shop_list .list .box.amazon .item.ps4{
		left: 3%;
	}
	#products #package .shop .shop_list .list .box.amazon .item dl{
		width: 93.333%;
		top: 8.455555%;
		position: relative;
	}
	#products #package .shop .shop_list .list .box.amazon .item .link_btn{
		width: 93.333%;
	}
	#products #package .shop .shop_list .list .box.amazon .item .link_btn .btn{
		width: 100%;
	}
	#products #package .shop .shop_list .list .box.amazon .item .link_btn .btn a p{
		top: 37%;
		left: 0;
		text-align: center;
	}
	#products #package .shop .shop_list .list .box.amazon .item.switch .link_btn .btn a p span.small{
		font-size: 100%;
	}
	#products #package .shop .note{
		color: white;
		margin-top: 1.5vw;
		font-family: 'Noto Sans Japanese';
	}
	#products #package .shop .note h6{
		font-weight: bold;
		font-size: 1.25vw;
		margin-bottom: 0.5vw;
	}
	#products #package .shop .note ul li{
    	font-weight: 500;
    	font-size: 0.8vw;
    	line-height: 1.8em;
	}
	/*------------------------
		spec
	------------------------*/
	#spec{
		border-top: solid 1px #444;
		border-bottom: solid 1px #444;
		background: black;
	}
	#spec .inner{
		width: 1000px;
		margin: 4em auto 5.5em;
		color: white;
		display: table;
		position: relative;
	}
	#spec .inner h3{
		font-size: 150%;
		font-weight: bold;
		width: 100%;
		margin-bottom: 1em;
	}
	#spec .inner .left{
		width: 510px;
		float: left;
	}
	#spec .inner .right{
		float: left;
		width: 470px;
		margin-left: 20px;
	}
	#spec .inner dl{
		padding: 20px 0;
		display: table;
		position: relative;
	}
	#spec .inner dl dt{
		width: 100px;
		display: table-cell;
		font-weight: bold;
	}
	#spec .inner dl dd{
		width: 390px;
		display: table-cell;
	}
	#spec .inner dl.players dd{
		line-height: 22px;
	}
	#spec .inner dl.players dd p:last-child{
		font-size: 90%;
		margin-top: 0.5vw;
		margin-left: 1em;
		text-indent: -1em;
	}
	#spec .inner dl.cero dd:last-child{
		position: absolute;
    	width: 58px;
    	top: -266px;
    	right: -520px;
	}
	#spec .inner dl.faq dd a{
		font-family: 'Noto Sans Japanese';
		position: relative;
		color: white;
		float: left;
		margin-right: 35px;
	}
	#spec .inner dl.faq dd a:hover{
		text-decoration: none;
		color: #fed700;
	}
	#spec .inner dl.faq dd a:first-child{
		width: 120px;
	}
	#spec .inner dl.faq dd a:nth-child(2){
		width: 38px;
	}
	#spec .inner dl.faq dd a:nth-child(3){
		width: 74px;
	}
	#spec .inner dl.faq dd a:nth-child(4){
		width: 53px;
		margin-right: 0;
	}
	#spec .inner dl.faq dd a span{
		position: absolute;
		top: -2px;
		right:  0;
		margin: 0 auto;
		pointer-events: none;
	}
	#spec .inner dl.faq dd a span:after{
	    content: "";
	    -webkit-transform: rotate(135deg);
	    -ms-transform: rotate(135deg);
	    transform: rotate(135deg);
	    position: absolute;
	    right: 0px;
	    margin-top: 6px;
	    width: 6px;
	    height: 6px;
	    border-top: solid 2px #ffffff;
	    border-left: solid 2px #ffffff;
	    display: block;
	}
	#spec .inner dl.faq dd a:hover span:after{
		border-top: solid 2px #fed700;
	    border-left: solid 2px #fed700;
	}
	#spec .inner dl.release{
		padding: 18px 0;
	}
	#spec .inner dl.release dd{
		display: table;
		width: 365px;
	}
	#spec .inner dl.release dd:last-child{
		margin-top: 10px;
	}
	#spec .inner dl.release dd p{
		line-height: 22px;
    	margin-left: 10px;
	}
	#spec .inner dl.release dd p:first-child{
		margin-left: 1px;
	}
	#spec .inner dl.price{
		padding: 11px 0;
	}
	#spec .inner dl.price dd{
		display: table;
		width: 365px;
	}
	#spec .inner dl.price dd:last-child{
		margin-top: 10px;
	}
	#spec .inner dl.price dd p{
		line-height: 22px;
    	margin-left: 10px;
	}
	#spec .inner dl.price dd p:first-child{
		margin-left: 1px;
	}
	#spec .inner .note{
		position: absolute;
    	bottom: -20px;
    	right: -3px;
    	font-size: 90%;
	}
	#spec .inner .manual{
		position: absolute;
    	width: 300px;
    	border: solid 2px white;
    	text-align: center;
    	bottom: -23px;
    	left: 100px;
	}
	#spec .inner .manual a,
	#spec .inner .manual a:hover,
	#spec .inner .manual a span:after,
	#spec .inner .manual a:hover span:after{
		-webkit-transition:0.2s ease-in-out;
		-moz-transition:0.2s ease-in-out;
		-o-transition:0.2s ease-in-out;
		-ms-transition:0.2s ease-in-out;
		transition:0.2s ease-in-out;
	}
	#spec .inner .manual a{
		font-family: 'Noto Sans Japanese';
		text-decoration: none;
		color: white;
		padding: 15px 0;
		display: block;
		position: relative;
		font-size: 110%;
		background-color: black;
	}
	#spec .inner .manual a:hover{
		color: black;
		background-color: white;
	}
	#spec .inner .manual a span{
		position: absolute;
		top: 12px;
		right: 20px;
		margin: 0 auto;
		pointer-events: none;
	}
	#spec .inner .manual a span:after{
	    content: "";
	    -webkit-transform: rotate(135deg);
	    -ms-transform: rotate(135deg);
	    transform: rotate(135deg);
	    position: absolute;
	    right: 0px;
	    margin-top: 6px;
	    width: 6px;
	    height: 6px;
	    border-top: solid 2px white;
	    border-left: solid 2px white;
	    display: block;
	}
	#spec .inner .manual a:hover span:after{
		border-top: solid 2px black;
	    border-left: solid 2px black;
	}
	/*------------------------
		language
	------------------------*/
	#language{
		border-bottom: solid 1px #444;
		background: black;
		padding: 50px 0;
		text-align: center;
	}
	#language a{
		text-decoration: none;
		color: white;
		border: solid 2px white;
		padding: 12px 80px;
	}
}
/*------------------------
	SP・TB
------------------------*/
@media screen and (max-width:1079px){
	.page_bg:before{
		content: "";
		background: url(../images/common/page_bg.jpg) center 0 no-repeat;
        background-size: cover;
        position: fixed;
        top: 0;
        z-index: -100;
        width: 100%;
        height: 100vh;
	}
	.page_bg:after{ 
		content: "";
    	background: url(../images/common/pattern_line.png) repeat, rgba(0, 0, 0, 0.5);
		position: fixed;
        top: 0;
    	width: 100%;
    	height: 100vh;
    	display: block;
    	opacity: 0.2;
		z-index: -99;
	}
	/*------------------------
		nav
	------------------------*/
	nav #gNaviBtn {
		padding: 2.5vw 0;
		position: fixed;
		right: 2.5vw;


		top: 4.5vw;
		width: 10%;
		z-index: 999;
	}
	nav #gNaviBtn:before{
		content: "";
		background-color: #103886;
		width: 15vw;
		height: 15vw;
		display:  block;
		position: fixed;
		top: 0%;
		right: 0%;
	}
	nav #gNaviBtn .btnIconWrap {
		line-height: 0;
	}
	nav #gNaviBtn .btnIconWrap .btnIcon {
		background: #fed701;
		display: block;
		height: 1vw;
		left: 0;
		line-height: 0;
		margin: auto;
		position: absolute;
		right: 0;
		-webkit-transition: 0.35s ease-in-out;
		-moz-transition: 0.35s ease-in-out;
		-ms-transition: 0.35s ease-in-out;
		transition: 0.35s ease-in-out;
		width: 75%;
	}
	nav #gNaviBtn .btnIconWrap .btnIcon:nth-child(1) {
		top: 0;
	}
	nav #gNaviBtn .btnIconWrap .btnIcon:nth-child(2) {
		top: 48%;
	}
	nav #gNaviBtn .btnIconWrap .btnIcon:nth-child(3) {
		top: 100%;
	}
	nav.active {
		z-index: 998;
	}
	nav.active #gNaviBtn .btnIconWrap .btnIcon:nth-child(1) {
		top: 48% !important;
		-webkit-transform: rotate(-315deg);
		-moz-transform: rotate(-315deg);
		-ms-transform: rotate(-315deg);
		transform: rotate(-315deg);
	}
	nav.active #gNaviBtn .btnIconWrap .btnIcon:nth-child(2) {
		opacity: 0;
	}
	nav.active #gNaviBtn .btnIconWrap .btnIcon:nth-child(3) {
		top: 48% !important;
		-webkit-transform: rotate(315deg);
		-moz-transform: rotate(315deg);
		-ms-transform: rotate(315deg);
		transform: rotate(315deg);
	}
	nav #gNaviWrap {
		height: 100vh;
		position: fixed;
		top: 0;
		width: 100%;
		z-index: -1;
		background-color: rgba(16, 56, 134, 0.9);
		display: table;
		opacity: 0;
	}
	nav #gNaviWrap:before{ 
		content: "";
    	background: url(../images/common/pattern_line.png) repeat;
    	width: 100%;
    	height: 100%;
    	display: block;
    	opacity: 0.3;
    	position: absolute;
	}
	nav.active #gNaviWrap {
		opacity: 1;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		visibility: visible;
		z-index: 998;
	}
	nav #gNaviWrap #gNaviList{
		display: table-cell;
		vertical-align: middle;
	}
	nav #gNaviWrap #gNaviList li{
		font-size: 200%;
		text-align: center;
		font-weight: bold;
		padding: 1em;
		letter-spacing: 0.05em;
		position: relative;
	}
	nav #gNaviWrap #gNaviList li:first-child{
		border-top: 0;
	}
	nav #gNaviWrap #gNaviList li.products{
		background-color: #e60012;
	}
	nav #gNaviWrap #gNaviList li a{
		text-decoration: none;
		font-family: 'Noto Sans Japanese';
    	font-weight: bold;
		color: #fed701;
		display: inline-block;
		position: relative;
	}
	/*------------------------
		main
	------------------------*/
	#main{
		background: rgba(0, 0, 0, 0.55);
    	padding-bottom: 6vw;
    	margin-bottom: -15vw;
	}
	/*------------------------
		first
	------------------------*/
	#first{
		position: relative;
		padding-bottom: 109%;
	}
	#first h1{
		position: absolute;
		width: 92%;
		top: 14.5%;
		left: 7.5%;
	}
	#first h2{
		position: absolute;
		top: 56.5%;
		right: 5%;
		width: 90%;
	}
	#first .platform{
		position: absolute;
		top: 47.4%;
		left: 6%;
		width: 90%;
	}
	#first .platform li{
		width: 25%;
		float: left;
	}
	#first .platform li:nth-child(1){
		margin-right: -1%;
	}
	#first .platform li:nth-child(2){
		margin-right: -2%;
	}
	#first .platform li:nth-child(3){
		margin-left: 1%;
	}
	#first .platform li:nth-child(4){
		margin-left: -1%;
	}
	#first .release{
		position: absolute;
		bottom: 0;
		width: 100%;
		height: 32.1vw;
		padding: 1vw 0;
		background-color: rgba(0, 0, 0, 0.5);
	}
	#first .release dl{
		color: white;
		font-family: 'Noto Sans Japanese';
		font-weight: 900;
		display: table;
		margin-left: 8.5%;
		margin-top: 3vw;
	}
	#first .release dl dt{
    	font-size: 2vw;
    	width: 22vw;
    	text-align: center;
    	padding: 0.8vw;
    	margin-top: 2.2vw;
    	margin-right: 3vw;
    	display: inline-block;
    	white-space: nowrap;
	}
	#first .release dl dd{
    	display: table-cell;
		vertical-align: top;
	}
	#first .release dl dd .hard{
    	font-size: 2.7vw;
    	font-weight: 500;
		margin-bottom: 0.8vw;
    	line-height: 1.3em;
	}
	#first .release dl dd .price{
    	font-size: 3.5vw;
	}
	#first .release dl dd .price strong{
		font-size: 130%;
	}
	#first .release dl dd .price span{
		font-size: 90%;
		margin: 0 -0.5vw;
	}
	#first .release dl.download{
		margin-top: 1.5vw;
	}
	#first .release dl.download dt{
		background-color: #0b3fa5;
		margin-top: 5.4vw;
	}
	#first .release dl.download dd .note{
		font-weight: 500;
		font-size: 2.3vw;
		margin-top: 1vw;
	}
	#first .release dl.package dt{
		background-color: #b3111e;
	}
	/*------------------------
		lineup
	------------------------*/
	#lineup{
		margin: 0 3%;
	}
	#lineup h3{
		color: #ffff00;
    	font-family: 'Noto Sans Japanese';
    	font-weight: 900;
    	font-size: 4vw;
    	text-align: center;
    	line-height: 1.4em;
    	margin: 5vw auto;
	}
	#lineup .title_lineup{
		width: 100%;
		clear: both;
	}
	#lineup .title_lineup li{
		width: 48.5%;
		height: 43.5vw;
		float: left;
		position: relative;
    	box-sizing: border-box;
		margin-bottom: 2.5vw;
	}
	#lineup .title_lineup li:nth-child(2n+1){
		margin-right: 3%;
	}
	#lineup .title_lineup li:first-child{
		border: 0;
		background: linear-gradient(to bottom, #1857d1 0%,#103886 72%,#103886 100%);
	}
	#lineup .title_lineup li:first-child:before{
		content: "";
		border: solid 1.3vw rgba(0, 0, 0, 0.3);
		width: 100%;
		height: 100%;
		position: absolute;
		box-sizing: border-box;
	}
	#lineup .title_lineup li:first-child:after{ 
		content: "";
    	background: url(../images/common/pattern_line.png) repeat;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		opacity: 0.2;
	}
	#lineup .title_lineup li:first-child h4{
		position: absolute;
		top: 31%;
		width: 100%;
		text-align: center;
		font-family: 'Anton', sans-serif;
		font-weight: bold;
		font-size: 13vw;
		color: #fed701;
		z-index: 1;
		letter-spacing: 0.05em;
	}
	#lineup .title_lineup li:first-child p{
		position: absolute;
		top: 64%;
		width: 100%;
		text-align: center;
		font-family: 'Noto Sans Japanese';
		font-weight: 900;
		font-size: 3vw;
		color: white;
		z-index: 1;
	}
	#lineup .title_lineup li a article{
		background-size: 100%!important;
		position: absolute;
    	top: 0;
    	width: 100%;
    	height: 100%;
		box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5);
	}
	#lineup .title_lineup li.ff a article{
		background: url(../images/index/lineup_ff.jpg) center center no-repeat;
	}
	#lineup .title_lineup li.kd a article{
		background: url(../images/index/lineup_kd.jpg) center center no-repeat;
	}
	#lineup .title_lineup li.cc a article{

		background: url(../images/index/lineup_cc.jpg) center center no-repeat;
	}
	#lineup .title_lineup li.kr a article{
		background: url(../images/index/lineup_kr.jpg) center center no-repeat;
	}
	#lineup .title_lineup li.t2 a article{
		background: url(../images/index/lineup_t2.jpg) center center no-repeat;
	}
	#lineup .title_lineup li.pg a article{
		background: url(../images/index/lineup_pg.jpg) center center no-repeat;
	}
	#lineup .title_lineup li.bc a article{
		background: url(../images/index/lineup_bc.jpg) center center no-repeat;
	}
	#lineup .title_lineup li.kr a article{
		background: url(../images/index/lineup_kr.jpg) center center no-repeat;
	}
	#lineup .title_lineup li a article .inner_box{
		overflow: hidden;
    	width: 100%;
    	height: 100%;
    	position: absolute;
	}
	#lineup .title_lineup li a article .inner_box h5{
		position: absolute;
	}
	#lineup .title_lineup li.ff a article .inner_box h5{
		width: 49.4%;
		bottom: 4.5%;
		left: 0;
	}
	#lineup .title_lineup li.kd a article .inner_box h5{
		width: 54%;
		bottom: 2%;
		left: 0;
	}
	#lineup .title_lineup li.cc a article .inner_box h5{
		width: 59%;
		bottom: 1.2%;
		left: 1%;
	}
	#lineup .title_lineup li.kr a article .inner_box h5{
		width: 54%;
		bottom: 2%;
		left: -1%;
	}
	#lineup .title_lineup li.t2 a article .inner_box h5{
		width: 46%;
		bottom: 5%;
		left: 2%;
	}
	#lineup .title_lineup li.pg a article .inner_box h5{
		width: 50%;
		bottom: 4.2%;
		left: 2.1%;
	}
	#lineup .title_lineup li.bc a article .inner_box h5{
		width: 49%;
		bottom: 3.7%;
		left: 6.5%;
	}
	#lineup .title_lineup li a article .inner_box .view{
		position: absolute;
		right: -25%;
		bottom: -1px;
		background: #fed701;
		padding: 0.8vw 6vw 0.8vw 2vw;
		transform: skewX(-45deg);
		overflow:  hidden;
		box-shadow: 3px 0px 20px black, 3px 0px 20px black, 3px 0px 20px black;
	}
	#lineup .title_lineup li a article .inner_box .view p{
		transform: skewX(45deg);
		height: 4vw;
		width: 10vw;
	}
	#lineup .title_lineup li a article .inner_box .view p span{
		background: url(../images/common/icon_arrow_lineup_sp.png) center center no-repeat;
		background-size: contain;
		position: absolute;
		top: 22%;
		left: -4%;
		width: 3vw;
		height: 2.3vw;
		animation: arrow-right-sp 1000ms infinite;
	}
	#lineup .title_lineup li a article .csnew{
		position: absolute;
    	top: -1.5vw;
    	left: -1.5vw;
    	width: 32%;
	}
	#lineup .title_lineup .btn_products{
		background: url(../images/index/btn_products_bg_sp.jpg) center center no-repeat;
    	background-size: 100%;
    	width: 100%;
    	height: 25vw;
		border: solid 1px white;
	    box-sizing: border-box;
		margin-top: 5vw;
    	margin-bottom: 7vw;
	}
	#lineup .title_lineup .btn_products a{
    	position: absolute;
    	text-decoration: none;
    	height: 100%;
    	width: 100%;
    	display: block;
	}
	#lineup .title_lineup .btn_products a img{
		position: absolute;
    	width: 47%;
    	left: 2%;
    	top: 16.5%;
	}
	#lineup .title_lineup .btn_products a h5{
		font-family: 'Noto Sans Japanese';
		font-weight: 900;
		font-size: 6vw;
		font-style: italic;
		color: #ffff00;
		position: absolute;
		left: 50.5%;
		top: 28%;
		text-shadow: 4px 4px 0px rgba(0, 0, 0, 0.3);
	}
	#lineup .title_lineup .btn_products a h5 span{
		background: url(../images/common/icon_arrow_l.png) center center no-repeat;
		background-size: contain;
		position: absolute;
		width: 23%;
		height: 5vw;
		top: 18%;
		right: -27%;
	}
	#lineup .title_lineup .btn_products a p{
		font-family: 'Noto Sans Japanese';
		font-weight: 900;
		font-size: 3.8vw;
		color: white;
		position: absolute;
		text-align: center;
		left: 55%;
		top: 58%;
		text-shadow: 4px 4px 0px rgba(0, 0, 0, 0.3);
	}
	/*------------------------
		movie
	------------------------*/
	#movie{
		width: 94%;
		margin: 3%;
	}
	#movie .inner_box{
		height: 51vw;
		clear: both;
		position: relative;
		border: solid 1px white;
	    box-sizing: border-box;
		background: url(../images/index/movie_img_sp.jpg?20181206) center center no-repeat;
    	background-size: 100%;
	}
	#movie .inner_box a{
		position: absolute;
    	width: 100%;
    	height: 100%;
    	z-index: 1;
		opacity: 0;
	}
	#movie .inner_box .icon_movie{
		position: absolute;
    	width: 22%;
    	margin: 14.5vw 39%;
		pointer-events: none;
    	z-index: 1;
	}
	#movie .inner_box h3{
		position: absolute;
    	top: 76%;
    	width: 100%;
    	text-align: center;
    	pointer-events: none;
    	color: #e6e6e6;
    	z-index: 1;
    	font-weight: bold;
    	font-size: 4.5vw;
    	text-shadow: 3px 0px 20px black, 3px 0px 20px black, 3px 0px 20px black;
	}
	#movie .btn_pv01{
		background-color: black;
		border: solid 1px white;
		text-align: center;
		margin-top: 3vw;
	}
	#movie .btn_pv01 a{
		text-decoration: none;
		color: white;
		font-family: 'Noto Sans Japanese';
		font-weight: 500;
		font-size: 3.4vw;
		width: 100%;
		height: 100%;
		padding: 3vw;
		display: inline-block;
		box-sizing: border-box;
		position: relative;
	}
	#movie .btn_pv01 a:before{
		content: "";
		border: 1.3vw solid rgba(255, 255, 255, 0);
		border-left: 1.3vw solid white;
		position: absolute;
		top: 36.5%;
		left: 24vw;
	}
	/*------------------------
		news
	------------------------*/
	#news{
		width: 94%;
		margin: 5vw 3%;
		box-sizing: border-box;
		position: relative;
		clear: both;
		display:  inline-block;
	}
	#news ul li img{
		border: solid 1px white;
    	box-sizing: border-box;
	}
	/*bunner1
	#news h3{
    	font-size: 6vw;
    	font-family: 'Noto Sans Japanese';
    	font-weight: 900;
    	width: 100%;
    	text-align: center;
    	color: white;
    	margin-bottom: 3vw;
	}
	#news ul li{
		width: 100%;
	}*/
	/*bunner2*/
	#news h3{
    	font-size: 6vw;
    	font-family: 'Noto Sans Japanese';
    	font-weight: 900;
    	width: 100%;
    	text-align: center;
    	color: white;
    	margin-bottom: 3vw;
	}
	#news ul li{
		float: left;
		width: 48.5%;
	}
	#news ul li+li{
		margin-left: 3%;
	}
	/*bunner3
	#news h3{
    	font-size: 6vw;
    	font-family: 'Noto Sans Japanese';
    	font-weight: 900;
    	width: 100%;
    	text-align: center;
    	color: white;
    	margin-bottom: 3vw;
	}
	#news ul li{
		float: left;
		width: 48.5%;
	}
	#news ul li:first-child{
		width: 100%;
		margin-bottom: 2vw;
	}
	#news ul li:last-child{
		margin-left: 3%;
	}*/
	/*------------------------
		conts
	------------------------*/
	.conts{
		clear: both;
		padding-top: 15vw;
	}
	.conts h3{
		position: relative;
		text-align: center;
		border-top: solid 1px #aa0000;
		border-bottom: solid 1px #aa0000;
		box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.5);
		box-sizing:  border-box;
		line-height: 11.5vw;
		background: linear-gradient(to top, rgba(16,56,134,1) 0%, rgba(16,56,134,1) 21%, rgba(16,56,134,1) 32%, rgba(24,87,209,1) 100%);
	}
	.conts h3 p{
    	font-size: 4.8vw;
    	font-family: 'Noto Sans Japanese';
    	font-weight: 900;
    	color: #fed701;
    	position: relative;
    	z-index: 1;
    	text-shadow: 0px 2px 1px #0d2d6e, 0px 1px 1px #0d2d6e, 1px 1px 1px #0d2d6e, 1px 0px 1px #0d2d6e, 2px 0px 1px #0d2d6e, 1px -1px 1px #0d2d6e, 1px -2px 1px #0d2d6e, 0px -2px 1px #0d2d6e, -1px -2px 1px #0d2d6e, -2px -2px 1px #0d2d6e, -2px -1px 1px #0d2d6e, -2px 0px 1px #0d2d6e, -2px 1px 1px #0d2d6e, -1px 1px 1px #0d2d6e;
	}
	.conts h3 span{
		font-family: 'Anton', sans-serif;
		font-weight: bold;
		text-shadow: none;
		color: rgba(0, 0, 0, 0.3);
		font-size: 12.5vw;
		position: absolute;
		top: 0;
		left: 5vw;
	}
	.conts .inner{
    	margin: 0 auto;
		padding:  8vw 6vw 15vw;
    	display: table;
		color: white;
		margin-bottom: -15vw;
	}
	.conts .inner.bg{
		background-color: rgba(0, 0, 0, 0.7);
	}
	.conts .inner.bg h4{
		color: #ffff00;
		font-family: 'Noto Sans Japanese';
		font-weight: 900;
		font-size: 5vw;
		text-align: center;
		line-height: 1.8em;
	}
	.conts .inner .txt{
		font-family: 'Noto Sans Japanese';
    	font-weight: 500;
		line-height: 1.8em;
		margin: 5vw auto;
		clear: both;
	}
	.conts .inner .inner_box{
		border: solid 0.6vw;
    	padding: 2.5vw 4.5vw 4.5vw;
    	display: inline-block;
    	width: 100%;
    	position: relative;

    	margin-bottom: 6vw;
    	box-sizing: border-box;
	}
	/*------------------------
		about
	------------------------*/
	#about h3 p{
		font-size: 3.8vw;
	}
	#about h4{
		text-align: center;
    	font-size: 5.2vw;
    	font-family: 'Noto Sans Japanese';
    	font-weight: 900;
    	line-height: 1.2em;
    	letter-spacing: 0.05em;
    	margin-bottom: 5vw;
    	color: white;
	}
	#about .img01{
		width: 100%;
		text-align: center;
	}
	#about .img01 img{
		width: 70%;
	}
	#about .txt{
		margin-bottom: 0;
	}
	/*------------------------
		multi
	------------------------*/
	#multi .img01{
		background: url(../images/index/multi_img01.png) center center no-repeat;
    	background-size: auto 100%;
    	width: 69%;
    	padding-bottom: 44%;
    	margin: 10vw auto 0;
    	position: relative;
	}
	#multi .img01 img{
		position: absolute;
		width: 0;
		opacity: 0;
	}
	#multi .img01 img.img01_01{
		bottom: 69%;
    	right: 98%;
	}
	#multi .img01 img.img01_02{
		top: 57%;
    	right: 98%;
	}
	#multi .img01 img.img01_03{
		bottom: 69%;
		left: 98%;
	}
	#multi .img01 img.img01_04{
		top: 57%;
		left: 98%;
	}
	#multi .playing li{
		margin-top: 13vw;
	}
	#multi .playing li img{
		box-sizing: border-box;
		border: solid 1px white;
	}
	#multi .playing li p{
		font-family: 'Noto Sans Japanese';
    	font-weight: 500;
		line-height: 1.8em;
		margin-top: 1vw;
	}
	#multi .playing li p.note{
		font-size: 90%;
		margin-top: 2vw;
		margin-left: 1em;
		text-indent: -1em;
	}
	#multi .switch{
		margin-top: 13vw;
		margin-bottom: 0;
	}
	#multi .switch h5{
		color: #ffff00;
		font-family: 'Noto Sans Japanese';
    	font-weight: 900;
		font-size: 4vw;
		text-align: center;
		line-height: 1.8em;
		margin-top: 2vw;
	}
	#multi .switch .mode{
		display: inline-block;
    	margin: 6vw -2vw 2vw;
	}
	#multi .switch .mode li{
		width: 49%;
		float: left;
		text-align: center;
	}
	#multi .switch .mode li.img06{
		width: 34%;
		margin: -3vw 33% 0;
	}
	#multi .switch .mode li+li{
		margin-left: 2%;
	}
	#multi .switch .mode li img{
		padding-bottom: 0.5vw;
	}
	#multi .switch .mode li h6{
		font-family: 'Noto Sans Japanese';
    	font-weight: 500;
    	font-size: 2.7vw;
    	padding: 1vw 1.5vw;
    	display: inline-block;
    	white-space: nowrap;
	}
	#multi .switch .mode li.img04 h6{
		background-color: #0068b7;
	}
	#multi .switch .mode li.img05 h6{
		background-color: #e60012;
	}
	#multi .switch .mode li.img06 h6{
		background-color: #129126;
		margin-top: 1vw;
		margin-left: -1.5vw;
	}
	#multi .switch .note li{
		font-family: 'Noto Sans Japanese';
    	font-weight: 500;
		font-size: 90%;
		line-height: 1.8em;
		margin-left: 1em;
		text-indent: -1em;
	}
	/*------------------------
		gallery
	------------------------*/
	#gallery ul li{
		margin-top: 13vw;
	}
	#gallery ul li h5{
		font-family: 'Noto Sans Japanese';
    	font-weight: 900;
		font-size: 3vw;
		margin-bottom: 3vw;
		text-align: center;
	}
	#gallery ul li h5 span{
		font-weight: 500;
		font-size: 90%;
		background-color: #e60012;
		padding: 0.1vw 0.8vw 0.2vw 1.4vw;
		margin-right: 2vw;
	}
	#gallery ul li img{
		box-sizing: border-box;
		border: solid 1px white;
	}
	/*------------------------
		products
	------------------------*/
	#products .anchor_link{
		display: table;
    	width: 100%;
    	margin: 0 auto 7vw;
	}
	#products .anchor_link li{
		width: 48%;
		float: left;
	}
	#products .anchor_link li+li{
		margin-left: 4%;
	}
	#products .anchor_link li a{
		width: 100%;
		text-align: center;
		position: relative;
		text-decoration: none;
		border-radius: 10px;
		display: inline-block;
	}
	#products .anchor_link li.download a{
		background-color: #0b3fa5;
	}
	#products .anchor_link li.package a{
		background-color: #b3111e;
	}
	#products .anchor_link li a:after{
		content: "";
		border: 1vw solid transparent;
		border-top: 1vw solid white;
		position: absolute;
		left: 48%;
		bottom: 5%;
	}
	#products .anchor_link li a p{
		font-family: 'Noto Sans Japanese';
		font-weight: 900;
		font-size: 3.5vw;
		color: white;
		width: 100%;
		line-height: 1.2em;
		padding: 3vw 0 4.5vw;
	}
	#products .inner_box h4{
		color: white;
    	font-size: 4vw;
    	padding-bottom: 2vw;
    	margin-bottom: 4vw;
    	border-bottom: solid 0.5vw;
	}
	#products .inner_box h5{
		color: #ffff00;
    	font-family: 'Noto Sans Japanese';
    	font-weight: 900;
    	font-size:4.2vw;
    	text-align: center;
	}
	#products .inner_box .txt{
		margin: 3vw auto;
	}
	#products .inner_box .spec{
		margin-top: 4.5vw;
		display: inline-block;
	}
	#products .inner_box .spec dl{
		font-family: 'Noto Sans Japanese';
		width: 100%;
		display: inline-block;
		margin-bottom: 3vw;
	}
	#products .inner_box .spec dl dt{
    	font-weight: 900;
    	font-size: 2.5vw;
    	color: #113887;
    	width: 18vw;
    	text-align: center;
    	padding: 0.8vw;
    	margin-right: 2vw;
    	background-color: #fed700;
		white-space: nowrap;
	}
	#products .inner_box .spec dl dd{
		color: white;
		font-weight: 500;
		margin-top: 2vw;
		line-height: 1.4em;
	}
	#products .inner_box .spec dl.release dd,
	#products .inner_box .spec dl.price dd{
		font-size: 4vw;
		font-weight: 900;
		width: 100%;
		white-space: nowrap;
	}
	#products .inner_box .spec dl dd strong{
		font-size: 130%;
	}
	#products .inner_box .spec dl.release dd span{
		font-size: 90%;
		margin: 0 -0.5vw;
	}
	#products .inner_box .spec dl.price dd span{
		font-size: 55%;
		font-weight: 500;
		margin-right: 2vw;
	}
	#products .inner_box .link_btn .btn{
		float: left;
    	width: 49%;
		margin-top: 2vw;
    	margin-right: 2%;
	}
	#products .inner_box .link_btn .btn:nth-of-type(2n){
		margin-right: 0;
	}
	#products .inner_box .link_btn .btn a{
		height: 10.5vw;
	}
	#products .inner_box .link_btn .btn a p{
    	font-size: 3vw;
    	line-height: 1.1em;
    	top: 37%;
	}
	#products .inner_box .link_btn .btn a p span.small{
		font-size: 80%;
	}
	#products .inner_box .link_btn .btn.switch a p{
		text-align: left;
		top: 16%;
		left: 16%;
		width: auto;
	}
	#products .inner_box .link_btn .btn.switch a p span.arrow{
		top: 38%;
		right: -25.5%;
	}
	#products #download,
	#products #download h4{
		border-color: #0b3fa5;
	}
	#products #download .left{
		width: 100%;
		text-align: center;
	}
	#products #download .left img{
		width: 70%;
	}
	#products #download .right .spec dl.release dd .note{
		font-size: 80%;
		font-weight: 500;
		margin-top: 0.5vw;
	}
	#products #download .right .spec dl.price dd p{
		margin-top: 2vw;
		line-height: 1.1em;
		text-indent: -0.5em;
    	margin-left: 0.5em;
	}
	#products #download .right .spec dl.price dd span{
		margin-right: 0;
		position: absolute;
    	left: 8%;
	}
	#products #download .right .spec dl.price dd p:first-child{
		margin-top: 0;
	}
	#products #package,
	#products #package h4{
		border-color: #b3111e;
	}
	#products #package{
		margin-bottom: 10vw;
	}
	#products #package .normal .image{
		margin: 3vw auto 10vw;
	}
	#products #package .collectors{
		position: relative;
	}
	#products #package .collectors .bundle{
		background-color: black;
		border: solid 1px white;
	}
	#products #package .collectors .bundle h6{
		font-family: 'Noto Sans Japanese';
		font-size: 3vw;
		font-weight: 900;
		margin: 3vw 0;
		text-align: center;
	}
	#products #package .collectors .bundle dl{
		font-family: 'Noto Sans Japanese';
		margin: 3vw;
	}
	#products #package .collectors .bundle dl dt{
		font-weight: 900;
		font-size: 2.8vw;
		margin-bottom: 1vw;
		line-height: 1.4em;
		margin-left: 1em;
    	text-indent: -1em;
	}
	#products #package .collectors .bundle dl dd{
		font-weight: 500;
		font-size: 2.5vw;
		line-height: 1.8em;
		margin-left: 1.5vw;
	}
	#products #package .collectors .bundle dl:last-child{
		margin-bottom: 4vw;
	}
	#products #package .collectors .spec dl.hard{
		margin-bottom: 3vw;
	}
	#products #package .collectors .spec dl.price dd{
		line-height: 1.1em;
	}
	#products #package .collectors .spec dl.price dd:last-child{
		margin-top: 0.8vw;
	}
	#products #package .collectors .bnr_ecap img{
		margin: 2vw auto 4vw;
		border: solid 1px white;
		box-sizing: border-box;
	}
	#products #package .collectors .note li{
		font-family: 'Noto Sans Japanese';
    	font-weight: 500;
		font-size: 90%;
		line-height: 1.8em;
		margin-left: 1em;
		text-indent: -1em;
	}
	#products #package .shop .shop_list .edition{
		width: 100%;
		position: relative;
		display: inline-block;
		margin: 8vw 0 14vw;
	}
	#products #package .shop .shop_list .edition h6{
		font-family: 'Noto Sans Japanese';
    	font-weight: 900;
    	font-size: 4vw;
		width: 100%;
		text-align: center;
		margin-bottom: 4vw;
	}
	#products #package .shop .shop_list .edition li{
		width: 50%;
		float: left;
		background-color: #103886;
		color: #fed701;
		height: 13vw;
		position: relative;
		cursor: pointer;
		border-radius: 5px 0 0 5px;
	}
	#products #package .shop .shop_list .edition li:last-child{
		border-radius: 0 5px 5px 0;
		text-indent: 4vw;
	}
	#products #package .shop .shop_list .edition li:before{
		content: "";
		background: url(../images/common/icon_checkbox.jpg) center center no-repeat;
		background-size: contain;
		position: absolute;
		left: 2vw;
		top: 35%;
    	width: 4vw;
    	height: 4vw;
	}
	#products #package .shop .shop_list .edition li.active:before{
		content: "";
		background: url(../images/common/icon_checkbox_active.jpg) center center no-repeat;
		background-size: contain;
	}
	#products #package .shop .shop_list .edition li.active{
		background-color: #fed701;
	}
	#products #package .shop .shop_list .edition li p{
		font-family: 'Noto Sans Japanese';
		font-weight: 900;
		font-size: 3.5vw;
		line-height: 1.3em;
		width: 100%;
		text-align: center;
		color: #fed701;
		position: absolute;
		top: 30%;
	}
	#products #package .shop .shop_list .edition li:last-child p{
		top: 15%;
	}
	#products #package .shop .shop_list .edition li.active p{ 
		color: #103886;
	}
	#products #package .shop .shop_list .list .box{
		border-bottom: solid 1px white;
		padding-bottom: 64%;
		position: relative;
	}
	#products #package .shop .shop_list .list .box:first-child{
		border-top: solid 1px white;
	}
	#products #package .shop .shop_list .list .box h6{
		height: 6.5vw;
		position: absolute;
		top: 26%;
		left: 41%;
	}
	#products #package .shop .shop_list .list .box h6 img{
		width: auto;
		height: 100%;
	}
	#products #package .shop .shop_list .list .box .item dl{
		width: 88%;
		text-align: center;
	}
	#products #package .shop .shop_list .list .box .item dl dt{
		color: white;
		font-family: 'Noto Sans Japanese';
    	font-weight: 500;
		font-size: 3.3vw;
		line-height: 1.2em;
		position: absolute;
		top: 45%;
		left: 41%;
		width: 61%;
		text-align: left;
	}
	#products #package .shop .shop_list .list .box .item dl .image{
		position: absolute;
		top: 8%;
		width: 35.2%;
	}
	#products #package .shop .shop_list .list .box .item .link_btn{
		position: absolute;
		width: 100%;
		bottom: 8%;
		display: none;
	}
	#products #package .shop .shop_list .list .box .item .link_btn.active{
		display: block;
		animation: tab_animation 600ms forwards ease;
	}
	#products #package .shop .shop_list .list .box.amazon {
		padding-top: 10vw;
		padding-bottom: 4.5%;
	}
	#products #package .shop .shop_list .list .box.amazon h6 {
		top: 5%;
		left: 39%;
	}
	#products #package .shop .shop_list .list .box.amazon .item {
		position: relative;
		padding-bottom: 40%;
	}
	#products #package .shop .shop_list .list .box.amazon .item dl dt {
		text-indent: -1.5vw;
		line-height: 1.3em;
	}
	#products #package .shop .shop_list .list .box.amazon .item.switch dl dt {
		top: 20%;
	}
	#products #package .shop .shop_list .list .box.amazon .item.ps4 dl dt {
		top: 13%;
	}
	#products #package .shop .shop_list .list .box.amazon .item .link_btn {
		width: 61%;
		right: 0;
		bottom: 3%;
	}
	#products #package .shop .shop_list .list .box.amazon .item .link_btn .btn {
		width: 100%;
	}
	#products #package .shop .shop_list .list .box.amazon .item .btn.switch p {
		left: 22%;
	}
	#products #package .shop .shop_list .list .box.amazon .item .btn.switch p span.arrow{
		right: -46%;
	}
	#products #package .shop .note{
		color: white;
		margin-top: 5vw;
		font-family: 'Noto Sans Japanese';
		font-weight: 500;
	}
	#products #package .shop .note h6{
		font-size: 3.5vw;
		font-weight: bold;
		margin-bottom: 3vw;
	}
	#products #package .shop .note li{
		font-size: 90%;
		line-height: 1.8em;
		margin-left: 1em;
		text-indent: -1em;
	}
	/*------------------------
		spec
	------------------------*/
	#spec{
		border-top: solid 1px #444;
		border-bottom: solid 1px #444;
		background: black;
	}
	#spec .inner{
		padding: 0 3.7%;
		margin: 1.5em auto;
		color: white;
		position: relative;
	}
	#spec .inner h3{
		font-size: 120%;
		font-weight: bold;
		margin-bottom: 0.3em;
		line-height: 1.6em;
	}
	#spec .inner dl{
		width: 100%;
		border-bottom: solid 1px #444444;
		padding: 0.8em 0;
		display: table;
		line-height: 1.5em;
	}
	#spec .inner dl dt{
		display: table-cell;
		width: 25%;
		font-weight: bold;
		vertical-align: top;
	}
	#spec .inner dl dd{
		display: table-cell;
		width: 75%;
	}
	#spec .inner dl.players dd p:last-child{
		font-size: 90%;
		margin-left: 1em;
		text-indent: -1em;
	}
	#spec .inner dl.cero dd{
		width: 63%;
	}
	#spec .inner dl.cero dd:last-child{
		width: 12%;
		vertical-align: bottom;
	}
	#spec .inner dl.faq dd a{
		font-family: 'Noto Sans Japanese';
		position: relative;
		color: white;
		float: left;
	}
	#spec .inner dl.faq dd a:first-child{
		margin-right: 4em;
	}
	#spec .inner dl.faq dd a:nth-child(3){
		margin-top: 0.5em;
		margin-right: 7.3em;
		clear: both;
	}
	#spec .inner dl.faq dd a:last-child{
		margin-top: 0.5em;
	}
	#spec .inner dl.faq dd a span{
		position: absolute;
		right: -1em;
		pointer-events: none;
	}
	#spec .inner dl.faq dd a span:before{
	    content: "";
	    -webkit-transform: rotate(135deg);
	    -ms-transform: rotate(135deg);
	    transform: rotate(135deg);
	    position: absolute;
	    right: 0px;
	    margin-top: 1.5vw;
	    width: 1vw;
	    height: 1vw;
	    border-top: solid 2px #ffffff;
	    border-left: solid 2px #ffffff;
	    display: block;
	}
	#spec .inner dl.release dd{
		display: table;
		width: 100%;
	}
	#spec .inner dl.release dd p span{
		font-weight: bold;
		margin-left: -1.5vw;
	}
	#spec .inner dl.release dd:last-child{
		margin-top: 1em;
	}
	#spec .inner dl.release dd p:nth-child(2){
		letter-spacing: -0.02em;
		white-space: nowrap;
	}
	#spec .inner dl.price dd{
		display: table;
		width: 100%;
	}
	#spec .inner dl.price dd:last-child{
		margin-top: 1em;
	}
	#spec .inner dl.price dd p:first-child{
		font-weight: bold;
		margin-bottom: 0.2em;
		margin-left: -1.5vw;
	}
	#spec .inner dl.price dd p:last-child{
		letter-spacing: 0;
		white-space: nowrap;
	}
	#spec .inner dl.price dd.download p:last-child{
		margin-top: 2vw;
	}
	#spec .inner .note{
		margin-top: 4vw;
		margin-left: 1em;
		line-height: 1.4em;
		text-indent: -1em;
	}
	#spec .inner .manual{
		width: 100%;
    	border: solid 2px white;
    	text-align: center;
    	box-sizing: border-box;
    	margin: 5vw 0 7vw;
	}
	#spec .inner .manual a{
		font-family: 'Noto Sans Japanese';
		text-decoration: none;
		color: white;
		display: block;
		position: relative;
		font-size: 140%;
		background-color: black;
		padding: 3.5vw 0;
	}
	#spec .inner .manual a span{
		position: absolute;
		top: 37%;
    	right: 5%;
		margin: 0 auto;
		pointer-events: none;
	}
	#spec .inner .manual a span:after{
	    content: "";
	    transform: rotate(135deg);
    	top: 34%;
    	width: 2.3vw;
    	height: 2.3vw;
    	border-top: solid 2px #ffffff;
    	border-left: solid 2px #ffffff;
    	display: block;
	}
	/*------------------------
		language
	------------------------*/
	#language{
		border-bottom: solid 1px #444;
		background: black;
		padding: 40px 0;
		text-align: center;
	}
	#language a{
		text-decoration: none;
		color: white;
		font-size: 120%;
		border: solid 2px white;
		padding: 10px 60px;
	}
}
/*------------------------
	Animation
------------------------*/
@keyframes dot_animation {
	0% {background-position: 0 0;}
	100% {background-position: -100px -100px;}
}
@keyframes stripe_animation {
	0% {background-position: 0 0;}
	100% {background-position: -100px -100px;}
}
@keyframes arrow-right-sp {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 0;
	}
	20% {
		opacity: 1;
	}
	70% {
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(30%);
		transform: translateX(30%);
		opacity: 0;
	}
}
@keyframes arrow-right-l {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(10%);
		transform: translateX(10%);
		opacity: 1;
	}
}
@keyframes tab_animation {
	0%{opacity:0;}
	100%{opacity:1;}
}