.navbar .nav-link > span {
    color:#373737;
    font-size: 12px;
}
.navbar .btn-primary > span {
    color:#fff;
    font-size: 12px;
} 
.navbar .nav-link > span::before,
.navbar .btn-primary > span::before {
    content:"－";
    margin: 0 5px 0 10px;
}
.navbar .nav-link > span::after,
.navbar .btn-primary > span::after {
    content:"－";
    margin: 0 0 0 5px;
}

@media (min-width: 992px) {
    .navbar .nav-link,
    .navbar .btn-primary {
        text-align: center;
        min-width: 130px;
    }
    
    .navbar .nav-link > span,
    .navbar .btn-primary > span {
        display:block;
    } 

    .navbar .nav-link > span::before,
    .navbar .btn-primary > span::before {
        content:"－";
        margin-left: 0;
    }
}


section{
    margin-bottom: 48px;
}

h3 > span,
h4 > span {
    color:#373737;
    font-size: 14px;
}
h3 > span::before,
h4 > span::before {
    content:"－";
    margin: 0 5px 0 10px;
}
h3 > span::after,
h4 > span::after {
    content:"－";
    margin: 0 0 0 5px;
}

.star5_rating{
    position: relative;
    z-index: 0;
    display: inline-block;
    white-space: nowrap;
    color: #CCCCCC; /* グレーカラー 自由に設定化 */
    /*font-size: 30px; フォントサイズ 自由に設定化 */
}

.star5_rating:before, .star5_rating:after{
    content: '★★★★★';
}

.star5_rating:after{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    overflow: hidden;
    white-space: nowrap;
    color: #ffcf32; /* イエローカラー 自由に設定化 */
}

.star5_rating[data-rate="5"]:after{ width: 100%; } /* 星5 */
.star5_rating[data-rate="4.5"]:after{ width: 90%; } /* 星4.5 */
.star5_rating[data-rate="4"]:after{ width: 80%; } /* 星4 */
.star5_rating[data-rate="3.5"]:after{ width: 70%; } /* 星3.5 */
.star5_rating[data-rate="3"]:after{ width: 60%; } /* 星3 */
.star5_rating[data-rate="2.5"]:after{ width: 50%; } /* 星2.5 */
.star5_rating[data-rate="2"]:after{ width: 40%; } /* 星2 */
.star5_rating[data-rate="1.5"]:after{ width: 30%; } /* 星1.5 */
.star5_rating[data-rate="1"]:after{ width: 20%; } /* 星1 */
.star5_rating[data-rate="0.5"]:after{ width: 10%; } /* 星0.5 */
.star5_rating[data-rate="0"]:after{ width: 0%; } /* 星0 */


@media screen and (max-width: 575px) {
    .table-responsive thead th{
        display: none;
    }
    .table-responsive tbody td:first-child {
        font-weight: bold;
        border-bottom:none;
    }
    .table-responsive tbody td:nth-child(2) {
        border-bottom:none;
        padding-top: 0;
        padding-bottom: 0;
    }
    .table-responsive tbody td:last-child {
        padding-top: 0;
    }

    .table-responsive tbody td::before {
        font-size:12px;
    }
    .table-responsive tbody td:first-child::before {
        content: "項目名：";
        
    }
    .table-responsive tbody td:nth-child(2)::before {
        content: "価格：";
    }
    .table-responsive tbody td:last-child::before {
        content: "備考：";
    }

    .table-responsive td,
    .table-responsive th {
        width: 100%;
        display: block;
        text-align: left;
    }
}