@media all{
    a{color:#1d1d1d;text-decoration:none;}
    .boxButton{display:block;min-width:240px;width:60%;border:1px solid #1d1d1d;border-radius:5px;text-align:center;text-decoration:none;position:relative;padding:1.5em 0;margin:20px auto 0;line-height:1em;background:#fff;}
    .boxButton::after{content:"";display:block;width:.4em;height:.4em;border-top:1px solid #1d1d1d;border-right:1px solid #1d1d1d;-webkit-transform:rotate(45deg);transform:rotate(45deg);position:absolute;top:50%;right:6%;margin-top:-.2em;}
    .constBox{margin-left:auto;margin-right:auto;}

    .items li{position:relative;}
    .items a{text-decoration:none;}
    .items figure{text-align:center;position:relative;}
    .items figure img{display:block; width: 100%;}
    .items .brand{font-size:11px;font-weight:700;}
    .items .name{line-height:1.2em;}
    .items .price{color:#cc2a42;}
    .items .price span.tax{display:inline-block;color:#1d1d1d;margin-left:.5em;}
    .items .price span.teika{display:inline-block;color:#757575;text-decoration:line-through;margin-right:.5em;}
    .items figure .discount{position:absolute;bottom:0;right:0;background:#cc2a42;color:#fff;text-align:center;font-size:20px;width:60px;height:60px;box-sizing:border-box;padding-top:10px;line-height:1em;}
    .items figure .discount span{display:block;font-size:15px;line-height:1em;margin-top:5px;}
    }
    @media all{
    .diy_scroll{overflow-x:scroll;-webkit-overflow-scrolling:touch;padding:10px 1px 12px 1px;display:-ms-flexbox;display:flex;}

    .diy_scroll > li{width:100%;min-width:140px;box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 2px;padding:5px;}
    .diy_scroll.items .brand,.diy_scroll.items .name{margin-top:6px;
    
      height: auto;
        line-height: 1.5;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
      }
    .diy_scroll.items .price{font-size:12px;margin-top:6px;}
    .diy_scroll.items .price span.tax{font-size:10px;}
    .diy_scroll.items .price span.teika{display:block;font-size:12px;}
    .diy_scroll.items figure .discount{position:absolute;bottom:0;right:0;background:#cc2a42;color:#fff!important;text-align:center;font-size:13px;width:40px;height:40px;box-sizing:border-box;padding-top:6px;line-height:1em;}
    .diy_scroll.items figure .discount span{display:block;font-size:12px;line-height:1em;margin-top:3px;}

    .diy_scroll > li:not(:last-child){margin-right:12px;}
    .diy_scroll > li:last-child{padding-right:12px;}
    @media screen and (min-width: 768px){
    .diy_scroll > li:last-child{padding-right:0;}
    }
    .diy_scroll img{vertical-align:bottom;}

    }
    @media screen and (min-width: 800px){
    .diy_scroll::-webkit-scrollbar {
        width: 5px;
        background-color: #f9f9f9;
        height: 8px;
      }
       
      .diy_scroll::-webkit-scrollbar-track {
        background: #e1e1e1;
        border-radius: 10px;
      }
       
      .diy_scroll::-webkit-scrollbar-thumb {
        background-color: #c1c1c1; 
        border-radius: 10px; 
      }
      .diy_scroll::-webkit-scrollbar-thumb:hover {
        background: #a8a8a8;
      }
    }