@charset "utf-8";

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

.logoInfoArea{
	margin-top: 20px;
}

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

.requestQuoteTitle{
	font-size: 22px;
    font-weight: bold;
    line-height: 1.2em;
    padding: 0.5em;
    margin: 0.5em 0;
    color: #494949;
    background: #ededed;
    border-left: solid 5px #e70012;
}

.shopNameTitle {
	font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
    display: inline-block;
    padding: 0.2em;
    border-left: solid 5px #f08200;
}

.requestQuoteTable{
	border: medium none currentcolor;
    width: 100%;
    background: #ffffff;
}

.requestQuoteTable th {
    background: #999;
    color: #fff;
    padding: 8px;
    text-align: center;
    border-right: 1px solid #eee;
}

.quantityCol {
    text-align:center;
    width:10%;
}
.buttonCol{
    text-align:center;
    width:12%;
}
.deleteButton {
    width: 80px;
}

.desiredDeliveryDateCol {
    width:17%;
    vertical-align: center;
    text-align: center;

}

.requestQuoteTable .tbl_img {
    width: 10%;
    text-align: center;
    border-right: medium none currentcolor;
}

.requestQuoteTable td {
    padding: 10px;
    border-right: 1px solid #eee;
    border-top: 1px solid #eee;
    word-break: break-all;
}

/*-----------------------------
  商品画像
-----------------------------*/
.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;
}
/* デザイン適用 */
#requestQuoteMain .updateQuantity input[type=button].updateQuantityButton {
  background-color: #666 !important;
}

.shopMessageContainer{
	width: 100%;
	height: 150px;
	margin: 10px 0;
	padding: 10px 10px;
}

.shopMessage{
	width: 100%;
	height: 100%;
	margin-top: 5px;
	resize: none;
}

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


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

.completeRequestBtn{
	background-color: #e68012 !important;
  	color: #ffffff !important;
}

.ageLimitArea{
    text-align:right;
}
#blanketrequestQuoteArea{
    float:right;
}
.clearrequestQuoteArea{
   /* float:left;*/
}
#blanketrequestQuoteArea input[type="button"]{
    background-color:#ffffff;
    border:none;
    color:#001789;
}
#blanketrequestQuoteArea input[type="button"]:hover{
    color: #e68012;
    text-decoration: underline;
    opacity:1.0;
}
.estimateDownloadArea{
    padding-top:10px;
    padding-bottom:10px;
    text-align:right;
}

/*-----------------------------
  テーブル
-----------------------------*/
.shoprequestQuoteBeanTemplateArea{
    border:1px solid #cccccc;
    margin-bottom: 40px;
    background:#f9f9f9;
}
.shoprequestQuoteBeanTemplateArea .requestQuoteCover{
    padding:0 20px;
    margin-top:10px;
}
.shoprequestQuoteBeanTemplateArea 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;
    }
    .commodityrequestQuoteBean{
        border-bottom:1px dashed #cccccc;
        margin-bottom:20px;
    }
    .commodityrequestQuoteBean:last-child{
        border:none;
    }
    #blanketrequestQuoteArea{
        float:none;
        margin-top:40px;
    }
    .clearrequestQuoteArea{
        float:none;
    }
    .clearrequestQuoteArea 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;
	}
}