/* 物件情報のcss設定 */





#product_list_area {

    width: 100%;

    margin: 5px;

}





#product_list_area .product {

    margin: 0.75rem;

    padding: 12px 17px;

    outline: 1px solid #ddd;

}



#product_list_area .product:hover {

    border: 7px solid #f9ec1b;

    padding: 5px 10px;

}

#product_list_area .product:active {

    color: #808080;

}



#product_list_area .product .row {

    padding: 0px 17px;

}





.product_title {

    font-size: 0.875rem;

    text-decoration: underline;

}



.product_thumbnail_area {

    position: relative;

    margin: 5px 0px;



}



.product_status {

    position: absolute;

    top: 0;

    right: 0;

    margin: 0;



    width: 72px;

    height: 31px;

    font-size: 1.125rem;

    text-align: center;

    background-color: #808080;

    color: #fff;

    padding: 1px;

}



/* ステータスNEW */

.product_status.new {

    background-color: #db0c20;

    color: #fff;

}



/* ステータス商談中 */

.product_status.nego {

    background-color: #86c23a;

    color: #fff;

}



/* ステータス売約済 */

.product_status.sold {

    background-color: #808080;

    color: #fff;

}





.product_info_area > div {

    width: 100%;

    height: 1.75rem;

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

    background-repeat: repeat-x;

    background-attachment: scroll;

    background-position: bottom;

    

    font-size: 0.75rem;

    font-weight: 400;

    color: #808080;

}



.product_info_area div.product_price,

.product_info_area div.product_yield,

.product_info_area div.product_capacity {

    text-align: right;

    font-size: 1.125rem;

    color: #86c23a;

}



.product_info_area div.product_capacity {

    font-size: 0.875rem;

    color: #404040;

}



.product_info_area span.overload {

    margin-left: 0.5rem;

    color: #c23a7a;

}





/* 物件一覧ページの物件情報エリア設定 */

#main_area > #product_list_area {

    margin: 0px;

}







/* 物件詳細ページの設定 */



/* 物件詳細ページでのステータス（タイトル右上に表示） */

#main_area .heading div.product_status {

    height: 30px;

    margin-top: 1px;

    margin-right: 2rem;

}



#product_detail_area {

    margin: 1.5rem 2rem;

}



#product_images > div {

    margin-bottom: 8px;

}





/* テーブルデザインの設定（物件詳細ページ専用） */

#product_detail_area th:not(.table_title) {

    background-color: #eee;

    width: 40%;

}



#product_detail_area span.overload {

    font-size: 0.875rem;

    margin-left: 0.5rem;

    color: #c23a7a;

}



#product_detail_area td.product_price,

#product_detail_area td.product_yield {

    padding: 0.125rem 1rem;

    font-size: 1.5rem;

    color: #86c23a;

}

#product_detail_area th.th_product_price,

#product_detail_area th.th_product_yield {

    padding: 0.125rem 1rem;

}



#product_simulater_btn_area {

    margin: 0 auto;

}

#product_simulater_btn_area > a > div {

    font-size: 1.125rem;

    padding: 0.5rem 0.75rem;

    background-color: #fff;



    border: 3px solid #86c23a;

    border-radius: 5px;

    box-shadow: 3px 3px rgba(200,200,200,1);

}

#performance_link {

    margin: 0.5rem 0;

    font-size: 0.875rem;

}

.triangle_right_after:after {

    border-left-color: #4082de;

}



#product_promotion_area {

    background-color: #edf6ff;

}

#promotion_text_area {

    text-align: center;

    padding-top: 2rem;

    padding-bottom: 0.5rem;

    font-size: 1.125rem;

    line-height: 2.25rem;

}

#promotion_text_title {

    margin-bottom: 1rem;;

    font-size: 1.5rem;

    font-weight: 900;

    color: #4082de;

}



#promotion_text_area span.text_small {

    font-size: 0.875rem;

    font-weight: 100;

    padding: 0 0.5rem;

}

#promotion_reference_area {

    text-align: center;

    margin: 0 auto;

}

#promotion_reference_area li {

    text-align: left; 

    margin-left: auto; 

    margin-right: auto; 

    width: 300px; 

}

#maintenance_link {

    text-align: right;

    padding-bottom: 1rem;

    padding-right: 6rem;

    margin: 0 auto;

    font-size: 0.875rem;

    max-width: 1200px;

}



#contact_info_area {

    text-align: center;

    padding: 1rem 0;

}

#contact_info_area p {

    font-size: 0.875rem;

    font-weight: 100;

    margin-top: 0.5rem;

}



/* 行頭に電話アイコン */

.link_tel {

    font-size: 2.25rem;

    font-weight: 900;

    color: #4082de;

    margin-right: 3rem;

}

.link_tel:hover {

    color: #404040;

}

.link_tel:active {

    color: #404040;

    background: #f9ec1b;

}

.link_tel:before {

  content: '';

  display: inline-block;

  width: 30px;

  height: 30px;

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

  background-size: contain;

  vertical-align: middle;

  margin-left: 0.25rem;

  margin-right: 0.25rem;

  margin-top: -0.5rem; 

}

.link_tel:hover:before,

.link_tel:active:before {

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

}





/* 行頭にメールアイコン */

.link_mailform {

    font-size: 1.125rem;

    font-weight: 900;

    color: #4082de;

}

.link_mailform:hover {

    color: #404040;

}

.link_mailform:active {

    color: #404040;

    background: #f9ec1b;

}

.link_mailform:before {

  content: '';

  display: inline-block;

  width: 28px;

  height: 28px;

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

  background-size: contain;

  vertical-align: middle;

  margin-left: 0.25rem;

  margin-right: 0.5rem;

  margin-top: -0.25rem; 

}

.link_mailform:hover:before,

.link_mailform:active:before {

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

}





/* 注釈文 */

span.ref_counter_mark {

    font-size: 0.875rem;

    color: #4082de;

    padding-left: 0.25rem;

}

span.ref_counter_mark.ontitle {

    color: #fff;

    padding-left: 1rem;

}



.ref_counter_text {

    font-size: 0.75rem;

    font-weight: 100;

}

.ref_counter_text ol {

    margin-left: -0.25rem;

}

.ref_counter_text ol li {

    list-style-type: none;

    counter-increment: cnt;

    margin-bottom: 0.3rem;

}

.ref_counter_text ol li::before {

    content: "※" counter(cnt);

    display: inline-block;

    margin-left: -2rem;

    width: 2rem;

    color: #4082de;

}



/* 1128px以下*/



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



    #product_detail_area {

        margin: 1.5rem 0.5rem;

    }  

    

}



/* 767以下*/



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



#product_list_area .product {

    margin: 0.25rem;

    padding: 8px 15px;

}



#product_list_area .product:hover {

    border: none;

    padding: 8px 15px;

}



#product_list_area .product .row {

    padding: 0px 12px;

}





#product_list_area .product .row .product_info_area {

    padding-left: 10px;

}





.product_info_area {

    margin: auto 0;

}



.product_info_area > div {

    height: 2.85rem;

    margin-bottom: 0.5rem;

}



.product_info_area > div .title{

    vertical-align: top;

}





.product_info_area > div.last_row{

    background-image: none;

}





/* 物件詳細ページでのステータス（タイトル右上に表示） */

#main_area .heading div.product_status {

    margin-top: 1px;

    margin-right: 0;

    width: 50px;

    height: 22px;

    font-size: 0.75rem;

    padding: 1px;

}



#main_area .heading h1 {

    font-size: 1.125rem;

    padding: 0 0 2px 7px;

}





#promotion_text_area {

    font-size: 1rem;

    line-height: 1.5rem;

}

#maintenance_link {

    padding-right: 1rem;

}



/* 行頭に電話アイコン */

.link_tel {

    margin-right: 0;

}

#contact_info_area > div {

    margin: 1rem;

}



}