@charset "utf-8";
/* CSS Document */

/* レビュー用 */

/* --- title --- */
.titleText{
    font-size: 17px;
    line-height: 17px;
}

/* --- 追加タイトルタイプ --- */

.titleBack05 .titleArea{
    text-align: center;
    background: #ababab;
    border-radius: 7px;
    padding: 5px;
}

.titleBack05 .titleText {
    font-size: 14px;
    color: #fff;
    line-height: 17px;
    font-weight: bold;
}
.titleBack05 .titleText:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    background: url(./review_title_icon01.png) no-repeat;
    background-size: contain;
    width: 25px;
    height: 25px;
    margin-right: 10px;
    margin-bottom: 3px;
}

#sp.titleBack05 .titleText {
    font-size: 14px;
}

.titleBack05 .titleText span{
    font-size: 17px;
}

.titleBack05 .updateDate{
    display: none;
}

#sp.titleBack05 .titleText{
    margin-bottom: 0;
}


/* --- 追加タイトルタイプ　ここまで --- */

/* --- tile --- */

.tile .wrapper{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100vw;
    border: 1px solid #ababab;
    background: #ececec;
    box-sizing: border-box;
    padding: 5px;
}

#sp .tile .wrapper{
    margin-bottom: 5px;
    height: 70px;
    overflow: hidden;
    border-width: 1px;
}

/* テキスト */

.tile .main_text{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: auto;
    max-width: calc(100% - 195px);
    padding: 2px 0;
    margin-right: 10px;
}

#sp .tile .main_text{
    width: 100%;
    max-width: 100%;
    padding: 2px 0;
    margin-right: 0;
    white-space: normal;

}

/* 星 */

.rightWrapper{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #ececec;   
}

#sp .rightWrapper{
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 0 2px 2px 8px;
}

.star{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 80px;
    padding: 2px 0　3px;
    margin-right: 10px;
}

#sp .star{
    width: 70px;
}

.star .full:before,
.star .half:before,
.star .off:before{
    font-family: 'icomoon';
    color: orange;
    font-size: 14px;
    padding: 0 1px;
    vertical-align: middle;
}

#sp .star .full:before,
#sp .star .half:before,
#sp .star .off:before{
    font-size: 11px;
}

.star .full:before{
    content: "\e9d9";
}
.star .half:before{
    content: "\e9d8";
}
.star .off:before{
    content: "\e9d7";
}

.link_button{
    width: 90px;
    text-align: center;
    background: #ababab;
    border-radius: 5px;
    color: #fff;
    font-size: 11px;
    padding: 2px;
    margin-top: 1px;
}

#sp .link_button{
    width: 80px;
    font-size: 10px;
    padding: 2px;
    margin-top: 2px;
}
.link_button:hover{
    opacity: 0.8;
}

/* --- tile ここまで --- */