.list_info_title{
	display: inline-block;
    width: 54px;
    padding: 1px 0 0;
    margin: 0 8px 0 0;
    background: #f5f5f5;
    text-align: center;
    font-size: 1.3rem;
    color: #4275ba;
}

.t-default .ible-grid__list-item .search-result-cell .estimate_block {
    height: 100%;
    width: 100%;
}

.t-default .ible-grid__list-item .search-result-cell .estimate_block div[class*="estimate_"] {
    display: inline-block;
    width: 60%;
}

.quantity_wrap .list_info_title{
    display: inline-block;
    width: 30%;
}

.quantity_wrap .suuryou{
    display: inline-block;
    width: 60%;
}

.t-default .img_wrap {
    max-width: 33%;
}

input[name="check_contents[]"] {
    /* position: absolute; */
    float: left;
    top: 0px;
    left: 0px;
    z-index: 1;
    width: 25px;
    height: 25px;
}

.t-default .estimate_block .item_list_img {
    width: 100%;
    height: auto;
    display: flex;
}

.t-default .ible-cell .estimate_product_image {
    height: 100%;
    width: 100%;
    max-height: max-content;
}

/* お見積画面 お見積リスト　レイアウト関連 */
div .stock {
    width: auto;
    padding-top: 2%;
    display: block;
    margin-left: 0%;
}

.t-default .product_name {
    color: #4275ba;
    text-decoration: underline;
}

.bownowloginlink {
    background-color:#000000;
}

.check_btn_area {
    margin: 20px 0px;
    display: flex;
    justify-content: flex-end;
}

.select_btn {
    width: 145px;
    text-align: center;
    padding: 3px 5px 2px;
    border: 1px solid #ddd;
    border-radius: 0;
    background: #fff;
    font-weight: bold;
    transition: all 0.2s;
    cursor: pointer;
    margin: 0px 3px;
}

.this_delete {
    position: absolute;
    right: 1px;
    top: 0px;

    outline: none;
    border: 1px solid #ddd;
    border-radius: 0;
    padding: 1px 6px 0;
    background: #fff;
    font-size: 1.3rem;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.2s;
}

.work_btn_area,
.sp_display_up,
.sp_display_down {
    display: flex;
    justify-content: flex-end;
}

@media only screen and (max-width: 820px){
    .work_btn_area {
        font-size: 12px;
        padding: 3px 8px;
        margin: 0;
    }
}

@media only screen and (max-width: 690px){
    .work_btn_area {
        display: block;
    }
    .sp_display_up{
        margin-bottom: 15px;
    }
}

.choose_delete_btn_area,
.csv_btn_area,
.edit_quotation_btn_area,
.contact_btn_area {
    font-size: 14px;
    line-height: 1.2;
    color: #FFF;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 15px;
    margin: 2px 10px;
}

.bownowloginlink {
    background-color: #6153CC;
    display: block;
    font-size: 13px;
    color: #fff;
    line-height: 1.2;
    padding: 3px 20px;
    margin: 0 20px 2px 0;
}

.choose_delete_btn_area {
    background-color: #BBC;
    cursor: pointer;
}
/* .choose_delete_btn_area span::before{
    background: url(/dcms_media/image/common/icon_catalog.png)no-repeat center center /contain #9AC32D;
    content: "";
    display: inline-block;
    width: 13px;
    height: 13px;
    margin-right: 10px;
} */

.csv_btn_area {
    background-color: #9AC32D;
    cursor: pointer;
}
.csv_btn_area span::before{
    background: url(/dcms_media/image/common/icon_catalog.png)no-repeat center center /contain #9AC32D;
    content: "";
    display: inline-block;
    width: 13px;
    height: 13px;
    margin-right: 10px;
}

.edit_quotation_btn_area {
    background-color: #EA5098;
    cursor: pointer;
}
.edit_quotation_btn_area span::before{
    background: url(/dcms_media/image/icon_sp_mail.png)no-repeat center center /contain #EA5098;
    content: "";
    display: inline-block;
    width: 13px;
    height: 13px;
    margin-right: 10px;
}

.contact_btn_area {
    background: #444AAD;
    cursor: pointer;
}

.contact_btn_area span::before {
    background: url(/dcms_media/image/common/icon_mail.png)no-repeat center center /contain #444AAD;
    content: "";
    display: inline-block;
    width: 13px;
    height: 13px;
    margin-right: 10px;
}


/* 製品詳細画面 お見積追加/削除 レイアウト関連 */
.item_top_title02 .ible-block__basic {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.item_top_title02 .ible-block__basic .product-code {
    flex-grow: 1;
    align-self: flex-end;
    text-align: right;
}
/* 
#blockempty6 .addEstimate{
    color: #FFF;
    background: #da5959de;
    background-position: right 15px center;
    display: flex;
    align-items: center;
    font-size: 15px;
    font-weight: bold;
    line-height: 1;
    padding: 5px 18px 5px 15px;
    height: 50px;
    border-radius: 5px;
    transition: 0.8s;
} */

.t-default .addEstimate{
    color: #FFF;
    background-color: #da5959;
    display: flex;
    align-items: center;
    font-size: 15px;
    font-weight: bold;
    text-align: none;
    line-height: 1;
    padding: 5px 18px 5px 15px;
    height: 30px;
    /* margin: 5px; */
    border-radius: 5px;
    transition: 0.8s;
    cursor: pointer;

    -webkit-tap-highlight-color: rgba(0,0,0,0.3);
}

.t-default .btn_estimate a:hover,
.t-default .btn_estimate_list a:hover{
    color:#FFFFFF;
    background-color: #eea3a3;
    text-decoration: inherit;
}

.t-default .btn_estimate_list {
    margin :0px 5px;
}

#blockempty6 .addEstimate{
    height: 50px;
}


 .estimate_btn_block a::before {
    background-image: url(/dcms_media/image/common/icon_book.png);

    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    background-repeat: no-repeat;
    background-position: auto;
    background-size: contain;
}

/* 製品一覧、詳細画面 お見積リスト追加/削除 アラート関連 */

.add-list-message,
.delete-list-message {
    font-size: 15px;
    position: absolute;
    display: inline-block;
    color: #333;
    white-space: nowrap;
    line-height: 1;
    top: 50%;
    right: 100px;
    transform: translateY(-100%);
    z-index: 1001;
    padding: 15px 24px;
    border-radius: 5px 5px 5px 5px;
    -webkit-transform: translateY(-100%);
    -webkit-transition: visibility .5s ease, opacity .5s ease ,-webkit-transform .5s ease;
    transition: visibility .5s ease, opacity .5s ease ,-webkit-transform .5s ease;
    transition: visibility .5s ease, opacity .5s ease ,transform .5s ease;
    transition: visibility .5s ease, opacity .5s ease ,transform .5s ease, -webkit-transform .5s ease;
    visibility: hidden;
    opacity: 0;
}
.add-list-message {
    background: #ffd500;
}

.delete-list-message {
    background: #eeeeee;
}

.add-list-message.list_active,
.delete-list-message.list_active{
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

/* 見積書作成 */
.estimate_list_wrap {
    padding: 0px 60px 0px 60px;
}

.estimate_list_wrap table {
    width: 100%;
}

.estimate_list_wrap th {
    text-align: center;
    background: #233c6b;
    color: #ffffff;
    padding: 15px;
    border-right: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
}

.estimate_list_wrap td {
    text-align: center;
    background: #dee1e8;
    padding: 15px;
    border-bottom: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
}

.estimate_list > tr:nth-child(even) table td {
    background: #F0F2F2;
}

.dcms_error_area {
    padding-top: 3rem !important;
}

.required {
    display: inline-block !important;
    padding: 2px 5px;
    background-color: #ce052c;
    color: #fff;
    font-size: 12px;
    font-weight: normal;
    line-height: normal;
    text-align: center;
    vertical-align: middle;
}

.address_wrap > span,
.title_wrap > span {
    word-wrap: break-word !important;
    box-sizing: border-box;
    width: calc(100% - (2.5em + 10px));
    padding-left: 8px;
    line-height: 1.4;
    overflow-wrap: break-word !important;
}

.address_wrap > dt,
.title_wrap > dt{
    box-sizing: border-box;
    width: 260px;
    padding: 0px 16px 11px 4px;
    float: left;
}

.address_wrap dd > input[type='text'],
.title_wrap dd > input[type='text']{
    /* box-sizing: border-box; */
    display: block;
    /* width: 100%; */
    height: 38px;
    /* padding: 8px 12px; */
    border: 1px solid #bebebe;
    background: #f5f5f5;
    font-size: 16px;
    line-height: 32px;
    text-indent: 5px;
    transition: all .2s ease;



    box-sizing: border-box;
    width: calc(100% - 260px);
    margin-left: 0;
    padding-right: 5px;
    padding-left: 5px;
    float: right;
}

#submit_button {
    clear: both;
    padding-top: 30px;
    text-align: center;
}

.quotation_dl_btn {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    min-width: 240px;
    margin-right: 5px;
    padding: 16px 48px;
    border: solid 1px #6153CC;
    border-radius: 4px;
    background-color: #6153CC;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
    transition: all .2s ease;
}

.float_estimate_btn:before{
    content: '';
    position: absolute;
    display: block;
    width: 22px;
    height: 30px;
    background-image: url(/dcms_media/image/estimate_calc_icon_white.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    left: 50%;
    top: 50%;
    -webkit-transform: translate3d(-50%, -20px, 0);
    transform: translate3d(-50%, -20px, 0);
}

#floatestimate a{
    display: block;
    background: #6153CC;
    position: relative;
    text-align: center;
    vertical-align: bottom;
    box-sizing: border-box;
    padding-top: 45px;
    color: #fff;
    letter-spacing: 0;
    position: relative;
    cursor: pointer;
    text-decoration: inherit;

    width: 72px;
    height: 72px;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 72px 72px;
    display: block;
    z-index: 50;
}

@media only screen and (max-width: 979px){
  #floatestimate a.float_estimate_btn {
     width: 50px;
     height: 50px;
     background-size: 50px 50px;
     padding-top: 25px;
     
  }
  .float_estimate_btn:before{
    content: '';
    position: absolute;
    display: block;
    width: 15px;
    height: 20px;
    font-size: 11px;
  }
}

@media only screen and (max-width: 690px){
  #floatestimate {
      display: none;
  }
}

.link-postage {
    padding: 1rem;
}

.t-default .link-postage a,
.link-postage a {
    color: #4275ba;
    font-weight: bold;
    text-decoration: underline;
}

.area-estimate-header {
    display: flex;
    justify-content: space-between;
    .link-postage a {
        font-size: 2rem;
    }
}

.modal_title h2 small {
    color: #fff;
}