@charset "utf-8";
/* **********************************************
sg_cart.css
----------------------------------------------
********************************************** */

.cart_block{
  max-width:1000px;
  margin:0 auto 60px;
  padding:60px 15px 0;
}

.cart_block > p,
.totalmoney_area p{
  font-size:16px;
  margin-bottom:13px;
}
.totalmoney_area h4{
  font-size:16px;
}

.cart_list_tbl{
  border-collapse:collapse;
  width:100%;
  margin-bottom:20px;
  border-top:solid 1px #c9c5aa;
  border-left:solid 1px #c9c5aa;
}
.cart_list_tbl th,
.cart_list_tbl td{
  font-size:18px;
  text-align:center;
  font-weight:bold;
  padding:15px;
  border-right:solid 1px #c9c5aa;
  border-bottom:solid 1px #c9c5aa;
}
.cart_list_tbl tr:nth-child(odd) td{
  background:#fff;
}
.cart_list_tbl tr:nth-child(even) td{
  background:#f6f6f4;
}
.cart_list_tbl tr td:nth-child(5){
  line-height:1.1;
}
.cart_list_tbl td.item{
  width:auto;
  display:flex;
  align-items:center;
  text-align:left;
}
.cart_list_tbl tr td:nth-child(2){
  width:90px;
}
.cart_list_tbl tr td:nth-child(3){
  width:90px;
}
.cart_list_tbl tr td:nth-child(4){
  width:70px;
}
.cart_list_tbl tr td:nth-child(5){
  width:90px;
}

.cart_list_tbl td .delete{
  display:inline-block;
  width:36px;
  font-size:15px;
  line-height:1;
  background:#666;
  color:#fff;
  border-radius:6px;
  position:relative;
  padding:7px 25px 7px 5px;
}
.cart_list_tbl td .delete::before,
.cart_list_tbl td .delete::after{
  content:"";
  display:block;
  width:14px;
  height:2px;
  background:#fff;
  position:absolute;
  top:calc(50% - 1px);
  right:8px;
}
.cart_list_tbl td .delete::before{
  transform:rotate(-45deg);
}
.cart_list_tbl td .delete::after{
  transform:rotate(45deg);
}

.cart_list_tbl td.item .pic{
  display:block;
  flex-shrink:0;
  width:123px;
  height:123px;
  position:relative;
  margin-right:20px;
}
.cart_list_tbl td.item .pic img{
  max-width:100%;
  max-height:100%;
  width:auto;
  height:auto;
  position:absolute;
  top:50%;
  left:50%;
  transform: translateX(-50%) translateY(-50%);
}
.cart_list_tbl td.item .settaisyo{
  display:inline-block;
  font-size:15px;
  font-weight:normal;
}

.cart_list_tbl tr td:nth-child(3){
  line-height:1;
}
.cart_list_tbl tr td:nth-child(3) .btn{
  display:block;
  text-align:center;
}

.cart_list_tbl td .prd_count{
  width:60px;
  padding:3px;
  margin-bottom:4px;
  font-size:18px;
  font-weight:normal;
  text-align:center;
  border:solid 1px #666;
  cursor:text;
}

.cart_list_tbl td .plusbtn,
.cart_list_tbl td .minusbtn{
  display:inline-block;
  width:20px;
  height:20px;
  text-indent:-9999px;
  margin:0 4px;
  background:#666;
  border-radius:4px;
  position:relative;
}
.cart_list_tbl td .plusbtn::before,
.cart_list_tbl td .plusbtn::after,
.cart_list_tbl td .minusbtn::before{
  content:"";
  display:block;
  background:#fff;
  position:absolute;
}
.cart_list_tbl td .plusbtn::before,
.cart_list_tbl td .minusbtn::before{
  width:10px;
  height:2px;
  top:9px;
  left:5px;
}
.cart_list_tbl td .plusbtn::after{
  width:2px;
  height:10px;
  top:5px;
  left:9px;
}

.cart_list_tbl td .recalc{
  display:inline-block;
  font-size:14px;
  font-weight:normal;
  color:#21cadd;
  text-decoration:underline;
}

.cart_list_tbl td .tax{
  font-size:14px;
}
.cart_list_tbl td .count{
  font-size:18px;
  text-align:right;
  width:2em;
  padding:4px;
  margin-bottom:4px;
  border:solid 1px #ccc;
}

.cart_list_tbl.multiple_err, .cart_list_tbl.multiple_err td{
  border-color:#c93e3e;
}
.cart_list_tbl.multiple_err tr:nth-child(odd) td{
  background:#f6cccc;
}
.cart_list_tbl.multiple_err tr:nth-child(even) td{
  background:#f9dddd;
}
.cart_list_tbl.multiple_err tr td:nth-child(3),
.cart_list_tbl.multiple_err tr td:nth-child(4){
  color:#c93e3e;
}

.cart_block .item_note{
  margin-bottom:20px;
}

.cart_sumtotal_tbl{
  border-collapse:collapse;
  width:100%;
  margin-bottom:20px;
  border-top:solid 1px #c9c5aa;
  border-left:solid 1px #c9c5aa;
}
.cart_sumtotal_tbl th,
.cart_sumtotal_tbl td{
  font-size:20px;
  font-weight:bold;
  padding:15px;
  border-right:solid 1px #c9c5aa;
  border-bottom:solid 1px #c9c5aa;
}
.cart_sumtotal_tbl th{
  width:30%;
  text-align:center;
  background:#f6f6f4;
}
.cart_sumtotal_tbl td{
  text-align:right;
}
.cart_sumtotal_tbl td .tax{
  font-size:14px;
}

.cart_campaign_tbl{
  border-collapse:collapse;
  width:100%;
  margin-bottom:20px;
  border-top:solid 1px #c9c5aa;
  border-left:solid 1px #c9c5aa;
}
.cart_campaign_tbl th,
.cart_campaign_tbl td{
  font-size:20px;
  font-weight:bold;
  padding:15px;
  border-right:solid 1px #c9c5aa;
  border-bottom:solid 1px #c9c5aa;
}
.cart_campaign_tbl th{
  width:30%;
  text-align:center;
  background:#f6f6f4;
}
.cart_campaign_tbl td{
  text-align:right;
}
.cart_campaign_tbl td .tax{
  font-size:14px;
}

.cart_campaign_tbl td .set_code,
.cart_campaign_tbl td .reset_code{
  display:inline-block;
  width:36px;
  font-size:15px;
  line-height:1;
  background:#666;
  color:#fff;
  border-radius:6px;
  position:relative;
  padding:7px 8px;
  margin-left:4px;
  vertical-align:0.12em;
}
.cart_campaign_tbl td .reset_code{
  width:50px;
}

.cart_campaign_tbl td #campaign_inp{
  width:166px;
  padding:3px;
  font-size:18px;
  font-weight:normal;
  text-align:center;
  border:solid 1px #666;
}
.cart_campaign_tbl .iscampaign{
  font-size:24px;
}

.cart_block .btn_box{
  margin-top:60px;
}
.cart_block .btn_box .return_shopping{
  float:left;
  margin-top:3px;
}
.cart_block .btn_box .return_shopping a{
  display:inline-block;
  font-size:14px;
  font-weight: bold;
  color:#B29F91;
  padding:15px 25px;
  border:solid 1px #B29F91;
}

.cart_block .btn_box .goto_process{
  width:calc(100% - 420px);
  margin:0 auto;
  text-align:center;
}
.cart_block .btn_box .goto_process button{
  width:255px;
  padding:17px 25px;
  font-size:18px;
  font-weight:bold;
  font-family: Arial, Roboto, "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
  line-height:1.2;
  color:#7c6d62;
  background:#efe8e3;
  border:solid 2px #7c6d62;
}

.cart_free_shipping{
  color:#fff;
  text-align:center;
  padding:10px;
  background:#c93e3e;
  margin-bottom:15px;
  position:relative;
}
.cart_free_shipping::after{
  content:"";
  display:block;
  width:0;
  height:0;
  border-top:solid 16px #c93e3e;
  border-left:solid 15px transparent;
  border-right:solid 15px transparent;
  position:absolute;
  bottom:0;
  left:calc(50% - 15px);
  transform:translateY(15px);
}
.cart_free_shipping .price{
  font-size:20px;
  font-weight:bold;
}


/* ------------------------------------------------------------ */
@media screen and (max-width:768px){
/* ------------------------------------------------------------ */

.cart_list_tbl tr{
  display:flex;
  flex-wrap:wrap;
}
.cart_list_tbl tr th,
.cart_list_tbl tr td{
  font-size:16px;
  padding:7px 10px;
}
.cart_sumtotal_tbl tr th,
.cart_sumtotal_tbl tr td{
  font-size:16px;
}

.cart_list_tbl td.item .settaisyo{
  font-size:13px;
}
.cart_list_tbl tr th:first-child{
  width:100%;
}
.cart_list_tbl tr td.item{
  width:100%;
}
.cart_list_tbl tr th:nth-child(2), .cart_list_tbl tr th:nth-child(3), .cart_list_tbl tr th:nth-child(4), .cart_list_tbl tr th:nth-child(5),
.cart_list_tbl tr td:nth-child(2), .cart_list_tbl tr td:nth-child(3), .cart_list_tbl tr td:nth-child(4), .cart_list_tbl tr td:nth-child(5){
  width:calc(25% - 21px);
  display:flex;
  align-items:center;
  justify-content:center;
}
.cart_list_tbl tr th:nth-child(6){
  display:none;
}
.cart_list_tbl tr td:nth-child(6){
  width:100%;
}
.cart_list_tbl tr td:nth-child(3), .cart_list_tbl tr td:nth-child(4), .cart_list_tbl tr td:nth-child(5){
  flex-direction:column;
}
.cart_list_tbl tr td:nth-child(4) .btn{
  margin-bottom:5px;
}
.cart_list_tbl tr.prdoption td:nth-child(1){
  display:block;
  width:calc(75% - 21px);
  text-align:left;
}
.cart_list_tbl tr.prdoption td:nth-child(2){
  width:calc(25% - 21px);
}

.cart_campaign_tbl th,
.cart_campaign_tbl td{
  display:block;
  width:auto;
  font-size:16px;
  text-align:center;
  padding:7px 10px;
}
.cart_campaign_tbl td #campaign_inp{
  font-size:16px;
}
.cart_campaign_tbl td #iscampaign{
  font-size:18px;
}

.cart_block .btn_box{
  margin-top:30px;
}
.cart_block .btn_box .return_shopping{
  margin-bottom:15px;
}
.cart_block .btn_box .goto_process{
  margin:0 auto;
}


}

/* ------------------------------------------------------------ */
@media screen and (max-width:480px){
/* ------------------------------------------------------------ */

.cart_block{
  padding-top:40px;
}

.cart_list_tbl td.item .delete{
  margin:0 13px 0 0;
}
.cart_list_tbl td.item .pic{
  width:120px;
  height:120px;
  margin-right:15px;
}
.cart_list_tbl td.item p{
  line-height:1.2;
}

.cart_block .btn_box .return_shopping{
  float:none;
  text-align:center;
}
.cart_block .btn_box .goto_process{
  width:280px;
}
.cart_block .btn_box .goto_process .process_btn{
  display:block;
}
.cart_block .btn_box .goto_process .process_btn button{
  width:280px;
  padding:20px 20px;
  margin-bottom:10px;
}
.cart_block .btn_box .goto_process .process_btn button br{
  display:none;
}



}