/*スマホ画面になると適用*/

/*アコーディオン メニューの矢印*/
.glyphicon.glyphicon-chevron-up{
    float: right;
    padding: 18px;
}

.active.ac_menu > a > .glyphicon.glyphicon-chevron-up {
    border-color: #b3b3b3;
    -webkit-transform: rotateX(180deg);
    transform: rotate(180deg);
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
 }

/* アコーディオンメニュー子要素の背景 */

li.ac_menu ul a{
    background:#e6e6e6 !important;
}

/* 新規登録アイコン */
.profile-solid.icon {
    color: #000;
    position: absolute;
    margin-left: 3px;
    margin-top: 11px;
    width: 14px;
    height: 6px;
    border-left: solid 1px currentColor;
    border-right: solid 1px currentColor;
    border-top: solid 1px currentColor;
    border-bottom: solid 1px transparent;
    background-color: currentColor;
    border-radius: 6px 6px 0 0;
  }
  
  .profile-solid.icon:before {
    content: '';
    position: absolute;
    left: 2px;
    top: -10px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border: solid 1px currentColor;
    background-color: currentColor;
  }
  
  /*ログインアイコン*/
  .lock-solid.icon {
    color: #000;
    position: absolute;
    margin-left: 3px;
    margin-top: 10px;
    width: 13px;
    height: 6px;
    border-radius: 1px;
    border: solid 1px currentColor;
    background-color: currentColor;
  }
  
  .lock-solid.icon:before {
    content: '';
    position: absolute;
    left: 3px;
    top: -8px;
    width: 5px;
    height: 6px;
    border-radius: 4px 4px 0 0;
    border-top: solid 1px currentColor;
    border-left: solid 1px currentColor;
    border-right: solid 1px currentColor;

  }
  
/*newinfo内の文字を適切な位置に直した。*/  
ul.newinfo li{
    display: flex;
    margin-top: 20px;
    margin-left: 15px;
}


.category-nav .ac_manu li a {
   display: none;
}


/*slick 画像*/
.item.slick-slide a img{
    object-fit: cover;
}

/*お買い物金額10,000円以上で送料無料の部分*/
.send-info{
    background-color: #c6222f;
    text-align: center;
    display: flex;
    height: 30px;
    padding-top: 3px;
}

font{
    width: 100%;
    line-height: 25px;
    font-size: 13px;
    font-weight: bold;
}


/*スマホ表示の時はアイコンを表示させる*/
.newinfo .sign_up_logo{
    display: block;
    margin-left: 10px
}

.newinfo .log_in_logo{
    display: block;
    margin-left: 10px;
}

/*新規会員登録〜チームピレッティ限定商品部分の編集*/
ul.newinfo{
    position: relative;
    display: inline-block;
    font-size: 1.8rem;
    font-weight: normal;
    overflow: visible;
    transition: color 0.3s, box-shadow 0.3s;
}

ul.newinfo li{
    width: 100%;
    border-bottom: 1px solid #E8E8E8;
}
ul.newinfo a{
    display: block;
    height: 50px;
    padding: 0 10px;
    color: #525263;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
}

/*検索窓へのスタイル*/
.input_search.clearfix{
    height: 80%;
}
.search input[type="search"]{
    height: 30px;
}

.sp li.ac_menu ul{
    display: none;
}



/*スマホ版画、pickup_areaボーダーの修正*/
#pickup_area img{
    border: 1px solid #000
}

#item_list .col-sm-12 .recomend_sp {
    font-weight: normal;
}

#pickup_area .small {
    color: #c6222f;
    font-size: 1.3rem;
}
/*スマホ版ニュースの本文非表示*/
.newslist dd{
    display: none;
}

/*詳しくはこちらの修正*/
.newslist dl p a{
    font-size: 16px;
    color: #C5212E;
    letter-spacing: 0.23px;
    line-height: 16px;  
    margin: 0 16px 16px;
}

/*追加CSS*/
ul.newinfo li {
    display: flex;
    margin-top: 15px;
    margin-left: 15px;
    height: 36px;
}
#item_list .item_name span, #checkeditem .item_name span {
    font-size: 1.2rem;
    display: block;
    font-family: "Times New Roman", "游ゴシック", YuGothic, "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, "メイリオ", Meiryo, sans-serif;
}

/*スマホ画面時のteampiretti削除*/
.category-nav li a.piretti_none{
    display: none !important;
    
}


/*カスタムカラーの余白、スマホに影響を出さないようにした。*/
#item_list, #checkeditem {
    clear: both;
    padding: 0px;
}

#pickup_area{
    padding: 0px;
}

  /*フォントの修正*/
.category-nav .ac_menu li{
    font-family: "Times New Roman", "Lusitana", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}