@charset "shift_jis";
/* CSS Document */
/*==============================================
本店用 スタイルリセット
================================================*/
/* デフォルトの余白リセット */
footer .footer-inner, header .header, header .information, main, main#wrapper, nav .category_nav {
    margin: 0;
    padding: 0;
    max-width: none;
}

article#contents {
    padding-bottom: 0;
}
footer {
    position: relative;
    z-index: 1000;
    border-top: 3px solid #222;
}

footer .footer-inner {
    padding: 30px 0 !important;
}

/*==============================================
スタイルリセット その2
================================================*/
#shop-list .no,
#shop-list .pc_none{
    display: none !important;
}


/* ここから追加
================================ */
/* ベース */
#shop-list {
    margin: 0 auto;
    font-size: 22px;
    letter-spacing: 0.04em;
    line-height: 1.2;
}

#shop-list div.pc_content{
    width: 850px;
    margin: 0 auto;
    border-right:solid 3px #bf961a;
    border-left:solid 3px #bf961a;
}

#shop-list section{
    padding: 25px 0 50px 0;
}


/*価格プロ 税込削除*/
/* #shop-list div.prices span > span > span {
    display: none;
} */

/* 共通 見出し
================================ */
#shop-list h1 {
    font-size: 0;
}

#shop-list h2 {
    font-size: 40px;
    padding:15px 0;
    text-underline-offset: 10px;
    text-decoration-thickness: 3px;
}

#shop-list h2 span {
    width: 60px;
    height: 60px;
    font-size: 50px;
    line-height: 50px;
}

/*見出し画像の時*/
#shop-list h2.h_img{
    width: 700px;
    margin: 0 auto;
}

#shop-list h3 {
    font-size: 30px;
    padding:2% 0;
}


#shop-list p{
    font-size: 25px;
    padding:2% 0;
}

#shop-list p.small {
    font-size: 15px;
    padding: 1% 0;
    line-height: 20px;
}


/* 共通 カラム
================================ */
#shop-list ul[class^="col_"]{
    gap: 11px 1%;
    margin: 4% auto;
}

#shop-list ul.col_1 > li{
    width:100%;
}

#shop-list ul.col_2 > li{
    width: calc(calc(100% - 1%) / 2);
}

#shop-list ul.col_3 > li{
    width: calc(calc(100% - 2%) / 3);
}

#shop-list ul.col_4 > li{
    width: calc(calc(100% - 3%) / 4);
}

#shop-list ul.col_5 > li{
    width: calc(calc(100% - 4%) / 5);
}

/*
共通 a.top_back TOPへもどる
============================================== */

#shop-list a.top_back{
    width: 90px;
    height:90px;
    font-size: 20px;
    line-height: 20px;
    bottom:3%;
    right: 3%;
}

#shop-list a.top_back:hover{
    color: #fff !important;
}



/* 共通 もっと見るボタン
================================ */
#shop-list a.more_btn{
    width: 80%;
    height: 75px;
    margin: 0 auto 30px auto;
    border: solid 5px #e42537;
    box-shadow:10px 10px #e42537;
    font-size: 29px;
}

#shop-list a.more_btn::after {
    font-size: 50px;
    right: 5%;
}
#shop-list a.more_btn small {
    font-size: 22px;
}

#shop-list a.more_btn:hover{
    transform: translate(10px,10px);
    box-shadow:0 0 #e42537;
}

/* 共通 商品ラインナップ 通常
================================ */
#shop-list ul.item_block{
    flex-wrap: wrap;
    overflow-x: auto;
    gap: 11px 1%;
    margin:0 auto 15px auto;
}

#shop-list ul.item_block li{
    margin-bottom: 0;
}

#shop-list ul.item_block li a{
    padding: 10px;
}

#shop-list ul.item_block li a h4{
    height: 46px;
    font-size: 15px;
    margin: 10px auto;
}

#shop-list ul.item_block li a dd.sale_box{
    height: 55px;
    border-radius: 6px;
    font-size: 15px;
}

#shop-list ul.item_block li a dd.price_block .main-price{
    font-size: 40px;
    line-height: 40px;
    padding: 5% 2% 5% 4%;
}

#shop-list ul.item_block li a dd.price_block .sub-price{
    font-size: 18px;
    line-height: 18px;
}

#shop-list ul.item_block li a p.btn{
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    line-height: 16px;
}

/* 共通 特集スライダー
================================ */
/* ラジオボタン非表示 */
#shop-list section.event div.shop-list-event-wrap input.radio-slider {
    display: none;
}


#shop-list section.event div.shop-list-event-wrap .shop-list-event-inner {
    overflow: visible;
    gap: 1%;
    padding:0 4% 0 4%;
    margin:0 auto 10px auto;
}


#shop-list section.event div.shop-list-event-inner div.shop-list-item__thum {
    width: 100%;
}

#shop-list section.event div.shop-list-event-wrap a.shop-list-event {
    width: 33%;
    min-width: 32%;
    margin-right: 0;

    /* スライダー表示処理 */
    display: none;
    flex-direction: column;
}

/* スライダー矢印部分 */
#shop-list section.event div.shop-list-event-wrap .slider-arrow {
    position: absolute;
    top: 45%;  
    transform: translateY(-50%);
    width: 35px;
    height: 35px;
    background: #2222229c;
    display: none;
    justify-content: center;
    align-items: center;
    border-radius: 100vw;
    z-index: 1;
    border: 1px solid #ffffff;
    cursor: pointer;
}

#shop-list section.event div.shop-list-event-wrap .arrow {
    position: relative;
    width: 9px;
    height: 9px;
}

#shop-list section.event div.shop-list-event-wrap .slider-arrow .arrow::before,
#shop-list section.event div.shop-list-event-wrap .slider-arrow .arrow::after {
    content: "";
    position: absolute;
    top: calc(50% - 2px);
    right: 0;
    width: 9px;
    height: 3px;
    border-radius: 9999px;
    background-color: #ffffff;
    transform-origin: calc(100% - 1px) 50%;
}

#shop-list section.event div.shop-list-event-wrap .slider-arrow .arrow::before {
    transform: rotate(45deg);
}

#shop-list section.event div.shop-list-event-wrap .slider-arrow .arrow::after {
    transform: rotate(-45deg);
}

#shop-list section.event div.shop-list-event-wrap .slider-arrow.prev-label {
    left: -1%;
}

/* 位置調整 */
#shop-list section.event div.shop-list-event-wrap .slider-arrow.prev-label .arrow {
    transform: rotate(-180deg);
}

#shop-list section.event div.shop-list-event-wrap .slider-arrow.next-label {
    right: -1%;
}

/* ページネーション サークル */
#shop-list section.event div.shop-list-event-wrap .slider-pagination {
    display: flex;
    justify-content: center;
    gap: .5em;
    margin-bottom: 1em;
}
#shop-list section.event div.shop-list-event-wrap .slider-pagination__cir {
    width: .8em;
    height: .8em;
    background-color: #353535;
    border-radius: 100vw;
    border: 1px solid #353535;
}

/* 有効なラジオボタンの色変更 */
#shop-list section.event div.shop-list-event-wrap .radio-slider:nth-of-type(1):checked ~ .slider-pagination .slider-pagination__cir:nth-of-type(1),
#shop-list section.event div.shop-list-event-wrap .radio-slider:nth-of-type(2):checked ~ .slider-pagination .slider-pagination__cir:nth-of-type(2),
#shop-list section.event div.shop-list-event-wrap .radio-slider:nth-of-type(3):checked ~ .slider-pagination .slider-pagination__cir:nth-of-type(3),
#shop-list section.event div.shop-list-event-wrap .radio-slider:nth-of-type(4):checked ~ .slider-pagination .slider-pagination__cir:nth-of-type(4),
#shop-list section.event div.shop-list-event-wrap .radio-slider:nth-of-type(5):checked ~ .slider-pagination .slider-pagination__cir:nth-of-type(5),
#shop-list section.event div.shop-list-event-wrap .radio-slider:nth-of-type(6):checked ~ .slider-pagination .slider-pagination__cir:nth-of-type(6),
#shop-list section.event div.shop-list-event-wrap .radio-slider:nth-of-type(7):checked ~ .slider-pagination .slider-pagination__cir:nth-of-type(7),
#shop-list section.event div.shop-list-event-wrap .radio-slider:nth-of-type(8):checked ~ .slider-pagination .slider-pagination__cir:nth-of-type(8),
#shop-list section.event div.shop-list-event-wrap .radio-slider:nth-of-type(9):checked ~ .slider-pagination .slider-pagination__cir:nth-of-type(9) {
    background-color: #fff;
}

/* 表示処理 ラジオボタン1つにつき、３商品表示 */
#shop-list section.event div.shop-list-event-wrap .radio-slider:nth-of-type(1):checked ~ .shop-list-event-inner .shop-list-event:nth-of-type(1),
#shop-list section.event div.shop-list-event-wrap .radio-slider:nth-of-type(1):checked ~ .shop-list-event-inner .shop-list-event:nth-of-type(2),
#shop-list section.event div.shop-list-event-wrap .radio-slider:nth-of-type(1):checked ~ .shop-list-event-inner .shop-list-event:nth-of-type(3), 
#shop-list section.event div.shop-list-event-wrap .radio-slider:nth-of-type(1):checked ~ .slider-arrow:nth-of-type(1),
#shop-list section.event div.shop-list-event-wrap .radio-slider:nth-of-type(1):checked ~ .slider-arrow:nth-of-type(2) {
    display: flex;
}
#shop-list section.event div.shop-list-event-wrap .radio-slider:nth-of-type(2):checked ~ .shop-list-event-inner .shop-list-event:nth-of-type(4),
#shop-list section.event div.shop-list-event-wrap .radio-slider:nth-of-type(2):checked ~ .shop-list-event-inner .shop-list-event:nth-of-type(5),
#shop-list section.event div.shop-list-event-wrap .radio-slider:nth-of-type(2):checked ~ .shop-list-event-inner .shop-list-event:nth-of-type(6), 
#shop-list section.event div.shop-list-event-wrap .radio-slider:nth-of-type(2):checked ~ .slider-arrow:nth-of-type(3),
#shop-list section.event div.shop-list-event-wrap .radio-slider:nth-of-type(2):checked ~ .slider-arrow:nth-of-type(4)  {
    display: flex;
}
#shop-list section.event div.shop-list-event-wrap .radio-slider:nth-of-type(3):checked ~ .shop-list-event-inner .shop-list-event:nth-of-type(7),
#shop-list section.event div.shop-list-event-wrap .radio-slider:nth-of-type(3):checked ~ .shop-list-event-inner .shop-list-event:nth-of-type(8),
#shop-list section.event div.shop-list-event-wrap .radio-slider:nth-of-type(3):checked ~ .shop-list-event-inner .shop-list-event:nth-of-type(9), 
#shop-list section.event div.shop-list-event-wrap .radio-slider:nth-of-type(3):checked ~ .slider-arrow:nth-of-type(5),
#shop-list section.event div.shop-list-event-wrap .radio-slider:nth-of-type(3):checked ~ .slider-arrow:nth-of-type(6)   {
    display: flex;
}
#shop-list section.event div.shop-list-event-wrap .radio-slider:nth-of-type(4):checked ~ .shop-list-event-inner .shop-list-event:nth-of-type(10),
#shop-list section.event div.shop-list-event-wrap .radio-slider:nth-of-type(4):checked ~ .shop-list-event-inner .shop-list-event:nth-of-type(11),
#shop-list section.event div.shop-list-event-wrap .radio-slider:nth-of-type(4):checked ~ .shop-list-event-inner .shop-list-event:nth-of-type(12), 
#shop-list section.event div.shop-list-event-wrap .radio-slider:nth-of-type(4):checked ~ .slider-arrow:nth-of-type(7),
#shop-list section.event div.shop-list-event-wrap .radio-slider:nth-of-type(4):checked ~ .slider-arrow:nth-of-type(8) {
    display: flex;
}
#shop-list section.event div.shop-list-event-wrap .radio-slider:nth-of-type(5):checked ~ .shop-list-event-inner .shop-list-event:nth-of-type(13),
#shop-list section.event div.shop-list-event-wrap .radio-slider:nth-of-type(5):checked ~ .shop-list-event-inner .shop-list-event:nth-of-type(14),
#shop-list section.event div.shop-list-event-wrap .radio-slider:nth-of-type(5):checked ~ .shop-list-event-inner .shop-list-event:nth-of-type(15), 
#shop-list section.event div.shop-list-event-wrap .radio-slider:nth-of-type(5):checked ~ .slider-arrow:nth-of-type(9),
#shop-list section.event div.shop-list-event-wrap .radio-slider:nth-of-type(5):checked ~ .slider-arrow:nth-of-type(10) {
    display: flex;
}
#shop-list section.event div.shop-list-event-wrap .radio-slider:nth-of-type(6):checked ~ .shop-list-event-inner .shop-list-event:nth-of-type(16),
#shop-list section.event div.shop-list-event-wrap .radio-slider:nth-of-type(6):checked ~ .shop-list-event-inner .shop-list-event:nth-of-type(17),
#shop-list section.event div.shop-list-event-wrap .radio-slider:nth-of-type(6):checked ~ .shop-list-event-inner .shop-list-event:nth-of-type(18), 
#shop-list section.event div.shop-list-event-wrap .radio-slider:nth-of-type(6):checked ~ .slider-arrow:nth-of-type(11),
#shop-list section.event div.shop-list-event-wrap .radio-slider:nth-of-type(6):checked ~ .slider-arrow:nth-of-type(12) {
    display: flex;
}
#shop-list section.event div.shop-list-event-wrap .radio-slider:nth-of-type(7):checked ~ .shop-list-event-inner .shop-list-event:nth-of-type(19),
#shop-list section.event div.shop-list-event-wrap .radio-slider:nth-of-type(7):checked ~ .shop-list-event-inner .shop-list-event:nth-of-type(20),
#shop-list section.event div.shop-list-event-wrap .radio-slider:nth-of-type(7):checked ~ .shop-list-event-inner .shop-list-event:nth-of-type(21), 
#shop-list section.event div.shop-list-event-wrap .radio-slider:nth-of-type(7):checked ~ .slider-arrow:nth-of-type(13),
#shop-list section.event div.shop-list-event-wrap .radio-slider:nth-of-type(7):checked ~ .slider-arrow:nth-of-type(14) {
    display: flex;
}
#shop-list section.event div.shop-list-event-wrap .radio-slider:nth-of-type(8):checked ~ .shop-list-event-inner .shop-list-event:nth-of-type(22),
#shop-list section.event div.shop-list-event-wrap .radio-slider:nth-of-type(8):checked ~ .shop-list-event-inner .shop-list-event:nth-of-type(23),
#shop-list section.event div.shop-list-event-wrap .radio-slider:nth-of-type(8):checked ~ .shop-list-event-inner .shop-list-event:nth-of-type(24), 
#shop-list section.event div.shop-list-event-wrap .radio-slider:nth-of-type(8):checked ~ .slider-arrow:nth-of-type(15),
#shop-list section.event div.shop-list-event-wrap .radio-slider:nth-of-type(8):checked ~ .slider-arrow:nth-of-type(16) {
    display: flex;
}
#shop-list section.event div.shop-list-event-wrap .radio-slider:nth-of-type(9):checked ~ .shop-list-event-inner .shop-list-event:nth-of-type(25),
#shop-list section.event div.shop-list-event-wrap .radio-slider:nth-of-type(9):checked ~ .shop-list-event-inner .shop-list-event:nth-of-type(26),
#shop-list section.event div.shop-list-event-wrap .radio-slider:nth-of-type(9):checked ~ .shop-list-event-inner .shop-list-event:nth-of-type(27), 
#shop-list section.event div.shop-list-event-wrap .radio-slider:nth-of-type(9):checked ~ .slider-arrow:nth-of-type(17),
#shop-list section.event div.shop-list-event-wrap .radio-slider:nth-of-type(9):checked ~ .slider-arrow:nth-of-type(18) {
    display: flex;
}


/* section title
================================ */
/*ショップのスライダー*/
#shop-list section.title div.shop_slide{
    overflow: hidden;
    width: 840px;
    margin: 0 auto;
}

#shop-list section.title div.shop_slide ul{
    animation: shop-slide 40s linear infinite;
}

#shop-list section.title div.shop_slide ul:hover {
    animation-play-state: paused;
}

#shop-list section.title div.shop_slide ul li{
    width: 120px;
    padding:0 15px;
    background-color: #fff;
}


/*看板*/
#shop-list section.title h1{
    border-bottom: solid 5px #bf961a;
}

/*モーダル*/
#shop-list section.title label.open-btn{
    width: 50%;
    height: 50px;
    margin: 1% auto;
    padding-right: 2%;
    font-size: 25px;
    cursor: pointer;
    transition: 0.2s;
}

#shop-list section.title label.open-btn:hover{
    opacity: 0.5;
}

#shop-list section.title label.open-btn::after {
    font-size: 40px;
    right: 7%;
}

/*モーダルの中身*/
#shop-list section.title div.modal-content {
    width: 650px;
    padding:1%;
    border-radius: 15px;
}

#shop-list section.title label.close-btn::after {
    font-size: 40px;
    top: 5%;
    right: 2%;
    cursor: pointer;
}

#shop-list section.title div.modal-content dl dt{
    border-bottom: solid 1px #909090;
}

#shop-list section.title div.modal-content dl dt h3 img{
    width: 200px;
    margin: 0 auto;
}

#shop-list section.title div.modal-content dl dt h3 span{
    font-size: 40px;
}

#shop-list section.title div.modal-content dl dd p{
    font-size: 18px;
}


/* section shop_list
================================ */
/* ラジオボタン非表示 */
#shop-list section.shop_list div.shop_block input.radio-slider {
    display: none;
}


#shop-list section.shop_list div.shop_block{
    position: relative;
}

#shop-list section.shop_list div.shop_block ul {
    gap: 11px 1%;
    margin: 0 auto 10px auto;
    overflow: visible;
    padding:0 4% 0 4%;
}


#shop-list section.shop_list div.shop_block ul li{
    width: calc(calc(100% - 2%) / 3);
    margin-bottom: 0;
    /* スライダー表示処理 */
    display: none;
    flex-direction: column;
}

#shop-list section.shop_list div.shop_block ul li a{
    padding: 10px;
}

#shop-list section.shop_list div.shop_block ul li a img.logo{
    width: 100px;
}

#shop-list section.shop_list div.shop_block ul li a dl dt p{
    height: 103px;
    font-size: 14px;
}

#shop-list section.shop_list div.shop_block ul li a dl dd.btn{
    height: 50px;
    border-radius: 5px;
    font-size: 15px;
}


/* スライダー矢印部分 */
#shop-list section.shop_list div.shop_block .slider-arrow {
    position: absolute;
    top: 45%;  
    transform: translateY(-50%);
    width: 35px;
    height: 35px;
    background: #2222229c;
    display: none;
    justify-content: center;
    align-items: center;
    border-radius: 100vw;
    z-index: 1;
    border: 1px solid #ffffff;
    cursor: pointer;
}

#shop-list section.shop_list div.shop_block .arrow {
    position: relative;
    width: 9px;
    height: 9px;
}

#shop-list section.shop_list div.shop_block .slider-arrow .arrow::before,
#shop-list section.shop_list div.shop_block .slider-arrow .arrow::after {
    content: "";
    position: absolute;
    top: calc(50% - 2px);
    right: 0;
    width: 9px;
    height: 3px;
    border-radius: 9999px;
    background-color: #ffffff;
    transform-origin: calc(100% - 1px) 50%;
}

#shop-list section.shop_list div.shop_block .slider-arrow .arrow::before {
    transform: rotate(45deg);
}

#shop-list section.shop_list div.shop_block .slider-arrow .arrow::after {
    transform: rotate(-45deg);
}

#shop-list section.shop_list div.shop_block .slider-arrow.prev-label {
    left: -1%;
}

/* 位置調整 */
#shop-list section.shop_list div.shop_block .slider-arrow.prev-label .arrow {
    transform: rotate(-180deg);
}

#shop-list section.shop_list div.shop_block .slider-arrow.next-label {
    right: -1%;
}

/* ページネーション サークル */
#shop-list section.shop_list div.shop_block .slider-pagination {
    display: flex;
    justify-content: center;
    gap: .5em;
    margin-bottom: 1em;
}
#shop-list section.shop_list div.shop_block .slider-pagination__cir {
    width: .8em;
    height: .8em;
    background-color: #353535;
    border-radius: 100vw;
    border: 1px solid #353535;
}

/* 有効なラジオボタンの色変更 */
#shop-list section.shop_list div.shop_block .radio-slider:nth-of-type(1):checked ~ .slider-pagination .slider-pagination__cir:nth-of-type(1),
#shop-list section.shop_list div.shop_block .radio-slider:nth-of-type(2):checked ~ .slider-pagination .slider-pagination__cir:nth-of-type(2),
#shop-list section.shop_list div.shop_block .radio-slider:nth-of-type(3):checked ~ .slider-pagination .slider-pagination__cir:nth-of-type(3),
#shop-list section.shop_list div.shop_block .radio-slider:nth-of-type(4):checked ~ .slider-pagination .slider-pagination__cir:nth-of-type(4),
#shop-list section.shop_list div.shop_block .radio-slider:nth-of-type(5):checked ~ .slider-pagination .slider-pagination__cir:nth-of-type(5),
#shop-list section.shop_list div.shop_block .radio-slider:nth-of-type(6):checked ~ .slider-pagination .slider-pagination__cir:nth-of-type(6),
#shop-list section.shop_list div.shop_block .radio-slider:nth-of-type(7):checked ~ .slider-pagination .slider-pagination__cir:nth-of-type(7),
#shop-list section.shop_list div.shop_block .radio-slider:nth-of-type(8):checked ~ .slider-pagination .slider-pagination__cir:nth-of-type(8),
#shop-list section.shop_list div.shop_block .radio-slider:nth-of-type(9):checked ~ .slider-pagination .slider-pagination__cir:nth-of-type(9),
#shop-list section.shop_list div.shop_block .radio-slider:nth-of-type(10):checked ~ .slider-pagination .slider-pagination__cir:nth-of-type(10) {
    background-color: #fff;
}

/* 表示処理 ラジオボタン1つにつき、３商品表示 */
#shop-list section.shop_list div.shop_block .radio-slider:nth-of-type(1):checked ~ ul li.shop-list-item:nth-of-type(1),
#shop-list section.shop_list div.shop_block .radio-slider:nth-of-type(1):checked ~ ul li.shop-list-item:nth-of-type(2),
#shop-list section.shop_list div.shop_block .radio-slider:nth-of-type(1):checked ~ ul li.shop-list-item:nth-of-type(3), 
#shop-list section.shop_list div.shop_block .radio-slider:nth-of-type(1):checked ~ .slider-arrow:nth-of-type(1),
#shop-list section.shop_list div.shop_block .radio-slider:nth-of-type(1):checked ~ .slider-arrow:nth-of-type(2) {
    display: flex;
}
#shop-list section.shop_list div.shop_block .radio-slider:nth-of-type(2):checked ~ ul li.shop-list-item:nth-of-type(4),
#shop-list section.shop_list div.shop_block .radio-slider:nth-of-type(2):checked ~ ul li.shop-list-item:nth-of-type(5),
#shop-list section.shop_list div.shop_block .radio-slider:nth-of-type(2):checked ~ ul li.shop-list-item:nth-of-type(6), 
#shop-list section.shop_list div.shop_block .radio-slider:nth-of-type(2):checked ~ .slider-arrow:nth-of-type(3),
#shop-list section.shop_list div.shop_block .radio-slider:nth-of-type(2):checked ~ .slider-arrow:nth-of-type(4)  {
    display: flex;
}
#shop-list section.shop_list div.shop_block .radio-slider:nth-of-type(3):checked ~ ul li.shop-list-item:nth-of-type(7),
#shop-list section.shop_list div.shop_block .radio-slider:nth-of-type(3):checked ~ ul li.shop-list-item:nth-of-type(8),
#shop-list section.shop_list div.shop_block .radio-slider:nth-of-type(3):checked ~ ul li.shop-list-item:nth-of-type(9), 
#shop-list section.shop_list div.shop_block .radio-slider:nth-of-type(3):checked ~ .slider-arrow:nth-of-type(5),
#shop-list section.shop_list div.shop_block .radio-slider:nth-of-type(3):checked ~ .slider-arrow:nth-of-type(6)   {
    display: flex;
}
#shop-list section.shop_list div.shop_block .radio-slider:nth-of-type(4):checked ~ ul li.shop-list-item:nth-of-type(10),
#shop-list section.shop_list div.shop_block .radio-slider:nth-of-type(4):checked ~ ul li.shop-list-item:nth-of-type(11),
#shop-list section.shop_list div.shop_block .radio-slider:nth-of-type(4):checked ~ ul li.shop-list-item:nth-of-type(12), 
#shop-list section.shop_list div.shop_block .radio-slider:nth-of-type(4):checked ~ .slider-arrow:nth-of-type(7),
#shop-list section.shop_list div.shop_block .radio-slider:nth-of-type(4):checked ~ .slider-arrow:nth-of-type(8) {
    display: flex;
}
#shop-list section.shop_list div.shop_block .radio-slider:nth-of-type(5):checked ~ ul li.shop-list-item:nth-of-type(13),
#shop-list section.shop_list div.shop_block .radio-slider:nth-of-type(5):checked ~ ul li.shop-list-item:nth-of-type(14),
#shop-list section.shop_list div.shop_block .radio-slider:nth-of-type(5):checked ~ ul li.shop-list-item:nth-of-type(15), 
#shop-list section.shop_list div.shop_block .radio-slider:nth-of-type(5):checked ~ .slider-arrow:nth-of-type(9),
#shop-list section.shop_list div.shop_block .radio-slider:nth-of-type(5):checked ~ .slider-arrow:nth-of-type(10) {
    display: flex;
}
#shop-list section.shop_list div.shop_block .radio-slider:nth-of-type(6):checked ~ ul li.shop-list-item:nth-of-type(16),
#shop-list section.shop_list div.shop_block .radio-slider:nth-of-type(6):checked ~ ul li.shop-list-item:nth-of-type(17),
#shop-list section.shop_list div.shop_block .radio-slider:nth-of-type(6):checked ~ ul li.shop-list-item:nth-of-type(18), 
#shop-list section.shop_list div.shop_block .radio-slider:nth-of-type(6):checked ~ .slider-arrow:nth-of-type(11),
#shop-list section.shop_list div.shop_block .radio-slider:nth-of-type(6):checked ~ .slider-arrow:nth-of-type(12) {
    display: flex;
}
#shop-list section.shop_list div.shop_block .radio-slider:nth-of-type(7):checked ~ ul li.shop-list-item:nth-of-type(19),
#shop-list section.shop_list div.shop_block .radio-slider:nth-of-type(7):checked ~ ul li.shop-list-item:nth-of-type(20),
#shop-list section.shop_list div.shop_block .radio-slider:nth-of-type(7):checked ~ ul li.shop-list-item:nth-of-type(21), 
#shop-list section.shop_list div.shop_block .radio-slider:nth-of-type(7):checked ~ .slider-arrow:nth-of-type(13),
#shop-list section.shop_list div.shop_block .radio-slider:nth-of-type(7):checked ~ .slider-arrow:nth-of-type(14) {
    display: flex;
}
#shop-list section.shop_list div.shop_block .radio-slider:nth-of-type(8):checked ~ ul li.shop-list-item:nth-of-type(22),
#shop-list section.shop_list div.shop_block .radio-slider:nth-of-type(8):checked ~ ul li.shop-list-item:nth-of-type(23),
#shop-list section.shop_list div.shop_block .radio-slider:nth-of-type(8):checked ~ ul li.shop-list-item:nth-of-type(24), 
#shop-list section.shop_list div.shop_block .radio-slider:nth-of-type(8):checked ~ .slider-arrow:nth-of-type(15),
#shop-list section.shop_list div.shop_block .radio-slider:nth-of-type(8):checked ~ .slider-arrow:nth-of-type(16) {
    display: flex;
}

#shop-list section.shop_list div.shop_block .radio-slider:nth-of-type(9):checked ~ ul li.shop-list-item:nth-of-type(25),
#shop-list section.shop_list div.shop_block .radio-slider:nth-of-type(9):checked ~ ul li.shop-list-item:nth-of-type(26),
#shop-list section.shop_list div.shop_block .radio-slider:nth-of-type(9):checked ~ ul li.shop-list-item:nth-of-type(27), 
#shop-list section.shop_list div.shop_block .radio-slider:nth-of-type(9):checked ~ .slider-arrow:nth-of-type(17),
#shop-list section.shop_list div.shop_block .radio-slider:nth-of-type(9):checked ~ .slider-arrow:nth-of-type(18) {
    display: flex;
}

#shop-list section.shop_list div.shop_block .radio-slider:nth-of-type(10):checked ~ ul li.shop-list-item:nth-of-type(28),
#shop-list section.shop_list div.shop_block .radio-slider:nth-of-type(10):checked ~ ul li.shop-list-item:nth-of-type(29),
#shop-list section.shop_list div.shop_block .radio-slider:nth-of-type(10):checked ~ ul li.shop-list-item:nth-of-type(30), 
#shop-list section.shop_list div.shop_block .radio-slider:nth-of-type(10):checked ~ .slider-arrow:nth-of-type(19),
#shop-list section.shop_list div.shop_block .radio-slider:nth-of-type(10):checked ~ .slider-arrow:nth-of-type(20) {
    display: flex;
}



/* section open_bn
================================ */
#shop-list section.open_bn div.bn a{
    box-shadow: 10px 10px #7d0d19;
}