@charset "utf-8";
/* CSS Document */
/*googlefont*/
#workwearseries {
  font-family: 'Shippori Mincho B1', serif;
}
/*詳しくはこちらレイアウト*/
.seriesdetail a {
  display: block;
  padding: 0.9rem 3rem; /*文字周りの余白*/
  line-height: 1.5; /*行高*/
  background: #000000; /*背景色*/
  border-radius: 35px 35px 35px 35px; /*左側の角を丸く*/
  width: 80%;
  text-align: center;
  margin: 2.5rem auto 2.5rem;
  color: #FFFFFF; /*文字色*/
  font-size: 1.3rem;
}
.seriesdetail a:hover {
  background: #AEAEAE; /*背景色*/
  color: #000000; /*文字色*/
}
/*ルビーレイアウト*/
ruby[data-ruby] {
  position: relative;
}
ruby[data-ruby]::before {
  content: attr(data-ruby);
  position: absolute;
  line-height: 100%;
  text-align: center;
  left: -3em;
  right: -3em;
  transform-origin: bottom center;
  /* ルビの文字サイズを親文字に対する比率で指定 */
  transform: scale(0.5);
  /* ルビとのスペースになる。単位は親文字に対する比率 */
  bottom: 80%;
}
/* 非表示 */
ruby[data-ruby] rt {
  display: none;
}
/*タイトル全体横並び*/
.workw_layout {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  margin: 6rem 0 1.2rem;
}
/*アイコンサイズ*/
.workw_icon {
  width: 23%;
}
/*タイトルセンター表示*/
.work_tittle {
  display: flex;
  flex-wrap: wrap;
  flex: 1;
  justify-content: center;
  align-content: center;
  align-items: center;
}
/*タイトル全体横並びここまで*/
/*WM Bizz裏綿STRETCHタイトルレイアウト*/
.wmb_lc_text {
  background: #000000;
  color: #ffffff;
}
/*線　フォント*/
.wmb_lc_text h2 {
  border-bottom: solid 5px #dfb263;
  width: 100%;
  text-align: center;
  margin-left: 20px;
  font-feature-settings: "palt";
  letter-spacing: 0.08em;
  font-size: 2.2rem;
}
/*制電3Dカットタイトルレイアウト*/
.sd3dcut_text {
  background: #e2e2e2;
}
/*フォントレイアウト*/
.sd3dcut_text h2 {
  text-align: center;
  font-feature-settings: "palt";
  letter-spacing: 0.08em;
  font-size: 2.2rem;
  margin: 0;
  line-height: 1.8;
}
/*連携商品*/
.sd3dcut_text2 h3 {
  margin: 0 0 11px;
  background: #ffb007;
  color: #ffffff;
  padding: 0 5rem;/*Wフラップ*/
  font-size: 1.3rem;
  font-feature-settings: "palt";
  letter-spacing: 0.08em;
}

/*蓄熱Wウォームタイトルレイアウト*/
.wwarm_text {
  background: #ffb007;
}
/*フォントレイアウト*/
.wwarm_text h2 {
  text-align: center;
  font-feature-settings: "palt";
  letter-spacing: 0.08em;
  font-size: 2.2rem;
  margin: 0;
  line-height: 1.8;
}
/*連携商品*/
.wwarm_text2 h3 {
  margin: 0 0 11px;
  background: #e2e2e2;
  color: #000000;
  padding: 0 5rem;/*Wフラップ*/
  font-size: 1.3rem;
  font-feature-settings: "palt";
  letter-spacing: 0.08em;
}

/*遮熱ダブルメッシュタイトルレイアウト*/
.syanetsudm_text {
  background: #042b52;
}
/*フォントレイアウト*/
.syanetsudm_text h2 {
  width: 100%;
  color: #ffffff;
  text-align: center;
  font-feature-settings: "palt";
  letter-spacing: 0.08em;
  font-size: 2.2rem;
  margin: 0;
  line-height: 1.8;
}
/*連携商品*/
.syanetsudm_text2 h3 {
  margin: 0 0 11px;
  background: #cecece;
  color: #000000;
  padding: 0 4.8rem;
  font-size: 1.3rem;
  font-feature-settings: "palt";
  letter-spacing: 0.08em;
}
/*WM CRAFTタイトルレイアウト*/
.wmcraft_text {
  background: #fff0e2;
}
/*フォントレイアウト*/
.wmcraft_text h2 {
  color: #000000;
  text-align: center;
  font-feature-settings: "palt";
  letter-spacing: 0.08em;
  font-size: 2.2rem;
  margin: 11px 0 0;
  line-height: 1.5;
}
/*連携商品*/
.wmcraft_text2 h3 {
  margin: 0 0 11px;
  background: #448bc9;
  color: #FFFFFF;
  padding: 0 2rem;
  font-size: 1.3rem;
  font-feature-settings: "palt";
  letter-spacing: 0.08em;
}
/*WM COOLタイトルレイアウト*/
.wmcool_text {
  background: #448bc9;
}
/*フォントレイアウト*/
.wmcool_text h2 {
  color: #FFFFFF;
  text-align: center;
  font-feature-settings: "palt";
  letter-spacing: 0.08em;
  font-size: 2.2rem;
  margin: 11px 0 0;
  line-height: 1.5;
}
/*連携商品*/
.wmcool_text2 h3 {
  margin: 0 0 11px;
  background: #fff0e2;
  color: #000000;
  padding: 0 5rem;
  font-size: 1.3rem;
  font-feature-settings: "palt";
  letter-spacing: 0.08em;
}
/*ダブルインパクトタイトルレイアウト*/
.d_impact_text {
  background: #128b8e;
}
/*フォントレイアウト*/
.d_impact_text h2 {
  color: #FFFFFF;
  text-align: center;
  font-feature-settings: "palt";
  letter-spacing: 0.08em;
  font-size: 2.2rem;
  margin: 11px 0 0;
  line-height: 1.5;
}
/*連携商品*/
.d_impact_text2 h3 {
  margin: 0 0 11px;
  background: #3e494d;
  color: #FFFFFF;
  padding: 0 0.5rem;
  font-size: 1.3rem;
  font-feature-settings: "palt";
  letter-spacing: 0.08em;
}
/*WM STRETCHタイトルレイアウト*/
.wmstretch_text {
  background: #3e494d;
}
/*フォントレイアウト*/
.wmstretch_text h2 {
  color: #FFFFFF;
  text-align: center;
  font-feature-settings: "palt";
  letter-spacing: 0.08em;
  font-size: 2.2rem;
  margin: 11px 0 0;
  line-height: 1.5;
}
/*連携商品*/
.wmstretch_text2 h3 {
  margin: 0 0 11px;
  background: #128b8e;
  color: #FFFFFF;
  padding: 0 3.7rem;
  font-size: 1.3rem;
  font-feature-settings: "palt";
  letter-spacing: 0.08em;
}
/*AERO STRETCHタイトルレイアウト*/
.aero-st_text {
  background: #8ec220;
  color: #ffffff;
}
/*線　フォント*/
.aero-st_text h2 {
  border-bottom: solid 5px #ffffff;
  width: 100%;
  text-align: center;
  margin-left: 20px;
  font-feature-settings: "palt";
  letter-spacing: 0.08em;
  font-size: 2.2rem;
}
/*TRICO-TECHタイトルレイアウト*/
.tricotech_text {
  background: #4d4e40;
  color: #ffffff;
}
/*線　フォント*/
.tricotech_text h2 {
  border-bottom: solid 5px #ceb06a;
  width: 100%;
  text-align: center;
  margin-left: 20px;
  font-feature-settings: "palt";
  letter-spacing: 0.08em;
  font-size: 2.2rem;
}
/*CORDURA STRETCH FIELDタイトルレイアウト*/
.cordura-sf_text {
  background: #6f6053;
  color: #ffffff;
}
/*線　フォント*/
.cordura-sf_text h2 {
  border-bottom: solid 5px #fbc701;
  width: 100%;
  text-align: center;
  margin-left: 20px;
  font-feature-settings: "palt";
  letter-spacing: 0.08em;
  font-size: 1.85rem;
  line-height: 1.2;
}
/*ruby微調整*/
.cordura-sf_text [data-ruby]::before {
  font-size: 0.8em;
  top: -0.39em;
}
/*4D超撥水 STRETCHタイトルレイアウト*/
.fdthassui_text {
  background: #384a5c;
  color: #ffffff;
}
/*線　フォント*/
.fdthassui_text h2 {
  border-bottom: solid 5px #FFFFFF;
  width: 100%;
  text-align: center;
  margin-left: 20px;
  font-feature-settings: "palt";
  letter-spacing: 0.08em;
  font-size: 2.2rem;
}
/*綿混アニエールPLUSタイトルレイアウト*/
.asnieres_text {
  background: #005c7f;
  color: #ffffff;
}
/*線　フォント*/
.asnieres_text h2 {
  border-bottom: solid 5px #FFFFFF;
  width: 100%;
  text-align: center;
  margin-left: 20px;
  font-feature-settings: "palt";
  letter-spacing: 0.08em;
  font-size: 2.2rem;
}
/*サマーTRICO-TECHタイトルレイアウト*/
.stricotech_text {
  background: #c5b09a;
  color: #ffffff;
}
/*線　フォント*/
.stricotech_text h2 {
  border-bottom: solid 5px #4d8dc6;
  width: 100%;
  text-align: center;
  margin-left: 20px;
  font-feature-settings: "palt";
  letter-spacing: 0.08em;
  font-size: 2.2rem;
}


/*PRO CORE DENIMタイトルレイアウト*/
.PROCOREDENIM_text {
  background: #42597a;
  color: #ffffff;
}
/*線　フォント*/
.PROCOREDENIM_text h2 {
  border-bottom: solid 5px #000000;
  width: 100%;
  text-align: center;
  margin-left: 20px;
  font-feature-settings: "palt";
  letter-spacing: 0.08em;
  font-size: 1.85rem;
  line-height: 1.2;
}
/*ruby微調整*/
.PROCOREDENIM_text [data-ruby]::before {
  font-size: 0.8em;
  top: -0.39em;
}
/*PRO CORE SUPERSTRETCHタイトルレイアウト*/
.PROCORESUPERSTRETCH_text {
  background: #dbbb7d;
  color: #ffffff;
}
/*線　フォント*/
.PROCORESUPERSTRETCH_text h2 {
  border-bottom: solid 5px #000000;
  width: 100%;
  text-align: center;
  margin-left: 20px;
  font-feature-settings: "palt";
  letter-spacing: 0.08em;
  font-size: 1.85rem;
  line-height: 1.2;
}
/*ruby微調整*/
.PROCORESUPERSTRETCH_text [data-ruby]::before {
  font-size: 0.8em;
  top: -0.39em;
}

/*PRO CORE BLACKEDITIONタイトルレイアウト*/
.PROCOREBLACKEDITION_text {
  background: #48474d;
  color: #ffffff;
}
/*線　フォント*/
.PROCOREBLACKEDITION_text h2 {
  border-bottom: solid 5px #ffffff;
  width: 100%;
  text-align: center;
  margin-left: 20px;
  font-feature-settings: "palt";
  letter-spacing: 0.08em;
  font-size: 1.85rem;
  line-height: 1.2;
}
/*ruby微調整*/
.PROCOREBLACKEDITION_text [data-ruby]::before {
  font-size: 0.8em;
  top: -0.39em;
}