@charset "utf-8";

/*-------------------------------------------------------------------------
オーナー様の声

http://chinmasa.com/kushitsu/
http://chinmasa.com/chintai-keiei/
http://chinmasa.com/rent-house/
で使用中
-------------------------------------------------------------------------*/

/* レイアウト
--------------------------- */
.voice {
    padding: 30px 0 50px;
}
.kushitsu .voice      { background-image: url("/images/chat/bg_stripe_orange.gif");}
.chintai-keiei .voice { background-image: url("/images/chat/bg_stripe_orange.gif");}
.rent-house .voice    { background-image: url("/images/chat/bg_stripe_orange.gif");}

    .voice__headline {
        text-align: center;
        margin: 0 0 20px;
    }
    .voice-contents {
        background-color: #fff;
        border-radius: 20px;
        padding: 40px 40px 50px;
    }
        .chat:not(:last-child) {
            margin: 0 0 50px;
            padding: 0 0 50px;
            border-bottom: 1px solid #aaa;
        }
            .chat-head {
                overflow: hidden;
                margin: 0 0 30px;
            }

/* お客様評価
--------------------------- */
.chat__value {
    float: left;
    font-size: 0!important;
    margin: 0 0 0 9px;
}
    .chat__value__ttl {
        font-size: 15px;
        font-weight: bold;
        margin: 0 10px 0 0;
    }
    .chat__value__star {
        vertical-align: -2px;
        margin: 0 5px 0 0;
    }
    .chat__value__num {
        margin: 0 10px;
        font-size  : 16px!important;
        font-weight: bold;
        color      : #f7923b!important;
    }
    .chat__value__icn {
        width: 39px;
        height: 19px;
        line-height: 19px!important;
        text-align: center;
        background-color: #ffc000;
        font-size: 12px!important;
        color    : #fff!important;
        display: inline-block;
        vertical-align: 3px;
    }
.chat__area {
    float: right;
    font-size: 15px;
    margin: 0 138px 0 0;
}

/* チャット本文
--------------------------- */
.chat-panel {
    overflow: hidden;
    margin: 0 0 50px;
}
.chat-panel:last-child {
    margin: 0;
}
    /* アイコン */
    .chat-panel__icn {
        text-align: center;
        font-size: 15px;
        line-height: 1;
    }
    [data-chat="owner"] .chat-panel__icn {
        float: left;
        margin: 0 35px 0 92px;
    }
    [data-chat="masaki"] .chat-panel__icn {
        float: right;
        margin: 0 28px 0 35px;
    }
        .chat-panel__icn img {
            display: block;
            margin: 0 0 11px;
        }
    /* 文章 */
    .chat-panel__text {
        width: 540px;
        box-sizing: border-box;
        position: relative;
        padding: 32px;
    }
    .chat-panel__text.org  { background-color: #ffefbf;}
    .chat-panel__text.blue { background-color: #f2fbfe;}

    [data-chat="owner"] .chat-panel__text  { float: left;}
    [data-chat="masaki"] .chat-panel__text { float: right; background-color: #e5e5e5;}
        
        /* 吹き出し */
        [data-chat="owner"] .chat-panel__text:before,
        [data-chat="masaki"] .chat-panel__text:before {
            content: "";
            border-style: solid;
            position: absolute;
            top     : 20px;
        }
        .chat-panel__text.org:before  { border-color: transparent #ffefbf transparent transparent;}
        .chat-panel__text.blue:before { border-color: transparent #f2fbfe transparent transparent;}
        
        [data-chat="owner"] .chat-panel__text:before {
            border-width: 10px 21px 10px 0;
            left: -21px;
        }
        [data-chat="masaki"] .chat-panel__text:before {
            border-width: 10px 0 10px 21px;
            border-color: transparent transparent transparent #e5e5e5;
            right: -21px;
        }
        .chat-panel__text p {
            font-size: 16px;
        }
        .chat-panel__text dt,
        .chat-panel__text dd {
            font-size: 15px;
        }
        .chat-panel__text dt {
            font-weight: bold;
            line-height: 1;
            margin: 0 0 14px;
        }
        .chat-panel__text dd {
            line-height: 1.4;
        }