@charset "utf-8";

.TOP_Box{
	clear: none;
	float: left;
	width: calc(99%);
	display: inline-block;
	margin:0.5%;
}

.TOP_Box .Title{
	font-size: 115%;	
}

@media only screen and (min-width: 480px) {
.TOP_Box{
	clear: none;
	float: left;
	width: calc(99%);
	display: inline-block;
	margin:0.5%;
}

.TOP_Box .Title{
	font-size: 120%;	
}
}
@media only screen and (min-width: 768px) {
.TOP_Box{
	clear: none;
	float: left;
	width: calc(98%/2);
	display: inline-block;
	margin:0.5%;
}

.TOP_Box .Title{
	font-size: 115%;	

}
}
@media only screen and (min-width: 1024px) {
.TOP_Box{
	clear: none;
	float: left;
	width: calc(94%/3);
	display: inline-block;
	margin:0.5%;
	padding:0.5%;
}

.TOP_Box .Title{
	font-size:97%;	
}
}
@media only screen and (min-width: 1025px) {
.TOP_Box{
	clear: none;
	float: left;
	width: calc(94%/3);
	display: inline-block;
	margin:0.5%;
	padding:0.5%;
}

.TOP_Box .Title{
	font-size: 120%;	
}
}

.TOP_Box .Title{
	float:left;
	border-bottom: 1px solid #ccc;
	line-height: 25px;
	margin: 0 0 15px 1%;
	padding-top: 5px;
	width: 98%;
	color:#ff3366;	
	font-weight: bold;
	text-align: center;
}


.Top_PH {
	clear: none;
	float: left;	
    width: 100%;
    height: 0;
    padding-bottom: 45%;
	border:0px #ccc solid;
	overflow:hidden;
	border-radius:10px;
}
.Top_PH img{width: 100%;}
.TOP_Box .Intro{color:#ccc;font-size:100%;line-height:25px;width: 98%;margin-left:1%;}