/*font設定*/
div h1, div h2, div h3, div h4, div h5, div h6{font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
margin-top: 30px;}
p, li, span, div, .widget_search .search-form input[type="search"] {font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}
td p, main article td p:last-of-type {font-family: initial;margin-bottom: 0;}
div h1{margin-top: 5px;}
/*アイキャッチ非表示*/
.page-id-3194 .featured-post, .page-id-3353 .featured-post, .page-id-2475 .featured-post, .page-id-3372 .featured-post,
.page-id-3380 .featured-post, .page-id-3386 .featured-post, .page-id-3391 .featured-post, .page-id-3396 .featured-post,
.page-id-2654 .featured-post, .page-id-3359 .featured-post, .page-id-3502 .featured-post, .page-id-3849 .featured-post{display: none;}

/*固定ページでのrelatedposts表示*/
.display-rp{display: none;}
.page-id-2475 .display-rp, .page-id-3372 .display-rp,
.page-id-3380 .display-rp, .page-id-3386 .display-rp, .page-id-3391 .display-rp, .page-id-3396 .display-rp,
.page-id-2654 .display-rp{display: block;}

/*h1非表示*/
.page-id-3194 .categoryTitle, .page-id-3353 .categoryTitle{display: none;}

/*hタグデザイン*/
h1.entry-title {font-size: 2.5rem;padding: 25px 0;border-bottom: 1px solid #ccc;border-top: 1px solid #ccc;}
div h2 {padding: 20px;padding-left:0; border-top:3px solid #4faf73;border-bottom:3px solid #4faf73;}
.display-pc h2.topH2 span {border-bottom: 1px solid #50ae72;}
div h3 {border-left: 6px solid #4faf73;padding: 10px;padding-left:10px;border-bottom: 1px solid #4faf73;font-weight: 600;}
div h4 {border-bottom: 2px dotted #4faf73;padding-bottom: 5px;padding-left: 5px;}
div h5 {color: #4faf73;}
@media only screen and (max-width:414px){
/*h1*/
h1.entry-title {font-size: 1.9rem;padding-left: 3px;margin-top: 0;}
div h2{padding: 10px;font-size: 20px;}
div h3{font-size: 20px;}
div h4{font-size: 17px;margin-left: 0;}
}
.widget .widget-title:before{display: none;}
.widget .widget-title:after{display: none;}

/*img border*/
.qwq{border: 2px solid #ccc;}
/*img hover*/
a img:hover{opacity: 0.8;}

/*トップロゴ調整*/
.header #logo{margin-bottom:5px;padding-top:5px;padding-left: 0;}

/*footer*/
div.footer_background:before {background-color: #fff;}/*footerのロード前背景色*/
footer.footer{background:url(/wp-content/uploads/2018/01/RP_footer_bg.png);/*background-repeat: no-repeat;*/background-size: contain;padding-top: 10px;padding-bottom: 10px;}
@media only screen and (max-width:799px){footer.footer{padding-top:10px;margin-bottom: -50px;}div.bottom{margin-bottom: 20px;padding-top: 10px;}}

/*footer bottom*/
div.bottom {padding-top: 10px;padding-bottom: 0px;}
.copyright img {width: 100px;}



/*丸アイコンメニュー*/
.menu-contener{display:flex;-webkit-justify-content: space-around; /* Safari */justify-content:space-around;}
.menu-contener2 {display: flex;width: 50%;-webkit-justify-content: space-around;justify-content: space-around;}
@media only screen and (max-width:799px){.menu-contener2 {width: 100%;}.menu-contener{-webkit-flex-direction: column;flex-direction: column;}}
.menu-box a:hover {opacity: 0.8;}
.menu-box{position:relative;text-align: center;}
.menu-box p{position:absolute;top:40%;text-align:center;margin: auto;color:#fff;font-weight:bold;width:100%;font-size:2rem;}
@media only screen and (max-width:799px){.menu-box p{font-size: 1.7rem;}}
/*丸アイコン モバイルでの長押し保存を防ぐ*/
.menu-box img, .concept-box img{touch-callout: none;user-select: none;-webkit-touch-callout: none;-webkit-user-select: none;-moz-touch-callout: none;-moz-user-select: none;}
@media only screen and (max-width:799px){.menu-box img{width: 86%;margin-bottom: 5px;}.menu-box a p {font-size: 15px;}}

/*concept menu*/
.concept-contener{display:flex;-webkit-justify-content: center; /* Safari */justify-content:center;}
@media only screen and (max-width:799px){.concept-contener{display:none;}.pickupContDis{display: none;}}
.concept-box{position:relative;background:url(/wp-content/uploads/2017/08/RP_policyIcon.png);width:251px;height:194px;margin:0 20px;}
@media only screen and (max-width:799px){.concept-box{margin:0 auto;}}
.conceptTxtBox{width:251px;position:absolute;top:25%;display:flex;-webkit-flex-direction: column; /* Safari */flex-direction:column; text-align:center;}
.conceptTxt{font-size:30px;color:#fff;font-weight:bold;margin-bottom: 20px;} 

/*slider custom*/
.wpb_wrapper .flexslider {box-shadow: initial; margin-bottom: 0; border:initial;}
.wpb_wrapper .wpb_gallery_slides .flex-direction-nav li a.flex-next{right:10px;}
@media only screen and (max-width:799px){.wpb_wrapper .wpb_gallery_slides .flex-direction-nav li a.flex-next{right:0;}}

/*footer Contents menu icon*/
.footer-menuBox{display:flex;-webkit-align-items: center; /* Safari */align-items:center;}#contentsIcon{width:55px;height:55px;background:url(/wp-content/uploads/2017/08/RP_footerMenuIcon.png);background-repeat:no-repeat;background-size: cover;}
.footer-menuBox h5{font-size:20px;font-weight:600;color:#14ae67;margin:0;margin-left:10px;}
/*footer list style*/
.widget ul.footer-li {list-style: none;margin-left: 10px;margin-right: 20px;}

.footer-liBox{display:flex;-webkit-justify-content: flex-start; /* Safari */justify-content:flex-start;}
.widget ul.footer-li a {font-size: 1.5rem;color: #333;font-weight: 500;line-height: 2;}
@media only screen and (max-width:799px){.footer-liBox{display:initial;}.widget ul.footer-li{margin-left: 15px;margin-right: 0;}.widget ul.footer-li a{line-height: 1.5;font-size: 1.5rem;}}

/**TOPconcept**/
/*concept Title*/
.conceptFlex {display: flex;-webkit-justify-content: center;justify-content: center;}
.conceptTitle{margin-bottom:30px;}
@media only screen and (max-width:799px){.conceptTitle{margin-bottom:0px;}.conceptFlex{margin-bottom: 10px;}}
/*conceptTitleBox*/
.conceptTitleBox{display:flex;-webkit-align-items: center; /* Safari */align-items:center;}
#contentsIcon2{width:50px;height:50px;background:url(https://rakurakupaint.com/wp-content/uploads/2017/08/RP_footerMenuIcon.png);background-repeat:no-repeat;background-size:cover;}
.conceptTitleBox h2{color:#14ae67;margin:0;margin-left:10px;border-bottom:4px dotted #14AE67;border-top: none;padding: 0;}
@media only screen and (max-width:799px){.conceptTitleBox h2{font-size: 2rem;margin-top: 30px}}

/*concept contenner*/
.conceptContenner{display:flex;-webkit-justify-content: space-around; /* Safari */justify-content:         space-around;}
/*conceptBox*/
.conceptBox {padding: 15px 5px 0;width: 32%;height: auto;margin-bottom: 20px;box-shadow: 0px 2px 5px;border-radius: 8px;background: #f08d8d8a;}
.conceptBox:hover {opacity: 0.8;}
@media only screen and (max-width:799px){.conceptBox{height:130px; padding-top:3px;}}
/*リンク・文字設定*/
.conceptBox a, .conceptBox p{padding:0;margin:0;text-decoration:none;}
/*コンセプト名*/
.conceptName{text-align:center;color:#da4127;font-weight:bold;font-size:2.5rem;}
@media only screen and (max-width:799px){.conceptName{font-size:1.8rem;}}
/*コンセプト　キャッチ*/
p.conceptSub{text-align:center;font-weight:bold;color:#333;margin-bottom:10px;}
@media only screen and (max-width:799px){p.conceptSub{margin-bottom:5px; font-size: 1.5rem;}}
/*コンセプト　概要*/
p.conceptDis{border:1px solid #ddd;padding:10px;margin-bottom:0px;color:#656565;border-radius:5px;background:#fff;font-size: 90%;}
@media only screen and (max-width:799px){p.conceptDis{padding:5px;font-size: 1.3rem;}}

/*conceptBox2*/
.conceptBox2 {width: 33%;height: 200px;position: relative;    margin-bottom: 40px;}
p.ccpt-btnBox.btnAb {position: absolute;bottom: 0;right: 0;margin-bottom: 0;border-radius: 5px;width: 100%;}
.btnAb a.ccpt-btn {padding: 5px 10px;background: #fff;}
.conceptBg {height: 100%;text-align: center;}

.conceptBox2.ccptb1{background: url(https://rakurakupaint.com/wp-content/uploads/2017/12/ccpt1-1000x668.png);}
.conceptBox2.ccptb2{background: url(https://rakurakupaint.com/wp-content/uploads/2017/12/ccpt2-1000x668.png);}
.conceptBox2.ccptb3{background: url(https://rakurakupaint.com/wp-content/uploads/2017/12/ccpt3-1000x668.png);}
.conceptBox2.ccptb4{background: url(https://rakurakupaint.com/wp-content/uploads/2017/12/ccpt4-1000x668.png);}
.conceptBox2.ccptb5{background: url(https://rakurakupaint.com/wp-content/uploads/2017/12/ccpt5-1000x668.png);}
.conceptBox2.ccptb6{background: url(https://rakurakupaint.com/wp-content/uploads/2017/12/ccpt6-1000x668.png);}
.conceptBox2.ccptb1,.conceptBox2.ccptb2, .conceptBox2.ccptb3, .conceptBox2.ccptb4, .conceptBox2.ccptb5, .conceptBox2.ccptb6{background-size:contain;background-repeat: no-repeat;background-position: center;}

.conceptTitle2 {font-size: 3rem;color: #fff;font-weight: 500;background: #ffffffbd;padding-bottom: 15px;padding-top: 15px;width: 80%;margin-left: auto;margin-right: auto;}
.conceptBox2.ccptb1 .conceptTitle2{text-shadow: 0px 0px 10px #ff2600;}
.conceptBox2.ccptb2 .conceptTitle2{text-shadow: 0px 0px 10px #ffcb00;}
.conceptBox2.ccptb3 .conceptTitle2{text-shadow: 0px 0px 10px #67e200;}
.conceptBox2.ccptb4 .conceptTitle2{text-shadow: 0px 0px 10px #008bff;}
.conceptBox2.ccptb5 .conceptTitle2{text-shadow: 0px 0px 10px #00dcd7;}
.conceptBox2.ccptb6 .conceptTitle2{text-shadow: 0px 0px 10px #f16c00;}
.conceptDis2 {font-weight: 500;background: #ffffffbd;}

/*pickupCont*/
/*pickupCont 大枠*/
.pickupCont{width:100%;}

/*pickupヘッダー*/
.pickupHead{display:flex;-webkit-align-items: baseline; /* Safari */align-items:baseline;border-bottom:1px solid #bbb;margin-bottom:0;}
/*アイコン h2*/
.pickupIcon{color:#7998c4;margin-right:5px;margin-left:10px;}
h2.pickupH2{color:#7998c4;margin-bottom:5px;}
@media only screen and (max-width:799px){h2.pickupH2 {font-size: 2rem;}}
i.fa.fa-paint-brush.fa-lg.pickupIcon {font-size: 30px;}
/*pickupBox*/
.pickupContBox{border-bottom:1px dotted #656565;padding-top:6px;padding-bottom:6px;}
/*pickupLinkレイアウト*/
.pickupLink{display:flex;-webkit-align-items: center; /* Safari */align-items:center;text-decoration:none;}
/*イメージ画像*/
.pickupContImg1{  background:url(https://rakurakupaint.com/wp-content/uploads/2017/08/RP_pickupimg1.png);}
.pickupContImg2{  background:url(https://rakurakupaint.com/wp-content/uploads/2017/08/RP_pickupimg2.png);}
.pickupContImg3{  background:url(https://rakurakupaint.com/wp-content/uploads/2017/08/RP_pickupimg3.png);}
.pickupContImg4{  background:url(https://rakurakupaint.com/wp-content/uploads/2017/08/RP_pickupimg4.png);}
.pickupContImg5{  background:url(https://rakurakupaint.com/wp-content/uploads/2017/08/RP_pickupimg5.png);}
.pickupContImg1, .pickupContImg2, .pickupContImg3, .pickupContImg4, .pickupContImg5{width:6%;height:70px;background-repeat:no-repeat;background-size:cover;margin:0 2%;}
@media only screen and (max-width:799px){.pickupContImg1, .pickupContImg2, .pickupContImg3, .pickupContImg4, .pickupContImg5{width: 52px;height:51px;margin-left: 0;}}

/*右側概要*/
.pickupContR{width:83%;}
.pickupContTitle{font-weight:500;color:#333;font-size: 1.8rem;}
@media only screen and (max-width:799px){.pickupContTitle{font-size: 1.6rem;color: #3f5490;font-weight: 600;}}
.pickupContDis{font-size:1.5rem;color:#656565;}
.pickupContBox:hover {background: #cbecde;}

/*aタグ*/
article .main-post a, .row a {color:#da4127;font-weight: 500;}
@media only screen and (max-width:414px){article .main-post a, .row a {color: #3f5490;}}

article .main-post a:hover, .row a:hover {color: #18ba60;text-decoration: none;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}

/*Shortcodes Ultimate 記事一覧カスタム*/
h3.su-post-title a {font-weight: 600;}
.wpb_wrapper .su-posts-default-loop .su-post{border-bottom: 1px solid #ccc;padding-bottom: 0.5em;margin-bottom: 1em;}
@media only screen and (max-width:799px){.wpb_wrapper .su-posts-default-loop .su-post{margin-bottom: 0.5em;}}
.wpb_wrapper .su-posts-default-loop .su-post-thumbnail{display:flex;border: 1px solid #f0f0f0;-webkit-align-items: center;align-items: center;width: 120px;}
.wpb_wrapper .su-posts-default-loop .su-post-thumbnail img{ max-width: 118px;}
@media only screen and (max-width:799px){.wpb_wrapper .su-posts-default-loop .su-post-thumbnail{width: 100px;height:85px;}.wpb_wrapper .su-posts-default-loop .su-post-thumbnail img{ max-width: 98px;max-height: 85px;}}
.wpb_wrapper .su-posts-default-loop h3.su-post-title{font-size: 1.6rem;font-weight: 500;border: none;padding: 0;margin-top: 15px;}
@media only screen and (max-width:799px){.wpb_wrapper .su-posts-default-loop h3.su-post-title{font-size: 1.6rem;}}
.wpb_wrapper .su-post-excerpt {font-size: 1.5rem;}
@media only screen and (max-width:799px){.wpb_wrapper .su-post-excerpt {font-size: 1.1rem;}}
.wpb_wrapper .su-posts-default-loop .su-post-meta{display: none;}
.wpb_wrapper a.su-post-comments-link{display: none;}

/*投稿ページのタイトル*/
article .entry-title{font-size: 28px; font-weight: 500;}

/*カテページ表示*/
.blog-archive.blog-list-small .featured-post, .search-results .featured-post{width: 200px;margin-bottom: 5px;}
.blog-archive.blog-list-small article {padding-bottom: 10px;margin-bottom: 20px;}
.blog-archive .entry-title, .search-results .entry-title{padding: initial;font-size: 2rem;margin-bottom: 10px;margin-top: 0px;font-weight: bold;border: none;}
@media only screen and (max-width:414px){.blog-archive .entry-title, .search-results .entry-title{font-size: 1.5rem;}}
.search-results article {padding-bottom: 20px;margin-bottom: 20px;}
.search-results .featured-post {margin-right: 30px;float: left;}
.search-results .content-post {display: flex;-webkit-flex-direction: column;flex-direction: column;}

@media only screen and (max-width:799px){.search-results .featured-post{margin-right: 0;float: initial;width: 100%;}}

/*アイキャッチページのリンクOFF*/
article.blog-post .featured-post a {pointer-events: none;user-select: none;}
article.blog-post .entry-border .featured-post a {pointer-events: initial;}

/*文字選択字（ドラッグ）の背景色*/
::selection {background: rgb(107, 170, 215)!important;}
::-moz-selection {background:rgb(107, 170, 215)!important; }/* Firefox */

/*mainnav header*/
.nav-wrap #mainnav ul li a{font-size: 1.6rem;font-family: "Avenir Next", Verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", 游ゴシック, "Yu Gothic", メイリオ, Meiryo, Osaka, sans-serif;height: 65px;
    line-height: 95px; font-weight: 500;color: #000;}
.nav-wrap #mainnav > ul > li {padding-left: 8px;padding-right:8px; margin-left: 0;padding-bottom: 10px;}
#header.header-sticky:not(.header-style2):not(.header-style4):not(.header-style5) #mainnav > ul > li > a{line-height: 95px;}
#header #mainnav > ul > li > a:hover, #header #mainnav > ul > li.current-menu-item > a {color: #009eb1!important;}


/*.nav-wrap #mainnav > ul > li:hover {background: #68c68e4d;}*/
div.show-search a{margin: 22px 0 23px;}

/*スマホ表示*/
.sp-disp{display:none;}
@media only screen and (max-width:799px){.sp-disp{display:block;}}

main article .featured-post {margin-bottom: 40px;}

/*内部リンクデザイン*/
div.link {background-color: rgba(230, 119, 29, 0.2);padding: 3px 10px 3px 2px;margin-bottom:15px;margin-right: 10px;display: -webkit-inline-box;font-family: "Avenir Next", Verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", 游ゴシック, "Yu Gothic", メイリオ, Meiryo, Osaka, sans-serif}
div.link a{font-size: 90%;font-family: "Avenir Next", Verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", 游ゴシック, "Yu Gothic", メイリオ, Meiryo, Osaka, sans-serif}
div.link:before {content: "\f0c1";font-size: 85%;color: #e6771d;font-family: FontAwesome;padding-right: 5px;padding-left: 5px;line-height: 1;}
a img {color: #fff;}
@media only screen and (max-width:799px){div.link{padding: 3px 5px;}div.link a{font-size: 90%;color: #da4127;}}

/*wiget title*/
.widget .widget-title{width: 100%;}

/*top h2*/
.H2center{text-align: center;}
p.topH2img {margin-bottom: 0;}
h2.topH2 {margin-top: 8px;margin-bottom: 3px;padding: 0 0 5px;border: none;display:inline-block;border-bottom: 1px solid #3dbd85;color: #3dbd85;}
/*yane*/
h2.topH2:before{content: "";width: 100%;border-bottom: 15px solid #3dbd85;border-left: 20px solid transparent;border-right: 20px solid transparent;height: 0;display: inline-block;margin-bottom: 3px;}
@media only screen and (max-width:799px){h2.topH2 {font-size: 2rem;}}

/*コンテンツ内の最後のpタグ*/
main article p:last-of-type {margin-bottom: 20px;}

/*記事内アイキャッチ*/
.featured-post {text-align: center;margin-bottom: 20px;}
@media only screen and (max-width:799px){.featured-post {margin-top: 15px;}}

/*パンくず　カテゴリ名　エリア*/
div.page-title {padding-top: 0;}
div.page-title .overlay{background: rgba(255, 255, 255, 0.16);}
h1.categoryTitle {margin-top: 0;}
div.page-title .breadcrumb-trail.breadcrumbs {margin-bottom: 10px;}
header.header{margin-bottom: 0;box-shadow: none;border-bottom: 1px solid #009eb1;}
.breadcrumbs span.sep {font-family: monospace;font-weight: 600;}
.breadcrumb-trail.breadcrumbs a {font-size: 13px;}

/*トップページのh3内のp余白*/
#post-522 div.wpb_wrapper .ConContH3 p {margin-bottom: 5px;}
@media only screen and (max-width:799px){#post-522 div.wpb_wrapper .ConContH3 p {margin-bottom: 0px;}}
/*モバイル時VCのgap削除*/
@media only screen and (max-width:799px){.vc_empty_space {display: none;}}

/*施工実績 Before&After デザイン*/
.BABox {display: flex;-webkit-align-items: center;align-items: center;}/*before after box*/
.BAbefBox, .BAaftBox {width: 47%;}
.BAbefBox p, .BAaftBox p{text-align: center;}
.BAbefBox p{color: #3460a6;font-weight: bold;}
.BAaftBox p{color: #ff6666;font-weight: bold;}
.BAbef, .BAaft {width: 100%;border: 1px solid #eae8e8;padding: 10px;position: relative;}/*before after div*/
.BAarr {width: 6%;text-align: center;}/*center arrow*/
img.BAbefore, img.BAafter {width: 100%;box-shadow: 3px 3px 10px #aaa;}/*before aftert home img*/
img.BAbeforeImg, img.BAafterImg {position: absolute;bottom: 20px;width: 110px;opacity: 0.8;}/*before after img*/

@media only screen and (max-width:799px){.BABox {display: block;}.BAbefBox, .BAaftBox {width: 100%;}.BAarr {display: none;}}

/*施工実績見出し*/
h3.BAhome {padding: 15px;background: #ff8585;border: initial;color: #fff;display: -webkit-inline-box;margin-bottom: 25px;width: 100%;}
.BAhomeBox {display: flex;-webkit-flex-direction: row;flex-direction: row;border-top: 5px dotted #ddd;margin-top: 40px;padding-top: 40px;}
main div.BAhomeBox p {margin-bottom: 0;}
.BAhomeBox img {width: 120px;margin-top: 25px;margin-bottom: 0;}
.BAhomeBox.first-BA {padding-top: 5px;}
h3.BAhome.ba-ul {background: none;color: #ff8585;border-bottom: 6px solid #EA5E5E;padding-bottom: 14px;}
.BAhomeBox.none-dotted {border: none;margin-top: 0;padding-top: 0;}
@media only screen and (max-width:799px){
h3.BAhome {display:initial;font-size:2rem;padding: 10px;}
main div.BAhomeBox p {display: none;}
}
/*使用塗料テーブル*/
table.PaintTable{color: #808081;}
.PaintTable tr:first-child {background: #ff6666;color: #fff;font-weight: bold;}
tr.wall {background: #ffebeb;}
tr.roof {background: #fff5f5;}

/*背景色 透明化*/
div.page-wrap {background-color: transparent;}
div.col-md-12 {background:#fff;}
div.col-md-12.col-sm-6, div.bottom .col-md-12 {background: none;}

/*コンテンツエリア*/
div.page-wrap {padding-top: 0;padding-bottom: 0;}

/*写真の等間隔配置*/
div.flex-space{display: -webkit-flex;display: flex;-webkit-justify-content: space-around; /* Safari */justify-content:space-around;margin-bottom: 20px;}
.flex-space img {margin-right: 5px;}
@media only screen and (max-width:799px){div.flex-space{display: initial;}.flex-space img{width: 100%;margin-bottom: 15px;}}

/*404ページ*/
.search-keyword, .search-cate{text-align: initial;}
.search-keyword p, .search-cate p {color: #e6771d;font-size: 2.5rem;border-bottom: 2px solid;padding-bottom: 10px;}
.search-cate li {list-style: none;}
.search-flex {display: flex;-webkit-justify-content: space-around;justify-content: space-around;}
.search-keyword, .search-cate {width: 35%;}
a.themesflat-button {color: #fff;}

@media only screen and (max-width:799px){.search-flex {display:initial;}.search-keyword, .search-cate {width: 100%;}}

/*画像50%*/
img.img50{width: 49%;}
@media only screen and (max-width:799px){img.img50{width: 100%;}}

/*ボタンデザイン（緑）*/
p.rp-btn a {background: #3dbd85;display: -webkit-inline-box;padding: 10px 30px;color: #fff;font-weight: 600;font-size: 2rem;box-shadow: 0px 4px 5px #333;}
p.rp-btn i {margin-left: 15px;}
p.rp-btn a:hover {background: #da4127;transition: 0.5s; color: #fff;}
p.rp-btn {text-align: center;}

/*テキスト カラー枠*/
.txt-box {padding: 10px;margin-bottom: 20px;margin-left: 10px;margin-right: 10px;}
.txt-box ul,.txt-box ol {margin-bottom: 0;}
.sky-box {background: #cbe5fb45;border: 3px solid #6baad7;}
.orange-box {background: #e9a02b1a;border: 1px solid #e9a02b;}
.red-box {background: #da41271c;border: 3px solid #da4127;}
@media only screen and (max-width:414px){.txt-box {margin-left: 5px;margin-right: 5px;}}

.txt-box.sky-box{margin-right:0;margin-left: 0;}

/*TOPタブメニュー*/
.tab-content input[type="radio"] {display: none;}

.tab-content label {
  display: inline-block;
  padding: 4px 10px;
  font-weight: bold;
  font-size: 13px;
  color: #009900;
  background-color: #e1fae1;
  cursor: pointer;
  box-sizing: border-box;
  width: 33.3%;
  margin-bottom: 0;
}
.tab-content label:hover,
.tab-content input[type="radio"]:checked + label {color: #FFF;background-color: #999;}

.tab-content .tab-box {width: 100%;padding: 5px;border: 1px solid #999;box-sizing: border-box;}
.tab-content > .tab-box > div {display: none;}

#tab1:checked ~ .tab-box > #tabView1 {display: block;}
#tab2:checked ~ .tab-box > #tabView2 {display: block;}
#tab3:checked ~ .tab-box > #tabView3 {display: block;}

main div.tab-content p {margin-bottom: 0;}

/*スマホのみ表示&PCのみ表示*/
.display-sp{display: none;}
.display-pc{display: block;}
@media only screen and (max-width:414px){.display-sp{display:block;}.display-pc{display: none;}}


/*SPアイコンメニュー（コンセプト）*/
/*.sp-iconbox {position: relative;left: -10px;width: 105.7%;}*/
.icon-row {display: flex;width: 100%;}
.iconmenu {width: 33.3%;height: 95px;background: #3f5490;border: 3px solid #fff;position: relative;background-size: 60px;
    background-repeat: no-repeat;background-position-x: 50%;background-position-y: 20%;}
.iconmenu a {width: 100%;position: absolute;height: 90px;}
.iconmenu a span {margin-bottom: 0;position: absolute;bottom: 5px;width: 100%;text-align: center;color: #fff;font-weight: 600;font-size: 12px;}
.iconmenu.icon1 {background-image: url(https://rakurakupaint.com/wp-content/uploads/2017/12/img-mitsumori.png);}
.iconmenu.icon2 {background-image: url(https://rakurakupaint.com/wp-content/uploads/2017/12/img-gyosya.png);}
.iconmenu.icon3 {background-image: url(https://rakurakupaint.com/wp-content/uploads/2017/12/img-kouji.png);}
.iconmenu.icon4 {background-image: url(https://rakurakupaint.com/wp-content/uploads/2017/12/img-eigyo.png);}
.iconmenu.icon5 {background-image: url(https://rakurakupaint.com/wp-content/uploads/2017/12/img-hinshitsu.png);}
.iconmenu.icon6 {background-image: url(https://rakurakupaint.com/wp-content/uploads/2017/12/img-hoshou.png);}
.iconmenu.icon7 {background-image: url(https://rakurakupaint.com/wp-content/uploads/2017/12/img-knowhow.png);}
.iconmenu.icon8 {background-image: url(https://rakurakupaint.com/wp-content/uploads/2017/12/img-irai.png);}
.iconmenu.icon9 {background-image: url(https://rakurakupaint.com/wp-content/uploads/2017/12/img-concept.png);}
.sp-iconbox {margin-top: 5px;}/*spコンテンツ下部アイコンボックス*/

.sp-concepttitle {text-align: center;border-top: 2px solid #3f5490;position: relative;left: -10px;width: 106%;background: #3f549014;padding-bottom: 5px;box-shadow: 0px 2px 5px #ccc;}
.sp-concepttitle h2 {font-weight: normal;color: #3f5490;margin-bottom: 0;/*font-family: "YuGothic-Medium,ヒラギノ角ゴ ProN W3";*/letter-spacing: 3px;margin-top: 5px;font-size: 25px;border: none;padding: 0;}
main article .sp-concepttitle p {color: #555;margin-bottom: 0;}
@media only screen and (max-width:799px){.pickupContBox.pCB1 {margin-top: 20px;}.row .vc_row-has-fill>.vc_column_container>.vc_column-inner {padding-top: 0;}}

/*画像フロート*/
img.img-left {float: left; margin-right: 5px;}
img.img-right {float: right;margin-left: 5px;}
@media only screen and (max-width:414px){img.img-left, img.img-right{float:none;text-align: center;margin: auto;width: 100%; margin-bottom: 5px;}
div#est-free img.img-left,div#est-free img.img-right{width: 60%;display: block;}
}

/*top slider*/
.flexslider .slides img {border-top: 1px solid #3dbd85;border-bottom: 1px solid #3dbd85;}
@media only screen and (max-width:414px){.flexslider .slides img{border:none;}.wpb_gallery.wpb_content_element.vc_clearfix.top-slider {border-top: 2px solid #3f5490;border-bottom: 2px solid #3f5490;    margin-bottom: -25px;    position: relative;left: -10px;width: 106%;}main .wpb_gallery_slides .flex-direction-nav li a{background: #3f549063;}}

/*TOP施工実績*/
.achievementBox {    text-align: center;}
ul.achievementList {list-style: none;margin: 0;margin-bottom: 20px;}
ul.achievementList li {display: -webkit-inline-box;padding: 10px 15px;background: #3dbd85;    margin-bottom: 5px;}
@media only screen and (max-width:799px){ul.achievementList li{background:#3f5390;}}
ul.achievementList li a {font-size:2rem;color:#fff;font-weight:500;}


/*モバイル ヘッダー追随解除*/
/*@media only screen and (max-width:414px){.header-style1 .header.header-sticky {position: initial;}}*/

/*モバイル サイドバー（コンテンツ下部）*/
@media only screen and (max-width:414px){body.single .page-wrap {padding-bottom: 0;}}

/*モバイルヘッダーサイズ*/
@media only screen and (max-width:414px){
	img.site-logo {width: 100px;height: 40px!important;margin-left: 10px;}
	.nav-wrap div.btn-menu {margin-top: 20px;margin-bottom: 15px;}
	div.show-search a{    margin-top: 8px;margin-bottom: 8px;}
}

/*コンセプト説明文*/
.display-sp p.concept-exp {margin-bottom: 10px;margin-top: 10px;font-weight: 500;}

/*sp見積依頼ページ コンセプト*/
.page-id-2124 .sp-concepttitle {margin-top: 20px;}

/*見積依頼ページバナー非表示*/
article#post-2124 .foot-banner {display: none;}

/*記事一覧 文字*/
h2.su-post-title a {letter-spacing: 1px;}

/*sp画面 パンくず非表示*/
@media only screen and (max-width:414px){.breadcrumb-trail.breadcrumbs {display: none;}}

/*sp category title*/
@media only screen and (max-width:414px){h1.categoryTitle {margin-bottom: 20px;margin-top: 5px;font-weight: 500;text-align: center;border: 2px solid;}}

/*pink-btn*/
article a.pink-btn {padding: 10px 15px;background: #f08d8d;border: 2px solid #ea5e5e;border-radius: 13px;font-size: 2rem;color: #fff;font-weight: 500;box-shadow: 0 2px 5px #666;display: -webkit-inline-box;}
article a.pink-btn:before {content: "\f105";font-family: fontawesome;font-size: 2.4rem;margin-right: 10px;}
article a.pink-btn:hover {box-shadow: none;color: #fff;opacity: 0.8;}

/*sp btn-menu*/
.nav-wrap .btn-menu span, .nav-wrap .btn-menu:before, .nav-wrap .btn-menu:after{background: #3f5490;}

/*top 見積バナー*/
img.top-banner {/*border-bottom: 2px solid #3f5490;border-top: 2px solid #3f5490;*/margin-top: -3px;}

/*sp カテゴリー・アーカイブ*/
@media only screen and (max-width:799px){
.blog-archive.blog-list-small .featured-post, .search-results .featured-post {max-width: 30%;float: left;margin-top: 0;margin-right: 5px;}
.blog-archive .content-post p {display: none;}
.blog-archive .content-post a.themesflat-button.themesflat-archive.no-background {float: right;}
.blog-archive.blog-list-small article {padding-bottom: 5px;margin-bottom: 15px;}
}

/*RelatedPost*/
div#wp_rp_first {margin-top: 35px;}
small.wp_rp_excerpt {display: block;}
ul.related_post li{height: 71px;}
a.wp_rp_title {font-weight: 500;}
@media only screen and (max-width:414px){ul.related_post li{height: initial;}small.wp_rp_excerpt {margin-left: 70px;;}}

/*share display none*/
.social-share-article {display: none;}

/*見積ページで表示しない*/
.page-id-2124 img.top-banner, .page-id-2124 .featured-post{display: none;}

/*トップページ アイキャッチ非表示*/
.home .featured-post {display: none;}

/*top cate-pu*/
.cate-flex {display: flex;}
div.cate-pu {width: 32%;height: 200px;/*border: 1px solid #ddd;*//*padding: 10px;*/margin-bottom: 20px;/*border-radius: 3px;*/margin-right: 1%;}
div.cate-pu:first-child {margin-left: 1%;}
h3.cate-title {border: none;font-size: 18px;font-weight: 500;padding: 10px 0;text-align: center;background: #3f53901c;border-radius: 3px;margin: 0;margin-bottom: 10px;}
ul.cate-list {margin-left: 25px;margin-bottom: 0;}
ul.cate-list li {margin-bottom: 6px;}
ul.cate-list li a {color: #3f5490;text-decoration: underline;}
ul.cate-list li a:hover {color: #3f549087;text-decoration: underline;}
h3.cate-title a {color: #333;}

@media only screen and (max-width:799px){
.cate-flex {display: block;}
div.cate-pu {width: 100%;height: auto;border: none;padding: 0;margin-bottom: 0;border-radius: 0;margin-right: 0;}
div.cate-pu:first-child {margin-left: 0;}
h3.cate-title {position: relative;left: -10px;width: 106%;}
}

/*hr style*/
hr.style-two {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
}

/*margin-60*/
.margin-60{margin-bottom: 60px;}

/*コンセプトまとめページ*/
.ccpt-row {padding-bottom: 40px;}
.ccpt-row {display: flex;}
.ccpt-row.right-txt{-webkit-flex-direction: row; /* Safari */flex-direction:row;}
.ccpt-row.left-txt{-webkit-flex-direction: row-reverse; /* Safari */flex-direction:row-reverse;}

h2.ccpt-heading {margin-top: 0;margin-bottom: 25px;font-weight: 500;padding: 0;border: none;}
h2.ccpt-heading.align-right {text-align: right;}

div.ccpt-30colmun{width: 45%;margin-top: auto;margin-bottom: auto;text-align: center;}
.ccpt-30colmun img {pointer-events: none;user-select: none;}
div.ccpt-70colmun{width: 55%;}
.ccpt-box {margin-left: 13%;margin-right: 13%;}

.right-txt .ccpt-70colmun p {margin-left: 50px;}
.left-txt .ccpt-70colmun p {margin-right: 50px;}

.ccpt-70colmun p {line-height: 1.9em;}

@media only screen and (max-width:1200px){.ccpt-box {margin-left: 0;margin-right: 0;}}
@media only screen and (max-width:414px){.ccpt-row.right-txt, .ccpt-row.left-txt{display: block;}
div.ccpt-30colmun{width: 100%;}div.ccpt-70colmun{width: 100%;}
.ccpt-30colmun img {width: 85%;}
h2.ccpt-heading.align-right {text-align: initial;}
.ccpt-70colmun p{padding-right: 10px;padding-left: 10px;}
.right-txt .ccpt-70colmun p {margin-left: 0;}
.left-txt .ccpt-70colmun p {margin-right: 0;}
h2.ccpt-heading {margin-top: 10px;margin-bottom: 10px;font-size: 2.3rem;margin-left: 10px;border-left: 5px solid #3f5490;padding: 10px 0 10px 5px;color: #3f5490;}
.ccpt-row {position:relative;left: -10px; width:106%; border-bottom: 1px solid #3f5490; padding-bottom:15px;margin-bottom: 20px;}
.row a.ccpt-btn {color: #F85E32;}
}
.ccpt-row.left-txt.ccpt-norow {padding: 0;}

/*search btn*/
.ccpt-btn{padding: 5px 60px;border: 1px solid #F85E32;display: -webkit-inline-box;border-radius: 5px;box-shadow: 0 2px 5px #aaa;color: #F85E32;}
.ccpt-btn:after{content: "\f00e";font-family:fontawesome;margin-left: 5px;}
article a.ccpt-btn:hover {color: #fff;background: #f85e32;}

/*ccpt-btn box*/
.right-txt p.ccpt-btnBox{text-align: right;} 
.left-txt p.ccpt-btnBox{text-align: left;}
@media only screen and (max-width:414px){ 
.left-txt p.ccpt-btnBox, .right-txt p.ccpt-btnBox{text-align: center;}
}

/*ccpt bg img*/
.ccpt-70colmun {background-position: center;background-repeat: no-repeat;}

.ccpt-70colmun.ccbt-1{background-image: url(https://rakurakupaint.com/wp-content/uploads/2017/12/ccpt-bg01.png);}
.ccpt-70colmun.ccbt-2{background-image: url(https://rakurakupaint.com/wp-content/uploads/2017/12/ccpt-bg02.png);}
.ccpt-70colmun.ccbt-3{background-image: url(https://rakurakupaint.com/wp-content/uploads/2017/12/ccpt-bg03.png);}
.ccpt-70colmun.ccbt-4{background-image: url(https://rakurakupaint.com/wp-content/uploads/2017/12/ccpt-bg04.png);}
.ccpt-70colmun.ccbt-5{background-image: url(https://rakurakupaint.com/wp-content/uploads/2017/12/ccpt-bg05.png);}
.ccpt-70colmun.ccbt-6{background-image: url(https://rakurakupaint.com/wp-content/uploads/2017/12/ccpt-bg06.png);}

/*ｺﾝｾﾌﾟﾄまとめ ｱｲｷｬｯﾁ/h1非表示*/
.page-id-2899 .featured-post{display: none;}
.page-id-2899 .page-title h1{display: none;}

/*concept headed*/
.ccpt-head {margin-bottom: 60px;}
@media only screen and (max-width:414px){
.ccpt-head {margin-bottom: 20px;}
}

/*ccpt-title*/
.ccpt-title {text-align: center;font-size: 40px;font-weight: 500;margin-bottom: 25px;padding-bottom: 10px;border-bottom: 2px solid #3f5490;border-top: none;padding-top: 0;margin-top: 0;}
@media only screen and (max-width:414px){
.ccpt-title {font-size: 17px;padding-bottom: 5px;border-bottom: none;background: #3f5490;color: #fff;position: relative;left: -10px;width: 106%;margin-bottom: 5px;padding-top: 5px;}
}
/*SPフルwidth*/
@media only screen and (max-width:414px){
.sp-full{position: relative;left: -10px;width: 106%;}
}

/*footer SSL化ﾒｯｾｰｼﾞ*/
.ssl-msg {width: 50%;border: 1px solid #333;padding: 10px;margin-left: auto;margin-right: auto;display: flex;margin-top: 25px;}
.ssl-icon{width: 55px;height: 55px; background-image: url(https://rakurakupaint.com/wp-content/uploads/2017/12/鍵のクローズアイコン素材.png);background-repeat: no-repeat;background-size: 100%;}
.ssl-msg p{width: 90%;margin-bottom: 0; padding-left: 10px;color: #333;}
@media only screen and (max-width:799px){
	.ssl-msg {width: 100%;}
}

/*sp header fixed*/
@media only screen and (max-width:414px){
header#header {position: fixed;top: 0;width: 100%;z-index:9999;}/*spのみヘッダー追随*/
.head-banner{margin-top: 106px;}/*ｺﾝﾃﾝﾂの一番上要素*/
}

/*quote 引用*/
blockquote:before {background: url(https://rakurakupaint.com/wp-content/themes/fo/images/bg-quote.png) no-repeat;width: 50px;height: 39px;position: absolute;left: 0;top: 0;content: '';}
div blockquote {font-style: initial;position: relative;border: 0;padding: 0 0 0 70px;margin-bottom: 15px;}
div blockquote strong{color: #888;}
div blockquote h3, div blockquote h4, div blockquote h5, div blockquote h6{color: #888;}
div blockquote h3, div blockquote h4, div blockquote h5{border-color:#888;}

@media only screen and (max-width:414px){
div blockquote {padding: 0px 0 0 40px;}
blockquote:before{background-size: 35px;}
}

/*single-postの時 カテゴリh1を非表示*/
.single-post h1.categoryTitle {display: none;}

/*コンテンツ下部 next previous 非表示*/
nav.navigation.posts-navigation {display: none;}

/*single コンテンツpadding*/
.single div.page-wrap {padding-bottom: 0px;padding-top: 0px;}

/*footer-bottom*/
.widget ul.footer-bottom {margin-left: auto;margin-right: auto;margin-top: 5px;text-align: center;}
ul.footer-bottom li {display: inline-block;padding: 0 20px;font-weight: 500;text-decoration: underline;}

@media only screen and (max-width:414px){
.widget ul.footer-bottom {width: 100%;}
ul.footer-bottom li {padding: 0px 2px;}
}

/*サイドバータイトル*/
h4.widget-title {border: none;background: #3dbd85;padding: 10px;color: #fff;font-weight: 500;text-align: center;}

/*ccpt-jumpmenu*/
ul.ccpt-jumpmenu {padding: 20px 20px 5px;margin-bottom: 50px;border: 1px solid #ccc;list-style: none;margin-left: 0;}

ul.ccpt-jumpmenu li {padding: 10px 0 10px 10px;border-bottom: 1px dotted #ccc;margin-bottom: 15px;}

ul.ccpt-jumpmenu li a {font-size: 2rem;}

ul.ccpt-jumpmenu li a:before {content: "\f105";font-family: fontawesome;font-size: 2rem;margin-right: 10px;}

@media only screen and (max-width:414px){
	ul.ccpt-jumpmenu li a {font-size: 1.5rem;}
	ul.ccpt-jumpmenu li{padding:3px;margin-bottom: 0;}
	ul.ccpt-jumpmenu{padding-top: 5px;    padding-bottom: 10px;}
}

/*footer li*/
ul.footer-li li:after {content: "\f105";font-family: fontawesome;margin-left: 10px;color: #333;}

/*link card hover efect*/
span.lkc-title:hover {
    color: #60bd62;
    text-decoration: none;
}

/*header width*/
.container.nav {width: 80%;}
@media only screen and (max-width:1300px){
	.container.nav {width: 100%;}}
	@media only screen and (max-width:799){
	.container.nav {width: initial;}}


/*estimate-txtbox*/
.estimate-txtbox1{padding: 1px 5%;margin-bottom: 20px;border-radius: 5px;box-shadow: 0 3px 5px #999;margin-top: 50px;background: #da4127;position: relative;}

.estimate-txtbox1 h2/*, h2.related_post_title*/{color: #fff;border: none;margin-top: 15px;margin-bottom: 15px;text-align: center;font-size: 20px;padding: 4px 0;}

.estimate-txtbox1 p{color: #fff;}
.estimate-txtbox1 strong{color: #ffe45a;}

.estimate-txtBtn {text-align: center;margin-bottom: 30px;margin-top: 30px;}
article .main-post .estimate-txtBtn a {
    background: #ffe459;
    padding: 10px 15%;
    border-radius: 50px;
    box-shadow: 0 3px #9e8500;
    color: #da4127;
    font-size: 2rem;
    font-weight: 600;
}

.estimate-txtBtn a{
	-webkit-animation:blink 1.5s ease-in-out infinite alternate;
    -moz-animation:blink 1.5s ease-in-out infinite alternate;
    animation:blink 1.5s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0.2;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0.2;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0.2;}
    100% {opacity:1;}
}

span.estimate-txtBig {font-size: 110%;font-weight: 600;line-height: 35px;text-decoration: underline;}

article .main-post .estimate-txtBtn a:after {content: "\f245";font-family: fontawesome;margin-left: 12px;}

article .main-post .estimate-txtBtn a:hover {opacity: 1;}

.estimate-txtbox1.sp-full a strong {color: #ffffff;text-decoration: underline;}
.estimate-txtbox1.sp-full a strong:hover {color: #da4127;background: #fff;}

.bg-roller {
    position: absolute;
    width: 80px;
    height: 80px;
    bottom: 10px;
    right: 5px;
    background-image: url(https://rakurakupaint.com/wp-content/uploads/2018/01/roller211x251.png);
    background-size: contain;
    background-repeat: no-repeat;
}

@media only screen and (max-width:799px){
span.estimate-txtBig {font-size: initial;font-weight: 500;line-height:initial;}
article .main-post .estimate-txtBtn a{opacity: 1;}
.estimate-txtbox1{margin-top: 10px;border-radius: 0;}
.bg-roller {display: none;}
}

/*RelatedPost*/
/*.wp_rp_content {background: #0095ff54;color: #fff;padding: 1px 5%;margin-bottom: 20px;border-radius: 10px;box-shadow: 0 3px 5px #999;margin-top: 50px;    border: 1px solid #0095ff;}
ul.related_post li {height: 91px;min-height: 100px;}
ul.related_post li a.wp_rp_thumbnail img {width: 100px;height: 80px;}
 h2.related_post_title{margin-bottom: 5px;}
 ul.related_post li a {color: #0095ff;font-weight: 600;}*/
div ul.related_post li{min-height: 100px;}
div ul.related_post li a img{width: 110px;height: 85px;}
article .main-post a.wp_rp_title {font-size: 19px;}

@media only screen and (max-width:799px){
small.wp_rp_excerpt{display: none;}/*excerpt*/
}

/*loading effect*/
/*div.loading-effect-2 > span{border-color: #da4127;}*/

/*用語集ページ*/
i.fa.fa-angle-right.word-jump-angle {font-size: 19px;color: #8a8a8a;margin-left: 5px;margin-right: 5px;}
table.word-jump-tbl {border: 2px solid #dbdbdb;margin-left: 3%;margin-right: 3%;}
table.word-jump-tbl a {font-size: 2rem;}
table.word-jump-tbl td {padding: 12px;}
table.word-jump-tbl td span {font-size: 2rem;font-weight: 500;}
div.back-wjt {text-align: center;}
.back-wjt i.fa.fa-angle-up{font-size: 19px;color: #8a8a8a;margin-left: 5px;margin-right: 5px;}
ul.word-ul li {margin-bottom: 15px;margin-top: 15px;}
ul.word-ul li a {font-size: 1.8rem;color: initial;text-decoration: underline;}

div.ConTiBox.CTBGreen{background:#49c187;}

/*sidebar*/
ul.side-achievement li{
position: relative;
    display: block;
    padding: 7px 0px 7px 16px;
    margin-bottom: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
ul.side-achievement li:before{
font-family: "FontAwesome";
    content: "\f0da";
    font-size: 12px;
    color: #656565;
    position: absolute;
    left: 0;
    top: 11px;
    line-height: 1;
}

/*border-grey*/
.border-grey{border: 1px solid #ddd;padding: 10px;margin-bottom: 20px;border-radius: 3px;}
@media only screen and (max-width:799px){.border-grey{border:unset;padding: 0;margin: 0;}}

/*カテページ　ページネーション設定*/
nav.navigation.paging-navigation .pagination, nav.navigation.paging-navigation.pager,{margin-bottom: 0;}

/*カテページアイキャッチ*/
article .featured-post a img {border: 1px solid #3f5490;}

/*固定ページ 下部見積バナー*/
.display-pc.est-banner {margin-top: 80px;}

/*運営者ページtable*/
table.admin-table {margin: 30px 80px 0;width: calc(100% - 160px);}

/*table*/
table th, table td {padding: 7px 0;}
@media only screen and (max-width:414px){
	table th, table td {padding: 5px 0;font-size: 90%;}
}

/*linkcard*/
@media only screen and (max-width:414px){div.linkcard {margin-left: 0px;margin-right: 0px;}}

/*p line-height*/
.entry-content p{line-height: 1.5;}

/*要素の非表示*/
.display-none {display: none;}

/*トップメニュー hover visit*/
#mainnav > ul > li > a:hover, #mainnav > ul > li.current-menu-item > a{border-bottom: 3px solid #009eb1;transition: 0s;}

/*slick slider 1 2*/
.slider {width: 90%;margin: 0 auto 80px;}
.slick-slide img {width: 100%;height: auto;}
.topSlider001{width: 100%;}
.topSlider001 .slick-slide:not(.slick-center) {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-o-filter: grayscale(100%);
-ms-filter: grayscale(100%);
filter: brightness(50%);
transition: 0s linear;
}
ul.slick-initialized.slick-slider {margin: 0 0;}/*slider margin*/
ul.slider-sp{margin: 0;}

/*slider btn*/
ul.topSlider002.slick-initialized.slick-slider {padding: 10px 20% 0;;background: #f5f5f5;}/*btn ul padding*/
ul.topSlider002 .slick-list.draggable {padding: 0!important;}
li.Slider002_btn.slick-slide{text-align: center;padding: 13px 0;background: #3dbd85; margin: 0 2px;}
li.Slider002_btn.slick-slide span{color: #fff;    font-weight: 600;}
li.Slider002_btn.slick-slide:active, li.Slider002_btn.slick-slide:focus, li.Slider002_btn.slick-slide:hover {background: #73cda6;}

/*ページネーションdots*/
ul.topSlider001 ul.slick-dots {bottom: 0;}
.topSlider001 ul.slick-dots li button:before,ul.slick-dots li.slick-active button:before{opacity: 1;}
.topSlider001 ul.slick-dots li button:before{color: #fff;font-size: 15px;}
.topSlider001 ul.slick-dots li.slick-active button:before {color: #3dbd85;}
.topSlider001 ul.slider-sp ul.slick-dots li button:before{color: #ccc;}
.topSlider001 ul.slider-sp ul.slick-dots li.slick-active button:before {color: #3dbd85;}

/*topSlider003*/
.tsl3 {padding: 20px 20px;}
ul.topSlider003.slick-initialized.slick-slider {width: 550px;}
ul.topSlider003 a img{position: relative;}
ul.topSlider003 a {color: #fff;}
ul.topSlider003 a span {position: absolute; bottom:0;left: 0;background: #ffffff8c;width: 100%;padding: 10px;}
article ul.topSlider003 a:hover {color: #fff;font-weight: 500;}
.topSlider003 .slick-prev{left: -33px;}
.topSlider003 .slick-prev:before, .topSlider003 .slick-next:before{color: #009eb1;font-family: "fontawesome";}
.topSlider003 .slick-prev:before {content: "\f104";}
.topSlider003 .slick-next:before {content: "\f105";}
.topSlider003 .slick-prev:before, .topSlider003 .slick-next:before{font-size: 80px;}
.topSlider003 .slick-prev, .topSlider003 .slick-next{height: 80px;}
@media only screen and (max-width:799px){
ul.topSlider003.slick-initialized.slick-slider {width: 100%;}}
@media only screen and (max-width:414px){
.topSlider003 .slick-prev {left: -10px;z-index: 99;}
.topSlider003 .slick-next{    right: 0;}
}


/*カテゴリーページの時header上のh1非表示*/
body.category .h1_title {display: none;}

/*header上h1*/
h1.h1_title {font-size: 15px;font-weight: normal;color: #333;margin-bottom: 0;}


/*demopage*/
/**********************************************

差し替え可能になったら"page-id-4011"をTOPページのidに変える

**********************************************/
.page-id-4011 .container {width: 100%;padding: 0;}/*container widthを100%に*/

article#post-4011 .featured-post {display: none;}/*featured area 非表示*/

.page-id-4011 .col-md-12.page-title-container {display: none;}/*breadcrumb area 非表示*/
div.show-search{display: none;}

.page-id-4011 .most-header, div.section, .page-id-4011 .footer-widgets, .page-id-4011 .header-wrap.clearfix {padding-left:20%;padding-right: 20%;}/*container padding20%*/

@media only screen and (max-width:1730px){/*widthが1840px以下になったら*/
	.page-id-4011 .header-wrap.clearfix, .page-id-4011 .most-header, div.section, .footer-widgets {padding-left:10%;padding-right: 10%;}
}
@media only screen and (max-width:1360px){/*widthが1360px以下になったら*/
	.page-id-4011 .header-wrap.clearfix, .page-id-4011 .most-header, div.section, .footer-widgets {padding-left:1%;padding-right: 1%;}
}

@media only screen and (max-width:799px){
	.page-id-4011 div.col-md-12 {padding-left: 0;padding-right: 0;width: 100%;}
	.page-id-4011 .row {margin-right: 0;margin-left: 0;}
	.page-id-4011 .header-wrap.clearfix{padding: 0;}
	}

.page-id-4011 h3.cate-title{background: #3dbd85;border-radius: 0;}
.page-id-4011 h3.cate-title a{color: #fff;}
.page-id-4011 h3.cate-title a:hover{color: #fff;text-decoration: underline;}

.page-id-4011 .est-banner, .page-id-4011 .head-banner img{display: none;}

/*new top heading*/
h2.newtoph2 {display: inline-block;font-size: 25px;padding: 10px 0 0 0;margin: 15px 0 40px;border-bottom: none;border-top: 1px solid #000;}
.new-h2box p {display: inline;font-size: 20px;}

/*new top section*/
div.section {padding-top:20px;padding-bottom: 20px;}
.section.section-gry {background: #f5f5f5;}

main article div.section p:last-of-type{margin-bottom: 0;}/*topのsectionごと最後のp*/

/*new top flex container*/
.flex-container {display: flex;}
.left-cont {width: 40%;}
.right-cont {width: 58%;margin-left: 2%;}
.flex-container.flex-center {/*flex-center*/
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;}
main article div.section p.ccpt-txt {margin-bottom: 20px;}

@media only screen and (max-width:799px){
.left-cont, .right-cont{width: 50%;margin-left: 0;}
}
@media only screen and (max-width:414px){
.flex-container.ach_box{display: block;}
.left-cont, .right-cont{width: 100%;margin-left: 0;}
.flex-container.flex-center{display: block;}
}

/*top-blue-btn*/
/*p.top-blue-btn{margin-bottom: 0; padding: 0 10px;}*/
p.top-blue-btn a {color: #009eb1;display: block;padding: 10px 0;text-align: center;margin-bottom: 5px; border: 1px solid #009eb1;position: relative;}
p.top-blue-btn a:after {content: "▶";font-size:14px;position: absolute;right: 15px;line-height: 1.8;}
p.top-blue-btn a:hover{color: #fff; background: #009eb1;}

/*top auto est banner*/


/*top flow*/
h3.flow-h3 {border-bottom: none;border-left: 3px solid #333;font-size: 20px;}
div.flow-flex {display: flex;margin-bottom: 25px;}
div.flow-box.box-center {margin-left: 1%;margin-right: 1%;}/*真ん中box 左右margin*/
div.flow-box {width: 32.6%;background: #fff;position: relative;}/*boxのwidth*/
.flow-img {text-align: center;margin-top: 10px;margin-bottom: 10px;user-select: none;pointer-events: none;}/*img*/
div.flow-box p.flow-step {font-size: 20px;padding: 10px;background: #3dbd85;color: #fff;    text-align: center;    margin-bottom: 0;}/*STEP text center*/
div.flow-box p.flow-text{font-size: 13px;line-height: 1.3;clear: both;padding:5px 15px 10px;}/*exp test padding*/
p.flow-text a {position: absolute;right: 15px;bottom: 0;}
.align-center {text-align: center;}

div.flow-flex-cld {display: flex;width: 50%;}
p.fl-st {margin: 0;text-align: center;padding: 30px 0;background: #3dbd85;color: #fff;}
div.flow-st {width: 21%; margin: 0 2% 10px;background: #fff;}
main article div p.fl-length {/*text 縦書き*/
writing-mode: vertical-rl;-ms-writing-mode: tb-rl;
margin:20px auto 10px;font-weight: 500;}
#post-1401 div.flow-st {border: 1px solid #3dbd85;}

.fl-length {width: 20%;}

@media only screen and (max-width:799px){/**/
div.flow-flex {display:block;}
div.flow-box {width: 100%;}
div.flow-box.box-center {margin-left: 0;margin-right: 0;}
div.flow-flex-cld {display: flex;width: 100%;}
.fl-length {width: auto;}
}
/*read more btn*/
div.read-more-btn{display: block;text-align: center;margin: 15px 0;}
div.read-more-btn.flow-btn{margin-top: 40px;}
main article .read-more-btn a {padding: 10px 80px;color: #fff;background: #0e96a7;position: relative;}
main article .read-more-btn a:after {
    position: absolute;
    content: "▶";
    right: 40px;
    font-size: 12px;
}
main article .read-more-btn a:hover {
    background: #fff;
    color: #0e96a7;
    border: 1px solid #0e96a7;
    transition: 0s;
}

/*voice slider*/
.voice-slider .slick-slide:not(.slick-center) {/*中央のスライド以外を小さくする*/
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-ms-transform: scale(0.8);
-o-transform: scale(0.8);
transform: scale(0.8);
}

.voice-sld-box {background: #dcdcdc; padding: 15px auto;position: relative;}
.voice-sld-cus{display: flex;
	-webkit-justify-content: center; /* Safari */
  justify-content:         center;    margin-bottom: 10px;}
.voice-sld-cus img{width: 120px;height: 120px;}
.voice-sld-txt span {margin: 20px auto 5px;display: block;width: 80%;font-weight: 500;}
.voice-sld-cus span {font-size: 1.5rem;margin-left: 20px;margin-top: 25px;font-weight: 600;}
.voice-slider a {position: absolute;display: block;width: 100%;height: 100%;top: 0;left: 0;}
.voice-slider.slick-initialized.slick-slider.slick-dotted {margin-bottom: 50px;}

/*お役立ちコンテンツ pickup box*/
.pickup-box {width: 33%;background: #fff;height: auto;margin-right: 10px;margin-bottom: 15px;border: 1px solid #ddd;}
.pickup-box a {display: flex;align-items: center;height: auto;}
.pickup-box a:hover {opacity: 0.5;}
.pickup-box a img {width: 35%}
span.pickup-title{font-size: 16px;width: 100%;font-weight: 500;padding-left: 10px;position: relative;color: #333;}
span.pickup-title:after {font-family: fontawesome;content: "\f105";position: absolute;right: 5px;color: #3dbd85;font-size: 35px;font-weight: normal;}
.read-more-btn.cnt-btn {margin-top: 25px;}

@media only screen and (max-width:1260px){
	span.pickup-title{font-size: 15px;}
}
@media only screen and (max-width:414px){
	.flex-container.pu_box {display: block;}
	.pickup-box {width: 100%;margin-bottom: 1px;}
}

/*green btn*/
.green-btn {background: #3dbd85;margin-top: 20px;width: 250px;margin-right: 10px;margin-left: 10px;}
.green-btn a{display: flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;color: #fff;font-weight: bold;font-size: 20px;margin-right: 10px;}
.green-btn img {margin: 10px;width: 40px;}
.green-btn:hover {background: #73cda6;}
.green-btn a:hover {color: #fff;}
@media only screen and (max-width:414px){.green-btn{width: 90%; margin-right: 5%;margin-left: 5%;}}

/*topNewPost*/
.page-id-4011 .su-posts.su-posts-default-loop {display: flex;}

.page-id-4011 .su-post {display: flex;-webkit-flex-direction: column;flex-direction: column;width: 32%;margin: 0 auto;border: 1px solid #ddd;}
.page-id-4011 .su-post-title {border: none;margin: 0;font-size: 18px;}
.page-id-4011 .su-post-title, .page-id-4011 .su-post-excerpt{background: #f5f5f5;padding:10px;}
.page-id-4011 div .su-posts-default-loop .su-post-thumbnail{width: 100%; height: auto;}
.page-id-4011 div .su-posts-default-loop .su-post-thumbnail img{border: 0;border-radius: 0;padding:0;max-width: 100%;max-height: 100%;}
.page-id-4011 h3.su-post-title a {color: #333;}
.page-id-4011 .su-post-meta {display: none;}/*投稿日非表示*/
.page-id-4011 .su-post-comments-link {display: none;}/*コメント非表示*/
.page-id-4011 div.su-posts-default-loop .su-post{margin-bottom: 5px;}
div.su-posts-default-loop .su-post-excerpt {margin-bottom: 0;}/*exp margin bottom*/
@media only screen and (max-width:414px){
.page-id-4011 .su-posts.su-posts-default-loop {display: block;}
.page-id-4011 .su-post{width: 100%;}
}

/*楽々ペイントとは heading*/
h2.rp-abouth2 {border: none;padding: 0;text-align: center;margin: 0 0 15px;}
h2.rp-abouth2:before {content: "\f05a";font-family: fontawesome;margin-right: 5px;color: #0e96a7;}

/*section bg img*/
.section.section-wht.section-bg1 {
    background: url(/wp-content/uploads/2018/03/section-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
        padding-top: 80px;
    padding-bottom: 80px;
}

/*about */
.aboutBox {
    background: #ffffffb8;
    padding: 20px 0;
    width: 900px;
    margin: 0 auto;
    border-radius: 10px;
}
@media only screen and (max-width:900px){
	.aboutBox {width:100%;}
}

/*header estimate*/
.container.nav {position: relative;}
.head_est {position: absolute;top: 5px;right: 5px;z-index: 99;}
.head_est a img {width: 280px;}
