
/*===================各BOX 基本設定=====================*/

.wrapper {	
	padding 0
}



/*======================box-visual部分============================*/

/*キャッチコピー */
.catch {/* textの背景に透過BOXを表示*/
  position:absolute;
  top: 60%;
  left: 20%;
  background-color: rgba(255, 255, 255, 0.5);
}
/* ヘッダ画像にキャッチコピーを重ねる　*/
.top {
  position:relative
}
.message {
  position:absolute;
  top: 35%;
  left: 10%
}
.title-logo  {
    max-width:40%;
    margin-right:10px;
    padding: 0.6em;
    position:absolute;
    bottom: 7%;
    right: 3%;
    /* textの背景に透過BOXを表示
    background-color: rgba(255,255,255,0.5);
    text-align:right;*/

}
.caption {
	font-size: 1.2rem;
	width:240px;
	line-height: 1em;
}

.photo {
	float:left;
	margin-top:1em;
	margin-right:1em;
	margin-bottom:1em;
	}
.clear {
	clear:both;
	}
.right_txt {
	float: right;
	font-size:1.4rem;
	font-weight:600;
}
.center {
	text-align:center;
}
/*===========================box-contensの設定======================================*/

/*記事*/
.kiji h1 {
	margin-top:0;
	margin-bottom:20px;
	padding-left:20px;
	border-left:solid 20px #063;
	border-bottom:solid 1px #063;
	font-weight:900;
	color: #650000;
}
.kiji h2 {
	margin-top:0px;
	margin-bottom:20px;
	border-bottom: solid 1px #ddd;
	font-weight:normal
}
.kiji h3 {
	margin-top:20px;
	margin-right:7px;
	color:#063;
}
.kiji h4 i {
	margin-right:7px
}


/*---CONTENSの内容----*/
.lead {
margin-bottom: 20px;
text-indent: 1em
}

.kiji ul {
	margin:0;
	padding:0;
	list-style:none
}
.kiji li a {
	display:block;
	padding:10px;
	color:#000;
	/*font-size:14px;*/
	text-decoration:none
}
.kiji li a:hover {
	background-color:#333
}
.kiji img {
	max-width:100%;
	height:auto;
	margin-bottom:20px
}

/*文章の体裁　*/
.gyokyo_list caption {
	font-size:1.4rem;
}
.gyokyo_list th {
}
.gyokyo_list td {
	font-size:1rem;
}
/*コンテンツ部の定義リストの設定　*/
.kiji dl {
	margin:0;
	padding-left: 10px;
	padding-top: 0px;
}

.kiji dt{
	margin:0 0 10px 0;
}

.kiji dl dd {
	text-indent: 1em;
	color: #666;
}

.kiji td a {
	display:block;
	padding-left:10px;
	/*color:#000;
	font-size:14px;*/
	text-decoration:none
}
.kiji td a:hover {
	background-color:#eee
}

.kaisetu {
	list-style:none;
	text-align: left;
	padding-left: 30px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;	
}

/* ドロップキャップスの設定
-------------------------------------------------*/
.drop	{
	font-size:1.6em;
	float:left;
	margin-right:10px;
	margin-bottom:5px;
	font-weight: 900;
	color: #033;
}
/* SNSのシェアボタン 
.share {
	margin-top: 0px;
	margin-bottom:16px
}
.share ul {
	margin: 0;
	padding: 0;
	list-style: none
}
.share li a {
	display: block;
	padding: 10px 5px;
	color: #ffffff;
	text-align: center;
	text-decoration: none
}
.share-tw {
	background-color: #55acee
}
.share-fb {
	background-color: #3b5998
}
.share-gp {
	background-color: #dd4b39
}
.share-ha {
	background-color: #008fde
}
.share-ln {
	background-color: #00c300
}
.share-po {
	background-color: #EE4056
}
.share-lin {
	background-color: #395e7a
}

.share li a:hover {
	opacity: 0.8
}
.share ul:after {
	content: "";
	display: block;
	clear: both
}
.share li {
	float: left;
	width: 33.3333%
}*/

/*サイドメニュー*/

.sidemenu {
	margin-bottom:10px
}
.sidemenu h2 {
	margin:0;
	padding:10px;
	font-size:1.6rem;
	color: #fff;
	font-weight:normal
}
.sidemenu h2 i {
	margin-right:5px;
	color:#8abc60;
	font-size:larger
}
.sidemenu h3 {
	margin-right:5px;
	color:#063;
	font-weight: 800;
}
.sidemenu ul {
	margin:0;
	padding:0;
	list-style:none
}
.sidemenu li a {
	display:block;
	padding:10px;
	border-top:solid 1px #ddd;
	color:#000;
	font-size:1.4rem;
	text-decoration:none
}
.sidemenu li a:hover {
	background-color:#eee
}

.sidemenu dt {
	font-weight: 800;
	color: #063;
}
.sidemenu dd a {
	display:block;
	padding:10px;
	border-top:solid 1px #ddd;
	color:#000;
	font-size:1.4rem;
	text-decoration:none
}

.sidemenu dd a:hover {
	background-color:#eee
}

/*アフェリエイト
-------------------------------------------------*/
div#aferi {
	width: auto;
	float:left;
	text-align: left;
	padding-left: 10px;
	padding-bottom: 10px;
}


/*サイドバー内コンテンツ
/*------CAPTION(サイドメニューのh2指定)---------*/
.s_caption{
	margin-left:2px;
	margin-bottom:5px;
	margin-right:2px;
	padding-left:10px;
	padding-right:5px;
	background-color:#063;
	line-height: 1.4em;
}

/*-------禁漁河川の色--------*/
.kinryou {color:#ff7f50;
}
.kinryou a {
  outline:none;
  color: #ff7f50;
}
/*-------立ち入り禁止河川の色--------*/
.keepout {color:#F00;
}
.keepout a {
  outline:none;
  color: #F00;
}
/*
レスポンシブデザイン--------------------------------------*/

/* スマホ横サイズ以下 */
@media (max-width: 600px) {

/* キャッチコピー */
.message {
	/*font-size:22px*/
}

.catch {
	/*font-size:12px*/
}

table.repo {
	font-size:90%;
}
/*記事
.lead {
	font-size: 0.8rem;
margin-bottom: 8px
}*/


.sidemenu h2 {
	/*font-size:0.8rem*/
}
.sidemenu li a {
	font-size:0.8rem
}

/*---rule.htmlで使用---
ul.enc-rule li{
	padding: 0 0 0 5px;
	font-size:0.8rem;
}
*/

/* SNSのシェアボタン 
.share span {
display: inline-block;
 text-indent: -9999px;
}*/
}

/* タブレットサイズまで */

@media (max-width: 960px) {
/* イメージ画像 */
.visual {
  margin-top:63px;
}
/* タイトル */
.message {
  font-size:3.0rem;
  font-weight:600;
  color:#fff;
  }

.bread {
	display:none
}


}

/* PCサイズ以上 */
@media (min-width: 961px) {
/* イメージ画像 */
.visual {
  margin-top:83px;
  }
/* タイトル */
.message {
  font-size:4.2rem;
  font-weight:600;
  color:#fff;
  }
/* キャッチコピー */
.catch {
  color:#000;
  font-size:2.0rem
  }

/*contents1とcontents2を横に並べる*/
.wrapper:after {
content:"";
 display:block;
 clear:both
}
 .contents1 {
float:right;
 width:76%;
 padding-left:24px;
 -moz-box-sizing:border-box;
 -webkit-box-sizing:border-box;
 box-sizing:border-box
}
 .contents2 {
float:left;
 width:24%
}

/*本文を2段組みにする場合
.colum2	{margin-top:40px;
		-moz-column-count:2;
		-moz-column-gap:40px;
		-webkit-column-count:2;
		-webkit-column-gap:40px;
		column-count:2;
		column-gap:40px}*/

/*本文を3段組みにする場合
.colum3	{margin-top:40px;
		-moz-column-count:3;
		-moz-column-gap:40px;
		-webkit-column-count:3;
		-webkit-column-gap:40px;
		column-count:3;
		column-gap:40px}*/

/*--ページネーション--*/
.pagination {
display:none;
}
}
/* 大型PC */
@media (min-width: 1280px) {
/*余白の削除*/

  }

