@charset "utf-8";

/*

Theme Name: 

Author: 

Version: 1.0

*/



/*+++++++++++++++++++++++++++++++++++++++++++++++++++



ブレークポイント

800以下はスマホ表示とする

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

}



ベースカラー

color: #333;

color: #0068B7;

color: #FEEC4B;



+++++++++++++++++++++++++++++++++++++++++++++++++++++*/









/*+++

  +++



^111

==スタイルリセット==

（CSSスタイルのデフォルトリセット）

normalize.css 使用



  +++

  +++*/



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

   HTML5 display definitions

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

article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary,main {display: block}



audio,canvas,video {display: inline-block;}



audio:not([controls]) { display: none; height: 0;}



[hidden] {display: none;}





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

   Base

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



html {

    -webkit-text-size-adjust: 100%;

    -ms-text-size-adjust: 100%;}



body { margin: 0;}



h1,h2,h3,h4,h5,h6,p,ul,ol,dl,table,pre { margin: 0;}





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

   Links

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



a:focus { outline: thin dotted;}



a:hover,a:active { outline: 0;}





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

   Typography

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



p,li,dt,dd,th,td,pre{

	-ms-line-break: strict;

	line-break: strict;

	-ms-word-break: break-strict;

	word-break: break-strict}



abbr[title] { border-bottom : 1px dotted;}



b, strong { font-weight : bold;}



dfn { font-style: italic;}



mark { background: #ff0; color: #333;}



code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em;}



pre {

	white-space: pre;

	white-space: pre-wrap;

	word-wrap: break-word;}



q { quotes: “\201C” “\201D” “\2018” “\2019”;}



small { font-size: 80%;}



sub, sup {

	font-size: 75%;

	line-height: 0;

	position: relative;

	vertical-align: baseline;}



sup { top: -0.5em;}

sub { bottom: -0.25em;}





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

   Embedded content

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



img {

	max-width :100%;

	height:auto;

	vertical-align: middle;

	border: 0;}



svg:not(:root) { overflow: hidden;}





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

   Figures

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



figure {margin: 0}





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

   Forms

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



fieldset {

    border: 1px solid #c0c0c0;

    margin: 0 2px;

    padding: 0.35em 0.625em 0.75em;}



legend {

    border: 0;

    padding: 0;}



button, input, select, textarea {

	font-family: inherit;

	font-size: 100%;

	margin: 0;}



button,input {line-height: normal;}



button,

input[type="button"],

input[type="reset"], 

input[type="submit"] {

	-webkit-appearance: button;

	cursor: pointer; /* 3 */}



button[disabled],

input[disabled] {cursor: default;}



input[type="checkbox"],

input[type="radio"] {

    box-sizing: border-box;

    padding: 0;}



input[type="search"] {

    -webkit-appearance: textfield;

    -moz-box-sizing: content-box;

    -webkit-box-sizing: content-box;

    box-sizing: content-box;}



input[type="search"]::-webkit-search-cancel-button,

input[type="search"]::-webkit-search-decoration {

	-webkit-appearance: none}



button::-moz-focus-inner,

input::-moz-focus-inner { border: 0; padding: 0;}



textarea {

	overflow: auto;

	vertical-align: top;}











/*+++

  +++



^222

==初期スタイル記述==

（初期スタイルを記述しなおす）



  +++

  +++*/



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

   Typography

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

html {

	font-size: 100%;

	color: #454545;

	font-family: "Noto Sans JP",'ヒラギノ角ゴ Pro W3',"Hiragino Kaku Gothic Pro","Yu Gothic","Meiryo",sans-serif;}

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

	html {

		font-size:87.5%;/*14px*/}

}



h1,h2,h3,h4 { line-height:1.2em; margin:0.3em 0 0.15em 0; letter-spacing:0.05em;}

h5,h6 { line-height:1.5em; margin:0.3em 0 0.15em 0; letter-spacing:0.05em;}

h1 { font-size: 1.75em;}/*pc→32px sp→28px*/

h2 { font-size: 1.5em;}/*pc→28px sp→24.5px*/

h3 { font-size: 1.25em;}/*pc→24px sp→21px*/

h4 { font-size: 1.1em;}/*pc→20px sp→17.5px*/

h5 { font-size: 1.0em;}/*pc→16px sp→14px*/

h6 { font-size: 1.0em;}/*pc→16px sp→14px*/



p,dt,dd,li,th,td,caption{ font-size:1em; line-height:1.6em; letter-spacing:0.05em;}



p { padding:0.5em 0;}



a { color: #333333; text-decoration:none; transition: all 0.2s linear;}

a:hover { color:#0081e5; text-decoration:none;}

a:focus { color:#0081e5; }



/*

a[href$=".pdf"]:before{

	content: '\f1c1';

	font-size:18px;

	color:#D30003;

	display:inline-block;

	font-family: "FontAwesome";

	margin-right:10px;

	top:1px;

    position: relative;}

*/



a.imgOver:hover img{

	zoom: 1;  

    opacity: .50; /* Standard: FF gt 1.5, Opera, Safari */

    filter: alpha( opacity=50 ); /* IE lt 8 */

    -ms-filter: "alpha(opacity=50)"; /* IE 8 */

    -khtml-opacity: .50; /* Safari 1.x */

    -moz-opacity: .50; /* FF lt 1.5, Netscape */

}



a.bgOver:hover {

	zoom: 1;  

    opacity: .50; /* Standard: FF gt 1.5, Opera, Safari */

    filter: alpha( opacity=50 ); /* IE lt 8 */

    -ms-filter: "alpha(opacity=50)"; /* IE 8 */

    -khtml-opacity: .50; /* Safari 1.x */

    -moz-opacity: .50; /* FF lt 1.5, Netscape */

}



ul,ol { padding:0.5em 0 0.5em 2.3%;}

/*横並び時の隙間リセット*/

ul { letter-spacing: -0.4em;}

ul li { letter-spacing: 0.05em;}

ol { list-style:decimal;}

ol li {}



ul.release { margin: 0; padding: 0; list-style: none;}



dl { padding:0 0 0.5em 0;}

dt {}

dd { margin-left:0;}

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

	ul,ol { padding:0.5em 0 0.5em 6%;}

}



hr { background-color: #ddd; border: 0; clear:both;	height: 1px; margin:2em 1em 3em 1em;}



.video-container { position:relative; margin:0 0 0.5em 0; padding-bottom: 56.25%; padding-top:30px; height:0; overflow:hidden;}

.video-container iframe,

.video-container object,

.video-container embed { position:absolute; top:0; left:0; width:100%; height:100%;}









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

   Tables

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

/*

table.simple = スマホ時column

*/

table {

    border-collapse: collapse;

    border-spacing: 0;

	overflow: auto;

	margin: 0;

	width: 100%;}

table th,

table td {

	vertical-align: top;

	padding: 25px 25px;

	font-weight: normal;

	background: #fff;

	border: none;

	border-top: 1px solid #a9a9a9;}

table th {

	text-align: left;

	padding-left: 0;

	border-top: 1px solid #3ec395;}


table tr:last-child th {

	border-bottom: 1px solid #3ec395;}

table tr:last-child td {

	border-bottom: 1px solid #a9a9a9;}

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

	table th {

		padding: 15px 15px;

		padding-left: 0;}

	table td {

		padding: 15px 15px;}

	table.simple th,

	table.simple td{

		text-align:left;

		width:auto;

		display:block;}

}











/*+++

  +++



^333

==レイアウトスタイル==

（ヘッダー・フッター等のスタイル）



  +++

  +++*/



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

   汎用スタイル

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



.robotoEng {

	font-weight: 700;

	letter-spacing: 0;

	font-family: 'Roboto Condensed', sans-serif;}

.mincho {

	/*font-family: 'Sawarabi Mincho';*/
	font-family: "游明朝", 'YuMincho';
	}



.clear:after {

	content: "";

	display: block;

	height: 0;

	clear: both;

	visibility: hidden;}



/*wrap関連*/

.wrap {

	max-width: 1100px;

	margin: 0 auto;

	padding: 0 50px;}

.wrapS {

	max-width: 880px;

	margin:0 auto;

	padding: 0 50px;}



.spNopad {}



/*PC→スマホ 表示・非表示*/

.pc {

	display: block;}

.sp {

	display: none;}

.pcInline {

	display: inline;}

.spInline {

	display: none;}

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

	/*wrap関連*/

	.wrap,

	.wrapM,

	.wrapS {

		padding: 0 20px;}

	.wrap .wrapL,

	.wrap .wrapM,

	.wrap .wrapS {

		padding: 0;}

	.spNopad {

		padding: 0 !important;}



	/*PC→スマホ 表示・非表示*/

	.pc {

		display: none;}

	.sp {

		display: block;}

	.pcInline {

		display: none;}

	.spInline {

		display: inline;}

}



/*

fonticon

a:before {

	font-family: FontAwesome;

	content:"\f1fa";

	text-indent:1px;}

*/











/*+++

  +++



^444

==コンテンツスタイル==

（コンテンツの基本スタイル）



  +++

  +++*/



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

   #globalHead

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

#gHead {

	width: 100%;

	z-index: 1000;

	/*position: absolute;*/

	padding: 15px 0 15px 0;}

#gHead .inner {

	display: flex;

	justify-content: space-between;

	align-items: center;}

#gHead h1 {

	margin: 0;

	font-size: 1em;}

#gHead nav.contact {

	margin-left: auto;

	margin-right: 20px;}

#gHead nav.contact a {

	display: block;

	line-height: 1;

	font-weight: bold;

	color: #fff;

	border-radius: 30px;

	background: rgba(23,192,164,1);

	background: -moz-linear-gradient(left, rgba(23,192,164,1) 0%, rgba(46,211,123,1) 100%);

	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(23,192,164,1)), color-stop(100%, rgba(46,211,123,1)));

	background: -webkit-linear-gradient(left, rgba(23,192,164,1) 0%, rgba(46,211,123,1) 100%);

	background: -o-linear-gradient(left, rgba(23,192,164,1) 0%, rgba(46,211,123,1) 100%);

	background: -ms-linear-gradient(left, rgba(23,192,164,1) 0%, rgba(46,211,123,1) 100%);

	background: linear-gradient(to right, rgba(23,192,164,1) 0%, rgba(46,211,123,1) 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#17c0a4', endColorstr='#2ed37b', GradientType=1 );

	padding: 10px 30px;}

#gHead nav.contact a span {

	margin-right: 10px;

	vertical-align: 1px;}

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

	#gHead h1 {

		font-size: 0.875em;}

	#gHead nav.contact {

		margin-left: 15px;

		margin-right: 15px;}

	#gHead nav.contact a {

		width: 20px;

		padding: 10px 9px;}

	#gHead nav.contact a span {

		margin: 0;

		vertical-align: 0;}

	#gHead nav.contact a strong {

		display: none;}

}





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

   #toggle

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

#toggle {

	display: block;

	background: linear-gradient(to right, rgba(23,192,164,1) 0%, rgba(46,211,123,1) 100%);

	padding: 10px;

	text-align: center;

	position: relative;

	width: 28px;

	z-index: 999;

	display: -webkit-box;

	display: -webkit-flex;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-pack: center;

	-webkit-justify-content: center;

	-ms-flex-pack: center;

	justify-content: center;

	-webkit-box-align: center;

	-webkit-align-items: center;

	-ms-flex-align: center;

	align-items: center;}

#toggle .trigger,

#toggle .trigger span {

	display: inline-block;

	-webkit-transition: all .4s;

	transition: all .4s;}

#toggle .trigger {

	position: relative;

	width: 100%;

	height: 24px;}

#toggle .trigger span {

	position: absolute;

	left: 0;

	width: 100%;

	height: 2px;

	background-color: #fff;

	border-radius: 4px;}

#toggle .trigger span:nth-of-type(1) {

	top: 0;}

#toggle .trigger span:nth-of-type(2) {

	top: 11px;}

#toggle .trigger span:nth-of-type(2)::after {

	position: absolute;

	top: 0;

	left: 0;

	content: '';

	width: 100%;

	height: 2px;

	background-color: #fff;

	border-radius: 4px;

	-webkit-transition: all .4s;

	transition: all .4s;}

#toggle .trigger span:nth-of-type(3) {

	bottom: 0;}

#toggle .trigger.active span:nth-of-type(1) {

	-webkit-transform: translateY(8px) scale(0);

	transform: translateY(8px) scale(0);

	background-color: #fff;}

#toggle .trigger.active span:nth-of-type(2) {

	-webkit-transform: rotate(-45deg);

	transform: rotate(-45deg);

	background-color: #fff;}

#toggle .trigger.active span:nth-of-type(2)::after {

	-webkit-transform: rotate(90deg);

	transform: rotate(90deg);

	background-color: #fff;}

#toggle .trigger.active span:nth-of-type(3) {

	-webkit-transform: translateY(-8px) scale(0);

	transform: translateY(-8px) scale(0);

	background-color: #fff;}







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

   #sMenu

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

#sMenu {

	background: rgba(255, 255, 255, 0.95);

	padding: 75px 0 0 0;

	position: fixed;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	z-index: 998;}

/*

メニュー数が多い（ウィンドウに収まらない場合）

<div id="sMenu">

の下に

<div class="scroll">

を入れる

*/

#sMenu .scroll {

	height: 100%;

	overflow-y: scroll;}

#sMenu.animation {

	-webkit-transition-property: opacity, visibility;

	transition-property: opacity, visibility;

	-webkit-transition-duration: .3s;

	transition-duration: .3s;

	-webkit-transition-timing-function: ease-in;

	transition-timing-function: ease-in;}

#sMenu.hide {

	opacity: 0;

	visibility: hidden;

	overflow: hidden;}

#sMenu .navMenu {

	display: flex;

	align-items: center;

	flex-wrap: wrap;}

#sMenu .navMenu li {

	width: 100%;

	text-align: center;}

#sMenu .navMenu li a {

	display: block;

	padding: 15px 15px;

	color: #012277;}

#sMenu .navMenu2 {

	display: flex;

	align-items: center;

	flex-wrap: wrap;}

#sMenu .navMenu2 li {

	width: 50%;

	text-align: center;}

#sMenu .navMenu2 li a {

	display: block;

	padding: 15px 15px;

	color: #012277;}

#sMenu .contactMenu {

	width: 80%;

	margin: 20px auto 35px auto;}

#sMenu .contactMenu li {

	margin-bottom: 20px;

	text-align: center;}

#sMenu .contactMenu li:last-child {

	margin-bottom: 0;}

#sMenu .contactMenu li a {

	display: block;

	background: #012277;

	color: #fff;

	border-radius: 5px;

	padding: 15px;}

#sMenu .logoMenu {

	text-align: center;}

#sMenu .scroll .logoMenu {

	padding-bottom: 70px;}











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

   #gFoot

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

#gFoot {

	background: #454545;

	color: #fff;}

#gFoot .inner {

	padding-top: 50px;

	padding-bottom: 50px;

	font-size: 1.2em;

	display: flex;

	justify-content: space-between;}

#gFoot .inner a {

	color: #fff;}

#gFoot .inner a:hover {

	color: #ddd;

	text-decoration: underline;}

#gFoot .inner .address {

	width: 50%;}

#gFoot .inner .map {

	width: 45%;}

#gFoot .inner .address h3 {

	margin: 0;}

#gFoot .inner .address p {

	padding: 1em 0;}

#gFoot .inner .address p.tel {

	padding: 0;

	line-height: 1;

	font-weight: bold;

	font-size: 1.3em;}

#gFoot .inner .address p.tel span {

	margin-right: 10px;

	vertical-align: 1px;}

#gFoot .inner .map p {

	padding: 0;

	line-height: 1;

	text-align: right;}

#gFoot .copy {

	border-top: 1px solid #fff;

	text-align: center;

	padding: 20px 0;

	font-size: 0.875em;}



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

	#gFoot {

		text-align: center;}

	#gFoot .inner {

		padding-top: 40px;

		padding-bottom: 30px;

		font-size: 1.2em;

		flex-direction: column;}

	#gFoot .inner .address {

		width: 100%;

		margin-bottom: 20px;}

	#gFoot .inner .map {

		width: 100%;}

	#gFoot .inner .address p {

		padding: 0.7em 0;}

	#gFoot .inner .map p {

		padding-top: 10px;}

}













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

   #content

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

#content {}

#content section {

	margin-bottom: 100px;}

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

	#content section {

		margin-bottom: 50px;}

}















/*++++++++++++++++++++++++++++++

+++++++++++++++

++++++



^555

==汎用スタイル==

（よく使うであろうスタイルを記述）



+++++++

+++++++++++++++

++++++++++++++++++++++++++++++*/





/* float 指定

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

.imgLeft {

    float: left;

	margin:0.5em 1em 2em 0;}

.imgRight {

    float: right;

	margin:0.5em 0 2em 1em;}



/* padding 指定

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

.noPad { padding:0 !important;}

.pad5 { padding:5px !important;}

.pad10 { padding:10px !important;}

.pad15 { padding:15px !important;}

.pad20 { padding:20px !important;}

.padT5 { padding-top:5px !important;}

.padT10 { padding-top:10px !important;}

.padT15 { padding-top:15px !important;}

.padT20 { padding-top:20px !important;}

.padT30 { padding-top:30px !important;}

.padT40 { padding-top:40px !important;}

.padT50 { padding-top:50px !important;}

.padR5 { padding-right:5px !important;}

.padR10 { padding-right:10px !important;}

.padR15 { padding-right:15px !important;}

.padR20 { padding-right:20px !important;}

.padR30 { padding-right:30px !important;}

.padR40 { padding-right:40px !important;}

.padR50 { padding-right:50px !important;}

.padB5 { padding-bottom:5px !important;}

.padB10 { padding-bottom:10px !important;}

.padB15 { padding-bottom:15px !important;}

.padB20 { padding-bottom:20px !important;}

.padB30 { padding-bottom:30px !important;}

.padB40 { padding-bottom:40px !important;}

.padB50 { padding-bottom:50px !important;}

.padL5 { padding-left:5px !important;}

.padL10 { padding-left:10px !important;}

.padL15 { padding-left:15px !important;}

.padL20 { padding-left:20px !important;}

.padL30 { padding-left:30px !important;}

.padL40 { padding-left:40px !important;}

.padL50 { padding-left:50px !important;}



/* margin 指定

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

.noMar { margin:0 !important;}

.mar5 { margin:5px !important;}

.mar10 { margin:10px !important;}

.mar15 { margin:15px !important;}

.mar20 { margin:20px !important;}

.marT5 { margin-top:5px !important;}

.marT10 { margin-top:10px !important;}

.marT15 { margin-top:15px !important;}

.marT20 { margin-top:20px !important;}

.marR5 { margin-right:5px !important;}

.marR10 { margin-right:10px !important;}

.marR15 { margin-right:15px !important;}

.marR20 { margin-right:20px !important;}

.marB5 { margin-bottom:5px !important;}

.marB10 { margin-bottom:10px !important;}

.marB15 { margin-bottom:15px !important;}

.marB20 { margin-bottom:20px !important;}

.marL5 { margin-left:5px !important;}

.marL10 { margin-left:10px !important;}

.marL15 { margin-left:15px !important;}

.marL20 { margin-left:20px !important;}



/* font style

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

.fontRed { color:crimson;}

.fontRed2 { color:red;}

.fontBlue { color:#0066CC;}

.fontBlue2 { color:blue;}

.fontGreen { color:green;}

.fontYellow { color:gold;}

.fontYellow2 { color:yellow;}

.fontOrange { color:#ef8200;}

.fontRem8 { font-size:12px; font-size:0.9rem;}

.fontRem10 { font-size:14px; font-size:1.0rem;}

.fontRem11 { font-size:15px; font-size:1.1rem;}

.fontRem12 { font-size:16px; font-size:1.2rem;}

.fontRem14 { font-size:18px; font-size:1.4rem;}

.fontRem16 { font-size:20px; font-size:1.6rem;}

.fontRem18 { font-size:22px; font-size:1.8rem;}

.fontBold { font-weight:bold;}

.textLeft { text-align:left;}

.textRight { text-align:right;}

.textCenter { text-align:center;}



/* フォームスタイル

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

form .inp100 { width:100%;}

form .inp90 { width:90%;}

form .inp70 { width:70%;}

form .inp50 { width:50%;}

form .inp30 { width:30%;}

form .inp10 { width:10%;}

form .imeActive { ime-mode: active; /* 全角モード */}

form .imeInactive { ime-mode: inactive; /* 半角モード */}

form input[type=text], form input[type=email], form input[type=search], form input[type=tel], form input[type=url], form input[type=date], form textarea{

	-webkit-appearance: none;

	font-size:100%;

	width:100%;

	box-sizing: border-box;

	background: #e6e6e6;

	border-radius: 3px;

	line-height: 1.5em;

	font-family: "Noto Sans JP",'ヒラギノ角ゴ Pro W3',"Hiragino Kaku Gothic Pro","Yu Gothic","Meiryo",sans-serif;

	border: none;

	padding:5px;}

form label{

	display:block;

	padding:2px 0;}

form input[type=checkbox], form input[type=radio]{

	vertical-align:0;

	margin-right:5px;}

form .req{

	font-size: 0.875em;

	color: #3ec395;

	margin-left: 5px;}

form .btn{

	width: 60%;

	margin: 0 auto;

	margin-top: 30px;}

form .btn button {

	position: relative;

	display: block;

	width: 100%;

	border: none;

	line-height: 1;

	font-weight: bold;

	color: #fff;

	border-radius: 10px;

	background: rgba(23,192,164,1);

	background: -moz-linear-gradient(left, rgba(23,192,164,1) 0%, rgba(46,211,123,1) 100%);

	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(23,192,164,1)), color-stop(100%, rgba(46,211,123,1)));

	background: -webkit-linear-gradient(left, rgba(23,192,164,1) 0%, rgba(46,211,123,1) 100%);

	background: -o-linear-gradient(left, rgba(23,192,164,1) 0%, rgba(46,211,123,1) 100%);

	background: -ms-linear-gradient(left, rgba(23,192,164,1) 0%, rgba(46,211,123,1) 100%);

	background: linear-gradient(to right, rgba(23,192,164,1) 0%, rgba(46,211,123,1) 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#17c0a4', endColorstr='#2ed37b', GradientType=1 );

	padding: 20px 0;}

form .btn button span {

	position: absolute;

	width: 24px;

	top: 50%;

	right: 30px;

	transform: translateY(-50%);}

form .btn2{

	margin-top: 30px;}

form .btn2 input[type=submit]{

	cursor:pointer;

	background: #b2b2b2;

	border-radius: 5px;

	padding: 10px 3em;

	color: #fff;

	border: none;

	font-weight: bold;

	margin:0 auto;}

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

	form .btn{

		width: 100%;}

}





























/*++++++++++++++++++++++++++++++

+++++++++++++++

++++++



^666

==投稿詳細スタイル==



+++++++

+++++++++++++++

++++++++++++++++++++++++++++++*/



/* パンくずリストスタイル

Breadcrumb NavXTプラグイン

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

/* htmlコーディング部分

<nav id="topicpath" class="wrap">

<span property="itemListElement" typeof="ListItem">

<a property="item" typeof="WebPage" title="Go to 有限会社ハヤシ工務店." href="http://hayashikum10.xsrv.jp" class="home"><span property="name">有限会社ハヤシ工務店</span></a>

<meta property="position" content="1"></span>

<i class="fa fa-angle-right"></i>

<span class="post post-page current-item">ハヤシ工務店ニュース</span>

</nav>

*/

#topicpath {

	font-size: 0.875em;}

#topicpath .fa {

	margin: 0 7px;

	vertical-align: 1px;}

#topicpath a {

	text-decoration: underline;}

#topicpath a:hover {

	text-decoration: none;}





/* ページングスタイル

wp pagenaviプラグイン

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

/* htmlコーディング部分

<nav id="paging">

<div class="wp-pagenavi" role="navigation">

<span class="pages">1 / 19</span>

<span aria-current="page" class="current">1</span>

<a class="page larger" title="Page 2" href="/news/page/2">2</a>

<a class="page larger" title="Page 3" href="/news/page/3">3</a>

<a class="page larger" title="Page 4" href="/news/page/4">4</a>

<a class="page larger" title="Page 5" href="/news/page/5">5</a>

<span class="extend">...</span>

<a class="larger page" title="Page 10" href="/news/page/10">10</a>

<span class="extend">...</span>

<a class="nextpostslink" rel="next" href="/news/page/2">»</a>

<a class="last" href="/news/page/19">最後 »</a>

</div>

</nav>

*/

#paging {

	padding: 20px 0;

	text-align: center;}

#paging .wp-pagenavi {}

#paging .wp-pagenavi span,

#paging .wp-pagenavi a {

	font-weight: bold;

	margin: 2px;

	padding: 13px 20px;

	display: inline-block;

	border: 1px solid #d1d1d1;

	border-left: 1px solid #d1d1d1;

	border-right: 1px solid #d1d1d1;}

#paging .wp-pagenavi span {

	color: #8c8c8c;

	background: #ebebeb;}

#paging .wp-pagenavi span.current {

	color: #fff;

	background: #000;}

#paging .wp-pagenavi a {

	background: #FFF;}

#paging .wp-pagenavi a:hover {

	color: #fff;

	background: #0081e5;}

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

	#paging .wp-pagenavi span,

	#paging .wp-pagenavi a {

		padding: 13px 15px;}

	#paging .wp-pagenavi span.pages,

	#paging .wp-pagenavi span.extend,

	#paging .wp-pagenavi a.first,

	#paging .wp-pagenavi a.previouspostslink,

	#paging .wp-pagenavi a.nextpostslink,

	#paging .wp-pagenavi a.last {

		display: none;}

}





/* ビジュアルスタイル

entry-content

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

.entry-content {}

.entry-content a {

	color: #0081e5;

	text-decoration: underline;}

.entry-content a:hover {

	text-decoration: none;

	color: #004A84;}









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

    .spbr{

        display:none!important;

    }

  }

  

  

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

    .pcbr{

        display:none!important;

    }

  }