/*メインビジュアル*/
#header:after{
	background-image: url(../img/topic/mainVisual.png);
	max-width: 1100px;
}

/*全体*/
#topicBox .cntBox{
	padding: 0 0 50px;
	width: 90%;
	max-width: 800px;
	margin: 0 auto;
}
#topicCntBox .cntBox img{}
/*一覧ページ*/
#topicBox .cntBox ul{
	border-top: 2px solid #333;
}
#topicBox .recent-list {
    border-bottom: 2px solid #333;
}
#topicBox ul a {
    display: block;
    padding: 15px 10px;
    font-weight: normal;
    transition: .3s;
}
#topicBox ul a:hover{
	opacity: .8;
}
#topicBox .recent-list p {
    color: #ff7987;
}
#topicBox .recent-list h3{
	font-size: 1.6rem;
	color: #333;
	text-align: left;
	margin-bottom: 0;
	font-weight: bold;
}

/*個別ページ*/
#topicCntBox{
	max-width: 1000px;
}
#topicCntBox .cntTitle{
	margin-bottom: 30px;
	border-bottom: 3px solid #84BE40;
	padding: 0 10px 10px;
}
#topicCntBox #topicDate{
	text-align: left;
	color: #ff7987;
}
#topicCntBox #topicTitle{
	text-align: left;
	letter-spacing: 2px;
	font-size: 2.8rem;
	line-height: 40px;
	margin-top: 0;
}
#topicCntBox .cntBox{
	padding: 0 10px;
	max-width: 780px;
	margin: 20px auto;
	width: 100%;
}
/*ページネーション*/
.tablenav{
	text-align: center;
	margin-top: 30px;
}
.tablenav .current {
    font-weight: normal;
    background: #84BE40;
    color: #fff;
    display: inline-block;
    padding: 10px 15px 12px;
    margin: 0 3px;
    font-size: 1.5rem;
    border-radius: 5px;
}
.tablenav a {
    border: 1px solid #84BE40;
    background: #FFF;
    color: #84BE40;
    display: inline-block;
    padding: 10px 15px 12px;
    margin: 0 3px;
    font-size: 1.5rem;
    border-radius: 5px;
}
#topicCntBox h2{
    font-size: 2.4rem;
    font-weight: bold;
    margin: 30px 0 40px;
    padding-bottom: 15px;
    background: #ff7987;
    padding: 20px;
    color: #fff;
    border-radius: 6px;
}
#topicCntBox h3{
	text-align: left;
    font-weight: bold;
    letter-spacing: 1px;
    margin: 50px 0 30px;
    padding-left: 15px;
    border-left: 6px solid #84BE40;
    font-size: 2.4rem;
}
#topicCntBox p{
    /*font-weight: bold;*/
    font-size: 1.6rem;
    text-align: left;
    line-height: 28px;
    margin-bottom: 20px;
    letter-spacing: 1px;
}
#topicCntBox li{
	letter-spacing: 1px;
	margin-left: 10px;
	margin-bottom: 10px;
	line-height: 28px;
}
#topicCntBox strong{
	font-weight: bold;
}

#topicCntBox  ul{
   padding: 20px 10px 10px 30px;
	list-style-type: disc;
}
#topicCntBox  ol{
	padding: 20px 10px 10px 30px;
	list-style-type: decimal;
}
#topicCntBox table{
	margin: 20px 0;
}
#topicCntBox td{
	border: 1px solid #ccc;
}
#topicCntBox img{
	margin-bottom: 20px;
}
#topicCntBox .cntBox a{
  color: blue;
  border-bottom: 1px solid blue;
}

#topicCntBox .cntBox a:hover {
    opacity: .8;
}
#topicCntBox .cntBox img{
	max-width: 100%;
	height: auto;
}

/*TAB*/
@media screen and (max-width:899px){
	/*メインビジュアル*/
	#mainVisual #keyVisual:after{
		background-image: url(../img/topic/mainVisual.png);
	}

}

/*SP*/
@media screen and (max-width:480px){
	/*メインビジュアル*/
	#mainVisual #copyText .copy{
		font-size: 2.3rem;
	}
	#mainVisual #copyText .copy span{
		font-size: 2.6rem;
	}
	#topicBox .cntBox{
		width: 100%;
	}
	/*個別ページ*/
	#topicCntBox .cntTitle{
		margin-bottom: 20px;
	}
	#topicCntBox #topicTitle {
	    letter-spacing: 2px;
	    font-size: 2.4rem;
	    margin-bottom: 0;
	}
	/*個別投稿*/
	#topicCntBox .cntBox{
		padding: 0;
	}
	#topicCntBox p{
		font-size: 1.5rem;
		margin-bottom: 15px;
	    line-height: 27px;
	}
	#topicCntBox ol,#topicCntBox ul{
	    padding: 18px 9px 8px 24px;
	}
	#topicCntBox li{
		font-size: 1.5rem;
	    margin-left: 6px;
    	margin-bottom: 5px;
	}
	#topicCntBox h2{
		font-size: 2rem;
	    padding: 20px 9px;
	}
	#topicCntBox h3{
		font-size: 2rem;
		padding-left: 10px;
 	   border-left: 5px solid #84BE40;
	}
}