/*
Theme Name: hokushin2017
Theme URL: http://hokushin-eco.co.jp
Description: Version 2017.5
Author: Graph House
Author URI: http://hokushin-eco.co.jp
Version: 0.1
*/

/* ページ全体 */

body {
	color: #333;
	font-family:sans-serif;
	font-size: 17px;
	line-height: 1.6;
	-webkit-text-size-adjust: none; /* 文字の拡大縮小をしない */
}
html, body {
	height:100%;
}
* html div.container, * html div.container-fluid {
	height:100%;
}
body > div.container, body > div.container-fluid {
	margin:0 auto;
	position:relative;
	min-height:100%;
}
body > .container, body > .container-fluid {
	height:auto;
}
.container, .containar-fluid {
	position:relative;
}

/* Bootstrap Large smallモードなし */

@media (min-width: 768px) {
	.container, .container-fluid {
		/*width: 750px; small*/
		width: 970px;
	}
}
@media (min-width: 1200px) { 
	.container, .container-fluid {
		/*width: 1170px;lage*/
		width:970px;
	}
}

img, iframe {
	max-width:100%;
	height:auto;
}

/* 見出し */

h1 {
	font-size:48px;
}
h2 {
	font-size:36px;
}
h3 {
	font-size:24px;
}
h4, h5, h6 {
	/*default*/
}
h1, h2, h3, h4, h5 {
	letter-spacing:-0.01em;
	font-weight:bold;
}

/* リンクカラー */

a {
	color: #337ab7;
}
a:hover, a:focus {
	color: #23527c;
}

/* wp-pagenavi修正 */

.pagination > li > a {
	color:#004d53;
}
.pagination > li > a:hover,
.pagination > li > a:focus {
	color:#444;
}
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
	background-color:#004d53;
	border-color:#004d53;
}
.pagination > li > a, .pagination > li > span {
	margin-left: -3px;
}

/* ページャー */

.pager li > a, .pager li > span {
	border: 2px solid #e3eaeb;
	font-size: 14px;
	font-weight: bold;
}

/* テキストのベースカラー（グリーン） */

.text-green {
	color:#004d53;
}

/* 地のベースカラー（グリーン） */

.background-green {
	background:#004d53;
}

/* アイコン位置調整 */

i {
	position:relative;
	top:0.1em;
	margin:0 0.3em 0 0;
}
.badge {
	position:relative;
	top:-0.2em;
}

/* クリアフィックス */

.clear {
	visibility:hidden;
	display:block;
	font-size:0;
	clear:both;
	height:0;
	line-height:0;
}
.document:after {
	content:"";
	visibility:hidden;
	display:block;
	font-size:0;
	clear:both;
	height:0;
	line-height:0;
}

/* 隠す */

.hidden {
	text-indent:-9999px;
	font-size:0;
	line-height:0;
	text-decoration:none;
}

/* PC用写真の扱い */

@media screen and (min-width:768px) {

	.alignleft {
		float:left;
		margin-right:15px;
	}
	.alignright {
		float:right;
		margin-left:15px;
	}
	.alignleft, .alignright, .aligncenter, .alignnone {
		margin-bottom:26px;
	}
	.aligncenter {
		display:block;
		text-align:center;
	}
}

/* モバイル写真扱い */

@media screen and (max-width:767px) {
	.alignleft, .alignright, .aligncenter, .alignnone {
		margin-bottom:20px;
	}
}

/* ヘッダ */

#header {
	padding:10px 0;
}
#header .titlelogo {
	margin:0;
}
#header .nav {
	padding:5px 0 0;
}
#header .text-muted {
	display:none;
}

@media screen and (min-width:768px) {

	/* PC用 お問い合わせ先TEL、リンクボタン */

	#header .header_tel {
		padding-top:10px;
		padding-bottom:15px;
	}
	#header .header_btn {
		text-align:right;
	}
}

/* モバイル用ヘッダー */

#header_mobile .navbar-brand {
	padding:2px 15px;
}
@media screen and (max-width:767px) {
	body {
		padding-top:51px;
	}
}

/* ヘッダーメニュー */

#pcmenu {
	padding:0 0 25px;
}
#pcmenu .menu {
	padding:0;
	margin:0;
	list-style:none;
}
#pcmenu .menu > .menu-item {
	width:16.667%;
	border-top:1px solid #004d53;
	border-bottom:1px solid #004d53;
	border-left:1px solid #004d53;
	text-align:center;
	display:block;
	float:left;
	font-size:15px;
}
#pcmenu .menu > .menu-item:last-child {
	border-right:1px solid #004d53;
}
#pcmenu .menu > .menu-item a {
	display:block;
	color:#004d53;
	padding:5px 0;
	text-decoration:none;
}
#pcmenu .menu > .menu-item a:hover {
	background:#e2efef;
}
#pcmenu .menu > .current-menu-item a,
#pcmenu .menu > .current-menu-item a:hover {
	background:#bce2e8;
}

/* サイドバー sidebar */

#sidebar, #sidebar ul {
	margin:0;
	padding:0;
	list-style:none;
}

/* メインコンテンツとサイドバーの空間に10px追加 */
/*
	#sidebar {
		padding:10px 0 0 10px;
		margin:0;
	}
*/
.widget > .widgettitle, #wp-calendar caption {
	color:#444;
	border-bottom: 1px solid #444;
	font-size: 16px;
	line-height: 20px;
	margin: 0 0 10px;
	padding: 0 0 3px;
	position: relative;
	text-align: left;
}

/* ウィジェット */

.widget {
	padding:0 0 20px;
}
.widget li, .textwidget p {
	font-size:12px;
	line-height:16px;
}
.widget > ul > li {
	padding:0 0 4px;
	margin:0 0 3px;
}
.widget > ul > li > ul li {
	padding:0 0 0 1em;
}
.textwidget {
	/*padding:7px 0 0;*/
}
.textwidget p, .textwidget img, .bt-space {
	padding:0 0 6px;
	margin:0;
}

/*  ウィジェット：カレンダー */

#calendar_wrap {

}
#wp-calendar caption {
	/*
	color: #338023;
	font-size: 16px;
	line-height: 20px;
	margin: 0 0 3px;
	padding: 3px 0 10px 30px;
	font-weight:bold;
	text-align:left;
	*/
}
#wp-calendar {
	width:100%;
	font-size:12px;
	line-height:14px;
	border-bottom: 1px dotted #ddd;
	padding-bottom:1px;
}
#wp-calendar th {
	text-align:center;
	padding:2px 0 3px;
	border-bottom: 1px solid #ddd;
}   
#wp-calendar td {
	text-align:center;
	padding:6px 0 5px;
	position:relative;
	border-top: 1px dotted #ddd;
}
#wp-calendar a {
	background-image:none;
	padding:0;
}
#wp-calendar a:after {
    color:#aaa;
    content:"・";
    font-weight:bold;
    left:31%;
    position:absolute;
    top:50%;
}
#wp-calendar tfoot {
	display:none;
}
#wp-calendar #today {
	font-weight:bold;
	background-color: #d9edf7;
}
#wp-calendar .bg-info {
	background:none;
}

/*  ウィジェット：アーカイブ・日付 */

#sidebar .post-date {
	color: #777;
	font-size: 11px;
	display: block;
}

/* フッタ */

#footer {
	width:100%;
	position:absolute;
	bottom:0;
	left:0;
	padding:0 15px;
}

#footer .f-inner {
	border-top:2px solid #004d53;
	padding:10px 0;
}
#footer address p {
	color:#004d53;
	margin:0;
}

/* PC用 */

@media screen and (min-width:768px) {
	
	#footer address {
		padding:32px 0 0 400px;
	}
	#footer address span + span {
		margin-left:10px;
	}
	#footer .footerlogo {
		float:left;
	}
}

/* モバイル用 */

@media screen and (max-width:767px) {
	
	#footer .f-inner {
		text-align:center;
	}
	#footer .footerlogo {
		margin-bottom:15px;
	}
	#footer address span + span {
		display:block;
	}
	#footer address {
		font-size:14px;
	}
	
	/* モバイル用フリーダイアル、お問い合わせ間隔 */
	
	.f-mobile {
		text-align:center;
	}
	.f-mobile > .freedaial {
		margin:15px 0 30px;
	}
	.f-mobile > .btn {
		margin:0 0 30px;
	}
}

/* 検索まど */
/*
.navbar-search .search-query {
	margin-bottom:4px;
}
*/

/* ぱんくず */

.breadcrumb > li {
	font-size:12px;
	line-height:14px;
	padding:0 0 5px;
}
@media screen and (min-width:768px) {
	
	/* パンくず下のスペース拡張 */

	.breadcrumb {
		margin:0 0 30px;
	}
}

/* 記事タイトル */

.doctitle {
	border-bottom:1px dotted #dfdfdf;
	margin:0 0 20px;
	padding:0 0 6px;

}
.doctitle h3 {
	margin:0;
	font-size:30px;
	line-height:34px;
	color:#004d53;
}
.doctitle h4 {
	margin:0;
	font-size:24px;
	line-height:28px;
	color:#004d53;
}

/* 記事本文内 */

.document p {
	text-align:justify;
}
.document dl > dt {
	padding:0.5em 0 0;
}

/* pre補正 */

.document pre {
	padding:9.5px !important;
}

/* well補正 */

.docwrap > .well {
	box-shadow:none;
	border:none;
}

/* 記事インフォ */

.tt-links {
	margin:0;
	padding:0 0 3px;
}
.bt-box {
	padding:6px 16px;
	margin:30px 0 0;
}
.bt-links {
	margin:-3px 0 0;
	padding:0;
}
.bt-links li, .tt-links li {
	list-style:none;
	padding:0 8px 0 0;
	display:inline-block;
	color:#777;
	font-size:13px;
	line-height:16px;
}
.bt-links i, .tt-links i {
	display:inline-block;
}
.bt-links .badge {
	font-size:8px;
	line-height:10px;
	margin:0 0 0 3px;
}
.more-link {
	font-size:12px;
}

/* コメント */

blockquote p {
	font-size:14px;
	line-height:20px;
	text-align:justify;
}
.comment-title {
	padding:20px 0 10px;
}
.comment-author {
	font-size:16px;
}
.comment-time {
	font-size:12px;
	/*color:#c09853;*/
}
.alert p {
	text-indent:-1.3em;
	padding:0 0 0 1.3em;
	margin:0;
}
.comment-wrap {
    padding:0 0 80px;
}

/* 関連記事 */

.nav .icon-chevron-right {
	color:#dfdfdf;
}
.related-post-catnav p {
	margin:0;
	padding:0 2em 0 0;
}
.related-post-catnav > li {
	position:relative;
}
.related-post-catnav > li > a > p > i {
	position:absolute;
	right:5px;
	top:35%;
}

/* bottomspace */
/*
.bottomspace {
	text-align:center;
	color:#dfdfdf
}
*/
/* 2014.6.10 追加 */
.bottomspace {
	text-indent:-9999px;
	font-size:0;
	line-height:0;
	text-decoration:none;
}

/* ハイライト */

.highlight {
	background-color: #f7f7f9;
	border: 1px solid #e1e1e8;
	border-radius: 4px;
	margin-bottom: 14px;
	padding: 9px 14px;
}

/* バックグランド */

.bg {
	padding:8px 16px;
	margin-bottom:20px;	
}

/* リンク集：リストスタイル */

.bookmarklist {
	list-style:none;
	padding:0 0 15px;
}
.bookmarklist ul {
	padding:0 0 15px;
	margin:0 0 0 20px;
	list-style:disc;
}
.bookmarklist ul li {
	width:100%;
}
.bookmarklist .linkname {
	width:30%;
	display:block;
	float:left;
}
.bookmarklist .linkdiscription {
	display:block;
	margin:0 0 0 32%;
}
.bookmarklist .linkdiscription:after {
	display:block;
	clear:left;
	content:"";
}

/* リンク集：リストスタイルなし 背景色しましま */

.bookmarklist ul li span {
	font-size:13px;
	line-height:17px;
}
.bookmarklist ul {
	padding:0 0 15px;
	margin:0;
	list-style:none;
}
.bookmarklist ul li {
	padding:5px;
}
.bookmarklist ul li:nth-child(odd) {
	background:#fafafa;
}

/* アクセスカウンター */

.count-type, .doc .count-type { /* カウンター画像（H20px W15px） */
	margin:0;
	width:15px;
	height:20px;
}
.accesscount .count-type {
	float:left;
}
.accesscount:after {
	clear: both;
	content: "";
	display: block;
}
.accesscount { /* カウンターの飾り：デフォルト */
	border-radius: 4px;
	box-shadow: 1px 1px 2px 0 #ccc inset;
	padding: 1px 5px;
	width: 115px;
}
.list-inline .accesscount { /* .list-inlineと併用、位置上方移動 */
	position:relative;
	top:6px;
}
.accesscount-black { /* 囲みブラック */
	background: #222;
	box-shadow:none;
}
.accesscount-glay { /* 囲みグレイ */
	background: #f5f5f5;
}
.accesscount-nodecoration { /* 囲み飾りなし */
	box-shadow:none;
	border-radius:0;
	padding: 1px 0;
	width: 105px;
}

/* カウンター周辺の装飾 */

.count-container {
	text-align:center;
}
.count-container span, .count-container li {
	font-size:12px;
	color:#888;
}
.count-container .since { /* 開設日表示 */
	font-size:10px;
	letter-spacing:1px;
}

.document ul, .document ol {
    margin-bottom: 25px;
}

/* トップ移動ボタン */

#topbtn {
	position:fixed;
	z-index:100;
	background:#004d53;
}
@media screen and (min-width:768px) {
	#topbtn {
		bottom: 110px;
		right: -33px;
		transform: rotate(270deg);
		-moz-transform: rotate(270deg);
		-webkit-transform: rotate(270deg);
		-o-transform: rotate(270deg);
		-ms-transform: rotate(270deg);
	}
}
@media screen and (max-width:767px) {
	#topbtn {
		bottom: -6px;
		right: 5px;
	}
}

.bt-box {
	display:none;
}
.page .document {
	min-height:300px;
}

/* サンプル表示 */

.sampleblock > div {
	text-align:center;
	padding:12px 8px;
	background:#efefef;
	color:#444;
	margin:1px;
}

/* 表組み罫線のストライプ地色 */

.document .table-striped > tbody > tr:nth-child(2n+1) {
	background-color:#e3eaeb; /* org #f9f9f9 */
}

/* 表組み罫線の色 */

.document .table > thead > tr > th, .table > tbody > tr > th,
.document .table > tfoot > tr > th, .table > thead > tr > td,
.document .table > tbody > tr > td, .table > tfoot > tr > td {
    border-top: 1px solid #d6ddde;
}

/* サブタイトル subtitle */

.document .subtitle {
	border-radius: 6px;
	color: #fff;
	padding: 7px 10px;
	margin:30px 0 20px;
	text-align: center;
	text-shadow:1px 1px 3px #222;
}

/* 下空白（お尻のラップは空白なし） */

.document > .wrap  {
	padding-bottom:40px;
}
.page-docwrap {
	padding-bottom:80px;
}
.loop-content > .docwrap, .loop-content > .wrap {
	border-bottom:1px dotted #dfdfdf;
	margin-bottom:80px;
	padding-bottom:20px;
}

/* 最後にある「.wrap」は「.docwrap」とダブるのでpadding-bottom:0 */

.loop-content > .docwrap:last-child, .loop-content > .wrap:last-child {
	margin-bottom:0;
}

/* 会社概要 表組み */

.profile tr > td:first-child {
	width:30%;
}

/* 営業種目 */

.title-sales {
	font-size: 40px;
	padding: 50px 0;
	text-align: center;
}

/* モバイル */

@media screen and (max-width:767px) {
	.title-sales {
		font-size:24px;
	}
	.document .subtitle {
		font-size:20px;
	}
}

/* 営業種目の耳タブメニュー */

#menu-sales.nav-tabs .menu-item {
	font-size:13px;
}
#menu-sales.nav-tabs .menu-item > a,
#menu-sales.nav-tabs .menu-item > a {
	padding: 10px 0;
}
.nav-stacked .menu-item > a {
	background-color:#fafafa;
}
.nav-stacked .current-menu-item > a {
	background-color:#004d53;
	color:#fff;
}
.nav-stacked .current-menu-item > a:hover {
	background-color:#0a545a;
}
.nav-stacked .menu-item {
	position:relative;
}
.nav-stacked .menu-item .glyphicon {
	position:absolute;
	right:6px;
	top:15px;
	color:#dfdfdf;
}
.nav-stacked .current-menu-item .glyphicon {
	color:#56898d;
}

/* 吹き出し */

.fukidashi {
	position: absolute;
}
.fukidashi-top {
	top:-10px;
}
.fukidashi-bottom {
	bottom:10px;
}
.fukidashi-right {
	right:0;
}
.fukidashi-left {
	left:0;
}

/* モバイル用 */

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

	/* 吹き出し縮小 */

	.fukidashi {
		width:65%;
	}
}

/* トップページ：タイトル */

.top_title {
	text-align:center;
	padding:0 0 30px;
}

/* トップページ：コンテンツ */

#top_content {
	padding:20px;
	background:url("images/bg_water.png") repeat;
}
#top_content .kakomi {
	padding:0 30px 10px;
	border:2px solid #004d53;
	background:#fff;
	border-radius:10px;
	margin:0 0 20px;
}
#top_content .kakomi:last-child {
	margin:0;
}
#top_content .kakomi h3 {
	color:#004d53;
	margin-bottom:17px;
}
#top_content .kakomi h4, #top_content .kakomi .title {
	line-height:1.1;
	margin: 0 0 2px;
	font-size:20px;
}
#top_content .kakomi .date {
	line-height:1.1;
	padding:4px 0 10px;
	display:block;
}
#top_content .kakomi .date > .glyphicon {
	color:#aaa;
	margin-right:3px;
}
#top_content .kakomi p {
	text-align:justify;
}
#top_content .kakomi .more {
	/*text-align:right;*/
}

/* モバイル用 */

@media screen and (max-width:767px) {
	
	#top_content {
		padding:15px;
		margin:0 -20px 0 -20px;
	}
	#top_content .kakomi {
		text-align:center;
		padding:0 10px;
	}
	#top_content .kakomi h3 {
		font-size: 20px;
		margin: 30px 0 28px;
		line-height:1.3;
	}
	#top_content .kakomi h3 span {
		display:block;
	}
	#top_content .kakomi h3, #top_content .kakomi p,
	#top_content .kakomi .title, #top_content .date {
		text-align:justify;
	}
}

/* サムネイル画像 */

.size-thumbnail {
	border:1px solid #DDDDDD;
	border-radius:4px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
	display: inline-block;
	line-height: 20px;
	padding: 4px;
	transition: all 0.2s ease-in-out 0s;
}
.thumbnail-link {
	min-width:120px;
	display:inline-block;
}
.thumbnail > img, .thumbnail > a > img {
	margin:0;
}

/* サムネイルPC用 160x160px */

@media screen and (min-width:768px) {
	
	#top_content .kakomi .wp-post-image, #top_content .kakomi .thumbnail {
		float:left;
		margin-right:20px;
		width:190px;
		height:auto;
	}
}

/* サムネイルモバイル用 */

@media screen and (max-width:767px) {
	
	#top_content .kakomi .wp-post-image, #top_content .kakomi .thumbnail {
		margin-bottom:15px;
		width:230px;
	}
}

/* carousel slide */

#carousel-toppage {
	background:#004d53;
}

/* PC用 */

@media screen and (min-width:768px) {
	.slide .carousel-indicators {
		bottom: -5px;
		opacity: 0.3;
	}
	.slide .carousel-control {
		opacity: 0.3;
		top: 225px;
		width: 5%;
	}
	.slide .carousel-control.left, .slide .carousel-control.right {
		background-image: none;
	}
}

/* モバイル用 */

@media screen and (max-width:767px) {
	#carousel-toppage {
		margin:0 -20px 20px -15px;
	}
	.slide .carousel-indicators {
		bottom: 30px;
		opacity: 0.3;
	}
	.item img {
		width:100%;
	}
	.carousel-inner {
		overflow:visible;
	}
	.carousel.slide {
		margin-left:-15px;
		margin-right:-15px;
	}
}

/* トップページ：サイドバーメニュー */

.menu-works {
	
}
.menu-works > li {
	margin:0 0 10px;
	background:#004d53;
}
	.menu-works > li:hover {
	background:#1d6a70;
}
.menu-works > li a {
	color:#fff;
	display:block;
	text-align:center;
	font-size:28px;
	line-height:1.4;
	font-weight:bold;
	text-decoration:none;
}

/* モバイル用 */

@media screen and (max-width:767px) {
	#sidebar {
		padding-top:20px;
	}
	.menu-works > li {
		float: left;
		margin-bottom:10px;
		width: 48%;
	}
	.menu-works > li:nth-child(odd) {
		margin-right:4%;
	}
	.menu-works > li a {
		font-size:20px;
	}
}

/* トップページ：ウォーター地 */

.document .bg-water {
	background:url("images/bg_water.png") repeat;
	
}
.document .bg-water-title, .subtitle {
	background:url("images/bg_water_title.png") repeat;
	
}

/* ブログ表示 */

.blog-title {
	border-left:14px solid #004d53;
	padding:4px 0 0 8px;
	margin:22px 0;
}

.blog-title h3 {
	margin:0 0 4px;
}
.blog-title small {
	line-height:1;
	color:#004d53;
}
.blog-content {
	
}
/* .blog .wrap {
	border-bottom: 1px dotted #dfdfdf;
	margin: 40px 0 0;
	padding: 0 0 40px;
}*/

/* カスタムフィールドの動画 */

.wp-video {
	padding:0 0 5px;
}