@charset "UTF-8";
	/* CSS Document */
	/*オンライン価格照会  https://www8.mgco.jp/eigyo/PriceConfirmation/Default.aspx */
	/*----*/
	main.online_price [type=text] {
	  width: 100%;
	  max-width: 100%;
	  padding: 0.8em;
	  outline: none;
	  border: solid 1px #999;
	  margin-bottom: 20px;
	  letter-spacing: 0.01em;
	}
	main.online_price select {
	  border: solid 1px #999;
	  padding: 0.2em 0.5em;
	  cursor: pointer;
	  letter-spacing: 0.01em;
	}
	main.online_price span#LabelMessage {
	  color: #212529;
	  width: 100%;
	  margin: 20px auto 15px;
	  font-size: 1.6rem;
	}
	@media only screen and (max-width: 767px) {
	  main.online_price span#LabelMessage {
	    font-size: 1.4rem;
	  }
	}
	main.online_price span#LabelErrorMessage {
	  display: block;
	  text-align: left;
	  /*width: fit-content;
  margin: 0 auto;*/
	}
	main.online_price span#attention {
	  color: #c00;
	  font-size: 1.6rem;
	}
	@media only screen and (max-width: 767px) {
	  main.online_price span#attention {
	    font-size: 1.4rem;
	  }
	}
	/*枠*/
	div.width_fit_div, div.width_fit_div2 {
	  width: 800px;
	  max-width: 100%;
	  margin-left: auto;
	  margin-right: auto;
	}
	/*価格テーブル*/
	main.online_price div#selectopts {
	  margin: 30px auto;
	  max-width: 100%;
	}
	main.online_price div#selectopts table {
	  width: 100%;
	}
	main.online_price div#selectopts table tr td, main.online_price div#selectopts table tr th {
	  padding: 0.5em;
	}
	@media only screen and (max-width: 767px) {
	  main.online_price div#selectopts table tr, main.online_price div#selectopts table tr th, main.online_price div#selectopts table tr td {
	    display: block;
	    width: 100%;
	    text-align: center;
	  }
	}
	main.online_price div#selectopts table tr td select {
	  margin-left: auto;
	  margin-right: auto;
	  width: 100%;
	}
	/*スマホ時横スクロール */
	main.online_price div.price_table {
	  width: 100%;
	  margin-bottom: 40px;
	}
	/*価格table*/
	main.online_price div.price_table table {
	  border-collapse: collapse;
	  width: 100%;
	  max-width: 800px;
	  margin: 0 auto;
	}
	main.online_price div.price_table table tr td, main.online_price div.price_table table tr th {
	  font-size: 1.6rem;
	  background: #fff;
	  border-right: 1px solid #fff;
	  border-bottom: 1px solid #fff;
	  text-align: left;
	  line-height: 1.5;
	  padding: 0.6em 1em;
	  letter-spacing: 0.01em;
	}
	main.online_price div.price_table table tr th {
	  width: 11em;
	  font-weight: bold;
	}
	main.online_price div.price_table table tr:nth-child(odd) th {
	  background: #f0f0f0;
	}
	main.online_price div.price_table table tr:nth-child(even) th {
	  background-color: #fbfbfb;
	}
	main.online_price div.price_table table tr:nth-child(odd) td {
	  background: #f0f0f0;
	}
	main.online_price div.price_table table tr:nth-child(even) td {
	  background-color: #fbfbfb;
	}
	/*価格*/
	main.online_price div.price_table table tr td span.p_price {
	  font-size: 1.9rem;
	  letter-spacing: 0.02em !important;
	  color: #0033ff !important;
	  font-weight: bold !important;
	  margin-right: 1em;
	}
	/*指定事項*/
	main.online_price div.price_table table tr td.shiteijiko span {
	  display: inline-block;
	  margin-right: 1em;
	}
	@media only screen and (max-width: 767px) {
	  main.online_price div.price_table table {
	    max-width: 100% !important;
	    width: 100% !important;
	  }
	  main.online_price div.price_table table tr td, main.online_price div.price_table table tr th {
	    font-size: 1.4rem;
	    width: 100%;
	    display: block;
	    border: none;
	  }
	  main.online_price div.price_table table tr th {
	    padding: 0.5em 1em 0 1em;
	  }
	  main.online_price div.price_table table tr td {
	    padding: 0.05em 1em 0.5em 1em;
	  }
	  main.online_price div.price_table table tr td span.p_price {
	    font-size: 1.7rem;
	  }
	}
	/*仕様書PDFなどのボタン*/
	a.products-pdf {
	  display: inline-block;
	  font-size: 1.3rem;
	  line-height: 1.1;
	  color: #00A32C;
	  border: 1px solid #00A32C;
	  padding: 7px 10px;
	  margin: 2px;
	  text-decoration: none;
	  vertical-align: middle;
	  background-color: #fff;
	}
	/*a[target="_blank"].products-pdf::after {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  background: url(/assets/img/www8/ico_blank.svg) no-repeat;
  background-size: contain;
  margin-left: 0.25em;
  vertical-align: middle;
}*/
	@media only screen and (max-width: 767px) {
	  a.products-pdf {
	    padding: 5px 8px;
	  }
	}
	/*急給可アイコン*/ /*即日出荷アイコン*/
	span.kyukyu, span.sokujitsu {
	  display: inline-block;
	  font-size: 1.2rem;
	  line-height: 1.1;
	  padding: 4px 6px;
	  margin: 4px 4px 4px 2px;
	  text-decoration: none;
	  vertical-align: middle;
	  background-color: #fff;
	}
	span.kyukyu {
	  color: #cc0000;
	  border: 1px solid #cc0000;
	}
	span.sokujitsu {
	  color: #2e2ea8;
	  border: 1px solid #2e2ea8;
	}
	@media only screen and (max-width: 767px) {
	  span.kyukyu, span.sokujitsu {
	    padding: 3px 5px;
	  }
	}
	main.online_price select {
	  width: 100%;
	  padding: 0.2em;
	  color: #212529;
	}
	main.online_price div.code_table table {
	  border-collapse: collapse;
	  width: 100%;
	}
	main.online_price div.code_table table tr th {
	  font-size: 1.6rem;
	  text-align: center;
	  line-height: 1.4;
	  padding: 0.3em;
	  color: #fff;
	  background-color: #aaa;
	  border-right: 1px solid #fff;
	  border-bottom: 1px solid #fff;
	}
	main.online_price div.code_table table tr td {
	  font-size: 1.6rem;
	  text-align: left;
	  line-height: 1.4;
	  padding: 0.7em 1em;
	  border-right: 1px solid #fff;
	  border-bottom: 1px solid #fff;
	}
	/*2列目の「コード」th td 4列目の「価格」th td 5列目の「予定価格」 td の文字を改行しないように設定*/
	.code_table table th:nth-of-type(2), .code_table table td:nth-of-type(2), .code_table table th:nth-of-type(4), .code_table table td:nth-of-type(4), .code_table table td:nth-of-type(5) {
	  white-space: nowrap;
	}
	@media only screen and (max-width: 767px) {
	  /*main.online_price {
	overflow-x: scroll;
}
main.online_price {
	width: 700px;
}*/
	}
	/*-----------------*/
	/*製品紹介 table 文字幅に合わせて横スクロール */ /*20230703追加*/
	.code_table {
	  overflow-x: auto;
	  white-space: normal;
	}
	.code_table table {
	  border-collapse: collapse;
	  width: 100%;
	  max-width: 800px;
	  margin: 0 auto;
	  word-break: break-word;
	  word-wrap: break-word;
	  letter-spacing: 0.01em;
	}
	.code_table table th {
	  font-size: 1.4rem !important;
	}
	.code_table table td {
	  font-size: 1.5rem !important;
	  padding: 0.5em 1em;
	}
	.code_table table tr th img, .code_table table tr td img {
	  max-width: none; /*画像自動縮小しない*/
	}
	@media only screen and (max-width: 767px) {
	  .code_table {
	    white-space: nowrap; /* テキストの折り返しなし */
	    margin-bottom: 10px;
	    overflow-x: scroll;
	  }
	  .code_table table {
	    white-space: nowrap;
	  }
	  /*.code_table table {
	max-width: 700px;
}*/
	  .code_table table th {
	    font-size: 1.3rem !important;
	  }
	  .code_table table td {
	    font-size: 1.4rem !important;
	    padding: 0.5em 1em;
	    width: auto;
	  }
	}
	div.code_table table tr td:nth-of-type(1) /*項目*/ {
	  text-align: left;
	  font-weight: bold;
	}
	div.code_table table tr td:nth-of-type(2) /*コード*/ {
	  text-align: center !important;
	  color: #0033ff;
	  font-weight: normal;
	}
	div.code_table table tr td:nth-of-type(3) /*仕様*/ {
	  text-align: left;
	  font-weight: normal;
	}
	div.code_table table tr td:nth-of-type(4) /*価格*/ {
	  text-align: right !important;
	  font-weight: bold;
	  color: #0033ff;
	}
	/*オプションtable 1行目非表示設定*/
	.table_hidden {
	  display: table-cell !important;
	  visibility: hidden;
	  padding: 0 !important;
	  border: none !important;
	}
	/*予定価格*/
	div.code_table table#GridViewScrollViewItemTable tr td:nth-of-type(5), div.code_table table#GridViewScrollMOS1ItemTable td:nth-of-type(5) {
	  text-align: right !important;
	  font-weight: bold;
	  color: #0033ff;
	}
	main.online_price div.code_table table tr:nth-child(odd) td {
	  background: #f0f0f0;
	}
	main.online_price div.code_table table tr:nth-child(even) td {
	  background-color: #fbfbfb;
	}
	/*code_sc_table */
	main.online_price select {
	  width: 100%;
	  padding: 0.2em;
	  color: #212529;
	}
	main.online_price div.code_sc_table table {
	  border-collapse: collapse;
	  width: 100%; /*	border: 1px solid #DDDDDD;*/
	  margin: 0 0 30px 0;
	}
	main.online_price div.code_sc_table table tr th {
	  font-size: 1.6rem;
	  text-align: left;
	  font-weight: normal;
	  line-height: 1.4;
	  width: auto;
	  padding: 0.5em 0;
	}
	main.online_price div.code_sc_table table tr td {
	  font-size: 1.6rem;
	  text-align: left;
	  line-height: 1.4;
	  padding: 0.5em 0;
	  border-bottom: 1px solid #fff;
	}
	main.online_price div.code_sc_table table tr td:nth-of-type(1) {
	  width: auto;
	  letter-spacing: 0.01em;
	}
	@media only screen and (max-width: 767px) {
	  main.online_price div.code_sc_table table tr, main.online_price div.code_sc_table table tr td {
	    display: block;
	    width: 100%;
	  }
	  main.online_price div.code_sc_table table tr td:nth-of-type(1) {
	    width: 100%;
	  }
	  main.online_price div.code_sc_table table tr th {
	    font-size: 1.4rem;
	    width: 100%;
	    padding: 0.8em 0 0.3em 0;
	  }
	  main.online_price div.code_sc_table table tr td {
	    padding: 0 0 0.8em 0;
	    text-align: left;
	    font-size: 1.4rem;
	    border-bottom: 1px solid #eee;
	  }
	}
	main.online_price select.red_bg {
	  background-color: #ffaaaa;
	}
	main.online_price select.yellow_bg {
	  background-color: #fdfd70;
	}
	/*--------------候補一覧テーブル-----------------*/
	main.online_price div.Select_item_t {
	  width: 100%;
	  overflow-x: auto;
	  white-space: normal;
	}
	main.online_price div.Select_item_t table {
	  border-collapse: collapse;
	  width: 100%;
	  max-width: 800px;
	  margin: 0 auto;
	  word-break: break-word;
	  word-wrap: break-word;
	}
	main.online_price div.Select_item_t table tr th {
	  font-size: 1.4rem;
	  text-align: center;
	  line-height: 1.4;
	  padding: 0.4em;
	  color: #fff;
	  background-color: #aaa;
	  border-right: 1px solid #fff;
	  border-bottom: 1px solid #fff;
	  letter-spacing: 0.01em;
	}
	main.online_price div.Select_item_t table tr td {
	  padding: 0.4em;
	  border-bottom: 1px solid #aaa;
	  font-size: 1.5rem;
	}
	@media only screen and (max-width: 767px) {
	  main.online_price div.Select_item_t {
	    white-space: nowrap; /* テキストの折り返しなし */
	    margin-bottom: 10px;
	    overflow-x: scroll;
	  }
	  main.online_price div.Select_item_t table {
	    white-space: nowrap;
	  }
	  main.online_price div.Select_item_t table th {
	    font-size: 1.3rem !important;
	  }
	  main.online_price div.Select_item_t table td {
	    font-size: 1.4rem !important;
	  }
	}
	main.online_price div.Select_item_t table tr td:nth-of-type(1) /*項目*/ {
	  text-align: center;
	  width: 6em !important;
	  border-right: 1px solid #ddd;
	  padding: 0.4em 0.6em;
	}
	main.online_price div.Select_item_t table tr td:nth-of-type(1) input {
	  font-size: 1.3rem;
	  padding: 0.4em 1em;
	  color: #00a32c;
	  border: 1px solid #aaa;
	  background-color: #efefef;
	  font-weight: bold;
	  border-radius: 0.3em;
	}
	main.online_price div.Select_item_t table tr td:nth-of-type(1) input:hover {
	  background-color: #fcfcfc;
	  border: 1px solid #00a32c;
	  color: #12ba3f;
	}
	main.online_price div.Select_item_t table tr td:nth-of-type(2) /*形式*/ {
	  text-align: left;
	  font-weight: normal;
	  padding: 0.4em 1em;
	  border-right: 1px solid #ddd;
	  letter-spacing: 0.01em;
	}
	main.online_price div.Select_item_t table tr td:nth-of-type(3) /*製品名称*/ {
	  text-align: left;
	  font-weight: normal;
	  width: auto;
	  padding: 0.4em 1em;
	  border-right: 1px solid #ddd;
	  letter-spacing: 0.01em;
	}
	main.online_price div.Select_item_t table tr td:nth-of-type(4) /* ボタン*/ {
	  text-align: center;
	  color: #0033ff;
	  width: 7.5em !important;
	  padding: 0.4em;
	}
	/*--------------カスタマ連絡先-----------------*/
	div.customer {
	  width: 100%;
	  text-align: left;
	  font-size: 1.4rem;
	  margin-top: 40px;
	  letter-spacing: 0.01em;
	  line-height: 1.5;
	  margin-left: auto;
	  margin-right: auto;
	}
	/**/
	.width_fit {
	  width: fit-content;
	}
	/*--------------ボタン-----------------*/
	a.button-link {
	  position: relative;
	  margin: 0 auto;
	  padding: 12px 40px 12px 21px;
	  background: #00A32C;
	  color: #fff;
	  font-size: 1.6rem;
	  line-height: 1.5;
	  border: none;
	  -webkit-box-sizing: border-box;
	  box-sizing: border-box;
	  background-image: url(/assets/img/index/arrow-white.svg) !important;
	  background-repeat: no-repeat !important;
	  background-position: right 20px bottom 50% !important;
	  background-size: 16px 16px;
	  width: 19em;
	  max-width: 100%;
	  margin-top: 10px;
	  margin-left: 5px;
	  margin-right: 5px;
	  text-decoration: none !important;
	}
	a.button-link:hover {
	  color: #fff !important;
	  opacity: 1;
	}
	@media (max-width: 800px) {
	  a.button-link {
	    width: calc(50% - 9px); /* 2列表示 */
	    max-width: 19em;
	    padding: 14px 41px 12px 25px !important;
	    font-size: 1.4rem !important;
	  }
	}
	@media (max-width: 480px) {
	  a.button-link {
	    width: 100%; /* 1列表示 */
	    max-width: 19em;
	    padding: 12px 31px 10px 20px !important;
	    font-size: 1.4rem !important;
	  }
	}