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

/*--font--*/
@import url('https://fonts.googleapis.com/css2?family=Mochiy+Pop+P+One&family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap');

ul, li{margin:0; padding:0; text-decoration: none;list-style:none;}
a{text-decoration: none; text-decoration-line: none;}

img{width: 100%; padding:0; margin:0;}

html{width:100%; height:100%;font-size:16px; background:black;}

body {
	font-size:1vw;
	font-family: 'Noto Sans JP', sans-serif;
	text-align:center;
	margin:0; 
	padding:0;
}

h2{font-size:1.4vw;}
h4{font-size:1.2vw; padding-top:2%;; margin:0; color:orange;}
p{font-weight:0.9vw; font-weight:300;}

a:link {
  color :#FFC127;
}
a:visited {
  color :#FFC127;
}
a:hover {
  color : #E49F2D;
}
a:active {
  color : #FFC127;
}

.inner{width:87%; margin:auto;}

.navigetion {width:100%; background-color:rgba(0,0,0,0.92); color:white; text-align:center;top:0;left:0; padding:1% 0;
	border-bottom-width:2px; border-bottom-style:solid; border-bottom-color:#FFC127; 
	z-index:2;}
.navigetion li{display: inline-block; padding:0 2%; color:#FFC127; font-size:1.2vw; font-weight:700;}

/*--스크롤시 따라오는쪽 스타일 효과--*/
.fix {
  background-color:rgba(0,0,0,0.8);
  position:fixed;
  animation: down 0.7s ease
}

.all {display:flex; flex-flow: row wrap;}


#main{
	position: relative;
	width:100%; 
	background-color:black; 
	flex:1 1 100%; 
	background-image: url('https://directg.diskn.com/2SI8INwRI0'); 
	background-size: cover; 
	background-repeat: no-repeat;
	padding-bottom:4%;
}

.game_logo{width:44%; padding-bottom:1%; padding-left:3.5%; padding-top:5%;}
.ps_logo{width:28%; padding-bottom:5%; padding-left:10.5%;}


.topic{width: 100%; border:0px solid red;}
.topic h3{color:#FFB20C; font-size:1.8vw; padding:1% 0 2%; text-align: center; margin:0;}
.topic_in{width:38%; margin-left:6.5%; border: 1px solid black; padding-bottom:2%; 
	background-color:rgba(0, 0, 0, 0.8);}
.topic_box{width:85%; margin:auto; height: 130px; background-color:white; overflow: scroll;overflow-x: hidden; padding-bottom:2%;}

.topic_style li{font-size:1.1vw; padding:1.7% 0 0.7%;}
.topic_style li span{font-weight:600; color:#FFB20C;}

.twitter{width:2%; padding:2% 1%; position:absolute;top:80%;left:91%; background-image:url('https://directg.diskn.com/0n9yjWTR9w'); background-size:cover; background-repeat:no-repeat;}

.twitter:hover{position:absolute; background-image:url('https://directg.diskn.com/37XtVoBU90'); transition: all 0.3s;}

#intro{width:100%; background-color:black;}
.inner{width:100%;}
.intro_box1{width:100%; background-color:#FFC127; padding:1% 0;font-weight:700; font-size:1.2vw; }
.intro_box2{width:45%; padding:13% 0; float:left;
	background-image:url('https://directg.diskn.com/0SX9qKMR2n'); background-size:cover; background-repeat: no-repeat;}
.intro_box3{width:51%; color:white; font-weight:300;
	padding:7% 0% 6% 2%; text-align:left; font-size:1.02vw; overflow: hidden;}

#game_t{display:none;}
#game{padding-top:4%; background-color:#fcf8eb;/*#FFC127*/; padding-bottom:4%; text-align: center; background-image: url('https://directg.diskn.com/1SR7Hta9bO'); background-size: cover; background-position:bottom; background-attachment:fixed;}

.game_1{width:100%; margin:auto; }
.game_1 li{display:inline-block;background-color:black; width:27%; font-size:1vw; color:white; overflow: hidden;  
	border:1px solid #FFC127;}
.game_1 li:nth-child(1){margin-right:1%;}
.game_1 li:nth-child(2){margin-right:1%;}

.game_1 li p{padding:0 3%; border:0px solid red; text-align:left;}
.game_1 li img{width:100%;}

.game_2{width:100%; margin:auto;}
.game_2 li{display:inline-block; background-color:black; width:27%; margin-top:2%; font-size:1vw; color:white; overflow: hidden;
		border:1px solid #FFC127;}

.game_2 li:nth-child(1){margin-right:1%;}
.game_2 li:nth-child(2){margin-right:1%;}

.game_2 li p{padding:0 3%; border:0px solid red; text-align:left;}
.game_2 li img{width:100%;}
	

#Movie{width: 100%; background-color:black; position: relative; background-size:cover; background-repeat: no-repeat; padding-bottom:3.5%; }
.Movie_box{width:65%; margin:auto; padding:1%;}
#Movie h2{font-size:1.3vw; margin:auto; width:20%;color:#FFC127; padding:1% 2%; border:2px solid #FFC127; margin-top:3%; }

/* 부모요소 */
.video_wrap {
    position: relative;
    padding-top: 56%;
    width:100%;
    height: 0;
}

.video_wrap > iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


#Special_new{width: 100%; overflow: hidden; background-color:#FFC127; text-align: left; padding-bottom:2.5%; }
#Special_new .inner{width: 84%; margin:auto; border:0px solid red; overflow:hidden;}
#Special_new .special_p{width:100%; border:0px solid pink; padding-bottom:2.5%;}

#Special_new .special_left{width: 30%; border:0px solid red; float:left; text-align: left;}
#Special_new .special_right{width: 60%; border:0px solid red; float:right;padding-top:30%; background-size: cover;}
#Special_new .Special_img{width:95%; border:0px solid red; float:right;}

#Special_new h2{font-size:1.8vw; margin:0; padding-top:2%;}

#Special_new h6{font-size:1.3vw;font-weight:400; color:white; margin:0; padding:10% 0% 5% 0%;}
#Special_new h6 span{font-size:1.7vw;font-weight:900; font-weight:600; color:#f3b92f;}
.Special_img{width: 80%;}

.special_box1{width: 100%; border:0px solid red; overflow: hidden; background-color:#1a1711; margin-bottom:1%;}
.special_box2{width: 100%; border:0px solid green; overflow: hidden; background-color:#1a1711;}

.special_box1 .special_right{background-image: url('https://directg.diskn.com/17mpYpxkd6');  background-size: cover;}
.special_box2 .special_right{background-image: url('https://directg.diskn.com/1n3ns5kDEe');  background-size: cover;}

#Special_new p:nth-child(2){font-size:1.3vw; margin:0;  padding-bottom:1%; font-weight:500;}
#Special_new p:nth-child(3){font-size:0.9vw;  margin:0; font-weight:400;}
#Special_new p:nth-child(4){font-size:0.8vw;  margin:0; font-weight:400;}

.special_left{padding-left:3.5%;}
.special_left .shop{text-align: center; width:30%; border:2px solid white; color:#FFFFFF; 
	padding:2% 3% 2% 3%; font-weight:700; font-size:1.1vw;}
.special_left .shop:hover {text-align: center;  width:30%; border:2px solid #F3BD1E; background-color:#F3BD1E;
	color:black; padding:2% 3% 2% 3%; transition: all 0.3s;}


#Detailed{width: 100%; background-color:black; color:white; border:0px solid black;
	background-image:url("https://directg.diskn.com/1n2WNh2hlO"); background-size:cover; background-repeat: no-repeat;background-position:center top; padding-bottom:4%; background-attachment: fixed;
}
#Detailed h2{color:#FFC22A; margin:0; text-align:center; padding-top:2.2%; padding-bottom:2%; font-size:1.5vw;  font-weight:700;text-shadow: 1px 1px 20px black; }
.table_if{text-align:left;font-size:1vw; border:0px solid red; margin:auto; width:60%; 
	background-color:rgba(300, 200, 20, 0.8);  padding:1%; }
.table_if th{color:black; font-weight:500; border:0px solid red;font-size:1vw; padding:12px;}
.table_if td{color:black; font-weight:400;border:0px solid red;font-size:1vw;}


footer{
	bottom:0;
	width: 100%;
	background-color:#0F0F0F;
	color:white;
}

footer{flex: 1 1 100%; text-align:center; border-top-width:2px; border-top-style:solid; border-top-color:#FFC127;}

.company{width: 100%; border:0px solid magenta; margin:auto; text-align: center; padding:35px 0 10px 0;}
.company li{display:inline-block; width:6%; padding-right:1%;}
.company li img{width:100%;}
.company li:nth-child(2) img{width:96%;}

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


@keyframes down {
  0%{
    transform: translateY(-50px)
  }
  100%{
    transform: translateY(0px)
  }
}






/*--태블릿--*/
@media screen and (max-width:991px) and (min-width: 769px) {

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

body {
	font-size:1vw;
	font-family: 'Noto Sans JP', sans-serif;
	text-align:center;
	margin:0; 
	padding:0;
}
h2{font-size:2.4vw;}
h3{font-size:2.2vw;}
h4{font-size:2vw; padding-top:2%;; margin:0; color:orange;}
	
.inner{width:100%; margin:auto;}

.navigetion {width:100%; background:black; color:white; text-align:center;top:0;left:0; padding:2% 0;
	border-bottom-width:2px; border-bottom-style:solid; border-bottom-color:#FFC127; 
	z-index:2;}
.navigetion li{display: inline-block; padding:0 2%; color:#FFC127; font-size:2.2vw; font-weight:700;}
/*--스크롤시 따라오는 효과--*/
.fix {
  position:fixed;
  animation: down 0.5s ease
}

.all {display:flex; flex-flow: row wrap;}


#main{
	position: relative;
	width:100%; 
	background-color:lightpink; 
	flex:1 1 100%; 
	background-image: url('https://directg.diskn.com/2SI8INwRI0'); 
	background-size: cover; 
	background-repeat: no-repeat;
	padding-bottom:5%;
}

.game_logo{width:44%; padding-bottom:1%; padding-left:3.5%; padding-top:5%;}
.ps_logo{width:20%; padding-bottom:7%; padding-left:14.5%;}


.topic{width: 100%; border:0px solid red; }
.topic h3{color:#FFB20C; font-size:2vw; padding:1% 0 2%; text-align: center; margin:0;}
.topic_in{width:38%; margin-left:6.5%; border: 1px solid black; padding-bottom:2%; 
	background-color:rgba(0, 0, 0, 0.8);}
.topic_box{width:85%; height:110px; margin:auto;  background-color:white; overflow: scroll;overflow-x: hidden; padding-bottom:2%;}

.topic_style li{font-size:1.6vw; padding:1.7% 0 0.7%;}
.topic_style li span{font-weight:600; color:#FFB20C;}

.twitter{width:2%; padding:3% 2%; position:absolute;top:78%;left:89%; background-image:url('https://directg.diskn.com/0n9yjWTR9w'); background-size:cover; background-repeat:no-repeat;}

.twitter:hover{position:absolute; background-image:url('https://directg.diskn.com/37XtVoBU90');}

	
#intro{width:100%; background-color:black;}
.inner{width:100%;}
.intro_box1{width:100%; background-color:#FFC127; padding:2% 0;font-weight:700; font-size:2.5vw; }
.intro_box2{width:100%; float:left;
	background-image:url('https://directg.diskn.com/0SX9qKMR2n'); background-size:cover; background-repeat: no-repeat; padding:22% 0;}
.intro_box3{margin:auto;width:95%; color:white; font-weight:300;
	padding:6% 0; text-align:left; font-size:1.8vw; overflow: hidden;}

	
#game{display: none;}
	
#game_t{width: 100%;display: contents; padding-top:10%; background-color:#fcf8eb;/*#FFC127*/; padding-bottom:4%; text-align: center;}
.game_t_box{width:100%; margin:auto; padding:4% 0;}
.game_t_box li{display:inline-block; background-color:black; width:45%; font-size:2.2vw; color:white; overflow: hidden; margin-bottom:1%;}
.game_t_box li:nth-child(1){margin-right:1%;}
.game_t_box li:nth-child(3){margin-right:1%;}
.game_t_box li:nth-child(5){margin-right:1%;}
	
.game_t_box li p{padding:0 4%; border:0px solid red; text-align:left;}
.game_t_box li img{width:100%;}
	

#Movie{width: 100%; background-color:black; position: relative; background-size:cover; background-repeat: no-repeat; padding-bottom:6%; padding-top:3%;}
.Movie_box{width:92%; margin:auto; padding:1%;}
#Movie h2{font-size:2.2vw; margin:auto; width:30%;color:#FFC127; padding:1% 2%; border:2px solid #FFC127; margin-top:3%; }

/* 부모요소 */
.video_wrap {
    position: relative;
    padding-top: 56%;
    width:100%;
    height: 0;
}

.video_wrap > iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

	
#Special_new{width: 100%; overflow: hidden; background-color:#FFC127; text-align: left; padding-bottom:6%; }
#Special_new .inner{width: 90%; margin:auto; border:0px solid red; overflow:hidden;}
#Special_new .special_p{width:100%; border:0px solid pink; padding-bottom:2.5%;}

#Special_new .special_left{width:100%; border:0px solid red; float:left; text-align: left;}
#Special_new .special_right{width:100%; border:0px solid red; float:right; padding-top:50%; background-size: cover;}
#Special_new .Special_img{width:95%; border:0px solid red; float:right;}
	
.special_box1 .special_right{background-image: url('https://directg.diskn.com/17mpYpxkd6');  background-size: cover;}
.special_box2 .special_right{background-image: url('https://directg.diskn.com/1n3ns5kDEe');  background-size: cover;}

#Special_new h2{font-size:3.5vw; margin:0; padding-top:4%;}

#Special_new h6{font-size:3vw;font-weight:400; color:white; margin:0; padding:2% 0% 3% 3%;}
#Special_new h6 span{font-size:2.7vw;font-weight:900; font-weight:600; color:#f3b92f;}
.Special_img{width: 80%;}

.special_box1{width: 100%; border:0px solid red; overflow: hidden; background-color:#1a1711; margin-bottom:1%;}
.special_box2{width: 100%; border:0px solid green; overflow: hidden; background-color:#1a1711;}

#Special_new p:nth-child(2){font-size:2.5vw; margin:0;  padding-bottom:1%; font-weight:500;}
#Special_new p:nth-child(3){font-size:2.2vw;  margin:0; font-weight:400;}
#Special_new p:nth-child(4){font-size:2vw;  margin:0; font-weight:400;}
	
.special_left{padding-left:0%; margin:auto; padding-bottom:4%;}
.special_left .shop{text-align: center; width:93%; border:0px solid white;
	padding:1% 0% 1% 0%; font-weight:700; font-size:3vw; margin:auto;  background-color:#F3BD1E; color:black;}
.special_left .shop:hover {text-align: center;  width:93%; border:0px solid #F3BD1E; background-color:#dba000;
	color:black; padding:1% 0% 1% 0%; transition: all 0.3s; margin:auto;}

	
#Detailed{width: 100%; background-color:black; color:white; border:0px solid black;
	background-image:url("https://directg.diskn.com/1n2WNh2hlO"); background-size:cover; background-repeat: no-repeat; background-position:center; padding-bottom:4%; background-attachment: fixed;
}
#Detailed h2{color:#FCC743; margin:0; text-align:center; padding-top:8%; padding-bottom:3%;}
.table_if{text-align:left;font-size:2vw; border:0px solid red; margin:auto; width:92%; background-color:rgba(300, 200, 20, 0.9); padding:1%;}
.table_if th{color:black; font-weight:700; border:0px solid red;font-size:2vw; padding:12px;}
.table_if td{color:black; font-weight:500;border:0px solid red;font-size:2vw;}

footer{
	bottom:0;
	width: 100%;
	background-color:#0F0F0F;
	color:white;
}

footer{flex: 1 1 100%; text-align:center; border-top-width:2px; border-top-style:solid; border-top-color:#FFC127;}


.company{width: 100%; border:0px solid magenta; margin:auto; text-align: center; padding:35px 0 10px 0;}
.company li{display:inline-block; width:12%; padding-right:1%;}
.company li img{width:100%;}
.company li:nth-child(2) img{width:96%;}


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

}

/*--모바일--*/
@media screen and (max-width:768px) and (min-width: 451px) {

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

body {
	font-size:1vw;
	font-family: 'Noto Sans JP', sans-serif;
	text-align:center;
	margin:0; 
	padding:0;
}
h2{font-size:3vw;}
h3{font-size:3.5vw;}
h4{font-size:3.8vw; padding-top:2%;; margin:0; color:orange;}
	
.inner{width:100%; margin:auto;}

.navigetion {width:100%; background:black; color:white; text-align:center;top:0;left:0; padding:2% 0;
	border-bottom-width:2px; border-bottom-style:solid; border-bottom-color:#FFC127; 
	z-index:2;}
.navigetion li{display: inline-block; padding:0 2%; color:#FFC127; font-size:3vw; font-weight:700;}
/*--스크롤시 따라오는 효과--*/
.fix {
  position:fixed;
  animation: down 0.5s ease
}

.all {display:flex; flex-flow: row wrap;}


#main{
	position: relative;
	width:100%; 
	background-color:lightpink; 
	flex:1 1 100%; 
	background-image: url('https://directg.diskn.com/37XtpTIEe0'); 
	background-size: cover; 
	background-repeat: no-repeat;
	background-position: bottom;
	padding-bottom:5%;
}

.game_logo{width:90%; padding-bottom:1%; padding-left:0%; padding-top:9%; margin:auto;}
.ps_logo{width:60%; padding-top:2%; padding-left:0%; margin:auto; padding-bottom:60%;}


.topic{width: 100%; border:0px solid red;}
.topic h3{color:#FFB20C; font-size:3.5vw; padding:1% 0 1%; text-align: center; margin:0;}
.topic_in{width:86%; margin-left:6.5%; border: 1px solid black; padding-bottom:5%; 
	background-color:rgba(0, 0, 0, 0.8);}
.topic_box{width:85%; height:80px; margin:auto;  background-color:white; overflow: scroll;overflow-x: hidden; padding-bottom:2%;}

.topic_style li{font-size:3vw; padding:1.7% 0 0.7%;}
.topic_style li span{font-weight:600; color:#FFB20C;}

.twitter{position:absolute;top:1%;left:91%; 
	width:3%; padding:3.5% 2%; 
	background-image:url('https://directg.diskn.com/0n9yjWTR9w'); 
	background-size:cover; background-repeat:no-repeat;}

.twitter:hover{position:absolute; background-image:url('https://directg.diskn.com/37XtVoBU90');}

	
#intro{width:100%; background-color:black;}
.inner{width:100%;}
.intro_box1{width:100%; background-color:#FFC127; padding:4% 0;font-weight:700; font-size:3.5vw; }
.intro_box1 h3{font-size:3.6vw; padding:3%;}
.intro_box2{width:100%; float:left;
	background-image:url('https://directg.diskn.com/0SX9qKMR2n'); background-size:cover; background-repeat: no-repeat; padding:22% 0;}
.intro_box3{margin:auto;width:95%; color:white; font-weight:300;
	padding:6% 0; text-align:left; font-size:3vw; overflow: hidden;}

#game_t{display:none;}	
#game{padding-top:3%; background-color:#fcf8eb;/*#FFC127*/; padding-bottom:4%; text-align: center;}
.game_1{width:100%; margin:auto;}
.game_1 li{display:inline-block; background-color:black; width:95%; font-size:3vw; color:white; overflow: hidden; }
.game_1 li:nth-child(1){margin-right:0%;}
.game_1 li:nth-child(2){margin-right:0%;}

.game_1 li p{padding:0 4%; border:0px solid red; text-align:left;}
.game_1 li img{width:100%;}

.game_2{width:100%; margin:auto;}
.game_2 li{display:inline-block; background-color:black; width:95%; margin-top:0%; font-size:3vw; color:white; overflow: hidden;}

.game_2 li:nth-child(1){margin-right:0%;}
.game_2 li:nth-child(2){margin-right:0%;}

.game_2 li p{padding:0 4%; border:0px solid red;text-align:left;}
.game_2 li img{width:100%;}
	

#Movie{width: 100%; background-color:black; position: relative; background-size:cover; background-repeat: no-repeat; padding-bottom:6%; padding-top:3%;}
.Movie_box{width:95%; margin:auto; padding:1%;}
#Movie h2{font-size:3.7vw; margin:auto; width:40%;color:#FFC127; padding:1% 2%; border:2px solid #FFC127; margin-top:3%; margin-bottom:2%;}

/* 부모요소 */
.video_wrap {
    position: relative;
    padding-top: 56%;
    width:100%;
    height: 0;
}

.video_wrap > iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#Special_new{width: 100%; overflow: hidden; background-color:#FFC127; text-align: left; padding-bottom:6%; }
#Special_new .inner{width: 94%; margin:auto; border:0px solid red; overflow:hidden;}
#Special_new .special_p{width:100%; border:0px solid pink; padding-bottom:2.5%;}

#Special_new .special_left{width:100%; border:0px solid red; float:left; text-align: left;}
#Special_new .special_right{width:100%; border:0px solid red; float:right;padding-top:50%;}
#Special_new .Special_img{width:95%; border:0px solid red; float:right;}

.special_box1 .special_right{background-image: url('https://directg.diskn.com/17mpYpxkd6');  background-size: cover;}
.special_box2 .special_right{background-image: url('https://directg.diskn.com/1n3ns5kDEe');  background-size: cover;}
	
#Special_new h2{font-size:4vw; margin:0; padding-top:4%;}

#Special_new h6{font-size:3vw;font-weight:400; color:white; margin:0; padding:2% 0% 3% 3%;}
#Special_new h6 span{font-size:2.7vw;font-weight:900; font-weight:600; color:#f3b92f;}
.Special_img{width: 80%;}

.special_box1{width: 100%; border:0px solid red; overflow: hidden; background-color:#1a1711; margin-bottom:1%;}
.special_box2{width: 100%; border:0px solid green; overflow: hidden; background-color:#1a1711;}

#Special_new p:nth-child(2){font-size:3vw; margin:0;  padding-bottom:1%; font-weight:500;}
#Special_new p:nth-child(3){font-size:2.5vw;  margin:0; font-weight:400;}
#Special_new p:nth-child(4){font-size:2vw;  margin:0; font-weight:400;}	
	

.special_left{padding-left:0%; margin:auto; padding-bottom:4%;}
.special_left .shop{text-align: center; width:93%; border:0px solid white;
	padding:1% 0% 1% 0%; font-weight:700; font-size:3vw; margin:auto;  background-color:#F3BD1E; color:black;}
.special_left .shop:hover {text-align: center;  width:93%; border:0px solid #F3BD1E; background-color:#dba000;
	color:black; padding:1% 0% 1% 0%; transition: all 0.3s; margin:auto;}
	
#Detailed{width: 100%; background-color:black; color:white; border:0px solid black;
	background-image:url("https://directg.diskn.com/1n2WNh2hlO"); background-size:cover; background-repeat: no-repeat; background-position:center bottom; padding-bottom:15%; background-attachment: fixed;
}
#Detailed h2{color:#FCC743; margin:0; text-align:center; padding-top:8%; padding-bottom:3%; font-size:4vw;}
.table_if{text-align:left;font-size:3vw; border:0px solid red; margin:auto; width:92%; background-color:rgba(300, 200, 20, 0.9); padding:1%;}
.table_if th{color:black; font-weight:700; border:0px solid red;font-size:2.5vw; padding:12px;}
.table_if td{color:black; font-weight:500;border:0px solid red;font-size:2.5vw;}

footer{
	bottom:0;
	width: 100%;
	background-color:#0F0F0F;
	color:white;
}

footer{flex: 1 1 100%; text-align:center; border-top-width:2px; border-top-style:solid; border-top-color:#FFC127;}


.company{width: 100%; border:0px solid magenta; margin:auto; text-align: center; padding:35px 0 10px 0;}
.company li{display:inline-block; width:15%; padding-right:1%;}
.company li img{width:100%;}
.company li:nth-child(2) img{width:96%;}



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

}

@media screen and (max-width:450px) and (min-width: 300px) {

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

body {
	font-size:1vw;
	font-family: 'Noto Sans JP', sans-serif;
	text-align:center;
	margin:0; 
	padding:0;
}
h2{font-size:3vw;}
h3{font-size:3.5vw;}
h4{font-size:3.8vw; padding-top:2%;; margin:0; color:orange;}
	
.inner{width:100%; margin:auto;}

.navigetion {width:100%; background:black; color:white; text-align:center;top:0;left:0; padding:2% 0;
	border-bottom-width:2px; border-bottom-style:solid; border-bottom-color:#FFC127; 
	z-index:2;}
.navigetion li{display: inline-block; padding:0 2%; color:#FFC127; font-size:3vw; font-weight:700;}
/*--스크롤시 따라오는 효과--*/
.fix {
  position:fixed;
  animation: down 0.5s ease
}

.all {display:flex; flex-flow: row wrap;}


#main{
	position: relative;
	width:100%; 
	background-color:lightpink; 
	flex:1 1 100%; 
	background-image: url('https://directg.diskn.com/37XtpTIEe0'); 
	background-size: cover; 
	background-repeat: no-repeat;
	background-position: bottom;
	padding-bottom:5%;
}

.game_logo{width:90%; padding-bottom:1%; padding-left:0%; padding-top:9%; margin:auto;}
.ps_logo{width:60%; padding-top:2%; padding-left:0%; margin:auto; padding-bottom:60%;}


.topic{width: 100%; border:0px solid red;}
.topic h3{color:#FFB20C; font-size:3.5vw; padding:1% 0 1%; text-align: center; margin:0;}
.topic_in{width:86%; margin-left:6.5%; border: 1px solid black; padding-bottom:5%;
	background-color:rgba(0, 0, 0, 0.8);}
.topic_box{width:85%; height:60px; margin:auto;  background-color:white; overflow: scroll;overflow-x: hidden; padding-bottom:2%;}

.topic_style li{font-size:3vw; padding:1.7% 0 0.7%;}
.topic_style li span{font-weight:600; color:#FFB20C;}

.twitter{position:absolute;top:1%;left:91%; 
	width:3%; padding:3.5% 2%; 
	background-image:url('https://directg.diskn.com/0n9yjWTR9w'); 
	background-size:cover; background-repeat:no-repeat;}

.twitter:hover{position:absolute; background-image:url('https://directg.diskn.com/37XtVoBU90');}

	
#intro{width:100%; background-color:black;}
.inner{width:100%;}
.intro_box1{width:100%; background-color:#FFC127; padding:4% 0;font-weight:700; font-size:3.5vw; }
.intro_box1 h3{font-size:3.6vw; padding:3%;}
.intro_box2{width:100%; float:left;
	background-image:url('https://directg.diskn.com/0SX9qKMR2n'); background-size:cover; background-repeat: no-repeat; padding:22% 0;}
.intro_box3{margin:auto;width:95%; color:white; font-weight:300;
	padding:6% 0; text-align:left; font-size:3vw; overflow: hidden;}

#game_t{display:none;}	
#game{padding-top:3%; background-color:#fcf8eb;/*#FFC127*/; padding-bottom:4%; text-align: center;}
.game_1{width:100%; margin:auto;}
.game_1 li{display:inline-block; background-color:black; width:95%; font-size:3vw; color:white; overflow: hidden; }
.game_1 li:nth-child(1){margin-right:0%;}
.game_1 li:nth-child(2){margin-right:0%;}

.game_1 li p{padding:0 4%; border:0px solid red; text-align:left;}
.game_1 li img{width:100%;}

.game_2{width:100%; margin:auto;}
.game_2 li{display:inline-block; background-color:black; width:95%; margin-top:0%; font-size:3vw; color:white; overflow: hidden;}

.game_2 li:nth-child(1){margin-right:0%;}
.game_2 li:nth-child(2){margin-right:0%;}

.game_2 li p{padding:0 4%; border:0px solid red; text-align:left;}
.game_2 li img{width:100%;}
	

#Movie{width: 100%; background-color:black; position: relative; background-size:cover; background-repeat: no-repeat; padding-bottom:6%; padding-top:3%;}
.Movie_box{width:95%; margin:auto; padding:1%;}
#Movie h2{font-size:3.7vw; margin:auto; width:40%;color:#FFC127; padding:1% 2%; border:2px solid #FFC127; margin-top:3%; margin-bottom:2%;}

/* 부모요소 */
.video_wrap {
    position: relative;
    padding-top: 56%; 
    width:100%;
    height: 0;
}

.video_wrap > iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
	
#Special_new{width: 100%; overflow: hidden; background-color:#FFC127; text-align: left; padding-bottom:6%; }
#Special_new .inner{width: 94%; margin:auto; border:0px solid red; overflow:hidden;}
#Special_new .special_p{width:100%; border:0px solid pink; padding-bottom:2.5%;}

#Special_new .special_left{width:100%; border:0px solid red; float:left; text-align: left;}
#Special_new .special_right{width:100%; border:0px solid red; float:right;padding-top:50%;}
#Special_new .Special_img{width:95%; border:0px solid red; float:right;}

.special_box1 .special_right{background-image: url('https://directg.diskn.com/17mpYpxkd6');  background-size: cover;}
.special_box2 .special_right{background-image: url('https://directg.diskn.com/1n3ns5kDEe');  background-size: cover;}
	
#Special_new h2{font-size:4vw; margin:0; padding-top:4%;}

#Special_new h6{font-size:3vw;font-weight:400; color:white; margin:0; padding:2% 0% 3% 3%;}
#Special_new h6 span{font-size:2.7vw;font-weight:900; font-weight:600; color:#f3b92f;}
.Special_img{width: 80%;}

.special_box1{width: 100%; border:0px solid red; overflow: hidden; background-color:#1a1711; margin-bottom:1%;}
.special_box2{width: 100%; border:0px solid green; overflow: hidden; background-color:#1a1711;}

#Special_new p:nth-child(2){font-size:3vw; margin:0;  padding-bottom:1%; font-weight:500;}
#Special_new p:nth-child(3){font-size:2.5vw;  margin:0; font-weight:400;}
#Special_new p:nth-child(4){font-size:2vw;  margin:0; font-weight:400;}	
		
		
.special_left{padding-left:0%; margin:auto; padding-bottom:4%;}
.special_left .shop{text-align: center; width:93%; border:0px solid white;
	padding:1% 0% 1% 0%; font-weight:700; font-size:3.5vw; margin:auto;  background-color:#F3BD1E; color:black;}
.special_left .shop:hover {text-align: center;  width:93%; border:0px solid #F3BD1E; background-color:#dba000;
	color:black; padding:1% 0% 1% 0%; transition: all 0.3s; margin:auto;}

	
#Detailed{width: 100%; background-color:black; color:white; border:0px solid black;
background-image:url("https://directg.diskn.com/1n2WNh2hlO"); background-size:cover; background-repeat: no-repeat; background-position:center bottom; padding-bottom:15%; background-attachment: fixed;
}
#Detailed h2{color:#FCC743; margin:0; text-align:center; padding-top:8%; padding-bottom:3%; font-size:3.5vw;}
.table_if{text-align:left;font-size:3vw; border:0px solid red; margin:auto; width:92%; background-color:rgba(300, 200, 20, 0.9); padding:1%;}
.table_if th{color:black; font-weight:700; border:0px solid red;font-size:2.5vw; padding:12px;}
.table_if td{color:black; font-weight:500;border:0px solid red;font-size:2.5vw;}

footer{
	bottom:0;
	width: 100%;
	background-color:#0F0F0F;
	color:white;
}

footer{flex: 1 1 100%; text-align:center; border-top-width:2px; border-top-style:solid; border-top-color:#FFC127;}


.company{width: 100%; border:0px solid magenta; margin:auto; text-align: center; padding:35px 0 10px 0;}
.company li{display:inline-block; width:15%; padding-right:1%;}
.company li img{width:100%;}
.company li:nth-child(2) img{width:96%;}



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

}