@charset 'UTF-8';

/*******************************************************************************
 *
 * Hommakoumten.com Bootstarp Style ReWrite
 *
 *  画面共通スタイル
 *  ヘッダ読込時、最後にロードする
 *
 ******************************************************************************/

/*================================= Nav Area =================================*/

/* ナビバー 右寄せメニュー */
.right_btn_area {
    position: relative;
    display: block;
    text-align: right;
    top:12px;
}

/*サブタイトル*/
.subtitle {
    font-size: 11px;
}

@media screen and (min-width:768px) and (max-width:992px) {

    .nav > li > a {
        font-size: 12px;
        padding: 7px 5px;
    }

}

/* モバイル時の表示設定 */
@media screen and (min-width:768px) {

    /* ナビバー カラー変更 */
    .navbar-default {
        background-color: #ffffff;
    }

    /* モバイル時のみ表題を表示する */
    #top_navstr {
        display: none;
    }
}

@media screen and (max-width:600px) {

    .menu_border {
        display: none;
    }

}


/*================================ Footer Area ===============================*/

/* 問い合わせタイトル */
.contact_title {
    background: url("../img/contact.jpg") no-repeat center;
    width:100%;
    height: 65px;
    overflow: hidden;
    text-align: center;
    color: #FFFFFF;
    padding-top: 15px;
    font-size: 20px;
}

/* 問い合わせオープンボタン */
.contact_info {
    padding-top: 20px;
}

/* 問い合わせフォームエリア */
#contact_form_area {
    display:none;
}

.col-form-label {
    font-weight: 200;
}

/* 問い合わせ詳細 高さ */
textarea.form-control {
    height: 200px;
}

/* 送信実行ボタン スタイル変更 */
.btn {
    border: 1px solid #696969;
    background-color: #f5f5f5;
}

/* 送信実行ボタン スタイル変更 オンマウス時 */
.btn:hover {
    background-color: #dcdcdc;
}

/*============================ モーダルウインドウ ============================*/

/* プライバシーポリシー */
#modal-content {
    width: 1000px;
    height: 78%;
    top: 70px;
    margin: auto;
    padding: 10px 15px;
    border: 1px solid #aaa ;
    background: #fff ;
    position: fixed ;
    display: none ;
    z-index: 2 ;
}

/* モバイル時の表示設定 */
@media screen and (max-width:768px) {

    #modal-content {
        width: 85%;
        height: 78%;
        top: 70px;
        margin: auto;
        padding: 10px 15px;
        border: 1px solid #aaa ;
        background: #fff ;
        position: fixed ;
        display: none ;
        z-index: 2 ;
    }
}

.pp_scroll {
    height:70%;
    overflow:auto;
}
#modal-content p,
#modal-content h4 {
    text-align: left;
    margin-bottom: 20px;
}
.pp_str {
    padding-left: 15px;
}
#modal-content h4 {
    font-weight: bold;
}
#modal-overlay {
    z-index: 1 ;
    display: none ;
    position: fixed ;
    top: 0 ;
    left: 0 ;
    height: 120% ;
    width: 100% ;
    background-color: rgba( 0,0,0, 0.75 ) ;
}
.button-link {
    color: #00f ;
    text-decoration: underline ;
}
.button-link:hover {
    cursor: pointer ;
    color: #f00 ;
}

/*============================= トップページ項目 =============================*/

p.h6 {
    font-size: 14px;
    letter-spacing:1px;
    line-height: 20px;
}

.top_page_subtitle {
    font-size:20px;
    letter-spacing:5px;
}
.top_page_title {
    font-weight: 900;
    font-size:40px;
    letter-spacing:7px;
    margin-top:10px;
    margin-bottom:30px;
}
.top_page_cont {
    letter-spacing:7px;
    margin-bottom:20px;
}
.top_page_foottitle {
    font-size:20px;
    letter-spacing:4px;
}
/*アクセス・会社概要*/
#access_title {
    font-size: 31px;
    letter-spacing: 7px;
}

.address_info {
    margin:40px 0;
    font-size:20px;
    letter-spacing:7px;
}

@media screen and (min-width:768px) and (max-width:1200px) {

    .address_info {
        font-size: 14px;
    }

}

/* モバイル時の表示設定 */
@media screen and (max-width:768px) {

    .pict_top_middle {
        width: 50%;
    }
    .pict_top_half {
        width: 80%;
    }
    .top_page_subtitle {
        text-align: center;
        font-size:15px;
        letter-spacing:3px;
    }
    .top_page_title {
        font-size:30px;
        letter-spacing:5px;
        margin-top:30px;
        margin-bottom:30px;
    }
    .top_page_foottitle {
        margin-top:30px;
        font-size:15px;
        letter-spacing:5px;
        font-weight: 900;
    }
    .pict_logo {
        width:150px;
    }

    #access_title {
        font-size: 20px;
    }

    .address_info {
        font-size: 14px;
        letter-spacing:3px;
    }

    .map_img {
        width:220px;
    }

}

/*============================ こだわり・家つくり ============================*/

/* こだわり 画像リンク */
.kodawari_link_img {
    width:130px;
    margin-right:5px;
}

/* こだわり・家つくり文章 */
.ko_ie_str {
    font-size:15px;
    letter-spacing:5px;
}

/* 文章内タイトル */
.sub_title_str {
    font-weight: 900;
    font-size:40px;
    letter-spacing: 8px;
}

/* 文章内タイトル(小) */
.sub_title_str_small {
    font-weight: 900;
    font-size:32px;
    letter-spacing: 8px;
}

.under_title_str {
    letter-spacing: 8px;
    font-size: 18px;
}

/* モバイル時の表示設定 */
@media screen and (max-width:768px) {

    /* スマートフォン時サイズ変更 */
    .kodawari_link_img {
        width:60px;
        margin-right:5px;
        margin-bottom:10px;
    }
    .pict_middle {
        width:60px;
    }
    .sub_title_str {
        font-weight: 900;
        font-size:18px;
        letter-spacing: 4px;
    }
    .sub_title_str_small {
        font-weight: 900;
        font-size:18px;
        letter-spacing: 4px;
    }

    .under_title_str {
        font-size:12px;
        letter-spacing: 2px;
    }
    .pict_half {
        width:80px;
    }

}

/*============================== 新築リフォーム ==============================*/

.jirei_title_bk {
    background:url(../img/case_title.gif) no-repeat center center;
    background-size:90% 185px;
    height:190px;
}
.jirei_title_parts {
    display:inline-table;
    height:50%;
    width:100%;
}
.jirei_title_main {
    margin-top:45px;
    margin-bottom:0px;
    font-weight: 900;
    font-size: 26px;
}
.jirei_title_sub {
    font-size: 15px;
    letter-spacing: 4px;
    margin-top:15px;
    margin-left:73px;
    margin-right:65px;
}

@media screen and (max-width:768px) {

  .jirei_title_main {
      font-size: 20px;
  }
  .jirei_title_sub {
      font-size: 12px;
      margin-left:25px;
      margin-right:25px;
  }

}




/*============================ トップへ戻るボタン ============================*/

#pageTop {
    position: fixed;
    top: 90%;
    right: 20px;
}
#pageTop a {
    display: block;
    z-index: 999;
    padding: 8px 0 0 0;
    border-radius: 30px;
    width: 35px;
    height: 35px;
    background-color: #dcdcdc;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
}
#pageTop a:hover {
    text-decoration: none;
    opacity: 0.7;
}