@charset "utf-8";
/** *****************************************************************
コンテンツ
最終更新日：2015.01.09
***************************************************************** **/
#KURASU{}

/**----------------------------------------------------------------------
 トップ
----------------------------------------------------------------------**/
#KURASU section h2.h2title{
	background: #a06e32;
}

#KURASU ul.topicslist{
	width: 90%;
	margin: 0 auto;
}

#KURASU ul.topicslist li{
	font-size: 1.2em;
	margin: 1.0em 0;
	padding-bottom: 1.0em;
	border-bottom:1px #dfdfdf dotted;
}
#KURASU ul.topicslist li .date{
	display: inline-block;
	width: 16%;
}
#KURASU ul.topicslist li .cat01,
#KURASU ul.topicslist li .cat02,
#KURASU ul.topicslist li .sangaku,
#KURASU ul.topicslist li .cat03{
	margin: 0 20px;
	padding: 5px 10px;
	    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
	color: #ffffff;
}
#KURASU .cat01{background: #ff0000;}
#KURASU .cat02{background: #0080ff;}
#KURASU .cat03{background: #3ec367;}
#KURASU .sangaku{background: #87a71f;}

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

#KURASU .topicslist{
	width: 95%;
	margin: 0 auto 1.5em auto;
}

#KURASU ul.topicslist li .date{
	display: block;
	width: 100%;
	text-align: center;
	background: #a06e32;
	color: #fff;
	margin-bottom: 10px;
	font-size: 0.8em;
}

#KURASU ul.topicslist li{
	margin: 0.5em 0;
	padding-bottom: 1.0em;
	border-bottom:1px #fff dotted;
}
#KURASU ul.topicslist li .cat01,
#KURASU ul.topicslist li .cat02,
#KURASU ul.topicslist li .cat03{
	margin: 0;
	padding: 5px 10px;
	    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
	color: #ffffff;
}



#KURASU .topicslist .picture{
	float: none;
	width: 100%;
	padding: 0;
	margin-right: 0;
}


#KURASU .topicslist .txt{
	width: 100% !important;
	float: none;
	margin: 1.0em 0 0 0;
	padding: 0%;
}

}


/**----------------------------------------------------------------------
詳細ページ
----------------------------------------------------------------------**/

#KURASU .topicsblock{
	width: 95%;
	margin: 0 auto 1.5em auto;
}
#KURASU .topicsblock .cat01,
#KURASU .topicsblock .cat02,
#KURASU .topicsblock .cat03{
	display: inline-block;
	color: #fff;
	padding: 5px 10px;
	margin-bottom: 10px;
	font-size: 1.2em;
	    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

#KURASU .topicsblock .date{
	display: inline-block;
	background: #a06e32;
	color: #fff;
	padding: 5px 10px;
	margin-bottom: 10px;
	font-size: 1.6em;
	    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}


#KURASU .topicsblock h3{
	font-size: 3.6em;
	margin-bottom: 1.0em;
	padding-bottom: 0.25em;
	border-bottom:2px #a06e32 solid;
}


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

#KURASU .topicsblock h3{
	font-size: 2.2em;
}

}



#KURASU .topicsblock h4{
	margin:3.0em 0 1.0em 0;
	padding-bottom: 0.25em;
	border-bottom:1px #a06e32 solid;
}


#KURASU .topicsblock .picture{
	float: left;
	width: 36%;
	padding: 1%;
	margin-right: 2%;
}
#KURASU .topicsblock .picture p{
	margin-bottom: 30px;
}


#KURASU .topicsblock .txt{
	width: 56% !important;
	float: left;
	margin: 2%;
}

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

#KURASU .topicsblock .picture{
	float: none;
	width: 100%;
	padding: 0;
	margin-right: 0;
}



#KURASU .topicsblock .txt{
	width: 100% !important;
	float: none;
	margin: 0;
}

}




/*テーブル*/
#KURASU .topicstable{
	width:100%;
	border-collapse: collapse;
	font-size:1.0em;
	margin: 2.0em 0;
}
#KURASU .topicstable th,
#KURASU .topicstable td{
	padding:10px;
	border: solid 1px #e5e5e5;
	font-weight: normal;
}
#KURASU .topicstable th{
	width: 30%;
	background: #fcfcfc;
}
#KURASU .topicstable td{
	width: 70%;
}