@charset "utf-8";




/*----------------------------------------
	for PC
----------------------------------------*/


	@media screen and (min-width: 481px){


/*--------visual---------*/

body{

}

/*--------visualbnr---------*/

#headline{
	position:relative;
	padding:10px 0;
	border-bottom:1px solid #fff;
}

#headline .inner{
	width:950px;
	margin:0 auto 0;
}

/*--------contents---------*/


#tab .tab_list{
	width:880px;
	display:block;
	margin:20px auto 0;
	padding:0 0 0px;
}

#tab .tab_list li{
	width:130px;
	display:block;
	float:left;
	margin-left:10px;
	margin-top:7px;
	background-color:rgba(255, 255, 255, 0.7);
	border-radius:10px 10px 0 0;
	text-align:center;
	font-size:13px;
	position:relative;
}

#tab .tab_list li.active{
	padding-bottom:0px;
}

#tab .tab_list li.active {
	margin-top:0px;
	background-color:rgb(47, 206, 242);
	color:#fff;
}


#tab .tab_list li a{
	display:block;overflow:hidden;
	margin:10px 10px;
		color:#09d;
}

#tab .tab_list li.active a{
	color:#fff;
}



#tab .tab_list li img{
	width:100%;
	display:block;
}

#tab .tab_list li.new:before{
	position:absolute;
	top:-8px;
	left:-8px;
	content:'';
	display:block;
	background-image:url('../img/common/icon_newc.png');
	width:30px;
	height:30px;
	padding-top:20px;
	background-size:100%;
	background-repeat:no-repeat;
}

.contents{
	position:relative;
	z-index:60;
	background-color:rgba(255,255,255,0.8);
}

.contents_inner{
	margin:0;padding:0;
	width:865px;
	margin:0 auto 0;
	padding:50px 0 80px;
	position:relative;
}

#background{
	background:#A2F6FB url('../img/common/bg.jpg') center top no-repeat;
	background-attachment:fixed;
	min-width:1000px;
	padding-bottom:100px;
}


.li{margin-top:15px;}



.head{
font-size:24px;
font-weight:800;
color:#09d;
background-color:#fff;
padding:9px 9px;
border-radius:5px;
border:2px solid #09d;
}

.head .date{
font-size:18px;
display:inline;
color:#DA9F2B;
}

.head:hover .date{
color:#dd0;
}

.head:hover{
background-color:#FA1D8F;
color:#fff;
border:2px solid #C71C7B;
}

.head .title{
font-size:21px;
font-weight:800;
width:auto;
padding-top:26px;
padding-left:20px;
}


.head.noimg .title{
padding:20px;
}

.head.premium .title{
font-size:22px;
font-weight:800;
width:85%;
padding-top:15px;
padding-left:20px;
}

.head .title .exp{
font-size:15px;
display:block;
}


.head .console{
font-size:20px;
font-weight:400;
color:#fff;
margin-left:20px;
}

.head .img{
width:9%;
position:relative;
}

.head .img img{
width:100%;
display:block;
}

.head .img.new:before{
	position:absolute;
	top:-8px;
	left:-8px;
	content:'';
	display:block;
	background-image:url('../img/common/icon_newc.png');
	width:30px;
	padding-top:30px;
	background-size:100%;
	background-repeat:no-repeat;
}

.head div{
float:left;
}

.head .btn_head{
color:#FA1D8F;
display:inline-block;
border-radius:20px;
border:1px solid #FA1D8F;
padding:3px 10px;
line-height:1;
background-color:transparent;
}

.head:hover .btn_head{
color:#FA1D8F;
background-color:#fff;
}

.cont{
	display:block;
	color:#09d;
	padding:40px 40px;
	position:relative;
}


.cont .box{
	padding:16px 0;
	border-bottom:1px solid #B1C9D6;
}

.box.noborder{
	border-bottom:0px solid #B1C9D6;
}

.cont .icon{
	float:left;
	display:block;
	width:50px;
}

.cont .name{
	float:left;
	display:block;
	font-size:19px;
	font-weight:800;
}

.cont .ftp .name{
	margin-top:12px;
}

.cont .name .profile{
	font-size:11px;
	color:#F91D8F;
}

.cont .ftp .price{
	margin-top:12px;
}

.cont .price{
	float:right;
	display:block;
	font-size:18px;
	width:150px;
	padding:0 130px 0 0;
	text-align:right;
	position:relative;
}

.cont .price.moreright{
	padding:0 50px 0 0;
}

.cont .price span{
	font-size:13px;
	color:#FA1D8F;
	padding:0 0 0 20px;
	position:absolute;
	font-weight:800;
	text-align:left;
}

.cont .link{
	float:right;
	display:block;
	font-size:15px;
	position:relative;
}

.cont .ftp .link{
	margin-top:10px;
}

.cont .ftp:nth-of-type(1) .link:before{
	content:'';
	background-image:url("../img/dlc/play.png");
	width:52px;
	height:42px;
	position:absolute;
	top:-40px;
	left:-20px;
}

.cont .ftp.vr:nth-of-type(1) .link:before{
	content:'';
	display:none;
}

.cont .link a{
	display:inline-block;
	padding:6px 8px;
	color:#fff;
	border-radius:20px;
	background-color:#09d;
	font-size:12px;
	line-height:1;
	margin-left:2px;
}

.cont .link.non{
	opacity:0.5;
	color:#999;
}

.cont .link.non a{
	color:#fff;
	background-color:#999;
}

.cont .banner{
	display:block;
	text-align:center;
	padding:30px 0 0;
}

.cont .banner img{
	width:340px;
}

.text .link{

}

.attention_top{
	padding-bottom:10px;
}


.cont .text{
	clear:both;
	width:100%;
	padding:6px 0 0;
	font-size:14px;
	line-height:1.5;
}

.cont .text .dlflow{
	display:inline-block;
	border-bottom:1px dotted #09d;
	padding:12px 0 3px;
	margin:15px 0 3px;
	font-weight:800;
	font-size:16px;
}

.cont .text a{
	display:inline-block;
	padding:2px 8px;
	color:#09d;
	border-radius:20px;
	background-color:#fff;
	border:1px dotted #09d;
	font-size:12px;
	line-height:1;
	margin-left:3px;
}

.cont .text a:hover{
	display:inline-block;
	padding:2px 8px;
	color:#09d;
	border-radius:20px;
	background-color:#FA1D8F;
	color:#fff;
		border:1px dotted #fff;
}

.pic{
	width:100%;
	margin-bottom:20px;
	box-shadow:1px 1px 3px rgba(0,0,0,0.2);
}



.attention{

	font-size:14px;
	color:#333;
	text-align:right;
	padding:10px;
}

.btn_window{
	display:block!important;
	text-align:center;
	font-size:16px!important;
	padding: 1.8% 2%!important;
	border-radius:5px!important;
	border:2px solid #FA1D8F !important;
	color:#FA1D8F!important;
	font-weight:800;
}

.btn_window:hover{
color:#fff!important;
}

.box_threeline{
	width:32.3%;
	float:left;
	margin-left:1.5%;
	margin-top:3%;
}

.box_threeline .name{
	text-align:center;
	float:none;
	padding-top:7px;
	display:block;
	font-size:16px;
}

.box_threeline .name span{
	font-size:14px;
}

.box_threeline .link{
	float:none;
	margin:0 auto 0;
	text-align:center;
	font-size:13px;
}

.box_threeline .link a{
	float:none;
	margin:0 auto 0;
	text-align:center;
	font-size:10px;
	padding:4px 10px;
}



.box_threeline:nth-of-type(3n+1){
	margin-left:0;
}


.box_threeline img{
	width:100%;
	display:block;
}

.sale_window{
	border:3px solid #fa1d8f;
	border-radius:10px;
	padding:15px 5px;
	text-align:center;
	color:#fa1d8f;
	background-color:rgba(255,255,255,0.6);
	font-size:16px;
	line-height:1.3;
	font-weight:800!important;
	margin-bottom:20px;
}

.sale_window span{
	font-size:29px;
		font-weight:800!important;
}


.cont .price.sale {
/*color:#fa1d8f;*/
}

.cont .price.sale span{
background-color:#fa1d8f;
color:#fff;
padding:5px 10px 4px;
display:inline-block;
border-radius:5px;
line-height:1;
margin-left:8px;
}

.filter_radius{
	border-radius:10px;
	overflow:hidden;
}

.movie_thum{
	width:400px;
	margin:0 auto 40px;
}

.movie_thum a{
	width:100%;
	display:block;
	position:relative;
}

.movie_thum a:after{
content: '';
background-image: url(../img/top/movie_icon.png);
background-size: 100%;
background-repeat: no-repeat;
display: block;
width: 21%;
padding-top: 31%;
position: absolute;
top: 32%;
left: 40%;
opacity: 0.9;
z-index: 100;
pointer-events: none;
}

.movie_thum a img{
	width:100%;
	display:block;
}

.movie_thum p{
	padding-top:5px;
	text-align:center;
}

.centering{
	text-align:center;
}

/*.btn_sitelink{
	color:#fff;
	background-color:#09d;
	padding:7px 20px;
	border-radius:15px;
}*/

.flex-control-nav{
bottom:-20px!important;
}

.flexslider{
	margin-bottom:30px;
}

.movie_thum{
	width:48%;
	position:relative;
}

.movie_thum.new::after{
	position:absolute;
	top:-8px;
	left:-8px;
	content:'';
	display:block;
	background-image:url('../img/common/icon_newc.png');
	width:30px;
	height:30px;
	padding-top:20px;
	background-size:100%;
	background-repeat:no-repeat;
}

/*.twoline .movie_thum:nth-child(2){
	margin-left:4%;
}*/


.sale_box{
	background-color:#fa1d8f;
	color:#fff;
	padding:10px;
	text-align:center;
	border-radius:5px;
	margin:0 0 30px;
}

}

/*----------------------------------------
	for SP
----------------------------------------*/

	@media screen and (max-width: 480px) {


/*--------visual---------*/

body{

}

/*--------visualbnr---------*/

#headline{
	position:relative;
	padding:10px 0 0;
	border-bottom:1px solid #fff;
	z-index:100;
}

#headline .inner{
	width:96%;
	margin:0 auto 0;
	padding:0 2%;
}

#headline img{
	width:auto;
	max-width:100%;
}

/*--------contents---------*/


#tab .tab_list{
	width:100%;
	display:block;
	margin:20px auto 0;
	padding:0 0 2%;
}

#tab .tab_list li{
	width:31%;
	display:inline-block;
	float:left;
	margin-left:1.5%;
	margin-top:1.5%;
	background-color:rgba(255, 255, 255, 0.7);
	border-radius:10px;
	text-align:center;
	font-size:10px;
	line-height:1.2;
}

#tab .tab_list li.active{
}

#tab .tab_list li.active {
	background-color:rgb(47, 206, 242);
	color:#fff;
}


#tab .tab_list li a{
	display:block;overflow:hidden;
	margin:8% 4%;
		color:#09d;
}

#tab .tab_list li.active a{
	color:#fff;
}



#tab .tab_list li img{
	width:100%;
	display:block;
}



.contents{
	position:relative;
	z-index:60;
	background-color:rgba(255,255,255,0.7);

}

.contents_inner{
	margin:0;padding:0;
	width:92%;
	margin:0 auto 0;
	padding:6% 0 80px;
	position:relative;
}


#background{
	overflow:hidden;
}

#background::after{
	display:block;
	position:fixed;top:0px;left:0px;
	background:#A2F6FB url('../img/common/bg.jpg') center top no-repeat;
	min-width:100%;
	height:100%;
	z-index:-50;
}


.li{margin-top:15px;}



.head{
font-size:16px;
font-weight:800;
color:#09d;
background-color:#fff;
padding:9px 4.5%;
border-radius:5px;
border:2px solid #09d;
display:table;
width:90%;
}

.head:hover{
opacity:0.8;
}

.head .title{
font-size:14px;
font-weight:800;
line-height:1.4;
width:80%;
padding-left:3%;
display:table-cell;
vertical-align:middle;
height:100%;
}

.head .date{
font-size:12px;
display:inline;
color:#DA9F2B;
}



.head .title .exp{
font-size:12px;
display:block;
}


.head .console{
font-size:20px;
font-weight:400;
color:#fff;
margin-left:20px;
}

.head .img{
width:14%;
display:table-cell;
position:relative;
}

.head .img.new:before{
	position:absolute;
	top:-8px;
	left:-8px;
	content:'';
	display:block;
	background-image:url('../img/common/icon_newc.png');
	width:20px;
	padding-top:20px;
	background-size:100%;
	background-repeat:no-repeat;
}

.head .img img{
width:100%;
display:block;
}

.flex-direction-nav{
	display:none;
}

.head div{
float:left;
}

.cont{
	display:block;
	color:#09d;
	padding:5% 2%;
}

.cont .box{
	padding:17px 0;
	border-bottom:1px solid #09d;
}

.box.noborder{
	padding:17px 0;
	border-bottom:0px solid #09d;
}

.cont .icon{
	float:left;
	display:block;
	width:50px;
	margin-bottom:10px;
	margin-right:2%;
}

.cont .name{
	float:left;
	display:block;
	font-size:20px;
	font-weight:800;
	margin-right:3%;
}


.cont .name .profile{
	font-size:11px;
	color:#F91D8F;
}

.cont .price{
	float:left;
	display:block;
	font-size:16px;
	padding-top:2%;
}



.cont .price span{
	font-size:14px;
	color:#FA1D8F;
	padding:0 0 0 10px;
}

.cont .link{
	float:right;
	display:block;
	font-size:13px;
		padding-top:2%;
}

.cont .link a{
	display:inline-block;
	padding:2px 6px;
	color:#fff;
	border-radius:20px;
	background-color:#09d;
	font-size:11px;
	line-height:1;
	margin-left:2px;
}

.cont .link.non{
	opacity:0.5;
	color:#999;
}

.cont .link.non a{
	color:#fff;
	background-color:#999;
}

.text .link{

}

.cont .banner{
	display:block;
	text-align:center;
	padding:30px 0 0;
}

.cont .banner img{
	width:100%;
}

.attention_top{
	padding-bottom:10px;
	font-size:12px;
	line-height:1.3;
}

.cont .text{
	clear:both;
	width:100%;
	padding:6px 0 0;
	font-size:12px;
	line-height:1.5;
}

.cont .text .dlflow{
	display:inline-block;
	border-bottom:1px dotted #09d;
	padding:8px 0 5px;
	margin:14px 0 3px;
	font-weight:800;
	line-height:1.3;
}

.cont .text a{
	display:inline-block;
	padding:2px 6px;
	color:#09d;
	border-radius:20px;
	background-color:#fff;
	border:1px dotted #09d;
	font-size:11px;
	line-height:1;
	margin-left:3px;
}

.pic{
	width:100%;
	margin-bottom:20px;
	box-shadow:1px 1px 3px rgba(0,0,0,0.2);
}



.attention{

	font-size:14px;
	color:#333;
	text-align:right;
	padding:10px;
}





.attention{

	font-size:12px;
	color:#333;
	text-align:right;
	padding:10px;
}


.btn_window{
	display:block!important;
	text-align:center;
	font-size:14px!important;
	padding: 2% 3%!important;
	border-radius:5px!important;
	border:2px solid #FA1D8F !important;
	color:#FA1D8F!important;
	font-weight:800;
}

.box_threeline{
	width:32.3%;
	float:left;
	margin-left:1.5%;
	margin-top:3%;
}

.box_threeline .name{
	text-align:center;
	float:none;
	padding-top:7px;
	display:block;
	font-size:16px;
}

.box_threeline .name span{
	font-size:14px;
}

.box_threeline .link{
	float:none;
	margin:0 auto 0;
	text-align:center;
	font-size:13px;
}

.box_threeline .link a{
	float:none;
	margin:0 auto 0;
	text-align:center;
	font-size:10px;
	padding:4px 10px;
}



.box_threeline:nth-of-type(3n+1){
	margin-left:0;
}


.box_threeline img{
	width:100%;
	display:block;
}

.sale_window{
	border:3px solid #fa1d8f;
	border-radius:10px;
	padding:15px 5px;
	text-align:center;
	color:#fa1d8f;
	background-color:rgba(255,255,255,0.6);
	font-size:14px;
	line-height:1.3;
	font-weight:800!important;
	margin-bottom:20px;
}

.sale_window span{
	font-size:23px;
		font-weight:800!important;
}

.cont .price.sale {
color:#fa1d8f;
}

.cont .price.sale span{
background-color:#fa1d8f;
color:#fff;
padding:5px 10px 4px;
display:inline-block;
border-radius:5px;
line-height:1;
margin-left:5px;
}

.filter_radius{
	border-radius:10px;
	overflow:hidden;
}

.movie_thum{
	width:80%;
	margin:0 auto 6%;
	position:relative;
}

.movie_thum a{
	width:100%;
	display:block;
	position:relative;
}

.movie_thum a:after{
content: '';
background-image: url(../img/top/movie_icon.png);
background-size: 100%;
background-repeat: no-repeat;
display: block;
width: 20%;
padding-top: 32%;
position: absolute;
top: 34%;
left: 40%;
opacity: 0.9;
z-index: 100;
pointer-events: none;
}

.movie_thum a img{
	width:100%;
	display:block;
}

.movie_thum p{
	padding-top:5px;
	text-align:center;
}

.flex-control-nav{
bottom:-8%!important;
}

.centering{
	text-align:center;
}

/*.btn_sitelink{
	color:#fff;
	background-color:#09d;
	padding:7px 20px;
	border-radius:15px;
	font-size:12px;
	margin-top:5%;
}*/

.btn_sitelink{
display:block;
width:100%;
font-size:12px;
}



.btn_sitelink img{
display:block;
width:100%;
}


.twoline .movie_thum.new::after{
	position:absolute;
	top:-8px;
	left:-8px;
	content:'';
	display:block;
	background-image:url('../img/common/icon_newc.png');
	width:30px;
	height:30px;
	/*padding-top:20px;*/
	background-size:100%;
	background-repeat:no-repeat;
}

}