@charset "utf-8";

.l-content .m-container {
 max-width: 1680px;
 padding: 0 40px;
}

.l-content .h3_edit {
 background-color: #dddddd;
 color: #333333;
 padding: 10px;
}

.l-content .product {
 background-color: #ffffff;
 border: 1px solid #dedede;
 padding: 20px;
 text-align: center;
}

.l-content .product:hover {
 opacity: 0.9;
 cursor: pointer;
 border: 1px solid #ff730a;
}

.l-content .product:hover a {
 color: #ff730a;
}

.l-content .product .name {
 display: block;
 height: 26px;
 overflow: hidden;
 text-overflow: ellipsis;
 width: 100%;
 white-space: nowrap;
 font-weight: bold;
}

.l-content .text_red {
 color: #ea1b23;
}

.l-content .product .part {
 padding: 20px 0 0 0;
}

.l-content .fix_height1,
.l-content .fix_height2 {
 height: 84px;
}

.l-content .product .price {
 padding: 20px 0 0 0;
 color: #dd0000;
 font-weight: bold;
}

.l-content .product .remark {
 font-size: 14px;
 color: #8b8989;
 text-align: right;
 padding: 15px 0 0 0;
}

.l-content .bg_product1 {
 background: url('/th/maker/misumi/mro/promotion/makita_wd40_202209/images/img08.png')no-repeat;
 width: 100%;
 height: 100%;
 background-size: cover;
 color: #ffffff;
 position: relative;
}

.l-content .bg_product1--sm {
 background: url('/th/maker/misumi/mro/promotion/makita_wd40_202209/images/img08_sm.png')no-repeat;
 width: 100%;
 height: 300px;
 background-size: cover;
 color: #ffffff;
}

.l-content .bg_product2 {
 background: url('/th/maker/misumi/mro/promotion/makita_wd40_202209/images/img09.png')no-repeat;
 width: 100%;
 height: 100%;
 background-size: cover;
 color: #ffffff;
 position: relative;
}

.l-content .bg_product2--sm {
 background: url('/th/maker/misumi/mro/promotion/makita_wd40_202209/images/img09_sm.png')no-repeat;
 width: 100%;
 height: 300px;
 background-size: cover;
 color: #ffffff;
}

.l-content .bg_product1 p,
.l-content .bg_product2 p {
 font-size: 50px;
 text-align: right;
 position: absolute;
 right: 10px;
 bottom: 10px;
}

.l-content .bg_product1--sm,
.l-content .bg_product2--sm {
 position: relative;
}

.l-content .bg_product1--sm p,
.l-content .bg_product2--sm p {
 font-size: 50px;
 text-align: right;
 position: absolute;
 right: 10px;
 bottom: 10px;
}

.l-content .text_img {
 background-color: #f2f2f2;
 padding: 10px;
 font-weight: bold;
}

.l-content .section5 .img_register {
 border: 1px solid #a0a0a0;
}

.l-content .section5:hover .img_register {
 opacity: 0.9;
 cursor: pointer;
 border: 1px solid #ff730a;
}

.l-content .m-btn-list .m-btn--down {
 width: 25% !important;
}

.l-content .m-btn--down.edit {
 position: relative;
 height: 45px;
 padding-top: 13px;
 margin: 0 10px 0 0;
}

.l-content .icon::before {
 position: absolute;
 top: 0;
 right: 0;
 content: "";
 display: block;
 width: 50px;
 height: 40px;
}

.l-content .icon_1::before {
 background: url('/th/maker/misumi/mro/promotion/makita_wd40_202209/images/icon/icon01.png')no-repeat;
}

.l-content .icon_2::before {
 background: url('/th/maker/misumi/mro/promotion/makita_wd40_202209/images/icon/icon02.png')no-repeat;
}

.l-content .icon_3::before {
 background: url('/th/maker/misumi/mro/promotion/makita_wd40_202209/images/icon/icon03.png')no-repeat;
}

.l-content .m-product .m-col-xxl-5 {
 width: 20%;
}

.l-content .h2_recommend {
 background-color: #333333;
 color: #ffffff;
 padding: 10px;
}

@media (max-width: 1399px) {
 .l-content .m-product .m-col-xxl-5 {
  width: 25%;
 }
}

@media (max-width: 1200px) {
 .l-content .m-btn-list .m-btn--down {
  width: 33% !important;
 }

 .l-content .m-btn--down.edit {
  margin: 0 0 10px 0;
 }
}

@media (max-width: 991px) {
 .l-content .m-btn-list .m-btn--down {
  width: 100% !important;
 }
}

@media (max-width: 767px) {
 .l-content .m-container {
  padding: 0;
 }

 .l-content .m-product .m-col-xxl-5 {
  width: 50%;
 }
}

@media (max-width: 576px) {

 .l-content .bg_product1--sm p,
 .l-content .bg_product2--sm p {
  font-size: 26px;
 }

 .l-content .bg_product1--sm,
 .l-content .bg_product2--sm {
  height: 150px;
 }
}

@media (max-width: 434px) {
 .l-content .fix_height2 {
  height: 100px;
 }
}