@charset "UTF-8";

/*sassドキュメント*/
.l-content a {
  text-decoration: none;
}

/* .itemsBox */
.l-content .itemsBox li:hover {
  cursor: pointer;
}

.l-content .itemsBox li:hover img {
  opacity: 0.75;
  filter: alpha(opacity=75);
  -ms-filter: "alpha(opacity=75)";
}

.l-content .itemsBox li:hover .name a {
  color: #ff730a;
  text-decoration: underline;
}

/* .conv_btn */
.l-content .conv_btn {
  margin-top: 30px;
  text-align: center;
}

.l-content .btnSize--xxxl {
  width: 400px;
}

/* h1 */
.l-content h1 {
  width: 950px;
  height: 200px;
  background: url(/maker/maeda-metal-industries/fs/products/tool/img/mv_210831.png) no-repeat 0 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

/* h2 */
.l-content h2 {
  width: 950px;
  height: 60px;
  background: url(/maker/maeda-metal-industries/fs/products/tool/img/title_20180726.png) no-repeat;
  vertical-align: middle;
  display: table-cell;
  padding: 3px 0 0 105px;
  font-size: 20px;
}

.l-content h2 span {
  font-size: 16px;
  font-weight: bold;
  margin-left: 30px;
}

.l-content .sec01 h2 {
  background-position: 0 0;
}

.l-content .sec02 h2 {
  background-position: 0 -90px;
}

.l-content .sec04 h2 {
  background-position: 0 -180px;
}

.l-content .sec05 h2 {
  background-position: 0 -270px;
}

.l-content .sec06 h2 {
  background-position: 0 -360px;
}

.l-content .sec07 h2 {
  background-position: 0 -450px;
}

.l-content .sec08 h2 {
  background-position: 0 -540px;
}

.l-content .sec10 h2 {
  background-position: 0 -630px;
}

.l-content .sec09 h2 {
  background-position: 0 -720px;
}

/* .summer_sale */
.l-content .summer_sale {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  font-weight: bold;
}

.l-content .summer_sale img {
  padding: 0 5px;
}

/* .anchor */
.l-content .anchor ul li {
  float: left;
  margin: 0 10px 10px 0;
}

.l-content .anchor ul li a {
  display: block;
  width: 310px;
  height: 42px;
  background: url(/maker/maeda-metal-industries/fs/products/tool/img/anchor_20180726.png) no-repeat;
  text-indent: 110%;
  white-space: nowrap;
  overflow: hidden;
}

.l-content .anchor ul .btn01 a {
  background-position: 0 0;
}

.l-content .anchor ul .btn02 a {
  background-position: -320px 0;
}

.l-content .anchor ul .btn03 a {
  background-position: -640px 0;
}

.l-content .anchor ul .btn04 a {
  background-position: -1px -51px;
}

.l-content .anchor ul .btn05 a {
  background-position: -321px -51px;
}

.l-content .anchor ul .btn06 a {
  background-position: -640px -51px;
}

.l-content .anchor ul .btn07 a {
  background-position: 0 -101px;
}

.l-content .anchor ul .btn08 a {
  background-position: -320px -101px;
}

.l-content .anchor ul .btn09 a {
  background-position: -640px -101px;
}

/* .col2 */
.l-content .col2 li {
  width: 468px;
  margin: 0 10px 10px 0;
  float: left;
  border: 1px solid #9e9e9e;
}

.l-content .col2 li .copy {
  width: 468px;
  background-color: #444;
  color: #fff;
  text-align: center;
  padding: 10px;
  box-sizing: border-box;
}

.l-content .col2 li .detail {
  padding: 20px 12px 12px;
  position: relative;
}

.l-content .col2 li .detail .img {
  float: left;
  width: 180px;
  margin: 10px 4px 0 0;
}

.l-content .col2 li .detail dl {
  float: left;
}

.l-content .col2 li .detail dl .maker {
  color: #848383;
  font-weight: bold;
}

.l-content .col2 li .detail dl .name {
  margin-top: 5px;
  font-weight: bold;
}

.l-content .col2 li .detail .detail-inner {
  width: 260px;
}

/* .col3 */
.l-content .col3 li {
  width: 307px;
  margin: 0 11px 10px 0;
  float: left;
  border: 1px solid #9e9e9e;
}

.l-content .col3 li .copy {
  margin-top: 5px;
}

.l-content .col3 li .detail {
  padding: 14px;
  position: relative;
}

.l-content .col3 li .detail .img {
  margin: 10px 18px 0 0;
}

.l-content .col3 li .detail dl .maker {
  color: #848383;
  font-weight: bold;
}

.l-content .col3 li .detail dl .name {
  margin-top: 5px;
  font-weight: bold;
}

/* .col5 */
.l-content .col5 li {
  width: 180px;
  margin: 0 10px 10px 0;
  float: left;
  border: 1px solid #9e9e9e;
}

.l-content .col5 li .detail {
  padding: 8px;
}

.l-content .col5 li .detail .img {
  margin: 10px 18px 0 0;
}

.l-content .col5 li .detail dl .maker {
  color: #848383;
  font-weight: bold;
}

.l-content .col5 li .detail dl .name {
  margin-top: 5px;
  font-weight: bold;
}

/* banner */
.l-content .banner ul li {
  float: left;
  margin: 0 10px 10px 0;
}

/* icon */
.l-content .icon_red {
  border: 1px solid #c00;
  background-color: #c00;
  color: #fff;
  padding: 2px 8px 0;
  font-size: .6875rem;
  position: absolute;
  z-index: 2;
}

.l-content .box_hover_01 {
  height: 100%;
  opacity: 0.7;
}