@charset "utf-8";

:root {
  --highlight-button: #e68012;
  --clearcart-btn-color: #e72e07;
  --toast-color: #e72e07;
  --toast-border-color: #7f0000;
}

.logoInfoArea{
	margin-top: 20px;
}


/*-----------------------------
  ナビエリア
-----------------------------*/
.cartNavigation {
    width: 100%;
    display: table;
}
.cartNavigationTitle,div.cartNavigationImg {
    vertical-align: middle;
}
.shopCartBeanTemplateArea div.shopNameArea{
    background-color:#eeeeee;
    color:#333333;
    border-bottom:1px solid #cccccc;
}

/*-----------------------------
  ナビ画像
-----------------------------*/
.cartNavigationImg {
    text-align: center;
}

.cartNavigationImg img{
  width:80%;
  max-width:600px;
  margin-bottom:20px;
}

.tableBody, .tableHeader{
  width:100%;
}
.imageCommodityImg{
    width:72px;
    height:72px;
}

/*-----------------------------
  数量・削除
-----------------------------*/
.quantityCol {
    text-align:center;
    width:10%;
}
.commodityAmount {
    width: 100%;
}

.commodity-amount-label{
	white-space: nowrap;
}

.item-control-row{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 10px;
}

.commodity-amount-container-sp{
	display: inline-flex;
	align-items: center;
	justify-content: end;
}

.buttonCol{
    text-align:center;
    width:12%;
}
.deleteButton {
    width: 80px;
}
/*-----------------------------
  価格・小計
-----------------------------*/
.priceCol {
    width:17%;
    vertical-align: center;
}
.sutotalCol {
    width:11%;
}
/*-----------------------------
  ショップ名
-----------------------------*/
.shopCode{
    font-size:14px;
    font-weight:bold;
    margin-bottom:10px;
    display:inline-block;
  /* デザイン適用 */
  padding: 0.2em;
  border-left: solid 5px #f08200;
}
/*-----------------------------
  商品画像
-----------------------------*/
.listBody li.cmdtyImageCol {
    text-align: left;
    white-space: normal;
    float:left;
}

/*-----------------------------
  商品名
-----------------------------*/
.listBody li.cmdtyNameCol {
    text-align: left;
    white-space: normal;
    word-break: break-all;
}

/*-----------------------------
  構成品
-----------------------------*/
div.compositionListArea {
    font-size: 10px;
    margin: 0px;
    padding-left: 5px;
}

.purchaseLink {
  margin-left: 10px;
}

/*-----------------------------
  合計
-----------------------------*/
.total{
    padding:10px 0 20px 0;
/* デザイン適用
    border-top: 2px solid #cccccc;
*/
}
.total table td{
    text-align: right;
    font-size:1.5em;
    padding:15px;
}


/*-----------------------------
  数量変更コメント
-----------------------------*/
.updateQuantity {
/* デザイン適用
    margin: 5px 5px;
*/
    margin: 5px 5px 10px;
    text-align: right;
  /* デザイン適用 */
  padding-bottom: 15px;
  border-bottom: 3px solid #cccccc;
  display: flex;
    justify-content: end;
}
/* デザイン適用 */
#cartMain .updateQuantity input[type=button].updateQuantityButton {
  background-color: #666 !important;
}

/*-----------------------------
  ボタン
-----------------------------*/
span.commoditySalesPrice {
    color: #af0000;
}
.navigation-button-area{
    padding-bottom:20px;
    text-align:right;
    display: flex;
    justify-content: space-between;
}


/* デザイン適用 */
#cartMain [id^=nextButton_] input[type=button] {
  color: #fff;
  background-color: #e68012 !important;
}
/* デザイン適用 */
#cartMain .clearCartArea input[type=button].clearCartButton {
  background-color: var(--clearcart-btn-color) !important;
  margin-bottom: 10px;
}
/* デザイン適用 */
#cartMain .estimateDownloadArea input[type=button] {
  background-color: #666 !important;
}
/* デザイン適用 */
#cartMain input[type=button] {
  background-color: #999 !important;
}

.ageLimitArea{
    text-align:right;
}
#blanketCartArea{
    float:right;
}
.clearCartArea{
   /* float:left;*/
}
#blanketCartArea input[type="button"]{
    background-color:#ffffff;
    border:none;
    color:#001789;
}
#blanketCartArea input[type="button"]:hover{
    color: #e68012;
    text-decoration: underline;
    opacity:1.0;
}
.estimateDownloadArea{
    text-align:right;
    line-height: 0;
    display: flex;
    align-items: center;
    justify-items: center;
    font-size: 12px;
}

/*-----------------------------
  テーブル
-----------------------------*/
.shopCartBeanTemplateArea{
    border:1px solid #cccccc;
    margin-bottom: 40px;
    background:#f9f9f9;
}
.shopCartBeanTemplateArea .cartCover{
    padding:0 20px;
    margin-top:10px;
}
.shopCartBeanTemplateArea ul{
    list-style: none;
}
.incWorkArea{
    width:100%;
}
.frameBody li{
    padding-left:0;
    paddinf-right:0;
}
.incFreeText{
    display:inline-block;
}
.incWorkPrice{
    float:right;
}
.incWorkNot{
    padding-right: 10px;
}
.frameBody li{
    padding-top:0;
    padding-bottom:0;
    word-break: break-all;
    padding-bottom:10px;
}

.saleFlg {
	font-size: larger !important;
}

.manufacturerModelNo {
	font-size: larger !important;
}

.commodityAggregatedName{
	list-style-type:none;
}

.commodityAggregatedName li{
	padding:0 !important;
}

.private {
	color: gray;
}

/*-----------------------------
  SP一括設定
-----------------------------*/
/*991px以下(xs,sm)で表示*/
@media screen and (max-width:991px){
    .sp_login, .sp_logout{
        right:0 !important;
    }
    .itemName{
        padding:0 10px;
    }
    .priceCol{
        width:25%;
    }
    .ageLimitArea{
        padding:0 10px;
    }
    .deleteButton,.favoriteButton{
        display:inline-block;
    }
    .commodityCartBean{
        border-bottom:1px dashed #cccccc;
        margin-bottom:20px;
    }
    .commodityCartBean:last-child{
        border:none;
    }
    #blanketCartArea{
        float:none;
        margin-top:40px;
    }
    .clearCartArea{
        float:none;
    }
    .clearCartArea input{
        width:100%;
        height:40px;
    }
    .ageLimitArea{
        text-align:center;
    }
    .shipping-button {
        text-align:center;
        width:100%;
        height:40px;
    }
	.back-button {
        text-align:center;
        width:100%;
        height:40px;
        margin-bottom: 10px;
    }
	.navigation-button-area{
	    flex-direction: column;
	}

}