﻿@charset "utf-8";

.cart .c                         {padding:0.5em;}
.cart section                    {margin-bottom:0.5em;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.cart section h1                 {background-color:#4dc4c2;color:#fff;font-size:1em;text-align:center;padding:0.6em;margin:0 0 0.5em;border-radius:4px;}

.cart2regi .btn_posi             {background:#f60;}
.cart2regi .btn_posi:hover       {background:#f90;}

/* ==============================================================  */
.cartbox                         {}
.cartbox h1                      {}
.cartbox_note                    {font-size:0.88em;margin:0.5em 0;}
.cartbox ul,
.cartbox li                      {margin:0;padding:0;border:1px solid #ddd;list-style:none;}
.cartbox li                      {padding:0.5em;margin-bottom:0.5em;background:#fff;}
.cartbox li:last-child           {margin-bottom:0;}

.cartbox_hd                      {overflow:hidden;cursor:pointer;}
.cartbox_hd .cartbox_data        {display:block;margin-left:70px;min-height:60px;position:relative;}
.cartbox_hd .cartbox_data:before       {right:0;top:0;display:block;position:absolute;content:"\e6d2";font-family:'entypo';-webkit-transition:0.2s ease;-moz-transition:0.2s ease;-ms-transition:0.2s ease;-o-transition:0.2s ease;transition:0.2s ease;}
.cartbox_hd .cartbox_data.opn:before   {-webkit-transform:rotate(180deg);transform:rotate(180deg);}
.cartbox_hd .img                 {float:left;}
.cartbox_hd .img span,
.cartbox_hd .img a               {display:block;overflow:hidden;width:60px;height:60px;border:1px solid #399;}
.cartbox_hd .img a:hover         {border-color:#3cc;}
.cartbox_hd .img img             {vertical-align:top;}
.cartbox_hd .name                {line-height:1.3;}
.cartbox_hd .price,
.cartbox_hd .qty                 {line-height:1.5;}
.cartbox_hd .price               {float:left;color:#777;}
.cartbox_hd .tax                 {display:none;}
.cartbox_hd .qty                 {text-align:right;margin-bottom:0.2em;}
.cartbox_hd .qty span:first-child{background:#333;color:#fff;display:inline-block;width:1.5em;text-align:center;border-radius:1.5em;margin-left:0.5em;margin-right:0.5em;}
.cartbox_hd .deli                {font-size:14px;display:inline-block;color:#399;}
.cartbox_hd .deli:before         {content:"\203B";}
.cartbox_hd .deli_caution        {color:#e12;}
.cartbox_bdy                     {overflow:hidden;position:relative;display:none;}
.cartbox_bdy dt,.cartbox_bdy dd,
.cartbox_bdy dl                  {margin:0;padding:0;}
.cartbox_bdy dl                  {padding:1em 0.5em 0.5em;float:left;width:60%;}
.cartbox_bdy dt                  {float:left;color:#399;width:5em;clear:left;white-space:nowrap;overflow:hidden;}
.cartbox_bdy dd                  {padding-bottom:0.5em;margin-bottom:0.5em;text-align:right;border-bottom:1px solid #9cc;}
.cartbox_bdy dd:last-child       {padding-bottom:0;margin-bottom:0;border-bottom:0 none;}
.cartbox_bdy select              {width:5em;}
.cartbox_btns                    {position:absolute;bottom:0;right:0;width:6em;}
.cartbox_btns .btn               {width:6em;display:inline-block;margin-top:0.5em;}

.carttotal dl                    {margin:0;padding:0;list-style:none;background:#fff;overflow:hidden;border-top:1px solid #ccc;}
.carttotal .total                {border-bottom:1px solid #ccc;}
.carttotal dt, .carttotal dd     {padding:0.5em;margin:0;}
.carttotal dt                    {float:left;width:7em;clear:left;white-space:nowrap;overflow:hidden;border-right:1px solid #ccc;color:#fff;background:#999;}
.carttotal dd                    {text-align:right;}
.carttotal .total dt             {background:#e21;}
.carttotal .total dd             {color:#e21;font-weight:bold;}
.carttotal .t_point dt           {background:#7bd;}
.carttotal .t_point dd           {color:#06e;}

.cart section.cart2regi          {margin-bottom:0;}
.cart2regi h1                    {display:none;}
.cart2regi_wrp                   {overflow:hidden;}
.cart2regi dt,.cart2regi dd,
.cart2regi dl                    {margin:0;padding:0;}
.cart2regi dl                    {list-style:none;background:#fff;overflow:hidden;margin-bottom:0.5em;}
.cart2regi dt                    {background:#244;color:#fff;text-align:center;padding:1em 0;}
.cart2regi dd .btn               {width:80%;font-size:1.4em;}
.cart2regi dd p                  {margin:0 1em 1em;}

.cartnotes                       {background:#e6e6e6;}
.cartnotes dl                    {margin:0;padding:0;list-style:none;background:#fff;overflow:hidden;}
.cartnotes dt,.cartnotes dd,
.cartnotes dl                    {margin:0;padding:0;}
.cartnotes dt                    {padding:1em;background:#244;color:#fff;}
.cartnotes dd                    {padding:1em;overflow:hidden;}
.cartnotes dd p                  {margin:0 0 1em 0;}
.cartnotes dd ul                 {line-height:1.5;margin:0;padding:0 0 0 1em;}
.cartnotes dd li                 {margin:0 0 1em 0;}

/* ============================================================== media query */
@media screen and (min-width: 480px){
}
@media screen and (min-width: 760px){
	.cart .c                         {padding:1%;}
	.cartbox                         {float:left;width:59%;}
	.carttotal                       {float:right;width:40%;}
	.cart2regi                       {clear:both;overflow:hidden;}
	.cart2regi h1                    {display:block;}
	.cart2regi_wrp                   {display:flex;justify-content: space-between;}
	.cart2regi dl                    {width:50%;}
	.cart2regi dl:first-child        {width:49%;}
}
@media screen and (min-width: 1020px){
	.cart_main                       {float:left;width:34%;}
	.cartbox,
	.carttotal                       {width:100%;float:none;}
/*
	.cartbox                         {width:34%;}
	.carttotal                       {float:right;width:65%;padding-bottom:2em;overflow:hidden;}
	.carttotal dl                    {float:left;width:25%;border-bottom:1px solid #ccc;}
*/
	.cart2regi                       {clear:none;float:right;width:65%;}
	.cartnotes                       {float:right;width:65%;}


}
@media screen and (min-width: 1500px){
}

/* ------------------------------------ 2022/12/23 */
.cart2regi_only_login {
	padding: 1em 0.5em 1.5em;
}
.cart2regi_only_login .btn {
	width: 80%;
	max-width: 360px;
	font-size: 1.4em;
}

