.breadcrumb {
    width: 100%;
    overflow-x: auto;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: nowrap;
    padding-bottom: 5px;
}

@media (min-width: 1024px) {
    .breadcrumb {
        font-size: 1.2rem;
    }
}

.breadcrumb__item:not(:last-child) {
    margin-right: 2rem;
}

.breadcrumb__item:not(:last-child) .breadcrumb__link {
    text-decoration: underline;
}

.breadcrumb__item > .breadcrumb__link, .breadcrumb__item > .breadcrumb__text {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
}

.breadcrumb__item > .breadcrumb__link {
    color: #337ab7;
}

.breadcrumb__text, .breadcrumb__link {
    white-space: nowrap;
}

.main-title {
    margin-top: 20px;
}


@media screen and (min-width: 768px) {
    .category-header_title {
        font-size: 2.5rem !important;
        margin-top: 20px !important;
    }
}
    


/* ランキング */
.category-ranking__title {
    font-size: 2.2rem !important;
}

.ranking-list_inr ul {
    display: flex;
    width: max-content;
    border-radius: 15px;
    padding: 15px 5px;
    background: #fff;
}
.mv p{
    font-size: 1.5rem;
    margin: 20px 0 70px 0;
}

.mv{
    margin-bottom: 30px;
}

.n_rank_sct{
    margin-bottom: 80px;
}


.ranking-list_inr ul {
    flex-wrap: wrap;
}

.ranking-list_inr li {
    border-right: none !important;
}


@media screen and (min-width: 768px) {
    .ranking-list_inr {
        border: 1px solid #dddddd;
        border-radius: 10px;
    }
}

@media (max-width: 767px) {
    .mv p {
        font-size: 1.3rem;
    }
}


.ranking-list_inr .ranking_tabs2 li:nth-of-type(1) .ranking_num,
.ranking-list_inr .ranking_tabs2 li:nth-of-type(2) .ranking_num,
.ranking-list_inr .ranking_tabs2 li:nth-of-type(3) .ranking_num,
.ranking-list_inr .ranking_tabs2 li:nth-of-type(4) .ranking_num,
.ranking-list_inr .ranking_tabs2 li:nth-of-type(5) .ranking_num{
    line-height: 1.2;
    background-image: url(/html/user_data/assets/img/common/icon_rank-back.webp);
    background-repeat: no-repeat;
    background-size: 50px;
    background-position-x: center;
    background-position-y: 2px;
    font-size: 1.4rem;
    color: #555;
    font-weight: 550;
}

.ranking-list_inr .ranking_tabs2 li:nth-of-type(1) .ranking_num:before,
.ranking-list_inr .ranking_tabs2 li:nth-of-type(2) .ranking_num:before,
.ranking-list_inr .ranking_tabs2 li:nth-of-type(3) .ranking_num:before,
.ranking-list_inr .ranking_tabs2 li:nth-of-type(4) .ranking_num:before,
.ranking-list_inr .ranking_tabs2 li:nth-of-type(5) .ranking_num:before{
    content: none !important;
}





/* 商品一覧 */
/* H2 */
.category_subhead{
    border-bottom: none !important;
    outline: 2px solid #4a4646;
    background-image: linear-gradient(45deg, transparent 0 30px, #fff 30px), repeating-linear-gradient(135deg, #0a4327 0 3px, transparent 3px 6px);
    color: #4a4646;
    text-align: -webkit-center;
    padding: 15px;
}

@media (min-width: 600px) {
    .category_item_list ul>li {
        width: calc((100% - 45px) / 4) !important;
    }
}

.category_subhead_title{
    color: #4a4646;
    font-size: 2.2rem;
    position: relative;
    padding: 0 .7em .1em;
    border-bottom: 3px solid #0a4327;
    color: #333333;
}

.category_subhead_title::before,
.category_subhead_title::after {
    position: absolute;
    left: 30px;
    bottom: -15px;
    width: 30px;
    height: 15px;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    content: '';
}

.category_subhead_title::before {
    background-color: #0a4327;
}

.category_subhead_title::after {
    bottom: -11px;
    background-color: #fff;
}





/* シニア向けノベルティ */

.bullet_points_item{
    list-style-type: none;
    padding: 1em;
    background-color: #f5ead6;
    border-radius: 10px;
}

.bullet_points_item li{
    font-size: 1.9rem;
    margin-bottom: 20px;
    align-items: center;
    gap: 0 10px;
    position: relative;
    padding: .5em .3em .5em 2.5em;
    background-color: #ffffff;
    border-radius: 10px;
    margin: 10px 10px 20px 10px;
}

.bullet_points_item li::before,
.bullet_points_item li::after{
    position: absolute;
    content: '';
}

.bullet_points_item li::before {
    left: 19px;
    width: 1.2em;
    height: 1.2em;
    border-radius: 50%;
    background-color: #0a4327;
    top: 11px;
}

.bullet_points_item li::after {
    transform: translateX(-75%) rotate(32deg);
    width: .3em;
    height: .4em;
    border-bottom: 3px solid #fff;
    border-right: 2px solid #fff;
    top: 1.6rem;
    left: 3.2rem;
}

.bullet_points_item li text{
    font-size: 1.6rem;
}

.bullet_points_item span{
    font-weight: bold;
}

@media (max-width: 787px){
    .bullet_points_item li {
        font-size: 1.5rem;
    }
    .bullet_points_item li::before {
        left: 6px;
        top: 9px;
    }
    .bullet_points_item li::after {
        left: 1.5rem;
        top: 15px;
    }
}

.category_item_list {
    margin-top: -100px;
    padding-top: 125px;
    padding-bottom: 70px !important;
}


/* シニア向け名入れ */
.category_item_list2 {
    margin-top: -100px;
    padding-top: 125px;
}

/* テーブル */
.custom-table {
    border-collapse: collapse;
    width: 100%;
    max-width: 700px;
    border: 1px solid #333;
    font-size: 1.6rem;
    margin: 20px auto 0 auto;
}

.custom-table th,
.custom-table td {
    border: 1px solid #333;
    padding: 12px;
    vertical-align: top;
    font-size: 1.8rem;
}

.custom-table th {
    background-color: #f5ead6;
    text-align: left;
    font-size: 1.8rem;
}

.custom-table a {
  color: #0078d7 !important;
  text-decoration: none;
    font-size: 1.5rem;
}

.category_item_list a {
    font-size: 1.4rem !important;
}

.custom-table a:hover {
  text-decoration: underline;
}

@media (max-width: 787px){
    .custom-table th, .custom-table td {
        font-size: 1.4rem;
    }

}


/* H2の導入文 */
.introduction_text{
    font-size: 1.5rem;
    margin-top: 15px;
}

.bullet_points_item{
    font-size: 1.5rem;
    margin-top: 20px;
}