
.review-container {
    margin-bottom: 10px;
}

.review-container > div {
    display: inline-block;
    margin-right: 20px; /* 適切な間隔を設定 */
}

.review-author,.review-rating{
    font-size: 13px;
}

.place-name2 {
    text-align:center;
    font-size: 18px;
    font-weight: bold;
}
.place-name3 {
    Text-align:center; color:#999999;
    font-size: 15px;
    font-weight: bold;
}


.place-name {
    font-size: 18px;
    font-weight: bold;
}

.place-name::after {
    content: " の口コミ";
}

.place-rating {
    font-size: 16px;
    font-weight: bold;
    color: #000000; /* 星の色 */
}

.star {
    color: #ff69b4; /* ピンクの色 */
}

.review-count {
    display: inline-block;
    margin-left: 20px;
    font-size: 16px;
    color: #666;
}.review-count2 {


    font-size: 12px;
    color: #666;
}

.tota-bk {
    margin-top:20px;
    margin-bottom:20px;
    background-color: #f5f5f5;
    padding: 10px;
    border-radius: 5px;
    text-align: center;
    width: 100%;
}

.review-wrap {
    display: flex;
    align-items: center;
    border-top: 1px solid #ccc;
    flex-wrap: wrap;
    padding: 20px 0;
}

.review-profile {
    flex: 0 0 auto;
    font-weight: bold;
    margin-right: 10px;
}

.review-rate::before {
    content: '\f007';
    font-family: var(--stk-font-awesome-free, "Font Awesome 5 Free");
    font-weight: 900; /* アイコンのウェイトを指定（900は太字） */
    margin-right: 5px; /* アイコンと名前の間の余白 */
}

.review-rate,
.review-time-description {
    flex: 1;
    display: flex;
    align-items: center;
}

.review-rate {
    text-align: center;
    margin-top: 8px;
}

.review-time-description {
    color: #888;
    margin-right: 10px;
}

.review-text_tit {
    background-color: #f5f5f5;
    font-weight: bold;
    font-size: 12px;
    padding: 5px;
    border-radius: 10px;
}

.review-text {

    margin-top: 0px;
    margin-bottom: 20px;
    line-height: 1.6;
    clear: both;
    font-size: 13px;
    border: 6px solid #f0f0f0;
    padding: 10px; 
    border-radius: 5px; /* 角丸にする */
    max-width: 100%; /* 親要素の幅を超えないようにする */
   
   margin-left:20px;
  
}


.place-link {
    display: block;
    width: 100%;
    color: #cc8294;
    border: 3px solid #cc8294;
    padding: 14px 20px;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    margin-top: 20px;
    transition: background-color 0.3s; /* 背景色の変化をスムーズにするためのトランジション */
}

.place-link:hover {
    background-color: #cc8294; /* マウスオーバー時の背景色 */
    color: #ffffff; /* マウスオーバー時のテキスト色 */
}

.place-link::before {
    content: '\f138';
    font-family: var(--stk-font-awesome-free, "Font Awesome 5 Free");
    font-weight: 900; /* アイコンのウェイトを指定（900は太字） */
    margin-right: 5px; /* アイコンとテキストの間隔 */
}

.place-rating-stars {
    margin-left:20px;
    font-size: 17px; /* ほしのサイズ */
}

.place-rating-stars .star {
    color: #ff69b4; /* 星の色 */
}

.fetch-time {
    text-align:right;
    font-size: 12px;
    color: #888;
    margin-bottom: 10px;margin-right: 15px;margin-left: 15px;
    margin-top: -10px;
}


.review-post-time{
    
    font-size: 11px;
    color: #888;
   
    Margin-left: 10px;
}

.review-author img {
    vertical-align: middle;
    width: 20px;
    height: 20px;
    margin-top: 5px; /* プロフィール写真を下に移動 */
    margin-right: 5px; /* プロフィール写真と評価の間隔 */
}
.review-profile-photo {
    vertical-align: middle;
    margin-right: 10px; /* プロフィール写真と評価の間隔 */
}

