.bag-type-content h2{color:#fc9829;margin-bottom:20px;}
        .bag-type-content .bag-type-menu ul{display:flex;flex-wrap:wrap}
        .bag-type-content .bag-type-menu li{background:#ebebeb;color:#333;font-weight:700;text-align:center;width:16.6%;padding:15px 0;font-size:16px;border-right:.5px solid #333;border-left:.5px solid #333;cursor:pointer}
        .bag-type-content .bag-type-menu li:hover{color:#fc9829}
        .bag-type-content .bag-type-menu li:first-child{border-right:.5px solid #333;border-left:none}
        .bag-type-content .bag-type-menu li:last-child{border-right:none;border-left:.5px solid #333}
        .bag-type-content .bag-type-menu li.is-select{background:#ffefd4;color:#fc9829;position:relative;border-color:#fc9829}
        .bag-type-content .bag-type-menu li.is-select::before{content:"";position:absolute;top:100%;left:50%;margin-left:-15px;border:15px solid transparent;border-top:15px solid #ffefd4}
        .bag-type-wrap ul{display:flex;flex-wrap:wrap;margin-top:10px}
        .bag-type-wrap ul li{display:flex;width:31%;border:1px solid #f0f0f0;padding:15px;margin:1%}
        .bag-type-wrap ul li a{display:flex;width:100%}
        .item-4 ul li{width:23%}.item-5 ul li{width:18%}
        .bag-type-wrap ul li,.item-3 ul li,.item-4 ul li,.item-5 ul li{position:relative}
        .item-3 ul li::before,.item-4 ul li::before{content:'';display:inline-block;width:15px;height:15px;background-image:url(/html/plugin/Exp/assets/images/cp/tutorial/btnarrow_gr.png);background-size:contain;background-repeat:no-repeat;vertical-align:middle;position:absolute;right:5%;top:50%;transform:translateY(-50%)}
        .item-5 ul li{padding:10px}
        .item-5 ul li p{font-weight:700}
        .item-5 ul li .color-box{width:50px;height:50px;margin-right:10px;border:1px solid #ebebeb}
        .item-5 ul li::before{content:'';display:inline-block;width:15px;height:15px;background-image:url(/html/plugin/Exp/assets/images/cp/tutorial/btnarrow_gr.png);background-size:contain;background-repeat:no-repeat;vertical-align:middle;position:absolute;right:5%;top:50%;transform:translateY(-50%)}
        .item-3 ul li img{margin-right:10px}
        .item-3 ul li:first-child,.item-3 ul li:nth-child(4),.item-3 ul li:nth-child(7){margin-left:0}
        .item-3 ul li:nth-child(3),.item-3 ul li:nth-child(6){margin-right:0}
        .item-4 ul li:first-child,.item-4 ul li:nth-child(5),.item-4 ul li:nth-child(9){margin-left:0}
        .item-4 ul li:nth-child(4),.item-4 ul li:nth-child(8){margin-right:0}
        .item-5 ul li:first-child,.item-5 ul li:nth-child(11),.item-5 ul li:nth-child(6){margin-left:0}
        .item-5 ul li:nth-child(10),.item-5 ul li:nth-child(5){margin-right:0}
        .item-5 p{margin:10px auto;text-align:center}
        .sub-heading_banner .figure{width:50%}
        .sub-heading_banner .headline{width:48%;padding-left:22px;font-weight:400}
        .sub-heading_banner .figure,.sub-heading_banner .headline{display:table-cell;vertical-align:middle;height:166px;box-sizing:border-box}
        .bag-type-des p{margin-top:10px;font-size:14px}
        .head-label {
            background: #FC9829;
            color: #fff;
            font-weight: bold;
            text-align: center;
            margin-bottom: 10px !important;
        }
        .isSP{display:none}.isPC{display:block}
        @media only screen and (max-width:667px)
        {
            .isSP{display:block}
            .isPC{display:none}
            .bag-type-content .bag-type-menu li,.bag-type-content .bag-type-menu li:first-child,.bag-type-content .bag-type-menu li:last-child{width:29%;font-size:12px;flex-wrap:wrap;border:1px solid transparent;border-bottom:3px solid #333;margin:5px;position:relative}
            .bag-type-content .bag-type-menu ul{justify-content:space-between}.bag-type-content .bag-type-menu li.is-select::before{content:none}
            .bag-type-content .bag-type-menu li.is-select:first-child,.bag-type-content .bag-type-menu li.is-select:last-child{border-bottom:3px solid #fc9829}
            .bag-type-content .bag-type-menu li:after{content:"\f107";font-family:"Font Awesome 5 Free";display:inline-block;width:10px;height:10px;position:absolute;right:5%;top:31%}
            .bag-type-wrap ul li{display:flex;width:100%;border:1px solid #f0f0f0;padding:10px;margin:1%}
            .item-5 ul li{width:48%;margin:1%}.item-4 ul li,.item-5 ul li{width:48%}.item-4 ul li:first-child,.item-4 ul li:nth-child(5),.item-4 ul li:nth-child(9){margin-left:1%}
            .item-4 ul li:nth-child(4),.item-4 ul li:nth-child(8){margin-right:1%}
            .item-5 ul li:first-child,.item-5 ul li:nth-child(11),.item-5 ul li:nth-child(6){margin-left:1%}
            .item-5 ul li:nth-child(10),.item-5 ul li:nth-child(5){margin-right:1%}.item-4.p-20sp li{padding:20px}
            .item-5 ul li .color-box{margin-right:0}
            .item-5 ul li::before{content:'';display:inline-block;width:15px;height:15px;background-image:url(/html/plugin/Exp/assets/images/cp/tutorial/btnarrow_gr.png);background-size:contain;background-repeat:no-repeat;vertical-align:middle;position:absolute;right:0;top:43%}
            .sub-heading_banner .figure,.sub-heading_banner .headline{display:block;height:auto;width:100%;font-size:14px;margin-bottom:10px;padding-left:0}
        .sub-heading_banner{padding:0}.sub-heading_banner .figure{width:100%}
        }
		b.red {
		    color:#C00B01;
		}
		.menu-list ul {
		    display: flex;
		    justify-content: space-between;
		    flex-wrap: wrap;
		}
		.menu-list li {
		    position: relative;
            background:#FFEFD6;
		    border: 2px solid #F2A127;
		    padding: 46px 10px 46px 115px;
		    margin-bottom: 20px;
		    width: 32%;
		    display: flex;
		    cursor: pointer;
		    font-weight: bold;
		    align-items: center
		}
		.menu-list li:hover {
		    border-color: #fc9829;
		    color:#fc9829;
		}
		.menu-list li img{
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            left: 10px;
		}
		.menu-list li a {
		    position: absolute;
		    top: 0;
		    left: 0;
		    width: 100%;
		    height: 100%
		}
		.menu-list li:before{
		    position: absolute;
            content: '\f107';
            display: block;
            color: #F2A127;
            font-family: "Font Awesome 5 Free";
            font-display: swap;
            font-weight: 900;
		    top:50%;
		    right:10px;
		    transform: translateY(-50%)
		}
		.quick-ttl {
		    margin: 10px auto;
		    background: #FFEFD6;
		    padding: 7px;
		    text-align: center;
		    font-size: 12px
		}
		@media screen and (max-width:860px) {
		    .menu-list li {
		        width: 49%;
		        padding: 0px 10px 0px 80px;
		        height: 70px;
                font-size:11px;
		    }
		.menu-list li img{
            position: absolute;
            top: 50%;
            left: 5px;
            width: 60px;
		}
		}
.or-bg {
    background:#EEEEEE;
    padding:30px;
}
.mw-720 {
    max-width:720px;
    margin:auto;
}
.sale-span {
    margin-top:40px;
    font-size:24px;
    font-weight:bold;
    position:relative;
}

.sale-span b{color:#333333;}
.sale-span b.black {color:#000;}
@media screen and (max-width: 680px) {
.or-bg {
    padding:20px;
}
.sale-span .pl80 {
    padding-left:50px;
}
.sale-span .pl80 p {
    font-size:18px;
}
.sale-span .icon {
    width:50px;
}
.text-center a small{font-size:15px;}

}

.generic-heading h2 {
    margin-bottom: 10px !important
}
.ttl-icon {
    display: flex !important;
    align-items: center
}
    .rank-menu-list ul{
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .rank-menu-list li {
        width: 33%;
        cursor: pointer
    }
    .rank-menu-list .rank-ttl {
        text-align: left;
        display: flex;
        align-items: center;
        color: #C00B01;
        font-weight: bold
    }
    .rank-menu-item {
        display: flex;
        align-items: center;
        background: #ebebeb;
        color: #333;
        font-weight: 700;
        text-align: left;
        padding: 5px;
        margin: 4px;
        cursor: pointer;
        position: relative;
        border: 3px solid transparent;
    }
    .rank-menu-item:before {
        
    }
    .rank-menu-list li.is-select .rank-menu-item {
        background: #ffefd4;
        color: #fc9829;
        position: relative;
        border-color: #fc9829;
    }
    .rank-menu-item .rank-item-ttl {
        font-size: 18px;
        margin-left: 5px;
        font-weight: bold
    }
    .rank-menu-item .rank-item-ttl small {
        display: block;
        font-size: 12px;
    }
    .rank-menu-item .rank-item-ttl .rank-price {
        font-size: 12px
    }
     .rank-price span{
         color: #C00B01;
         font-weight: bold;
         font-size: 18px;
         margin-left: 5px
     }
     .rank-price span.price-red {
         font-size: 24px
     }
     .rank-menu-list li:hover .rank-menu-item {
         color: #fc9829
     }
.products .products_price {
    font-size: 1.8rem;
    color: #c00b01;
    line-height: 1;
    font-weight: 600;
    display: flex
}

.products .products_price p {
    font-size: .8em;
    margin-top: 5px
}

.products .products_price i {
    margin-right: 5px;
    font-weight: 400;
    display: inline-block;
    padding: 5px;
    font-style: normal;
    font-size: .6rem;
    background: #c00b01;
    color: #fff;
    border-radius: 50px;
    height: 30px;
    width: 30px
}

.products .products_price span {
    font-size: .5rem
}

.product__special ul>li:hover img {
    opacity: 1
}
.product__featured ul>li {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
}
     @media screen and (max-width:860px) {
         .rank-menu-list li {
             width: 49%
         }
         .rank-menu-list .rank-ttl {
             font-size: 12px
         }
         .rank-menu-list .rank-ttl img {
             width: 30px
         }
         .rank-menu-item .rank-item-ttl {
             font-size: 13px
         }
         .rank-menu-item img {
             width: 50px
         } 
         .rank-menu-item .rank-item-ttl .rank-price {
             font-size: 9px
         }
         .rank-price span {
             font-size: 12px
         }
         .rank-menu-item {
             margin: 0px 0px 3px 0;
            border-bottom: 3px solid #333;
         }
         .rank-menu-list li:nth-child(4) .rank-menu-item {
             margin-top: 30px
         }
         .rank-price {display:none;}
    .products .products_price {
        padding: 5px 0 0;
        text-align: center;
        align-items: center;
        font-size: 1.3rem
    }

    .products .products_price p {
        width: auto;
        text-align: start
    }

    .products .products_price i {
        font-size: 10px;
        height: 30px;
        width: 2pc;
        padding: 5px 0 0
    }

    .product__featured {
        margin-bottom: 50px
    }
.product__new ul, .product__featured ul {
    display: flex !important;
        overflow-x: auto;
        flex-wrap: wrap;
    }
.product__featured ul>li, .product__new ul>li {
    width: calc(100% / 2 - 10px) !important;
}
     }

.tab-headline {
    color: #fc9829;
    border-bottom: 1px solid #eee;
    font-size: 1pc;
}
.bag-type-content .bag-type-menu.menu-4 li {

width: 16.5% !important;
    

}
.product__list .products.item-4 li{
    width: calc(100% / 4 - 20px);
    max-width: calc(100% / 4 - 20px);
    padding-bottom: 0px !important
}

@media only screen and (max-width: 667px) {
.product__list .products.item-4 li {
    width: calc(100% / 2 - 10px) !important;
    max-width: calc(100% / 2 - 10px) !important;
}
.bag-type-content .bag-type-menu.menu-4 li,
.bag-type-content .bag-type-menu.menu-4 li:first-child,
.bag-type-content .bag-type-menu.menu-4 li:last-child{
  width: 47% !important;
}
}

.sozai-menu {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}
.sozai-menu .left,
.sozai-menu .right {
    width: 49.5%
}
.sozai-menu ul {
    display: flex;
    justify-content: space-between
}
.sozai-menu ul li{
    width: 32%;
    cursor: pointer;
    margin-top: 10px;
    position: relative
}

.sozai-menu .tab-block {
    background: #ebebeb;
    color: #333;
    font-weight: 700;
    text-align: center;
    width: 100%;
    padding: 10px 0;
    font-size: 16px;
    cursor: pointer;
}

.sozai-menu li.is-select .tab-block {
    background: #ffefd4;
    color: #fc9829;
    position: relative;
    border-color: #fc9829;
}
.sozai-menu li:hover .tab-block{
    color: #fc9829
}
.sozai-menu li.is-select .tab-block::before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -15px;
    border: 15px solid transparent;
    border-top: 15px solid #ffefd4;
}
@media screen and (max-width:860px) {
    .sozai-menu .left, .sozai-menu .right {
        width: 100%
    }
     .sozai-menu .right {
         margin-top: 10px
     }

     .sozai-menu .tab-block{
        font-size: 12px;
        flex-wrap: wrap;
        border: 1px solid transparent;
        border-bottom: 3px solid #333;
        position: relative;
     }
     .sozai-menu li.is-select .tab-block::before {
         content: none
     }
     .sozai-menu li .tab-block:after {
        content: "\f107";
        font-family: "Font Awesome 5 Free";
        display: inline-block;
        width: 10px;
        height: 10px;
        position: absolute;
        right: 5%;
        top: 31%;
     }
     .sozai-menu li.is-select .tab-block{
        border-bottom: 3px solid #fc9829;
    }
    
 .sozai-menu li .rankic {
    position: absolute;
    top: 0;
    left: 0;
}
}