@charset "utf-8";

@import "reaction.css";
@import "comment.css";


/*========================================================================================================================


  ◇◆◇ 記事 ◇◆◇
  
  1. 一覧
  2. 詳細
  
  
========================================================================================================================*/

.ct {
  width:1280px;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:60px;
}

.ct:after {
	content:"";
	display:block;
	height:0;
	clear:both;
}

#center-contents {
  width:720px;
  float:left;
  margin-left:30px;
}

.sideL {
  width:250px;
  float:left;
}

.sideR {
  width:250px;
  float:right;
}

.banner-area01 li {
	margin-bottom:20px;
}


/*----------------------------------------------------------------------------------------------------

  1. 一覧
  
----------------------------------------------------------------------------------------------------*/


#left-contents .contentstitle {
	font-weight:bold;
	line-height:1.0;
	margin-bottom:30px;
	padding-top:25px;
	border-top:#D7D7D7 solid 1px;
}
.pan {
	margin-top: 20px;
}

.mirai-title {
	background:url(../image/list-title.jpg?v=4) no-repeat;
	width:720px; height:150px;
	margin-top:30px;
}
.contentsbox {
	background:#fff !important;
	border-top:none !important;
	margin-top:0px !important;
}

.sort {
	font-size:12px;
	font-weight:normal;
	text-align:left;
	border:#d7d7d7 solid 1px;
	border-radius:3px;
	height:30px;
	line-height:30px;
	padding:0px 8px;
	margin:20px;
	float:right;
}

.diary-list {
  list-style:none;
  padding:0 20px;
  background:#fff;
  border:#d7d7d7 solid 1px;
  margin-bottom:30px;
}
#center-contents .diary-list {
	border:none;
}
	.diary-list .hiduke {
		color:#999;
	}

.diary-list__item {
  margin-bottom:15px;
  padding-top:15px;
  border-top:1px solid #ebebeb;
}
.diary-list__item:first-child {
	border-top:none;
}

.diary-list__item:after {
	content:"";
	display:block;
	height:0;
	clear:both;
}

.diary-list__item__photo {
  display:inline-block;
  float:left;
  margin-right:1em;
}

.come-count {
	font-size:13px;
}

.sideL h3 {
	font-weight: bold;
	line-height: 1;
	margin-bottom: 30px;
	border-top:#d7d7d7 solid 1px;
	padding-top:25px;
}

.photocc {
	text-indent:20px;
	margin-bottom:20px;
	margin-top:-20px;
}

/*-----------------------------------------------------------------------------------
  アーカイブ
-----------------------------------------------------------------------------------*/

#left-contents .archive {
	margin-top:30px;
}

#left-contents .archive a {
	float:left;
}
#left-contents .archive a:nth-child(2n) {
	float:right;
}
.archive a {
	text-align:center;
	line-height:1.0;
	text-decoration:none;
	width:118px;	margin-bottom:10px;
	padding:14px 0;
	float:left;
	background:#fff;
	border:#d7d7d7 solid 1px;
	border-radius:3px;
}
.sideL .archive a:nth-child(2n) {
	margin-right:0px;
}
.archive a:hover {
	color:#fff;
	background:#f6953e;
	border:#f6953e solid 1px;
}
#center-contents #archive {
	background:#f2f2f2;
	
	margin-top:30px;
}

	#center-contents #archive h3 {
		background:#bbbbbb;
		height:50px;
		padding-left:20px;
		color:#fff;
		line-height:50px;
		font-weight:normal;
	}
	#center-contents #archive ul {
		padding:20px 20px 10px 20px;
		border-right:#d7d7d7 solid 1px;
		border-bottom:#d7d7d7 solid 1px;
		border-left:#d7d7d7 solid 1px;
	}
		#center-contents #archive ul a {
			margin-right:19px;
		}
		#center-contents #archive ul a:nth-child(5n) {
			margin-right:0px;
		}


/*-----------------------------------------------------------------------------------
  ページャー
-----------------------------------------------------------------------------------*/

	#center-contents .pager {
		margin:30px 0;
		position:relative;
		overflow:hidden;
	}
		#center-contents .pager .kpage {
			position:relative;
		   left:50%;
		   float:left;
		}
			#center-contents .pager .kpage li {
				line-height:30px;
				width:28px; height:30px;
				text-align:center;
				position: relative;
				left: -50%;
				float: left;
				background:#fff;
				margin-right:6px;
			}
			#center-contents .pager .kpage li a {
				width:28px; height:30px;
				display:block;
				color:#323232;
				text-decoration:none;
				border:#d7d7d7 solid 1px;
				border-radius:2px;
			}
			#center-contents .pager .kpage li a:hover {
				color:#fff;
				border:#f6953e solid 1px;
				background:#f6953e;
			}
			#center-contents .pager .kpage li.now {
				color:#fff;
				border:#f6953e solid 1px;
				background:#f6953e;
			}
			#center-contents .pager .kpage li.prev {
				width:98px;
			}
			#center-contents .pager .kpage li.next {
				width:98px;
			}

/*----------------------------------------------------------------------------------------------------

  2. 詳細
  
----------------------------------------------------------------------------------------------------*/

.diary-title {
  border-bottom:1px solid #bbb;
  font-size:28px;
  padding:20px 25px;
  position:relative;
  padding-right:222px;
  width:475px;
  display: table-cell;
  vertical-align: middle;
}
	.diary-title .date {
		color: #999;
		height: 15px;
		font-weight: normal;
		position: absolute;
		right: 21px;
		bottom: 21px;
	}
	.diary-title .date:before {
		content:url(../image/date.png);
		margin-right:10px;
		position:relative;
		top:3px;
	}
.facebookback {
	background: #F2F2F2 none repeat scroll 0% 0%;
	padding: 15px;
	line-height: 25px;
}
	#center-contents .contentsbox .facebook {
			width:200px; height:20px;
			position:absolute;
			right:21px;
			bottom:45px;
			margin-right:-10px;
		}

		@-moz-document url-prefix() {
			.twitter_tweet_count_no_m {
				margin-top:4px !important;
				margin-right:-5px !important;
			}
		}
		@media screen and (-webkit-min-device-pixel-ratio:0) {
			.twitter_tweet_count_no_m {
				margin-top:4px !important;
				margin-right:-5px !important;
			}
		}
			
.kome {
    float: right;
    margin-left: 15px;
    background: transparent url("../image/kome.png") no-repeat scroll 0% 0%;
    width: 73px;
    height: 23px;
    padding-left: 25px;
    font-size: 11px;
    line-height: 23px;
    color: #FFF;
}	
.diary-box {
	background:#fff;
	padding: 0 25px 30px 25px;
	border-bottom: 1px solid #EBEBEB;
}
.diary {
	margin-left:25px;
	margin-top:30px;
	color:#f00;
	font-size:20px;
}
.diary-box:last-child {
	border-bottom:0;
}

	#center-contents .controls {
		border:#d7d7d7 solid 1px;
		padding:15px 20px;
		margin-top:30px;
		border-radius:3px;
		
	}
		#center-contents .controls td {
			vertical-align:middle;
		}
			#center-contents .controls td.prev {
				background:url(../image/prev.png) center left no-repeat;
				width:5px; height:9px;
				padding-right:10px;
			}
			#center-contents .controls td.next {
				background:url(../image/next.png) center right no-repeat;
				width:5px; height:9px;
				padding-left:10px;
			}
			#center-contents .controls td.prev-title {
				width:241px;
				border-right:#ebebeb solid 1px;
				padding-right:20px;
			}
			#center-contents .controls td.next-title {
				width:241px;
				border-left:#ebebeb solid 1px;
				padding-left:20px;
				text-align:right;
			}
			#center-contents .controls td.list-back {
				width:119px;
				text-align:center;
			}
			
	#center-contents .move {
		margin-top:30px;
	}
		#center-contents .move li.ba {
			background:#fff;
			width:348px;
			float:left;
		}
		#center-contents .move li.ba:nth-child(2n) { float:right; }
		#center-contents .move li.ba .border {
			border:#d7d7d7 solid 1px;
			border-top:none;
		}
			#center-contents .move li .bt {
				color:#fff;
				line-height:1.0;
				text-align:center;
				padding:16px 0px;
				background:#bbb;
			}
			#center-contents .move .ba .thum {
				margin:15px;
				width:120px;
				text-align:center;
				float:left;
			}
				#center-contents .move .ba .thum img {
					max-width:120px; max-height:80px;
				}
			#center-contents .move .ba .left {
				width:179px;
			}
			#center-contents .move .ba h4 {
				margin-top:20px;
			}
			#center-contents .move .ba .date {
				color:#999999;
				margin-top:7px;
			}
			#center-contents .move .ba .cate {
				margin-top:10px;
				width:179px;
			}
				#center-contents .move .ba .cate li {
					float:left;
					border:#d7d7d7 solid 1px;
					border-radius:2px;
					margin-right:5px;
					margin-bottom:5px;
					line-height:1.0;
					padding:6px 8px;
					font-size:12px;
				}
				#center-contents .move .ba .cate li:hover {
					background:#f6953e;
					border:#f6953e solid 1px;
				}
					#center-contents .move .ba .cate a {
						color:#323232;
						text-decoration:none;
					}
					#center-contents .move .ba .cate a:hover {
						color:#fff;
					}
			

/*-----------------------------------------------------------------------------------
  写真・コメントセット
-----------------------------------------------------------------------------------*/

.diary-media {
  margin-top:30px;
  width:100%;
}

.diary-media:after {
	content:"";
	display:block;
	height:0;
	clear:both;
}

.diary-media__image-left {
  display:inline-block;
  float:left;
  margin-right:30px;
}
.diary-media__image-right {
  display:inline-block;
  float:right;
  margin-left:30px;
}
.diary-media__image-center {
  min-width:100%;
  text-align:center;
  margin-bottom:30px;
}

.diary-media__image-bottom .diary-media__image-left,
.diary-media__image-bottom .diary-media__image-right,
.diary-media__image-bottom .diary-media__image-center {
  margin-top:30px;
  margin-bottom:0;
}

.diary-media__cap {
  display:inline-block;
  color:#888;
}


#tk {
	padding:25px;
}
	#tk .tk-bk {
		margin-top: 15px;
		background-color: #EBEBEB;
		padding: 15px;
	}



/*------------------------------------------------------------------------------------------------------------------
　f-link
-------------------------------------------------------------------------------------------------------------------*/

#f-link {
	text-align:center;
	background:#ebebeb;
	padding:40px 0 28px 0;
}
	#f-link .title {
		margin-bottom:23px;
	}
	#f-link .title02 {
		margin-top:28px;
		margin-bottom:23px;
	}
	#f-link .inner { width:1281px; }
	#f-link ul { margin: 0 auto; }
	#f-link ul.hachinohe { width:1120px; }
	#f-link li { float:left; margin-right:12px; margin-bottom:12px; }
	#f-link li:nth-child(2n) { margin-right:11px; }
	#f-link li:nth-child(8n) { margin-right:0px; }
	#f-link li:last-child { margin-right:0px; }
		#f-link li div { width:150px; height:50px; }
		#f-link li .hachinohe { background:url(../../image/link/hachinohe.jpg) no-repeat; }
		#f-link li .hashikami { background:url(../../image/link/hashikami.jpg) no-repeat; }
		#f-link li .nanbu { background:url(../../image/link/nanbu.jpg) no-repeat; }
		#f-link li .gonohe { background:url(../../image/link/gonohe.jpg) no-repeat; }
		#f-link li .rokunohe { background:url(../../image/link/rokunohe.jpg) no-repeat; }
		#f-link li .oirase { background:url(../../image/link/oirase.jpg) no-repeat; }
		#f-link li .towada { background:url(../../image/link/towada.jpg) no-repeat; }
		#f-link li .misawa { background:url(../../image/link/misawa.jpg) no-repeat; }
		#f-link li .sannohe { background:url(../../image/link/sannohe.jpg) no-repeat; }
		#f-link li .shingou { background:url(../../image/link/shingou.jpg) no-repeat; }
		#f-link li .takko { background:url(../../image/link/takko.jpg) no-repeat; }
		#f-link li .touhoku { background:url(../../image/link/touhoku.jpg) no-repeat; }
		#f-link li .shichinohe { background:url(../image/link/shichinohe.jpg) no-repeat; }
		#f-link li .hirono { background:url(../../image/link/hirono.jpg) no-repeat; }
		#f-link li .karumai { background:url(../../image/link/karumai.jpg) no-repeat; }
		#f-link li .kuji { background:url(../../image/link/kuji.jpg) no-repeat; }
		
		#f-link li .bukken-omakase { background:url(../../image/link/bukken-omakase.jpg) no-repeat; }
		#f-link li .plus { background:url(../../image/link/plus.jpg) no-repeat; }
		#f-link li .come { background:url(../../image/link/come.jpg) no-repeat; }
		#f-link li .hachinohejp { background:url(../../image/link/hachinohejp.jpg) no-repeat; }
		#f-link li .enburi-style { background:url(../../image/link/enburi-style.jpg) no-repeat; }
		#f-link li .amuse { background:url(../../image/link/amuse.jpg) no-repeat; }
		#f-link li .well { background:url(../../image/link/well.jpg) no-repeat; }