@charset "UTF-8";
.sp {
  display: none;
}

#container {
  width: 100%;
  color: #333333;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
}

div#wrap-container {
  padding: 0;
}

#main-contents {
  width: 980px;
  margin: 0 auto 10%;
}

h1 {
  border-bottom: 1px solid #cccccc;
  font-size: 1.6em;
  margin: 0 0 10px;
  padding-bottom: 7px;
  line-height: 1;
}

p.read {
  text-align: center;
  margin: 3.7% 0 0;
  line-height: 1.8;
}

#block-1 {
  margin: 9.5% 0 0;
}

.title {
  border-bottom: 1px solid;
  padding: 0 0 0.5%;
}

.title h2 {
  font-size: 1.45em;
  border-left: 9px solid #449167;
  padding: 1.2% 0 0.8% 1.1%;
}

.read-box {
  margin: 1% 0 0 0.3%;
  line-height: 1.95;
  width: 98%;
}

.title h2 {
  font-size: 1.45em;
  border-left: 9px solid #449167;
  padding: 1.2% 0 0.8% 1.1%;
}

.barcode_img {
  margin: 4.6% 0 0;
}

.barcode_img .attention {
  text-align: right;
  font-size: .9em;
  margin: 1.3% 0 0;
  letter-spacing: 0.3px;
}

div#block-2 {
  margin: 9.2% 0 0;
}

.wire {
  width: 95%;
  display: flex;
  justify-content: space-between;
  margin: 4.5% auto 0;
}

.wire .block {
  background-color: #F7F7F7;
  border-radius: 8px;
  width: 48%;
  padding: 0 0 2.7%;
}

.wire .block .type {
  text-align: center;
  font-size: 1.43em;
  font-weight: bold;
  padding: 6.2% 0 0;
}

.wire .block .type img {
  vertical-align: middle;
}

.wire .block .photo {
  width: 180px;
  text-align: center;
  margin: 6.5% auto 0;
}

.wire .block .photo img {
  width: 100%;
}

.wire .block .merit-demerit .icon {
  font-size: 1.43em;
  font-weight: bold;
  border-bottom: 1px dotted #000;
  padding: 0 0 2%;
  margin: 0 0 1.5%;
}

.wire .block .merit-demerit .icon img {
  vertical-align: middle;
  margin: 0 2% 0 0;
}

ul.merit {
  height: 110px;
}

.wire .block .merit-demerit ul li:not(.icon) {
  line-height: 1.4;
  text-indent: -20px;
  padding-left: 20px;
}

.wire .block .merit .icon,
.wire .block .merit li span {
  color: #EA7500;
}

.wire .block .demerit .icon,
.wire .block .demerit li span {
  color: #0093E2;
}

.wire .block .demerit {
  margin: 14% 0 0;
}

.merit-demerit {
  width: 85%;
  margin: 4% auto 0;
}

.wire .block .btn {
  text-align: center;
  margin: 10% 0 0 0;
}

div#block-3 {
  margin: 8% 0 0;
}

.function-name {
  margin: 4% 0 0;
}

.function-name h3 {
  font-size: 1.2em;
  margin: 0 0 0 -0.8%;
}

.function-name h3 span {
  font-size: 1.3em;
  vertical-align: middle;
  color: #F4902C;
}

.function-name p {
  line-height: 1.6;
}

.product {
  margin: 2% 0 0;
  background-color: #F7F7F7;
  padding: 0 0 4%;
}

.product h3 {
  font-size: 1.4em;
  border-bottom: 1px solid #000;
  line-height: 1.6;
  padding: 3.3% 0 0;
  width: 93%;
  margin: 0 auto;
}

.product-inner {
  display: flex;
  flex-wrap: wrap;
  width: 93%;
  margin: 1.5% auto 0;
  justify-content: space-between;
}

.product-box {
  width: 47%;
  display: flex;
  flex-wrap: wrap;
}

.product-box:nth-of-type(n + 3) {
  margin-top: 4%;
}

.product-box .left {
  width: 40%;
}

.product-box .left .photo {
  border: 1px solid #ccc;
  width: 180px;
  height: 180px;
}

.product-box .left .photo img {
  width: 100%;
}

.product-box .right {
  width: 55%;
  position: relative;
  margin: 1.2% 0 0 5%;
}

.product-box .right .hinban a {
  color: #044B99;
  font-weight: bold;
  position: relative;
  padding: 0 0 0 8%;
  background: url(/static/images/seihin_joho/online-medicine/yaji_maru_bl.png) no-repeat 0 50%;
  background-size: 13px;
}

div#ichiran table td span.ext a {
  position: relative;
  padding: 0 0 0 8%;
}

.product-box .right p.price {
  margin: 3% 0 0;
  font-size: 0.9em;
}

.product-box .right ul.function {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  position: absolute;
  bottom: 0;
}

.product-box .right ul.function li {
  width: 32%;
  margin: 0 0 2% 2%;
}

.product-box .right ul.function li:nth-of-type(3n + 1) {
  margin-left: 0;
}

.product-box .right ul.function li img {
  width: 100%;
}

.product-box .right p.link {
  margin: 6% 0 0;
  line-height: 1.3;
  font-size: 0.9em;
}

.product-box .right p.link a {
  text-decoration: underline;
}

.product-inner.second {
  margin: 4.3% auto 0;
}

h3.second {
  margin: 1.5% auto 0;
}

div#bousui {
  margin: 7.5% 0 0;
}

div#memory {
  margin: 8.5% 0 0;
}

.memory.product h3 {
  width: 47%;
  margin: 0 0 2%;
}

/* 一覧表 */
div#ichiran {
  margin: 10% 0 0;
}

span.att {
  display: block;
  font-size: 0.9em;
  margin: 15px 0 -82px;
  text-align: right;
}

.banner-bottom-flex {
  display: flex;
  align-items: end;
  width: 91%;
  margin: 4.8% auto 0;
  justify-content: space-between;
}

.banner-bottom-flex p {
  width: 49%;
}

.banner-bottom-flex img {
  width: 100%;
}

.banner-bottom-flex p span {
  color: #37A2CE;
  font-weight: bold;
  font-size: 1.06em;
  display: block;
  text-align: center;
  margin-bottom: 1%;
}

.banner-bottom {
  margin: 14.5% auto 0;
  text-align: center;
}

a.banner-bottom.barcode-reader-ichiran {
  display: block;
  margin: 3.9% auto 0;
}

.komono-pocket {
  margin: 6.3% auto 0;
  width: 100%;
  padding: 3.5% 0;
  background: #F8F8F8;
}

.komono-pocket a {
  display: block;
  width: 53%;
  margin: 0 auto;
}

.komono-pocket a img {
  width: 100%;
}

table.tablesorter thead tr th, table.tablesorter tfoot tr th {
  background-color: #e6f1f5;
  /* border: 1px solid #FFF; */
  border: 1px solid #cdcdcd;
  /* font-size: 8pt; */
  margin: 0px;
  padding: 4px;
}

table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
  background-color: #8dbdd8;
}

table.tablesorter thead tr .header {
  background-repeat: no-repeat;
  background-position: center right;
  cursor: pointer;
}

table.tablesorter thead tr .headerSortUp {
  background-image: url(asc.gif);
}

.ichiran_title {
  background-color: #37A2CE;
  font-size: 1.8em;
  font-weight: bold;
  text-align: center;
  color: #FFFFFF;
  padding: 1.7%;
  margin: 0 0 2%;
  margin: 10% 0 4%;
}

table.list-label {
  font-size: 0.85em;
  text-align: center;
  line-height: 1.3;
  border-top: 1px solid #333;
  border-left: 1px solid #333;
  border-collapse: collapse;
  margin: 0;
  width: 1350px;
}

table.list-label th {
  background-color: #eaf3fa;
}

table.list-label td img {
  width: 100%;
}

table.list-label th {
  width: 100px;
  padding: 1.5% 0.3%;
  border-right: 1px solid #333;
  border-bottom: 1px solid #333;
}

table.list-label td {
  width: 96px;
  border-right: 1px solid #333;
  border-bottom: 1px solid #333;
  padding: 1.5% 0;
}

h2.title {
  border-left: 4px solid #174DAD;
  font-size: 1.8em;
  font-weight: bold;
  padding-bottom: 4px;
  background-color: #FFFFFF;
  color: #000000;
  padding: 8px 15px 3px 10px;
  margin-top: 9%;
  margin-bottom: 12px;
  letter-spacing: 0.15em;
}

.link-btn.left a {
  margin: 1.4% auto 0 .6%;
}

.link-btn a {
  border: 1px solid;
  border-radius: 5px;
  background: #fff;
  width: 395px;
  display: block;
  padding: 1%;
  box-sizing: border-box;
  margin: 1.4% 0 0 auto;
  position: relative;
  text-decoration: none;
}

.link-btn a::after {
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  background: url(/static/images/support/list/html/barcode_table/yaji_bl_6.png) no-repeat;
  top: 0;
  bottom: 0;
  right: 2%;
  left: auto;
  margin: auto;
}

.read-code-banner {
  text-align: center;
  margin: 5.5% 0 0;
}

.read-code-banner p {
  color: #37A2CE;
  font-weight: bold;
  letter-spacing: 0.05em;
}

.read-code-banner a {
  display: block;
  width: 54.4897%;
  margin: 0 auto;
}

.read-code-banner a img {
  width: 100%;
}

/*　製品導入のご相談・お問い合わせ　*/
.product-introduction-banner {
  display: block;
  margin: 3.6% auto 0;
  width: 42.8571%;
}

.product-introduction-banner img {
  width: 100%;
}

/* clfx */
.clfx:after {
  content: "";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden;
}