.PCnone{
	display:none;
}
body{
	background-color:#230721;
}
h1{
	background-color:#e7347a;
	color:#350050;
	text-align:center;
	line-height:30px;
	font-weight:500;
}
#TopImg{
}
#RecTitle{
	width:50%;
	margin:auto;
}

.contTYP1{
	position:relative;
	width:90%;
	margin:auto;
}
.contTYP1 section{
	background-color:#FFF;
	position:relative;
	margin:auto;
	border-radius:15px;
	padding-bottom:15px;
	margin-bottom:30px;
	width:30%;
	display:inline-block;
	vertical-align:top;
	margin-right:3%;
}
.contTYP1 section:nth-child(3n){
	margin-right:0px;
}
.contTYP1 section h3{
	font-size:18px;
	font-weight:600;
	color:#e0328c;
	line-height:45px;
	text-indent:28%;
}
.contTYP1 section h3 a{
	display:block;
	color:#e0328c;
}
.CTP-Rank{
	position:absolute;
	top:-10px;
	width:30%;
	left:0%;
}
.CTP1-intro{
	padding:5px 10px;
	font-size:16px;
	font-weight:600;
}
.CTP1-line{
	background-color:#46b035;
	color:#FFF;
	line-height:30px;
	text-align:center;
	font-size:17px;
}
.CTP1-UL{
	position:relative;
	width:95%;
	margin:auto;
}
.CTP1-UL li{
    background-color: rgba(33,17,45,1.00);
    font-size: 15px;
	line-height:1.2em;
    color: #e62c87;
    border-radius: 10px;
    margin-top: 7px;
    background-image: url(../img/ap1_markiine.gif);
    background-repeat: no-repeat;
    background-position: 3% 7px;
    background-size: 30px auto;
	padding:10px;
	padding-left:40px;
}
.toLine{
	width:90%;
	background-color:#46b035;
	line-height:50px;
	margin:auto;
	text-align:center;
	color:#FFF;
	font-size:20px;
	margin-top:10px;
	border-radius:10px;
	border-bottom:4px solid #3e7837;
}
.toLine a{
	display:block;
	color:#FFF;
	border-radius:10px;
}
.toLine a:hover{
	background-color:#6DCE5D;
	border-radius:10px;
}

.contTYP2{
    position: relative;
    height: 330px;
    background-image: url(../img/ap1_neonwk.gif);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% 100%;
	margin-bottom:30px;
}
.contTYP2 h2{
	width:50%;
	position:relative;
	margin:auto;
	padding-top:20px;
}


.contTYP3{
	background-color:#FFF;
	position:relative;
	width:80%;
	margin:auto;
	border-radius:15px;
	padding-bottom:15px;
	margin-bottom:30px;
}
.contTYP3 h2{
	text-align:center;
	padding-top:20px;
	font-size:25px;
	font-weight:600;
	font-family: 'Zen Maru Gothic', sans-serif;
	color:#E0328C;
	padding-bottom:15px;
}
.contTYP3 section{
	position:relative;
	padding-bottom:25px;
	width:45%;
	display:inline-block;
	margin-left:3%;
	vertical-align:top;
}
.contTYP3 section h3{
	background-color:#E0328C;
	color:#F6F189;
	line-height:35px;
	padding-left:60px;
}
.contTYP3 section h3 a{
	color:#F6F189;
}
.contTYP3 section h3 span{
	position:absolute;
	width:60px;
	height:auto;
	left:0px;
	top:-10px;
}
.contTYP3 section div{
	width:90%;
	position:relative;
	margin:auto;
	margin-top:15px;
}

.reflection{
display:block;
position:relative;
overflow:hidden;
}

.reflection:after {
content:"";
height:100%;
width:30px;
position:absolute;
top:-180px;
left:0;
background-color: #fff;
opacity:0;
-webkit-transform: rotate(45deg);
-webkit-animation: reflection 2s ease-in-out infinite;
}

@keyframes reflection {
0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}