.opt-title-icon {
  max-height: 1em;
  margin-right: 5px;
  transform: translateY(3px);
}
.m-h2--secondary .opt-title-icon {
  max-height: 2em;
}
.op-tipBoxWrap {
  position: relative;
  z-index: 1;
}
.op-icon {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAcCAYAAAAa/l2sAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFVSURBVHgB7ZdBaoNAGIVfTEk2CYRssvUAycJFAtn1Jklv0Jwg6Q3SE7Q3aXaBJELBlasOCIqiVBBcKGr/KbaU0pU6wcJ8MKAzm4+HT+bvXC6XFYA9rRHaDaO165Dw22w2U3u9HtpMkiQwDCNU6Ln1spzScaTgnyGFRSOFRSOFRSOFRSOFRSOFRSOFRcOFQ345bjulI+ucTqe1oihbelFRkX6/j+l0+ueZ53mwbRtZlqEmYZ7nG9SFRqwn3/eL38RxXJimWdD5y/F4VNEQN6hBKbIeDoffezxJx3Hgum5I3g/z+XyPBqklTHPW7Xg8/pq3EEURGGNI0/S52+1uNE0L0TC1hCnB7WQy+UzVsiwEQcBo745SPUAQlYV1XV8PBgOVp1qW6pFS3YlI9SeVhSnJFRWLfwYH3t7FYvGKtsLLRu1/P5/P97gylRLmZaMfubZcLhmuzAdkC6SkabyLLgAAAABJRU5ErkJggg==');
  background-size: cover;
  color: #004098;
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  height: 28px;
  vertical-align: top;
  width: 44px;
  box-sizing: border-box;
  padding-top: 3px;
  text-align: center;
}
.op-icon.blueWhite {
  color: #004098;
}
.op-tipBox {
  display: none;
  vertical-align: middle;
  margin-left: 5px;
  font-size: 13px;
  color: #333333;
  font-weight: normal;
  padding-top: 4px;
}
.m-listAreaUnit--spec.is-photoview .op-tipBox {
    display: inline-block;
}

.op-tipBox_trigger img {
    vertical-align: top;
}
.op-tipBox_arrow {
  position: absolute;
  z-index: 2;
}
.op-tipBox_arrow:before {
  content: "";
  display: block;
  position: absolute;
  top: -35px;
  left: 10px;
  border: 16px solid transparent;
  border-bottom-color: #FFF5CB;
  border-left-width: 8px;
  border-right-width: 8px;
  filter: drop-shadow(0px -5px 5px rgba(0,0,0,.3));
}
.op-tipBox_contents {
    display: none;
}
.op-tipBox_box {
  position: absolute;
  left: 5%;
  width: 90%;
  box-sizing: border-box;
  box-shadow: 0 0 5px rgba(0,0,0,.3);
  border-radius: 4px;
  z-index: 1;
  border: 8px solid #FFF5CB;
  background: #fff;
  padding: 0;
  margin-top: -4px;
}
.op-tipBox_item {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.op-tipBox_item > span:first-child {
    background-color: #f5f5f5;
    border-right: 0;
}
.op-tipBox_item > span {
    display: block;
    border: 1px solid #ccc;
    padding: 5px;
    border-bottom-width: 0;
    line-height: 1em;
}

.op-tipBox_item:last-child > span {
    border-bottom-width: 1px;
}
.opt-readmore {
  display: inline-block;
  box-sizing: border-box;
  padding: 8px 12px;
  border-radius: 4px;
  background-color: #004098 !important;
  box-shadow: inset 0 -2px 0 rgba(0,0,0,0.3);
  line-height: 1.5;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none !important;
  color: #fff !important;
}
.opt-icon-styled {
  background-color: #004098;
  border-radius: 4px;
  box-shadow: inset 0 -2px 0 rgba(0,0,0,0.3);
  padding: 4px;
  transform: none;
}
.opt-anchor-groups {
  margin: 30px 0;
}
.opt-anchor-group-title {
  line-height: 35px;
}
.opt-anchor-group-title + .opt-anchor-list {
  margin: 0;
}
.opt-anchor-list {
  align-items: stretch;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: 30px 0;
}
.opt-anchor-list > li {
  box-sizing: border-box;
  margin-bottom: 8px;
  padding: 0 4px;
  width: 20%;
}
.opt-anchor-list > li > a {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  padding-left: 24px;
  padding-right: 24px;
  position: relative;
}
.opt-anchor-list > li > a::before {
  position: absolute;
  left: 8px;
}
.opt-anchor-list .opt-icon-styled {
  max-height: calc(1em - 8px);
}
.m-panel__fixed .mc-img > img {
  max-height: 250px;
  max-width: 250px;
}
.m-panel__fixed .mc-img {
  height: 250px;
}
.l-main {
  max-width: 1410px;
}
.field-name-title {
  margin: 60px 0 24px 0;
  border-left: #025fae 12px solid;
  font-size: 20px;
  font-weight: bold;
  padding-left: 10px;
  overflow: hidden;
  display: block;
  line-height: 110%;
}
.opt-h1-links {
  display: flex;
  gap: 20px;
  justify-content: center;
}
.opt-h1-link {
  margin: 20px 0;
}
.opt-content-group-readmore {
  text-align: center;
  margin: 40px 0;
}
.opt-content-img {
  margin-bottom: 20px;
}
.opt-content-text {
  margin-bottom: 20px;
}
.opt-link-list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 40px;
}
.opt-link-list > li {
  display: inline-block;
}
.opt-link-list > li::after {
  content: "/";
  padding-left: 10px;
}
.opt-link-list > li:last-child::after {
  content: none;
}
.opt-link-list-aside {
  margin: 40px 0 10px;
}
h2 + .opt-link-list-aside {
  margin-top: 0;
}
.opt-service-list {
  margin-bottom: 40px;
}
.opt-service-list a:link {
  text-decoration: none;
  color: #333;
}
.opt-service-list a::before {
  content: "＞";
}
.opt-service-list li {
  margin-bottom: 5px;
}
.opt-service-list a:hover {
  opacity: 0.7;
}
.m-table {
  border: 1px solid #ccc;
}
.opt-table-link {
  align-items: center;
  display: flex;
  gap: 10px;
}
.opt-table-img {
  max-height: 80px;
}
.m-h2--secondary {
  font-weight: bold;
}
.opt-custom-html p {
  margin-bottom: 1em;
}
.m-listAreaUnit--spec .mc-img {
  align-items: center;
  display: flex;
  justify-content: center;
}
@media all and (max-width:1430px) {
  .m-panel__fixed .mc-img > img {
    max-height: 150px;
    max-width: 150px;
  }
  .m-panel__fixed .mc-img {
    height: 150px;
  }
}
.mc-price .num, .mc-shipping .num {
  font-size: 15px;
  font-weight: bold;
  white-space: nowrap;
}
.opt-price-label {
  white-space: nowrap;
}
.opt-tech-link-title {
  padding: 10px;
  color: #fff;
  background:  #0098d8;
  font-weight: bold;
  font-size: 15px;
}
.opt-tech-link-list {
  border: 1px solid #ccc;
  padding: 10px;
}
.opt-tech-link-item a,
.opt-tech-link-item a:link {
  background: url("https://jp.misumi-ec.com/tech-info/themes/misumi/images/article-item-link-arrow-blue.png") 20px center no-repeat;
  padding-left: 35px;
  line-height: 2;
  text-decoration: none;
  color: #333;
  display: inline-block;
}
.m-categoryAsideListWrap {
  margin-bottom: 40px;
}

/* 三倉さんのCSS */
.opt-table-atag-m {
  line-height: 2.0;
}
.opt-table-atag-m a {
  margin-right: 17px;
}
/* End 三倉さんのCSS */

.opt-content-block {
  display: flex;
  gap: 20px;
  margin-bottom: 40px;
  align-items: flex-start;
}
.opt-content-block.opt-center {
  justify-content: center;
}
p.opt-center {
  text-align: center;
}
.opt-numbered-list {
  text-align: left;
  list-style-type: decimal;
  padding-left: 15px;
}
.opt-numbered-list > li {
  list-style-type: decimal;
  margin-bottom: 1em;
}
.opt-bullet-list {
  text-align: left;
  padding-left: 15px;
}
.opt-bullet-list > li {
  list-style-type: disc;
}
.opt-h3 {
  font-size: 18px;
  padding-bottom: 10px;
  margin: 30px 0 10px;
  border-bottom: 1px solid #ccc;
}
.opt-h4 {
  font-size: 15px;
  font-weight: bold;
}
.opt-mtop5 {
  margin-top: 5px;
}
.opt-mtop10 {
  margin-top: 10px;
}
.opt-mtop15 {
  margin-top: 15px;
}
.opt-mtop20 {
  margin-top: 20px;
}
.opt-mtop30 {
  margin-top: 30px;
}
.opt-mtop40 {
  margin-top: 40px;
}
.opt-mbottom5 {
  margin-bottom: 5px;
}
.opt-mbottom10 {
  margin-bottom: 10px;
}
.opt-mbottom15 {
  margin-bottom: 15px;
}
.opt-mbottom20 {
  margin-bottom: 20px;
}
.opt-mbottom30 {
  margin-bottom: 30px;
}
.opt-mbottom40 {
  margin-bottom: 40px;
}
.opt-mleft5 {
  margin-left: 5px;
}
.opt-mleft10 {
  margin-left: 10px;
}
.opt-mleft15 {
  margin-left: 15px;
}
.opt-mleft20 {
  margin-left: 20px;
}
.opt-mleft30 {
  margin-left: 30px;
}
.opt-mleft40 {
  margin-left: 40px;
}
.opt-mright5 {
  margin-right: 5px;
}
.opt-mright10 {
  margin-right: 10px;
}
.opt-mright15 {
  margin-right: 15px;
}
.opt-mright20 {
  margin-right: 20px;
}
.opt-mright30 {
  margin-right: 30px;
}
.opt-mright40 {
  margin-right: 40px;
}

.opt-ptop5 {
  padding-top: 5px;
}
.opt-ptop10 {
  padding-top: 10px;
}
.opt-ptop15 {
  padding-top: 15px;
}
.opt-ptop20 {
  padding-top: 20px;
}
.opt-ptop30 {
  padding-top: 30px;
}
.opt-ptop40 {
  padding-top: 40px;
}
.opt-pbottom5 {
  padding-bottom: 5px;
}
.opt-pbottom10 {
  padding-bottom: 10px;
}
.opt-pbottom15 {
  padding-bottom: 15px;
}
.opt-pbottom20 {
  padding-bottom: 20px;
}
.opt-pbottom30 {
  padding-bottom: 30px;
}
.opt-pbottom40 {
  padding-bottom: 40px;
}
.opt-pleft5 {
  padding-left: 5px;
}
.opt-pleft10 {
  padding-left: 10px;
}
.opt-pleft15 {
  padding-left: 15px;
}
.opt-pleft20 {
  padding-left: 20px;
}
.opt-pleft30 {
  padding-left: 30px;
}
.opt-pleft40 {
  padding-left: 40px;
}
.opt-pright5 {
  padding-right: 5px;
}
.opt-pright10 {
  padding-right: 10px;
}
.opt-pright15 {
  padding-right: 15px;
}
.opt-pright20 {
  padding-right: 20px;
}
.opt-pright30 {
  padding-right: 30px;
}
.opt-pright40 {
  padding-right: 40px;
}
.opt-module-table-cell-5 {
  width: 20%;
}
.opt-module-table-cell-4 {
  width: 25%;
}
.opt-module-table-cell-3 {
  width: 33.33%;
}
.opt-module-table-cell-2 {
  width: 50%;
}
.opt-h3-bold {
  font-size: 18px;
  padding-bottom: 10px;
  margin: 30px 0 10px;
  text-decoration:underline;
}
.opt-table-bold {
  font-size: 14px;
  font-weight: bold !important;
}
.opt-table-text-l {
  text-align: left !important;
}
.opt-point-title {
  padding: 15px 0 10px 15px;
  font-size: 16px;
  background-color: #ededed;
  margin: 0 0 20px;
}
.opt-point {
  border: 1px solid #cccccc;
  padding: 15px;
  margin-bottom: 40px;
}
.opt-point-title p {
  margin-bottom: 0;
}
.opt-mbottom0 {
  margin-bottom: 0 !important;
}
.m-table .tableBg1 {
  background-color: #efefef;
}
.m-table .tbg14 {
  background-color: #d3edfb;
}
.opt-module-title {
  padding: 15px;
  font-size: 16px;
  background-color: #ededed;
  margin: 0 0 20px;
}
.opt-table-width-100m {
	width: 100%;
}
.opt-table-width-90m {
	width: 90%;
}
.opt-table-width-85m {
	width: 85%;
}
.opt-table-width-80m {
	width: 80%;
}
.opt-table-width-70m {
	width: 70%;
}
.opt-table-width-60m {
	width: 60%;
}
.opt-table-width-50m {
	width: 50%;
}
.opt-table-width-40m {
	width: 40%;
}
.opt-table-width-35m {
	width: 35%;
}
.opt-table-width-30m {
	width: 30%;
}
.opt-table-width-25m {
	width: 25%;
}
.opt-table-width-20m {
	width: 20%;
}
.opt-table-width-15m {
	width: 15%;
}
.opt-table-width-14m {
	width: 14%;
}
.opt-table-width-13m {
	width: 13%;
}
.opt-table-width-12m {
	width: 12%;
}
.opt-table-width-10m {
	width: 10%;
}
.opt-table-width-9m {
	width: 9%;
}
.opt-table-width-8m {
	width: 8%;
}
.opt-table-width-6m {
	width: 6%;
}
.opt-table-width-5m {
	width: 5%;
}
.opt-table-width-4m {
	width: 4%;
}
.opt-module-text-redm {
	color: #dd0000;
}
.opt-module-text-bluem {
	color: #0000dd;
}