@charset "utf-8";

/******************全体*****************/
.contents {
   width:100%;
   margin: 0 auto;
}
.cart{
	display:table;
	//border: 1px solid #000000;
	border-right: 1px solid #000000;
	border-top: 1px solid #000000;
  /*width:768px;*/
  width:77vw;
  /*max-width: 98vw;*/
  max-width: 710px;
  margin: 0 auto;
  margin-bottom:10px;
}

[class^="cart-"]{
	display:inline-table;
	//border-left: 1px solid #000000;
	//padding:3px;
  overflow: hidden;
  word-wrap: break-word;
}
[class^="cart-rows"]{
	display:block;
	border-left: 0px;
	border-bottom: 1px solid #000000;
  border-left: 1px solid #000000;
}

.cart-genre-title{
	width:160px;
}
.cart-type-title{
	width:280px;
}
.cart-price-title{
	width:100px;
}
.cart-num-title{
	width:40px;
}
.cart-amount-title{
	width:100px;
}

.cart-first-block{
	width:100%;
  vertical-align: top;
	display:block;
}
.cart-second-block{
	width:100%;
	//border-left: 1px solid #000000;
  vertical-align: bottom;
  text-align:right;
	display:block;
}
.cart-third-block{
	width:200px;
  height: 100%;
  vertical-align: bottom;
  text-align: right;
	display:table-cell;
}
.cart-genre{
	//padding: 3px;
}
.cart-price{
	//width:100px;
}
.cart-num{
	//width:40px;
}
.cart-amount{
	//width:100px;
}
.cart-third-block div{
  //display: table-cell;
  height: 100%;
  //border-left: 1px solid #000000;
}

/*カート*/
[class^="cart-"]{
  overflow: hidden;
  word-wrap: break-word;
}

.cart-total-num{
	width:100px;
}
.cart-total-price{
	width:170px;
  //margin-right: 42px;
}
[class$="-price"],[class$="-num"],[class$="-amount"]{
  width:120px;
  text-align:right;
}
[class^="cart-total"]{
  //width:120px;
  text-align:right;
}
.cart-total-button{
  visibility: hidden;
}
[class$="-title"]{
  text-align:center;
}
.cart-button{
  width: 53px;
}
.cart-rows-total{
  text-align: right;
}
.cart-rows:nth-child(2n) {
   /* 偶数番目(2,4,6……番目)だけに適用されるCSS */
   background: rgb(231, 238, 243);
}
.cart-rows:nth-child(2n+1) {
   /* 奇数番目(1,3,5……番目)だけに適用されるCSS */
   background: rgb(255, 255, 255);
}

/* 電話購入フォーム */
.checkout-purchase {
    display: table;
    width: 768px;
    max-width: 98vw;
    margin: 20px auto;
}

@media screen and (max-width:767px) {
  .cart{
    max-width: 98vw;
  }
  .cart-first-block,.cart-second-block,.cart-third-block{
    width:100%;
    display: block;
    padding: 2px;
  }
  .cart-second-block{
    border-left: initial;
  }
  .cart-third-block div{
    border-left: initial;
    float: right;
  }
  .cart-rows-title,.cart-price,.cart-num,.cart-total-num{
    display: none;
  }
  [class^="cart-genre"]{
  	//width:100%;
  }

}

/* ログイン画面 */
.checkout-select{
  max-width: 768px;
  width: 100%;
  margin: 0 auto;
  display: table;
  padding: 15px;
}
.left-block,.right-block{
    display: table-cell;
    width: 50%;
}
[class^="left-block-"],[class^="right-block-"]{
  overflow: hidden;
  word-wrap: break-word;
  padding:10px;
}

@media screen and (max-width:767px) {

.left-block, .right-block {
    display: block;
    width: 100%;
}

}