@charset "UTF-8";
/*
 Theme Name: SANGO Child
 Theme URI: https://saruwakakun.design
 Author: SARUWAKA
 Author URI: https://saruwakakun.com
 Template: sango-theme
 Version: 4.0
*/
/*こちらはSANGOの子テーマ用CSSです。以下にCSSを記入していきましょう。*/


/*--------------------------------------------------------------------------
  TOPページ記事一覧カード
--------------------------------------------------------------------------*/
.sidelong__link {/*記事一覧カード*/
    color: rgba(66,66,66,0.87);/*文字の色*/
    padding: 4px;/*内側の余白*/
}
.newmark {/*新着のマーク*/
    border-radius: 20px;/*丸くする*/
}
.sidelong__img {/*アイキャッチのサイズ*/
    width: 100px;/*横幅*/
    height: 100px;/*縦幅*/
}
.sidelong__article {/*カード部分*/
    margin:0;/*外側の下余白*/
    border-bottom: 1px solid rgba(66,66,66,0.15);/*下線*/
}
.sidelong {/*記事全体*/
    border-top: 1px solid rgba(66,66,66,0.15);/*上の線*/
}

/*--------------------------------------------------------------------------
  SANGOのサイドバーの横幅を広くするカスタマイズ
--------------------------------------------------------------------------*/
@media only screen and (min-width: 1230px) {
.wrap {
  width: 1200px;
}
.d-5of7 {
  width: 70%;/*メインコンテンツ幅（デフォルト69%）*/
}
.d-2of7 {
  width: 30%;/*サイドバー幅（デフォルト31%）*/
}
 
.header--center .desktop-nav li a {
  padding: 18px 15px 18px;
  font-size: 24px; /* メニューの文字の大きさ */
}
 
/*END SANGOのサイドバーの横幅を広くするカスタマイズ*/
 
/* 幅を広くした場合の2分割ヘッダーアイキャッチの幅も大きくする */
#divheader.maximg {
  max-width: 1200px;
}
	}



/*--------------------------------------------------------------------------
wppでランキング順位を表示する
--------------------------------------------------------------------------*/
/* カウンタをリセット */
.my-widget.show_num {
    counter-reset: wpp-ranking;
}
/* 一覧の表示 */
.my-widget.show_num li {
    position: relative;
}
/* 順位を表示 */
.my-widget.show_num li:before {
    content: counter(wpp-ranking, decimal);
    counter-increment: wpp-ranking;
 	display: inline-block;
 	position: absolute;
 	z-index: 1;
 	top: 0;
 	left: 0;
 	width: 25px;
 	height: 25px;
	border-radius: 50%;
	text-align: center;
	line-height: 25px;
}
/* 1位 */
.my-widget.show_num li:nth-child(1):before {
	background: #FCE36b;
	color: #fff;
}
/* 2位 */
.my-widget.show_num li:nth-child(2):before {
	background: #FCE36b;
	color: #fff;
}
/* 3位 */
.my-widget.show_num li:nth-child(3):before {
	background: #FCE36b;
	color: #fff;
}
/* 4位以降の色 */
.my-widget.show_num li:nth-child(n + 4):before{
	background: #f3f3f3;
	color: #9a9a9a;
}
a.ranking {/*リンクされた文字*/
    color:FFFFFF;
    font-style:normal;
    text-decoration:underline;
}
.footer-contents .sns-btn {
    display: none;
}
/* スマホCPAフッターバナー */
#footerFloatingMenu {
    display: block;
    width: 100%;
    position: fixed;
/* top:0px;を入れることでヘッダー固定にフッターにするには削除する*/
    top:0px;
    left: 0px;
    bottom: 2px;
    z-index: 9999;
    text-align: center;
    padding: 0 auto;
}
 #footerFloatingMenu img {
    max-width: 99%;
}
/* スマホCPAフッターバナー*/
.pagebottom{
	/* background: #333; */
	width: 100%;
	padding: 10px;
	position: fixed;
	left: 0px;
	top: 0px;
	z-index: 999;
}
.pagebottom ul{
	text-align: center;}
.pagebottom li{
	display: inline-block;}

/* 追従するレスポンスデバイス */
.pagebottom{
	background: #333;
	width: 100%;
	padding: 15px;
	position: fixed;
	left: 0px;
	bottom: 0px;
	z-index: 999;}
.pagebottom ul{
	text-align: center;}
.pagebottom li{
	display: inline-block;}

/* グローバルナビの日本語を大きくする */
@media only screen and (min-width: 768px){
.nav > li > a{
 padding-top:5px;
 line-height:1.5;
 font-size:14px;
 font-weight:bold;
}
.nav li a span{
 font-size:10px;
 margin-top:1px;
 position: static;
 font-weight:normal;
}
}

/*関連記事カスタマイズ*/
.linkto,
.c_linkto{
	font-size: .9em;
	position: relative;
}
.linkto{
	box-shadow: 0 3px 6px rgba(0, 0, 0, .25);
	transition: .3s;
	border: solid 1px #eaedf2;
}
.linkto:after,
.c_linkto:after{
	position: absolute;
	font-family: 'Quicksand','Avenir','Arial',sans-serif,FontAwesome;
	content:'続きを読む \f101';
	right:10px;
	bottom: 10px;
	padding:1px 10px;
	background:#333;/*「続きを読む」の背景色*/
	color:#fff;/*「続きを読む」の文字色*/
	font-size: .8em;
	border-radius:2px;
}
.linkto:hover{
	background:#fff;
	box-shadow: 0 13px 20px -3px rgba(0,0,0,.24);
}
.linkto img,
.linkto:hover img {
	box-shadow: none;
}
.tbtext{
	padding: 1em .5em;
}
.c_linkto_text{
	margin-bottom:20px;
}
.linkto .tbimg {
	width: 120px;
}

@media (min-width:768px) and (max-width:1023px) {
	.linkto {
		padding:5px;
	}
	.linkto:after{
	right:5px;
	bottom: 5px;
	}
	.linkto .tbimg {
		width: 100px;
		vertical-align:top;
		padding-top:3px;
	}
	.tbtext {
		padding: 0 .5em 1.5em .5em;
	}	
	.longc_content{
		padding: 15px 13px 30px 13px !important;
	}
}

@media (max-width:767px){
	.linkto {
		padding:3px;
	}
	.linkto:after{
		right:3px;
		bottom: 3px;
	}
	.linkto .tbimg {
		width: 100px;
		vertical-align:top;
		padding-top:3px;
	}
	.tbtext {
		padding: 0 .5em 1.5em .5em;
	}	
}
/*関連記事カスタマイズここまで*/


/* youtube埋め込み
------------------------------------------------------------ */

.movie-wrap {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
 
.movie-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* 資料請求（無料ガイドブック）
------------------------------------------------------------ */
.form{display: inline;}
/* CTAのチェックアイコン実装 */

ul.cta li {
	position: relative;
	color:#000;
  font-size: 18px;
}
ul.cta li::after {
	display: block;
	content: '';
	position: absolute;
	top: .5em;
	left: -1em;
	width: 8px;
	height: 3px;
	border-left: 2px solid #ff5b16;
	border-bottom: 2px solid #ff5b16;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}


/* CTA関連 */

hr {
border: 5px #ff5b16 solid;
background-color: #ff5b16;
height: 10px;
}
span.cta16{font-size: 16px; color:#000000;}
span.cta18 {font-size: 18px; color:#000000;}
span.cta20 {font-size: 20px; color:#000000;}
span.cta22 {font-size: 22px; color:#000000;}
span.cta30 {font-size: 30px; color:#000000;}
span.cta36 {font-size: 36px; color:#000000;}
span.ctatel {font-size: 36px; color:#b40926;}


table.cta-table{
width: 100%;
border: 0;
}


table.cta-table tr{
border: 0;
}

table.cta-table td{
border: 0;
}

.landingleft {
	float:none !important;
	padding:0 20px 0px;
	width:90%;
}

.landingleft img {
	float:none;
}

.landingright {
	float:none;
	width:100%;
	}

.landingright input[type="text"], .landingright input[type="email"], select, textarea {
	width:80%;
}

.landingright input[type="button"], .landingright input[type="submit"] {
	width:80%;
}

.landingright input[type="button"], .landingright input[type="submit"] {
    background-color: #ec6a12 !important;
    border-radius: 3px !important;
    font-size: 16px !important;
    margin-top: 10px !important;
    padding: 16px 0 !important;
    text-align: center !important;
}


/* 枠
------------------------------------------------------------ */

.white-waku{
  border: 1px dotted #e5e5e3;
  margin: 0 0 40px;
  padding: 20px 36px 22px;
  font-size: 16px;
  line-height:150%;
  background: #ffffff;
}

.white-waku2{
  background-color: #fff;
  border-radius: 4px;
  margin-bottom: 2.5em;
  padding: 0.9em;
  font-size: 0.96em;
  border: 1px solid #f3f3f3;
  -webkit-box-shadow: 0 2px 5px #ddd;
  -moz-box-shadow: 0 2px 5px #ddd;
  box-shadow: 0 2px 5px #ddd;
  -webkit-box-shadow: 0 2px 5px rgba(128, 128, 128, 0.15);
  -moz-box-shadow: 0 2px 5px rgba(128, 128, 128, 0.15);
  box-shadow: 0 2px 5px rgba(138, 138, 138, 0.15);
}

/*点線枠メッセージ*/
.background-waku{
  border: 1px dotted #e5e5e3;
  margin: 0 0 40px;
  padding: 20px 36px 22px;
  font-size: 16px;
  line-height:150%;
}

.background-waku2{
background: #ffeeee;
border: solid 2px #ffcccc;
border-radius: 4px;
margin:0 0 24px 0; 
padding:15px 30px 15px 30px ;
line-height:150%;
}


/*黄色枠メッセージ*/
.sp-warning {
	background: #FCF8E3;
	margin: 15px 0px;
	padding: 20px 40px;
	font-size:16px;
}

/*赤枠メッセージ*/
.sp-danger {
	background: #F2DEDE;
	margin: 15px 0px;
	padding: 20px 40px;
	font-size:16px;
}

/*青枠メッセージ*/
.sp-safety {
	background: #f0f8fb;
	margin: 15px 0px;
	padding: 20px 40px;
	font-size:16px;
}

/*緑枠メッセージ*/
.sp-security {
	background: #eafaeb;
	margin: 15px 0px;
	padding: 20px 40px;
	font-size:16px;
}

/*灰色枠メッセージ*/
.imgcaption{
	overflow: hidden;
	background: #f9f9f9;
	margin: 0 0 40px;
	padding: 20px 36px 22px;
	font-size: 16px;
	line-height:150%;
}

/*灰色枠メッセージ2*/
.imgcaption2{
	overflow: hidden;
	background: #f9f9f9;
	margin: 0 0 40px;
	padding: 24px 24px 0 24px;
	border:solid 1px #BDBDBD;
	font-size: 16px;
	line-height:150%;
}

/*角丸メッセージ*/
.radius-box {
    padding: 0.5em 1em;
    margin: 2em 3em;
    background: #FFF;
    border: solid 3px #d0111b;/*線*/
    border-radius: 10px;/*角の丸み*/
}

/*目次*/
.index{
	overflow: hidden;
	background: #f9f9f9;
	margin: 0 0 40px;
	padding: 5px 24px 5px 24px;
	border:solid 1px #BDBDBD;
	font-size: 16px;
	line-height:150%;
}
/*2重目次*/
.index2 {
    margin: 2em 0;
    padding: 1.5em 1em;
    border: double 5px #ffd700;
    color: #474747;
}


.dot {
	border:1px dotted #aaa;
	padding:30px;
}



@media only screen and (max-width: 768px) {
  .radius-box {
      padding: 0.5em;
      margin: 2em 0.5em;
  }
}

/* 登録基準
------------------------------------------------------------ */
 

.list_bg{
margin:30px 0 15px 0;
padding:10px;
background-color:#d1a87e;
border:solid 1px #9d663b;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}
ul.list {
list-style:none;
margin:0;
padding:45px 45px 30px 45px;
background-color:#ffffff;
box-shadow:0px 1px 5px #594a42;
}
ul.list li {
list-style:none;
margin:0 0 15px 0;
padding:0 0 5px 32px;
font-size:15px;
letter-spacing:1px;
line-height:180%;
border-bottom:dotted 1px #999999;
background-image: url(https://blog.kaitai-guide.net/images/list_02.png) ;
background-position:left 1px;
background-repeat:no-repeat;
}
ul.list li.title {
list-style:none;
margin:0 0 30px 0;
padding:13px 0 8px 0;
font-size:24px;
letter-spacing:1px;
line-height:150%;
background-image:none;
border-top:solid 1px #bb0000;
border-bottom:solid 1px #bb0000;
color:#bb0000;
text-align:center;
}



/* メール
------------------------------------------------------------ */
 
/*---------- テーブル ----------*/

table.spec{
width:100%;
border-collapse:separate;
margin:15px 0 15px 0;
}
table.spec th{
font-size:14px;
line-height:180%;
letter-spacing:1px;
text-align:left;
font-weight:normal;
background-color:#F0EDE4;
padding:10px;
border-bottom:solid 1px #CCCCCC;
}
table.spec td{
font-size:14px;
line-height:180%;
letter-spacing:1px;
padding:10px;
border-bottom:solid 1px #CCCCCC;
}

.req{
margin:0;
padding:0 2px 0 4px;
font-size:10px;
color:#FFFFFF;
background-color:#d0111b;
}

.nini{
margin:0;
padding:0 2px 0 4px;
font-size:10px;
color:#FFFFFF;
background-color:#191970;
}

#device_title{
margin:0 0 20px 0;
padding:10px 0 8px 0;
text-align:center;
font-size:18px;
line-height:100%;
color:#FFFFFF;
background-color:#d0111b;
}

.caption{font-size:12px;color:#666666;font-weight:normal;line-height:180%;}


/* マウスオーバー（解体事例集）
------------------------------------------------------------ */
span.absolute{
  color:#fff;
  display: block;
  position: relative;
  top: 50%;
  text-align: center;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

a.jirei:link{
  color:#fff;
}

.cta_title{
	padding: .5em .75em;
	background-color: #F3B524;
}

.mw_wp_form input[type="submit"],
.wpcf7-submit{
  background:#d0111b;
  color:#fff;
  border:none;
  border-bottom:3px solid #ddd;
  border-right:3px solid #ddd;
  padding:1em 3em;
  min-width:40%;
  max-width:85%;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  border-radius:3px;
  display:block;
  margin:auto;
  position:relative;
}

/* お問い合わせフォーム
------------------------------------------------------------ */

.table-contactform7{
  overflow: hidden;
  table-layout: fixed;
}
 
.required-contactform7{
  padding: 5px;
  background: #DE8686;
  color: #fff;
  border-radius: 3px;
  margin-right: 3px;
}
 
.unrequired-contactform7{
  padding: 5px;
  background: #BDBDBD;
  color: #fff;
  border-radius: 3px;
  margin-right: 3px;
}
 
.table-contactform7 th{
  font-weight:bold;
}
 
.table-contactform7 input,
.table-contactform7 textarea{
  max-width: 90% !important;
  margin: 5px 10px 10px 5px;
}
 
.address-100 input{
  max-width: 90% !important;
  margin: 5px 10px 10px 5px;
}
 
.message-100 textarea{
  width: 100%;
  margin: 5px 10px 10px 5px;
}
 
@media screen and (min-width: 900px){
  .table-contactform7 th{
    width:28%;
    text-align:left;
  }
}
     
@media screen and (max-width: 900px){
  .table-contactform7{
    display:block;
  }
  .table-contactform7 tbody,
  .table-contactform7 tr{
    display: block;
    width: 100%;
  }
  .table-contactform7 th{
    width:100%;
    display:block;
    margin: 0 auto;
    border:none;
    text-align:left;
  }
  .table-contactform7 td{
    display: list-item;
    list-style-type:none;
    margin:0;
    width: 100%;
    border-top: none !important;
  }
}



/* youtube埋め込み
------------------------------------------------------------ */

.movie-wrap {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
 
.movie-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* テキスト可変
------------------------------------------------------------ */
@media only screen and (min-width: 768px) {
.moji{
    font-size:0.85em !important;
  }
.moji td.check{
    color:#d0111b;
    font-size:1.5em;
    font-weight:bold;
  }
.mitsumori{
    font-size:0.85em !important;
  }
.mitsumori th{
    text-align:left;
  }
  .mitsumori td{
    text-align:right;
  }
  .mitsumori td.check{
    color:#d0111b;
    font-size:1.5em;
    font-weight:bold;
  }
  .block{
    font-size:0.85em !important;
  }
}

@media only screen and (max-width: 768px) {
.moji{
    font-size:0.65em !important;
  }
.moji td.check{
    color:#d0111b;
    font-size:1.5em;
    font-weight:bold;
  }
  .mitsumori{
	font-size:0.65em !important;
  }
.mitsumori th{
    width:100%;
    display:block;
    text-align:left;
  }
.mitsumori td{
    text-align:right;
  }
.mitsumori td.check{
    color:#d0111b;
    font-size:1.5em;
    font-weight:bold;
  }
.block th,
.block td{
    width: 100%;
    display: block;
  }
}

/* ヘッダーロゴ
------------------------------------------------------------ */
@media only screen and (min-width: 768px) {
  #logo{
    width: 32%;
	}
}



/* CTAバナー
------------------------------------------------------------ */
  .ctabanner{
    margin:0 auto;
    border:1px solid #cccccc;
    /* box-shadow */
    box-shadow:0px 3px 15px 0px #bab6b0;
    -moz-box-shadow:0px 3px 15px 0px #bab6b0;
    -webkit-box-shadow:0px 3px 15px 0px #bab6b0;
    }


/* 電話発信
------------------------------------------------------------ */
@media only screen and (min-width: 768px) {
.call{
    pointer-events: none;
    color: #5c6b80;
    text-decoration: none;
    }
}

@media only screen and (max-width: 768px) {
.call{
    }
}


/* メディア用カラム
------------------------------------------------------------ */
.mediacol3 {
	overflow: hidden;
}
.medialeft img, .mediamain img, .mediaright img{
	margin-bottom: 0;
}

@media only screen and (min-width: 768px) {
	.mediacol3 {
		width: 100%;
	}
	.medialeft{
		float: left;
		width: 30%;
		margin-right: 5%;
	}
	.mediamain {
		float: left;
		width: 30%;
		margin-right: 5%;
	}
	.mediaright {
		float: left;
		width: 30%;
	}
}

@media screen and (max-width: 768px){
	.medialeft, .mediamain, .mediaright{
		width: 100%;
		clear: both;
	}
	.medialeft img, .mediamain img, .mediaright img{
		width: 35%;
		float: left;
		margin-right: 5%;
		margin-bottom: 1.6em;
	}
}
.mediacol2 {
	overflow: hidden;
}
@media only screen and (min-width: 768px) {
	.mediacol2 p img {
		width: 45%;
		float: left;
		margin-right: 5%;
	}
}

@media screen and (max-width: 768px){
	.mediacol2 p img {
		width: 100%;
	}
}

.mediathumbnail {
	overflow: hidden;
}
.mediathumbnail img {
	float: left;
	width: 30%;
	margin-right: 5%;
}
@media screen and (max-width: 768px){
	.mediathumbnail img {
		width: 40%;
	}
}

/*ボタンの長さ*/
#inner-content .wd100 {
    width: 100%;
    text-align: center;
}

/*ボタンの長さ*/
#inner-content .wd80 {
    width: 80%;
    text-align: center;
}

/*背景色を消す*/
div#custom_html-4{
    background: none;
}
/*シェアボタンを消す*/
.footer-contents .sns-btn {
    display: none;
}


/* 業者テキスト
---------------------------------------*/
p.gyousyatext {margin: 2.6em 0 .7em;}


/* ボックス追加
---------------------------------------*/
.entry-content .tl_content .box_tokuyuryou,.entry-content .tl_content .box_yuryou {
  margin-top: 2.3em;
}

.box_tokuyuryou {
 margin: 2em 0;
 padding: 0 15px 10px;
 background: #edf6ff;
 box-shadow: 0 2px 4px rgba(0, 0, 0, .15);
}

.box_tokuyuryou .box-title {
 margin: -15px -15px 15px;
 padding: 4px;
 background: #5fc2f5;
 color: #fff;
 font-size: 1.2em;
 text-align: center;
}
.box_tokuyuryou {
 background: #fff9eb;
}
.box_tokuyuryou .box-title {
 background: #f5a15f;
}

.box_yuryou p {
 margin: 0 0 5px;
}
.box_yuryou {
 margin: 2em 0;
 padding: 0 15px 10px;
 background: #EEEEEE;
 box-shadow: 0 2px 4px rgba(0, 0, 0, .15);
}

.box_yuryou .box-title {
 margin: -15px -15px 15px;
 padding: 4px;
 background: #795548;
 color: #fff;
 font-size: 1.2em;
 text-align: center;
}

.ranking-list-item-score {
	font-size:14px;
	color: #999999;
}

/*スマホのみボタンを出す
--------------------------------------*/
@media screen and (min-width: 640px){
.sponly{display:none;}}

/*PCのみ枠を出す
--------------------------------------*/
@media screen and (max-width: 640px){
.pconly{display:none;}}


/*--------------------------------------
  ボタンの右にテキスト
--------------------------------------*/

.mc-plus-btn2{/*全体（ボタンと文字）*/
    text-align: center;/*中央揃え*/
    margin: 1em 0 1.5em 0;/*外側の余白（上1em 下1.5em）*/
}
.mc-btn2{/*ボタン全体*/
    display: inline-block;/*横並びになるように*/
    font-size: 1.3em;/*文字の大きさ*/
    font-weight: bold;/*太文字に*/
    margin-bottom: 0!important;/*ボタン下の余白削除*/
}
.mc-btn2 .btn{/*ボタン*/
    padding: .2em 2em;/*ボタンの内側の余白（上下.2em 左右2em）*/
}
.mc-text2{/*文字の設定*/
    display: inline-block;/*横並びになるように*/
    vertical-align: middle;/*縦方向に中央揃え*/
    font-size: 14px;/*文字の大きさ*/
    text-align: left;/*左寄せ*/
    padding-bottom: 4px;/*内側の余白（下）*/
}
.mc-text2 p{/*文字の余白調整*/
    margin:2px 0;/*外側の余白（上下2px 左右0）*/
}
.mc-text2 p:before{/*テキストにアイコンを追加*/
    content: "\f058";/*お好きに変えてください*/
    font-family:"FontAwesome";
    margin-right: 8px;/*文字との余白*/
}
.mc-btn2 a:after{/*ボタンにアイコンを追加*/
    content: "\f138";/*お好きに変えてください*/
    font-family:"FontAwesome";
    margin-left: 20px;/*ボタンの文字との余白*/
}


/*表のデザインを変更
--------------------------------------*/
/*テーブル全体*/
.gyousya_table{
width:100%;
text-align:left;
} 
/*見出しセル*/
.gyousya_table th{
background:#f7f7f7!important;
font-size:17px;
border:solid 1px #e0e0e0;
padding:7px;
width:30%;
white-space:nowrap;
}
/*見出し以外のセル*/ 
.gyousya_table td{
padding:7px;
border:solid 1px #e0e0e0;
font-size:15px;
} 
/*マウスを乗せた時のカラー
.gyousya_table tr:hover{
background:#ffffe0;
} */

/*スマホ用テーブル*/
@media(max-width:500px){
.gyousya_table th,.gyousya_table td{
width:100%;
display:block;
border-top:none;
}
.gyousya_table tr:first-child th { 
border-top:1px solid #e0e0e0;
}}
.pc {
  display: block;
}
.sp {
  display: none;
}
@media screen and (max-width: 768px) {
  .pc {
    display:none;
  }
  .sp {
    display:block;
  }
}

/* --- 190610追加 --- */
#inner-content .big-red{font-weight:bold;color:#ee7b7b;}
#inner-content .big-yellow{font-weight:bold;background:linear-gradient(transparent 50%, rgba(255, 252, 107, 0.69) 50%);}
.entry-content th.back-green{background-color:#E8F5E9;}
.entry-content th.back-blue{background-color:#E3F2FD;}
.entry-content th.back-red{background-color:#ffebee;}
.entry-content td.back-yellow{background-color:#FFEE58;}
.box26 {
 position: relative;
 margin: 2em 0;
 padding: 1.5em 1em;
 border: solid 3px #95ccff;
 border-radius: 8px;
 border-style: dashed;
}
.box26 .box-title {
 display: inline-block;
 position: absolute;
 top: -10px;
 left: 10px;
 padding: 0 9px;
 background: #fff;
 color: #95ccff;
 font-size: 19px;
 line-height: 1;
}
.box26 .box-title:before {
 padding-right: 4px;
 font-family: FontAwesome;
 content: "\f02e";
}
.li-check ul {
 position: relative;
 padding: 1em .5em 1em 2.5em;
 border: solid 2px #8BC34A;
}
.li-check li:before {
 position: absolute;
 left: 1em;
 color: #8BC34A;
 font-family: FontAwesome;
 content: "\f00c";
}
.li-chevron ul {
 position: relative;
 padding: 1em .5em 1em 2.5em;
 border: solid 2px #DDD;
 border-radius: 5px;
}
.li-chevron li:before {
 position: absolute;
 left: 1em;
 color: #888;
 font-family: FontAwesome;
 content: "\f138";
}
.entry-content pre.display {
 margin: 0;
 padding: 0;
 border: none;
 background: none;
 color: #252525;
 font-family: inherit;
}
.box34 {
 margin: 2em 0;
 padding: 1.5em 1em;
 background: #ffeaea;
 color: #2c2c2f;
}
.box35 {
 margin: 2em 0;
 padding: 1.5em 1em;
 background: #E8F5E9;
 color: #2c2c2f;
}



/*ナビフッターを変更
--------------------------------------*/

.fixed-container {
    font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", "Yu Gothic";
    position: fixed;
    visibility: hidden;
    transition: all 0.5s;
}
.fixed-container.is-active {
    bottom: 0;
    visibility: visible;
}
@media screen and (max-width: 767px) {/*sp*/
    .fixed-container {
        z-index: 12;
        left: 0;
        bottom: -57px;
        width: 100%;
        height: 57px;
        padding: 0;
        background: #fff;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .fixed-container_txt {
      width: 50%;
        margin: 0;
        text-align: center;
    }
    .fixed-container_icon {
      width: 50%;
      margin: 0;
      text-align: center;
    }
    .fixed-container_txt > a,
    .fixed-container_icon > a {
      transition: opacity 0.3s;
      position: relative;
      display: block;
      width: 100%;
      height: 54px;
      padding: 17px 0;
      font-size: 12px;
      font-weight: bold;
      color: #fff;
      text-align: center;
      text-decoration: none;
      overflow: hidden;
    }
    .fixed-container_txt > a:hover, .fixed-container_icon > a:hover {
      opacity: 0.5;
    }
    .fixed-container_txt.btn_about > a {
      background: #00a562;
      box-shadow: 0px 3px 0px 0px #00804c;
    }
    .fixed-container_txt.btn_estimate > a {
      background: #01b6c9;
      box-shadow: 0px 3px 0px 0px #018c9b;
    }
    .fixed-container_icon.btn_tel > a {
      background: #fdd001;
      box-shadow: 0px 3px 0px 0px #968c2f;
    }
    .fixed-container_icon.btn_tel > a img {
      width: 40%;
    }
    .fixed-container_icon.btn_contact > a {
      background: #ed79b6;
      box-shadow: 0px 3px 0px 0px #a85681;
    }
    .fixed-container_icon.btn_contact > a img {
      width: 40%;
      padding-top: 4px;
    }
}
@media screen and (min-width: 768px) {/*pc*/
    .fixed-container {
          z-index: 10;
          right: 30px;
          bottom: -226px;
          width: 300px;
          height: 226px;
          padding: 25px 30px 33px;
          background: #fff;
    }
    .fixed-container_ttl {
          margin: 0;
          font-size: 18px;
          font-weight: bold;
          text-align: center;
    }
    .fixed-container_tel {
      font-size: 22px;
      font-weight: bold;
      margin: 0;
      background: url(../../images/common/tel.png) no-repeat left center;
      background-repeat: no-repeat;
      background-size: 5%;
      padding-left: 20px;
    }
    .fixed-container_btn {
      margin: 10px 0 0;
      text-align: center;
    }
    .fixed-container_btn > a {
      transition: 0.2s all ease 0s;
      position: relative;
      display: block;
      padding: 13px;
      font-size: 15px;
      font-weight: bold;
      color: #fff;
      text-align: center;
      text-decoration: none;
      background: #00a562;
      box-shadow: 0px 5px 0px 0px #00804c;
    }
    .fixed-container_btn > a:hover {
      box-shadow: none;
      -webkit-transform: translate3d(0, 5px, 0);
              transform: translate3d(0, 5px, 0);
    }
    .fixed-container_btn > a::before {
        content: "";
        display: inline-block;
        width: 0;
	    height: 0;    
	    border: 3px solid transparent;
	    border-left: 5px solid #fff;
        vertical-align:3px
    }
    .fixed-container_btn.btn_estimate > a {
      background: #00a562;
      box-shadow: 0px 3px 0px 0px #00804c;
    }
    .fixed-container_btn.btn_contact > a {
      background: #01b6c9;
      box-shadow: 0px 3px 0px 0px #018c9b;
    }
}


/*上部・下部固定コンテンツ
================================= */
@media screen and (min-width: 768px) {/*pc*/
  .header_fixed_menu,
  .footer_fixed_menu {display:none}
}
@media screen and (max-width: 767px) {/*sp*/
  body {position:relative}
  .header_fixed_menu,
  .footer_fixed_menu {display:block}
  .header_fixed_menu {
    background: rgba(192,36,33,0.99);
    position: fixed;
    top: 0;
    top: -100px;
    width: 100%;
    transition: .5s;
    z-index: 9999;
  }
  .header_fixed_menu.hide{
    transform: translateY(-100%);
  }
  .header_fixed_menu.positionmiddle{
    top: 0;
  }
  .header_fixed_menu ul {
    display: flex;
    justify-content: space-between;
    margin: 0;
    padding: 10px;
  }
  .header_fixed_menu ul li {
    width: 48%
  }
  .header_fixed_menu a,
  .footer_fixed_menu a {
    display: block
  }
  .header_fixed_menu img,
  .footer_fixed_menu img {
    vertical-align: bottom;
    width: 100%
  }
  .footer_fixed_menu {
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 9999
  }
}
/*住宅会社詳細ページサンプル
================================= */
.box30{
  background: #f6f6f6;
}
.box30 .box-title{
  background: #a1a1a1;
}
.box11 h3{
  border-color: #5d627b;
}