@charset "utf-8";

/* CSS Document */
/*------------------------
	PC
------------------------*/
@media screen and (min-width:1080px){
	/*------------------------
		animation
	------------------------*/
	nav #gNaviWrap{
		top: -4vw;
	}
	#main .animation li.bg01{
		background: url(../images/index/main_bg01.jpg) center top repeat-x;
    	background-size: 100%;
    	position: absolute;
		top: 8.5%;
    	width: 100%;
    	padding-bottom: 46.048891%;
	}
	#main .animation li.bg01{
		opacity: 0;
		-moz-animation: loop_animation 30s linear infinite;
  		animation: loop_animation 30s linear infinite;
	}
	#main .animation li.bg02{
		background: url(../images/index/main_bg02.png) center 30% no-repeat;
    	background-size: auto 130%;
    	position: absolute;
    	width: 100%;
    	height: 100%;
    	opacity: 0;
	}
	#main .conts{
		opacity: 0;
		position: absolute;
    	width: 100%;
    	padding-bottom: 54%;
	}
	#btnArea ul li{
		opacity: 0;
	}
	.bg .first_animation{
		position: absolute;
    	top: 0;
    	width: 100%;
    	height: 100vh;
    	background: black;
    	background-size: 100%;
		pointer-events: none;
    	z-index: 2;
	}
	.bg .first_animation span{
		position: absolute;
    	top: 0;
    	width: 100%;
    	height: 100vh;
    	background: url(../images/index/main_bg01.jpg) center center no-repeat;
    	background-size: 100%;
		opacity: 0;
	}
	.bg .conts_bg01{
		content: "";
	    background: url(../images/index/conts_bg01.jpg) center center no-repeat;
	    background-size: cover;
	    width: 100%;
	    height: 100%;
	    position: fixed;
	    z-index: -100;
	}
	.bg .conts_bg02{
		content: "";
	    background: url(../images/index/conts_bg02.jpg) center center no-repeat;
	    background-size: cover;
	    width: 100%;
	    height: 100%;
	    position: fixed;
	    z-index: -101;
	}
	/*------------------------
		main
	------------------------*/
	#main{
		width: 100%;
		background-color: black;
    	padding-bottom: 54%;
    	position: relative;
    	z-index: 1;
	}
	#main h1{
		position: absolute;
		top: 20%;
		left: 9%;
		width: 25%;
	}
	#main h1 p{
		color: white;
    	text-align: center;
    	font-size: 0.8vw;
    	font-weight: bold;
    	line-height: 1.4em;
		white-space: nowrap;
		text-shadow: 2px 2px 6px black,-2px 2px 6px black,2px -2px 6px black,-2px -2px 6px black,2px 0px 6px rgba(0, 0, 0, 0.50),0px 2px 6px rgba(0, 0, 0, 0.50),-2px 0px 6px rgba(0, 0, 0, 0.50),0px -2px 6px rgba(0, 0, 0, 0.50);
	}
	#main .platform{
		position: absolute;
		top: 11%;
		left: 3%;
		width: 31%;
	}
	#main .platform li{
		width: 25%;
		float: left;
	}
	#main .platform li:nth-child(2){
		margin-right: -1%;
	}
	#main .platform li:nth-child(3){
		margin-left: 1%;
	}
	#main .platform li:nth-child(4){
		margin-left: -1%;
	}
	#main .anniversary{
		position: absolute;
		right: 4%;
		top: 12%;
		width: 8%;
	}
	#main h2{
    	width: 9%;
    	position: absolute;
    	right: 18%;
    	top: 20%;
	}
	#main .release{
		position: absolute;
		top: 68.5%;
		left: 10.4%;
		color: white;
		font-weight: bold;
		font-size: 1.8vw;
		line-height: 1.4em;
		text-align: center;
		letter-spacing: 0.05em;
		text-shadow: 0px 2px 1px black, 0px 1px 1px black, 1px 1px 1px black, 1px 0px 1px black, 2px 0px 1px black, 1px -1px 1px black, 1px -2px 1px black, 0px -2px 1px black, -1px -2px 1px black, -2px -2px 1px black, -2px -1px 1px black, -2px 0px 1px black, -2px 1px 1px black, -1px 1px 1px black, 3px 6px 0px rgba(0, 0, 0, 0.5);
	}
	#main .release strong{
		font-size: 130%;
	}
	#main .release span{
		font-size: 80%;
    	margin-left: -0.8vw;
	}
	/*------------------------
		btnArea
	------------------------*/
	#btnArea{
		width: 100%;
		position: relative;
		z-index: 1;
	}
	#btnArea ul{
		padding-bottom: 13.8%;
		background: black;
	}
	#btnArea ul li{
		float: left;
    	width: 50%;
    	padding-bottom: 13%;
    	border-top: solid 0.4vw black;
    	border-bottom: solid 0.4vw black;
		position: relative;
    	box-sizing: border-box;
	}
	#btnArea ul li a:after{
		content: "";
		background: rgba(0, 0, 0, 0.25);
		width: 100%;
		height: 100%;
		opacity: 0;
		position: absolute;
		-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;
	}
	#btnArea ul li a:hover:after{
		opacity: 1;
		-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;
	}
	#btnArea ul li.btn_products{
		background: url(../images/index/btn_products_bg.jpg) center top no-repeat;
		background-size: 100%;
		border-right: solid 0.2vw black;
		overflow: hidden;
	}
	#btnArea ul li.btn_products a img{
		position: absolute;
	}
	#btnArea ul li.btn_products a img.img01{
		width: 44%;
		top: -14%;
		left: 7%;
	}
	#btnArea ul li.btn_products a img.img02{
		width: 34%;
		top: 27%;
		right: 12%;
	}
	#btnArea ul li.btn_movie{
		background: url(../images/index/btn_movie_bg.jpg) center 24% no-repeat;
		background-size: 100%;
		border-left: solid 0.2vw black;
	}
	#btnArea ul li.btn_movie:before{
		content: "";
    	position: absolute;
    	top: 26%;
    	left: 43%;
    	background: url(../images/index/icon_movie.png) center top no-repeat;
    	background-size: 100%;
    	width: 12%;
    	padding-bottom: 12%;
    	display: block;
	}
	/*------------------------
		collection
	------------------------*/
	#collection{
		clear: both;
		overflow: hidden;
		padding-top: 5vw;
	}
	#collection h3{
		text-align: center;
		width: 39%;
		margin: 0 auto 2vw;
		position: relative;
	}
	#collection h3:before{
		content: "";
		position: absolute;
		right: 107%;
		top: 32%;
		background: #fd9b38;
		width: 400%;
		height: 1px;
	}
	#collection h3:after{
		content: "";
		position: absolute;
		left: 107%;
		top: 32%;
		background: #fd9b38;
		width: 400%;
		height: 1px;
	}
	#collection h3 p{
		margin-top: 0.8em;
		font-size: 150%;
		font-weight: bold;
		color: white;
	}
	#collection .inner{
		width: 88%;
		margin: 0 auto;
	}
	#collection .inner h4{
		text-align: center;
	}
	#collection .inner h4 p{
		color: white;
		font-size: 130%;
		font-weight: bold;
		line-height: 1.6em;
		text-shadow: 0px 2px 1px black, 0px 1px 1px black, 1px 1px 1px black, 1px 0px 1px black, 2px 0px 1px black, 1px -1px 1px black, 1px -2px 1px black, 0px -2px 1px black, -1px -2px 1px black, -2px -2px 1px black, -2px -1px 1px black, -2px 0px 1px black, -2px 1px 1px black, -1px 1px 1px black, 3px 5px 13px #e60012, 3px 5px 13px #e60012;
	}
	#collection .inner h4 img{
		width: 70%;
		margin: 0.8vw auto 0.5vw;
	}
	#collection .inner ul{
		margin-bottom: 1vw;
		display: table;
		width: 100%;
	}
	#collection .inner ul li a{
		background: repeating-linear-gradient(-45deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.15) 2px, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 8px), black;
    	border: solid 3px #959595;
    	box-sizing: border-box;
    	width: 23%;
    	margin-left: 1.5%;
		margin-bottom: 1.5%;
    	float: left;
    	text-align: center;
		position: relative;
	}
	#collection .inner ul li a:before{
		content: "";
    	border-top: 0.5vw solid rgba(255, 255, 255, 0);
    	border-right: 0.5vw solid #959595;
    	border-bottom: 0.5vw solid #959595;
    	border-left: 0.5vw solid rgba(255, 255, 255, 0);
    	position: absolute;
		bottom: 6px;
    	right: 6px;
	}
	#collection .inner ul li a img{
		width: 80%;
		margin-bottom: -3px;
    	transform: scale(0.875);
	}
	#collection .inner ul li a:hover{
		background: repeating-linear-gradient(-45deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.075) 2px, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 7px), #7d2f00; 
		background-position: 0 0;
		border: solid 3px #fc901c;
		animation: stripe_animation 1s infinite linear;
	}
	#collection .inner ul li a:hover:before{
		content: "";
    	border-top: 0.5vw solid rgba(255, 255, 255, 0);
    	border-right: 0.5vw solid #fc901c;
    	border-bottom: 0.5vw solid #fc901c;
    	border-left: 0.5vw solid rgba(255, 255, 255, 0);
		bottom: 0;
    	right: 0;
	}
	#collection .inner ul li a,
	#collection .inner ul li a:before,
	#collection .inner ul li a:hover,
	#collection .inner ul li a:hover: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;
	}
	#collection .inner ul li a:hover img{
    	transform: scale(1);
		opacity: 1;
	}
	#collection .inner .note{
		text-align: center;
		font-size: 110%;
		color: white;
	}
	/*------------------------
		online
	------------------------*/
	#online{
		clear: both;
		padding-top: 4vw;
	}
	#online #area01{
		background: black;
	}
	#online .inner{
		width: 80%;
		margin: 0 auto;
	}
	#online #area01 .inner{
		padding: 2.5vw 0;
	}
	#online #area01 .inner h3{
		color: #ffd200;
		width: 100%;
		text-align: center;
		font-size: 2.3vw;
		font-weight: bold;
		padding-bottom: 1vw;
		margin-bottom: 1.3vw;
		position:  relative;
	}
	#online #area01 .inner h3:after{
		content: "";
		background: #ffd200;
		width: 100%;
		height: 3px;
		position:  absolute;
		left: 0;
		bottom: 0;
	}
	#online #area01 .inner h4{
		text-align: center;
		color: white;
		font-size: 2vw;
		font-weight: bold;
		line-height: 1.3em;
		margin-bottom: 0.5vw;
		letter-spacing: 0.01em;
		text-shadow: 0px 2px 1px black, 0px 1px 1px black, 1px 1px 1px black, 1px 0px 1px black, 2px 0px 1px black, 1px -1px 1px black, 1px -2px 1px black, 0px -2px 1px black, -1px -2px 1px black, -2px -2px 1px black, -2px -1px 1px black, -2px 0px 1px black, -2px 1px 1px black, -1px 1px 1px black, 3px 5px 13px #e60012, 3px 5px 13px #e60012;
	}
	#online #area01 .inner .logo{
		width: 90%;
		margin: 0 5% 1vw;
		display: inline-block;
	}
	#online #area01 .inner .logo li{
		float: left;
		width: 25%;
	}
	#online #area01 .inner .note{
		color: white;
    	font-size: 110%;
    	text-align: center;
	}
	#online #area01 .inner .note li+li{
		margin-top: 0.8em;
	}
	#online #area02{
		margin-top: 4vw;
	}
	#online #area02 h4{
		text-align: center;
		color: white;
		font-size: 2vw;
		font-weight: bold;
	}
	#online #area02 ul{
		margin-top: 1.5vw;
	}
	#online #area02 ul li{
		width: 49%;
		float: left;
	}
	#online #area02 ul li+li{
		margin-left: 2%;
	}
	#online #area02 ul li img{
		border: solid 1px white;
	}
	#online #area02 p{
		clear: both;
    	text-align: center;
    	color: #ffd200;
    	font-size: 2vw;
    	font-weight: bold;
		padding-top: 1.8vw;
    	margin-bottom: 13px;
    	text-shadow: 0px 2px 1px black, 0px 1px 1px black, 1px 1px 1px black, 1px 0px 1px black, 2px 0px 1px black, 1px -1px 1px black, 1px -2px 1px black, 0px -2px 1px black, -1px -2px 1px black, -2px -2px 1px black, -2px -1px 1px black, -2px 0px 1px black, -2px 1px 1px black, -1px 1px 1px black, 3px 5px 13px #e60012, 3px 5px 13px #e60012;
	}
	/*------------------------
		others
	------------------------*/
	#others{
		clear: both;
		overflow: hidden;
		padding-top: 7vw;
	}
	#others h3{
		text-align: center;
		width: 24.5%;
		margin: 0 auto 2vw;
		position: relative;
	}
	#others h3:before{
		content: "";
		position: absolute;
		right: 110%;
		top: 32%;
		background: #fd9b38;
		width: 400%;
		height: 1px;
	}
	#others h3:after{
		content: "";
		position: absolute;
		left: 110%;
		top: 32%;
		background: #fd9b38;
		width: 400%;
		height: 1px;
	}
	#others h3 p{
		margin-top: 0.8em;
		font-size: 150%;
		font-weight: bold;
		color: white;
	}
	#others .inner{
		width: 80%;
		margin: 0 auto;
		display: table;
	}
	#others .inner p{
		text-align: center;
		font-size: 110%;
		color: white;
		line-height: 1.6em;
	}
	#others .inner ul{
		margin-top: 1.5vw;
	}
	#others .inner ul li{
		width: 49%;
		float: left;
		text-align: center;
	}
	#others .inner ul li:nth-child(2n){
		margin-left: 2%;
	}
	#others .inner ul li:nth-child(n + 3){
		margin-top: 3vw;
	}
	#others .inner ul li img{
		border: solid 1px white;
	}
	#others .inner ul li h4{
		color: #ffd200;
		font-size: 150%;
		font-weight: bold;
		margin-bottom: 0.8vw;
	}
	/*------------------------
		products
	------------------------*/
	#products{
		clear: both;
		overflow: hidden;
		padding-top: 7vw;
	}
	#products h3{
		text-align: center;
		width: 33.8%;
		margin: 0 auto 2vw;
		position: relative;
	}
	#products h3:before{
		content: "";
		position: absolute;
		right: 107.5%;
		top: 32%;
		background: #fd9b38;
		width: 400%;
		height: 1px;
	}
	#products h3:after{
		content: "";
		position: absolute;
		left: 107.5%;
		top: 32%;
		background: #fd9b38;
		width: 400%;
		height: 1px;
	}
	#products h3 p{
		margin-top: 0.8em;
		font-size: 150%;
		font-weight: bold;
		color: white;
	}
	#products .inner{
		width: 80%;
    	margin: 0 auto;
    	padding-bottom: 5vw;
    	display: table;
	}
	#products .inner .anchor_link{
		display: table;
		width: 100%;
		margin-top: 1vw;
	}
	#products .inner .anchor_link li a{
		width: 50%;
		background: black;
		text-align: center;
		float: left;
		box-sizing: border-box;
		border: solid 1px #5a5a5a;
    	padding-bottom: 7vw;
		position: relative;
	}
	#products .inner .anchor_link li a:before{
		content: "";
    	width: 100%;
    	height: 0.45vw;
    	background-color: white;
    	position: absolute;
    	top: 0;
    	display: block;
	}
	#products .inner .anchor_link li a:after{
		content: "";
		border: 0.6vw solid transparent;
		border-top: 0.6vw solid white;
		position: absolute;
		left: 48%;
		bottom: 5%;
	}
	#products .inner .anchor_link li a p{
		color: white;
		width: 100%;
		font-size: 1.7vw;
		font-weight: bold;
		line-height: 1.2em;
		position:  absolute;
		top: 33%;
	}
	#products .inner .anchor_link li a:hover:after{
		content: "";
		border: 0.6vw solid transparent;
		border-top: 0.6vw solid #ffd200;
		bottom: -3%;
	}
	#products .inner .anchor_link li a:hover:before{
		content: "";
    	background-color: #ffd200;
	}
	#products .inner .anchor_link li a:hover p{
		color: #ffd200;
	}
	#products .inner .anchor_link li a,
	#products .inner .anchor_link li a:before,
	#products .inner .anchor_link li a:after,
	#products .inner .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 .conts {
		background: rgba(0, 0, 0, 0.6);
		clear: both;
		margin-top: 3vw;
		padding: 3vw 4vw;
	}
	#products .inner .conts h4{
		color: #ffd200;
		width: 100%;
		text-align: center;
		font-size: 2.3vw;
		font-weight: bold;
		padding-bottom: 1vw;
		margin-bottom: 2vw;
		position: relative;
	}
	#products .inner .conts h4:after{
		content: "";
		background: #ffd200;
		width: 100%;
		height: 3px;
		position: absolute;
		left: 0;
		bottom: 0;
	}
	#products .inner .conts .conts_box{
		position: relative;
	}
	#products .inner #package #special{
		display: inline-block;
		margin-bottom: 6vw;
	}
	#products .inner #package #special:after{
		content: "";
    	border-bottom: solid 1px white;
    	position: absolute;
    	bottom: -3vw;
    	left: -4vw;
    	width: 100%;
    	padding: 4vw;
	}
	#products .inner #package #special .box01,
	#products .inner #package #special .box02{
		width: 50%;
		float: left;
		color: white;
		text-align: center;
	}
	#products .inner #package #special .box01 h5,
	#products .inner #package #special .box02 h5{
		font-size: 1.4vw;
		font-weight: bold;
		margin-bottom: 1vw;
	}
	#products .inner #package #special .box01 img{
		width: 68%;
	}
	#products .inner #package #special .box02 img{
		width: 64%;
	}
	#products .inner #package #special .box02 dl{
		margin-top: 1.5vw;
		margin-left: 2.5vw;
		text-align: left;
	}
	#products .inner #package #special .box02 dl dt{
		font-size: 1.4vw;
		font-weight: bold;
		margin-bottom: 1vw;
		text-align: left;
	}
	#products .inner #package #special .box02 dl dd{
		line-height: 1.8em;
		font-size: 1.2vw;
	}
	#products .inner #package #special .plus{
		position: absolute;
    	top: 41%;
    	left: 49%;
    	width: 2vw;
    	height: 0.4vw;
    	background-color: white;
	}
	#products .inner #package #special .plus:before{
		content: "";
    	position: absolute;
    	width: 0.4vw;
    	height: 2vw;
    	background-color: white;
    	top: -0.8vw;
    	left: 0.8vw;
	}
	#products .inner #package #special .spec{
		width: 50%;
		position: absolute;
		top: 72.5%;
    	left: 8%;
	}
	#products .inner #package #special .spec dl{
		display: table;
		width: 100%;
	}
	#products .inner #package #special .spec dl+dl{
		margin-top: 0.8vw;
	}
	#products .inner #package #special .spec dl dt{
		display: table-cell;
		font-size: 1vw;
		font-weight: bold;
		text-align: center;
		width: 21%;
		float: left;
		color: black;
		background: #ffd200;
		padding: 0.4vw 0 0.2vw;
	}
	#products .inner #package #special .spec dl dd{
		font-size: 1vw;
		float: left;
		margin-top: 0.4vw;
		padding-left: 4%;
		width: 75%;
		color: white;
		vertical-align:  middle;
	}
	#products .inner #package #special .spec dl.price dd{
		font-size: 2vw;
    	font-weight: bold;
    	margin-top: -0.1vw;
	}
	#products .inner #package #special .spec dl.price dd span{
		font-size: 60%;
		margin-left: 0.3vw;
	}
	#products .inner #package #special .ecapcom_link{
		width: 50%;
		position: absolute;
		bottom: 0;
		z-index: 1;
	}
	#products .inner #package #special .ecapcom_link a img{
		box-sizing: border-box;
		border: solid 1px white;
	}
	#products .inner #package #shop h5{
		font-size: 2.7vw;
		font-weight: bold;
		color: #ffd200;
		text-align: center;
	}
	#products .inner #package #shop .lead{
		font-size: 1.1vw;
		color: white;
		text-align: center;
		margin: 1.5vw 0;
	}
	#products .inner #package #shop .shop_list{
		width: 99.999%;
		margin: 0 0.0005%;
		display: inline-block;
	}
	#products .inner #package #shop .shop_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: 34.5vw;
	}
	#products .inner #package #shop .shop_list .box:nth-of-type(2),
	#products .inner #package #shop .shop_list .box:nth-of-type(5){
		border-left: solid 1px #5a5a5a;
	}
	#products .inner #package #shop .shop_list .box h6{
		width: 88%;
		height: 1vw;
		position: absolute;
		text-align: center;
	}
	#products .inner #package #shop .shop_list .box h6 img{
		width: auto;
		height: 3vw;
	}
	#products .inner #package #shop .shop_list .box dl{
		position: absolute;
		top: 15.5%;
		width: 88%;
		text-align: center;
	}
	#products .inner #package #shop .shop_list .box dl dt{
		color: white;
		font-size: 1.1vw;
		font-weight: bold;
		margin: 0 auto 0.6vw;
		line-height: 1.3em;
	}
	#products .inner #package #shop .shop_list .box .link_btn{
		position: absolute;
		bottom: 4%;
		width: 88%;
	}
	#products .inner #package #shop .shop_list .box .link_btn .btn{
		float: left;
		width: 49%;
	}
	#products .inner #package #shop .shop_list .box .link_btn .btn+.btn{
		margin-left: 2%;
	}
	#products .inner #package #shop .shop_list .box .link_btn .btn a{
		height: 4vw;
	}
	#products .inner #package #shop .shop_list .box .link_btn .btn a p{
		font-size: 1vw;
		text-align: left;
		line-height: 1.1em;
	}
	#products .inner #package #shop .shop_list .box .link_btn .btn a p span{
		font-size: 80%;
	}
	#products .inner #package #shop .shop_list .box .link_btn .btn.ps4 a p{
		top: 37%;
    	left: 18%;
	}
	#products .inner #package #shop .shop_list .box .link_btn .btn.switch a p{
		top: 18%;
    	left: 10%;
	}
	#products .inner #package #shop .shop_list .box.amazon{
		width: 100%;
		height: 36.6vw;
		border-top: solid 1px #5a5a5a;
		border-left: solid 1px #5a5a5a;
	}
	#products .inner #package #shop .shop_list .box.amazon h6{
		width: 96%;
	}
	#products .inner #package #shop .shop_list .box.amazon .item{
		width: 50%;
		height: 35vw;
		float: left;
		position: relative;
	}
	#products .inner #package #shop .shop_list .box.amazon .item+.item:before{
		content: "";
    	width: 1px;
    	height: 83%;
    	background-color: #5a5a5a;
    	display: block;
    	position: absolute;
    	left: 0;
    	bottom: 4%;
	}
	#products .inner #package #shop .shop_list .box.amazon .item dl{
		width: 60.93%;
		top: 9%;
		left: 19.535%;
	}
	#products .inner #package #shop .shop_list .box.amazon .item .link_btn{
		width: 60.93%;
		left: 19.535%;
	}
	#products .inner #package #shop .shop_list .box.amazon .item .link_btn .btn{
		width: 100%;
	}
	#products .inner #package #shop .shop_list .box.amazon .item .link_btn .btn p{
		font-size: 1.2vw;
	}
	#products .inner #package #shop .shop_list .box.amazon .item .link_btn .btn.ps4 p{
		top: 35%;
    	left: 31%;
	}
	#products .inner #package #shop .shop_list .box.amazon .item .link_btn .btn.switch p{
		top: 35%;
    	left: 13%;
	}
	#products .inner #package #shop .shop_list .box.amazon .item .link_btn .btn.switch p span{
		font-size: 100%;
	}
	#products .inner #package #shop .note{
		color: white;
		margin-top: 1.5vw;
	}
	#products .inner #package #shop .note h6{
		font-size: 1.25vw;
		font-weight: bold;
		margin-bottom: 0.5vw;
	}
	#products .inner #package #shop .note ul li{
		line-height: 1.4em;
		font-size: 0.9vw;
	}
	#products .inner #download .conts_box{
		width: 100%;
		display: inline-block;
	}
	#products .inner #download .box01{
		width: 31%;
		margin-left: 2%;
		float: left;
		color: white;
	}
	#products .inner #download .box02{
		width: 60%;
		float: left;
		color: white;
		margin-top: 1.5vw;
		margin-left: 5%;
	}
	#products .inner #download .box02 li{
		position: relative;
		padding: 1.5vw 0;
		border-bottom: solid 1px #5a5a5a;
		height: 3vw;
	}
	#products .inner #download .box02 li:last-child{
		border-bottom: 0;
	}
	#products .inner #download .box02 li h5{
		position: absolute;
		font-size: 1.2vw;
		font-weight: bold;
		top: 22%;
		left: 3%;
	}
	#products .inner #download .box02 li .price{
		display: table;
		width: 39%;
		position: absolute;
		left: 5%;
		bottom: 18%;
	}
	#products .inner #download .box02 li .price dt{
		display: table-cell;
		font-size: 0.8vw;
		font-weight: bold;
		text-align: center;
		float: left;
		color: black;
		background: #ffd200;
		padding: 0.4vw 1vw 0.2vw;
		margin-top: 0.1vw;
	}
	#products .inner #download .box02 li .price dd{
		display: table-cell;
		font-size: 1.8vw;
		font-weight: bold;
		float: left;
		padding-left: 4%;
		color: white;
	}
	#products .inner #download .box02 li .price dd span{
		font-size: 60%;
		margin-left: 0.3vw;
	}
	#products .inner #download .box02 li .btn{
		position: absolute;
		width: 32%;
		top: 17%;
		right: 3%;
	}
	#products .inner #download .box02 li .btn a{
		height: 4vw;
	}
	#products .inner #download .box02 li .btn a p{
		font-size: 1.1vw;
		text-align: left;
		line-height: 1.1em;
	}
	#products .inner #download .box02 li.ps4 .btn a p{
		top: 36%;
		left: 23%;
	}
	#products .inner #download .box02 li.switch .btn a p{
		top: 19%;
    	left: 19%;
	}
	#products .inner #download .box02 li.switch .btn a p span{
		font-size: 80%;
	}
	#products .inner #download .box02 li.switch .btn a p{
		top: 16%;
		left: 16%;
	}
	#products .inner #download .box02 li.xboxone .btn a p{
		top: 36%;
		left: 10%;
	}
	#products .inner #download .box02 li.steam .btn a p{
		top: 36%;
		left: 17%;
	}
	/*------------------------
		spec
	------------------------*/
	#spec{
		border-top: solid 1px #444;
		border-bottom: solid 1px #444;
		background: black;
	}
	#spec .inner{
		width: 1000px;
		margin: 4em auto;
		color: white;
		display: table;
	}
	#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{
		border-bottom: solid 1px #444444;
		padding: 20px 0;
		display: table;
		position: relative;
	}
	#spec .inner dl dt{
		width: 120px;
		display: table-cell;
		font-weight: bold;
	}
	#spec .inner dl dd{
		width: 390px;
		display: table-cell;
	}
	#spec .inner dl.cero dd:last-child{
		position: absolute;
    	width: 58px;
    	top: -235px;
    	right: -488px;
	}
	#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;
	}
	/*------------------------
		links
	------------------------*/
	#links{
		border-bottom: solid 1px #444;
		background: black;
	}
	#links .inner{
		width: 740px;
		margin: 0 auto;
		color: white;
		display:  table;
		padding: 2em 0;
	}
	#links .inner li{
		width: 50%;
		display: table-cell;
	}
	#links .inner li:last-child{
		padding-left: 24px;
	}
	#links .inner li a{
		width: 368px;
		border: solid 1px white;
		box-sizing: border-box;
		display: table;
		text-decoration: none;
		padding: 10px 10px;
		-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;
	}
	#links .inner li a:hover{
		opacity: 0.75;
		-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;
	}
	#links .inner li a .logo img{
		display: table-cell;
		height: 50px;
		width: auto;
		margin:  0 auto;
	}
	#links .inner li a p{
		display: table-cell;
		text-align: center;
		vertical-align: middle;
		color: white;
		font-size: 120%;
		font-weight: bold;
	}
}
/*------------------------
	SP・TB
------------------------*/
@media screen and (max-width:1079px){
	/*------------------------
		animation
	------------------------*/
	nav #gNaviBtn {
		opacity: 0;
	}
	#main .animation li.bg01{
		background: url(../images/index/main_bg01_sp.jpg) center top no-repeat;
    	background-size: 100%;
    	position: absolute;
		top: 10%;
    	width: 100%;
    	padding-bottom: 120.37037%;
		opacity: 0;
	}
	#main .animation li.bg02{
		background: url(../images/index/main_bg02_sp.jpg) center top no-repeat, black;
    	background-size: 100%;
    	padding-bottom: 167%;
    	position: absolute;
    	width: 100%;
    	opacity: 0;
	}
	#main .conts{
		opacity: 0;
		position: absolute;
		width: 100%;
		padding-bottom: 175%;
	}
	#btnArea ul li{
		opacity: 0;
	}
	.bg .conts_bg01{
        content: "";
        background: url(../images/index/conts_bg01.jpg) center 0 no-repeat;
        background-size: cover;
        position: fixed;
        top: 0;
        z-index: -100;
        width: 100%;
        height: 100vh;
    }
	.bg .conts_bg02{
        content: "";
        background: url(../images/index/conts_bg02.jpg) center 0 no-repeat;
        background-size: cover;
        position: fixed;
        top: 0;
        z-index: -101;
        width: 100%;
        height: 100vh;
    }
	/*------------------------
		main
	------------------------*/
	#main{
		width: 100%;
		padding-bottom: 175%;
		background: black;
		background-size: 100% auto;
		position: relative;
		overflow: hidden;
	}
	#main h1{
		position: absolute;
		top: 48.5%;
		width: 100%;
		text-align:  center;
	}
	#main h1 img{
		width: 60%;
	}
	#main h1 p{
		color: white;
		font-weight: bold;
		line-height: 1.4em;
		margin-top: 0.5vw;
	}
	#main .platform{
		position: absolute;
		top: 84.2%;
		left: 3%;
		width: 99%;
	}
	#main .platform li{
		width: 25%;
		float: left;
	}
	#main .platform li:nth-child(1){
		margin-right: -1%;
	}
	#main .platform li:nth-child(2){
		margin-right: -2%;
	}
	#main .platform li:nth-child(3){
		margin-left: 1%;
	}
	#main .platform li:nth-child(4){
		margin-left: -1%;
	}
	#main .anniversary{
		position: absolute;
    	left: 3%;
    	top: 1.6%;
    	width: 14.5%;
	}
	#main h2{
    	width: 16.5%;
    	position: absolute;
    	right: 0;
    	top: 16.5%;
	}
	#main .release{
		position: absolute;
		top: 91.5%;
		width: 100%;
    	text-align: center;
		color: white;
		font-weight: bold;
		font-size: 4.7vw;
		white-space: nowrap;
	}
	#main .release strong{
		font-size: 130%;
	}
	#main .release span{
		font-size: 80%;
		margin-left: -1.5vw;
	}
	/*------------------------
		btnArea
	------------------------*/
	#btnArea{
		width: 100%;
		position: relative;
		z-index: 1;
	}
	#btnArea ul{
		background: black;
	}
	#btnArea ul li a{
		width: 100%;
    	padding-bottom: 36%;
    	border-bottom: solid 1.4vw black;
		position: relative;
		display: block;
    	box-sizing: border-box;
	}
	#btnArea ul li.btn_products{
		background: url(../images/index/btn_products_bg.jpg) center top no-repeat;
		background-size: 100%;
		overflow: hidden;
	}
	#btnArea ul li.btn_products a img{
		position: absolute;
	}
	#btnArea ul li.btn_products a img.img01{
		width: 51%;
		top: -3%;
		left: 0.5%;
	}
	#btnArea ul li.btn_products a img.img02{
		width: 43%;
		top: 30%;
		right: 5%;
	}
	#btnArea ul li.btn_movie{
		background: url(../images/index/btn_movie_bg.jpg) center 22% no-repeat;
		background-size: 100%;
	}
	#btnArea ul li.btn_movie:before{
		content: "";
    	position: absolute;
    	top: 62.5%;
    	left: 40%;
    	background: url(../images/index/icon_movie.png) center top no-repeat;
    	background-size: 100%;
    	width: 18%;
    	padding-bottom: 18%;
    	display: block;
	}
	/*------------------------
		collection
	------------------------*/
	#collection{
		overflow: hidden;
		padding-top: 10vw;
	}
	#collection h3{
		text-align: center;
		width: 76%;
		margin: 0 auto 2vw;
		position: relative;
	}
	#collection h3:before{
		content: "";
		position: absolute;
		right: 106%;
		top: 30%;
		background: #fd9b38;
		width: 400%;
		height: 1px;
	}
	#collection h3:after{
		content: "";
		position: absolute;
		left: 106%;
		top: 30%;
		background: #fd9b38;
		width: 400%;
		height: 1px;
	}
	#collection h3 p{
		margin-top: 1.8vw;
		font-size: 120%;
		font-weight: bold;
		color: white;
	}
	#collection .inner{
		padding: 1vw 3.7% 0;
	}
	#collection .inner h4{
		text-align: center;
	}
	#collection .inner h4 p{
		color: white;
		font-weight: bold;
		line-height: 1.5em;
		text-shadow: 1px 1px 0px black, -1px 1px 0px black, 1px -1px 0px black, -1px -1px 0px black, 1px 0px 0px black, 0px 1px 0px black, -1px 0px 0px black, 0px -1px 0px black,  3px 4px 10px #e60012, 3px 4px 10px #e60012;
	}
	#collection .inner h4 img{
		margin-top: 2vw;
	}
	#collection .inner ul{
		margin-top: 1vw;
    	display: table;
    	width: 100%;
	}
	#collection .inner ul li{
		background: repeating-linear-gradient(-45deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.15) 2px, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 6px), black;
    	border: solid 2px #959595;
    	box-sizing: border-box;
    	width: 32%;
    	margin-left: 2%;
		margin-bottom: 2%;
    	float: left;
    	text-align: center;
		position: relative;
	}
	#collection .inner ul li:before{
		content: "";
    	border-top: 1vw solid rgba(255, 255, 255, 0);
    	border-right: 1vw solid #959595;
    	border-bottom: 1vw solid #959595;
    	border-left: 1vw solid rgba(255, 255, 255, 0);
    	position: absolute;
		bottom: 0.3em;
    	right: 0.3em;
		text-decoration: none;
	}
	#collection .inner ul li:nth-of-type(3n+1){
		margin-left: 0;
	}
	#collection .inner ul li a img{
		width: 90%;
		padding: 3% 0 1.5%;
	}
	#collection .inner .note{
		text-align: left;
		color: white;
		line-height: 1.8em;
		margin-top: 1vw;
		margin-left: 1em;
		text-indent: -1em;
	}
	/*------------------------
		online
	------------------------*/
	#online #area01{
		clear: both;
		background: black;
		margin-top: 5vw;
	}
	#online .inner{
		padding: 1vw 3.7% 0;
	}
	#online #area01 .inner{
		padding: 5.3vw 3.7%;
	}
	#online #area01 .inner h3{
		color: #ffd200;
		width: 100%;
		text-align: center;
		font-size: 5vw;
		font-weight: bold;
		padding-bottom: 3vw;
		margin-bottom: 3vw;
		position:  relative;
	}
	#online #area01 .inner h3:after{
		content: "";
		background: #ffd200;
		width: 100%;
		height: 2px;
		position:  absolute;
		left: 0;
		bottom: 0;
	}
	#online #area01 .inner h4{
    	text-align: center;
    	color: white;
		font-size: 150%;
    	font-weight: bold;
		line-height: 1.5em;
    	text-shadow: 1px 1px 0px black, -1px 1px 0px black, 1px -1px 0px black, -1px -1px 0px black, 1px 0px 0px black, 0px 1px 0px black, -1px 0px 0px black, 0px -1px 0px black,  3px 4px 10px #e60012, 3px 4px 10px #e60012;
	}
	#online #area01 .inner .logo{
		display: inline-block;
		width: 86%;
		margin: 1vw 7%;
	}
	#online #area01 .inner .logo li{
		float: left;
		width: 50%;
	}
	#online #area01 .inner .note li{
		text-align: left;
    	color: white;
    	line-height: 1.8em;
		margin-top: 1.5vw;
    	margin-left: 1em;
    	text-indent: -1em;
	}
	#online #area02{
		margin-top: 5vw;
	}
	#online #area02 h4{
		text-align: center;
		color: white;
		font-size: 147%;
		font-weight: bold;
		line-height: 1.3em;
	}
	#online #area02 #crossFade ul{
		margin-top: 2vw;
		padding-bottom: 55.2%;
		position: relative;
	}
	#online #area02 #crossFade ul img {
		position: absolute;
		border: solid 1px white;
	}
	#online #area02 p{
    	text-align: center;
    	color: #ffd200;
		font-size: 140%;
    	font-weight: bold;
		line-height: 1.4em;
		padding-top: 3vw;
		text-shadow: 1px 1px 0px black, -1px 1px 0px black, 1px -1px 0px black, -1px -1px 0px black, 1px 0px 0px black, 0px 1px 0px black, -1px 0px 0px black, 0px -1px 0px black,  3px 4px 10px #e60012, 3px 4px 10px #e60012;
	}
	/*------------------------
		others
	------------------------*/
	#others{
		overflow: hidden;
		padding-top: 10vw;
	}
	#others h3{
		text-align: center;
		width: 47.5%;
		margin: 0 auto 2vw;
		position: relative;
	}
	#others h3:before{
		content: "";
		position: absolute;
		right: 110%;
		top: 30%;
		background: #fd9b38;
		width: 400%;
		height: 1px;
	}
	#others h3:after{
		content: "";
		position: absolute;
		left: 110%;
		top: 30%;
		background: #fd9b38;
		width: 400%;
		height: 1px;
	}
	#others h3 p{
		margin-top: 1.8vw;
		font-size: 120%;
		font-weight: bold;
		color: white;
	}
	#others .inner{
		padding: 1vw 3.7% 0;
	}
	#others .inner p{
		text-align: left;
		color: white;
		line-height: 1.8em;
	}
	#others .inner ul{
		margin-top: 4.5vw;
	}
	#others .inner ul li{
		text-align: center;
	}
	#others .inner ul li+li{
		margin-top: 4vw;
	}
	#others .inner ul li img {
		border: solid 1px white;
	}
	#others .inner ul li h4{
		color: #ffd200;
		font-size: 120%;
		font-weight: bold;
		margin-bottom: 2vw;
	}
	/*------------------------
		products
	------------------------*/
	#products{
		overflow: hidden;
		padding-top: 10vw;
	}
	#products h3{
		text-align: center;
		width: 66%;
		margin: 0 auto 2vw;
		position: relative;
	}
	#products h3:before{
		content: "";
		position: absolute;
		right: 108%;
		top: 30%;
		background: #fd9b38;
		width: 400%;
		height: 1px;
	}
	#products h3:after{
		content: "";
		position: absolute;
		left: 106%;
		top: 30%;
		background: #fd9b38;
		width: 400%;
		height: 1px;
	}
	#products h3 p{
		margin-top: 1.8vw;
		font-size: 120%;
		font-weight: bold;
		color: white;
	}
	#products .inner{
    	padding: 2vw 3.7% 6vw;
	}
	#products .inner .anchor_link{
		display: table;
		width: 100%;
	}
	#products .inner .anchor_link li a{
		width: 50%;
		background: black;
		text-align: center;
		float: left;
		box-sizing: border-box;
		border: solid 1px #5a5a5a;
		padding-bottom: 12vw;
		position: relative;
	}
	#products .inner .anchor_link li a:before{
		content: "";
		width: 100%;
		height: 1vw;
		background-color: white;
		position: absolute;
		top: 0;
		display: block;
	}
	#products .inner .anchor_link li a:after{
		content: "";
		border: 1.2vw solid transparent;
		border-top: 1.2vw solid white;
		position: absolute;
		left: 48%;
		bottom: 2%;
	}
	#products .inner .anchor_link li a p{
		color: white;
		width: 100%;
		font-size: 110%;
		font-weight: bold;
		line-height: 1.2em;
		position:  absolute;
		top: 33%;
	}
	#products .inner .conts {
		background: rgba(0, 0, 0, 0.6);
		clear: both;
		margin-top: 4vw;
		padding: 4vw;
	}
	#products .inner .conts h4{
		color: #ffd200;
    	width: 100%;
    	text-align: center;
    	font-size: 150%;
    	font-weight: bold;
    	padding-bottom: 3vw;
    	margin-bottom: 3vw;
    	position: relative;
	}
	#products .inner .conts h4:after{
		content: "";
		background: #ffd200;
		width: 100%;
		height: 3px;
		position:  absolute;
		left: 0;
		bottom: 0;
	}
	#products .inner .conts .conts_box{
		position: relative;
	}
	#products .inner #package #special{
		display: inline-block;
		margin-bottom: 9vw;
	}
	#products .inner #package #special:after{
		content: "";
    	border-bottom: solid 1px white;
    	position: absolute;
    	bottom: -4vw;
    	left: -4vw;
    	width: 100%;
    	padding: 4vw;
	}
	#products .inner #package #special .box01,
	#products .inner #package #special .box02{
		color: white;
		text-align: center;
	}
	#products .inner #package #special .box01 h5,
	#products .inner #package #special .box02 h5{
		font-size: 110%;
		font-weight: bold;
		margin-bottom: 2vw;
	}
	#products .inner #package #special .box01 img{
		width: 60%;
	}
	#products .inner #package #special .box02{
		margin-top: 8vw;
	}
	#products .inner #package #special .box02 img{
		width: 59%;
	}
	#products .inner #package #special .box02 dl{
		margin-top: 3vw;
		text-align: left;
	}
	#products .inner #package #special .box02 dl dt{
		font-size: 113%;
		font-weight: bold;
		margin-bottom: 2vw;
		text-align: left;
	}
	#products .inner #package #special .box02 dl dd{
		line-height: 1.8em;
	}
	#products .inner #package #special .plus{
		position: relative;
		width: 5vw;
		height: 1vw;
		margin: 5vw auto 0;
		background-color: white;
	}
	#products .inner #package #special .plus:before{
		content: "";
		position: absolute;
		width: 1vw;
		height: 5vw;
		background-color: white;
		top: -2vw;
		left: 2vw;
	}
	#products .inner #package #special .spec{
		margin-top: 3vw;
	}
	#products .inner #package #special .spec dl{
		display: table;
		width: 100%;
	}
	#products .inner #package #special .spec dl+dl{
		margin-top: 2vw;
	}
	#products .inner #package #special .spec dl dt{
		display: table-cell;
		font-size: 95%;
		font-weight: bold;
		text-align: center;
		width: 25%;
		float: left;
		color: black;
		background: #ffd200;
		padding: 1vw 0 0.5vw;
	}
	#products .inner #package #special .spec dl dd{
		float: left;
		margin-top: 0.4vw;
		padding-left: 4%;
		width: 71%;
		color: white;
		vertical-align:  middle;
	}
	#products .inner #package #special .spec dl.price dd{
		font-size: 180%;
		font-weight: bold;
		margin-top: -0.1vw;
	}
	#products .inner #package #special .spec dl.price dd span{
		font-size: 60%;
		margin-left: 0.3vw;
	}
	#products .inner #package #special .ecapcom_link{
		margin-top: 4vw;
	}
	#products .inner #package #special .ecapcom_link a img{
		box-sizing: border-box;
		border: solid 1px white;
	}
	#products .inner #package #shop h5{
		font-size: 150%;
		font-weight: bold;
		color: #ffd200;
		text-align: center;
	}
	#products .inner #package #shop .lead{
		color: white;
		text-align: left;
		margin: 3vw 0;
		line-height: 1.8em;
	}
	#products .inner #package #shop .shop_list .box{
		border-top: solid 1px #5a5a5a;
		padding-bottom: 58%;
		position: relative;
	}
	#products .inner #package #shop .shop_list .box:last-child{
		border-bottom: solid 1px #5a5a5a;
	}
	#products .inner #package #shop .shop_list .box h6{
		height: 6.5vw;
		position: absolute;
		top: 26%;
		left: 39%;
	}
	#products .inner #package #shop .shop_list .box h6 img{
		width: auto;
		height: 100%;
	}
	#products .inner #package #shop .shop_list .box dl{
		width: 88%;
		text-align: center;
	}
	#products .inner #package #shop .shop_list .box dl dt{
		color: white;
		font-size: 95%;
		font-weight: bold;
		line-height: 1.2em;
		position: absolute;
		top: 45%;
		left: 39%;
		width: 61%;
		text-align: left;
	}
	#products .inner #package #shop .shop_list .box dl .image{
		position: absolute;
		top: 6%;
		width: 35.2%;
	}
	#products .inner #package #shop .shop_list .box .link_btn{
		position: absolute;
		bottom: 6%;
    	width: 100%;
	}
	#products .inner #package #shop .shop_list .box .link_btn .btn{
		float: left;
		width: 49%;
	}
	#products .inner #package #shop .shop_list .box .link_btn .btn+.btn{
		margin-left: 2%;
	}
	#products .inner #package #shop .shop_list .box .link_btn .btn a{
		height: 4vw;
	}
	#products .inner #package #shop .shop_list .box .link_btn .btn a p{
		position: absolute;
		font-size: 3vw;
		text-align: left;
		line-height: 1.1em;
	}
	#products .inner #package #shop .shop_list .box .link_btn .btn a p span{
		font-size: 80%;
	}
	#products .inner #package #shop .shop_list .box .link_btn .btn.ps4 a p{
		top: 35%;
    	left: 25%;
	}
	#products .inner #package #shop .shop_list .box .link_btn .btn.switch a p{
		top: 13%;
    	left: 18%;
	}
	#products .inner #package #shop .shop_list .box.amazon{
		padding-top: 10vw;
		padding-bottom: 1.5%;
	}
	#products .inner #package #shop .shop_list .box.amazon h6{
		top: 4%;
		left: 39%;
	}
	#products .inner #package #shop .shop_list .box.amazon .item{
		position: relative;
		padding-bottom: 40%;
	}
	#products .inner #package #shop .shop_list .box.amazon .item dl dt{
		top: 20%;
		text-indent: -1.5vw;
	}
	#products .inner #package #shop .shop_list .box.amazon .item:first-child{
		margin-top: 10vw;
	}
	#products .inner #package #shop .shop_list .box.amazon .item .link_btn{
		width: 61%;
		right: 0;
		bottom: 6%;
	}
	#products .inner #package #shop .shop_list .box.amazon .item .link_btn .btn{
		width: 100%;
	}
	#products .inner #package #shop .shop_list .box.amazon .item .link_btn .btn.ps4 p{
    	left: 29%;
	}
	#products .inner #package #shop .shop_list .box.amazon .item .link_btn .btn.switch p{
		left: 22%;
	}
	#products .inner #package #shop .note{
		color: white;
		margin-top: 4vw;
	}
	#products .inner #package #shop .note h6{
		font-size: 110%;
		font-weight: bold;
		margin-bottom: 1.5vw;
	}
	#products .inner #package #shop .note ul li{
		line-height: 1.4em;
		font-size: 85%;
		text-indent: -1em;
		margin-left: 1em;
		margin-top: 0.6vw;
	}
	#products .inner #download .conts_box{
		width: 100%;
		display: inline-block;
	}
	#products .inner #download h4{
		margin-bottom: 0;
	}
	#products .inner #download .box01{
		width: 31%;
		margin-left: 2%;
		float: left;
		color: white;
	}
	#products .inner #download .box02{
		color: white;
		margin-bottom: -3.4vw;
	}
	#products .inner #download .box02 li{
		position: relative;
		border-bottom: solid 1px #5a5a5a;
		height: 18vw;
	}
	#products .inner #download .box02 li:last-child{
		border-bottom: 0;
	}
	#products .inner #download .box02 li h5{
		position: absolute;
		font-size: 120%;
		font-weight: bold;
		top: 22%;
	}
	#products .inner #download .box02 li .price{
		display: table;
		width: 53%;
		position: absolute;
		left: 3%;
		bottom: 18%;
	}
	#products .inner #download .box02 li .price dt{
		display: table-cell;
		font-size: 95%;
		font-weight: bold;
		text-align: center;
		float: left;
		color: black;
		width: 25%;
		background: #ffd200;
		padding: 1vw 0 0.5vw;
	}
	#products .inner #download .box02 li .price dd{
		display: table-cell;
		font-size: 170%;
		font-weight: bold;
		float: left;
		padding-left: 6%;
		color: white;
	}
	#products .inner #download .box02 li .price dd span{
		font-size: 60%;
		margin-left: 0.3vw;
	}
	#products .inner #download .box02 li .btn{
		position: absolute;
		width: 44%;
		top: 23%;
		right: 0%;
	}
	#products .inner #download .box02 li .btn a{
		height: 4vw;
	}
	#products .inner #download .box02 li .btn a p{
		position: absolute;
		font-size: 3vw;
		text-align: left;
		line-height: 1.1em;
	}
	#products .inner #download .box02 li.ps4 .btn a p{
		top: 36%;
		left: 22%;
	}
	#products .inner #download .box02 li.switch .btn a p{
		top: 19%;
    	left: 19%;
	}
	#products .inner #download .box02 li.switch .btn a p span{
		font-size: 80%;
	}
	#products .inner #download .box02 li.switch .btn a p{
		top: 14%;
		left: 14%;
	}
	#products .inner #download .box02 li.xboxone .btn a p{
		top: 37%;
		left: 9%;
		font-size: 2.9vw;
		white-space:  nowrap;
	}
	#products .inner #download .box02 li.steam .btn a p{
		top: 36%;
		left: 17%;
	}
	/*------------------------
		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 .right dl:last-child{
		border-bottom: none;
	}
	#spec .inner dl dt{
		display: table-cell;
		width: 25%;
		font-weight: bold;
	}
	#spec .inner dl dd{
		display: table-cell;
		width: 75%;
	}
	#spec .inner dl.cero dd{
		width: 63%;
	}
	#spec .inner dl.cero dd:last-child{
		width: 12%;
		vertical-align: bottom;
	}
	#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;
	}
	/*------------------------
		links
	------------------------*/
	#links{
		border-bottom: solid 1px #444;
		background: black;
	}
	#links .inner{
		padding: 2em 7.4%;
	}
	#links .inner li+li{
		margin-top: 1.5em;
	}
	#links .inner li a{
		width: 100%;
		border: solid 1px white;
		box-sizing: border-box;
		display: table;
		height: 14vw;
		text-decoration: none;
		padding: 1em 0;
	}
	#links .inner li a .logo{
		display: table-cell;
		width: 30%;
		height: 9vw;
		margin: 0 auto;
		text-align: center;
	}
	#links .inner li a .logo img{
		height: 100%;
		width: auto;
	}
	#links .inner li a p{
		display: table-cell;
		vertical-align: middle;
		width: 50%;
		color: white;
		font-size: 120%;
		font-weight: bold;
	}
}
@keyframes loop_animation {
	0% {background-position: 0 0;}
	100% {background-position: -99vw 0;}
}
@keyframes stripe_animation {
	0% {background-position-x: 0;}
	100% {background-position-x: -100px;}
}