.reduced{
display:inline-block;
font-weight:bold;
padding:.25rem;
border-radius:.25rem;
color:var(--alert-font-color);
border:1px solid var(--alert-border-color);
background:var(--alert-background-color);
}


/* Price Box */
.price{
float:left;
width:100%;
padding:.5rem;
border:0px #ff0000 solid;
}

/* Mobile View till Tablet */
@media screen and (max-width: 45rem){

.price{
border-top:1px solid var(--base-border-color);
border-bottom:1px solid var(--base-border-color);
background:var(--middle-background-color);
}

}

/* Mobile View > Tablet only */
@media screen and (min-width: 45rem) and (max-width: 79.5rem){

.price{
border-top:1px solid var(--base-border-color);
border-bottom:1px solid var(--base-border-color);
background:var(--middle-background-color);
}

}

.price .info{
float:left;
text-align:left;
margin:0;
padding:0;
width:100%;
height:6rem;
border:0px #ff0000 solid;
}

.price .box{
float:left;
text-align:center;
margin:0;
padding:0;
width:100%;
height:2rem;
border:0px #0000ff solid;
}

.price .box .display{
position:absolute;
bottom:0;
float:left;
margin:0;
padding:0;
width:100%;
border:0px #ff0000 solid;
}

.price .box p{
margin:0;
padding:0;
font-size:var(--m-font-size);
font-weight:bold;
}

.price button{
height:2rem;
}


/* Mobile View */
@media screen and (max-width: 45rem){

.dialog .box{
float:left;
width:100%;
margin:0 0 2rem 0;
padding:.5rem;
border:0px #ff0000 solid;
background:var(--middle-background-color);
}

.dialog .info{
float:left;
width:100%;
margin:0;
padding:0;
}

.dialog .box_item_option{
float:left;
width:100%;
height:3rem;
display:flex;
justify-content:center;
align-items:center;
}

.dialog .box_item_price_option{
float:left;
width:100%;
height:3rem;
}

.dialog .box_item_price_option select{
float:left;
width:100%;
text-align:center;
text-align-last:center;
}

.dialog .box_amount{
float:left;
width:100%;
height:3rem;
margin:0 0 .5rem 0;
display:flex;
justify-content:center;
align-items:center;
}

.dialog .box_amount .amount.label{
float:left;
width:auto;
margin:7px 0 0 0;
padding:0;
}

.dialog .box_amount .amount.unit{
float:left;
width:auto;
margin:9px 0 0 0;
padding:0;
}

.dialog .box_amount .amount.unit p{
float:left;
width:auto;
margin:0;
padding:0;
}

.dialog .basket-wrapper{
float:left;
width:100%;
height:3rem;
}

.dialog .basket-wrapper .btn_basket{
float:left;
width:100%;
}

}



/* Mobile View -> Tablet && Portrait */
@media screen and (min-width: 45rem) and (max-width: 79.5rem) and (orientation: portrait){

.dialog .box{
float:left;
width:100%;
margin:0;
padding:.5rem;
background:var(--middle-background-color);
}

.dialog .info{
float:left;
width:100%;
margin:0;
padding:.5rem;
}

.dialog .box_item_option{
float:left;
width:50%;
height:3rem;
}

.dialog .box_item_price_option{
float:left;
width:50%;
height:3rem;
}

.dialog .box_item_price_option select{
float:right;
}


.dialog .box_amount{
float:left;
width:50%;
height:3rem;
margin:0;
padding:4px 0 0 0;
display:flex;
justify-content:left;
align-items:stretch;
}

.dialog .box_amount .amount.label{
float:left;
width:auto;
margin:9px 0 0 0;
padding:0;
}

.dialog .box_amount .amount.unit{
float:left;
width:auto;
margin:9px 0 0 0;
padding:0;
}

.dialog .box_amount .amount.unit p{
float:left;
width:auto;
margin:0;
padding:0;
}

.dialog .basket-wrapper{
float:right;
width:50%;
height:3rem;
}

.dialog .basket-wrapper .btn_basket{
float:right;
width:auto;
}

}

/* Mobile View -> Tablet && Landscape */
@media screen and (min-width: 45rem) and (max-width: 79.5rem) and (orientation: landscape){

.dialog .box{
float:left;
width:100%;
margin:0;
padding:.5rem;
background:var(--middle-background-color);
}

.dialog .info{
float:left;
width:100%;
margin:0;
padding:.5rem;
}

.dialog .box_item_option{
float:left;
width:50%;
height:3rem;
}

.dialog .box_item_price_option{
float:left;
width:50%;
height:3rem;
}

.dialog .box_item_price_option select{
float:right;
}

.dialog .box_amount{
float:left;
width:50%;
height:3rem;
margin:0;
padding:4px 0 0 0;
display:flex;
justify-content:left;
align-items:stretch;
}

.dialog .box_amount .amount.label{
float:left;
width:auto;
margin:9px 0 0 0;
padding:0;
}

.dialog .box_amount .amount.unit{
float:left;
width:auto;
margin:9px 0 0 0;
padding:0;
}

.dialog .box_amount .amount.unit p{
float:left;
width:auto;
margin:0;
padding:0;
}

.dialog .basket-wrapper{
float:right;
width:50%;
height:3rem;
}

.dialog .basket-wrapper .btn_basket{
float:right;
width:auto;
}

}


/* Desktop only */
@media screen and (min-width: 79.5rem){

.dialog .box{
float:left;
width:100%;
margin:0;
padding:.5rem;
background:var(--middle-background-color);
}

.dialog .info{
float:left;
width:50%;
margin:0;
padding:0;
}

.dialog .box_item_option{
float:left;
width:100%;
height:3rem;
}

.dialog .box_item_price_option{
float:left;
width:100%;
height:3rem;
}

.dialog .box_amount{
float:right;
width:auto;
height:3rem;
margin:0;
padding:4px 0 0 0;
display:flex;
justify-content:left;
align-items:stretch;
}

.dialog .box_amount .amount.label{
float:left;
width:auto;
margin:9px 0 0 0;
padding:0;
}

.dialog .box_amount .amount.unit{
float:left;
width:auto;
margin:9px 0 0 0;
padding:0;
}

.dialog .box_amount .amount.unit p{
float:left;
width:auto;
margin:0;
padding:0;
}

.dialog .basket-wrapper{
float:left;
width:100%;
height:3rem;
}

.dialog .basket-wrapper .btn_basket{
float:right;
width:auto;
}

}



.dialog .box_amount .amount.input{
float:left;
width:8rem;
margin:.25rem .25rem 0 .25rem;
padding:.25rem;
border:var(--input-base-border-color) 1px solid;
background:var(--input-base-background-color);
color:var(--input-base-font-color);
}

/* Item option */
.dialog .box_item_option .list{
float:left;
width:auto;
margin:0;
padding:0;
}

.dialog .box_item_option .list,
.dialog .box_item_option .list li{
background:none;
}


/* Item price option */
.dialog .box_item_price_option select{
margin:.25rem 0 0 0;
padding:0;
}

.dialog .box_item_price_option label{
display:none
}




.payment-info{
margin:0;
padding:0;
width:100%;
border:1px solid var(--light-border-color);
}

.payment-info li{
display:inline-block;
border:1px solid var(--light-border-color);
}

.payment-info li:before{
display:inline-block;
content:'';
width:1em;
height:.75em;
}

.payment-info .type_100:before{
background:url('/asset/img/icon/link.svg') no-repeat top right;
}

.payment-info .type_101:before{
background:url('/asset/img/icon/link.svg') no-repeat top right;
}

.payment-info .type_102:before{
background:url('/asset/img/icon/link.svg') no-repeat top right;
}

.payment-info .type_200:before{
background:url('/asset/img/icon/link.svg') no-repeat top right;
}


.shipping-country{
clear:both;
float:left;
margin:0;
padding:0;
width:100%;
border:1px solid var(--dark-border-color);
}

.shipping-country li{
display:inline-block;
border:1px solid var(--light-border-color);
}

.shipping-country li:before{
display:none;
}

.shipping-cost{
clear:both;
float:left;
margin:.5rem 0;
padding:0;
width:100%;
border:1px solid var(--dark-border-color);
}

.shipping-cost li{
clear:both;
float:left;
display:block;
width:26rem;
border:1px solid var(--light-border-color);
}

.shipping-cost li:before{
display:none;
}

.shipping-cost li .label{
float:left;
display:inline-block;
border:1px solid var(--light-border-color);
}

.shipping-cost li .label .small{
font-size:var(--xs-font-size);
}

.shipping-cost li .value{
float:right;
display:inline-block;
border:1px solid var(--light-border-color);
}