@charset "utf-8";

/*--font--*/

@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);

.twiter{opacity:0.3; transition: opacity 0.6s linear;}

.header:hover .twiter{opacity:1; }


/*---pc---*/

body{
	font-family: 'Noto Sans JP', sans-serif;
	width:100%;
	border:0px solid green;
	padding:0;
	margin:0;
}

a{text-decoration:none; color:white;}


p{font-family: 'Noto Sans JP', sans-serif; font-weight:400;}

th{font-family: 'Noto Sans JP', sans-serif; font-weight:500;}
td{font-family: 'Noto Sans JP', sans-serif; font-weight:400;}

html{width:100%; font-size:18px;}

img{width:auto;}

ul, li{ list-style:none; margin:0;}

#main{
	font-family: 'Noto Sans JP', sans-serif;
	width:100%;
	background-image:url('https://directg.diskn.com/2mqOaEIqu8');
	background-size: cover; 
	background-repeat: no-repeat; 
	border:0px solid red;
}


.inner{width:87%; border:0px solid red; margin:auto;}

.header {
	padding:0;
	width:100%;
	border:0px solid blue;
	float: left;
}

.header .ps4{width:60%; border:0px solid red; padding:30px 0 20px 0; float: left;}
.header .ps4 img{width:20%;float: left;}
.header .twiter{width:20%; border:0px solid red; padding-top:25px; float: right;}
.header .twiter img{width:20%; border:0px solid red;float: right;}

.gamelogo img{width:35%; border:0px solid blue;}

.M_middle{
	padding-top:15%;
	text-align: center;
	margin:auto;
	border:0px solid blue;
	padding-bottom:2%;
}

#topic{padding-bottom:7%;}

.topic{
	background-color:rgba(30,30,30,0.9);
	max-width:55%;
	margin:auto;
	padding:10px 0 30px;
}
.topic_box{
	background-color:#FFFFFF;
	overflow:scroll;
	max-width:90%;
	margin:auto;
	height:154px;
}
.topic_date{
	padding-left:10px;
	color:#331f14;
	font-size:1.2vw;
}
.topic_divide{
	margin:10px 0;
	border-top:1px solid #AAAAAA;
}
.topic_content{
	padding-left:10px;
	font-size:1.2vw;
}

.title{font-size:2vw; color:white; text-align: center;}


.TGS{
	position: relative;
	padding-bottom:3%;
	padding-top:8%;
	border:0px solid lightgreen; 
	width:100%;
	text-align: center;
}

.TGS_p{
	position: absolute;
	padding-top:0.4%;
	width:100%;
	border:0px solid lightblue; 
	color:white; 
	font-size:2vw;
	font-weight:600;
	text-align: center;
	line-height:1.2;
	text-shadow: 1px 1px 20px #252525;
}

.TGS_p_bg{width:100%; height:100%; position: absolute;}
.TGS_p_bg img{width:50%;}



#game{
	font-family: 'Noto Sans JP', sans-serif;
	width:100%; 
	border:0px solid red;
	overflow: hidden; 
	background-image:url('https://directg.diskn.com/17igLshRx4'); 
	background-size:cover;
	background-repeat: no-repeat;
	/*background-attachment: fixed;*/}

.game_left{float: left; width:50%; }
.game_left img{width:75%; padding-left:8%; display: none;}

.game_right{float: right; width:50%;}
.game_right h4{padding-top:16%; padding-bottom:2%; font-size:2vw; margin:0; color:#fff; font-weight:300;}
.game_right p{font-size:1.2vw; padding-bottom:16%;color:white;font-weight:200; }



#Introduce .container{width:80%;}

#Introduce{width:100%; border:0px solid blue; overflow: hidden;}
#Introduce .inner{width:100%; border:0px solid gray; overflow: hidden; margin:auto;}

#Introduce .TGS{padding-top:100px; padding-bottom:100px;}

.intro_box1{width:100%; border:0px solid blue; }
.intro_box1 img{width:100%;}
.intro_box1 h3{font-family: 'Noto Sans JP', sans-serif; font-size:1.4vw; font-weight:600;}
.intro_box1 p{font-size:1vw; font-weight:400;}



.series{width:100%; overflow: hidden; border:0px solid red;}
.series h2{font-size:35px; color:#D82669; padding-left:2%;}

#Introduce2{width:100%; border:0px solid blue; margin:auto; background-image: url('https://directg.diskn.com/27gj8qDjni'); background-size: cover;}
#Introduce2 .inner{width:80%; border:0px solid gray; padding-top:4%; padding-bottom:5%;}

#Introduce2 .intro_left h2{font-family: 'Noto Sans JP', sans-serif; color:black; font-size:2vw; font-weight:600; padding-left:20px;}

.intro_box2{
	transition-property:background-color;
	transition-duration:2s;
	transition-timing-function:ease-out;
	border:0px solid red;
	width:30%;
	float: left;
	margin-top: 2%; 
	margin-left:3.3%;
}

.intro_left{width:20%; border:0px solid blue; float: left;}
.intro_right{width:80%;border:0px solid blue; overflow: hidden;float: left;}

.intro_box2 .img1{
	border-radius:15px;
	height:auto;
	background-image:url('../images/series1_img.jpg');
	background-size:cover;
}
.intro_box2 .img2{
	border-radius:15px;
	height:auto;
	background-image:url('../images/series2_img.jpg');
	background-size:cover;
}
.intro_box2 .img3{
	border-radius:15px;
	height:auto;
	background-image:url('../images/series3_img.jpg');
	background-size:cover;
}

.img1:hover .text{background:rgba(10, 10, 10, 0.9); transition:background 0.5s ease-out; opacity: 1; color:white;}
.img2:hover .text{background:rgba(10, 10, 10, 0.9); transition:background 0.5s ease-out; opacity: 1; color:white;}
.img3:hover .text{background:rgba(10, 10, 10, 0.9); transition:background 0.5s ease-out; opacity: 1; color:white;}

.text{
	font-family: 'Noto Sans JP', sans-serif;
    padding:10% 5% 30%;
	opacity:0; 
	font-weight:200;
	border-radius:15px;
	text-align: center; 
	margin:auto; 
	font-size:1vw; 
	padding-top:130px;
}

.text span{font-family: 'Noto Sans JP', sans-serif; font-size:1.3vw;font-weight:600;}



#movie{width: 100%; border:0px solid red;}
#movie .inner{width:70%; border:0px solid green;text-align: center;}
#movie .TGS{width:100%; border:0px solid red; padding-top:6%; padding-bottom:6%;}

#movie .movie_if{width:100%; padding-top:50px; padding-bottom:8%;}
#movie .movie_if iframe{width:100%; overflow: hidden; background-image:url('../images/movie_img.jpg'); background-size: contain; background-position: center;}

.section{
	margin-top:10px;
	margin-bottom:10px;
	padding:20px;}

iframe{padding-bottom:1%;}

.swiper-slide{
	border:0px solid #c60e4d;
}
.swiper-slide img{
	width:100%;
	border:0px solid #c60e4d;
}


#PREORDER{width:100%; overflow: hidden;}
#PREORDER .inner{width:80%;padding-bottom:80px;}

#PREORDER h4{font-family: 'Noto Sans JP', sans-serif; width:100%; border:0px solid red; text-align: center; padding-top:2%; color:#E84C4C; font-size:1.8vw; font-weight:700;}
#PREORDER p{text-align: center; font-size:1.1vw; font-weight:300; padding:18px 0 20px;}
#PREORDER .PREORDER_p{text-align: center; font-size:1.5vw; font-weight:700; padding:0 0 15px 0;}

.left_img img{width:100%; padding-bottom:3%;}
.right_img img{width:100%; padding-bottom:3%;}


.pre_box1{border:0px solid red; padding-bottom:1%; overflow: hidden;}
.pre_box2 h4{border:1px solid red;padding-bottom:2%;}
.pre_box2 p{line-height:35px;}

#PRODUCT{width:100%; border:0px solid red; background-image:url('https://directg.diskn.com/2SJZXOXHOe'); background-size: cover;}
#PRODUCT .inner{width:80%; padding-bottom:100px; border:0px solid blue;}
#PRODUCT .TGS{padding:70px 0 120px;}

#PRODUCT table{font-size:18px;}

#PRODUCT .table_if{
	width: 100%;
}

#PRODUCT .table_if td{
    font-size:1.1vw;
    padding:15px;
	font-weight: 400;
}

#PRODUCT .table_if th{
    font-size:1.1vw;
    padding:15px 15px;
	font-weight: 400;
}
#PRODUCT .pack_img{
	text-align: center;
	border:0px solid red;
	width:100%;
}

#PRODUCT .pack_img img{
	border:0px solid red;
	width:75%;
}


#PRODUCT .caution{padding-left:15px; font-size:1.1vw;}


footer{
	bottom:0;
	width: 100%; 
	background-color:black;
}

.company{width: 100%; border:0px solid magenta; margin:auto; text-align: center; padding:35px 0 10px 0;}
.company li{display:inline-block;}
.company li img{width:80%;}

.copyright{
	font-size:0.8vw;
	padding:7px 0 60px 0 ;
	text-align: center;
	margin:auto;
	width: 80%;
	color:#A8A8A8;
}



@media screen and (min-width: 992px) {
#Introduce2_m{display:none;}
}
    

@media screen and (max-width:1820px) and (min-width:1720px) {
#PRODUCT .pack_img img{
	border:0px solid red;
	width:82%;}
}

@media screen and (max-width:1719px) and (min-width:1520px) {
#PRODUCT .pack_img img{
border:0px solid pink;
width:83%;}
}

@media screen and (max-width:1519px) and (min-width:1320px) {
#PRODUCT .pack_img img{
border:0px solid green;
width:87%;}
}

@media screen and (max-width:1319px) and (min-width:992px) {
#PRODUCT .pack_img img{
border:0px solid blue;
width:94%;}
}





/*--태블릿--*/


@media screen and (max-width:991px) and (min-width: 769px) {
#PRODUCT .pack_img img{
border:0px solid blue;
width:97%;}

	
#main{
	width:100%;
	height: auto;
	background-image:url('https://directg.diskn.com/2mqOaEIqu8');
    background-position: center;
	background-size: cover; 
	background-repeat: no-repeat; 
	border:0px solid red;
}


.inner{width:87%; border:0px solid red; margin:auto;}

.header {
	padding:0;
	width:100%;
	border:0px solid blue;
	float: left;
}

	
#topic{padding-bottom:12%;}

.topic{
	background-color:rgba(30,30,30,0.9);
	max-width:95%;
	margin:auto;
	padding:10px 0 30px;
}
.topic_box{
	background-color:#FFFFFF;
	overflow:scroll;
	max-width:90%;
	margin:auto;
	height:154px;
}
.topic_date{
	font-family: 'Noto Sans JP', sans-serif; 
	padding:5px 10px;
	color:#331f14;
	font-size:2.5vw;
}
.topic_divide{
	margin:10px 0;
	border-top:1px solid #AAAAAA;
}
.topic_content{
	padding-left:10px;
	font-size:2.5vw;
}
	
.header .ps4{width:65%; border:0px solid red; padding:50px 0 20px 0; float: left;}
.header .ps4 img{width:50%;float: left;}
.header .twiter{width:25%; border:0px solid red; padding-top:35px; float: right;}
.header .twiter img{width:50%; border:0px solid red;float: right;}

.gamelogo img{width:75%; border:0px solid blue;}

.M_middle{
	padding-top:45%;
	text-align: center;
	margin:auto;
	border:0px solid blue;
	padding-bottom:5%;
}
    
    
.TGS{
	position: relative;
	padding-bottom:3%;
	padding-top:4%;
	border:0px solid lightgreen; 
	width:100%;
	text-align: center;
}

.TGS_p{
	position: absolute;
	padding-top:0.9%;
	width:100%;
	border:0px solid lightblue; 
	color:white; 
	font-size:3.5vw;
	font-weight:600;
	text-align: center;
	line-height:1.2;
	text-shadow: 1px 1px 20px #252525;
}

.TGS_p_bg{width:100%; height:100%; position: absolute;}
.TGS_p_bg img{width:80%;}
    
#game{
	width:100%; 
	border:0px solid red;
	overflow: hidden; 
	background-image:url('https://directg.diskn.com/17igLshRx4'); 
	background-size:cover;
	background-repeat: no-repeat;
	/*background-attachment: fixed;*/}

.game_left{display: none;}
.game_left img{display: none;}

.game_right{width:100%;}
.game_right h4{font-family: 'Noto Sans JP', sans-serif; text-align: center; padding-top:18%; padding-bottom:2%; font-size:3.5vw; margin:0; color:#fff;font-weight:700; }
.game_right p{font-family: 'Noto Sans JP', sans-serif; text-align: center; font-size:3.1vw; padding-bottom:16%;color:white; }
    
    
#Introduce .container{width:100%;}

#Introduce{width:100%; border:0px solid blue; overflow: hidden;}
#Introduce .inner{width:100%; border:0px solid gray; overflow: hidden; margin:auto;}

#Introduce .TGS{padding-top:100px; padding-bottom:100px;}
	
.container {padding-bottom:15%;}
    
.intro_box1{width:100%; border:0px solid blue;}
.intro_box1 img{width:100%;}
.intro_box1 h3{font-size:3vw; font-weight:600; text-align: center; font-family: 'Noto Sans JP', sans-serif; }
.intro_box1 p{font-size:2.5vw; font-weight:400; padding-bottom:3%; text-align: center; font-family: 'Noto Sans JP', sans-serif; }
    
   
		

/*--series--*/
#Introduce2{display: none;}
#Introduce2_m{width: 100%; border:0px solid red;}
#Introduce2_m .inner{width: 95%; border:0px solid red;}
#Introduce2_m .intro_left_m{width: 100%; text-align: center; }
#Introduce2_m .intro_left_m h2{font-family: 'Noto Sans JP', sans-serif; font-size:3.8vw; font-weight:700; padding:7px 0 17px; color:#E84C4C;}

.intro_box2_m_img1{border-radius:20px; width:100%; height:300px; background-image:url(../images/crysis1_t_img.jpg); background-size: cover; background-position:right;}
.intro_box2_m_img2{border-radius:20px; width:100%; height:300px; background-image:url(../images/crysis2_t_img.jpg); background-size: cover;
background-position:right;}
.intro_box2_m_img3{border-radius:20px; width:100%; height:300px; background-image:url(../images/crysis3_t_img.jpg); background-size: cover;
background-position:right;}

.intro_box2_m_p{font-family: 'Noto Sans JP', sans-serif; font-size:2.5vw; padding:0; text-align: center; padding-bottom:30px; padding:7px 0 30px;}
.intro_box2_m_p span{font-family: 'Noto Sans JP', sans-serif; font-size:3.5vw; font-weight:600;text-align: center;}
    
    
    
    
#movie{width: 100%; border:0px solid red;}
#movie .inner{width:95%; border:0px solid green;text-align: center;}
#movie .TGS{width:100%; border:0px solid red; padding-top:10%; padding-bottom:10%;}

#movie .movie_if{width:100%; padding-top:7%; padding-bottom:12%;}
#movie .movie_if iframe{width:100%;}
    
    
#PREORDER{width:100%; overflow: hidden;}
#PREORDER .inner{width:95%;padding-bottom:80px;}

#PREORDER h4{font-family: 'Noto Sans JP', sans-serif; width:100%; border:0px solid red; text-align: center; padding-top:5%; color:#E84C4C; font-size:3.5vw; font-weight:700;}
#PREORDER p{font-family: 'Noto Sans JP', sans-serif; text-align: center; font-size:2vw; font-weight:400; padding:0 0 20px 0;}
#PREORDER .PREORDER_p{font-family: 'Noto Sans JP', sans-serif; font-size:2.8vw;}
	
.left_img img{width:100%; padding-bottom:3%;}
.right_img img{width:100%; padding-bottom:3%;}
    
    
#PRODUCT{width:100%; border:0px solid red; background-image:url('https://directg.diskn.com/2SJZXOXHOe'); background-repeat: no-repeat; background-size: contain; background-position:bottom;}
#PRODUCT .inner{width:95%; padding-bottom:100px; border:0px solid blue;}
#PRODUCT .TGS{padding:70px 0 80px;}
    
#PRODUCT table{font-size:18px;}
#PRODUCT .table_if{
    background-color:black;
	width: 100%;
    border:0px solid red;
}
#PRODUCT .table_if td{
    font-size:2.4vw;
    color:white;
    padding:20px 15px 20px 15px;
}
#PRODUCT .table_if th{
    font-weight:800;
    font-size:2.4vw;
    padding:20px 15px 20px 80px; 
    color:white;
}
#PRODUCT .pack_img{
	text-align: center;
	border:0px solid green;
	width:100%;
    padding-bottom:40px;
}
#PRODUCT .pack_img img{
	border:0px solid blue;
	width:60%;
}
#PRODUCT .caution{text-align: center; padding-left:15px; font-size:2.3vw; font-weight: 400;}
	
footer{
	bottom:0;
	width: 100%; 
	background-color:black;
	}

.copyright{
	font-family: 'Noto Sans JP', sans-serif; 
	font-size:1.8vw;
	text-align: center;
	margin:auto;
	width:80%;
	color:#A8A8A8;}
    
}







/*--모바일--*/
@media screen and (max-width:768px) and (min-width: 451px) {
#main{
	width:100%;
    height:auto;
	background-image:url('https://directg.diskn.com/2mqOaEIqu8');
    background-position: center;
	background-size: cover; 
	background-repeat: no-repeat; 
	border:0px solid red;
}


.inner{width:87%; border:0px solid red; margin:auto;}

.header {
	padding:0;
	width:100%;
	border:0px solid blue;
	float: left;
}
	
#topic{padding-bottom:20%;}

.topic{
	background-color:rgba(30,30,30,0.9);
	max-width:100%;
	margin:auto;
	padding:10px 0 30px;
}
.topic_box{
	background-color:#FFFFFF;
	overflow:scroll;
	max-width:100%;
	margin:auto;
	height:154px;
}
.topic_date{
	color:#331f14;
	font-size:4vw;
}
.topic_divide{
	margin:10px 0;
	border-top:1px solid #AAAAAA;
}
.topic_content{
	padding-left:10px;
	font-size:4vw;
}
	
.title{font-size:5.5vw; color:white; text-align: center;}
	
.header .ps4{width:65%; border:0px solid red; padding:50px 0 20px 0; float: left;}
.header .ps4 img{width:50%;float: left;}
.header .twiter{width:25%; border:0px solid red; padding-top:35px; float: right;}
.header .twiter img{width:50%; border:0px solid red;float: right;}

.gamelogo img{width:93%; border:0px solid blue;}

.M_middle{
	padding-top:50%;
	text-align: center;
	margin:auto;
	border:0px solid blue;
	padding-bottom:12%;
}
    
    
.TGS{
	position: relative;
	padding-bottom:1%;
	padding-top:8%;
	border:0px solid lightgreen; 
	width:100%;
	text-align: center;
}

.TGS_p{
	position: absolute;
	padding-top:0.3%;
	width:100%;
	border:0px solid lightblue; 
	color:white; 
	font-size:6vw;
	font-weight:600;
	text-align: center;
	line-height:1.2;
	text-shadow: 1px 1px 20px #252525;
}

.TGS_p_bg{width:100%; height:100%; position: absolute;}
.TGS_p_bg img{width:100%;}
    
#game{
	width:100%; 
	border:0px solid red;
	overflow: hidden; 
	background-image:url('https://directg.diskn.com/17igLshRx4'); 
	background-size:cover;
	background-repeat: no-repeat;
	/*background-attachment: fixed;*/}
	
.game_left{display: none;}
.game_left img{display: none;}

.game_right{width:100%;}
.game_right h4{text-align: center; padding-top:23%; padding-bottom:8%; font-size:6vw; margin:0; color:#fff;font-weight:700; }
.game_right p{text-align: center; font-size:3.5vw; padding-bottom:20%;color:white; }
    
    
#Introduce .container{width:100%;}

#Introduce{width:100%; border:0px solid blue; overflow: hidden;}
#Introduce .inner{width:100%; border:0px solid gray; overflow: hidden; margin:auto;}

#Introduce .TGS{padding-top:120px; padding-bottom:90px;}
.container {padding-bottom:3%;}
    
.intro_box1{width:100%; border:0px solid blue;}
.intro_box1 img{width:100%;}
.intro_box1 h3{padding:5px 0 7px;margin:0; font-size:4.5vw; font-weight:600; text-align: center;}
.intro_box1 p{font-size:3.5vw; font-weight:400; padding-bottom:7%; text-align: center;}
    
    
    
/*--series--*/
#Introduce2{display: none;}
#Introduce2_m{width: 100%; border:0px solid red;}
#Introduce2_m .inner{width:90%; border:0px solid red;}
#Introduce2_m .intro_left_m{width: 100%; text-align: center; }
#Introduce2_m .intro_left_m h2{font-size:4.8vw; font-weight:800; padding:7px 0 10px; color:#E84C4C;}

.intro_box2_m_img1{border-radius:20px; width:100%; padding:120px 0; background-image:url(../images/crysis1_t_img.jpg); background-size: cover; background-position:right;}
.intro_box2_m_img2{border-radius:20px; width:100%; padding:120px 0; background-image:url(../images/crysis2_t_img.jpg); background-size: cover;
background-position:right;}
.intro_box2_m_img3{border-radius:20px; width:100%; padding:120px 0; background-image:url(../images/crysis3_t_img.jpg); background-size: cover;
background-position:right;}

.intro_box2_m_p{font-size:3vw; padding:0; text-align: center; padding-bottom:30px; padding:10px 0 30px;}
.intro_box2_m_p span{font-size:4.4vw; font-weight:600;text-align: center;}
    
    
    
    
#movie{width: 100%; border:0px solid red;}
#movie .inner{width:95%; border:0px solid green;text-align: center;}
#movie .TGS{width:100%; border:0px solid red; padding-top:10%; padding-bottom:10%;}

#movie .movie_if{width:100%; padding-top:13%; padding-bottom:20%;}
#movie .movie_if iframe{width:100%;}
    
	
    
#PREORDER{width:100%; overflow: hidden;}
#PREORDER .inner{width:95%;padding-bottom:5%;}

#PREORDER h4{font-family: 'Noto Sans JP', sans-serif;width:100%; border:0px solid red; text-align: center; padding-top:10%; color:#E84C4C; font-size:5vw; font-weight:600;}
#PREORDER p{font-family: 'Noto Sans JP', sans-serif;text-align: center; font-size:3.5vw; font-weight:400;}

.left_img img{width:100%; padding-bottom:3%;}
.right_img img{width:100%; padding-bottom:3%;}
    
#PREORDER .PREORDER_p{text-align: center; font-size:4vw; font-weight:700;}
#PREORDER .exclusive_p{color:#747474; font-size:3vw;}

	
#PRODUCT{width:100%; border:0px solid red; background-image:url('https://directg.diskn.com/1SR2LUHRNe'); background-repeat: no-repeat; background-size: contain; background-position:bottom;}
#PRODUCT .inner{width:95%; padding-bottom:80px; border:0px solid blue;}
#PRODUCT .TGS{padding:50px 0 60px;}
    
#PRODUCT table{font-size:18px;}
#PRODUCT .table_if{
    background-color:black;
	width: 100%;
    border:0px solid red;
}
#PRODUCT .table_if td{
	font-weight:300;
    font-size:3vw;
    color:white;
    padding:15px 15px 13px 15px;
}
#PRODUCT .table_if th{
    font-weight:500;
    font-size:3vw;
    padding:15px 15px 13px 15px; 
    color:white;
}
#PRODUCT .pack_img{
	text-align: center;
	border:0px solid green;
	width:100%;
    padding-bottom:20px;
}
#PRODUCT .pack_img img{
	border:0px solid blue;
	width:90%;
}
#PRODUCT .caution{text-align: center; padding:0; font-size:3.5vw;}
	
		
footer{
	bottom:0;
	width: 100%; 
	background-color:black;
}

.company{width: 100%; border:0px solid magenta; margin:auto; text-align: center; padding:35px 0 10px 0;}
.company li{width:35%;display:inline-block;}
.company li img{width:90%;}

.copyright{
	font-size:2.3vw;
	padding:7px 0 60px 0 ;
	text-align: center;
	margin:auto;
	width: 80%;
	color:#A8A8A8;
}

}



@media screen and (max-width:450px) and (min-width: 300px) {
#main{
	width:100%;
    height: 100vh;
	background-image:url('https://directg.diskn.com/2mqOaEIqu8');
    background-position: center;
	background-size: cover; 
	background-repeat: no-repeat; 
	border:0px solid red;
}


.inner{width:90%; border:0px solid red; margin:auto;}

.header {
	padding:0;
	width:100%;
	border:0px solid blue;
	float: left;
}
	
#topic{padding-bottom:12%;}

.topic{
	background-color:rgba(30,30,30,0.9);
	max-width:100%;
	margin:auto;
	padding:10px 0 30px;
}
.topic_box{
	background-color:#FFFFFF;
	overflow:scroll;
	max-width:100%;
	margin:auto;
	height:154px;
}
.topic_date{
	color:#331f14;
	font-size:4vw;
}
.topic_divide{
	margin:10px 0;
	border-top:1px solid #AAAAAA;
}
.topic_content{
	padding-left:10px;
	font-size:4vw;
}
	
.title{font-size:5.5vw; color:white; text-align: center;}
	
.header .ps4{width:65%; border:0px solid red; padding:25px 0 17px 0; float: left;}
.header .ps4 img{width:50%;float: left;}
.header .twiter{width:25%; border:0px solid red; padding-top:15px; float: right;}
.header .twiter img{width:50%; border:0px solid red;float: right;}

.gamelogo img{width:93%; border:0px solid blue;}

.M_middle{
	padding-top:55%;
	text-align: center;
	margin:auto;
	border:0px solid blue;
	padding-bottom:12%;
}
    
    
.TGS{
	position: relative;
	padding-bottom:1%;
	padding-top:4%;
	border:0px solid lightgreen; 
	width:100%;
	text-align: center;
}

.TGS_p{
	position: absolute;
	padding-top:0.3%;
	width:100%;
	border:0px solid lightblue; 
	color:white; 
	font-size:6vw;
	font-weight:600;
	text-align: center;
	line-height:1.2;
	text-shadow: 1px 1px 20px #252525;
}

.TGS_p_bg{width:100%; height:100%; position: absolute;}
.TGS_p_bg img{width:100%;}
    
#game{
	width:100%; 
	border:0px solid red;
	overflow: hidden; 
	background-image:url('https://directg.diskn.com/17igLshRx4'); 
	background-size:cover;
	background-repeat: no-repeat;
	/*background-attachment: fixed;*/}

.game_left{display: none;}
.game_left img{display: none;}

.game_right{width:100%;}
.game_right h4{text-align: center; padding-top:23%; padding-bottom:8%; font-size:6vw; margin:0; color:#fff;font-weight:700; }
.game_right p{text-align: center; font-size:3.5vw; padding-bottom:20%;color:white; }
    
    
#Introduce .container{width:100%;}

#Introduce{width:100%; border:0px solid blue; overflow: hidden;}
#Introduce .inner{width:100%; border:0px solid gray; overflow: hidden; margin:auto;}

#Introduce .TGS{padding-top:90px; padding-bottom:50px;}
.container {padding-bottom:3%;}
    
.intro_box1{width:100%; border:0px solid blue;}
.intro_box1 img{width:100%;}
.intro_box1 h3{padding:5px 0 7px;margin:0; font-size:5vw; font-weight:600; text-align: center;}
.intro_box1 p{font-size:4vw; font-weight:400; padding-bottom:7%; text-align: center;}
    
    
    
#movie{width: 100%; border:0px solid red;}
#movie .inner{width:95%; border:0px solid green;text-align: center;}
#movie .TGS{width:100%; border:0px solid red; padding-top:15%; padding-bottom:15%;}

#movie .movie_if{width:100%; padding-top:13%; padding-bottom:27%;}
#movie .movie_if iframe{width:100%;}
    
	
    
#PREORDER{width:100%; overflow: hidden;}
#PREORDER .inner{width:95%;padding-bottom:5%;}

#PREORDER h4{font-family: 'Noto Sans JP', sans-serif;width:100%; border:0px solid red; text-align: center; padding-top:10%; color:#E84C4C; font-size:5vw; font-weight:800;}
#PREORDER p{font-family: 'Noto Sans JP', sans-serif;text-align: center; font-size:4vw; font-weight:500;}

.left_img img{width:100%; padding-bottom:3%;}
.right_img img{width:100%; padding-bottom:3%;}
    
#PREORDER .PREORDER_p{font-family: 'Noto Sans JP', sans-serif;text-align: center; font-size:4vw; font-weight:700;}
#PREORDER .exclusive_p{font-family: 'Noto Sans JP', sans-serif;color:#747474; font-size:3.5vw;}

	
#PRODUCT{width:100%; border:0px solid red; background-image:url('https://directg.diskn.com/1SR2LUHRNe'); background-repeat: no-repeat; background-size: contain; background-position:bottom;}
#PRODUCT .inner{width:95%; padding-bottom:80px; border:0px solid blue;}
#PRODUCT .TGS{padding:50px 0 60px;}
    
#PRODUCT table{font-size:18px;}
#PRODUCT .table_if{
    background-color:black;
	width: 100%;
    border:0px solid red;
}
#PRODUCT .table_if td{
    font-size:3.2vw;
    color:white;
    padding:15px 15px 13px 15px;
}
#PRODUCT .table_if th{
    font-weight:800;
    font-size:3.5vw;
    padding:15px 15px 13px 15px; 
    color:white;
}
#PRODUCT .pack_img{
	text-align: center;
	border:0px solid green;
	width:100%;
    padding-bottom:20px;
}
#PRODUCT .pack_img img{
	border:0px solid blue;
	width:90%;
}
#PRODUCT .caution{text-align: center; padding:0; font-size:3.5vw;}
	
		
footer{
	bottom:0;
	width: 100%; 
	background-color:black;
}

.company{width: 100%; border:0px solid magenta; margin:auto; text-align: center; padding:35px 0 10px 0;}
.company li{width:35%;display:inline-block;}
.company li img{width:90%;}

.copyright{
	font-size:2.3vw;
	padding:7px 0 60px 0 ;
	text-align: center;
	margin:auto;
	width: 80%;
	color:#A8A8A8;
}
	
#Introduce2{display: none;}
#Introduce2_m{width: 100%; border:0px solid red;}
#Introduce2_m .inner{width:90%; border:0px solid red;}
#Introduce2_m .intro_left_m{width: 100%; text-align: center; }
#Introduce2_m .intro_left_m h2{font-size:4.0vw; font-weight:800; padding:7px 0 10px; color:#E84C4C;}

.intro_box2_m_img1{border-radius:20px; width:100%; padding:80px 0; background-image:url(../images/crysis1_t_img.jpg); background-size: cover; background-position:right;}
.intro_box2_m_img2{border-radius:20px; width:100%; padding:80px 0; background-image:url(../images/crysis2_t_img.jpg); background-size: cover;
background-position:right;}
.intro_box2_m_img3{border-radius:20px; width:100%; padding:80px 0; background-image:url(../images/crysis3_t_img.jpg); background-size: cover;
background-position:right;}

.intro_box2_m_p{font-size:3.8vw; padding:0; text-align: center; padding-bottom:30px; padding:10px 0 30px;}
.intro_box2_m_p span{font-size:4.7vw; font-weight:600;text-align: center;}	
}