/************************** common ***************/
/** font-colour **/
.main_fc {
    color: #00A7DB;
}
/** bg **/
.main_bg {
    background-color: #00A7DB;
}
/** ttl **/
.h2_ttl {
    color: #00A7DB;
}
.h2_ttl::after{
    background-color: #00A7DB;
}

/** btn **/
.btn_sub a,
.btn_sub button {
    background-color: rgba(0,167,219,0.1);
}
.btn_style.color_pt a,
.btn_style.color_pt button {
    background: #00A7DB;
}
.btn_style.color_pt2 a,
.btn_style.color_pt2 button {
  background-color: rgba(0,167,219,0.1);
}
/** footer **/
/* フッター追従ボタン */
.fixed_area .search_btn svg #maincolor {
    fill: url(#linear-blue1);
}
.fixed_area .form_btn svg #maincolor {
    fill: url(#linear-blue2);
}
.fixed_area svg text#form_txt {
    fill: #00A7DB;
}
/** お知らせエリア **/
.news_area .news_link::before{
    background-color: #00A7DB;
}

/************************** TOP ***************/
/** header **/
header .mv_area.top_mv {
    background: -moz-linear-gradient(top, #76DEFF, #00A1D3);
background: -webkit-linear-gradient(top, #76DEFF, #00A1D3);
background: linear-gradient(top, #76DEFF, #00A1D3);
}

/** タブ切り替え **/
.tab_box .btn_area ul {
    border-color:#00A7DB;
}
.tab_box .tab_btn {
    border-right-color:#00A7DB;
    color: #00A7DB;
}
.tab_box .tab_btn.active {
    background-color:#00A7DB;
}

/************************** 会員登録 ***************/
/* flow_area */
.flow_area ul li.first{
    background-image: url("/common/img/form/flow01_blue.png");
}
.flow_area ul li.second{
    background-image: url("/common/img/form/flow02_blue.png");
}
.flow_area ul li.last{
    background-image: url("/common/img/form/flow03_blue.png");
}

/************************** ブログ ***************/
.blog_area .fav a{
    background-color: #00A7DB;
}
.blog_area .h1_blogttl{
    border-color: #00A7DB;
}
.blog_area .h1_blogttl::before{
background-color: #00A7DB;
}
.blog_area .h2_blogttl
,.blog_area h2{
    border-bottom-color: #00A7DB;
}
.blog_area .h2_blogttl::after
,.blog_area h2::after{
    background-color: #00A7DB;
}
.blog_area .h3_blogttl::after
,.blog_area h3::after{  
    background-color: #00A7DB;
}

 .link_b,
.blog_area .content_area a{  
    color: #00A7DB;
    text-decoration: underline;
}
.blog_area ul.blog_ul li::before,
.blog_area ul.disc li::before{ 
    background-color: #00A7DB;
}
.blog_area ol.blog_ol li::before,
.blog_area ol.olnum li::before{  
    background-color: #00A7DB;
}

/************************** リフォーム事例 ***************/
.case_link.fav .icon_fav{
    background: #00A7DB;
}
.category_linkbox ul li.main_c::before{
    background: #00A7DB;
}
.reform_area ul.tag_area  li{
    border-color: #00A7DB;
    color: #00A7DB;
} 
@media (max-width: 992px) { 
    /** nav_area **/
    .right_icon .btn_area::after,
    .mv_area .logo_area .notification_icon::before {
          background-color: #00A1D3;
    }
    /** footer **/
/* フッター追従ボタン */
.fixed_area .form_btn svg #maincolor_sp {
    fill: url(#linear-blue3);
}
}
.bordercol{
    border-color: #00A7DB;
}
.bordercol:after{
    background-color: #00A7DB !important;
}