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

/**----------------------------------------------------------------------
 トップ
----------------------------------------------------------------------**/
#TOPICS section h2.h2title{
	background: #a57e7a;
}
#MOUNTAIN section h2.h2title{
	background: #87a71f;
}

#TOPICS ul.topicslist,
#MOUNTAIN ul.topicslist{
	width: 90%;
	margin: 0 auto;
}

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

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

#TOPICS .topicslist,
#MOUNTAIN .topicslist{
	width: 95%;
	margin: 0 auto 1.5em auto;
}

#TOPICS ul.topicslist li .date{
	display: block;
	width: 100%;
	text-align: center;
	background: #74413c;
	color: #fff;
	margin-bottom: 10px;
	font-size: 0.8em;
}
#MOUNTAIN ul.topicslist li .date{
	display: block;
	width: 100%;
	text-align: center;
	background: #556d05;
	color: #fff;
	margin-bottom: 10px;
	font-size: 0.8em;
}
#TOPICS ul.topicslist li,
#MOUNTAIN ul.topicslist li{
	margin: 0.5em 0;
	padding-bottom: 1.0em;
	border-bottom:1px #fff dotted;
}
#TOPICS ul.topicslist li .cat01,
#TOPICS ul.topicslist li .cat02,
#TOPICS ul.topicslist li .cat03{
	margin: 0;
	padding: 5px 10px;
	    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
	color: #ffffff;
}



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


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

}


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

#TOPICS .topicsblock,
#MOUNTAIN .topicsblock{
	width: 95%;
	margin: 0 auto 1.5em auto;
}
#TOPICS .topicsblock .cat01,
#TOPICS .topicsblock .cat02,
#TOPICS .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;
}

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

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


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

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

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

#TOPICS .topicsblock h3,
#MOUNTAIN .topicsblock h3{
	font-size: 2.2em;
}

}



#TOPICS .topicsblock h4{
	margin:3.0em 0 1.0em 0;
	padding-bottom: 0.25em;
	border-bottom:1px #892d2d solid;
}
#MOUNTAIN .topicsblock h4{
	margin:3.0em 0 1.0em 0;
	padding-bottom: 0.25em;
	border-bottom:1px #87a71f solid;
}


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


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

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

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



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

}




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