.serach-jenre-input{
  display: none;
}
.serach-jenre-parts{
  padding-left: 20px;
  position:relative;
  margin-right: 20px;
}
.serach-jenre-parts::before{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 15px;
  height: 15px;
  border: 1px solid #999;
  border-radius: 50%;
}
.serach-jenre-input:checked + .serach-jenre-parts{
  color: #009a9a;
}
.serach-jenre-input:checked + .serach-jenre-parts::after{
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 3px;
  width: 11px;
  height: 11px;
  background: #009a9a;
  border-radius: 50%;
}

.serach-items-input{
  display: none;
}
.serach-items-parts{
  padding-left: 20px;
  position:relative;
  margin-right: 20px;
}
.serach-items-parts::before{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 15px;
  height: 15px;
  border: 1px solid #999;
  border-radius: 50%;
}
.serach-items-input:checked + .serach-items-parts{
  color: #009a9a;
}
.serach-items-input:checked + .serach-items-parts::after{
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 3px;
  width: 11px;
  height: 11px;
  background: #009a9a;
  border-radius: 50%;
}


/*-- PC�p --*/

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

.main-visual-pc {
	display:block;
}
.main-visual-sp {
	display:none;
}

.trial {
}
.trial .trial-image {
	width:35%;
	float:left;
}
.trial .trial-info {
	width:60%;
	float:left;
	padding-left:10px;
}
.assessment-list .assessment-list-normal {
  padding:10px 10px 0 10px;
  border-bottom:1px solid #eee;
  position:relative;
}
.assessment-list .assessment-list-normal:hover {
  background:#f3f3f3;
}
.assessment-list .assessment-list-normal a {
  position:absolute;
  display:block;
  top:0;
  left:0;
  width:100%;
  height:100%;
}
.assessment-list .assessment-list-normal a:after {
  content:"〉";
  position:absolute;
  top:50%;
  right:10px;
  margin-top:-12px;
  color:#ccc;
}
.jenres {
}
.jenres ul {
	width:100%;
}
.jenres ul li {
	display:block;
	width:33%;
	margin-bottom:2px;
	float:left;
}

.assessment-items {
}
.assessment-items ul {
	width:100%;
}
.assessment-items ul li {
	display:block;
	width:32.9%;
	margin-bottom:2px;
	float:left;
}

.category-detail {
	text-align:center;
	padding:10px;
	background: -moz-linear-gradient(top, #fd878f, #ff5965);
    background: -webkit-gradient(linear, left top, left bottom, from(#fd878f), to(#ff5965));
	border-radius:3px;
	width:80%;
	margin:0 auto;
	margin-top:30px;
	margin-bottom:40px;
	position:relative;
	margin-top:20px;
}
.category-detail a {
	display:block;
	width:100%;
	color:#ffffff;
}

.cate-box {
}
.cate-box li {
	border:1px solid #e8e8e8;
	position:relative;
}
.cate-box li:hover {
	opacity:0.8;
}
.cate-box li a {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.cate-box .cate-image {
}
.cate-box .cate-text {
	padding-left:5px;
	padding-right:5px;
	padding-bottom:5px;
}
.cate-box .cate-text h3 {
	margin-top:0 !important;
	padding-top:0 !important;
}
.cate-box .cate-text p {
	font-size:12px !important;
	color:gray;
}

}


/*-- SP�p --*/

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

.main-visual-pc {
	display:none;
}
.main-visual-sp {
	display:block;
}

.trial {
}
.trial .trial-image {
	width:100%;
	text-align:center;
}
.trial .trial-info {
	width:100%;
}
.assessment-list .assessment-list-normal {
  padding:10px 10px 0 10px;
  border-bottom:1px solid #eee;
  position:relative;
}
.assessment-list .assessment-list-normal:hover {
  background:#f3f3f3;
}
.assessment-list .assessment-list-normal a {
  position:absolute;
  display:block;
  top:0;
  left:0;
  width:100%;
  height:100%;
}
.assessment-list .assessment-list-normal a:after {
  content:"〉";
  position:absolute;
  top:50%;
  right:10px;
  margin-top:-12px;
  color:#ccc;
}
.jenres {
}
.jenres ul {
	width:100%;
	text-align:center;
}
.jenres ul li {
	display:block;
	width:49%;
	float:left;
}

.assessment-items {
}
.assessment-items ul {
	width:100%;
	text-align:center;
}
.assessment-items ul li {
	display:block;
	width:49%;
	float:left;
}

.category-detail {
	text-align:center;
	padding:10px;
	background: -moz-linear-gradient(top, #fd878f, #ff5965);
    background: -webkit-gradient(linear, left top, left bottom, from(#fd878f), to(#ff5965));
	border-radius:3px;
	width:80%;
	margin:0 auto;
	margin-top:10px;
	margin-bottom:20px;
	position:relative;
}
.category-detail a {
	display:block;
	width:100%;
	color:#ffffff;
}

.cate-box {
}
.cate-box li {
	border:1px solid #e8e8e8;
	position:relative;
}
.cate-box li:hover {
	opacity:0.8;
}
.cate-box li a {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.cate-box .cate-image {
}
.cate-box .cate-text {
	padding-left:5px;
	padding-right:5px;
	padding-bottom:5px;
}
.cate-box .cate-text h3 {
	margin-top:0 !important;
	padding-top:0 !important;
}
.cate-box .cate-text p {
	font-size:10px !important;
	color:gray;
}

}