@charset "utf-8";
/* CSS Document */

body{
	background:#000;
	font-size:12px;
	font-family:"ＭＳ ゴシック", "MS Gothic",  "メイリオ", Meiryo, "Osaka－等幅", Osaka-mono, monospace;
	color:#fff;
	line-height:1.3;
	-webkit-text-size-adjust: 100%;
}
a{
	color:#fff;
}

#wrapper{
	background:#bc0708;
}
#container{
	background:url(../img/top/main.jpg) center top no-repeat;
	min-width:980px;
	overflow:hidden;
}
#container.sp{
	background:url(../img/top/sp_back.jpg) center top no-repeat;
}
#container .main{
	width:980px;
	margin:0 auto;
	text-align:center;
	position:relative;
	min-height:669px;
	max-height:1000px;
	position:relative;
}

a.btn-main{	position:absolute;}
a.btn-main.btn-left{ top:385px; left:29px;}
a.btn-main.btn-left2{ top:589px; left:-10px;}
a.btn-main.btn-right{ top:385px; right:29px;}
a.btn-main.btn-tutorial{ top:591px; right:-7px; }

a.btn-main.btn-right .ov{
	position:absolute;
	top:0; left:0;
	display:none;
}

h1{
	display:inline-block;
	margin-top:42px;
}

#sns{
	position:absolute;
	top:42px; right:0;
}
#sns div{
	display:inline-block;
	width:102px; 
	float:left; margin-left:5px;
}

.tab{
	width:980px; height:30px;
	margin:0 auto;
	position:relative;
	text-align:left;
	overflow:hidden;
	z-index:2;
}
.tab:hover{
	overflow:visible;
}
.tab.bottom > ul{
	position:absolute;
	bottom:-31px; left:0;
	display:none;
}
.tab >ul >li{
	float:left;
	position:relative;
	overflow:hidden;
}
.tab ul li a{
	display:block;
	background-color:#000;
	background-color:rgba(0, 0, 0, 0.9);
	width:188px; /*width:240px;*/ height:17px;
	padding:13px 0 0 7px;
	border-left:1px solid #b70809;
}
.tab >ul >li:first-child >a{
	border-left:none;
}
.tab >ul >li:hover{
	overflow:visible;
}
.tab >ul >li:hover >a,
.tab >ul >li.visit >a{
	background-color:#b70809;
	background-color:rgba(183, 8, 9, 0.9);
}

.tab >ul >li >ul{
	position:absolute;
	top:30px; left:1px;
}
.tab >ul >li >ul >li{
	line-height: 0;
	font-size: 1%;
}
.tab >ul >li >ul >li a{
	border:none;
}
.tab >ul >li >ul >li:hover a,
.tab >ul >li >ul >li.visit a{
	background-color:#b70809;
	background-color:rgba(183, 8, 9, 0.9);
}
.tab >ul >li >ul >li.menu-ps4:hover a,
.tab >ul >li >ul >li.menu-ps4.visit a{
	background-color:#0064b5;
	background-color:rgba(0, 100, 181, 0.9);
}

#content_area{
	z-index:1;
	border-top:1px solid #b70809;
	background:url(../img/back-content_area.gif) repeat;
}
.content{
	width:100%; height:540px;
	background:center top no-repeat;
	overflow:hidden;
}
.content .inner{
	width:980px; height:100%;
	margin:0 auto;
	position:relative;
}

#headline{
	background-image:url(../img/headline/back.jpg);
	display:block;
}
#headline.sp{
	background-image:url(../img/headline/sp_back.jpg);
}
#headline p#more{
	padding-top:15px;
	text-align:right;
	margin-right:72px; margin-bottom:8px;
}
#headline ul{
	width:910px;
	float:left;
	width:377px;
}
#headline ul.headline_left{	margin-left:78px;}
#headline ul.headline_right{ margin-left:70px;}
#headline ul li{margin-bottom:14px;
}
#headline ul li a{
	display:block;
	width:359px; height:130px;
	padding:9px;
	background:url(../img/headline/back-new.png) no-repeat;
	position:relative;
	color:inherit;
	text-decoration:none;
}
#headline ul li img.icon-new{
	position:absolute;
	top:0; right:-15px;
}
#headline ul li img.icon-cat{
	position:absolute;
	top:43px; right:20px;
}
#headline ul li h2{
	background-color:#ab0001;
	padding-left:7px;
	line-height:25px; height:25px;
	overflow:hidden;
	font-weight:bold;
}
#headline ul li .box{
	padding:13px 11px 0 13px;
}
#headline ul li img.thumb{
	float:left;
	background-color:#7c7c7c;
	padding:1px;
	display:inline-block;
}
#headline ul li p{
	margin-left:8px;
	width:210px;
	float:left;
	font-size:11px;
	max-height:56px;
	overflow:hidden;
}
#headline ul li p.date{
	margin-bottom:8px;
}

#game_system3 ul li,
#game_system4 ul li{
	float:left;
}
#game_system3,#game_system4{	background-image:url(../img/game_system/back.jpg);}
#game_system3.sp. #game_system4.sp{	background-image:url(../img/game_system/sp_back.jpg);}
#game_system31{	background-image:url(../img/game_system/ps3/back1.jpg);}
#game_system32{	background-image:url(../img/game_system/ps3/back2.jpg);}
#game_system33{	background-image:url(../img/game_system/ps3/back3.jpg);}
#game_system31.sp{	background-image:url(../img/game_system/ps3/sp_back1.jpg);}
#game_system32.sp{	background-image:url(../img/game_system/ps3/sp_back2.jpg);}
#game_system3-3.sp{	background-image:url(../img/game_system/ps3/sp_back3.jpg);}
#game_system41{	background-image:url(../img/game_system/ps4/back1.jpg);}
#game_system42{	background-image:url(../img/game_system/ps4/back2.jpg);}
#game_system43{	background-image:url(../img/game_system/ps4/back3.jpg);}
#game_system41.sp{	background-image:url(../img/game_system/ps4/sp_back1.jpg);}
#game_system42.sp{	background-image:url(../img/game_system/ps4/sp_back2.jpg);}
#game_system43.sp{	background-image:url(../img/game_system/ps4/sp_back3.jpg);}
.game_system .inner a.btn-back{
	position:absolute;
	top:0; right:0;
}
.game_system a.thumb{
	display:block;
	width:187px; height:138px;
	position:absolute;
}
#game_system31 a.thumb,#game_system32 a.thumb,#game_system33 a.thumb{
	background:url(../img/game_system/ps3/back-thumb.png) no-repeat;
}
#game_system41 a.thumb,#game_system42 a.thumb,#game_system43 a.thumb{
	background:url(../img/game_system/ps4/back-thumb.png) no-repeat;
}
.game_system a.thumb div{
	position:absolute;
	top:9px; left:8px;
}
.game_system a.thumb div .icon-zoom{
	position:absolute;
	left:68px; top:43px;
	width:34px; height:34px;
}
.game_system a.thumb1{	bottom:12px; left:385px;}
.game_system a.thumb2{	bottom:28px; left:565px;}
.game_system a.thumb-movie{	bottom:44px; left:745px;}

.movie {
	 background-image:url(../img/movie/back.jpg);
}
.movie.sp {
	 background-image:url(../img/movie/sp_back.jpg);
}
.movie ul li a{
	display:block;
}
.movie ul.nav{
	margin-left:-8px; padding-top:6px;
	width:238px;
}
.movie ul.nav li.cs{
	margin-top:8px;
}
.movie .right{
	float:right;
	padding-top:15px; margin-right:-8px;
}
.movie .movie_box{
	width:693px;
}
.movie .movie_box h2{
	height:29px; min-width:400px;
	line-height:29px;
	padding:0 0 0 12px;
	vertical-align:middle;
	font-size:16px;
	margin-top:-8px; margin-left:8px;
}
.movie#movie31 .movie_box h2,
.movie#movie32 .movie_box h2,
.movie#movie33 .movie_box h2{
	background:url(../img/movie/ps3/back-title-txt.png) no-repeat;
}
.movie#movie41 .movie_box h2,
.movie#movie42 .movie_box h2,
.movie#movie43 .movie_box h2{
	background:url(../img/movie/ps4/back-title-txt.png) no-repeat;
}
.movie .movie_box .movie_area{
	padding:9px;
	margin-top:-9px
}
.movie#movie31 .movie_box .movie_area,
.movie#movie32 .movie_box .movie_area,
.movie#movie33 .movie_box .movie_area{
	background:url(../img/movie/ps3/back-movie.png) no-repeat;
}
.movie#movie41 .movie_box .movie_area,
.movie#movie42 .movie_box .movie_area,
.movie#movie43 .movie_box .movie_area{
	background:url(../img/movie/ps4/back-movie.png) no-repeat;
}
.movie .thumb_box{
	padding: 7px 9px;
}

.movie .thumb_box .thumb_area{
	float:left;
}
.movie .thumb_box a.btn-nav{
	width:15px; height:105px;
	opacity:0.2;
	filter: alpha(opacity=20);
	font-size:20px;
	color:#fff;
	text-decoration:none;
	line-height:105px;
	text-align:center;
	cursor:default;
	float:left;
}
.movie#movie31 .thumb_box a.btn-nav,
.movie#movie32 .thumb_box a.btn-nav,
.movie#movie33 .thumb_box a.btn-nav{
	background-color:#ed1c24;
}
.movie#movie41 .thumb_box a.btn-nav,
.movie#movie42 .thumb_box a.btn-nav,
.movie#movie43 .thumb_box a.btn-nav{
	background-color:#0258a1;
}
.movie .thumb_box a.btn-nav.active{
	opacity:0.6;
	filter: alpha(opacity=60);
	cursor:pointer;
}
.movie .thumb_box a.btn-nav.prev{
	margin-right:10px;
}
.movie .thumb_box a.btn-nav.next{
	margin-left:10px;
}
.movie .thumb_box a.btn-nav.prev:before{
	content:"<"
}
.movie .thumb_box a.btn-nav.next:before{
	content:">"
}
.movie .thumb_box .thumb_area{
	width:625px;
	overflow:hidden;
	position:relative;
}
.movie .thumb_box .thumb_area ul{
	width:10000px;
}
.movie .thumb_box .thumb_area ul li{
	float:left;
	position:relative;
	margin-left:10px;
}
.movie .thumb_box .thumb_area ul li:first-child{
	margin-left:0;
}
.movie .thumb_box .thumb_area ul li a{
	width:115px; height:75px;
	background-color:#7c7c7c;
	padding:1px;
	display:block;
}
.movie .thumb_box .thumb_area ul li img.obi-new{
	position:absolute;
	top:0px; right:0px;
}
.movie .thumb_box .thumb_area ul li img.obi-ps4{
	position:absolute;
	bottom:28px; left:0px;
}
.movie .thumb_box .thumb_area ul li h3{
	line-height:12px; height:24px;
	padding:2px 2px;
	font-size:10px;
	width:112px;
}
.movie#movie31 .thumb_box .thumb_area ul li h3,
.movie#movie32 .thumb_box .thumb_area ul li h3,
.movie#movie33 .thumb_box .thumb_area ul li h3{
	background:url(../img/movie/ps3/back-thumb_title.png) repeat-y;
}
.movie#movie41 .thumb_box .thumb_area ul li h3,
.movie#movie42 .thumb_box .thumb_area ul li h3,
.movie#movie43 .thumb_box .thumb_area ul li h3{
	background:url(../img/movie/ps4/back-thumb_title.png) repeat-y;
}
.movie .thumb_box .thumb_area ul li.blank {
	background:none;
	padding:0;
	border:1px solid #7c7c7c;
}
.movie .thumb_box .thumb_area ul li.blank a{
	background:#1b1b1b;
	background:rgba(27,27,27,0.7);
	padding:0;
	margin-bottom:0;
}

.screenshot{
	background-image:url(../img/screenshot/back.jpg)
}
.screenshot.sp{
	background-image:url(../img/screenshot/sp_back.jpg)
}
.screenshot ul{
	padding:60px 0 0;
	height:445px;
}
.screenshot ul li{
	float:left;
	position:relative;
	margin:0 8px 36px;
	/*border:1px solid #7c7c7c;*/
}
.screenshot ul li a{
	display:inline-block;
	position:relative;
	display:block;
	overflow:hidden;
	width:178px; height:114px;
	padding:1px;
	background-color:#7c7c7c;
}
.screenshot ul li img.obi-new{
	position:absolute;
	top:0px; right:0px;
}
.screenshot ul li img.obi-ps4{
	position:absolute;
	bottom:0px; left:0px;
}
.screenshot ul li h3{
	line-height:13px; 
	font-size:10px;
	background:rgba(183, 8, 9, 0.7);
	width:164px;
	padding:7px 7px;
	position:absolute;
	bottom:0px; left:0px;
}
.screenshot .ss_nav{
	height:23px;
	position:relative;
}
.screenshot .ss_nav a{
	position:absolute;
	top:0;
}
.screenshot .ss_nav a.btn-next{ right:0;}
.screenshot .ss_nav a.btn-back{ left:0}
.screenshot .ss_nav a.blank{ opacity:0.5; filter:aipha(opacity=50);}

#spec{
	background-image:url(../img/spec.jpg);
}
#spec.sp{
	background-image:url(../img/sp_spec.jpg);
}
#spec a.link{
	position:absolute;
	left:96px; top:220px;
}


#platform{
	text-align:center;
	padding:26px 0;
	background:url(../img/back.jpg) center repeat-y;
}

#footer{
	background:#000;
}
#footer .inner{
	padding:18px 0 3px;
	min-width:980px;
	overflow:hidden;
	margin:0 auto;
}
#footer .inner p{
	width:980px;
	margin:0 auto;
}
#footer .inner #platform{
	margin-left:-132px;
}
#footer .inner p#banners{
	margin:14px auto;
}
#footer .inner p#banners a{
	display:inline-block;
}
#footer .inner p#banners a.banner{
	background:#fff;
	padding:1px;
	margin-right:58px;
}

/*
.lightbox{
	width:980px; display: none;
	height:708px;
	background:url(../img/back-popup.png) no-repeat center center;
}
.lightbox .ss{
	border:3px solid #ed1c24;
	position:absolute;
	top:110px; left:77px;
}
.lightbox h3{
	padding-top:60px;
}
.lightbox .popup_movie{
	margin:0 auto;
	width:800px; height:450px;
	background-color:#ed1c24;
	padding:1px;
}
.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
	        box-shadow: none;
}
*/

.fancybox-skin {
	position: relative;
	background-color:#ed1c24;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 0px;
	   -moz-border-radius: 0px;
	        border-radius: 0px;
}
.ps4-lightbox-class .fancybox-skin{
	background-color:#01479d;
}
.fancybox-close {
	background:url(../img/btn-ss-close.png) no-repeat;
	background-position:0 0;
	position: absolute;
	top: -70px;
	right: -30px;
	width: 65px;
	height: 65px;
	cursor: pointer;
	z-index: 8040;
}
.fancybox-close:hover{
	background-position:-65px 0;
}
.ps4-lightbox-class .fancybox-close{
	background-position:-130px 0;
}
.ps4-lightbox-class .fancybox-close:hover{
	background-position:-195px 0;
}
.fancybox-prev span,.fancybox-next span{
	width:50px; height:110px;
	margin-top:-55px;
	background:url(../img/btn-ss-arrow.png) no-repeat;
}
.fancybox-prev span {
	left: 0;
	background-position:0 0;
}
.fancybox-next span {
	right: 0;
	background-position:-50px 0;
}
.ps4-lightbox-class .fancybox-prev span {
	background-position:-100px 0;
}
.ps4-lightbox-class .fancybox-next span {
	background-position:-150px 0;
}
.fancybox-title-inside-wrap {
	padding-top: 3px;
	padding-left:10px;
	display:block;
	position:absolute;
	bottom:3px; left:3px;
	color:#fff;
	font-size:16px;
	line-height:27px;
	font-weight:bold;
	background:url(../img/screenshot/back-ss_title.png) repeat-y;
	background-position:0 0;
	min-width:460px;
	font-family: "メイリオ", Meiryo, "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	letter-spacing:1px;
}
.ps4-lightbox-class .fancybox-title-inside-wrap{
	background-position:-470px 0;
}
/*
.movie_area{
	height:367px;
	width:675px;
}
*/