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


#magazine_main_full .main_image{
 background-color:#FFF;
 }
#magazine_main_full h1{
	max-width:980px;
	margin-left:auto;
	margin-right:auto;
	margin-top:50px;
}
#magazine_main_full h2,
#magazine_main_full h3,
#magazine_main_full h4,
#magazine_main_full p{
	max-width:980px;
	padding:10px 0px 2px 0px;
	margin:0px auto 0;

 	
}
#magazine_main_full img
{
	width:100%;
	height:100%;
	
 	
}


.SP05_main{
color: #fff; background-color: #100f1e; width: 100%; overflow: hidden; padding: 5% 0%;
}

.SP05_main2{
color: #111; background-color: #fff; width: 100%; overflow: hidden; padding: 5% 0%;margin-left:auto;
	margin-right:auto;
	}
.SP05_bg{
color: #FFF; background-color: #fff; width: 100%; overflow: hidden; padding: 5% 0%;margin-left:auto;
	margin-right:auto;
	background-image:url(../images/sx/article/SP05/SP05_bg.jpg);
		font-weight: 800;
		font-size:18px;
		text-align:center;
	
}

.SP05_box{
	margin-left:auto;
	margin-right:auto;
	max-width:980px;
}

.SP05_text{
	float:left;
	margin-left:0px;
	max-width:720px;
	width: 72%;

}

.SP05_text h2 {
	
	margin-left: 0px;
	color: #17a1cf;

	
}
#magazine_main_full .SP05_text h3,
#magazine_main_full .SP05_text p{
	padding:4px 0px;

}

#magazine_main_full .SP05_text h4 {
		padding:4px 0px;


}

.SP05_cover{
	float: right; padding-left: 20px; width: 25%;
}


#magazine_main_full .btn {
  -webkit-border-radius: 32;
  -moz-border-radius: 32;
  border-radius: 32px;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  background: #3498db;
  padding: 10px 40px 10px 40px;
  text-decoration: none;
  text-align:center;
}

#magazine_main_full .btn:hover {
  background: #71afd6;
  text-decoration: none;
    color: #ffffff;

}
#magazine_main_full .btn a, a:visited {
  text-decoration: none;
    color: #ffffff;

}




@media only screen and (max-width:1024px){
.SP05_text{
	float:left;
	margin:2%;
	max-width:680px;
	width: 67%;
	padding:0px;

}

}
@media only screen and (max-width:667px){

.SP05_text{
	float:left;
	margin:3%;
	max-width:720px;
	width: 94%;
	padding:0px;

}
.SP05_text{
margin-left:0px;

}

#main h2 {
	font-family: KozGoPr6N-Regular;
	font-size: 16px;
	line-height: 200%;
	color: #17a1cf;
	letter-spacing: 2px;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
	padding: 8px;
	font-weight: normal;
}


#magazine_main_full .main_image img{
	float: right;  width: 120%; padding-bottom:10px;
}

@media only screen and (max-width: 568px){
	
	div#magazine_main_full{
		background-color: #fff;
	}
	
.SP05_text,
.SP05_cover{
	float:left;
	margin:3%;
	max-width:720px;
	width: 94%;
	padding:0px;

}

#magazine_main_full .main_image img{
	float: right;  width: 100%; padding-bottom:10px;
}

#magazine_main_full h1{
		font-size: 22px;
		margin:2%;

	}
#magazine_main_full .SP05_main h2 {
	font-family: KozGoPr6N-Regular;
	font-size: 18px;
	line-height: 150%;
	color: #17a1cf;
	letter-spacing: 0px;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
	padding: 8px;
	font-weight: normal;
}
#magazine_main_full .SP05_text h3{
		font-size: 22px;

	}


#magazine_main_full  h4 {
	font-size: 16px;
	
}
#magazine_main_full .SP05_text h4 {
	font-size: 14px;
	text-align: center;

	
}



}