@charset "UTF-8";
@import url("https://use.typekit.net/ggz6scu.css");
/*-----PC用-----*/
@media screen and (min-width: 641px) {
  .liveitem_box {
    display: inline-flex;
    display: -webkit-inline-flex;
    display: -moz-inline-flex;
    display: -ms-inline-flex;
    display: -o-inline-flex;
    box-sizing: border-box;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 1140px;
    /*全体の幅*/
    margin: 0 auto;
    padding: 0; }
    .liveitem_box>li {
      width: 180px;
      position: relative;
      list-style: none;
      text-align: center;    
      padding: 10px;
      margin: 10px 10px 0 0;
      background-color: none;
      box-sizing: border-box;
  }
     .icon{
        position: absolute;
        content: "";
        width: 60px;
        height: 60px;
        left: 3px;
        top: 3px;
         z-index: 555;
         background-size: contain !important;
         background: url("../images/icon_point10.png")no-repeat;
    }
    
      .liveitem_box li img {
        width: 170px;
        /*画像幅　※横5個のとき*/
        margin-bottom: 5px; }
      .liveitem_box li a {
        text-decoration: none;
        color: #000000; }
      .liveitem_box li dl {
        letter-spacing: 0.05em;
        margin: 0;
        padding: 0; }
      .liveitem_box li dt {
          letter-spacing: 0.05em;
        font-weight: 600;
        font-size: 14px;
        margin: 0 auto;
        padding: 2px;
    
    width: 90%;}
      .liveitem_box li dd {
        font-size: 12px;
        margin: 5px 0 10px;
        padding: 0; }
      .liveitem_box li p {
          
          letter-spacing: 0.08em;
        position: relative;
        color: #C50003;
        font-size: 16px;
        font-weight: 600;
         
        margin: 5px 0 0 -40px; }
      .liveitem_box li p:after {
        position: absolute;
        content: "円(税込)";
        font-size: 10px;
        margin-left: 3px;
        margin-top: 5px; }
    
    .liveitem_box li .price {
        position: relative;
        color: #6e696c;
        font-size: 12px;
        font-weight: 600;
		text-decoration: line-through;
        font-weight: 600;
		letter-spacing: 0.05em;
        margin: 0 0 0 -40px; }
      .liveitem_box li .price:after {
        position: absolute;
        content: "円(税込)";
        font-size: 10px;
        margin-left: 3px;
        margin-top: 5px; }
    
    .liveitem_box li:nth-child(6n) {
      margin-right: 0; }
    .men{display: flex;
        width: 80%;
        margin: 3px 10%;
        justify-content: center;
       }
    .men>li{width: 48%;
        margin-right: 2%;
        background: #000;
        color: #fff;
        font-family: "english-grotesque", sans-serif;
        font-size: 1rem;
        font-weight: normal;
}
    .men>li:nth-child(2){margin: 0;}
}
/*-----スマホ用-----*/
@media screen and (max-width: 640px) {
  .liveitem_box {
    display: inline-flex;
    display: -webkit-inline-flex;
    display: -moz-inline-flex;
    display: -ms-inline-flex;
    display: -o-inline-flex;
    box-sizing: border-box;
    justify-content: start;
    flex-wrap: wrap;
    width: 100%;
    /*全体の幅*/
    margin: 30px auto;
    padding: 0; }
    .liveitem_box li {
        position: relative;
      width: 33%;
      /*アイテムの幅　※横5個のとき*/
      list-style: none;
      text-align: center;
      padding: 0 5px;
      margin: 5px 0 0;
      background-color: none;
      /*アイテム背景カラー*/
      box-sizing: border-box;
      /*ブランド名*/
      /*種別*/
      /*価格*/ }
      .liveitem_box li img {
        width: 100%;
        /*画像幅　※横5個のとき*/
        margin-bottom: 5px; }
      .liveitem_box li a {
        text-decoration: none;
        color: #000000; }
    
         .icon{
        position: absolute;
        content: "";
        width: 60px;
        height: 60px;
        left: 3px;
        top: 3px;
         z-index: 555;
         background-size: contain !important;
         background: url("../images/icon_point10.png")no-repeat;
    }
    
      .liveitem_box li dl {
        letter-spacing: 0.05em;
        margin: 0;
        padding: 0; }
      .liveitem_box li dt {
        font-weight: 600;
        font-size: 14px;
        margin: 0;
        padding: 0;
    }
      .liveitem_box li dd {
        font-size: 12px;
        margin: 5px 0 10px;
        padding: 0; }
      .liveitem_box li p {
        position: relative;
        color: #C50003;
        font-size: 14px;
        font-weight: 600;
        margin: 5px 0 0 -10px; }
      .liveitem_box li p:after {
        position: absolute;
        content: "円";
        font-size: 10px;
        margin-left: 3px;
        margin-top: 5px; }

    /*.liveitem_box li:nth-child(5){
        display: none;
    }*/

        .men{display: flex;
        width: 80%;
        margin: 3px 10%;
        justify-content: center;
       }
    .men>li{width: 48%;
        margin-right: 2%;
        background: #000;
        padding: 0;
        color: #fff;
        font-family: "english-grotesque", sans-serif;
        font-size: 1rem;
        font-weight: normal;
}
    .men>li:nth-child(2){margin-right: 0;}
    
    .liveitem_box li .price {
        position: relative;
        color: #C50003;
        text-decoration: line-through;
        color: #6e696c;
        font-size: 10px;
		letter-spacing: 0.05em;
        margin: 0 0 0 -50px; }
      .liveitem_box li .price:after {
            position: absolute;
    content: "円";
    font-size: 10px;
    margin-left: 3px;
    margin-top: 2px;
}
}