/*
Theme Name: honmakura_tmp
Theme URI: http://honmakura.com/
Description: This is honmakura Theme.
*/

header {
	padding:0;
}

header h1 {
	font-size:10px;
	margin:5px 0;
}

.topLogo {
	padding:0 0 10px;
}
.topLogo a {
	color:#000;
	font-size:21px;
}

.topMenu {
  padding: 5px 15px 8px;
  margin: 10px 20px 20px 0;
  list-style: none;
  background-color: #000;
  border-radius: 4px;
}
.topMenu > li {
  display: inline-block;
}
.topMenu > li a {
  color:#ccc;
  font-size:12px;
}
.topMenu > li + li:before {
  padding: 0 5px;
  color: #ccc;
  content: "|\00a0";
}
.topMenu > .active {
  color: #fff;
}

.topImage {
	background:url(images/topImage.jpg) no-repeat center;
	height:200px;
	position:relative;
}

.headerText {
	position:absolute;
	top:20%;
	left:12%;
	font-size:18px;
}

/* ニュース */
.newsBox {
	height:200px;
	overflow:auto;
	border-bottom:1px solid #aaa;
	padding-bottom:10px;
	margin:0 20px 18px;
}

.newsBox dl {
	border-bottom:1px dotted #aaa;
	padding-bottom:5px;
	margin-bottom:5px;
}
.newsBox dt {
	float:left;
	width:6em;
}
.newsBox dd {
	margin-left:6em;
}

/* 他テーブル */
table.spec {border-right:1px solid #CCCCCC;border-top:1px solid #CCCCCC;width:270px; margin-bottom:20px;}
table.spec th {background:none repeat scroll 0 0 #EFEFEF;border-bottom:1px solid #CCCCCC;border-left:1px solid #CCCCCC;font-size:12px;padding:5px;text-align:left;width:90px;}
table.spec td {background:none repeat scroll 0 0 #FFFFFF;border-bottom:1px solid #CCCCCC; border-left:1px solid #ccc; padding:5px;font-size:12px;}

/* 新フッターメニュー */
footer {padding: 10px 0px; clear:both;}
footer h2 {font-size:18px; line-height:0.8;}
footer h3 {font-size:14px; line-height:1.2;}
.footerMenu {
  float:left;
  list-style: none;
}
.footerMenu > li {
  display: inline-block;
}
.footerMenu > li a {
  color:#333;
  font-size:12px;
}
.footerMenu > li + li:before {
  padding: 0 5px;
  color: #333;
  content: "|\00a0";
}
.footerMenu > .active {
  color: #000;
}
footer p {font-size:11px; text-align:right;}
footer p a {font-size:11px;}

.jumbotron_c {
  padding: 10px 20px !important;
  margin-bottom: 10px;
  font-weight: 200;
  line-height: 2.1428571435;
  color: inherit;
  background-color: #fff;
  border: #ccc solid 1px;
  border-radius: 6px;
}
.jumbotron_c h4 {
  line-height: 1;
  color: inherit;
  border-bottom:1px solid #aaa;
  padding-bottom:8px;
}
.jumbotron_c p {
	font-size:14px;
	line-height: 1.5;
	font-weight: 200;
}

#back-top a {
	padding: 7px 10px; 
    bottom: 50px; 
    right: 50px;
    background: #000;
    position: fixed;
	border:1px solid #aaa;
	border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
	z-index:20;
	color:#fff;
}
	#back-top a:hover {
	padding: 7px 10px;
    bottom: 50px;
    right: 50px;
    background: #aaa;
	color:#fff;
	text-decoration:none;
    position: fixed;
	border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
	z-index:20;
}

.widget_categories {
  padding-left: 0;
  margin-bottom: 20px;
}
.widget_categories ul {
	list-style:none;
	margin:0 0 0 -40px;
}
.widget_categories ul li a {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd;
  color:#555;
}
.widget_categories ul li:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.widget_categories ul li:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.widget_categories ul li a:hover,
.widget_categories ul li a:focus {
  color: #555;
  text-decoration: none;
  background-color: #f5f5f5;
}


* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
/* ---- grid ---- */
.grid {
  width: 100%;
  margin: 0 auto;
}
/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}
/* ---- .grid-item ---- */
.grid-item a {
  /*position: relative;
  display: block;
  padding: 10px 20px;
  margin-bottom: -1px;
  border: 1px solid #ddd;
  background-color: #fff;
  float: left;
  width: 200px;
  max-height: 150px;
  color: #555;*/
  width:200px;
  margin:5px;
  padding:15px;
  background-color:#fff;
  overflow:visible;
  float:left;
  border-radius: 5px;
  -webkit-border-radius: 5px; /* Safari,Google Chrome逕ｨ */
  -moz-border-radius: 5px; /* Firefox逕ｨ */
  /*max-height: 150px;*/
}
@media (max-width: 768px) {
.grid-item a {
  width:160px;
  margin:5px;
  padding:15px;
  background-color:#fff;
  overflow:visible;
  float:left;
  border-radius: 5px;
  -webkit-border-radius: 5px; /* Safari,Google Chrome逕ｨ */
  -moz-border-radius: 5px; /* Firefox逕ｨ */
}
_
.grid-item:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.grid-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
grid-item a:hover,
grid-item a:focus {
  color: #555;
  text-decoration: none;
  background-color: #f5f5f5;
}
.grid-item.disabled,
.grid-item.disabled:hover,
.grid-item.disabled:focus {
  color: #777;
  cursor: not-allowed;
  background-color: #eee;
}
.grid-item-height2 a {
  width:410px;
  margin:5px;
  padding:15px;
  background-color:#fff;
  overflow:visible;
  float:left;
  border-radius: 5px;
  -webkit-border-radius: 5px; /* Safari,Google Chrome逕ｨ */
  -moz-border-radius: 5px; /* Firefox逕ｨ */
  height:300px;
}