@charset "utf-8";


h3,
.cart_page_title,
.member_page_title{
    clear: both;
    background: url("../common/images/ttl_bg.png") left center no-repeat;
        background-size: auto;
    background-size: auto 50px;
    font-family: "Sawarabi Mincho", serif;
    font-size: 20px;
    padding: 20px 55px 12px 40px;
    margin-bottom: 20px;
    font-weight: normal;
}
.ttl h3{
    background: none;
   font-family: 'ＭＳ Ｐゴシック','MS PGothic','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,sans-serif;
}

#memberinfo h3{
background: #666;
}


/*商品一覧
***********************************/
.product-list{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.product-list dl{
    flex-basis: 22%;
    margin-bottom: 20px;
}
.product-list dt{
    padding: 0 0 10px 0;
}
.product-list h4{
    font-weight: 800;
    padding: 0 0 5px 0;
}

/***商品詳細(カート部分)
  -----------------------------------*/
  #itempage{
      margin: 0 0 50px 0;
      display: flex;
      justify-content: space-around;
  }
  .itemimg{
      flex-basis: 25%;      
      text-align: center;
      margin: 0 0 20px 0;
  }
  .itemdetail{
    flex-basis: 70%;
  }
  .item_name{
      font-size: 110%;
      font-weight: 800;
      padding: 0 0 10px 0;
  }
.itemcomment{
padding: 0 0 20px 0;
  }

#itempage .itemdetail .field{
    padding: 10px 0;
   
}
.detailcap{
    padding: 20px 0;
}

#itempage .itemdetail .field .field_price,
#itempage span.price{
    font-size: 130%;
    color: #000;
    text-align: left;
}
.itemsubimg img{
    display: inline-block;
}

.field_name{
    display: inline-block;
}
.field_price{
 display: inline-block;
}

#itempage table.skumulti td{
    background: #fff;
}
#itempage table.skumulti td,
#itempage table.skumulti th{
    padding: 2px;
}
#cart .upbutton{
    margin-bottom: 10px;
}




/**カート部分***********/
.cartbox {

}

.cartbox table{
    width: 100%;
}
.cartbox th,
.cartbox td{
    vertical-align: middle; 
}
.catbox td{
    background: #fff;
}
.catbox .itemdetail td{
    background: none;
}
.cartbox div.usccart_navi li{
    padding: 10px;
    border: 1px solid #fff;
    box-sizing: border-box;
}
.cartbox div.usccart_navi li.usccart_cart,
.cartbox div.usccart_navi li.usccart_customer, 
.cartbox div.usccart_navi li.usccart_delivery,
.cartbox div.usccart_navi li.usccart_confirm {
    background:#c7de90;
}

#cart_table{
    border-collapse: collapse;
}
.cartbox #cart th,
.cartbox #cart td{
   border: 1px solid #ccc;
}

.cartbox #inside-cart .send,
.cartbox #customer-info .send,
.cartbox #delivery-info .send,
.cartbox #info-confirm .send{
    border: none;
}

.cartbox #confirm_table .ttl,
.cartbox #confirm_table .ttl td{
    background: #eee;
}
.cartbox #confirm_table h3{
    color: #000;
}
.cartbox #cart_completion{
    text-align: center;
}
.cartbox #memberpages div.loginbox {
    margin-top: 0px;
    width: auto;
    max-width: 270px;
}

.cartbox #customer-info h5{
    background: #666;
}
#newmember .customer_form input[type=text]{
    width: 40%;
    margin-left: 3px;
    margin-right: 3px;
}
#newmember .customer_form input[type=checkbox],
#newmember .customer_form input[type=radio]{
    width: auto;
}


#newmember .customer_form input#mailaddress1, #newmember .customer_form input#mailaddress2, #newmember .customer_form input#address1, #newmember .customer_form input#address2, #newmember .customer_form input#address3{
    width: 50%;
    margin-left: 3px;
    margin-right: 3px;
}
#newmember th{
    width: 20%;
}


.error_message{
    color: red;
}







/*スマホ
-------------------------------------**/
@media screen and (max-width: 620px) {

h3,
.cart_page_title,
.member_page_title {
    font-size: 16px;
    padding-right: 20px;
}

/*商品一覧
***********************************/
.product-list dl{
    flex-basis: 48%;
}


/***商品詳細(カート部分)
  -----------------------------------*/
  #itempage{
      margin: 0 0 30px 0;
      display: block;
  }



  /**カート部分***********/
.cartbox div.usccart_navi {
    margin: 0 0 30px 0;
}
.cartbox div.usccart_navi li.ucart{
    width: 50%;
}
#cart #cart_table td,
#cart #cart_table th{
    font-size: 80%;
    white-space: nowrap;
}

#cart .thumbnail{
    display: none;
}
 
 
 #newmember th,
 #newmember td{
     display: block;
     width:auto;
 }
 
 
 
 
 
   /*その他のページ***/

#customer-info th,
#customer-info td{
    display: block;
    margin-top: -1px;
    width: auto;
}

     
    .scroll-wrap table{
    width: 100%;
}

  .scroll-wrap{
    width: 100%;
    padding: 0%;
    overflow-x: auto;
    white-space: nowrap;
  }
  .scroll-wrap::-webkit-scrollbar {
    height: 10px;

  }
  .scroll-wrap::-webkit-scrollbar-thumb{
    background: #999;
    border-radius: 5px;
  }
  .scroll-wrap::-webkit-scrollbar-track-piece {
    background: #efefef;
  }  



	
}