@charset "utf-8";


#subcon.topics .topicSide h3{background:#333;color: #fff;padding: 8% 8%;font-size: 1em;}
#subcon.topics .topicSide h3 span{background:url("../img/common/arw1.jpg")no-repeat left center;padding-left: 30px;}


#subcon.topics .topicSide ul {width:100%;margin:0 auto;border-bottom: 1px solid #dddddd;}
#subcon.topics .topicSide ul li{
	font-size: 0.95em;
	font-weight: bold;
	border-top: 1px solid #dddddd;
	}
#subcon.topics .topicSide ul li a{
	text-align:left;
    padding:5%;
    color:#333;
    background:url("../img/common/arw3.png")no-repeat 95% 50% , #fff;
	line-height: 180%;
	cursor :pointer;
	transition: all 0.5s;
	display: block;
	width: 90%;
	}

#subcon.topics .topicSide ul li a:hover{background:url("../img/common/arw2.png")no-repeat 95% 50% , #ce0237;color: #fff;}
#subcon.topics .topicSide ul li.open a{background:url("../img/common/arw2.png")no-repeat 95% 50%, #ce0237;color: #fff;}

/* 2段目 */
#subcon.topics .topicSide ul li.open ul li a{
	background:url("../img/common/arw3.png")no-repeat 95% 50% , #fff;
	display: block;
	padding:5% 12% 5% 8%;
	line-height: 150%;
	transition: all 0.5s;
	color: #333;
	font-size: 0.9em;
	font-weight: bold;
	width: 80%;
}
#subcon.topics .topicSide ul li.open ul{border-bottom: none;}

#subcon.topics .topicSide ul li.open ul li a.on {
	background: url("../img/common/arw4.png")no-repeat 95% 50% , #ffd8d9;
	font-weight: bold;
}
#subcon.topics .topicSide ul li.open ul li a.topicon {
	background: url("../img/common/arw4.png")no-repeat 95% 50% , #ffd8d9;
}
#subcon.topics .topicSide ul li.open ul li a:hover {
	background: url("../img/common/arw4.png")no-repeat 95% 50% , #ffd8d9;
	font-weight: bold;
	}

/* 3段目 */
#subcon.topics .topicSide ul li.open ul li ul li a{
	background:url("../img/common/arw5.png")no-repeat 95% 50% , #fff;
	display: block;
	padding:5% 10%;
	line-height: 150%;
	transition: all 0.5s;
	color: #333;
	font-size: 0.8em;
	font-weight: normal;
	width: 80%;
}
#subcon.topics .topicSide ul li ul li ul li.in a{
    width: 74%;
    padding: 5% 13%;
}
#subcon.topics .topicSide ul li.open ul li ul li a.on,
#subcon.topics .topicSide ul li.open ul li ul li a:hover{
	color: #ce0237;
	background: url("../img/common/arw4_2.png")no-repeat 95% 50% , #fff;
	}

/* サブタイトル */
#subcon.topics .topicSide ul li.open ul li a.grttl{background:url("../img/common/arw3.png")no-repeat 95% 50%, #eeeeee;}
#subcon.topics .topicSide ul li.open ul li a.grttl:hover{background:url("../img/common/arw4_2.png")no-repeat 95% 50%, #ffd8d9; color: #333;}


/* 4段目 */
#subcon.topics .topicSide ul li.open ul li ul li ul li a.on,
#subcon.topics .topicSide ul li.open ul li ul li ul li a:hover{background:url("../img/common/arw4_2.png")no-repeat 95% 50% , #ffd8d9;}

/* リンクボタン */
#subcon.topics .topicSide ul li span.link{padding: 0 15px 0 0; background: url("../img/common/sidenavi_icon.png") no-repeat right;}


/* topiconly */
#subcon.topics .topiconly ul li.open ul li a{background: #fff;font-weight: normal;}
#subcon.topics .topiconly ul li.open ul li a.on{background: #fdd2db;}
#subcon.topics .topiconly ul li.open ul li a:hover{font-weight: normal;background: #fdd2db;}


/*sidenav bold red*/
a.bold { font-weight: bold !important;}
a.red { color: #ce0338 !important;}

@media screen and (max-width: 767px) {	
#subcon.topics .topicSide h3{font-size: 1em;}
#subcon.topics .topicSide ul li{font-size: 0.95em;}
}