@charset "utf-8";
/* 製品詳細ページ専用CSS */

.edit-area figure {
  text-align: center;
  margin-bottom: 2rem;
}

/*　画像の大きさ　*/
.edit-area figure img {
  max-width: 100%;
  margin-bottom: 0.5rem;
}

.edit-area figure figcaption {
  
}

/* 見出し */
.edit-area h3,
.edit-area h4,
.edit-area h5,
.edit-area h6 {
  color: #085189;
  font-weight: bold;
}

.edit-area h3 {
  font-size: 20px;
  margin: 3rem 0 2rem;
}

.edit-area h4 {
  font-size: 18px;
  margin: 2rem 0 1rem;
}

.edit-area h5 {
  font-size: 16px;
  margin-bottom: 1rem;
}

.edit-area h6 {
  font-size: 13px;
  margin-bottom: 1rem;
}

.edit-area p {
  margin-bottom: 1rem;
}



@media screen and (min-width: 768px) {
    .edit-area figure {
      text-align: left;
    }

    .edit-area figure img {
    max-width: 100%;
  }

    .edit-area figure .w60-img {
    max-width: 60%;
  }
}

@media screen and (min-width: 1024px) {
}

/* 文字揃え */
.edit-area .txt-l{
  text-align: left;
}

.edit-area .txt-c{
  text-align: center;
}

.edit-area .txt-r{
  text-align: right;
}

/* 縦　位置 */
.ver-m {
  vertical-align: middle;
}

/* 文字の色 */
.edit-area .red {
  color: red;
}

.edit-area .blue {
  color: #009;
}

.bold {
  font-weight: bold;
}

/* 打ち消し線 */
.line_through {
  text-decoration: line-through;
}

/* フォントサイズ */
.font10 {
  font-size: 10px;
}

.font16 {
  font-size: 16px;
}

.font18 {
  font-size: 18px;
}

.font20 {
  font-size: 20px;
}

.font22 {
  font-size: 22px;
}

.font24 {
  font-size: 24px;
}

/* テーブル */
.edit-area table {
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  background: #fff;
  width: 100%;
}

.edit-area table tr th {
  font-weight: bold;
}

.edit-area table tr th,
.edit-area table tr td {
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  padding: 0.8em;
  vertical-align: middle;
}

/* テーブル 列が多い時 */
.edit-area table.many-columns tr th,
.edit-area table.many-columns tr td {
  padding: 0.5em;
  text-align: center;
  white-space:nowrap;
}

/* テーブル SP時スクロール */
.scroll {
   overflow-x: scroll;
}

/*常にスクロールバーを表示*/
.scroll::-webkit-scrollbar{
  height:10px; /*バーの太さ*/
}

.scroll::-webkit-scrollbar-track{
  background:#dddddd; /*バーの背景色*/
}

.scroll::-webkit-scrollbar-thumb{
  background:#ccc; /*バーの色*/
}

.scroll-table {
  min-width: 670px;
}

@media screen and (min-width: 768px) {
.scroll {
   overflow-x: auto;
}
}

/* テーブル 背景に色をつける */
.edit-area table .bg-color {
  background-color: #eee;
}

.bg-pink {
  background: #FFBFFF;
}

.bg-rightpink {
  background: #FFE3FF;
}

.bg-green {
  background: #A6FDA6;
}

.bg-rightgreen {
  background: #EDFFED;
}

.bg-purple {
  background: #bbc4ff;
}

.bg-rightpurple {
  background: #F3F4FF;
}

.bg-yellow {
  background: #FBFD78;
}

.bg-rightyellow {
  background: #FEFFBE;
}

.bg-blue {
  background: #76FDFF;
}

.bg-rightblue {
  background: #EDFFFF;
}

/* マージン */
.mb1 {
  margin-bottom: 1rem;
}

.mb2 {
  margin-bottom: 2rem;
}

.mb3 {
  margin-bottom: 3rem;
}

/* 幅設定 */
.w10 {
  width: 10%;
}

.w20 {
  width: 20%;
}

.w25 {
  width: 25%;
}

.w30 {
  width: 30%;
}

.w40 {
  width: 40%;
}

.w50 {
  width: 50%;
}

.w60 {
  width: 60%;
}

.w70 {
  width: 70%;
}

.w75 {
  width: 75%;
}

.w80 {
  width: 80%;
}

.w90 {
  width: 90%;
}

.w100 {
  width: 100%;
}

/* テーブル 折返しなし */
.nowrap {
  white-space: nowrap;
}

/* リスト */
.edit-area ul {
  margin-left: 1em;
  margin-bottom: 1rem;
}

.edit-area ul li {
  list-style: disc;
}

.edit-area ol {
  margin-left: 1em;
  margin-bottom: 1rem;
}

.edit-area ol li {
  list-style: decimal;
}


/* ======================= ページ特有CSS ====== */

/* id_26_成形時インサート */
#id26-number span {
  display: inline-block;
  margin-right: 1rem;
}

/*　id_28_ダッヂインサート　（SD・FD）・
id_29_ビットインサート　（SB・FB）・
id_32_ウルトラサート(UD・FU) */
#id28-size {
  vertical-align: top;
}

#id28-size span {
  display: block;
  margin-bottom: 1em;
}

#id28-size span:last-child {
  margin-bottom: 0;
}

.id28-img span,
.id29-img span {
  display: inline-block;
  vertical-align: top;
}

.id28-img span:nth-child(2){
  margin: 0 4%;
}

.id29-img {
  display: flex;
  flex-direction: column;
}

.id29-img span {
  width: 100%;
  margin: 0 auto 1.5rem;
  display: block;
}

/* id_262_ブラインドリベットの概要・一覧 */
.catalog_dl a {
  display: inline-block;
  margin-bottom: 0.5rem;
}

.rivet span {
  display: inline-block;
  text-align: center;
  color: #085189;
  font-weight: bold;
  margin-right: 1rem;
}

.rivet span img {
  margin-bottom: 0.5rem;
}

@media screen and (min-width: 768px) {
.id29-img {
  display: flex;
  flex-direction: row;
}

.id29-img span {
  width: 30%;
}

.id29-img span:nth-child(2){
  margin-right: 0.4%;
}
}

.color-cel td:nth-last-child(2),
.color-cel td:nth-last-child(3),
.color-cel td:nth-last-child(4),
.color-cel02 td:nth-last-child(2),
.color-cel02 td:nth-last-child(3),
.color-cel02 td:nth-last-child(4),
.color-cel05-1 td:nth-last-child(1),
.color-cel05-1 td:nth-last-child(2),
.color-cel06 td:nth-last-child(2),
.color-cel06 td:nth-last-child(3) {
  background: #F3F4FF;/* 薄紫 */
}

.color-cel td:nth-last-child(5),
.color-cel02 td:nth-last-child(5),
.color-cel03 td:nth-last-child(2),
.color-cel04 td:nth-last-child(2),
.color-cel05-1 td:nth-last-child(3),
.color-cel05-2 td:nth-last-child(1),
.color-cel06 td:nth-last-child(6),
.color-cel07 td:nth-last-child(1) {
  background: #EDFFED;/* 薄緑 */
}

.color-cel td:nth-last-child(6),
.color-cel02 td:nth-last-child(7),
.color-cel03 td:nth-last-child(4),
.color-cel04 td:nth-last-child(5),
.color-cel05-1 td:nth-last-child(5),
.color-cel05-2 td:nth-last-child(3),
.color-cel06 td:nth-last-child(4),
.color-cel07 td:nth-last-child(2) {
  background: #FFE3FF;/* 薄ピンク */
}

.color-cel02 td:nth-last-child(6),
.color-cel03 td:nth-last-child(3),
.color-cel04 td:nth-last-child(4) {
  background: #FEFFBE;/* 淡黄色 */
}

.color-cel04 td:nth-last-child(3) {
  background: #EDFFFF;/* 薄青 */
}

/*　id_201_焼結合金 */
@media screen and (min-width: 768px) {
.id201-img {
  width: 50%;
}
}