@charset "utf-8";
/* 2026.5 counter*/

.cate_temp .counter_nav_flex{display: flex;justify-content: space-between;gap:2% }
.cate_temp .counter_nav_flex p{width: calc((100% - 10%) / 6);}
.cate_temp .counter_nav_flex p a{display: block;color:#fff;background: url(https://rfyamakawa.itembox.cloud/item/category/counter/nav.svg) no-repeat center 91% #576E83;
font-size: 14px;font-weight: bold;text-align: center;padding: 30px 0;height: 83px}
.cate_temp .counter_nav_flex p a.br{height: auto;padding: 20px 0}
@media (max-width: 767px) { 
.cate_temp .counter_nav_flex{justify-content: flex-start;flex-wrap: wrap;}
.cate_temp .counter_nav_flex p{width: calc((100% - 2%) / 2);margin-bottom: 2%}
.cate_temp .counter_nav_flex p a{height: auto;padding: 15px;text-align: left;background-position: 95% center}
.cate_temp .counter_nav_flex p a.br{padding:4px 15px}
}
.cate_temp h3.ttl_gray {background: #7C8790;color: #fff;font-weight: bold;font-size: 20px;padding: 10px 20px;margin-bottom: 30px}
.cate_temp .counter_flex{display: flex;justify-content: space-between;}
.cate_temp .counter_flex .left{width: 33%}
.cate_temp .counter_flex .left .text{color: #3C3C3C;font-size: 12px;margin-top: 10px}
.cate_temp .counter_flex .right{width: 65%}
.cate_temp .counter_flex .right h4{margin: 0 0 10px 0;padding: 0;border: none;color: #3C3C3C;font-size: 18px; font-weight: bold;}
.cate_temp .counter_flex .scroll{margin: 0;overflow: auto;-webkit-overflow-scrolling: touch;}
.cate_temp .counter_flex .counter_flex4{display: flex;column-gap: 15px;width: 980px;padding-bottom: 15px}
.cate_temp .counter_flex .counter_flex4.width_auto{width: auto;}
.cate_temp .counter_flex .counter_flex4 .box{width: 230px;}
.cate_temp .counter_flex .counter_flex4 .box .name{font-size: 13px; font-weight: bold;margin: 10px 0;}
.cate_temp .counter_flex .counter_flex4 .box .text{font-size: 12px;}
.cate_temp .counter_flex .scroll .ranking{padding-bottom: 15px}
.cate_temp .counter_flex .btn a{text-align: center;display: block;border: 1px solid #576E83;width: 40%;margin: 20px auto 0;
font-size: 13px; color: #576E83;padding: 10px 0}
.cate_temp .counter_flex .btn a span{background: url(https://rfyamakawa.itembox.cloud/item/category/counter/next.svg) no-repeat right center;padding-right: 1.5em}
@media (max-width: 767px) { 
.cate_temp .counter_flex{display: block;}
.cate_temp .counter_flex .left{width: 100%;margin-bottom: 40px}
.cate_temp .counter_flex .right{width: 100%}
.cate_temp .counter_flex .counter_flex4{width: 620px;}
.cate_temp .counter_flex .counter_flex4.width_auto{width: 470px;}
.cate_temp .counter_flex .btn a{width: 100%;}
.cate_temp .category_flex.counter .item{margin-bottom: 10px}
}