@charset "utf-8";
/*html,body,div,ul,ol,li,dl,dt,dd,form,fieldset,input,button,textarea,
h1,h2,h3,h4,h5,h6,
pre,code,p,blockquote,hr{margin:0;padding:0;}
ol, ul{list-style:none;}
fieldset, abbr{border:0;}
q:before,q:after{content:'';}
address{font-style:normal;display:inline;}
hr{border:0;height:1px;background-color:#ccc;color:#ccc;}
table{border-collapse:collapse;border-spacing:0;border:0;margin:0;padding:0;border-style:none;}
tr, td{margin:0;padding:0;}
caption,th{text-align:left;}
strong{color:#930000;}
img{-ms-interpolation-mode:bicubic;}
body{font:100%/1.4 "ヒラギノ丸ゴ Pro W4",HiraMaruPro-W4,"Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","Meiryo UI","メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;background:#f3f3f3 url(../images0/00_body_bgimg02.gif) center top repeat-x;color:#333;-webkit-text-size-adjust:100%;}
* html body{background:none;}
a img{border:none;}
a:link{color:#39f;text-decoration:underline;}
a:visited{color:#2f7dbe;text-decoration:underline;}
a:hover, a:active, a:focus{text-decoration:none;} */


/* サブメニュー リンク */
.main01-submenu {
	margin: 0 0 2em 1em;
	line-height: 2;
}
.main01-submenu p > span:not(:first-of-type) {
	margin-left: 1em;
}
.main01-submenu p > span a {
	padding-right: 20px;
	background: url(../images0/00_icon_link_url.gif) center right no-repeat;
}
.main01-att {
	margin-bottom: 3em;
	padding: 1em;
	border: 3px double #bbb;
	background-color: #ededed;
}

/*製品リスト 実体顕微鏡 フレックスレイアウト*/

/* 横300pxギャラリー風 */
.gallery {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
      gap: 16px;
      max-width: 1000px;
      margin: 0 auto;
      /* padding: 20px; */
}
.gallery-content-01 {
	display: flex;
	flex-direction: column; /* 縦並び */
	align-items: center;     /* 中央揃え */
	justify-content: flex-start; /* 上から順に並べる */
	gap: 8px; /* 要素間の余白 */
	margin-bottom: 2em;
}


/* 他商品ページで使っていたH3用の●印の設定をブラウザのデフォルトスタイルにリセット */
.gallery-content-01 h3:before {
	all: revert;
}

.gallery-content-01 h3 {
	all: unset;
	color: #111;
	font-size: 20px;
	font-weight: bold;
	line-height: 1;
	background: #ccc;
	padding: 1em;
	border-radius: 10px;
}

.gallery-content-01 h3 span.kataban { /* H3内で改行 */
  display: block;
  margin-top: 0.5em;
}
.gallery-content-01 img {
	max-width:100%;
	height: auto;
	margin: 0 auto;
	object-fit: contain;
	display: block;
}
.gallery-content-01 .hitokoto {
	font-weight: bold;
}
.gallery-content-01 .more {
	font-weight: bold;
}

/* 最後だけ */
.gallery-content-01:last-of-type {
  margin-bottom: 10em;
}
.more a {
	padding-left: 0.5em;
	padding-right: 18px;
	background: url(../images0/00_icon_link_url.gif) center right no-repeat;
}

@media (max-width: 600px) {
	.gallery {
		grid-template-columns: 1fr;
	}
}



.pdtlist_jittai {
	width: 100%;
	margin-bottom: 2em;
	border-left: 1px solid #333;
}
.pdtlist_jittai tr:nth-child(2) {
	border-bottom: 3px double #333;
}
.pdtlist_jittai td {
	padding: 0.1em 0.5em;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
}
.pdtlist_jittai td:nth-child(1) { /* 型番太字 */
  font-weight: bold;
}
.pdtlist_jittai td:nth-child(2) { /* 価格右揃え */
  text-align: right;
}
.pdtlist_jittai td:last-child { /* 右揃え解除 */
  text-align: left;
}
.pdtlist_jittai td.no-bold {
  font-weight: normal !important;
}
.pdtlist_jittai td.last-td {
	padding: 0.5em 1em 0.5em 0.5em;
	line-height: 1.5;
	border-bottom: 3px double #333;
	font-weight: normal !important;
}
.pdtlist_jittai td.double-bdr {
	border-bottom: 3px double #333;
}
.doubleborder-top {
  border-top: 3px double #000 !important;
}
.doubleborder-bottom {
  border-bottom: 3px double #000 !important;
}
.pdtlist_jittai th {
	padding: 0.1em 0.5em;
	border-right: 1px solid #333 !important;
	border-bottom: 1px solid #333;
}
.pdtlist_jittai th.th-title {
	font-size: larger;
	padding-top: 0.5em; padding-bottom: 0.5em;
}
.pdtlist_jittai td.td-title {
	padding-top: 0.5em; padding-bottom: 0.5em;
	background-color: #d7d7d7;
}
.pdtlist_jittai tr.td-title td {
	padding-top: 0.2em; padding-bottom: 0.2em;
	background-color: #ededed;
}
figure {
	display: inline-block;
	max-width: 100%;
	margin: 0 0 1em 0;
	padding: 0;
	text-align: center;
}
figure img {
	max-width: 100%;
	height: auto;
}
figcaption {
	font-size: smaller;
	word-break: break-word;
}

.nobreak-pc { /* 備考欄写真セル 横広がり防止 */
	width: 320px !important;
}
@media (max-width: 890px) {
	.nobreak-pc {
		max-width: 160px;
		word-break: break-word;
	}
}


.pdtlist_jittai2 {
	margin-bottom: 5em;
}
.pdtlist_jittai2 th {
	padding: 0.5em;
	font-size: larger;
}
.pdtlist_jittai2 td {
	padding: 0.2em 0.5em;
	border: 1px solid #333;
}
.pdtlist_jittai2 tr:nth-child(2) {
	background-color: #9C3;
	font-weight: bold;
}

.boxC-box img {
	max-width: 100% !important;
	height: auto;
}


/* 切り替えテスト 保留
.test {
  box-sizing: border-box;
  padding-top: 40px;
  background: #F8F9F9;
}

.c-radio {
  display: none;
}

.btn {
  display: flex;
  justify-content: space-between;
  width: 70px;
  height: 24px;
  margin: 0 auto;
}
.btn_multi, .btn_single {
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.btn_multi span, .btn_single span {
  display: block;
  background: #ccc;
  border-radius: 2px;
  transition: all 0.3s ease;
}
.btn_multi:hover span, .btn_multi:hover span:after, .btn_single:hover span, .btn_single:hover span:after {
  background: #aaa;
}
.btn_multi {
  position: relative;
}
.btn_multi span {
  display: block;
  width: 11px;
  height: 11px;
}
.btn_multi span:first-child {
  margin-bottom: 2px;
}
.btn_multi span:after {
  content: "";
  position: absolute;
  right: 0;
  width: 11px;
  height: 11px;
  background: #ccc;
  border-radius: 2px;
  transition: all 0.3s ease;
}
.btn_single span {
  wdith: 24px;
  height: 11px;
}
.btn_single span:first-child {
  margin-bottom: 2px;
}

.BoxA {
  display: flex;
  flex-wrap: wrap;
  width: 96%;
  margin: 40px auto 0;
}
.BoxA_item {
  position: relative;
  width: calc(33% - 12px);
  height: 100%;
  margin: 0 0 20px 20px;
  background: #3B4144;
}
.BoxA_item:before {
  content: "";
  display: block;
  padding-top: 56.25%;
}

.BoxA_item:nth-child(3n+1) {
  margin-left: 0;
}
/*.BoxA_item span {
  position: absolute;
  top: 10px;
  left: 10px;
  display: block;
  font-size: 10px;
  color: #666;
  letter-spacing: 1px;
}

.BoxA_item h3 {
	clear:both;
	position:relative;
	color:#111;
	background:#ccc;
	font-size:20px;
	line-height:1;
	margin:33px -7px 24px -7px;
	padding:12px 5px 12px 30px;
	border-radius:10px;
}


#single:checked ~ .BoxA .BoxA_item {
  width: 100%;
  margin: 0 0 20px 0;
}
#single:checked ~ .BoxA .BoxA_item span {
  top: 20px;
  left: 20px;
  font-size: 16px;
}

#multi:checked ~ .btn .btn_multi {
  cursor: default;
}
#multi:checked ~ .btn .btn_multi span {
  background: #3B4144;
}
#multi:checked ~ .btn .btn_multi span:after {
  background: #3B4144;
}

#single:checked ~ .btn .btn_single {
  cursor: default;
}
#single:checked ~ .btn .btn_single span {
  background: #3B4144;
}
*/