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

body{
	overflow:hidden;
	-webkit-text-stroke-width:0.1px;
}

.js-movie-wrapper{
	display:none;
	background:url(/8tnu010000axfqay/bg_movie_arrow.png) 50% 0 no-repeat;
	width:100%;
	height:0;
	margin-top:1%;
	padding-top:1.2%;
	overflow:hidden;
}

.js-movie-wrapper.open{
	display:block;
}

/* 2013 12 05 edit start */
.js-movie-btn{
	display:block;
}
/* 2013 12 05 edit start */

.transition{
	-webkit-transition-property:height;
	-webkit-transition-duration:0.2s;
	-webkit-transition-timing-function:ease-out;
	-moz-transition-property:height;
	-moz-transition-duration:0.2s;
	-moz-transition-timing-function:ease-out;
	-ms-transition-property:height;
	-ms-transition-duration:0.2s;
	-ms-transition-timing-function:ease-out;
}

#title li .js-movie-wrapper{
	background-position:31% 0;
	margin-bottom:1%;
}

.js-movie-contents{
	position:relative;
	background-color:#272727;
	width:88%;
	padding:3% 6%;
}

.js-movie-contents-innr{
	position:relative;
	width:100%;
	padding-bottom:56.25%;
}

.js-movie-contents-innr iframe{
	position:absolute;
	top:0;
	left:0;
	background-color:#000000;
	width:100%;
	height:100%;
}

.js-movie-wrapper.open .js-movie-contents-innr iframe{
	background-image:url(/common/img/loading_l_black.gif);
	background-position:center center;
	background-repeat:no-repeat;
}

.js-movie-wrapper.close .js-movie-contents-innr iframe{
	background-image:none;
}

.js-movie-close{
	position:absolute;
	right:0;
	top:0;
	background:url(/8tnu010000axfqay/icon_movie_close.gif) left top no-repeat;
	width:29px;
	height:29px;
	cursor:pointer;
}

/* 2013 12 05 edit start */
/*== SP ==*/
div#contents{
	width:100%;
	font-size:92%;
}
/* 2013 12 05 edit start */
#contents h3{
	padding:4% 0 3% 3%;
	font-size:220%;
	color:#FFFFFF;
	font-weight:normal;
}
#contents h3.bk{
	color:#333333;
}
img{
	max-width: 100%;
	height: auto;
}
.sp_none{display:none;}
/*-----------------------------------------------------
	common
-----------------------------------------------------*/
.bnr{
	margin:0 3% 2%;
	padding:2%;
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99ffffff,EndColorStr=#99ffffff);
	background-color:rgba(255,255,255,0.4);
}

/********************* list 3column *********************/
.list-3col{
	margin:0 3%;
}
.list-3col li{
	margin-bottom:2%;
}
.list-3col li .wrap{
	background-color:#272727;
}
.list-3col li a{
	padding:2%;
	border:1px solid #272727;
	display:block;
	background-color:#272727;
	color:#FFFFFF;
	text-decoration:none;
	overflow:hidden;
}
.list-3col li a:hover{
	border:1px solid #0075c6;
	background-color: #003791;
	opacity: 0.6;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 60);
	filter: alpha(opacity = 60);
}
.list-3col li a .img{
	width:35%;
	float:left;
}
.list-3col li a .txt{
	width:62%;
	float:right;
}

/********************* list 4column & list 5column *********************/
.list-4col,
.list-5col{
	padding:0 3%;
}
.list-4col li,
.list-5col li{
	background-color:#FFFFFF;
	line-height:100%;
}
.list-4col li a,
.list-5col li a{
	height:100%;
	overflow:hidden;
	display:block;
	border:1px solid #CCCCCC;
	background:url(/8tnu010000axfqbi/sp_icon_arrow.png) no-repeat 96% 50%;
	background-size:auto 50%;
}
.list-4col li a:hover,
.list-5col li a:hover{
	height:100%;
	background-color:#0078C8;
	opacity: 0.6;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 60);
	filter: alpha(opacity = 60);
}
.list-4col li a .img,
.list-5col li a .img{
	width:28%;
	float:left;
}
.list-4col li a h4,
.list-5col li h4{
	width:66%;
	padding:3% 0 0 6%;
	font-size:110%;
	color:#003791;
	float:right;
}
.list-4col li a .txt{
	width:52%;
	padding:1% 14% 0 0;
	font-size:80%;
	color:#333333;
	float:right;
}
.list-5col li h4 span{
	display:block;
	font-size:80%;
	color:#8e8e8e;
	margin:0 0 2%;
}
.list-4col li a:hover h4,
.list-4col li a:hover span{
	color:#FFFFFF;
}
.list-5col li a:hover h4{
	color:#FFFFFF;
}
.list-5col li a:hover span{
	color:#FFFFFF;
}


/********************* arrow btn *********************/
.btnarea{
	margin:2rem 0 0;
	padding:0 3%;
}
.btn{
	height:3rem;
	overflow:hidden;
}
.btn a{
	display:block;
}
.btn .left{
	width:90%;
	height:3rem;
	text-align:center !important;
	color:#FFFFFF;
	font-size:120%;
	font-weight:bold;
	line-height:3rem;
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99000000,EndColorStr=#99000000);
	background-color:rgba(0,0,0,0.4);
	float:right;
}
.btn .right{
	width:10%;
	height:3rem;
	text-align:center !important;
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99002284,EndColorStr=#99002284);
	background-color:rgba(0,34,132,0.9);
	float:right;
	vertical-align:middle;
}
#contents .btn .right img{
	width:auto;
	height:60%;
	padding:0.5rem;
}
/*-----------------------------------------------------
	severally
-----------------------------------------------------*/

/********************* top anchor *********************/
#top-anchor{
	display:none;
	width:100%;
	border-top:1px solid #fdfdfd;
	border-bottom:1px solid #a0a3a8;
	background-color:#E5E5E5;
	text-decoration:none;
	position:fixed;
	left:0;
	top:0;
	z-index:10;
}
#top-anchor #anchor-nav{
	margin:0 auto;
	overflow:hidden;
}
#top-anchor #anchor-nav li{
	float:left;
	font-size:120%;
	font-weight:bold;
	background-color:#E5E5E5;
}
#top-anchor #anchor-nav li.right{
	width:100%;
	clear:both;
	background-color:#D9DCE1;
}
#top-anchor #anchor-nav li a{
	display:block;
	text-decoration:none;
	line-height:3rem;
}
#top-anchor #anchor-nav li a:hover{
	padding:0;
	background-image:none;
	background-color:#323232;
	color:#FFFFFF;
}
#top-anchor #anchor-nav li a:link span{
	padding:0 0.8rem 0 1.8rem;
	background:url(/8tnu010000axfqay/icon_arrow_up.png) no-repeat 5% center;
}
#top-anchor #anchor-nav li a.up span{
	padding:0 0.8rem 0 1.8rem;
	background:url(/8tnu010000axfqay/icon_arrow_down.png) no-repeat 5% center;
}
#top-anchor #anchor-nav li a:hover span{
	padding:0 0.8rem 0 1.8rem;
	background:url(/8tnu010000axfqay/icon_arrow_down.png) no-repeat 5% center;
}
#top-anchor #anchor-nav li a:hover.current span{
	padding:0 0.8rem 0 1.8rem;
	background:url(/8tnu010000axfqay/icon_arrow_down.png) no-repeat 5% center;
}

/********************* title area *********************/
#head{
	width:100%;
	background-color:#FFFFFF;
}
#title{
	
			min-height:327px;
		
		background:url(http://sce.scene7.com/is/image/playstation/PS4_main_bg_sp_150416_MGSV?) no-repeat right top;
	
	background-size:100%;
}
#title-inner{
	padding:0 3% 9%;
}
#title h2{
	width:50%;
	padding:6% 0 40%;
}
#title .new{
	width:57%;
}
#title .new .new-inner a{
	padding:2%;
	display:block;
	background-color:#EFEFEF;
}
#title .left .new .new-inner a{
	margin:0 0 2%;
}
#title .new .new-inner a:hover{
	background-color:#0078C8;
	opacity: 0.6;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 60);
	filter: alpha(opacity = 60);
	color:#FFFFFF;
}
#title .new .new-inner a:hover h4,
#title .new .new-inner a:hover p{
	color:#FFFFFF;
}
#title .new .new-inner .left{
	width:48%;
	float:left;
}
#title .new .new-inner .right{
	width:50%;
	text-align:left !important;
	font-weight:bold;
	font-size:85%;
	float:right;
}
#title .new .new-inner .right h4{
	color:#003791;
	padding:3% 0;
}
#title #head-info{
	margin:10% 0 0;
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99FFFFFF,EndColorStr=#99FFFFFF);
	background-color:rgba(255,255,255,0.4);
}
#title #head-info #head-info-inner{
	padding:2% 0 2% 10%;
	background:url(/8tnu010000axfqay/icon_head_info.png) no-repeat left center;
}
#title #head-info a{
	color:#009ee8;
}

/********************* menu list *********************/
#menu-list{
	padding:5% 0;
	background-color:#DDDDDD;
}

/********************* topics *********************/
#topics{
	padding:0 0 9%;
	background-color:#003791;
}
#topics-inner{
	position:relative;
	width:100%;
}
#topics-inner .background{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	z-index:0;
}
#topics-inner .contents{
	position:relative;
	z-index:0;
}


/********************* service *********************/
#service{
	width:100%;
	padding:0 0 9%;
	background-color:#009ee9;
}

#service .list-4col li a h4{
	padding:2% 0 0 4%;
}


/********************* picup *********************/
#picup{
	padding:0 0 9%;
	background-color:#e2e2e2;
}
#picup .bg{
	width: 100%;
	height: auto;
}
#picup-info{
	padding:0 3% 4.6%;
}
#picup-info .txt{
	padding:5% 0;
}
#picup-info .txt h4{
	padding:0 0 3%;
	font-size:130%;
	font-weight:bold;
	line-height:120%;
}
#picup-info .movie{
	width:80%;
	height:auto;
	margin:0 auto;
}

/********************* game *********************/
#game{
	padding:0 0 9%;
	
	background-image:url(http://sce.scene7.com/is/image/playstation/ps4_game_bg?);
	
}
#game-topics{
	background-color:#8F9190;
}
#game-topics h3{
	color:#true;
}

/* game > game-search-form */
#game-search{
	padding:3%;
}
#game-search #cate{
	overflow:hidden;
	margin:3% 0 0;
}
#game-search #cate h3{
	width:50%;
	font-size:150%;
	float:left;
	padding-left:0;
	color:#333333;
}
#game-search #cate .right{
	width:45%;
	margin:0;
	padding:0;
	float:right;
}
#game-search #cate .right li{
	width:32%;
	height:auto;
	float:left;
	display:inline;
	margin:0 2% 0 0;
	background-color:#009ee9;
}
#game-search #cate .right li:last-child{
	margin:0;
}
#game-search #cate .right li img{
	width:100%;
	height:auto;
}
#game-search #form{
	margin:5% 0 0;
	padding:3%;
	background-color:#009ee9;
	overflow:hidden;
}
#game-search #form .name{
	padding:0 2% 2%;
	font-weight:bold;
	color:#FFFFFF;
}
#game-search #form .name label{
	width:100%;
}
#game-search #form .txtarea{
	width:88%;
	height:30px;
	line-height:2rem;
	float:left;
}
*:first-child+html #game-search #form .txtarea{
	background-color: #ffffff;
}
#game-search #form .txtarea #txtarea{
	width:100%;
	height:100%;
	padding:0 0 0 2%;
	background-color: #ffffff;
	-moz-border-radius: 3px 0px 0px 3px;
	-webkit-border-radius: 3px 0px 0px 3px;
	border-radius: 3px 0px 0px 3px;
	border:0;
}
#game-search #form .f-btn{
	width:12%;
	height:30px;
	text-align:center;
	background-color: #ffffff;
	-moz-border-radius: 0px 3px 3px 0px;
	-webkit-border-radius: 0px 3px 3px 0px;
	border-radius: 0px 3px 3px 0px;
	float:left;
}
#game-search #form #button{
	height:60%;
	padding:10% 0 0;
	vertical-align:middle;
}

#game .list-4col{
	padding:0 3%;
}
#game .list-4col li{
	margin-bottom:2%;
	background-color:#FFFFFF;
}
#game .list-4col li a{
	padding:1%;
	background:#FFFFFF;
}
#game .list-4col .new-title{
	width:35%;
	height:100%;
	float:left;
	background: rgb(255,255,255); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlM2UzZTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(227,227,227,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(227,227,227,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(227,227,227,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(227,227,227,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(227,227,227,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(227,227,227,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e3e3e3',GradientType=0 ); /* IE6-8 */
}
#game .list-4col .new-title .hd{
	padding:3% 0 3% 3%;
}
#game .list-4col .new-title .hd img{
	width:30%;
	height:auto;
}
#game .list-4col .new-title .jkt{
	text-align:center;
	padding:0 0 10%;
}
#game .list-4col .new-title .jkt img{
	width:50%;
	height:auto;
}
#game .list-4col li a h4{
	width:62%;
	padding:0.2rem 0 0;
	line-height:130%;
	float:right;
}
#game .list-4col li .txt,
#game .list-4col li .release{
	width:62%;
	padding:3% 0 0;
	float:right;
	font-size:80%;
	color:#333333;
}
#game .list-4col li a:hover{
	height:100%;
	background-color:#0078C8;
}
#game .list-4col li a:hover h4,
#game .list-4col li a:hover .txt,
#game .list-4col li a:hover .release{
	color:#FFFFFF;
}
/********************* info *********************/
#info{
	background-color:#e5e5e5;
}
#info-inner{
	padding:0 3%;
}
#info-inner .title{
	overflow:hidden;
}
#info-inner .title h4{
	font-size:130%;
}
#info-inner .title .list{
	border:0;
}
#info-inner .title .list li{
	padding:0 3% 0 4%;
	background:url(/8tnu010000axfqay/icon_arrow_right_01.png) no-repeat right center;
	display:inline;
	float:right;
	border:0;
	line-height:100%;
}
#info-inner #news{
	margin:1% 0 9%;
}
#info-inner #important{
	margin:2% 0 0;
}
#info-inner ul{
	border-top:1px solid #cccccc;
}
#info-inner ul li{
	border-bottom:1px solid #cccccc;
}
#info-inner ul li a{
	padding:2% 0;
	display:block;
	color:#333;
	text-decoration:none;
}
#info-inner ul li a:hover{
	background-color:#DBDBDB;
}
#info-inner ul li a:hover .txt{
	color:#1883CA;
}
#info-inner ul li img{
	vertical-align:middle;
	width:auto;
	height:auto;
}
#info-inner ul li .txt{
	padding:1% 0 0;
	display:block;
}

/********************* service-list *********************/
#service-list{
	background-color:#e5e5e5;
	border-bottom:1px dotted #CCCCCC;
	padding:2rem 0;
}
#service-list ul{
	padding:0 3%;
}
#service-list ul li,
#bnr .nav01 li{
	width:49%;
	height:auto;
	margin:0 2% 2% 0;
	display:inline;
	float:left;
}
#service-list ul li:nth-child(2n),
#bnr .nav01 li:nth-child(2n){
	margin:0 0 2% 0;
}

#service-list ul li img,
#bnr .nav01 li img{
	width:100%;
	height:auto;
}
/********************* bnr *********************/
#bnr{
	background-color:#e5e5e5;
	padding:0 3% 2rem;
}
/* nav01 */
#bnr .nav01{
	padding:2rem 0;
}
#bnr .nav01 li a{
	display:block;
	border:1px solid #CCCCCC;
}
#bnr .nav01 li a:hover{
	border:1px solid #009EE9;
}

/* nav02 */
#bnr .nav02 li{
	width:47%;
	height:auto;
	margin:0 2% 2% 0;
	padding:1%;
	display:inline;
	text-align:center;
	float:left;
}
#bnr .nav02 li:nth-child(2n){
	margin:0 0 2% 0;
}
#bnr .nav02 li img{
	width:auto;
	height:auto;
}


/* emergency Info */

#emergencyInfo {
    background-color: #000000;
}
#emergencyInfo h2 {
    background-color: rgba(0, 0, 0, 0) !important;
    color: #FFFFFF;
}
#emergencyInfo .innr {
    margin: 0 auto;
    padding: 10px 5%;
	width:auto;
}
#emergencyInfo .icon {
    float: left;
    width: 10%;
	margin:0px auto 3%;
	padding-top:4px;
}
#emergencyInfo .txtBox {
    color: #FFFFFF;
    float: right;
    text-align: left;
    width: 85%;
	margin:0px auto;
	font-size:80%;
}
#emergencyInfo .txtBox h2 {
    margin-bottom: 8px;
    padding: 8px 0px 0px;
}
#emergencyInfo .txtBox p {
    margin-bottom: 10px;
}
#emergencyInfo .txtBox .more {
    margin-bottom: 0;
}
#emergencyInfo .txtBox .more a {
    color: #FFFFFF;
    font-weight: bold;
}