/*--------------------------------------------------------------------------------*/

.store_voice-top-container {
    background-color: #5c9f55;

    display: flex;
    justify-content: center;
    align-items: center;

    padding: 20px 15px;

    height: 100px;
}

    .store_voice-top-content {
        display: flex;
        flex-direction: row;
        gap: 4px;
        justify-content: flex-start;

        height: 26px;
    }

        .store_voice-top-icon {
            margin-top: 2px;
            height: 26px;
        }
            .store_voice-top-icon img {
                height: 100%;
            }

        .store_voice-top-text {
            color: #fff;

            font-size: 20px;
            font-weight: 600;
        }




/*--------------------------------------------------------------------------------*/
.blog-container {
    background-color: #fff;
    display: block;
    padding: 20px 20px;
    border-bottom: 1px solid #ccc;
}

    .blog-content {
        display: flex;
        flex-direction: column;
    }

        .blog-title {

        }

        .blog-thumbnail {
        }
            .blog-thumbnail-image {
                width: 100%;
            }

        .blog-comment {
            max-width: 100%;
            overflow-wrap: break-word; /* Long text: wrap */
            word-wrap: break-word;
        }
            .blog-comment img,
            .blog-comment iframe,
            .blog-comment table {
                max-width: 100%;   /* Keep parent width */
                height: auto;      /* Keep ratio */
                box-sizing: border-box;
            }
            .blog-comment table {
                display: block;   /* X scrollable */
                overflow-x: auto;
            }

            .blog-comment h1 {
            }
            .blog-comment h2 {
                position: relative;
                padding-left: 20px;
                margin: 0;
            }
                .blog-comment h2::before {
                    content: "";
                    position: absolute;
                    left: 0;
                    top: 50%;
                    transform: translateY(-50%);
                    width: 8px;
                    height: 70%;
                    background: #5c9f55;
                    border-radius: 0px;
                }
            .blog-comment h3 {
                color: #5c9f55;
            }
            .blog-comment h4 {
            }
            .blog-comment h5 {
            }
            .blog-comment h6 {
            }



/*--------------------------------------------------------------------------------*/
.store-voice-bottom-navigation {
    background-color: #fff;
    
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 10px;
    
    padding: 10px 20px;

    margin-bottom: 5px;
}

    .store-voice-bottom-navigation-item {
        display: flex;
        flex-direction: row;

        font-size: 15px;

        flex-shrink: 0;
        flex-basis: 100px;
    }
        .store-voice-bottom-navigation-item-only-text {
            flex: 1 0 auto;
            justify-content: center;
        }

        .store-voice-bottom-navigation-item img {
            margin: 4px 5px 0px 5px;
            height: 16px;
        }