@charset "utf-8";

* {
	margin: 0;
	padding: 0;
}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}
* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
html {
}

.fl {
	float: left;
}

.flimg img {
	float: left;
}
.fldiv {
	width: 960px;
}
.fldiv div {
	float: left;
}
.rblock {
	position: relative;
}
.ablock {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.rblock img, .ablock img {
	display: block;
}
.pblock img {
    display: block;
	width: 100%;
}
.tx {
	width: 100%;
	position: absolute;
}
li {
	list-style: none;
}
img {
	border: 0;
	vertical-align: top;
}
a {
	color: #0099FF;
	outline: 0;
}
a:focus {
	outline: 0;
}

html {
	width: 100%;
	background: #f2f2f2;
	/* overflow-y: scroll; */
}
body {
	width: 100%;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#wrapper {
	width: 100%;
	position: relative;
	overflow: hidden;
	background-color: #000;
}
.wrapper {
	width: 100%;
}
.pc {
	display: block !important;
}
.sp {
	display: none !important;
}
.contents {
	position: relative;
	width: 960px;
	margin: 0 auto;
}


/* common */
#bg {
	position: relative;
	width: 1920px;
	left: 50%;
	margin-left: -960px;
}

#top #bg {
	background: none;
	background-color: transparent;
}
#top #bg:before {
	content: "";
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	height: 100vh;
	background: url(../images/top/topbg_02.jpg) center top no-repeat;
	background-size: auto;
}
#top #bg2 {
	position: absolute;
	width: 100%;
	height: 100%;
	transition: all .6s;
}
#top .is-bgop {
	background: rgba(0,0,0,0.7)
}
#bgl {
	position: absolute;
	left: 0;
	top: 0;
	width: 403px;
	height: 100%;
	background: url(../images/common/bgl.png) left top repeat-y;
}
#bgr {
	position: absolute;
	right: 0;
	top: 0;
	width: 403px;
	height: 100%;
	background: url(../images/common/bgr.png) left top repeat-y;
}
#lovl {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 10000;
    background: #000000;
}
#loadimg {
    position: absolute;
    width: 66px;
    height: 66px;
    left: 50%;
    top: 50%;
    margin-left: -33px;
    margin-top: -33px;
    -webkit-animation: a_load_img 1s linear 0s infinite;	
    animation: a_load_img 1s linear 0s  infinite;	
}
@-webkit-keyframes a_load_img {
	0%   {-webkit-transform:rotate(0%);}
	100% {-webkit-transform:rotate(360deg);}
}
@keyframes a_load_img {
	0%   {transform:rotate(0%);}
	100% {transform:rotate(360deg);}
}
.ptop {
	position: fixed;
	right: 1em;
	bottom: 7em;
	text-align:right;
	display:block;
	z-index:100 !important;
}
.ptop img {
	width: 4em !important;
}

.ptop a:hover  {
    opacity: 0.7;
}
/* top  */
#topmain {
	position: relative;
	padding-top: 118%;
}

#topmain h1 { position: absolute; width: 26.25%; left: 36.87%; top: 0; margin-top: 19.0625%; }

#tp02 { position: absolute; width: 100%; left: 0%; top: 0; margin-top: 98%; }
#tp03 { position: relative; width: 34.89%; margin: 1.2% auto 3.2% auto; }
#tp04 { position: absolute; width: 156.25%; left: -28.125%; top: 0; margin-top: 83.02%; }
#tp_ps { position: absolute; width: 24.27%; left: -1.05%; top: 0; margin-top: 1.97%; }
#tp_ns { position: absolute; width: 13.85%; left: 23.12%; top: 0; margin-top: 1.87%; }
#tp_xs { position: absolute; width: 17.5%; left: 54.47%; top: 0; margin-top: 3.02%; }
#tp_xb { position: absolute; width: 15.2%; left: 73.02%; top: 0; margin-top: 1.87%; }
#tp_pc { position: absolute; width: 13.02%; left: 88.22%; top: 0; margin-top: 2.29%; }
#btntrial { position: absolute; width: 26.25%; right:-0.9375%; top: 0; margin-top: 42.7%; }
#btntrial a:hover { opacity: 0.7;}
#btnrtcp { position: absolute; width: 31.875%; left: 0; top: 0; margin-top: 28.85%;margin-left:-3.4375%; }
#btnrtcp a:hover { opacity: 0.7;}
#btntvcm { position: absolute; width: 25.3125%; left: 0; top: 0; margin-top: 7.08%; }
#btntvcm a:hover { opacity: 0.7;}
#btnps5xbox1 { position: absolute; width: 26.25%; left: 0; top: 0; margin-top: 7.08%;margin-left: -0.9375%; }
#btnps5xbox1 a:hover { opacity: 0.7;}
#btnps5xbox2 { position: absolute; width: 25.3125%; left: 0; top: 0; margin-top: 18.95%; }
#btnps5xbox2 a:hover { opacity: 0.7;}
#btnsoundtrack { position: absolute; width: 25.3125%; left: 0; top: 0; margin-top: 47.7%; }
#btnsoundtrack a:hover { opacity: 0.7;}
#btndcomic { position: absolute; width: 25.3125%; left: 0; top: 0; margin-top: 57.6%; }
#btndcomic a:hover { opacity: 0.7;}
#btnsurvey { position: absolute; width: 26.14%; top: 0; right: -0.41%; margin-top: 12.39%; }
#btnsurvey a:hover { opacity: 0.7;}
#btnbuy p{ position: absolute; width: 25.2%; right: 0; top: 0; margin-top: 17.6%; }
#btnbuy ul{ position: absolute; width: 24.47%; right:0; top: 0; margin-top: 21.25%;margin-right:0.3525%;-webkit-display:flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-wrap:wrap;flex-wrap:wrap; }
#btnbuy li{ width: 49.78%;margin-bottom:1.7%; font-size:0;line-height:0;position: relative;}
#btnbuy li a:hover { opacity: 0.7;}
#btnbuy li a.btnbuylink01 { position: absolute; width: 45.29%; left: 3.41%; bottom: 11.42%;}
#btnbuy li a.btnbuylink02 { position: absolute; width: 45.29%; left: 52.13%; bottom: 11.42%;}
#btndlc { position: absolute; width: 26.14%; right: -0.41%; top: 0; margin-top: 30.72%; }
#btndlc a:hover { opacity: 0.7;}
#btnguidelines { position: absolute; width: 25.3125%; right: 0; top: 0; margin-top: 35%; }
#btnguidelines a:hover { opacity: 0.7;}
#btnteishi01 { position: absolute; width: 26.14%; right: -0.41%; top: 0; margin-top: 51.97%; }
#btnteishi01 a:hover { opacity: 0.7;}
#btnteishi02 { position: absolute; width: 26.14%; right: -0.41%; top: 0; margin-top: 60.52%; }
#btnteishi02 a:hover { opacity: 0.7;}
#btnsoundtrack2 { position: absolute; width: 25.3125%; left: 0; top: 0; margin-top: 66.04%; }
#btnsoundtrack2 a:hover { opacity: 0.7;}
#btnsoundtrack2 a.btnsoundtrack2link1 { position: absolute;width:89.3%;top:42.85%;left:4.93%;}
#btnsoundtrack2 a.btnsoundtrack2link2 { position: absolute;width:89.3%;top:69.04%;left:4.93%;}
#btnupdate { position: absolute; width: 26.14%; right: -0.41%; top: 0; margin-top: 7.08%; }
#btnupdate a:hover { opacity: 0.7;}
#btnofficialgoods { position: absolute; width: 25.3125%; left: 0; top: 0; margin-top: 37.91%; }
#btnofficialgoods a:hover { opacity: 0.7;}
#btnrtcp2 { position: absolute; width: 25.3125%; left: 0; top: 0; margin-top: 37.91%; }
#btnrtcp2 a:hover { opacity: 0.7;}
#btncontests { position: absolute; width: 25.3125%; right: 0; top: 0; margin-top: 69.0625%; }
#btncontests a:hover { opacity: 0.7;}

#tp_tx { color: #fff; font-size: 10px; text-align: center; position: absolute; width: 100%; left: 0; bottom: 10px; }
#bn_vv { position: absolute; width: 21.14%; left: 75.52%; top: 0; margin-top: 24.16%; }

hr.hrline {
    border: none;
    background: url(../images/top/hr.png) center top no-repeat;
    width: 1800px;
    margin: 0 auto;
    height: 0;
    padding-top: 2px;
    overflow: hidden;
    background-size: 100% auto;
    position:relative;
}
#topmovie a {
    display: block;
    width: 100%;
}
#toppic {
	width: 845px;
	margin: 2.5% auto 6.25% auto;
}
#toppic li {
	border: 1px solid #171717;
	background: #000;
}
#toppics a:hover { opacity: 0.7;}


.twiarea{
	position:relative;
	width:100%;
}
.twiarea p{
	width: 25.3125%;
	margin:6% auto;
}
.twiarea p a:hover {
	opacity: 0.7;
}

#about{
	position: relative;
}
#about img{
	width: 100%;
}
#about h2{
	width: 24.06%;
	margin-bottom:4.79%;
	margin-left: 37.5%;
	padding-top: 5.31%;
}
#about h3{
	width: 43.33%;
	margin-bottom:1.25%;
	margin-left: 28.22%;
}
#about p{
	width: 80.2%;
	margin-bottom:3.02%;
	margin-left: 10.1%;
}
#chara{
	position: relative;
}
#chara img{
	width: 100%;
}
#chara h2{
	width: 43.75%;
	margin-bottom:4.79%;
	margin-left: 27.6%;
	padding-top: 4.37%;
}
.charaMain{
	width: 96.87%;
	padding-right:0.52%;
	margin-top:-0.72%;
	margin-bottom:5.83%;
	margin-left: 2.6%;
	background: url(../images/top/chara_bg_04.png) center top no-repeat;
	background-size:100% auto;
}
.chara1{
	position: relative;
}
.chara1 h3{
	position: relative;
	width:29.78%;
	margin-left:7.63%;
}
.chara1 h4,
.chara1 p{
	position: absolute;
}
.chara1 h4{
	width:16.23%;
	top:21.61%;
	left:57.84%;
}
.chara1 h4+p{
	width:43.54%;
	top:45.48%;
	left:45.26%;
}
.chara1 p:nth-of-type(1){
	width:88.27%;
	top:39.47%;
	left:6.021%;
}
.chara2{
	position: relative;
	margin-top:-10.53%;
}
.chara2 h3{
	position: relative;
	width:35.91%;
	margin-left:60.1%;
}
.chara2 h4,
.chara2 p{
	position: absolute;
}
.chara2 h4{
	width:33.65%;
	top:23.31%;
	left:17.52%;
}
.chara2 h4+p{
	width:44.51%;
	top:56.49%;
	left:12.04%;
}
.chara2 p:nth-of-type(1){
	width:89.67%;
	top:49.03%;
	left:3.97%;
}
.chara3{
	position: relative;
	margin-top:-2.15%;
}
.chara3 h3{
	position: relative;
	width:35.48%;
	margin-left:14.83%;
}
.chara3 h4,
.chara3 p{
	position: absolute;
}
.chara3 h4{
	width:35.625%;
	top:28.51%;
	left:52.6%;
}
.chara3 h4+p{
	width:52.58%;
	top:54.52%;
	left:41.93%;
}
.chara3 p:nth-of-type(1){
	width:88.81%;
	top:48.55%;
	left:5.26%;
}
.chara4{
	position: relative;
	margin-top:-12.36%;
}
.chara4 h3{
	position: relative;
	width:18.27%;
	margin-left:61.18%;
	z-index:10;
}
.chara4 h4,
.chara4 p{
	position: absolute;
}
.chara4 h4{
	width:33.65%;
	top:19.76%;
	left:18.06%;
}
.chara4 h4+p{
	width:45.59%;
	top:41.91%;
	left:11.5%;
}
.chara4 p:nth-of-type(1){
	width:89.46%;
	top:37.57%;
	left:4.08%;
}
.chara5{
	position: relative;
	margin-top:-22.68%;
	margin-bottom:7.31%;
}
.chara5 h3{
	position: relative;
	width:47.63%;
	margin-left:0.32%;
	z-index:10;
}
.chara5 h4,
.chara5 p{
	position: absolute;
}
.chara5 h4{
	width:33.65%;
	top:28.34%;
	left:51.61%;
	z-index:30;
}
.chara5 h4+p{
	width:40.64%;
	top:65.07%;
	left:47.74%;
}
.chara5 p:nth-of-type(1){
	width:93.65%;
	top:57.82%;
	left:0.32%;
}
.chara6{
	position: relative;
}
.chara6 h3{
	position: relative;
	width:46.77%;
	margin-left:55.26%;
	z-index:10;
}
.chara6 h4,
.chara6 p{
	position: absolute;
}
.chara6 h4{
	width:19.46%;
	top:7.19%;
	left:24.94%;
}
.chara6 h4+p{
	width:33.22%;
	top:41.24%;
	left:14.4%;
}
.chara6 p:nth-of-type(1){
	width:89.46%;
	top:35.73%;
	left:4.08%;
}
.chara7{
	position: relative;
	margin-top:-6.25%;
}
.chara7 h3{
	position: relative;
	width:26.23%;
	margin-left:11.18%;
	z-index:10;
}
.chara7 h4,
.chara7 p{
	position: absolute;
}
.chara7 h4{
	width:20.43%;
	top:27.57%;
	left:58.27%;
}
.chara7 h4+p{
	width:52.25%;
	top:58.83%;
	left:40.21%;
}
.chara7 p:nth-of-type(1){
	width:88.92%;
	top:52.62%;
	left:5.91%;
}
.chara8{
	position: relative;
	margin-top:-0.1%;
}
.chara8 h3{
	position: relative;
	width:31.07%;
	margin-left:60.64%;
	z-index:10;
}
.chara8 h4,
.chara8 p{
	position: absolute;
}
.chara8 h4{
	width:43.01%;
	top:12.63%;
	left:10.53%;
}
.chara8 h4+p{
	width:51.5%;
	top:48.68%;
	left:6.12%;
}
.chara8 p:nth-of-type(1){
	width:89.56%;
	top:42.36%;
	left:4.51%;
}
#buy{
	position: relative;
}
#buy img{
	width: 100%;
}
#buy h2{
	width: 15.1%;
	margin-bottom:4.89%;
	margin-left: 41.97%;
	padding-top: 3.12%;
}
.buy-h-1 ul{
	display: flex;
	-webkit-display: flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
}
.buy-h-1 ul li{
	width: 30.41%;
	box-sizing: border-box;
}
.buy-h-1 ul li img{
	width: 70% !important;
	margin:0 auto;
}
.buy-h-1 ul li:nth-of-type(1){
	background-color:#0048a6;
	border: solid 6px #0048a6;
}
.buy-h-1 ul li:nth-of-type(2){
	background-color:#0048a6;
	border: solid 6px #0048a6;
}
.buy-h-1 ul li:nth-of-type(3){
	background-color:#ff0000;
	border: solid 6px #ff0000;
}
.buy-h-2 ul{
	display: flex;
	-webkit-display: flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	margin-top:90px;
}
.buy-h-2 ul li{
	width: 30.41%;
	box-sizing: border-box;
}
.buy-h-2 ul li img{
	width: 70% !important;
	margin:0 auto;
}
.buy-h-2 ul li:nth-of-type(1){
	background-color:#007d00;
	border: solid 6px #007d00;
}
.buy-h-2 ul li:nth-of-type(1) img{
	width: 96.66% !important;
}
.buy-h-2 ul li:nth-of-type(2){
	background-color:#007d00;
	border: solid 6px #007d00;
}
.buy-h-2 ul li:nth-of-type(3){
	background-color:#6a6a6a;
	border: solid 6px #6a6a6a;
}

.buy-tab{
	position: relative;
	margin-top:-153px;
	margin-bottom: 3.75%;
}
.buy-tab p{
	position: relative;
	width: 100%;
}
.tab{
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	height: 0;
	padding-top: 22.19%;
}
.tab li{
	font-size: 22px;
	font-weight: bold;
	color: #FFF;
	position: absolute;
	width: 15.209%;
	text-align: center;
	box-sizing: border-box;
}
.tab li:hover{
	cursor:pointer;
}
.tab li#tps5-1{
	border-right: solid 6px #0048a6;
	border-left: solid 6px #0048a6;
	border-bottom: solid 6px #0048a6;
	top:0;
	left:0;
	height: 60px;
	line-height: 60px;
	width: 30.41%;
}
.tab li#tps5-1.active{
	background:#001d43;
}
.tab li#tps4-1{
	border-right: solid 3px #0048a6;
	border-bottom: solid 6px #0048a6;
	border-left: solid 6px #0048a6;
	top:0;
	left:34.8%;
	height: 60px;
	line-height: 60px;
}
.tab li#tps4-1.active{
	background:#001d43;
}
.tab li#tps4-2{
	border-right: solid 6px #0048a6;
	border-bottom: solid 6px #0048a6;
	border-left: solid 3px #0048a6;
	top:0;
	left:49.95%;
	height: 60px;
	line-height: 60px;
}
.tab li#tps4-2.active{
	background:#001d43;
}
.tab li#tns-1{
	border-right: solid 3px #ff0000;
	border-bottom: solid 6px #ff0000;
	border-left: solid 6px #ff0000;
	top:0;
	right:15.2%;
	height: 60px;
	line-height: 60px;
}
.tab li#tns-1.active{
	background:#430000;
}
.tab li#tns-2{
	border-right: solid 6px #ff0000;
	border-bottom: solid 6px #ff0000;
	border-left: solid 3px #ff0000;
	top:0px;
	right:0;
	height: 60px;
	line-height: 60px;
}
.tab li#tns-2.active{
	background:#430000;
}
.tab li#txboxx{
	border-right: solid 6px #007d00;
	border-bottom: solid 5px #007d00;
	border-left: solid 6px #007d00;
	bottom:0;
	left:0;
	height: 60px;
	line-height: 60px;
	width: 30.41%;
}
.tab li#txboxx.active{
	background:#1c4300;
}
.tab li#txbox{
	border-right: solid 6px #007d00;
	border-bottom: solid 5px #007d00;
	border-left: solid 6px #007d00;
	bottom:0;
	left:34.8%;
	height: 60px;
	line-height: 60px;
	width: 30.31%;
}
.tab li#txbox.active{
	background:#1c4300;
}
.tab li#tpc{
	border-right: solid 6px #6a6a6a;
	border-bottom: solid 5px #6a6a6a;
	border-left: solid 6px #6a6a6a;
	bottom:0;
	right: 0;
	height: 60px;
	line-height: 60px;
	width: 30.41%;
}
.tab li#tpc.active{
	background:#4b4a4a;
}
	
.tab_sub{
	padding:0;
	display:flex;
	-webkit-display:flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
}
.tab_sub li{
	padding:0;
	width: 100%;
	color: #FFF;
	text-align: center;
	font-weight: bold;
	font-size: 22px;
}
.tab_sub li span{
	font-size: 14px;
}
.tab_sub li:hover{
	cursor:pointer;
}
#stps5{
	border-top: solid 3px #0048a6;
	border-right: solid 3px #0048a6;
	border-left: solid 3px #0048a6;
}
#stps5 li.active{
	background:#001d43;
}
#stps4{
	border-top: solid 3px #0048a6;
	border-right: solid 3px #0048a6;
	border-left: solid 3px #0048a6;
}
#stps4 li.active{
	background:#001d43;
}
#stns{
	border-top: solid 3px #ff0000;
	border-right: solid 3px #ff0000;
	border-left: solid 3px #ff0000;
}
#stns li.active{
	background:#430000;
}
#stxboxx{
	border-top: solid 3px #007d00;
	border-right: solid 3px #007d00;
	border-left: solid 3px #007d00;
}
#stxboxx li.active{
	background:#1c4300;
}
#stxbox{
	border-top: solid 3px #007d00;
	border-right: solid 3px #007d00;
	border-left: solid 3px #007d00;
}
#stxbox li.active{
	background:#1c4300;
}
#stpc{
	border-top: solid 3px #6a6a6a;
	border-right: solid 3px #6a6a6a;
	border-left: solid 3px #6a6a6a;
}
#stpc li.active{
	background:#4b4a4a;
}
.tab_sub li#stps5-1{
	padding:1.7% 0 1.6%;
}
.tab_sub li#stps5-2{
	padding:1.7% 0 1.6%;
	border-right: solid 3px #0048a6;
	border-left: solid 3px #0048a6;
}
.tab_sub li#stps5-3{
	padding:0.2% 0 0.6%;
}
.tab_sub li#stps4-1{
	padding:1.7% 0 0;
}
.tab_sub li#stps4-2{
	padding:1.7% 0 0;
	border-right: solid 3px #0048a6;
	border-left: solid 3px #0048a6;
}
.tab_sub li#stps4-3{
	padding:0.2% 0 0.6%;
}
.tab_sub li#stns-1{
	padding:1.7% 0 1.9%;
}
.tab_sub li#stns-2{
	padding:1.7% 0 1.9%;
	border-right: solid 3px #ff0000;
	border-left: solid 3px #ff0000;
}
.tab_sub li#stns-3{
	padding:1.7% 0 0;
	border-left: solid 3px #ff0000;
	border-right: solid 3px #ff0000;
}
.tab_sub li#stns-5{
	padding:0.2% 0 0.6%;
}
.tab_sub li#stxboxx-1{
	padding:1.7% 0 1.9%;
}
.tab_sub li#stxboxx-2{
	padding:1.7% 0 1.9%;
	border-left: solid 3px #007d00;
}
.tab_sub li#stxbox-1{
	padding:1.7% 0 1.9%;
}
.tab_sub li#stxbox-2{
	padding:1.7% 0 1.9%;
	border-left: solid 3px #007d00;
}
.tab_sub li#stpc-1{
	padding:1.7% 0 1.9%;
}
.tab_sub li#stpc-2{
	padding:1.7% 0 1.9%;
	border-right: solid 3px #6a6a6a;
	border-left: solid 3px #6a6a6a;
}
.tab_sub li#stpc-3{
	padding:0.2% 0 0.6%;
}

section{
	background: rgba(0,0,0,0.4);
	padding-bottom: 1.46%;
}
section#ips5-1,
section#ips5-2,
section#ips5-3,
section#ips5-4,
section#ips5-5{
	border:3px solid #0048a6;
}
section#ips4-1,
section#ips4-2,
section#ips4-3,
section#ips4-4,
section#ips4-5{
	border:3px solid #0048a6;
}
section#ins-1,
section#ins-2,
section#ins-3,
section#ins-4,
section#ins-5{
	border:3px solid #ff0000;
}
section#ixboxx-1,
section#ixboxx-2{
	border:3px solid #007d00;
}
section#ixbox-1,
section#ixbox-2{
	border:3px solid #007d00;
}
section#ipc-1,
section#ipc-2{
	border:3px solid #6a6a6a;
}
.list .inner,
.list .inner section{
	display:none;
}
.list .inner.active{
	display:block;
}
.list .inner section.active{
	display:block;
}
section#ips5-1 h3,
section#ips5-2 h3,
section#ips5-3 h3,
section#ips5-4 h3,
section#ips5-5 h3{
	font-size: 22px;
	text-align: center;
	font-weight: bold;
	line-height: 1.2;
	padding: 1.25% 0;
	background:  #0048a6;
	color: #FFF;
	margin-bottom: 5.93%;
}
section#ips5-1 h4,
section#ips5-2 h4,
section#ips5-3 h4,
section#ips5-4 h4,
section#ips5-5 h4{
	font-size: 18px;
	font-weight: bold;
	line-height: 1.2;
	padding: 0 4%;
	color: #FFF;
	margin-bottom: 1%;
}
section#ips5-1 h4{
	text-align:right;
}
section#ips5-1 p:nth-of-type(1){
	width: 21.80%;
	margin: 0 auto 6.18%;
}
section#ips5-1 p:nth-of-type(2){
	width: 90.25%;
	margin: 0 auto 3.14%;
}
section#ips5-1 p:nth-of-type(3){
	width: 90.25%;
	margin: 0 auto 4.71%;
}
section#ips5-1 p:nth-of-type(4){
	width: 97.27%;
	margin: 0 auto;
}
.ips5-2a{
	position:relative;
}
.ips5-2a h4{
	width:50% !important;
	position:absolute;
	top:0;
	right:5%;
}
.ips5-2a p:nth-of-type(1){
	width: 27.88%;
	margin: 0 0 6.07% 10%;
}
.ips5-2a p:nth-of-type(2){
	width: 50%;
	position:absolute;
	top:15%;
	right:9%;
}
.ips5-2b ul{
	width: 90.25%;
	margin: 0 auto 3.14%;
}
.ips5-2b ul li{
	font-size:12px;
	color:#FFF;
}
.ips5-3a{
	position:relative;
}
.ips5-3a h4{
	width:50% !important;
	position:absolute;
	top:0;
	right:5%;
}
.ips5-3a p:nth-of-type(1){
	width: 27.88%;
	margin: 0 0 6.07% 10%;
}
.ips5-3a p:nth-of-type(2){
	width: 50%;
	position:absolute;
	top:15%;
	right:9%;
}
.ips5-3b p:nth-of-type(1){
	width: 90.25%;
	margin: 0 auto 3.14%;
}
.ips5-3b p:nth-of-type(2){
	width: 90.25%;
	margin: 0 auto 3.14%;
}
.ips5-3c ul{
	width: 90.25%;
	margin: 0 auto 3.14%;
}
.ips5-3c ul li{
	font-size:12px;
	color:#FFF;
}
.ips5-4a{
	position:relative;
}
.ips5-4a h4{
	width:50% !important;
	position:absolute;
	top:0;
	right:5%;
}
.ips5-4a p:nth-of-type(1){
	width: 27.88%;
	margin: 0 0 6.07% 10%;
}
.ips5-4a p:nth-of-type(2){
	width: 50%;
	position:absolute;
	top:15%;
	right:9%;
}
.ips5-4b p:nth-of-type(1){
	width: 90.25%;
	margin: 0 auto 3.14%;
}
.ips5-4b p:nth-of-type(2){
	width: 90.25%;
	margin: 0 auto 3.14%;
}
.ips5-4c ul{
	width: 90.25%;
	margin: 0 auto 3.14%;
}
.ips5-4c ul li{
	font-size:12px;
	color:#FFF;
}

section#ips4-1 h3,
section#ips4-2 h3,
section#ips4-3 h3,
section#ips4-4 h3,
section#ips4-5 h3{
	font-size: 22px;
	text-align: center;
	font-weight: bold;
	line-height: 1.2;
	padding: 1.25% 0;
	background:  #0048a6;
	color: #FFF;
	margin-bottom: 5.93%;
}
section#ips4-1 h4,
section#ips4-2 h4,
section#ips4-3 h4,
section#ips4-4 h4,
section#ips4-5 h4{
	font-size: 18px;
	font-weight: bold;
	line-height: 1.2;
	padding: 0 4%;
	color: #FFF;
	margin-bottom: 1%;
}
section#ips4-1 h4{
	text-align:right;
}
section#ips4-1 p:nth-of-type(1){
	width: 21.80%;
	margin: 0 auto 6.18%;
}
section#ips4-1 p:nth-of-type(2){
	width: 90.25%;
	margin: 0 auto 3.14%;
}
section#ips4-1 p:nth-of-type(3){
	width: 90.25%;
	margin: 0 auto 4.71%;
}
section#ips4-1 p:nth-of-type(4){
	width: 97.27%;
	margin: 0 auto;
}
.ips4-2a{
	position:relative;
}
.ips4-2a h4{
	width:50% !important;
	position:absolute;
	top:0;
	right:5%;
}
.ips4-2a p:nth-of-type(1){
	width: 27.88%;
	margin: 0 0 6.07% 10%;
}
.ips4-2a p:nth-of-type(2){
	width: 50%;
	position:absolute;
	top:15%;
	right:9%;
}
.ips4-2b p{
	width: 90.25%;
	margin: 0 auto 3.14%;
}
.ips4-3a{
	position:relative;
}
.ips4-3a h4{
	width:50% !important;
	position:absolute;
	top:0;
	right:5%;
}
.ips4-3a p:nth-of-type(1){
	width: 27.88%;
	margin: 0 0 6.07% 10%;
}
.ips4-3a p:nth-of-type(2){
	width: 50%;
	position:absolute;
	top:15%;
	right:9%;
}
.ips4-3b p:nth-of-type(1){
	width: 90.25%;
	margin: 0 auto 3.14%;
}
.ips4-3b p:nth-of-type(2){
	width: 90.25%;
	margin: 0 auto 3.14%;
}
.ips4-4a{
	position:relative;
}
.ips4-4a h4{
	width:50% !important;
	position:absolute;
	top:0;
	right:5%;
}
.ips4-4a p:nth-of-type(1){
	width: 27.88%;
	margin: 0 0 6.07% 10%;
}
.ips4-4a p:nth-of-type(2){
	width: 50%;
	position:absolute;
	top:15%;
	right:9%;
}
.ips4-4b p:nth-of-type(1){
	width: 90.25%;
	margin: 0 auto 3.14%;
}
.ips4-4b p:nth-of-type(2){
	width: 90.25%;
	margin: 0 auto 3.14%;
}

section#ins-1 h3,
section#ins-2 h3,
section#ins-3 h3,
section#ins-4 h3,
section#ins-5 h3{
	font-size: 22px;
	text-align: center;
	font-weight: bold;
	line-height: 1.2;
	padding: 1.25% 0;
	background:  #ff0000;
	color: #FFF;
	margin-bottom: 5.93%;
}
section#ins-1 h3,
section#ins-2 h3{
	font-size: 22px;
	text-align: center;
	font-weight: bold;
	line-height: 1.2;
	padding: 1.25% 0;
	background:  #ff0000;
	color: #FFF;
	margin-bottom: 5.93%;
}
section#ins-1 h4,
section#ins-2 h4,
section#ins-3 h4,
section#ins-4 h4,
section#ins-5 h4{
	font-size: 18px;
	font-weight: bold;
	line-height: 1.2;
	padding: 0 4%;
	color: #FFF;
	margin-bottom: 1%;
}
section#ins-1 h4{
	text-align:right;
}
section#ins-1 p:nth-of-type(1){
	width: 16.87%;
	margin: 0 auto 6.18%;
}
section#ins-1 p:nth-of-type(2){
	width: 90.25%;
	margin: 0 auto 3.14%;
}
section#ins-1 p:nth-of-type(3){
	width: 90.25%;
	margin: 0 auto 4.71%;
}
section#ins-1 p:nth-of-type(4){
	width: 97.27%;
	margin: 0 auto ;
}
.ins-2a{
	position:relative;
}
.ins-2a h4{
	width:50% !important;
	position:absolute;
	top:0;
	right:5%;
}
.ins-2a p:nth-of-type(1){
	width: 27.88%;
	margin: 0 0 6.07% 10%;
}
.ins-2a p:nth-of-type(2){
	width: 50%;
	position:absolute;
	top:15%;
	right:9%;
}
.ins-2b p{
	width: 90.25%;
	margin: 0 auto 3.14%;
}
.ins-4a{
	position:relative;
}
.ins-4a h4{
	width:50% !important;
	position:absolute;
	top:0;
	right:5%;
}
.ins-4a p:nth-of-type(1){
	width: 27.88%;
	margin: 0 0 6.07% 10%;
}
.ins-4a p:nth-of-type(2){
	width: 50%;
	position:absolute;
	top:15%;
	right:9%;
}
.ins-4b p{
	width: 90.25%;
	margin: 0 auto 3.14%;
}
.ins-5a{
	position:relative;
}
.ins-5a h4{
	width:50% !important;
	position:absolute;
	top:0;
	right:5%;
}
.ins-5a p:nth-of-type(1){
	width: 27.88%;
	margin: 0 0 6.07% 10%;
}
.ins-5a p:nth-of-type(2){
	width: 50%;
	position:absolute;
	top:15%;
	right:9%;
}
.ins-5b p:nth-of-type(1){
	width: 86.68%;
	margin: 0 auto 3.14%;
}

section#ixboxx-1 h3,
section#ixboxx-2 h3{
	font-size: 22px;
	text-align: center;
	font-weight: bold;
	line-height: 1.2;
	padding: 1.25% 0;
	background:  #007d00;
	color: #FFF;
	margin-bottom: 5.93%;
}
section#ixboxx-1 h4,
section#ixboxx-2 h4{
	font-size: 18px;
	font-weight: bold;
	line-height: 1.2;
	padding: 0 4%;
	color: #FFF;
	margin-bottom: 1%;
}
.ixboxx-1a{
	position:relative;
}
.ixboxx-1a h4{
	width:50% !important;
	position:absolute;
	top:0;
	right:5%;
}
.ixboxx-1a p:nth-of-type(1){
	width: 27.88%;
	margin: 0 0 6.07% 10%;
}
.ixboxx-1a p:nth-of-type(2){
	width: 50%;
	position:absolute;
	top:15%;
	right:9%;
}
.ixboxx-1b ul{
	width: 90.25%;
	margin: 0 auto 3.14%;
}
.ixboxx-1b ul li{
	font-size:12px;
	color:#FFF;
}

section#ixbox-1 h3,
section#ixbox-2 h3{
	font-size: 22px;
	text-align: center;
	font-weight: bold;
	line-height: 1.2;
	padding: 1.25% 0;
	background:  #007d00;
	color: #FFF;
	margin-bottom: 5.93%;
}
section#ixbox-1 h4,
section#ixbox-2 h4{
	font-size: 18px;
	font-weight: bold;
	line-height: 1.2;
	padding: 0 4%;
	color: #FFF;
	margin-bottom: 1%;
}
.ixbox-1a{
	position:relative;
}
.ixbox-1a h4{
	width:50% !important;
	position:absolute;
	top:0;
	right:5%;
}
.ixbox-1a p:nth-of-type(1){
	width: 27.88%;
	margin: 0 0 6.07% 10%;
}
.ixbox-1a p:nth-of-type(2){
	width: 50%;
	position:absolute;
	top:15%;
	right:9%;
}
.ixbox-1b p{
	width: 90.25%;
	margin: 0 auto 3.14%;
}

section#ipc-1 h3,
section#ipc-2 h3{
	font-size: 22px;
	text-align: center;
	font-weight: bold;
	line-height: 1.2;
	padding: 1.25% 0;
	background:  #6a6a6a;
	color: #FFF;
	margin-bottom: 5.93%;
}
section#ipc-1 h4,
section#ipc-2 h4{
	font-size: 18px;
	font-weight: bold;
	line-height: 1.2;
	padding: 0 4%;
	color: #FFF;
	margin-bottom: 1%;
}
.ipc-1a{
	position:relative;
}
.ipc-1a h4{
	width:50% !important;
	position:absolute;
	top:0;
	right:5%;
}
.ipc-1a p:nth-of-type(1){
	width: 27.88%;
	margin: 0 0 6.07% 10%;
}
.ipc-1a p:nth-of-type(2){
	width: 50%;
	position:absolute;
	top:15%;
	right:9%;
}
.ipc-1a p:nth-of-type(3){
	width: 50%;
	position:absolute;
	top:40%;
	right:9%;
}
.ipc-1b p{
	width: 90.25%;
	margin: 0 auto 3.14%;
}
.ipc-2a{
	position:relative;
}
.ipc-2a h4{
	width:50% !important;
	position:absolute;
	top:0;
	right:5%;
}
.ipc-2a p:nth-of-type(1){
	width: 27.88%;
	margin: 0 0 6.07% 10%;
}
.ipc-2a p:nth-of-type(2){
	width: 50%;
	position:absolute;
	top:15%;
	right:9%;
}
.ipc-2a p:nth-of-type(3){
	width: 50%;
	position:absolute;
	top:40%;
	right:9%;
}
.ipc-2b p:nth-of-type(1){
	width: 90.25%;
	margin: 0 auto 3.14%;
}
.ipc-2b p:nth-of-type(2){
	width: 90.25%;
	margin: 0 auto 3.14%;
}

.buybtn a{
	display: block;
	text-align: center;
	border: solid 1px #575757;
	background: rgba(57,57,57,1);
	text-decoration: none;
	color: #FFF;
	font-weight: bold;
	font-size: 22px;
	line-height: 1.2;
	padding: 1.25% 0;
}
.buybtn a:hover{
	background: rgba(57,57,57,0.6);
}
.buybtn a span{
	position: relative;
}
.buybtn a span:after{
	position: absolute;
	content: '';
	width:0.77em;
	padding-top: 1.04em;
	background: url("../images/top/buy/link_arrow.png") top center no-repeat;
	background-size: 100% auto;
	top:0 ;
	right:-1.5em;
}


#spec {
	position: relative;
	margin: 5.72% auto 5% auto;
	width: 67.3%;
}
#eula,#trtx {
	position: relative;
	margin: 5.72% auto 5% auto;
	width: 100%;
	background:rgba(255,255,255,0.2);
}
#eula p,#trtx p {
	text-align:center;
	font-size:14px;
	color:#FFF;
	padding:1%;
}
#eula p a,#trtx p a {
	color:#F00;
}
#btnrtcpfooter {
	width:26.97%;
	margin:0 auto;
}

#snsset {
	position: absolute;
	right: 10px;
	top: 24px;
    width: 117px;
    height: 31px;
}
#snsset li {
    float: left;
    margin-left: 8px;
}
#snsset li img {
	width: 31px;
	height:31px;
	display: block;
}
#snsset a:hover { opacity: 0.7; }

#footer {
    position: relative;
    width: 100%;
    overflow: hidden;
}
#copyright {
    background: #000;
}

#yoyakuBtn{
	position: fixed;
	top:65px;
	left: 0;
	width: 40px;
	height: calc(100% - 130px);
	background: url("../images/top/buybtn_bg_02.png") center center no-repeat;
	background-size: 100% 100%;
    z-index: 10000;
}
#yoyakuBtn:before{
	content: '';
	width: 40px;
	height: 65px;
	background: url("../images/top/buybtn_bg_01.png") bottom center no-repeat;
	background: 100% auto;
	position: absolute;
	top: -65px;
	left: 0;
}
#yoyakuBtn:after{
	content: '';
	width: 40px;
	height: 65px;
	background: url("../images/top/buybtn_bg_03.png") top center no-repeat;
	background: 100% auto;
	position: absolute;
	bottom: -65px;
	left: 0;
}
#yoyakuBtn p{
	display: block;
	width: 100%;
	height: 100%;
}
#yoyakuBtn a{
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
}
#yoyakuBtn img{
	display: block;
	position: absolute;
	left:0;
	top:calc(50% - 97px);
}

#popup{
	width:100%;
	margin:0;
	padding:0;
	position:relative;
}
#popup img{
	width:100%;
}
#popup h1{
	width:100%;
	margin:0;
	padding:0;
}
#popup ul{
	width:95.3125%;
	position:absolute;
	left:2.1875%;
	bottom:3.66%;
	display:flex;
	-webkit-display:flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
}
#popup ul li{
	width:23.82%;
	position:relative;
}
#popup ul li a.popup1link1{
	width:48.16%;
	position:absolute;
	display:block;
	bottom:3.17%;
	left:1.83%;
}
#popup ul li a.popup1link2{
	width:48.16%;
	position:absolute;
	display:block;
	bottom:3.17%;
	left:50%;
}
#popup ul li a:hover  {
    opacity: 0.7;
}

#popup2{
	width:100%;
	margin:0;
	padding:0 0 10.625%;
	position:relative;
	background-image: -moz-linear-gradient( 0deg, rgb(0,0,0) 0%, rgb(0,0,0) 0%, rgb(5,29,43) 49%, rgb(0,0,0) 100%);
	background-image: -webkit-linear-gradient( 0deg, rgb(0,0,0) 0%, rgb(0,0,0) 0%, rgb(5,29,43) 49%, rgb(0,0,0) 100%);
	background-image: -ms-linear-gradient( 0deg, rgb(0,0,0) 0%, rgb(0,0,0) 0%, rgb(5,29,43) 49%, rgb(0,0,0) 100%);
}
#popup2 img{
	width:100%;
}
#popup2 h1{
	width:100%;
	margin:0;
	padding:0 0 4.58%;
	background:#000;
}
#popup2 h2{
	width:92.91%;
	margin:0 auto 5.1%;
	padding:0;
}
#popup2 ul.popup2btn1{
	width:80%;
	margin:0 auto;
	padding:0;
}
#popup2 ul.popup2btn1 li{
	margin-bottom:3.77%;
}
#popup2 ul.popup2btn1 li:last-of-type{
	margin-bottom:2.99%;
}
#popup2 ul.popup2btn1 a:hover  {
    opacity: 0.7;
}
#popup2 p.popup2link1{
	width:90%;
	margin:0 auto 8.02%;
	padding:0;
	position:relative;
}
#popup2 p.popup2link1 a{
	display:block;
	width:5.09%;
	position:absolute;
	top:29.68%;
	left:75.57%;
}
#popup2 p.popup2link1 a:hover  {
    opacity: 0.7;
}
#popup2 .popup2notice{
	width:90.52%;
	margin-left:5%;
}
#popup2 .popup2notice a:hover  {
    opacity: 0.7;
}
#popup2 .popup2notice h3{
	width:99.65%;
	margin-bottom:1.61%;
	margin-left:0.11%;
}
#popup2 .popup2notice p{
	width:100%;
	margin-bottom:3.45%;
	position:relative;
}
#popup2 p.popup2link2 a{
	display:block;
	width:6.44%;
	position:absolute;
	top:2.85%;
	left:53.62%;
}
#popup2 p.popup2link3 a{
	display:block;
	width:40.96%;
	position:absolute;
	top:30.76%;
	left:42.34%;
}
#popup2 p.popup2link4{
	width:99.19%;
}
#popup2 p.popup2link4 a.popup2link4a{
	display:block;
	width:33.06%;
	position:absolute;
	top:15.68%;
	left:54.64%;
}
#popup2 p.popup2link4 a.popup2link4b{
	display:block;
	width:51.27%;
	position:absolute;
	top:76.86%;
	left:28.53%;
}

#popup3{
	width:100%;
	margin:0;
	padding:0 0 10.625%;
	position:relative;
	background-image: -moz-linear-gradient( 0deg, rgb(0,0,0) 0%, rgb(0,0,0) 0%, rgb(5,29,43) 49%, rgb(0,0,0) 100%);
	background-image: -webkit-linear-gradient( 0deg, rgb(0,0,0) 0%, rgb(0,0,0) 0%, rgb(5,29,43) 49%, rgb(0,0,0) 100%);
	background-image: -ms-linear-gradient( 0deg, rgb(0,0,0) 0%, rgb(0,0,0) 0%, rgb(5,29,43) 49%, rgb(0,0,0) 100%);
}
#popup3 img{
	width:100%;
}
#popup3 h1{
	width:92.91%;
	margin:0 auto 3.85%;
	padding:0;
}
#popup3 ul{
	width:86.14%;
	margin:0 auto;
	display:flex;
	-webkit-display:flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
}
#popup3 ul li{
	width:47.64%;
	padding-bottom: 4%;
	position:relative;
}
#popup3 ul li img:nth-of-type(2){
	position:absolute;
	top:0;
	left:0;
}
#popup3 ul li a:hover  {
    opacity: 0.7;
}
#popup4{
	width:100%;
	margin:0;
	padding:0;
	position:relative;
}
#popup4 img{
	width:100%;
}
#popup4 h1{
	width:100%;
	margin:0;
	padding:0;
}
#popup4 ul{
	width:34.89%;
	position:absolute;
	left:56.66%;
	bottom:10.13%;
	display:flex;
	-webkit-display:flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
}
#popup4 ul li:nth-of-type(1){
	width:42.38%;
}
#popup4 ul li:nth-of-type(2){
	width:52.23%;
}
#popup4 ul li a:hover  {
	opacity: 0.7;
}
#popup5{
	width:100%;
	margin:0;
	padding:3% 0;
	position:relative;
	background-image: -moz-linear-gradient( 0deg, rgb(0,0,0) 0%, rgb(0,0,0) 0%, rgb(5,29,43) 49%, rgb(0,0,0) 100%);
	background-image: -webkit-linear-gradient( 0deg, rgb(0,0,0) 0%, rgb(0,0,0) 0%, rgb(5,29,43) 49%, rgb(0,0,0) 100%);
	background-image: -ms-linear-gradient( 0deg, rgb(0,0,0) 0%, rgb(0,0,0) 0%, rgb(5,29,43) 49%, rgb(0,0,0) 100%);
	overflow:hidden;
}
#popup5 img{
	width:100%;
}
#popup5 h1{
	width:187.5%;
	margin:0 0 0 -43.75%;
	padding:0 0 4.58%;
}
#popup5 p{
	width:80%;
	margin:0 auto 1.6em;
	font-size:16px;
	line-height:1.6;
	color:#FFF;
}
#popup6{
	width:100%;
	margin:0;
	padding:3% 0;
	position:relative;
	background-image: -moz-linear-gradient( 0deg, rgb(0,0,0) 0%, rgb(0,0,0) 0%, rgb(5,29,43) 49%, rgb(0,0,0) 100%);
	background-image: -webkit-linear-gradient( 0deg, rgb(0,0,0) 0%, rgb(0,0,0) 0%, rgb(5,29,43) 49%, rgb(0,0,0) 100%);
	background-image: -ms-linear-gradient( 0deg, rgb(0,0,0) 0%, rgb(0,0,0) 0%, rgb(5,29,43) 49%, rgb(0,0,0) 100%);
	overflow:hidden;
}
#popup6 img{
	width:100%;
}
#popup6 h1{
	width:187.5%;
	margin:0 0 0 -43.75%;
	padding:0 0 4.58%;
}
#popup6 p{
	width:80%;
	margin:0 auto 1.6em;
	font-size:16px;
	line-height:1.6;
	color:#FFF;
}
#popup7{
	width:100%;
	margin:0;
	padding:0 0 10.625%;
	position:relative;
	background-image: -moz-linear-gradient( 0deg, rgb(0,0,0) 0%, rgb(0,0,0) 0%, rgb(5,29,43) 49%, rgb(0,0,0) 100%);
	background-image: -webkit-linear-gradient( 0deg, rgb(0,0,0) 0%, rgb(0,0,0) 0%, rgb(5,29,43) 49%, rgb(0,0,0) 100%);
	background-image: -ms-linear-gradient( 0deg, rgb(0,0,0) 0%, rgb(0,0,0) 0%, rgb(5,29,43) 49%, rgb(0,0,0) 100%);
}
#popup7 img{
	width:100%;
}
#popup7 h1{
	width:100%;
	margin:0;
	padding:0 0 4.58%;
	background:#000;
}
#popup7 h2{
	width:92.91%;
	margin:0 auto 5.1%;
	padding:0;
}
#popup7 ul.popup7btn1{
	width:80%;
	margin:0 auto;
	padding:0;
}
#popup7 ul.popup7btn1 li{
	margin-bottom:3.77%;
}
#popup7 ul.popup7btn1 li:last-of-type{
	margin-bottom:2.99%;
}
#popup7 ul.popup7btn1 a:hover  {
    opacity: 0.7;
}
#popup7 p.popup7link1{
	width:90%;
	margin:0 auto 8.02%;
	padding:0;
	position:relative;
}
#popup7 p.popup7link1 a{
	display:block;
	width:5.09%;
	position:absolute;
	top:29.68%;
	left:75.57%;
}
#popup7 p.popup7link1 a:hover  {
    opacity: 0.7;
}
#popup7 .popup7notice{
	width:90.52%;
	margin-left:5%;
}
#popup7 .popup7notice a:hover  {
    opacity: 0.7;
}
#popup7 .popup7notice h3{
	width:99.65%;
	margin-bottom:1.61%;
	margin-left:0.11%;
}
#popup7 .popup7notice p{
	width:100%;
	margin-bottom:3.45%;
	position:relative;
}
#popup7 p.popup7link2 a{
	display:block;
	width:6.44%;
	position:absolute;
	top:2.85%;
	left:53.62%;
}
#popup7 p.popup7link3 a{
	display:block;
	width:40.96%;
	position:absolute;
	top:30.76%;
	left:42.34%;
}
#popup7 p.popup7link4{
	width:99.19%;
}
#popup7 p.popup7link4 a.popup7link4a{
	display:block;
	width:33.06%;
	position:absolute;
	top:23.52%;
	left:54.64%;
}
#popup7 p.popup7link4 a.popup7link4b{
	display:block;
	width:51.27%;
	position:absolute;
	top:76.86%;
	left:28.53%;
}
#popup8{
	width:100%;
	margin:0;
	padding:3% 0;
	position:relative;
	background-image: -moz-linear-gradient( 0deg, rgb(0,0,0) 0%, rgb(0,0,0) 0%, rgb(5,29,43) 49%, rgb(0,0,0) 100%);
	background-image: -webkit-linear-gradient( 0deg, rgb(0,0,0) 0%, rgb(0,0,0) 0%, rgb(5,29,43) 49%, rgb(0,0,0) 100%);
	background-image: -ms-linear-gradient( 0deg, rgb(0,0,0) 0%, rgb(0,0,0) 0%, rgb(5,29,43) 49%, rgb(0,0,0) 100%);
	overflow:hidden;
}
#popup8 img{
	width:100%;
}
#popup8 h1{
	width:187.5%;
	margin:0 0 0 -43.75%;
	padding:0 0 4.58%;
}
#popup8 p{
	width:80%;
	margin:0 auto 1.6em;
	font-size:16px;
	line-height:1.6;
	color:#FFF;
}

#popup9{
	width:100%;
	margin:0;
	padding:0 0 10.625%;
	position:relative;
	background-image: -moz-linear-gradient( 0deg, rgb(0,0,0) 0%, rgb(0,0,0) 0%, rgb(5,29,43) 49%, rgb(0,0,0) 100%);
	background-image: -webkit-linear-gradient( 0deg, rgb(0,0,0) 0%, rgb(0,0,0) 0%, rgb(5,29,43) 49%, rgb(0,0,0) 100%);
	background-image: -ms-linear-gradient( 0deg, rgb(0,0,0) 0%, rgb(0,0,0) 0%, rgb(5,29,43) 49%, rgb(0,0,0) 100%);
}
#popup9 img{
	width:100%;
}
#popup9 h1{
	width:100%;
	margin:0;
	padding:0 0 4.58%;
	background:#000;
}
#popup9 h2{
	width:92.91%;
	margin:0 auto 5.1%;
	padding:0;
	position:relative;
}
#popup9 h2 a{
	display:block;
	width:30.49%;
	position:absolute;
	top:85.04%;
	left:31.72%;
}
#popup9 h2 a:hover  {
    opacity: 0.7;
}
#popup9 h2+p{
	width:81.45%;
	margin:0 auto 5.1%;
	padding:0;
	position:relative;
}

#popup9 ul.popup9btn1{
	width:80%;
	margin:0 auto;
	padding:0;
}
#popup9 ul.popup9btn1 li{
	margin-bottom:3.77%;
}
#popup9 ul.popup9btn1 li:last-of-type{
	margin-bottom:2.99%;
}
#popup9 ul.popup9btn1 a:hover  {
    opacity: 0.7;
}
#popup9 p.popup9link1{
	width:90.41%;
	margin-bottom:3.85%;
	margin-left:5.2%;
	padding:0;
	position:relative;
}
#popup9 p.popup9link1 a{
	display:block;
	width:4.95%;
	position:absolute;
	top:54.08%;
	left:50.11%;
}
#popup9 p.popup9link1 a:hover  {
    opacity: 0.7;
}
#popup9 .popup9notice{
	width:90.52%;
	margin-left:5%;
}
#popup9 .popup9notice a:hover  {
    opacity: 0.7;
}
#popup9 .popup9notice h3{
	width:99.65%;
	margin-bottom:1.61%;
	margin-left:0.11%;
}
#popup9 .popup9notice p{
	width:100%;
	margin-bottom:3.45%;
	position:relative;
}
#popup9 p.popup9link2 a.popup9link2-1{
	display:block;
	width:6.55%;
	position:absolute;
	top:1.81%;
	left:54.31%;
}
#popup9 p.popup9link2 a.popup9link2-2{
	display:block;
	width:19.67%;
	position:absolute;
	top:38.18%;
	left:33.37%;
}
#popup9 p.popup9link3 a{
	display:block;
	width:40.96%;
	position:absolute;
	top:30.76%;
	left:42.34%;
}
#popup9 p.popup9link4{
	width:99.19%;
}
#popup9 p.popup9link4 a.popup9link4a{
	display:block;
	width:33.06%;
	position:absolute;
	top:15.68%;
	left:54.64%;
}
#popup9 p.popup9link4 a.popup9link4b{
	display:block;
	width:51.27%;
	position:absolute;
	top:76.86%;
	left:28.53%;
}

#popup10{
	width:100%;
	margin:0;
	padding:0 0 10.625%;
	position:relative;
	background-image: -moz-linear-gradient( 0deg, rgb(0,0,0) 0%, rgb(0,0,0) 0%, rgb(5,29,43) 49%, rgb(0,0,0) 100%);
	background-image: -webkit-linear-gradient( 0deg, rgb(0,0,0) 0%, rgb(0,0,0) 0%, rgb(5,29,43) 49%, rgb(0,0,0) 100%);
	background-image: -ms-linear-gradient( 0deg, rgb(0,0,0) 0%, rgb(0,0,0) 0%, rgb(5,29,43) 49%, rgb(0,0,0) 100%);
}
#popup10 img{
	width:100%;
}
#popup10 h1{
	width:100%;
	margin:0;
	padding:0 0 4.58%;
	background:#000;
}
#popup10 h2{
	width:96.07%;
	margin:0 auto 5.1%;
	padding:0;
	position:relative;
}
#popup10 p:nth-of-type(1){
	width:87.89%;
	margin:0 auto 2.91%;
	padding:0;
	position:relative;
}
#popup10 p:nth-of-type(2){
	width:87.55%;
	margin:0 auto 10.98%;
	padding:0;
	position:relative;
}
#popup10 p:nth-of-type(3){
	width:89.68%;
	margin:0 auto;
	padding:0 0 5%;
	position:relative;
}

#popup11{
	width:100%;
	margin:0;
	padding:0 0 10.625%;
	position:relative;
	background-image: -moz-linear-gradient( 0deg, rgb(0,0,0) 0%, rgb(0,0,0) 0%, rgb(5,29,43) 49%, rgb(0,0,0) 100%);
	background-image: -webkit-linear-gradient( 0deg, rgb(0,0,0) 0%, rgb(0,0,0) 0%, rgb(5,29,43) 49%, rgb(0,0,0) 100%);
	background-image: -ms-linear-gradient( 0deg, rgb(0,0,0) 0%, rgb(0,0,0) 0%, rgb(5,29,43) 49%, rgb(0,0,0) 100%);
}
#popup11 img{
	width:100%;
}
#popup11 h1{
	width:100%;
	margin:0;
	padding:0 0 4.58%;
	background:#000;
	font-size:0;
	line-height:0;
}
#popup11 h2{
	width:89.79%;
	margin:0 auto 5.1%;
	padding:0;
	position:relative;
	font-size:0;
	line-height:0;
}
#popup11 h3:nth-of-type(1){
	width:89.27%;
	margin:0 auto 5.1%;
	padding:0;
	position:relative;
	font-size:0;
	line-height:0;
}
#popup11 h3:nth-of-type(2){
	width:89.27%;
	margin:0 auto 3.12%;
	padding:0;
	position:relative;
	font-size:0;
	line-height:0;
}
#popup11 h3:nth-of-type(3){
	width:71.56%;
	margin:0 auto 5.1%;
	padding:0;
	position:relative;
	font-size:0;
	line-height:0;
}
#popup11 p.popup11notice1{
	width:90.52%;
	margin:0 auto 5.1%;
	padding:0;
	position:relative;
	font-size:0;
	line-height:0;
}
#popup11 ul.popup11btn1{
	width:73.54%;
	margin:0 auto 5.1%;
	padding:0;
	display:flex;
	-webkit-display:flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
}
#popup11 ul.popup11btn1 li{
	width:46.74%;
	font-size:0;
	line-height:0;
}
#popup11 ul.popup11btn1 li a:hover {
    opacity: 0.7;
}

#popup11 ul.popup11btn2{
	width:80%;
	margin:0 auto;
	padding:0;
}
#popup11 ul.popup11btn2 li{
	margin-bottom:3.77%;
	font-size:0;
	line-height:0;
}
#popup11 ul.popup11btn2 li:last-of-type{
	margin-bottom:2.99%;
}
#popup11 ul.popup11btn2 a:hover  {
    opacity: 0.7;
}
#popup11 p.popup11link1 a{
	display:block;
	width:4.95%;
	position:absolute;
	top:54.08%;
	left:50.11%;
}
#popup11 p.popup11link1 a:hover  {
    opacity: 0.7;
}
#popup11 .popup11notice2{
	width:89.58%;
	margin:0 auto 5%;
}
#popup11 .popup11notice2 a:hover  {
    opacity: 0.7;
}
#popup11 .popup11notice2 h4{
	width:99.65%;
	margin-bottom:1.61%;
	margin-left:0.11%;
	font-size:0;
	line-height:0;
}
#popup11 .popup11notice2 p{
	width:100%;
	margin-bottom:3.45%;
	position:relative;
	font-size:0;
	line-height:0;
}
#popup11 .popup11notice2 p.popup11link1 a{
	width:37.08%;
	position:absolute;
	top:0;
	left:0;
	margin-top:6.97%;
	margin-left:50.46%;
}
#popup11 .popup11notice2 p a.popup11link2a{
	width:33.13%;
	position:absolute;
	top:0;
	left:0;
	margin-top:4.65%;
	margin-left:54.65%;
}
#popup11 .popup11notice2 p a.popup11link2b{
	width:51.39%;
	position:absolute;
	top:0;
	left:0;
	margin-top:22.79%;
	margin-left:28.60%;
}



@media screen and (max-width:960px) {
	#bgl { display: none; }
	#bgr { display: none; }
}
@media screen and (max-width:767px) {
    /* common */
	.pc {
		display: none !important;
	}
	.sp {
		display: block !important;
	}
    #wrapper {
    }
    .contents {
        width: 100%;
    }
    #bg {
        position: relative;
        width: 100%;
		left: auto;
		margin-left: 0;
    }
	#topmain {
		padding-top: 335%;
	}
	#topmain h1 { width: 53.33%; left: 23.33%; margin-top: 20.31%; }
	#btntrial { position: absolute; width: 52%;  margin-top: 176%;margin-left:48%; }
	#btnrtcp { position: absolute; width: 50%; margin-top: 192.13%;margin-left:0; }
	#btntvcm { position: absolute; width: 45%; margin-top: 152%;margin-left:2%; }
	#btnps5xbox1 { position: absolute; width: 46.5%; margin-top: 136.5%;margin-left:0.5%; }
	#btnps5xbox2 { position: absolute; width: 45%; margin-top: 157.5%;margin-left:2%; }
	#btnsoundtrack { position: absolute; width: 45.3%; margin-top: 191%;margin-left:2%; }
	#btndcomic { position: absolute; width: 50%; margin-top: 195.5%;margin-left:48%; }
	#btndlc { position: absolute; width: 45%; right:auto; margin-top: 209%;margin-left:2%;}
	#btnguidelines { position: absolute; width: 50%; right: auto; margin-top: 212%;margin-left:48%; }
	#btnsurvey { position: absolute; width: 45%; right:auto; margin-top: 219%;margin-left:2%;}
	#btnbuy p{ position: absolute; width: 77.2%; right: auto;margin-top: 296%; margin-left:11.5%;}
	#btnbuy ul{ position: absolute; width: 70%; right: auto; margin-top: 307%; margin-left:15%;margin-right: 0;}
	#btnteishi01 { position: absolute; width: 45%; right: auto; margin-top: 230%;margin-left:2%; }
	#btnteishi02 { position: absolute; width: 45%; right: auto;margin-top: 230%;margin-left:50%; }
	#btnsoundtrack2 { position: absolute; width: 77.2%; left: 0; top: 0; margin-top: 265%;margin-left:11.5%;}
	#btnsoundtrack2 a.btnsoundtrack2link1 { position: absolute;width:89.3%;top:42.85%;left:4.93%;}
	#btnsoundtrack2 a.btnsoundtrack2link2 { position: absolute;width:89.3%;top:69.04%;left:4.93%;}
	#btnupdate { position: absolute; width: 79.74%; left: 0; top: 0; margin-top: 248%;margin-left:10%; }
	#btncontests { position: absolute; width: 50%; margin-top: 157.5%;margin-right:2%; }
	#btnofficialgoods { position: absolute; width: 50%; margin-top: 138%;margin-left:48%; }
	#btnrtcp2 { position: absolute; width: 50%; margin-top: 138%;margin-left:48%; }


	#top #bg {
		background: none;
		background-color: transparent;
	}
	#top #bg:before {
		content: "";
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		height: 100vh;
		background: url(../images/top/topbg_sp.jpg) center top no-repeat;
		background-size: 100% auto;
	}

	#tp02 { margin-top: 120%; }

	#tp03 {
		position: relative;
		left: auto;
		top: auto;
		width: 80%;
		margin: 0% auto 5% auto;
	}
	#tp04 { margin-top: 96%;width:300%;margin-left:-75%; }
    #tp_tx {
        position:relative;
        left: auto;
        top: auto;
        bottom: auto;
        width: 96%;
        margin: 8% auto 3% auto;
        text-align: left;
    }
	#bn_vv {
		position: relative;
		left: auto;
		top: auto;
		width: 40%;
		margin: 0% auto 1% auto;
	}
    hr.hrline {
        border: none;
        background: url(../images/top/hr.png) center top no-repeat;
        width: 187.5%;
        margin-left: -47.35%;
        height: 0;
        padding-top: 0.2%;
        overflow: hidden;
        background-size: 100% auto;
    }

    #toppic {
		width: 90%;
	}

	.twiarea p{
		width: 76%;
		margin:6% auto;
	}

	.buy-h-1 ul{
		width:95%;
		margin:0 auto;
	}
	.buy-h-2 ul{
		width:95%;
		margin-top:15%;
		margin-right:auto;
		margin-left:auto;
	}

	.buy-tab{
		width:95%;
		margin:-23% auto 15%;
	}
	.tab{
		padding-top: 33%;
	}
	.tab li{
		font-size: x-small;
		width: 21.875%;
	}
	.tab li#tps5-1{
		border-right: solid 2px #0048a6;
		border-bottom: solid 2px #0048a6;
		border-left: solid 2px #0048a6;
		height: 10%;
		line-height: 1;
		padding: 6.4% 0 8.4%;
	}
	.tab li#tps4-1{
		border-right: solid 2px #0048a6;
		border-bottom: none;
		border-left: solid 2px #0048a6;
		height: 10%;
		line-height: 1;
		padding: 2.4% 0 4.8%;
		width: 30.41%;
	}
	.tab li#tps4-2{
		border: solid 2px #0048a6;
		left:34.8%;
		margin-top:7%;
		height: 10%;
		line-height: 1;
		padding: 2.4% 0 4.8%;
		width: 30.41%;
	}
	.tab li#tns-1{
		border-right: solid 2px #ff0000;
		border-bottom: none;
		border-left: solid 2px #ff0000;
		right:0;
		height: 10%;
		line-height: 1;
		padding: 2.4% 0 4.8%;
		width: 30.41%;
	}
	.tab li#tns-2{
		border: solid 2px #ff0000;
		right:0;
		margin-top:7%;
		height: 10%;
		line-height: 1;
		padding: 2.4% 0 4.8%;
		width: 30.41%;
	}
	.tab li#txboxx{
		border: solid 2px #007d00;
		height: 10%;
		padding: 3.6% 0 4.8%;
		line-height: 1;
		width: 30.41%;
	}
	.tab li#txbox{
		border: solid 2px #007d00;
		left:34.8%;
		height: 10%;
		padding: 3.6% 0 4.8%;
		line-height: 1;
		width: 30.41%;
	}
	.tab li#tpc{
		border: solid 2px #6a6a6a;
		height: 10%;
		padding: 3.6% 0 4.8%;
		line-height: 1;
	}

	.tab_sub{
		width:94%;
		margin:0 auto;
	}
	.tab_sub li{
			font-size: x-small;
	}
	.tab_sub li span{
			font-size: xx-small;
	}

	#stps5{
		border-top: solid 2px #0048a6;
		border-right: solid 2px #0048a6;
		border-left: solid 2px #0048a6;
	}
	#stps4{
		border-top: solid 2px #0048a6;
		border-right: solid 2px #0048a6;
		border-left: solid 2px #0048a6;
	}
	#stns{
		border-top: solid 2px #ff0000;
		border-right: solid 2px #ff0000;
		border-left: solid 2px #ff0000;
	}
	#stxboxx{
		border-top: solid 2px #007d00;
		border-right: solid 2px #007d00;
		border-left: solid 2px #007d00;
	}
	#stxbox{
		border-top: solid 2px #007d00;
		border-right: solid 2px #007d00;
		border-left: solid 2px #007d00;
	}
	#stpc{
		border-top: solid 2px #6a6a6a;
		border-right: solid 2px #6a6a6a;
		border-left: solid 2px #6a6a6a;
	}
	.tab_sub li#stps4-2{
		border-right: solid 2px #0048a6;
		border-left: solid 2px #0048a6;
	}
	.tab_sub li#stns-1{
		padding: 4.5% 0 0;
	}
	.tab_sub li#stns-2{
		border-right: solid 2px #ff0000;
		border-left: solid 2px #ff0000;
	}
	.tab_sub li#stns-3{
		border-right: solid 2px #ff0000;
		border-left: solid 2px #ff0000;
		padding: 4.5% 0 0;
	}
	.tab_sub li#stxbox-2{
		border-left: solid 2px #007d00;
	}
	.tab_sub li#stpc-2{
		border-right: solid 2px #6a6a6a;
		border-left: solid 2px #6a6a6a;
	}

	section{
		width: 94%;
		margin: 0 auto 10%;
	}
	section#ips5-1,
	section#ips5-2,
	section#ips5-3,
	section#ips5-4{
		border:2px solid #0048a6;
	}
	section#ips4-1,
	section#ips4-2,
	section#ips4-3,
	section#ips4-4{
		border:2px solid #0048a6;
	}
	section#ins-1,
	section#ins-2,
	section#ins-3,
	section#ins-4{
		border:2px solid #ff0000;
	}
	section#ixboxx-1,
	section#ixboxx-2{
		border:2px solid #007d00;
	}
	section#ixbox-1,
	section#ixbox-2{
		border:2px solid #007d00;
	}
	section#ipc-1,
	section#ipc-2,
	section#ipc-3{
		border:2px solid #6a6a6a;
	}
	section#ips5-1 h3,
	section#ips5-2 h3,
	section#ips5-3 h3,
	section#ips5-4 h3,
	section#ips5-5 h3,
	section#ips4-1 h3,
	section#ips4-2 h3,
	section#ips4-3 h3,
	section#ips4-4 h3,
	section#ips4-5 h3,
	section#ins-1 h3,
	section#ins-2 h3,
	section#ins-3 h3,
	section#ins-4 h3,
	section#ins-5 h3,
	section#ixboxx-1 h3,
	section#ixboxx-2 h3,
	section#ixbox-1 h3,
	section#ixbox-2 h3,
	section#ipc-1 h3,
	section#ipc-2 h3{
		font-size: x-small;
	}
	section#ips5-1 h4,
	section#ips5-2 h4,
	section#ips5-3 h4,
	section#ips5-4 h4,
	section#ips5-5 h4,
	section#ips4-1 h4,
	section#ips4-2 h4,
	section#ips4-3 h4,
	section#ips4-4 h4,
	section#ips4-5 h4,
	section#ins-1 h4,
	section#ins-2 h4,
	section#ins-3 h4,
	section#ins-4 h4,
	section#ins-5 h4,
	section#ixboxx-1 h4,
	section#ixboxx-2 h4,
	section#ixbox-1 h4,
	section#ixbox-2 h4,
	section#ipc-1 h4,
	section#ipc-2 h4,
	section#ips5-1 li,
	section#ips5-2 li,
	section#ips5-3 li,
	section#ips5-4 li,
	section#ips5-5 li,
	section#ixboxx-1 li
	{
		font-size: x-small;
	}

	.buybtn a{
	font-size: medium;
}

.ips4-1a p:nth-of-type(2){
	top:35%;
}
.ips4-2a p:nth-of-type(2){
	top:35%;
}
.ips4-3a p:nth-of-type(2){
	top:35%;
}
.ips4-4a p:nth-of-type(2){
	top:35%;
}
.ins-1a p:nth-of-type(2){
	top:35%;
}
.ins-2a p:nth-of-type(2){
	top:35%;
}

.ins-4a p:nth-of-type(2){
	top:35%;
}
.ins-5a p:nth-of-type(2){
	top:35%;
}
.ixbox-1a p:nth-of-type(2){
	top:35%;
}
.ixbox-1a p:nth-of-type(2){
	top:35%;
}
.ipc-1a p:nth-of-type(2){
	top:35%;
}
.ipc-1a p:nth-of-type(3){
	top:auto;
	bottom:0;
}
.ipc-2a p:nth-of-type(2){
	top:35%;
}
.ipc-2a p:nth-of-type(3){
	top:auto;
	bottom:0;
}
.ipc-1a p:nth-of-type(2) a{
	font-size: small !important;
}
.ipc-1a p:nth-of-type(3) a{
	font-size: small !important;
}
.ipc-2a p:nth-of-type(2) a{
	font-size: small !important;
}
.ipc-2a p:nth-of-type(3) a{
	font-size: small !important;
}
.ipc-1a p.buybtn a span:after,
.ipc-2a p.buybtn a span:after{
	position: absolute;
	content: '';
	width:0.5em;
	padding-top: 1.04em;
	background: url("../images/top/buy/link_arrow.png") top center no-repeat;
	background-size: 100% auto;
	top:10% ;
	right:-0.5em;
}


	#spec {
		position: relative;
		margin: 5.72% auto 5% auto;
		width: 96%;
	}

	#eula,#trtx {
		width: 95%;
	}
	#eula p,#trtx p {
		font-size:x-small;
	}

    #snsset {
        position: relative;
        right: auto;
        top: auto;
        width: 70%;
        height: auto;
        margin: 4% auto;
    }
    #snsset li {
        margin: 0 4%;
        width: 25%;
    }
    #snsset li img {
        width: 100%;
        height:auto;
    }


#yoyakuBtn{
	position: fixed;
	top:auto;
	left: 0;
	bottom: 2em;
	width: 40%;
	height: auto;
	background: none;
}
#yoyakuBtn:before{
	display: none;
}
#yoyakuBtn:after{
	display: none;
}
#yoyakuBtn p{
	display: block;
	width: 100%;
	height: 100%;
}
#yoyakuBtn a{
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
}
#yoyakuBtn img{
	display: block;
	position: relative;
	left:auto;
	top:auto;
	width: 100%;
}


#popup5 p,
#popup6 p,
#popup8 p{
	width:90%;
	font-size:small;
}

}