/*===================各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;*/

}
/*===========================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:#eee
}
.kiji img {
	max-width:100%;
	height:auto;
	margin-bottom:20px
}

.repo td a:hover{
	background-color: #eee
}

/*文章の体裁　*/
.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;
}

/*ドロップキャップス*/
.drop	{
	float:left;
	width:auto;
	margin:10px 10px 0 0;
	padding:6px;
	font-size:4rem;
	line-height: 1.0;
	font-weight: 900;
	background-color: #063;
	color: #fff;
}

/*記事画像のキャプション*/
.caption {
	margin-top: -6px;
	margin-bottom:6px;
	padding:8px 10px 8px 10px;
	font-size:0.8em;
	line-height: 1.4;
	background-color: #eee
}
/*記事画像のキャプション－スマホ用*/
.caption-s {
	margin-top: -7px;
	margin-bottom:8px;
	padding-left: 10px;
	padding-right: 10px;
	font-size:0.8em;
	line-height: 1.4;
	background-color: #eee;
	text-align: left
}
.proverb {
      margin:10px auto;
      width:auto;
      text-align:center;
      color: #950000;
  		font-weight: 900;
}
/*===========================サイドメニュー======================================*/
.sidemenu {
	margin-bottom:10px
}
.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
}
.kakorepo {
	display: block;
	border-top: 3px dashed #f60;
	border-bottom: 3px dashed #f60;
}

/*===========================レスポンシブ=================================*/

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

}

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

@media (max-width: 960px) {
/* イメージ画像 */
.visual {
  margin-top:63px;
}
/* タイトル */
.message {
  font-size:3.0rem;*/
  font-weight:600;
  color:#fff;
  }
/*パンくず非表示*/
.bread li a {
	font-size:1.0rem;
}

/*記事内左画像を非表示*/
.pict-l{
	display: none;
}
/*記事内右画像を非表示*/
.pict-r{
	display: none;
}
/*記事内スマホ用画像枠*/
.picts {
	width:100%;
	height: auto;
	text-align:center;
}
/*記事内スマホ用画像サイズ*/
.picts img{
	width:100%;
	height: auto;
}
}

/*
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%
}


/*--ページネーション--*/
.pagination {
display:none;
}

/*記事内右画像枠の設定*/
.pict-r {
	float: right;
	width: 40%;
  	margin: 0 10px 0 2px;
}
/*記事内左画像枠の設定*/
.pict-l {
	float: left;
	width: 40%;
  	margin: 0 10px 0 2px;
}
/*記事内画像サイズの設定*/
.pict img {
  width: 100%;
  height:auto;
}

/*記事内画像スマホ用を非表示*/
.picts{display: none;
}
}


/*
大型PC------------------------------------------*/

/*最大表示サイズ*/
@media (min-width: 1280px) {
  }