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

.titlearea{
	background-image:url(../img/recomclass/mainbg.jpg);
	background-position:center;
}
.ptitle{
	margin-right:0;
	margin-left:auto;
}
.category{
	width:100%;
}
.category:after{
	content:"";
	display:block;
	clear:both;
}
.category li{
	display:block;
	width:33%;
	float:left;
}
.category li a{
	font-size:3.6rem;
	line-height:1em;
	color:#FFF;
	background-color:#FFD24D;
	padding:10px;
	border-radius: 8px;
	display:block;
	margin:1.4rem auto;
	text-shadow: 2px 2px 1px rgba(0,0,0,0.3);
	text-align: center;
	width:325px;
	box-sizing:border-box;
}
.catbox{
	border:1px solid #CCC;
	margin-top:2em;
	border-radius:8px;
	padding:2px;
}
.catbox h2{
	background-color:#BFEFFF;
	font-size:2.8rem;
	line-height:1em;
	padding:8px;
	text-align: center;
	margin-top:0;
	border-radius:5px;
}
.catbox ul li{
	margin-top:2rem;
	padding:0 5px;
}
.catbox ul li .title{
	font-size:2.8rem;
	padding-bottom:4px;
	border-bottom:1px solid #999;
}
.catbox ul li .title span{
	font-size:1.8rem;
}
.catbox ul li .content{
	padding-bottom:2rem;
	padding-top:0.5rem;
}
footer{
	margin-top:4rem;
}






@media screen and (max-width:768px){
	.category{
	width:100%;
}
.category:after{
	content:"";
	display:block;
	clear:both;
}
.category li{
	display:block;
	width:33%;
	float:left;
	box-sizing:border-box;
	padding:3px;
}
.category li a{
	font-size:1.8rem;
	line-height:1em;
	color:#FFF;
	background-color:#FFD24D;
	padding:10px;
	border-radius: 8px;
	display:block;
	margin:1.4rem auto;
	text-shadow: 2px 2px 1px rgba(0,0,0,0.3);
	text-align: center;
	width:100%;
	box-sizing:border-box;
}
.catbox{
	border:1px solid #CCC;
	margin-top:2em;
	border-radius:8px;
	padding:2px;
}
.catbox h2{
	background-color:#BFEFFF;
	font-size:1.8rem;
	line-height:1em;
	padding:8px;
	text-align: center;
	margin-top:0;
	border-radius:5px;
}
.catbox ul li{
	margin-top:2rem;
	padding:0 5px;
}
.catbox ul li .title{
	font-size:1.8rem;
	padding-bottom:4px;
	border-bottom:1px solid #999;
}
.catbox ul li .title span{
	display:block;
	font-size:1.6rem;
	padding-top:4px;
	text-align:right;
}
.catbox ul li .content{
	padding-bottom:2rem;
	padding-top:0.5rem;
}
footer{
	margin-top:4rem;
}
}