@charset "utf-8";

#Header,
#FootWigdet,
#serviceColumn,
#Foot .inner{
    display: none;
}
#Foot {
    position: static;
    height: auto;
}
#CartFlow {
    margin-bottom: 3em;
}
.cartstep {
    max-width: var(--common-column-w);
    margin: auto;
}

/*--- cart list ---*/
#Contents .productList input[type="text"] {
    max-width: unset;
    min-width: unset;
}
#CartList {
    max-width: var(--common-column-w);
    margin: auto;
}

#CartList div.btmbtn .btn-large {
    padding: 12px 17px;
    font-size: 16px;
    box-shadow: none;
}
#CartList h3 {
    font-size: 15px;
    padding: 15px;
    border-radius: 5px 5px 0 0;
}

#CartList div.productList div.list {
    padding: 10px 0;
}

#CartList div.productList div.product p.quantity {
    width: 80px;
}

#CartList div.productList dl.name {
    width: 390px;
}

#CartList div.productList dl.name dd {
    width: 260px;
    float: left;
    padding-left: 1em;
}

#CartList dl.name dd {
    padding-top: 0!important;
}
#CartList div.productList div.cartOrder {
    background: transparent;
}
#CartList div.btmbtn ul {
    float: none;
    position: static;
    text-align: center;
    margin: 5em auto 0em;
}
#CartList div.btmbtn {
    height: auto;
}
.subcartOrder {
    display: flex;
}
.pointBox div.boxbtm span.fred {
    clear: both;
}
.btn-mini {
    padding: 8px 1.5em;
    background: #eee;
    color: #000;
}


#Contents div.main {width: unset;padding: 0 0px;background: none;}


#Contents div.column {
    width: 43%;
    margin-right: 4%;
}
#Contents div.columnRight,
#Contents div.shoppingCart{
    width: 52%;
}
#Contents div.column h2,
#Contents div.columnRight h2{
    font-weight: 600;
    font-size: 20px;
}
.userBox {
    background: none;
    border: var(--border-2);
    border-radius: 5px;
    margin-top: 0;
}

.userBox div.top, .userBox div.bottom {
    background: none;
}

#Contents input[type="text"] {
    max-width: 97%;
    min-width: 100px;
}
.orderBox {
    margin-top: 0;
    background: none;
    border: var(--border-2);
    border-radius: 5px;
    margin-bottom: 1em;
}



#Contents div.submain {
    width: unset;
}


.orderBox div.bottom {
    background: none;
}



#CartList h3 {
    background: none;
    background: var(--acolor-2);
}

.radioBtn label {
    vertical-align: -1px;
}

.orderBox select {
    padding: 4px;
    border: var(--border-2);
    border-radius: 2px;
}

.shoppingCart div.subCartList div.bottom {
    background: none;
}

.shoppingCart div.subCartList {
    background: none;
    margin-top:0;
}

.shoppingCart .block {
    border: var(--border-2);
    border-top: 0px;
}

.shoppingCart div.singleProduct dd strong a {
    background: none;
    padding: 0;
    text-decoration:none;
}

.shoppingCart div.singleProduct dt {
    margin-right: 1em;
}

.shoppingCart div.singleProduct dd {
    font-size: 13px;
}

.shoppingCart div.singleProduct dd p:last-child {
    padding-left: 7px;
    font-weight: 600;
    font-size: 15px;
}

.sumBox * {
    font-size: 15px;
}

.sumBox {
    width: unset;
}
.shoppingCart .block h4 {
    font-weight: 600;
    font-size: 15px;
    background: var(--acolor-1);
    color: #fff;
    padding: 0.5em;
    width: 100%;
    text-align: center;
    margin-bottom: 1em;
    box-sizing: border-box;
}

.pointBox {
    width: 100%;
}

.pointBox div.box, .couponBox div.box {
    width: 100%;
    box-sizing: border-box;
}


#CartList p.sum {
    display: none;
}

#CartList .product p {
    font-size: 15px;
}
textarea.request {
    width: 330px !important;
    border: var(--border-2);
    padding: 5px;
    box-sizing: border-box;
}

.pointBox div.box, .couponBox div.box,
.pointBox div.boxbtm, .couponBox div.boxbtm {
    background: none;
    padding:0;
    font-size:12px;
}


#CartList div.productList div.pointBox,#CartList div.productList div.couponBox {
    border: var(--border-1);
    border-radius: 2px;
    margin-right: 1em;
    padding: 1em!important;
    background: #faf7f4;
}

#CartList div.productList div.pointBox .box > p, 
#CartList div.productList div.couponBox .box > p{
    font-weight:600;    
    font-size:13px;
    margin-bottom:1em;
}

.pointBox div.boxbtm dt,
.couponBox div.boxbtm dt{
    float: none;
    width: 100%;
    font-size: 12px;
    margin-bottom: 0.5em;
}


.couponBox div.boxbtm span {
    clear: both;
    padding-top: 0;
}

.couponBox div.boxbtm dd {
    float: none;
    text-align: left;
    width: 100%;
}

#Contents .couponBox input[type="radio"] {
    padding: 0;
    margin: 0;
    margin-right: 3px;
}

#Contents .couponBox td {
    padding: 0 1em 1em 0;
}

#Contents .couponBox select {
    padding: 3px;
    margin-bottom: 1em;
}

#Contents .couponBox input[type="text"] {
    width: 100%!important;
    margin-bottom: 1em;
}
.minus .name {
    font-size: 11px;
}
.shoppingCart div.subCartList div.priceList {
    width: 100%;
}

.shoppingCart div.priceList div {
    width: 100%;
}

.priceList dl {
    width: 100%;
}


.shoppingCart div.singleProduct div {
    width: 100%;
}

.pointBox div.boxbtm div, .couponBox div.boxbtm div {
    width: 100%;
}

.pointBox div.boxbtm dl, .couponBox div.boxbtm dl {
    width: 100%;
}

.couponBox {
    width: 100%;
}

.block .couponBox div.boxbtm input {
    width: 96%!important;
}
/*----- ??? ----*/
.orderBox div.userProduct div {
    width: 100%;
}

.orderBox div.userProduct dl {
    width: 100%;
    font-size: 13px;
}

.orderBox div.userProduct dd {
    width: auto;
    float: left;
    margin-left: 2%;
}

.orderBox div.userProduct dd strong {
    padding-top: 0;
}

.orderBox div.userProduct dd strong a {
    background: none;
    text-decoration: none;
    padding-left: 0;
    margin-bottom: 1em;
}

.userProduct p.clr {
    display: none;
}


.summary0,
.summary1,
.summary2{
  margin:1.5em 0 .5em
}
.summary0 {
    margin-top: 10px;
}
.option.list input[type="text"] {
    width: 21em !important;
}

/*-------  --------*/
.shoppingCart div.singleProduct dl {
    width: 100%;
}

/*---- comfirm ----*/
#Contents div.column.comfirm {
    width: 42%;
}

.orderBox div.box div {
    width: 100%;
}

.orderBox div.box dl {
    width: 100%;
}

.orderBox div.box dd p {
    width: 100%;
}

#Contents div.shoppingCart.comfirm {
    width: 52%;
}

.shoppingCart div.subCartList {
    margin-top: 0;
}