/* 基本のcss設定 */



/* メインエリア設定 */



#contents_area {

    font-size: 0.875rem;

}



#contents_area div.row {

    margin-right: 0;

    margin-left: 0;

    padding-left: 2rem;

}



#simulater_input_area .form_subtitle {

    font-size: 1.125rem;

    font-weight: 900;

    text-indent: 0.75rem;

    color: #3f80db;

    margin-bottom: 6px;

    background-image: url("../images/line_dot_blue.png");

    background-repeat: no-repeat;

    background-attachment: scroll;

    background-position: left 0px top 4px;

}



#simulater_input_area .form_subtitle#form_subtitle_loan {

    color: #49940c;

    background-image: url("../images/line_dot_green.png");

}

#simulater_input_area .form-group {

    padding-left: 0.5rem;

    margin-bottom: 1rem;

}

#simulater_input_area .form-group > label {

    margin-bottom: 0.25rem;

}



#simulater_output_area {

    position: relative;

    border: 1px solid #3f80db;

    background-image: url("../images/bg_dot_paleblue.png");

    background-repeat: repeat;

    background-attachment: scroll;

    background-position: right bottom;

}

/* シミュレート結果表示前の文字設定 */

#output_area_info {

    /* 上下左右中央寄せ*/

    position: absolute;

    top: 0;

    left: 0;

    right: ;

    bottom: 0;

    margin: auto;

    width: 100%;

    height: 2rem;

    text-align: center;



    font-size: 1.875rem;

    color: #808080;

}



/* シミュレート結果 表示設定 */

#contents_area div.row#output_table_area {

    padding: 1rem;

}



#output_table_area div:nth-child(1) {

    padding-right: 0.5rem;

}

#output_table_area div:nth-child(2) {

    padding-left: 0.5rem;

}



/* テーブル設定 */

#output_table_area .table {

    color: #808080;

}

#output_table_area th:not(.table_title),

#output_table_area td, {

    font-size: 0.875rem;

}

#output_table_area tr.table_font_bold > th,

#output_table_area tr.table_font_bold > td {

    color: #404040;

    font-weight: 900;

}



/* テーブル設定（借入条件） */

table.table_colspan2#loaninfo_table th,

table.table_colspan2#loaninfo_table td {

    /* 1px × 1pxのドットで間隔が3pxの点線を下に表示 */

    background-image: linear-gradient(to right, #49940c, #49940c 1px, transparent 1px, transparent 2px);

}

table.table_colspan2#loaninfo_table th {

    border-left: 1px solid #49940c;

}

table.table_colspan2#loaninfo_table td {

    border-right: 1px solid #49940c;

}

/* 最下行の罫線は実線にする */

table.table_colspan2#loaninfo_table tr:last-child th,

table.table_colspan2#loaninfo_table tr:last-child td {

    background-image: none;

    border-bottom: 1px solid #49940c;

}

/* 大見出しの設定 */

table.table_colspan2#loaninfo_table th.table_title {

    border: 1px solid #49940c;

    background-color: #49940c;

}



/* テーブル設定（20年間の予想収益、20年間の固定資産税） */

table.table_colspan2#revenue20year_table th,

table.table_colspan2#revenue20year_table td,

table.table_colspan2#tax20year_table th,

table.table_colspan2#tax20year_table td {

    /* 1px × 1pxのドットで間隔が3pxの点線を下に表示 */

    background-image: linear-gradient(to right, #db0c20, #db0c20 1px, transparent 1px, transparent 2px);

}

table.table_colspan2#revenue20year_table th,

table.table_colspan2#tax20year_table th {

    border-left: 1px solid #db0c20;

}

table.table_colspan2#revenue20year_table td,

table.table_colspan2#tax20year_table td  {

    border-right: 1px solid #db0c20;

}

/* 最下行の罫線は実線にする */

table.table_colspan2#revenue20year_table tr:last-child th,

table.table_colspan2#revenue20year_table tr:last-child td,

table.table_colspan2#tax20year_table tr:last-child th,

table.table_colspan2#tax20year_table tr:last-child td {

    background-image: none;

    border-bottom: 1px solid #db0c20;

}

/* 大見出しの設定 */

table.table_colspan2#revenue20year_table th.table_title, 

table.table_colspan2#tax20year_table th.table_title {

    border: 1px solid #db0c20;

    background-color: #db0c20;

}







/* 991px以下*/



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

    #contents_area > section {

        padding: 0 0.5rem;

        margin-bottom: 1rem;

    }

    

    #contents_area div.row {

        padding-left: 0.5rem;

    }

    #contents_area div.row#output_table_area {

        padding: 0.5rem;

    }

    #output_table_area div:nth-child(1) {

        padding-right: 0;

    }

    #output_table_area div:nth-child(2) {

        padding-left: 0;

    }

    #output_table_area div > table {

        margin-bottom: 0.5rem;

    }

    #output_table_area div > table#loaninfo_table {

        margin-bottom: 0;

    }

}





/* 767以下*/



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

    #simulater_output_area {

        margin-left: -0.25rem;

        min-height: 200px;

    }

    #output_area_info {

        font-size: 1.25rem;

    }

   

}