@charset "UTF-8";
/* new */
body.mac {
  font-size: 16px;
}

div#container {
  font-family: 游ゴシック, "Lucida Grande", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, sans-serif;
  font-feature-settings: "plat";
}

.bousui-sp {
  display: none;
}

img.new, img.lim {
  vertical-align: -1px;
}

/* トップタイトル */
.top-text {
  margin: 2.6% 0 0;
}

.top-text h2 {
  text-align: center;
  font-size: 1.5em;
  letter-spacing: -.05em;
  line-height: 1.4em;
}

.top-text h2 span {
  background: linear-gradient(transparent 50%, #FFFBA3 0%);
}

.top-text .text-area {
  margin: 0 auto 0;
  font-size: 1.1em;
  width: 94%;
  line-height: 1.7em;
  letter-spacing: 0.025em;
}

/* メニューエリア */
.bousui-cate {
  margin: 9.6% 0 0;
}

.bousui-cate h2 {
  border-bottom: 2px solid #C7C7C7;
  font-size: 1.7em;
  padding: 0.3% 1.4% 0.7%;
  position: relative;
}

.bousui-cate h2::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 5px;
  height: 90%;
  background-color: #1C63B3;
}

.bousui-cate-btn-box {
  display: flex;
  flex-wrap: wrap;
  margin: 1.5% 0 0;
}

.bousui-cate-btn-box .bousui-cate-btn {
  width: 230px;
  margin-right: 20px;
  margin-bottom: 14px;
  border-radius: 6px;
  border: 2px solid #054CBE;
  display: flex;
  align-items: center;
  position: relative;
  padding: 6px 0 6px 8px;
  box-sizing: border-box;
}

.bousui-cate-btn-box .bousui-cate-btn:nth-of-type(4n) {
  margin-right: 0;
}

.bousui-cate-btn-box .bousui-cate-btn img {
  width: 45px;
}

.bousui-cate-btn-box .bousui-cate-btn span {
  font-size: 0.9333em;
  color: #333333;
  font-weight: 600;
}

.bousui-cate-btn-box .bousui-cate-btn::after {
  content: '';
  width: 10px;
  height: 10px;
  border-top: solid 2px #054CBE;
  border-right: solid 2px #054CBE;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 10px;
  margin: auto;
  transform: rotate(45deg);
}

/* 製品エリア */
.bousui-product-section {
  margin: 100px auto 0;
}

.bousui-product-section h2 {
  margin: 0 0 5%;
  padding: 19px 0 19px;
  font-size: 1.65em;
  color: #fff;
  text-align: center;
  background-color: #3B79D0;
  border-radius: 30px;
  letter-spacing: 2.5px;
}

.bousui-product-section .product-item {
  display: flex;
  margin: 30px 0 0;
  padding: 0 0 35px;
  border-bottom: 1px dotted #717171;
}

.bousui-product-section .product-item:last-child {
  border-bottom: 0px dotted;
}

.bousui-product-section .product-item .main-img {
  width: 250px;
}

.bousui-product-section .product-item .main-img a {
  display: block;
  border: 1px solid #E0E0E0;
  width: 100%;
}

.bousui-product-section .product-item .main-img a img {
  width: 100%;
}

.bousui-product-section .product-item .detail-block {
  width: calc(100% - 275px);
  margin-left: 18px;
}

.bousui-product-section .product-item .detail-block .head {
  idth: 100%;
  margin: 0;
  font-size: 1.26666em;
  line-height: 1.3;
  font-weight: bold;
  letter-spacing: 0;
}

.bousui-product-section .product-item .detail-block .hinban {
  display: block;
  margin: 1% 0;
  padding: 0 0 0 1em;
  font-size: 1.2em;
  line-height: 1;
  color: #1c64b3;
  font-weight: bold;
  position: relative;
}

.bousui-product-section .product-item .detail-block .hinban::after {
  content: "";
  position: absolute;
  top: 0.1em;
  left: 0;
  width: 12px;
  height: 12px;
  background: url(/static/images/seihin_joho/online-visitation/yaji_maru_bl.png) no-repeat 0;
  margin: auto;
  background-size: contain;
}

.bousui-product-section .product-item .detail-block .hinban:hover {
  color: #F00;
}

.bousui-product-section .product-item .detail-block .note {
  line-height: 1.6;
  margin: 0 0 0;
}

.bousui-product-section .product-item .detail-block .price {
  line-height: 1.6;
}

.bousui-product-section .product-item .detail-block .min-box {
  margin: 0 1.7% 0 0;
}

.bousui-product-section .product-item .detail-block .min-box .min-img {
  display: block;
  width: 100px;
  border: 1px solid #E0E0E0;
}

.bousui-product-section .product-item .detail-block .min-box .min-img img {
  width: 100%;
}

.bousui-product-section .product-item .detail-block .detail-block-item {
  display: flex;
  align-items: flex-start;
  margin: 2.8% 0 0;
}

/* 防塵関連製品
----------------------------------*/
.kanren-banner {
  text-align: center;
  margin: 10.5% 0 0;
}

.kanren-banner h2 {
  font-size: 1.7em;
  letter-spacing: 0.08em;
}

.kanren-banner p {
  margin: 2% 0 0;
}

/* 解説 */
#about-ipcode {
  padding-top: 8.6%;
}

.about-ipcode-innner {
  border: 2px solid #1D64B2;
  padding: 0;
  margin: 0 auto 0;
  border-radius: 30px;
  display: block;
  overflow: hidden;
  width: 71.3%;
  height: 58px;
  box-sizing: border-box;
  transition: 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.about-ipcode-box {
  width: 950px;
  margin: 0 auto;
}

.about-ipcode-innner.open {
  width: 980px;
  height: 1028px;
}

.ipcode-open {
  position: relative;
  color: #1B64B1;
  font-size: 1.4em;
  font-weight: bold;
  width: 680px;
  padding: 19px 9px 17px;
  margin: 0 auto 0;
  border-radius: 30px;
  display: block;
  text-align: center;
  cursor: pointer;
}

#about-ipcode #ipcode-close {
  position: relative;
  display: block;
  border: 1px solid;
  width: 50%;
  text-align: center;
  margin: 4.5% auto 2%;
  border-radius: 30px;
  font-size: 1.1em;
  font-weight: bold;
  padding: 17.1px 9px 12px;
  color: #767676;
  background-color: #F2F2F2;
  cursor: pointer;
}

#ipcode-close::after {
  content: "";
  position: absolute;
  background: url(/static/images/seihin_joho/bousui/yaji_up_gr_22.png) no-repeat 0 0;
  background-size: cover;
  width: 23px;
  height: 14px;
  top: 41.6%;
  right: 12.4%;
}

.ipcode-open::before {
  content: "";
  position: absolute;
  background: url(/static/images/seihin_joho/bousui/renew/icon/icn_ipchord.png) no-repeat 0 0;
  background-size: cover;
  width: 35px;
  height: 37px;
  top: 18.6%;
  left: 22.4%;
}

.ipcode-open::after {
  content: "";
  position: absolute;
  background: url(/static/images/seihin_joho/bousui/yaji_dw_gr_22.png) no-repeat 0 0;
  background-size: cover;
  width: 23px;
  height: 14px;
  top: 41.6%;
  right: 22.4%;
}

.ipcode-open.off::after {
  content: "";
  position: absolute;
  background: none;
}

div#about-ipcode p {
  color: #333333;
  font-size: 0.9em;
  line-height: 1.5;
  padding: 0 10px;
}

#about-ipcode .about-ipcode-cap {
  text-align: center;
  margin: 1.8% 0 0;
  line-height: 2;
}

#discript {
  margin: 33px auto 30px 125px;
}

#discript div#ip68 p {
  float: left;
  width: 308px;
  height: 180px;
  color: #1B64B1;
  font-size: 1.05em;
  font-weight: bold;
  text-align: center;
}

#discript div#ip68 p img.pc {
  display: block;
}

#discript div#ipx8 p {
  float: left;
  width: 420px;
  height: 180px;
  color: #1B64B1;
  font-size: 1.05em;
  font-weight: bold;
  margin-left: 30px;
}

#discript div#ip68 p img.pc {
  display: block;
  margin-top: 5%;
}

#discript div#ipx8 p img.pc {
  margin-top: 4%;
}

div#data_table {
  padding: 20px 10px 0;
  margin-top: 10px;
}

div#ip68_table {
  width: 440px;
  float: left;
  background-color: #15B200;
  padding: 7px;
}

div#ip68_table p {
  background: url(/static/images/seihin_joho/bousui/renew/pc/title_boujin_pc.png) no-repeat 0 0;
  color: #ffffff;
  font-size: 1.05em;
  margin: 5px 0;
  padding: 6px 0 5px 74px;
}

div#ipx8_table {
  width: 440px;
  float: right;
  background-color: #0098EE;
  padding: 7px;
}

div#ipx8_table p {
  background: url(/static/images/seihin_joho/bousui/renew/pc/title_bousui_pc.png) no-repeat 0 0;
  color: #ffffff;
  font-size: 1.05em;
  margin: 5px 0;
  padding: 6px 0 5px 74px;
}

div#ip68_table_inner {
  display: table;
  border-top: 2px solid #15B200;
  border-left: 2px solid #15B200;
  width: 438px;
}

div#ipx8_table_inner {
  display: table;
  border-top: 2px solid #0098EE;
  border-left: 2px solid #0098EE;
  width: 438px;
}

div#data_table dl {
  display: table-row;
}

div#ip68_table dl dt,
div#ip68_table dl dd {
  display: table-cell;
  background-color: #FFFFFF;
  border-right: 2px solid #15B200;
  border-bottom: 2px solid #15B200;
  padding: 7px 10px;
  font-size: 0.75em;
  color: #333333;
  vertical-align: middle;
  line-height: 1.3;
}

div#ipx8_table dl dt,
div#ipx8_table dl dd {
  display: table-cell;
  background-color: #FFFFFF;
  border-right: 2px solid #0098EE;
  border-bottom: 2px solid #0098EE;
  padding: 7px 10px;
  font-size: 0.75em;
  color: #333333;
  vertical-align: middle;
  line-height: 1.3;
}

div#data_table dl dt {
  text-align: center;
}

div#data_table dl dt.th {
  width: 80px;
  background-color: #EEEEEE;
  text-align: center;
  padding: 5px;
}

div#data_table dl dd.th {
  background-color: #EEEEEE;
  text-align: center;
  padding: 5px;
}

/* 製品画像 */
/* タイトル
----------------------------------*/
h1 {
  font-size: 1.8em;
  line-height: 1.2;
  margin: 0 0 1.5%;
  padding-bottom: 0;
  border-bottom: 1px solid #ccc;
  padding: 0 0 2px;
}

img.title {
  margin: 0px 0px 8px 0px;
  display: block;
}

/* メニュー
----------------------------------*/
.bousui-menu {
  margin: 0px 0px 5px 17px;
}

.bousui-menu li {
  float: left;
  margin: 0px 8px 0px 0px;
}

.ipcode-link {
  margin: 0px 0px 10px 0px;
  font-weight: bold;
  font-size: 0.8em;
  line-height: 1.3;
  text-align: right;
}

.ipcode-link a {
  padding: 0 0 0 11px;
  background: url(/static/images/seihin_joho/bousui/arrow_right.gif) left center no-repeat;
}

/* 回り込み解除 */
.clfx::after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  max-height: 0;
  visibility: hidden;
}

/* 戻るボタン
----------------------------------*/
.return {
  margin: 5px 0 0;
  font-size: 0.8em;
  line-height: 1.3;
  text-align: right;
}