@charset "utf-8";
/* -------------------------------
common
------------------------------- */
/* section */
.l-content .section {
  margin-bottom: 70px;
}
.l-content .sectionInner {
  margin:0;
}
/* ------------------------------------------------------
contents
------------------------------------------------------ */
/* ttl */
.l-content .mainVisual {
  width: 950px;
  height: 200px;
  margin-bottom: 30px;
  padding: 0;
  border: none;
  background: url(/maker/hozan/products/variation/images/main_221214.png) no-repeat 0 0;
  text-indent: 110%;
  white-space: nowrap;
  overflow: hidden;
}
.l-content .h2Img {
  margin-bottom: 30px;
}
.l-content .h2Img h2 {
  height: 72px;
  display: block;
  text-indent: 110%;
  white-space: nowrap;
  overflow: hidden;
}
.l-content .h2Img .screwdriver {
  background: url(/maker/hozan/products/variation/images/ttl_screwdriver_200911.png) no-repeat 0 0;
}
.l-content .h2Img .tool {
  background: url(/maker/hozan/products/variation/images/ttl_tool_200911.png) no-repeat 0 0;
}
.l-content .h2Img .tweezers {
  background: url(/maker/hozan/products/variation/images/ttl_tweezers_200911.png) no-repeat 0 0;
}
.l-content .h2Img .electric {
  background: url(/maker/hozan/products/variation/images/ttl_electric.png) no-repeat 0 0;
}
.l-content .h2Img .microscope {
  background: url(/maker/hozan/products/variation/images/ttl_microscope_211019.png) no-repeat 0 0;
}
.l-content .h2Img .solder {
  background: url(/maker/hozan/products/variation/images/ttl_solder_200911.png) no-repeat 0 0;
}
.l-content .h2Img .maintenance {
  background: url(/maker/hozan/products/variation/images/ttl_maintenance_200911.png) no-repeat 0 0;
}
.l-content .h2Img .txt {
  text-indent: 110%;
  white-space: nowrap;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
}
/* lead */
.l-content .leadTxt {
  text-align: center;
  margin-bottom: 30px;
  font-size: 14px;
  color: #102671;
  font-weight: bold;
}

/* anchorNavi */
.l-content .anchorNavi {
  margin: 0 0 30px 10px;
}
.l-content .anchorNavi ul {
  margin: 0 -17px 0 0;
}
.l-content .anchorNavi li {
  float: left;
  margin-right: 17px;
  margin-bottom: 10px;
  display: inline;
}
.l-content .anchorNavi li a {
  display: table;
  border-radius: 3px;
  text-align: center;
  text-decoration: none;
  font-size: 13px;
  color: #fff;
  width: 218px;
  height: 50px;
  background-position: 0 0;
  border: 1px solid #2d2d2d;
  background: #102671 url(data:image/gif;base64,R0lGODlhDQANALMAABtMl9vj7xZIlcrV58/Z6XmWwmiJunGQvtbf7BJFk1+Ctj5opw9Dkv7+/wA3i////yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMzIgNzkuMTU5Mjg0LCAyMDE2LzA0LzE5LTEzOjEzOjQwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjgyNWE1YTc5LTgyYmItYzU0OC1hZGYzLWQ1YTc1Yzk2ZjZlMCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo3Rjg1RTdBQzRDRTQxMUU3ODg1NENBMDdDRjhBRDU5RiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3Rjg1RTdBQjRDRTQxMUU3ODg1NENBMDdDRjhBRDU5RiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNS41IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjY1YmZkZWFjLWI3MTEtN2E0Ni04ZWY0LWU1ODhhNzNkZmM5MSIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjM4NzkyZDM1LTRiZTUtMTFlNy1iNGE5LWZhNDVmYmU1YWY2ZiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAAAAAAALAAAAAANAA0AAAQw8MlJq724lrunO83UHA7FOEbYGA5DDYmjNIqTDBUhOIAjEBdED4DIBBaBjHLJlEQAADs=) no-repeat 10px center;
  box-shadow: inset 0 1px 0 0 #5d6c9f, 0 2px 0 0 rgba(0,0,0,0.1);
}
.l-content .anchorNavi li a:hover,
.l-content .anchorNavi li a:visited {
  text-decoration: none;
}
.l-content .anchorNavi li a span.txt {
  display: table-cell;
  vertical-align: middle;
  font-weight: bold;
  padding: 0 0 0 30px;
  line-height: 1.2;
}
.l-content .anchorNavi li a span.icon {
  display: table-cell;
  text-align: left;
  vertical-align: middle;
  width: 40px;
}
.l-content .anchorNavi .anchorNavi01 a {
  text-align: left;
}
.l-content .anchorNavi .anchorNavi01 .txt {
  padding: 0 0 0 47px;
}
.l-content .anchorNavi .anchorNavi02 a,
.l-content .anchorNavi .anchorNavi04 a,
.l-content .anchorNavi .anchorNavi05 a,
.l-content .anchorNavi .anchorNavi06 a {
  text-align: left;
}
.l-content .anchorNavi .anchorNavi02 .txt,
.l-content .anchorNavi .anchorNavi04 .txt,
.l-content .anchorNavi .anchorNavi05 .txt,
.l-content .anchorNavi .anchorNavi06 .txt {
  padding: 0 0 0 57px;
  font-size: 16px;
}
/* itemsBox */
.l-content .itemsBox.col2,
.l-content .itemsBox.col3 {
  margin: 0 -10px 0 0;
  letter-spacing: -0.4em;
}
.l-content .itemsBox.col2 .itemsList,
.l-content .itemsBox.col3 .itemsList {
  letter-spacing: normal;
  display: inline-block;
  vertical-align: top;
  margin: 0 10px 10px 0;
  border: 1px solid #92bfdd;
  background: #FFF;
}
.l-content .itemsBox.col2 .itemsList {
  width: 468px;
}
.l-content .itemsBox.col3 .itemsList {
  width: 308px;
}
.l-content .itemsBox.col2 .itemsList .item,
.l-content .itemsBox.col3 .itemsList .item {
  margin: 0 auto;
  position: relative;
}
.l-content .itemsBox.col2 .itemsList .item {
  width: 466px;
  min-height: 150px;
  padding: 18px 0 85px;
}
.l-content .itemsBox.col3 .itemsList .item {
  width: 270px;
  padding-top: 6px;
}
.l-content .itemsBox.col2 .itemsList .item .pic,
.l-content .itemsBox.col3 .itemsList .item .pic {
  text-align: center;
}
.l-content .itemsBox.col2 .itemsList .item .icon_new,
.l-content .itemsBox.col3 .itemsList .item .icon_new{
  position: absolute;
  top: 10px;
  right: -5px;
}
.l-content .itemsBox.col2 .itemsList .item .pic {
  position: absolute;
  top: 18px;
  left: 40px;
}
.l-content .itemsBox.col2 .itemsList .item .caption {
  position: absolute;
  bottom: 15px;
  left: 0;
  width: 398px;
  padding: 16px 35px 0;
  border-top: 1px dotted #a5b2a1;
}
.l-content .itemsBox.col3 .itemsList .item .caption {
  margin-bottom: 25px;
  border-bottom: 1px dotted #a5b2a1;
  padding: 10px 0 20px;
}
.l-content .itemsBox.col2 .itemsList .item .maker,
.l-content .itemsBox.col3 .itemsList .item .maker {
  font-weight: bold;
  color: #FFF;
  background: #474747;
  padding: 4px 8px 2px;
  text-align: center;
  display: inline-block;
  font-size: 11px;
  margin-bottom: 15px;
  line-height:1.0;
}
.l-content .itemsBox.col2 .itemsList .item .maker {
  margin-left: 250px;
  margin-right: 10px;
}
.l-content .itemsBox.col2 .itemsList .item .name,
.l-content .itemsBox.col3 .itemsList .item .name {
  margin-bottom: 15px;
  font-weight: bold;
  font-size: 16px;
}
.l-content .itemsBox.col2 .itemsList .item .name {
  margin-left: 250px;
  margin-right: 10px;
}
.l-content .itemsBox.col2 .itemsList .item .price,
.l-content .itemsBox.col3 .itemsList .item .price {
  min-height: 1px;
  margin-bottom: 15px;
}
.l-content .itemsBox.col2 .itemsList .item .price {
  margin-left: 250px;
  margin-right: 10px;
}
.l-content .itemsBox.col2 .itemsList .item .price:after,
.l-content .itemsBox.col3 .itemsList .item .price:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.l-content .itemsBox.col2 .itemsList .item .price .usual,
.l-content .itemsBox.col3 .itemsList .item .price .usual {
  float: left;
  margin-right: 10px;
  padding-top: 10px;
}
.l-content .itemsBox.col2 .itemsList .item .price .yen,
.l-content .itemsBox.col3 .itemsList .item .price .yen {
  float: left;
  color: #070707;
  font-size: 22px;
  font-weight: bold;
}
.l-content .itemsBox.col2 .itemsList .item .date {
  margin-left: 250px;
}
.l-content .itemsBox.col3 .itemsList .item .date {
  margin-bottom: 25px;
}
.l-content .itemsBox.col2 .itemsList .item .date span,
.l-content .itemsBox.col3 .itemsList .item .date span{
  font-size: 12px;
  line-height: 1;
  color: #dd0000;
  border: 1px solid #ff0000;
  padding: 5px 10px;
}
.l-content .itemsBox.col2 .itemsList.box_hover,
.l-content .itemsBox.col3 .itemsList.box_hover {
  cursor: pointer;
}
.l-content .itemsBox.col2 .itemsList.box_hover .item img,
.l-content .itemsBox.col3 .itemsList.box_hover .item img {
  opacity: 0.75;
  filter: alpha(opacity=75);
  -ms-filter: "alpha(opacity=75)";
}
.l-content .itemsBox.col2 .itemsList.box_hover .name a,
.l-content .itemsBox.col3 .itemsList.box_hover .name a {
  color: #ff730a;
}
/* btnList */
.l-content .btnList {
  text-align: center;
  margin-top: 40px;
}
.l-content .btnList a {
  font-size: 20px;
  display: inline-block;
  border-radius: 4px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAARCAYAAADpPU2iAAAAsklEQVQ4y2P4//9/138E+ArEzkDMgAvDGBPQNNkS0sAIxDOQNH0EYgt8GmCa5iFp+gDExvg0gDAzEC9F0vQaiHXxaYBpWoOk6RUQa+LTAMJsQLwZSdNTIFbBpwGmaQeSpsdArIhPAwiLQD0PA3sI2bCdWBtAijciKX4GxKr4QmkVWihp4YuHxUiK3wKxPr6YnosW0yb40tIUJMWfgdgSX1rqQ0ut9vhSayuS4h9A7IovbgCTyKF0zyD9WAAAAABJRU5ErkJggg==);
  background-position: 20px center;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  color: #fff;
  background-repeat: no-repeat;
  box-shadow: inset 0 1px 0 0 #ffab6c, 0 2px 0 0 rgba(0,0,0,0.1);
  background-color: #ff730a;
}
.l-content .btnList a span {
  display: block;
  padding: 15px 15px 15px 40px;
  width:550px;
}
/* bnrBlock */
.l-content .bnrBlock li {
  float: right;
}
.l-content .bnrBlock li:first-child {
  float: left;
}

.l-content .btn_wrap .m-btn--conversion{
  width: 605px;
  height: 60px;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.l-content .btn_wrap a{
  width: 362px;
}
.l-content .btn_wrap .btn_3col a {
  width: 240px;
}