.mtNone {
  margin-top: 0 !important;
}

.mb1em {
  margin-bottom: 1em;
}

.mb2em {
  margin-bottom: 2em;
}

.entry-content h2 {
  margin: 30px 0 40px;
  padding-left: 15px;
  border-left: 5px solid #474747;
  color: #474747;
}

.entry-content h3 {
    border-top: 3px solid #000;
    border-bottom: 1px solid #000;
    padding: 20px 0;
    margin: 1.3em 0;
    color: #000;
    font-size: 24px;
}

.headLine4 {
    background: #eee;
    margin-bottom: 1.5em;
    padding: 0.5em;
    border: 1px dotted #ccc;
    border-radius: 3px;
    color: #000;
}

/* responsiveTable */
section table   { width: 100%; !important}
section th, section td  {
  padding: 10px !important;
  border-top: 1px solid #ddd !important;
}
section th  {}
 
.rTable th  {
  width: 30% !important;
  text-align: left !important;
  vertical-align: top !important;
}
.rTable td  {
  border-top: 1px solid #ccc !important;
  background: #fff;
}

@media (min-width: 850px) {
	#main #container #content.wide	{width: 950px !important;}
}

@media only screen and (max-width:480px){
    .rTable { margin: 0 /*-10px*/; }
    .rTable th,
    .rTable td{
        width: 100% !important;
        display: block !important;
        border: 1px solid #ccc !important;
    }

  .rTable th {
    background: #eee !important;
  }
  
}

/* ----- index ----- */
.idxHdrDes {
  background: #009345;
  padding: 3em 3em 2em;
  color: #fff;
  padding-top: 30px;
}
@media only screen and (max-width:480px){
  .idxHdrDes {
    padding: 1em 1em 2em;
  }
}
.top10px {
  top: 10px;
}

.idxRecWrap {
  padding: 3em 0 0;
}

.section-wide {
    margin-top: 0 !important;
}

.postbox {
  margin-bottom: 5px;
}

.postbox .hometa {
  margin-bottom: 5px !important;
  display: inline;
  font-family: serif !important;
  margin-right: 1em;
}

.postbox h3 {
  margin-top: 0 !important;
  font-weight: normal;
  display: inline;
  font-size: 14px !important;
}

/* ----- ourDetails ---- */
.ourDetailsWrap {
  padding: 40px 0 0;
}

/* ----- contact ----- */
.formPref {
  width: 130px !important;
}

.horizontal-item+.horizontal-item {
    margin-left: 0 !important;
}

/* worksCategory */

.worksCatWrap {
  padding: 40px 0;
  overflow: hidden;
}

.worksCatWrap h3 {
  margin-top: 10px;
}

.worksCatWrap a {
  color: #267ec1;
  font-size: 14px !important;
}


/**********************************************
全体の設定
**********************************************/
.disable {
font-size:12px;  
}

body, button, input, select, textarea {
font-size: 16px;
line-height:1.7;
}  

.page-content, .entry-content, .entry-summary {
margin-top: 0; 
}

/*ぱんくず*/
ol.bread {
font-size:12px; 
}


/***TOPページ　お客様の声エリア***/
.voiceWrapper div{
margin-bottom: 30px;
}  
.top-voiceArea {
text-align: center;
min-height: 300px;
background:url("/img/common/voicebg.jpg") no-repeat center;
padding: 30px;
}
.top-voiceItem {
text-align: center;
}

  
/***SPACE***/
.space5 {width:100%;height:5px;}
.space10 {width:100%;height:10px;}
.space20 {width:100%;height:20px;}
.space30 {width:100%;height:30px;}
.space40 {width:100%;height:40px;}
.space50 {width:100%;height:50px;}
.space60 {width:100%;height:60px;}
.space70 {width:100%;height:70px;}
.space80 {width:100%;height:80px;}
.space90 {width:100%;height:90px;}
.space100 {width:100%;height:100px;}

/*********************************************
　　　　　flex　横並びの指定
*********************************************/

/********領域内に均等配置*********/

/*スマホもPCもフレックス*/
	.flex-between{
	display: flex;
	display:-webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	}
	.flex-center{
	display: flex;
	display:-webkit-flex;
	justify-content: center;
	-webkit-justify-content: center;
	}

/*スマホでフレックスなし　pcでフレックス*/
@media screen and (min-width: 641px){
	.between-pc{
	display:flex;
	display:-webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	}
	.center-pc{
	display: flex;
	display:-webkit-flex;
	justify-content: center;
	-webkit-justify-content: center;
	}
}

/********折り返す*********/
.flex-wrap{
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}


/********幅指定*********/
.flex-48per{
	flex: 0 1 48%;
}



/***TOPページ施行事例一覧***/
.idxGallaryWrap {
background:rgba(0, 0, 0, 0) url("/img/common/exAreaBg.png") repeat scroll 0 0; 
}
.portbox h3 {
margin-top: 5px !important; 
}


/***内容の配置***/
.center {text-align:center;}
.left {text-align:left;}
.right {text-align:right;}


/***PCサイズの時に縦位置真ん中***/
@media only screen and (min-width:660px){
.pcMiddle {
margin-top:100px;
}
}


/***施行ギャラリースライド部分***/
.idxGallaryWrap h2 {
font-weight: 600; 
font-size: 2em;
margin-top: 0.2em;
background: url(/img/slash.png) no-repeat right;
}
@media only screen and (max-width:660px){
.idxGallaryWrap h2 {
margin-bottom: 15px;
background-image: none;
}
.idxGallaryWrap p {
 text-align:center;
}
}


/****************************************************
　子ページ関連
*****************************************************/
.page-head {
background:rgba(0, 0, 0, 0) url("/img/common/subpageTitleBg.jpg") repeat scroll 0 0; 
border-bottom:none;
border-top:5px solid #009245;
color:#333;
padding: 0;
}
.page-head h3 {
margin-top: 10px;
padding: 5px 0;
font-size:30px;
font-weight: bold;
color: #009245;
text-shadow: 2px 2px 1px #fff,
-2px 2px 1px #fff,
2px -2px 1px #fff,
-2px -2px 1px #fff;
}
@media only screen and (max-width:660px){
.page-head h3 {
font-size:24px;
text-align: center;
}
.entry-content h2 {
font-size:21px;
}
}


.textwidget a img {
margin-bottom: 15px;
}

/***H2***/
.entry-content h2 {
background:rgba(0, 0, 0, 0) url("/img/common/h2bg.jpg") no-repeat scroll 0 0; 
padding: 15px;
border-top:1px solid #a67c52;
border-left:none;
color:#633811;
line-height: 1.3;
margin: 30px 0 20px;
text-shadow: 2px 2px 1px #fff,
-2px 2px 1px #fff,
2px -2px 1px #fff,
-2px -2px 1px #fff;
}

/***H4***/
.entry-content h4 {
padding: 0 0 10px;
border-bottom:1px dotted #a67c52;
color:#633811;
}

/***H5***/
.entry-content h5 {
font-size: 21px;
color:#633811;
line-height: 1.5;
}

/***H6***/
.entry-content h6 {
font-size: 26px;
color:#c69c6d;
line-height: 1.5;
border:3px solid #c69c6d;
margin-bottom: 30px;
padding: 20px;
text-align: center;
border-radius: 15px;
font-weight: bold;
}

/***ギャラリー画像説明文***/
#titleText {
font-size:16px;
margin: 5px 0;
display: block;
padding: 0 0 30px;
}


/***下に15pxの余白***/
.bottom15 {
margin-bottom: 15px;
}


/***強調***/
.pointTxt {
margin: 15px 0;
font-size: 21px;
font-weight: bold;
color: red;
}


/***施行事例の日付消去***/
.entry-meta {
/*display: none;*/
}
h1.entry-title {
border-top: 1px solid #a67c52;
border-bottom: 1px solid #a67c52;
padding: 10px;
color: #a67c52;
}


/***サイドバナー***/
@media only screen and (min-width:660px){
#secondary {
padding-left: 40px;
}
}

.floatArea {
width: 100%;
overflow: hidden;
/*margin-bottom: 2%;*/
}
.floatLeft {
width: 48%;
float: left;
margin-right: 4%;
}
.floatRight {
width: 48%;
float: left;
}








/***良くあるご質問***/
.arconix-toggle-title {
font-weight: bold;
}
.arconix-toggle-content {
margin-top: 5px;
background: #fff;
}
.arconix-toggle-wrap {
margin: 10px 0 15px;
}


/***TABLE***/
.aTable th {
background-color: #eee;
}
.aTable td, .aTable th {
padding: 10px;
border-collapse:separate ;
border-spacing:2px;
}

@media only screen and (max-width:660px){
.aTable {
border-collapse: collapse;
}
.aTable td, .aTable th {
display: block;
padding: 10px;
}
}


/***アーカイブページ***/
h1.entry-title a:before {
content:"▸ ";
}



/************************************************
　フォーム
************************************************/

@media only screen and (min-width:660px){
.formTable tr th {
width: 220px !important;
background: #efefef;
vertical-align: middle !important;
}
}

.formComment {
width:98%;
margin-left:auto;
margin-right:auto;
font-size:16px;
line-height:150%;
}
.red {
color:#99004c;
text-decoration:underline;
}
.blue {
color:#004c99;
text-decoration:underline;
}


.content table.mobile-block th, .content table.mobile-block td {
vertical-align:middle !important;
}
#campany {
width:80%;
}
#name {
width:65%;
}
#formtel {
width:65%;
}
#zip {
width:120px;
padding:10px 5px;
border:1px solid #e5e5e5;
border-radius:4px;
outline:0 none;
}

#pref, #city {
width:200px;
}

#addr {
width:90%;
}

/******************************
スマホ時のTable表示折り返し設定
*******************************/
@media screen and (max-width: 660px) {
.content table.mobile-block th, .content table.mobile-block td {
width:95%;
white-space:normal;
}
}
form input[type="date"], form input[type="email"], form input[type="password"], form input[type="text"], form select, form textarea {
width:100%;
}


/***padding:0***/
.padding0 {
padding: 0 !important;
}
/***padding:2***/
.padding2 {
padding: 2px !important;
}


/***float　レスポンシブ対応***/
.floatLeft_r {
width: 48%;
float: left;
margin-right: 4%;
}
.floatRight_r {
width: 48%;
float: left;
}
@media screen and (max-width: 660px) {
.floatLeft_r {
width: 100%;
float: none;
margin-bottom: 6%;
}
.floatRight_r {
width: 100%;
float: none;
}
}


/***お客様の声***/
.voice {
padding: 25px 15px 30px;
position: relative;
background-color: #fff; 
background-image:linear-gradient(rgba(153,204,255,.3) .1em, transparent .1em);
background-size: 100% 1.7em;
}


/***ボーダー***/
.line {
border-bottom: 1px dotted #333;
width: 100%;
margin: 30px 0;
}

/* --- workresultList --- */

.post-type-archive-workresult article:nth-child(even){
    margin-left: -15px;
}

@media only screen and (min-device-width:414px) and (max-device-width:736px) {
  .post-type-archive-workresult article:nth-child(even) {
    margin-left: 0;	
  }
}

/***施工事例　詳しく見るボタン***/
.btn-success {
width: 80%;
margin: 15px;
font-weight: bold;
}
.btn-success:before {
content:"≫ ";
}
.btn-success:visited {
color: #fff;
}



/***ブログ一覧のタイトル***/
.entry-header h1.entry-title {
font-size: 21px;
}


/***ウィジェット***/
h1.widget-title, h3.sidetitl {
height: 50px;
line-height: 50px;
border-bottom: 2px solid #009245;
color: #009245;
}
.widget-area .post-date {
display: none; 
}
.widget ul li:before {
content:"≫ ";
}

.widget select {
width: 100%;
padding: 5px;
}


/***テキストリンク***/
.postbox h3 a:hover {
color: #428bca;
}



/***フッターメニュー***/
.botwid ul li a {
font-size: 14px;
}
h3.bothead {
font-size: 18px;
padding: 0 0 10px;
margin-top: 5px;
border-bottom: 1px solid;
}
@media screen and (max-width: 660px) {
h3.bothead {
margin-top: 30px;
}
}



/***→次へ　位置調整***/
/*[class*="navigation"] .nav-next {
padding-right: 20px;
}
/***次へ　前へ***/
.nav-next a , .nav-previous a {
padding: 10px 20px;
border-radius: 10px;
background: #ccc;
color: #fff;
}
.nav-next a:hover , .nav-previous a:hover {
background: #eee;
color: #666;
}


/***サイトヘッダー***/
@media screen and (min-width: 660px) {
.headerBtn {
padding-left: 45px !important;
}
}


/***スマホ時のお知らせ一覧　日付***/
@media screen and (max-width: 660px) {
.postbox .hometa {
display: block;
margin-bottom: -8px !important;
}
.section-title p , .section-title {
padding-bottom: 10px;
}
.section-title {
margin-top: 50px;
}
}


/***施工事例一覧の右側***/
.post-type-archive-workresult article:nth-child(2n) {
margin-left: 0;
}


/***投稿一覧ページ***/
article.post, .hentry {
margin: 0 0 5em;
}
/*投稿者名*/
.single .byline, .group-blog .byline {
display: none;
}

.posted-on {
font-size: 0;
}
.posted-on:before {
font-size: 12px;
content: "投稿日　";
}
.posted-on a {
font-size: 12px;
}

.post-type-archive-workresult .entry-meta {
display: none;
}
.single-workresult .entry-meta {
display: none;
}




/***ハンバーガーメニュー切り替え***/
@media screen and (max-width: 768px) {
#wprmenu_bar {
display:none !important;
}
  
}

#mcl_slidein_nav_btn {
    right: 20px !important;
}