/*
/*
Theme Name:voyageur-child
Template:dp-voyageur
Version:2.0.2.6
powerd by SUTUDIO-AONO 2020
*/
/*
【ブレイクポイント】
スマホのみ=559px
@media screen and (max-width: 559px) {}
タブレット以下=960px未満
@media screen and (max-width: 959px) {}
【テーマカラー】
ワインレッド　#ad2727／やや薄め　#cf7c7d／かなり薄め　#fce6e7
--------------------------------------------------------------
1.0  　リセット
2.0  　共通設定
3.0  　トップページ
4.0  　リフォーム工事
5.0  　概算料金
6.0  　会社案内
7.0  　よくある質問
8.0  　お客様の声
9.0  　ＲＳポイント制度/ＲＳポイントカタログ
10.0 　いどばた通信
11.0 　お問合せ
12.0 　工事の流れ
13.0 　お知らせ
--------------------------------------------------------------*/
/*webフォント読み込み*/
@import url('https://fonts.googleapis.com/css2?family=Mukta:wght@600&display=swap');


/*★工事中表示*/
div.pre{
text-align: center;
margin: 60px 0px;
color: #999
}

/*--------------------------------------------------------------
1.0 リセット
--------------------------------------------------------------*/

/*--------------------------------------------------------------
2.0 共通設定
--------------------------------------------------------------*/

/*スマホのみ（560px以上＝ＰＣ＆タブレットは表示しない）*/
@media (min-width: 560px) {
.smph_only{
display: none
}
}
/*スマホ＆タブレットのみ（960px以上＝ＰＣは表示しない）*/
@media (min-width: 960px) {
.mobile_only{
display: none
}
}
/*ＰＣのみ（560px未満＝スマホは表示しない）*/
@media screen and (max-width: 559px) {
.pc_only{
display: none
}
}

/*左メニューバーのフォントサイズUP*/
#global_menu_ul .menu-item{
font-size: 1.65rem !important
}
/*左メニューバー「X」を非表示に*/
#header_toggle .toggle.tgbtn.icon-cross{
display: none
}

/*--------------------
２カラム時のサイズ調整
（voices,idobata_tsushinで使用）
---------------------*/
#content.content.two-col.right{
width: calc(100% - 210px);
padding-right: 20px
}
#sidebar.sidebar.first{
width: 210px
}
#sidebar.sidebar.first ul{
text-align: center
}
#sidebar.sidebar.first ul li .excerpt_div{
width: 100%
}

/*--------------------
固定ページのアイキャッチ画像
---------------------*/
.single-eyecatch-container img{
width: 100% !important;
height: 17.5vw !important; 
object-fit: cover;
font-family: 'object-fit: cover;';
}
/* 560px未満 ＝ スマホのみ*/
@media screen and (max-width: 559px) {
.single-eyecatch-container img{
height: 40vw !important; 
}
}

/*---------------------------
個別ページの見出し類
----------------------------*/
/*ページのタイトルh1*/
.single-article header .single-title{
font-weight:normal !important;
}
/*テスト*/
.single-article header h1.entry-title{
font-size: 2.8rem;
text-align: center;
}
.single-article header h1.entry-title span{
position: relative
}
.single-article header h1.entry-title span::before{
content: "";
position: absolute;
height:28px;
width: 31px;
opacity: 0.8;
background-image: url("images/common/entry-title_head.png");
background-repeat: no-repeat;
background-position: left center;
left: -36px;
top:0px
}
/* 560px未満 ＝ スマホのみ*/
@media screen and (max-width: 559px) {
.single-article header h1.entry-title span::before{
display: none
}
}
.single-article header h1.entry-title::after{
/*content: '';
position: absolute;
bottom: 0;
left: 48%;
width: 20%;
margin-left: -10%;
height: 1px;
background-color: rgba(61,61,61,.54);*/
}
/*本文見出しｈ2*/
.entry h2,
.entry h3{
font-family: heisei-maru-gothic-std, sans-serif;
font-weight: 400 !important;
color: #ad2727;
}
.entry h2::after,
.entry h3::after{
background-color:#ad2727  !important
}
.entry h4,
.entry h5{
padding: 2px 0px !important;
color: #000000;
border-bottom:none !important;
background-color:rgba(212,31,31,0.2);
padding-left: 16px !important;
}
.entry h4::after,.entry h5::after{
display: none
}
.entry h5 .notes{
font-size: 80%;
font-weight: normal;
line-height: 1.25
}
/*---------------------------
個別ページのカラムわけ
----------------------------*/
entry-content img{
max-width: 100%
}
div.leftblock,div.rightblock{
float: left;
overflow: hidden
}
div.leftblock{
padding-right: 10px
}
div.rightblock{
padding-left: 10px
}
/*ハーフ*/
div.leftblock.half,
div.rightblock.half{
width: 50%
}
/*黄金比_typeA（右が広い）*/
div.leftblock.G_ratio_A{
width: 37%
}
div.rightblock.G_ratio_A{
width: 63%
}
/*黄金比_typeB（左が広い）*/
div.leftblock.G_ratio_B{
width: 63%
}
div.rightblock.G_ratio_B{
width: 37%
}

/*★タブレット以下=960px未満=フロートせず100％*/
@media screen and (max-width: 959px) {
div.leftblock,div.rightblock{
float: none;
width: 100% !important;
}
div.leftblock{
padding-right: 0px
}
div.rightblock{
padding-left: 0px
}
}

/*---------------------------
個別ページの段落
----------------------------*/
/*副次的段落*/
#content p.secondary{
font-size: 1.5rem;
line-height: 1.8
}

/*--------------------------------------------------------------
2.0 トップページ
--------------------------------------------------------------*/
/*サイドバータブレット時設定*/
.header_container.tablet{
background: #a52726;
}
/*サイドバータイトル部*/
.header_content .h_group .caption{
/*font-size: 1.8rem!important;*/
}
.header_content .h_group{
position: relative
}
.header_content .h_group h2.caption{
font-size: 1.85rem;
letter-spacing: 0.1rem;
text-shadow:
    #8a3e3f 1px 1px 2px, #8a3e3f -1px 1px 2px,
    #8a3e3f 1px -1px 2px, #8a3e3f -1px -1px 2px;
position: absolute;
left: 0;
right: 0;
margin: auto;
bottom:105%
}

/*センタータイトル調整*/
.header-banner-content h2#banner_title img{
max-width: 80%;
}
.header-banner-container{
top:40% !important
}
.header-banner-content header{
margin-bottom: 0px !important
}
.header-banner-content header #banner_title{
margin-bottom: 0px !important
}
@media screen and (max-width: 1024px) {
.header-banner-container{
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  -webkit-transform: translate(-50%, -50%); /* Safari用 */
  transform: translate(-50%, -30%);
}
}
@media screen and (max-width: 559px) {
.header-banner-container{
  position: absolute;
  top: 50% !important;
  left: 50%;
  margin-right: -50%;
  -webkit-transform: translate(-50%, -50%); /* Safari用 */
  transform: translate(-50%, -50%);
}
}

/*インスタグラムページへのフック*/
#dpcustomtextwidget-5,
#dpcustomtextwidget-5 p{
margin-bottom: 12px;
}
a#insta_open,#insta_open_mobile{
color: #fff;
background-color: rgba(212,31,31,0.6);
margin: 0px;
padding: 6px 8px;
}
#insta_open_mobile{
font-size: 1.45rem
}
#insta_open_mobile a:hover{
text-decoration: none !important
}
.css_fadeInUp{
  text-align: center;
    animation-name: fadein;
    animation-duration: 2s;
    animation-timing-function:ease-in;
    animation-fill-mode:forwards
}
@keyframes fadein {
from {
    opacity: 0;
    transform: translateY(20px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}

/*インスタグラムページ*/
.dp-container dl.insta_title{
margin-bottom: 24px
}
.dp-container dl.insta_title{
border: none;
}
dl.insta_title dt{
border: none;
background-color: initial;
width: 500px;
max-width: 90%;
height:74px;
min-height: 45px;
background-image: url("images/top_page/insta_title.png");
background-repeat: no-repeat;
background-size:contain;
text-indent: 120%;
white-space: nowrap;
overflow: hidden;
}
/*グリッド内キャプション*/
#sb_instagram .sbi_link .sbi_caption{
line-height: 1.3 !important;
font-size: 1.3rem !important
}

/*お知らせ*/
#dprecentcustompostswidget-4 ul.recent_entries li{
border: none;
padding: 4px 0px;
min-height: 32px
}
#dprecentcustompostswidget-4 ul.recent_entries li a{
color: #fff;
font-size: 1.8rem;
text-shadow:     
    #8a3e3f 2px 0px 2px, #8a3e3f -2px 0px 2px,
    #8a3e3f 0px -2px 2px, #8a3e3f -2px 0px 2px,
    #8a3e3f 2px 2px 2px, #8a3e3f -2px 2px 2px,
    #8a3e3f 2px -2px 2px, #8a3e3f -2px -2px 2px,
    #8a3e3f 1px 2px 2px, #8a3e3f -1px 2px 2px,
    #8a3e3f 1px -2px 2px, #8a3e3f -1px -2px 2px,
    #8a3e3f 2px 1px 2px, #8a3e3f -2px 1px 2px,
    #8a3e3f 2px -1px 2px, #8a3e3f -2px -1px 2px,
    #8a3e3f 1px 1px 2px, #8a3e3f -1px 1px 2px,
    #8a3e3f 1px -1px 2px, #8a3e3f -1px -1px 2px;
}
#dprecentcustompostswidget-4 ul.recent_entries li a::before{
content: "［お知らせ］"
}
article#page-11{
padding-top: 0px
}
article#page-11 .recent_entries .excerpt_div{
width: 100%
}
article#page-11 ul.recent_entries h4.excerpt_title_wid{
padding-left: 0px !important;
margin:0px;
color: #8a3e3f;
font-size: 1.4rem;
background-color:transparent
}
article#page-11 ul.recent_entries h4.excerpt_title_wid a{
font-weight: bold;
color: #8a3e3f
}

/* 480px以下 ＝ スマホのみ*/
@media screen and (max-width: 559px) {
.header-banner-content h2#banner_title img{
max-width: 100%
}
.dp-container.content.home.show-header{
padding-top: 0px
}
dl.insta_title{
margin-top: 6px
}
#page-7.single-article{
padding-top: 0px
}
dl.insta_title dt{
height:40px;
}
}

/*--------------------------------------------------------------
4.0 リフォーム工事
--------------------------------------------------------------*/
/*--------------------
カテゴリ別入り口ページ
---------------------*/
article.loop-article{
overflow: hidden
}

.page-id-20 article.loop-article one-col two_lines wow fadeInUp{
left: 5%
}
.page-id-20 .loop-post-thumb{
background-color:rgba(0,0,0,0)
}
.page-id-20 .loop-section.portfolio .loop-article.two_lines{
width: 45%;
margin-right: 5%;
margin-bottom: 3%
}

.page-id-20 .loop-post-thumb-flip{
width: 96%;
height: 20%;
top:40%;
left: 2%
}
.page-id-20 .loop-section.portfolio .loop-post-thumb .wp-post-image{
filter: brightness(100%)
}
.page-id-20 .loop-section.portfolio .loop-article.two_lines.one-col .loop-title{
font-size: 2.4rem;
line-height: 1;
font-weight: normal;
border-color: rgba(61,61,61,0);
text-shadow: 
        rgba(212,31,31,0.6) 1px 1px 2px, rgba(212,31,31,0.6) -1px -1px 2px,/*右下、左上*/
        rgba(212,31,31,0.6) -1px 1px 2px, rgba(212,31,31,0.6) 1px -1px 2px,/*右上、左下*/
        rgba(212,31,31,0.6) 0px 1px 2px, rgba(212,31,31,0.6)  0-1px 2px,/*右、左*/
        rgba(212,31,31,0.6) -1px 0 2px,rgba(212,31,31,0.6) 1px 0 2px;/*上、下*/
}
.page-id-20 .loop-section.portfolio .loop-article.two_lines.one-col .loop-title::before,
.page-id-20 .loop-section.portfolio .loop-article.two_lines.one-col .loop-title::after{
display: none
}
.page-id-20 .loop-section.portfolio .loop-article.two_lines.one-col .loop-title .count{
font-size: 2rem
}

/* モバイルテンプレート*/
.loop-section.portfolio .loop-article-content.mobile{
width: 87.4% !important;
text-align: left !important;
background-color: #ad2727 !important;
opacity: .7;
left: 6.3% !important;
bottom: 6.3% !important
}
@media screen and (max-width: 959px) {
.page-id-20 .loop-section.portfolio .loop-article.two_lines{
width: 100%;
}
.page-id-20 .loop-section.portfolio .loop-article.two_lines.one-col .loop-title{
font-size: 2.4rem;
text-shadow: initial;
color: #fff
}
}
/* 480px以下*/
@media screen and (max-width: 479px) {
.page-id-20 .loop-section.portfolio .loop-article.two_lines.one-col .loop-title{
font-size: 1.8rem;
}
}

/*--------------------
カテゴリ内一覧ページ
---------------------*/
/*ヘッダ部*/
.archive.category header h1.inside-title::before{
display: none
}
.archive.category header h1.inside-title{
text-align: left !important;
background-color:rgba(165,39,38,0.2);
padding: 12px 0px;
color: #333;
font-size: 2.8rem;
margin-bottom: 40px;
position:relative;
 border-radius: 10px;
}
.archive.category header h1.inside-title span.label{
font-size: 2rem;
position: absolute;
top:0;
right: 20px
}
.archive.category header h1.inside-title span.label a{
color: #fff
}.archive.category header h1.inside-title span.label a:hover{
opacity: 0.7
}

/*ループ部*/
body.category article.loop-article:nth-child(odd){
clear: left
}
body.category .loop-section.normal .loop-article{
border-bottom: none;
border-top: 1px solid rgba(170,170,170,0.48);
padding-top: 20px;
padding-bottom: 0px
}
body.category .loop-section.normal .loop-article:nth-child(-n + 2){
border-top:none
}

/*=======★560pxまでは2カラム（voicesと共通）========*/
@media screen and (min-width: 560px) {
.loop-sec-header,
.archive.category header h1.inside-title{
margin-bottom: 24px !important
}
 .loop-section.normal .loop-article.one-col {
width: calc(50% - 15px) !important;
margin-right: 15px !important;
float: left
 }
 .loop-section.normal .loop-col.one{
 width: 33% !important
 }
 .loop-section.normal .loop-col.two,
 .loop-section.normal .loop-col.three{
  width: 67% !important
 }
 .loop-section.normal .loop-article:first-child{
/* padding: 10px 0 !important;*/
 }
 .loop-section.normal .loop-col{
 overflow: hidden;
background:rgba(0,0,0,0);
 }
 .loop-section.normal .loop-article.one-col:nth-child(2n) {
margin-right: 0 !important;
margin-left: 15px !important;
 }
 .loop-section.normal .loop-post-thumb {
 width: 96%!important;
    min-height: 180px;
}
}
 
.archive.category h1.entry-title.loop-title.inside-title.normal{
text-align: left;
font-size: 2.4rem;
line-height: 1.5;
padding-bottom: 1.5%;
margin-bottom: 1.5%;
}
.archive.category h1.entry-title.loop-title.inside-title.normal a{
color: #853D3E;
}
.archive.category .loop-section.normal .loop-title::before {
display: none
}
.loop-article div.reform_request{
font-size: 1.6rem;
line-height: 1.5 !important;
margin-top: 0px;
}
.loop-article div.reform_request p.label{
margin-top: 0px;
opacity: 0.7
}

.archive.category .loop-section .more-link a{
font-size: 1.6rem
}

/*モバイルテーマ時*/
header.loop-sec-header.mobile{
text-align: center
}
header.loop-sec-header.mobile h1.inside-title{
text-align: center !important;
font-size: 2rem !important;
padding-bottom: 0px !important
}
header.mobile h1 span.label{
font-size: 1.6rem !important;
position: relative !important ;
top:0 !important;
right: 0% !important
}

body.mb-theme .loop-section.mobile {
width: 96%;
margin: 0 auto !important
}
body.mb-theme .loop-section.mobile .loop-article{
padding-top: 15px;
padding-bottom: 15px
}
body.mb-theme .loop-section.mobile .loop-article:nth-child(-n+2){
border-top: 1px solid rgba(170,170,170,0.48);
}
.loop-section.mobile .loop-article div.reform_request p.label{
font-size: 1.6rem;
margin-top: 10px;
width: 100%
}
.loop-section.mobile .loop-col.three{
clear: left;
width: 100% !important
}
body.mb-theme .archive.category .loop-section .reform_request span a{
color: #853D3E;
}
body.mb-theme .archive.category h1.entry-title.loop-title.inside-title.normal{
font-size: 2.2rem;
}


/*--------------------
個別ページ
---------------------*/
.single-post p.label.title_by_location{
font-size: 1.6rem;
padding: 6px 20px;
background-color:rgba(165,39,38,1);
margin-bottom: 21px
}
header div.title_by_location a{
display: block
}
header div.title_by_location a:hover{
opacity: 0.7
}
h1.reform_theme{
text-align: left !important;
font-size: 3.4rem !important;
color: #853D3E;
position: relative;
line-height: 1.6;
font-weight: bold;
margin: 30px 0 20px;
border-bottom: 1px dotted;
clear: both;
padding-top: 6px;
padding-bottom: 12px !important
}
h1.reform_theme::before{
display: none
}
.single-article header h1.entry-title.reform_theme span::before{
display: none
}
h1.reform_theme::after{
display: none
/*content: "";
position: absolute;
bottom: -1px;
left: 0;
width: 35%;
height: 3px;
background-color: #ad2727;*/
}

.single-post ul.recent_entries li .excerpt_div{
width: 100% !important
}
div.leftblock.remodelimg{
text-align: center
}
div.leftblock.remodelimg img{
margin: 10px 0;
border-radius: 1.5%;
}

div.reform_details{
border-bottom: #dcdcdc 1px solid;
}
div.reform_details.upper{
border-top: #dcdcdc 1px solid;
margin-top: 32px
}
div.reform_details p.label{
width: 40%
}
div.reform_details  em{
padding-left: 32px
}

div.img_beforeafter{
margin: 5% 0;
padding: 4%;
background-color: #FFF1E6;
border-radius: 5%
}
div.img_beforeafter.half{
width: 50%;
}
div.img_beforeafter table.beforeafter{
width: 100%;
margin-bottom: 0px
}
div.img_beforeafter table.beforeafter td{
display:table-cell;
border: none;
padding: 0px
}
div.img_beforeafter table.beforeafter td.image{
width: 46%;

}
div.img_beforeafter table.beforeafter td.arrow{
width: 8%;
background-image: url("images/reform/right_arrow.png");
background-repeat: no-repeat;
background-position: center center;
background-size:80% auto;
}
div.img_beforeafter table.beforeafter img{
margin: 0px;
width: 100%;
border-radius: 3%
}
div.img_beforeafter table.beforeafter div{
position: relative
}
div.img_beforeafter table.beforeafter div p img{
width: 55%
}
div.img_beforeafter table.beforeafter div p{
position: absolute;
top: 1%;
left: 1%;
margin: 0
}
.single-post .single-nav{
clear: both
}
.single-post .single-nav li a{
color: #ad2727
}.single-post .single-nav li a:hover{
text-decoration: underline
}

/*前後ナビ関連・スマホ*/
@media screen and (max-width: 560px) {
.single-post .single-article{
margin-bottom:0
}
div.img_beforeafter{
margin-bottom: 0
}
.single-post .single-nav li{
width: 100%
}
.single-nav li.right{
float: none
}
}
/*--------------------
場所別・流れページ
---------------------*/
.tag-process h4.location_index{
background-color: #ad2727;
color: #ffffff;
margin-bottom:4px
}
.tag-process div.location_notes{
font-size: 1.4rem;
line-height: 1.3;
margin-bottom: 12px
}
.process_by_location{
position: relative
}
.process_by_location .steps{
margin-bottom: 46px
}
.process_by_location .icon-down-light::before{
  position: absolute;
  font-size: 3rem;
  bottom: 120%;
  left: 10%;
  margin: auto;
}
/*--------------------------------------------------------------
5.0 概算料金 article#page-43
--------------------------------------------------------------*/
table#price_table{
font-size: 1.45rem;
line-height: 1.25;
max-width: 96%;
}
table#price_table td{
padding:10px;
}
table#price_table td.topindex{
text-align: center;
padding:6px;
background: #dcdcdc;
}
table#price_table td.price{
text-align:center;
}

table#price_table td.location_index01{background-color: #EEF6FC}
table#price_table td.location_index02{background-color: #FAEFF4}
table#price_table td.location_index03{background-color: #FFFEEE}
table#price_table td.location_index04{background-color: #EEF5EC}
table#price_table td.location_index05{background-color: #E9E6F1}
table#price_table td.location_index06{background-color: #FAEDE4}

/*スマホのみ=559px*/
@media screen and (max-width: 559px) {
table#price_table{
width: 100%
}
table#price_table td.location_index01,
table#price_table td.location_index02,
table#price_table td.location_index03,
table#price_table td.location_index04,
table#price_table td.location_index05,
table#price_table td.location_index06{
text-align: center;
}
}


/*--------------------------------------------------------------
5.0 会社案内
--------------------------------------------------------------*/

/*---------------------------
タイトル下に子ページリンク
----------------------------*/
aside.dp_related_posts.page_top{
margin-bottom: 0px;
padding-top: 12px
}
ul.child_paegs{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    padding-bottom: 0px !important;

}
ul.child_paegs li{
width: 25%;
text-align: center;
padding-top: 6px !important;
padding-left: 1px !important;
/*border-left: #fff 1px solid;*/
/*border: 1px solid #fff;*/
background-color:rgba(212,31,31,0.1);
}
ul.child_paegs li.this,
ul.child_paegs li:hover{
background-color:rgba(212,31,31,0.2) !important
}
ul.child_paegs li a{
color: #ad2727 !important;
font-size: 1.6rem;
font-weight: bold !important;
display: block;
width: 100%
}
ul.child_paegs li a:hover{
text-decoration: none !important;
}

/* 560px未満 ＝ スマホのみ*/
@media screen and (max-width: 559px) {
ul.child_paegs,
ul.child_paegs.rspoint{
display: block
}
ul.child_paegs li{
width: 100%;
text-align:left;
padding-left: 12px !important;
border-bottom: 2px solid #fff !important
}
}/* 560px未満 */

/*下部の子ページリンク*/
aside.dp_related_posts{
clear: both;
font-size: 1.6rem
}
aside.dp_related_posts.news li{
padding-top: 0px;
}
aside.dp_related_posts.news li a{
display: block;
min-height:40px;
line-height: 40px;
width: 100%
}
aside.dp_related_posts.news li.current{
display: none
}

/*４つの柱*/
div.four_pillars p{
padding-left: 124px;
background-repeat: no-repeat;
background-position: left center
}
div.four_pillars p.heart{
background-image: url("images/company/four_pillars_bg_heart.png")
}
div.four_pillars p.figure{
background-image: url("images/company/four_pillars_bg_figure.png")
}
div.four_pillars p.thought{
background-image: url("images/company/four_pillars_bg_thought.png")
}
div.four_pillars p.bonds{
background-image: url("images/company/four_pillars_bg_bonds.png")
}

/*社長あいさつ*/
div.president_message p{
text-align: left;
margin-bottom: 1.6rem
}
div.president_message span.annotation{
color: red;
font-size: 1.3rem
}
div.president_message p.signeture{
text-align: right
}
p.annotation_text{
font-size: 1.3rem;
line-height: 1.7
}
div.president_portrait{
text-align: center
}
div.president_portrait img{
width:60%;
height:60%;
}

/*★タブレット以下=960px未満=フロートせず100％*/
@media screen and (max-width: 959px) {
div.president_message img{
width:40%;
height:40%;
}
}

/*概要、沿革*/
table.company_opverview,table.company_history{
width: 73%
}
@media screen and (max-width: 959px) {
table.company_opverview,table.company_history{
width: 100%;
line-height: 1.5
}
}
table.company_history th,table.company_history td{
border: none !important
}
table.company_history th,table.company_history td{
padding-left: 0px;
vertical-align: top
}
table.company_opverview th,table.company_history th{
white-space: pre;
}
table.company_history th{
display: inline-block;
background-color: transparent
}

/*スタッフ紹介*/
table.azumi_staffs{
width: 100%;
font-size: 1.6rem;
line-height: 1.5
}
table.azumi_staffs th,table.azumi_staffs td{
vertical-align: middle;
border: none !important;
}
table.azumi_staffs th{
width: 250px;
background-color: transparent;
text-align: center;
}
table.azumi_staffs a.author_img{
width: 100%;
height:100%;
margin: 32px 0px
}
table.azumi_staffs a.author_img::before{
content: '';
position: absolute;
top: 16px;
left: -4px;
width: calc(100% - -8px);
height: calc(100% - 32px);
border-radius: 50%;
opacity: .34;
z-index: 0;
}

table.azumi_staffs div.staffs_name{
font-weight: bold;
padding-bottom: 8px;
border-bottom: 1px #999 solid
}
table.azumi_staffs div.staffs_name span.label{
font-size: 85%;
padding: 2px 10px;
}
table.azumi_staffs div.staffs_name span.label.label-lightblue{
background-color: #57BCD9
}
table.azumi_staffs div.staffs_desc{
padding-top: 8px
}
table.azumi_staffs span.author_name{
font-size: 115%;
margin-left: 0px
}
table.azumi_staffs div.qualifications{
color: #000000;
padding-bottom: 8px
}
table.azumi_staffs div.qualifications em{
color: #ad2727
}
/* 560px未満 ＝ スマホのみ*/
@media screen and (max-width: 559px) {
table.azumi_staffs th,table.azumi_staffs td{
display: block;
width: 100%
}
table.azumi_staffs a.author_img{
width: 82%;
margin-bottom: 8px
}
aside.dp_related_posts{
margin-bottom: 0px;/*子ページリンク下の空白*/
}
}/* 560px未満*/

/*アクセスマップ*/
div.accessmap{
width: 80%;
margin: 0 auto;
padding: 12px;
background-color:rgba(212,31,31,0.2);
overflow: hidden;
margin-top: 42px;
margin-bottom: 32px;
}
div.accessmap div.index{
width: 25%;
float: left;
font-weight: bold
}
div.accessmap .index img{
margin: 0 auto;
width: 100%
}
div.accessmap .index .headline{
background-color:rgba(212,31,31,0.6);
font-size:1.9rem;
color: #fff;
padding: 12px;
line-height: 1.25;
height: 100%
}
div.accessmap .index .headline span.adress{
font-weight: normal;
font-size: 85%
}
.ggmap {
width: 75%;
float: left;
position: relative;
height: 0;
padding: 30px 0 50%;
overflow: hidden;
}
.ggmap iframe{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/*西貝塚事務所 Google map javascript API用設定*/
#map-canvas {
    /*width: 500px;
	height: 300px ;*/
}
.ggmap.jsapi {
	position: relative;
	padding-top: 50%;
}
.map-container-inner {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 10;
}
.entry .gm-control-active>img{
margin-top: 0px !important
}

/* 560px未満 ＝ スマホのみ*/
@media screen and (max-width: 559px) {
div.accessmap{
width: 100%;
padding: 4px;
}
div.accessmap div.index{
width: 100%;
padding: 2px;
float: none
}
div.accessmap .index img{
padding: 3px;
width: 23%;
float: left
}
div.accessmap .index .headline{
font-size:1.6rem;
padding: 3px
}
.ggmap {
float: none;
width: 100%;
padding: 30px 0 96%;
}
}/* 559px以下*/

/*--------------------------------------------------------------
7.0 よくある質問
--------------------------------------------------------------*/
ul.faq_accordions{
margin-left: 0px !important
}
ul.faq_accordions li{
margin-bottom: 12px;
background-image: url("images/faq/faq_bg.png");
background-repeat: no-repeat;
background-position:right 10% center;
}
ul.faq_accordions li::before{
display: none
}
ul.faq_accordions p{
margin-bottom: 4px;
padding-left: 12px;
color: #a52726;
font-size: 2rem;
font-family: heisei-maru-gothic-std, sans-serif;
font-weight: 400 !important;
font-style: normal;
}
ul.faq_accordions p::before{
  content: '';/*何も入れない*/
  display: inline-block;/*忘れずに！*/
  width: 56px;/*画像の幅*/
  height: 50px;/*画像の高さ*/
  background-image:url("images/faq/icon_Q.png");
  background-size: contain;
  vertical-align: middle;
}
.faq_accordions .inner {display: none;}
.faq_accordions p{cursor: pointer; padding: 10px;}
.faq_accordions p.question{
background:rgba(102,204,102,0.2);
border-radius: 0.3em;
}
.faq_accordions .inner li{padding: 10px 0; position: relative;}
.faq_accordions .inner li .close{
padding: 6px 12px;
background: #dcdcdc;
border:1px solid #f0f0f0; 
border-radius: 10px;
position: absolute;
top:16px;right: 10px; 
font-size: 16px; 
cursor: pointer;}
.faq_accordions .inner li.answer{
background-color: rgba(51,51,51,.05);
border: 1px solid rgba(51,51,51,.09);
position: relative;
padding: 20px 20px;
margin: 0 0 20px;
border-radius: 3px;
background-image: none
}
.faq_accordions .inner li.answer dl{
margin-bottom: 0px
}
.faq_accordions .inner li.answer dl dt{
background: none;
border: none;
font-weight: normal;
padding-left: 62px;
background-image: url("images/faq/icon_A.png");
background-repeat: no-repeat;
background-position: left center;
min-height: 60px;
width: 80%
}
/* 560px未満 ＝ スマホのみ*/
@media screen and (max-width: 559px) {
.faq_accordions p.question {
padding: 10px;
font-size: 1.6rem;
padding-left: 36px;
background-image: url("images/faq/icon_Q.png");
background-repeat: no-repeat;
background-size: 28px 25px;
background-position: 10px 10px;
}
ul.faq_accordions p::before{
display: none;
}
.faq_accordions ul.inner{
margin-left: 0px
}
.faq_accordions .inner li.answer{
padding: 10px;
margin: 0
}
.faq_accordions .inner li.answer dl dt{
padding-left: 32px;
width: 100%;
background-size: 30px 27px;
background-position: left top;
}
.faq_accordions .inner li .close{
position: relative;
top:0px;
font-size: 14px;
width: 30%;
margin-left: 70%;
text-align: center
}
}/* 559px以下*/

/*--------------------------------------------------------------
8.0 お客様の声
--------------------------------------------------------------*/
.single-voices .single-article header .single-title em{
/*color:#ad2727;*/
font-weight: normal
}
h4.costomers_voices{
font-weight: normal  !important
}
/*fooギャラリー*/
.fg-default.fg-gutter-25 .fg-item{
width: 30% ;
margin-right: 3%
}
/*560px未満*/
@media screen and (max-width: 559px) {
.fg-default.fg-gutter-25 .fg-item{
width: 45% ;
margin-right: 5%
}
}
/*サイドバーのタイトル*/
ul.recent_entries h4.excerpt_title_wid{
line-height: 1.25
}
ul.recent_entries h4.excerpt_title_wid a{
font-size: 1.25rem;
color: #333
}

/*※960以下未満はギャラリーをセンター揃えに！*/
@media screen and (max-width: 959px) {
.single-voices .fg-default.fg-left{
text-align: center !important
}
/*959pX以下は「お客様の声」ギャラリーのナビゲーションのhoverを打ち消す*/
.fbx-light .fbx-close:hover,.fbx-light .fbx-close:hover:before,.fbx-light .fbx-fullscreen-toggle:hover,.fbx-light .fbx-fullscreen-toggle:hover:before,.fbx-light .fbx-next:hover,.fbx-light .fbx-next:hover:before,.fbx-light .fbx-pause:hover,.fbx-light .fbx-pause:hover:before,.fbx-light .fbx-play:hover,.fbx-light .fbx-play:hover:before,.fbx-light .fbx-prev:hover,.fbx-light .fbx-prev:hover:before,.fbx-light .fbx-social-toggle:hover,.fbx-light .fbx-social-toggle:hover:before,.fbx-light.fbx-inset-buttons .fbx-next:hover:before,.fbx-light.fbx-inset-buttons .fbx-prev:hover:before,.fbx-metro.fbx-light .fbx-credit a:hover{color:#666!important}
.fbx-metro.fbx-light .fbx-close:hover,.fbx-metro.fbx-light .fbx-fullscreen-toggle:hover,.fbx-metro.fbx-light .fbx-next:hover,.fbx-metro.fbx-light .fbx-pause:hover,.fbx-metro.fbx-light .fbx-play:hover,.fbx-metro.fbx-light .fbx-prev:hover,.fbx-metro.fbx-light .fbx-social-toggle:hover{border-color:#666!important}
}

/*--------------------------------------------------------------
9.0 ＲＳポイント制度
--------------------------------------------------------------*/
/*ポイントのしくみ*/
ul.child_paegs.rspoint{
width: 50%;
margin: 0 auto
}
ul.child_paegs.rspoint li{
width: 50%;
background-color:rgba(34,214,88,0.15);
}
ul.child_paegs.rspoint li.this,
ul.child_paegs.rspoint li:hover{
background-color:rgba(34,214,88,0.4) !important
}
ul.child_paegs.rspoint li a{
color: #339900 !important;
font-size: 1.6rem;
font-weight: bold !important;
display: block;
width: 100%
}
ul.child_paegs.rspoint li a:hover{
text-decoration: none !important;
}
/* 560px未満 ＝ スマホのみ*/
@media screen and (max-width: 559px) {
ul.child_paegs.rspoint{
width: 100%
}
ul.child_paegs.rspoint li{
width: 100%
}
}
.entry h3.rspoint{
color: #339900
}
.entry h3.rspoint::after{
background-color: #339900 !important
}
.entry h5.rspoint{
margin: 10px 0px 0px 0px;
background: none;
color: red;
padding-left: 0px !important
}
div.rspoint_desc{
overflow: hidden;
display: flex;
line-height: 1.75;
border-bottom: 1px rgba(61,61,61,.4) dotted;
padding-bottom: 32px;
margin-bottom: 24px
}
div.rspoint_desc:last-child{
border-bottom: none
}
div.leftblock_rspoint{
width: 28%;
min-width: 280px;
}
div.rightblock_rspoint{
width: 72%
}
div.rightblock_rspoint.renewal p{
margin-bottom: 8px
}
a.btn.btn-blue.rspoint{
padding: 4px 12px !important;
margin: 0px !important
}
div.leftblock_rspoint span.label{
font-size: 1.8rem
}
div.leftblock_rspoint{
background-repeat: no-repeat;
background-position: right center
}
div.leftblock_rspoint.savings{
background-image: url( "images/rs_point/bg_savings.png");
background-position: right bottom
}
div.leftblock_rspoint.exchange{
background-image: url("images/rs_point/bg_exchange.png");
}
div.leftblock_rspoint.exchange.renewal{
background-position: right bottom
}
div.leftblock_rspoint.paying{
background-image:url("images/rs_point/bg_paying.png")
}
div.rightblock_rspoint table.point_sample{
margin-top: 6px;
}
div.rightblock_rspoint table.point_sample tr{
border: red 1px solid
}
div.rightblock_rspoint table.point_sample::before{
	content: '';
	display: block;
	position: absolute;
	top: 100%; 
	width: 100%;
	height: 35px;
	background: url( "images/rs_point/dawnn_arrow.png") no-repeat 50% 50%; 
}
div.rightblock_rspoint table.point_sample td{
border: none;
padding: 8px 20px
}
div.rspoint_notes{
padding-left: 28%
}
div.rspoint_caution2022{
border: red dotted 2px;
border-radius: 8px;
padding: 12px;
text-align: center;
max-width: 790px;
margin: 0 auto
}
div.rspoint_terms{
display: none;
font-size: 1.4rem;
line-height: 1.5;
overflow: hidden
}
div.rspoint_terms h4{
font-size: 1.6rem;color: green;
background-color: rgba(0,0,0,0.08);
margin: 0 0 6px 0;
border-bottom: 1px #dcdcdc dotted
}
div.rspoint_terms h5{
margin: 10px 0 4px 0;
padding-left: 0px !important;
line-height: 1.6rem;
background-color: rgba(0,0,0,0.0);
}
div.rspoint_terms .terms_paragraph{
margin-bottom:24px
}
div.rspoint_terms .terms_paragraph ul{
list-style: decimal;
padding: 0px;
}
div.rspoint_terms .terms_paragraph ul li{
line-height: 1.5;
padding: 0px;
}
div.rspoint_terms .terms_paragraph ul li::before{
display: none
}
div.rspoint_terms .terms_paragraph ul.itemization{
list-style: disc;
}
div.rspoint_terms .box{
line-height: 1.5
}
div.rspoint_terms .box p.privacy_protection{
color: red;
margin-bottom: 4px
}

/* 560px未満 ＝ スマホのみ*/
@media screen and (max-width: 559px) {
div.rspoint_desc{
display: block
}
div.leftblock_rspoint,div.rightblock_rspoint{
width: 100%;
background-size: contain
}
div.rspoint_notes{padding-left: 0px}
}

/*==============================
ＲＳポイントカタログ・2022修正
================================*/
/*このページのみ背景を透過させない*/
body.page-id-2611 #container{
background-color: rgba(255,255,255,1);
}

/*カテゴリージャンプ*/
.category_junmp{
display: flex;
flex-wrap: wrap
}
.category_junmp a{
margin-right: 32px
}
.category_junmp a::before{
content:"";
display: inline-block;
width: 28px;
height:28px;
background: url("images/rs_point/rs_catalog/point_numbers_index.png") no-repeat;
background-size: contain;
margin-right: -2px;
transform: translateY(7px);
}

/*カテゴリー帯*/
.entry h5.rs_catalog_index{
font-size: 1.6rem;
padding: 4px 0px;
color: #333
}
.entry h5.rs_catalog_index m{
font-size: 2.2rem;
}
h5#p1{
background-color:#EDE8E4
}
h5#p1000{
background-color:#DBEBFF
}
h5#p2000{
background-color:#D1EDD3
}
h5#p3000{
background-color:#E9E9C0
}
h5#p4000{
background-color:#EEDCC8
}
h5#p5000{
background-color:#E8E0ED
}
h5#p6000{
background-color:#F3D4D3
}
h5#p7000{
background-color:#D8F4F5
}
h5#p8000{
background-color:#F7F1B2
}
h5#p9000{
background-color:#E0E5F3
}
h5#p10000{
background-color:#FCE5D7
}


/*個別要素*/
.rs_catalog_list{
display: flex;
flex-wrap: wrap;
align-items: flex-end;
}
.rs_catalog_article{
position: relative;
text-align: left;
margin-top: 0px;
margin-bottom: 24px;
padding-bottom: 4px;
} 
.rs_catalog_article .image{
margin-bottom: 8px
}
/*「1ポイント〜」のみ別扱い*/
.rs_catalog_article.p1{
margin: 0 auto;
}
/*Floatまとめ*/
.rs_catalog_article .title_block,
.rs_catalog_article .comment{
float: left
}
.rs_catalog_article .image{
float: right
}
.rs_catalog_article .sponsor{
clear: both
}
/*比率まとめ*/
.rs_catalog_article .title_block{
width: 60%
}
.rs_catalog_article .image{
width: 40%
}
.rs_catalog_article .comment{
width: 100%
}
.rs_catalog_article.p1 .title_block,
.rs_catalog_article.p1 .image,
.rs_catalog_article.p1 .comment{
width: 50%;
}

/*カラム数＆サイズ調整*/
/*1200px以上 = 3カラム*/
@media screen and (min-width: 1200px) {
.rs_catalog_article.p1{
width: 50%
}
article.rs_catalog_article{
width:31.333333%;
}
article.rs_catalog_article:nth-child(3n-1){
	margin-right:3%;
	margin-left:3%;
}
}
/* 1200p未満 ＝ 2カラム*/
@media screen and (max-width: 1199px) {
article.rs_catalog_article{
width: 50%;
}
article.rs_catalog_article:nth-child(odd){
padding-right: 16px
}
article.rs_catalog_article:nth-child(even){
padding-left: 16px
}
.rs_catalog_article.p1{
width: 70%
}
}
/* 1220px未満 ＝ P1のテキストを下に*/
@media screen and (max-width: 1219px) {
.rs_catalog_article.p1 .comment{
width: 100%
}
}
/* 560px未満 ＝ スマホ＝ 1カラム*/
@media screen and (max-width: 559px) {
article.rs_catalog_article,
article.rs_catalog_article.p1{
width: 100%;
margin: 0 auto;
}
article.rs_catalog_article:nth-child(odd){
padding-right: 0px
}
article.rs_catalog_article:nth-child(even){
padding-left: 0px
}
}

/*共通要素*/
.point_number{
text-align: left;
font-size: 1.8rem;
height: 38px;
line-height: 38px;
margin-bottom: 16px;
}
.point_number span.kana{
font-size: 1.3rem;
}
.point_number::before{
content:"";
display: inline-block;
width: 32px;
height:32px;
background: url("images/rs_point/rs_catalog/point_numbers_index.png") no-repeat;
background-size: contain;
margin-right: -2px;
transform: translateY(9px);
}
.rs_catalog_article .title{
font-size: 1.8rem;
font-weight: bold;
line-height: 1.3;
margin-bottom: 16px;
}
.rs_catalog_article .comment{
line-height: 1.5;
font-size: 1.6rem;
text-align: left;
margin-bottom: 8px
}
.rs_catalog_article .sponsor{
font-size: 1.4rem;
text-align: center;
background-color: #eee;
font-weight: bold;
margin-bottom: 8px
}
.rs_catalog_article img{
padding-left: 8px;
margin: 0px;
margin-top: 0px !important;
margin-bottom: 0px !important
}
.rs_catalog_footnote{
margin-top: 32px;
padding-top: 16px;
border-top: 1px #666 solid;
line-height: 1.5
}
/* 560px未満 ＝ スマホ*/
@media screen and (max-width: 559px) {
.entry h5.rs_catalog_index{
text-align: center;
padding: 6px 0px !important;
margin-left: -10px;
margin-right: -10px
}
.rs_catalog_article .sponsor{
font-size: 1.3rem
}
}


/*--------------------------------------------------------------
10.0 いどばた通信
--------------------------------------------------------------*/
/*アイキャッチを背景にしない*/
body.single-idobata_tsushin div#header-banner-inner{
background-image:none !important
}

/*一見出しのｈ1（voicesと共通）*/
body.post-type-archive-idobata_tsushin h1.loop-title,
body.post-type-archive-idobata_tsushin h1.idotsu_loop-title,
body.post-type-archive-voices h1.loop-title{
font-weight: normal !important;
padding: 6px 0px !important;
background-color: #D88081;
margin-bottom: 3% !important
}
body.post-type-archive-idobata_tsushin h1.idotsu_loop-title a{
text-align: center;
font-size: 1.8rem;
font-weight: bold;
display: block
}
body.post-type-archive-idobata_tsushin h1.loop-title a,
body.post-type-archive-idobata_tsushin h1.idotsu_loop-title a,
body.post-type-archive-voices h1.loop-title a{
color: #fff;
}

/*アーカイブのアイキャッチ画像サイズ*/
body.post-type-archive-idobata_tsushin div.loop-post-thumb:first-child{
	width: 100%;
	height: 90% !important;
}
/*シャドウをつける*/
body.post-type-archive-idobata_tsushin div.azumi-loop-thumbnail{
filter: drop-shadow(1.8px 1.8px 1.8px rgba(0,0,0,0.3));
}
/*上下感覚*/
body.post-type-archive-idobata_tsushin .azumi-loop-div{
margin-bottom: 40px
}
/*マウスオンギミック*/
body.post-type-archive-idobata_tsushin .azumi-loop-div a:hover {
opacity: 0.7;
transition: opacity 1s;
}

/*いど通テンプレートのループ部：960pxまでは2カラムにする
★★★voicesと共通★★★（スマホファースト）*/
article.azumi-loop{
height: auto;
width: 100%;
padding-bottom: 30px;
overflow: hidden
}
.azumi-loop-div{
width: 90%;
margin: 0 auto
}
.idotsu_loop .azumi-loop:nth-child(odd){
clear: left
}

/*wp-pagenaviのカスタマイズ*/
.wp-pagenavi {
	clear: both;
	text-align:center;

}
.wp-pagenavi a, .wp-pagenavi span {
	color: #999;
	background-color: #FFF;
	border: solid 1px #e0e0d2;
	padding: 8px 15px;
	margin: 0 2px;
	white-space: nowrap;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	text-align: center;
	text-decoration:none;
}
.wp-pagenavi a:hover{
    color:#FFF; 
    background-color:#999; 
    border-color:#999;
    }
.wp-pagenavi span.current{
	color: #FFF;
	background-color: #D88081;
	border-color: #D88081;
	font-weight: bold;
    }
    
.azumi-loop-content h1{
text-align: center;
}
/*サイドバー項目*/
ul.recent_entries,
ul.recent_entries.mobile{
text-align: center
}
ul.recent_entries li:first-child{
border-top: 1px solid rgba(170,170,170,0.48);
}
.inside-title:before{
display: none
}

h3.inside-title{
margin-bottom: 0px !important
}

/*560px以上=タブレット*/
@media screen and (min-width: 560px) {
article.azumi-loop{
width: 50%;
float: left
}
}
/*1024pxx以上=タブレット横*/
@media screen and (min-width: 1024px) {
.azumi-loop-content h1{
font-size: 1.8rem
}
}
/*560px未満 =スマホ*/
@media screen and (max-width: 559px){
.azumi-loop-content h1{
font-size: 1.6rem;
font-weight: bold
}
article.azumi-loop{
padding-bottom: 16px
}
iframe.wonderplugin-pdf-iframe{
height: 400px
}
}


/*--------------------------------------------------------------
11.0 お問合せ
--------------------------------------------------------------*/
.entry span.contact_us_highlight{
font-size: 2.1rem;
font-weight: bold;
color:#ad2727;
}
.entry .feel_free_to_call{
margin-top: 12px;
}
.entry .feel_free_to_call .menu_tel{
 padding: 12px;
 color: #000;
 border: 2px solid #ad2727; /*線の太さ・色*/
 background-color: #fff; /*背景色*/
 box-shadow: -1px 3px 3px #e8d3c7; /*影*/
 border-radius: 6px; /*角の丸み*/
}
.entry .feel_free_to_call a{
vertical-align: middle;	
color: red !important;
font-weight: bold !important;
font-size: 2.2rem
}
/*入力制限*/
input.wpcf7-validates-as-email,
input.tel_fax,
input.p-postal-code{
ime-mode: inactive;
}
/*タブレット以下=960px未満*/
@media screen and (max-width: 959px) {
.entry .feel_free_to_call{
text-align: center;
line-height: 1.25;
 padding: 4px;
 color: #000;
 border: 2px solid #ad2727; /*線の太さ・色*/
 background-color: #fff; /*背景色*/
 box-shadow: -1px 3px 3px #e8d3c7; /*影*/
 border-radius: 6px; /*角の丸み*/
}
.entry .feel_free_to_call .menu_tel{
 padding: 0px;
 border: none;
 box-shadow:none; 
}
}
/*送信フォーム*/
button, input, select, textarea {
font-family : inherit;
font-size : 100%;
}
.wpcf7-form dl{
width: 80%;
display: flex;
flex-wrap : wrap;
}
.wpcf7-form dl dt{
font-weight: normal;
width: 20%;
padding: 8px 12px;
font-size: 1.5rem
}
.wpcf7-form dl dd{
width: 80%
}
.wpcf7-form span.required{
color: red;
font-size: 1.2rem;
font-weight: bold
}
.wpcf7-form input[type="text"], .wpcf7-form input[type="password"], .wpcf7-form input[type="email"], .wpcf7-form input[type="url"], .wpcf7-form input[type="tel"], .wpcf7-form input[type="submit"], .wpcf7-form textarea {
font-size: 1.6rem !important;
height: 34px;
line-height: 2;
padding: 0 8px;
}
.wpcf7-form textarea{
height: 160px
}
input[type=text] {
	font-size: 100%;
}
textarea {
	font-size: 100%;
}
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], input[type="submit"], .uneditable-input{
padding: 0px !important;
}
input.p-postal-code{
width: 6rem;
text-align: center
}
input.p-street-address{
/*width: 70%*/
}
.wpcf7-form input[type="submit"],.wpcf7-form input[type="button"]{
width: 280px !important;
font-size: 1.8rem !important;
line-height: 1.8rem;
padding:6px 0px !important;
border: none !important}
.entry input[type="submit"]{
background-color: rgba(212,31,31,0.7)  !important;
}.wpcf7-form input[type="submit"]:hover{
background-color: rgba(212,31,31,0.6)  !important
}
.entry input[type="button"]{
line-height: 1.8rem;
color: #fff;
padding:6px 0px !important;
background-color:rgba(0,111,245,0.9) !important;
}.wpcf7-form input[type="button"]:hover{
background-color: rgba(0,111,245,0.8)  !important
}
.wpcf7c-conf{
background-color: #dcdcdc
}

/*スマホのみ=559px*/
@media screen and (max-width: 559px){
.wpcf7-form dl{
width: 100%;
display: block
}
.wpcf7-form dl dt,.wpcf7-form dl dd{
width: 100%
}
.wpcf7-form dl dt{
padding: 0 12px
}
.wpcf7-form dl dd{
border: none;
padding: 0px 0px 12px 0px;
}
span.your-zipcode1,span.your-zipcode2{
display: inline !important
}
input.p-postal-code{
width: 25% !important;
display: inline !important
}
}
/*--------------------------------------------------------------
12.0 　工事の流れ
--------------------------------------------------------------*/
p.reform_process_intro{
text-align: center
}
.reform_process{
width: 100%
}
.reform_process .chapter{
display: flex;
}
.reform_process .chapter .steps{
width: 18%;
background-image: url("images/reform_steps/chapter-line.png");
background-repeat: no-repeat;
background-position: bottom center;
white-space: nowrap
}
.reform_process .chapter .steps.last{
background: none
}
.reform_process .chapter .steps .label{
width: 100%;
font-size: 2.1rem;
margin: 0px;
}
.reform_process .chapter .caption{
  width:75%;
padding-left: 18px;
padding-bottom: 60px
}
.reform_process .chapter .caption h3{
line-height: 1.3;
padding-top: 0px;
padding-bottom: 4px;
margin-top: 0px
}
/*スマホのみ=559px*/
@media screen and (max-width: 559px) {
p.reform_process_intro{
text-align: left
}
.reform_process .chapter{
display: block;
position: relative
}
.reform_process .chapter .steps{
width: 100%;
background: none
}
.reform_process .chapter .caption h3{
padding-top: 10px;
margin-bottom: 6px
}
.reform_process .chapter .steps .label{
width: 40%;
padding: 0px 24px
}
.reform_process .chapter .caption{
line-height: 1.75;
width: 100%;
padding-left: 0px
}
.reform_process .chapter .caption::after{
content:"";
position: absolute;
height: 62px;
width: 40%;
bottom: -3px;
left:  0%;  
background-image: url("images/reform_steps/chapter-line.png");
background-repeat: no-repeat;
background-position: bottom center;
}
.reform_process .chapter .caption.last::after{
display: none
}
}

/*--------------------------------------------------------------
13.0 　お知らせ
--------------------------------------------------------------*/
body.single-news #content.content{
width: 85%;
}

body.single-news h1.entry-title.single-title{
text-align: left;
margin-bottom: 0px;
padding-bottom: 6px;
border-top: 8px solid;
padding-top: 12px;
border-color:rgba(212,31,31,0.2) 
}
body.single-news .single-article .single_post_meta{
padding-top: 0px;
border-color:rgba(212,31,31,0.2) 
}
body.single-news .single-article header h1.entry-title span::before,
body.single-news h1.entry-title.single-title::before {
display: none
}
body.single-news .single-article .single_post_meta:not(.bottom){
text-align: left
}

body.single-news .dp_related_posts h3.inside-title,
body.single-news .dp_related_posts .more-entry-link,
body.single-news .dp_related_posts.news .meta-date{
display: none
}
body.single-news aside.dp_related_posts.news li a{
font-size: 1.8rem
}