.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 .favorite_block {
    display: flex;
    height: 100%;
    width: 100%;
}

.t-default .img_wrap {
    max-width: 33%;
   /* max-height: 90%;*/
}

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

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

.t-default .ible-cell .favorite_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;
}

.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: 690px){
    .work_btn_area {
        display: block;
    }
    .sp_display_up{
        margin-bottom: 15px;
    }
}

.choose_delete_btn_area,
.csv_btn_area,
.add_estimate_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;
}

.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;
}

.add_estimate_btn_area {
    background-color: #EA5098;
    cursor: pointer;
}
.add_estimate_btn_area span::before{
    background: url(/dcms_media/image/common/icon_catalog.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;
}

/* お気に入り画面 お見積へ追加 アラート */
.add-estimate-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-estimate-message {
    background: #ffd500;
}


.add-estimate-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%);
}


/* 製品詳細画面 お気に入り追加/削除 レイアウト関連 */
.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;
}
/*
.favorite_btn_area {
    display: flex;
    align-items: center;
    white-space: nowrap;
}

.favorite_add_btn,
.favorite_delete_btn {
    cursor: pointer;
	float: right;
    padding: 1px 15px;
    color: #000000;
}

.favorite_btn_area span{
    color: #000000;
}

.addMylist,
.deleteMylist {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-position: 50% 4px;
    background-repeat: no-repeat;
    background-size: 12px auto;
    cursor: pointer;
    transition: all 0.3s;
}

.deleteMylist {
    background-image: url(../image/mylist_off.png);
    background-color: #f9cf26;
}

.addMylist {
    background-image: url(../image/mylist_on.png);
    background-color: #cecece;
}

.favorite_add_btn:hover .deleteMylist {
    background-color: #ffb000;
}

.favorite_delete_btn:hover .addMylist {
    background-color: #747474;
}
*/

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

.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%);
}