@charset "utf-8";
/* CSS Document */
/* もっと見る */
.block-link {
  text-align: center;
  display: none;
}
/* 表示形式を非表示にする */
.block-sort--header h2 {
  display: none;
}
.block-section--header {
  display: none;
}
/* 表示件数（上）を非表示にする */
.block-goods-list-naviframe, .pager-total {
  display: none;
}
.block-section {
  padding: 60px 0;
}
/* 商品 */
.block-top-event {
  padding: 20px 0;
}
.block-thumbnail-t--items {
  margin: 40px -5px;
  display: flex;
  justify-content: center;
  flex-direction: row;
  align-items: center;
}
/* font */
#workwearseries {
  font-family: "uddigikyokasho-pro", sans-serif;
  font-weight: 300;
  font-style: normal;
}
/* メインテキスト */
.workw-text {
  text-align: center;
  font-feature-settings: "palt";
  font-size: 20px;
  font-size: clamp(1rem, 0.833rem + 0.889vw, 1.25rem);
  margin: 20px 0 -40px;
}
/* ボタン */
.button {
  display: flex;
  align-items: center;
  justify-content: center;
  outline: none;
  cursor: pointer;
  width: 300px;
  height: 50px;
  background-image: linear-gradient(to top, #D8D9DB 0%, #fff 80%, #FDFDFD 100%);
  border-radius: 30px;
  border: 1px solid #8F9092;
  transition: all 0.2s ease;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #606060;
  text-shadow: 0 1px #fff;
  margin: 1.5rem auto;
  text-align: center;
  line-height: 1.15rem;
}
.button:hover {
  box-shadow: 0 4px 3px 1px #FCFCFC, 0 6px 8px #D6D7D9, 0 -4px 4px #CECFD1, 0 -6px 4px #FEFEFE, inset 0 0 3px 3px #CECFD1;
}
.button:active {
  box-shadow: 0 4px 3px 1px #FCFCFC, 0 6px 8px #D6D7D9, 0 -4px 4px #CECFD1, 0 -6px 4px #FEFEFE, inset 0 0 5px 3px #999, inset 0 0 30px #aaa;
}
.button:focus {
  box-shadow: 0 4px 3px 1px #FCFCFC, 0 6px 8px #D6D7D9, 0 -4px 4px #CECFD1, 0 -6px 4px #FEFEFE, inset 0 0 5px 3px #999, inset 0 0 30px #aaa;
}
/* //ボタン */
/* タイトルアイコン共通設定　*/
.workw-icon img {
  width: 200px;
}
.workw-tittle {
  text-align: center;
  margin-bottom: 0.5rem;
}
/* 連動共通設定　*/
.match-item {
  text-align: center;
  margin: 1.5rem 0.75rem 0.5rem;
}
/* //共通設定 */
/* タイトル吹き出しオールシーズン */
.seasons-all {
  position: relative;
  border-bottom: 2px solid #333333;
  color: #8ec220;
  margin: 0.5rem auto 1.05rem;
  width: 150px;
  font-size: 14px;
  font-size: clamp(0.875rem, 0.625rem + 1.333vw, 1.25rem);
  text-align: center;
  font-weight: 600;
  padding: 0 0 0.5rem;
}
.seasons-all::before, .seasons-all::after {
  position: absolute;
  left: 30px;
  bottom: -15px;
  width: 30px;
  height: 15px;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  content: '';
}
.seasons-all::before {
  background-color: #333333;
}
.seasons-all::after {
  bottom: -11px;
  background-color: #fff;
}
/* タイトル吹き出し春夏 */
.seasons-ss {
  position: relative;
  padding: 0 0 0.5rem;
  border-bottom: 2px solid #333333;
  color: #7dbade;
  margin: 0.5rem auto 1.05rem;
  width: 150px;
  font-size: 14px;
  font-size: clamp(0.875rem, 0.625rem + 1.333vw, 1.25rem);
  text-align: center;
  font-weight: 600;
}
.seasons-ss::before, .seasons-ss::after {
  position: absolute;
  left: 30px;
  bottom: -15px;
  width: 30px;
  height: 15px;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  content: '';
}
.seasons-ss::before {
  background-color: #333333;
}
.seasons-ss::after {
  bottom: -11px;
  background-color: #fff;
}
/* タイトル吹き出し秋冬 */
.seasons-aw {
  position: relative;
  padding: 0 0 0.5rem;
  border-bottom: 2px solid #333333;
  color: #ff7301;
  margin: 0.5rem auto 1.05rem;
  width: 150px;
  font-size: 14px;
  font-size: clamp(0.875rem, 0.625rem + 1.333vw, 1.25rem);
  text-align: center;
  font-weight: 600;
}
.seasons-aw::before, .seasons-aw::after {
  position: absolute;
  left: 30px;
  bottom: -15px;
  width: 30px;
  height: 15px;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  content: '';
}
.seasons-aw::before {
  background-color: #333333;
}
.seasons-aw::after {
  bottom: -11px;
  background-color: #fff;
}
/* ダブルエムビズタイトル */
.workw-t-text {
  background-color: #333333;
  height: 80px;
}
.workw-t-text h2 {
  position: relative;
  text-align: center;
  font-size: 18px;
  font-size: clamp(1rem, 0.417rem + 3.111vw, 1.875rem);
  border-bottom: 2px solid #dfb263;
  color: #fff;
  padding: 1.5rem 0 0;
  font-weight: 500;
  line-height: 2rem;
}
/* ダブルエムビズ連動 */
.match-09 {
  background: #c4cacd;
  font-size: 12px;
  font-size: clamp(0.75rem, 0.25rem + 2.667vw, 1.5rem);
  margin: 0.5rem 0 0.5rem;
  padding: 0.5rem 0;
  font-weight: 300;
  color: #000000;
}
/* 制電3Dタイトル */
.workw-t-text02 {
  background-color: #e2e2e2;
  height: 80px;
}
.workw-t-text02 h2 {
  position: relative;
  text-align: center;
  font-size: 18px;
  font-size: clamp(1rem, 0.417rem + 3.111vw, 1.875rem);
  border-bottom: 2px solid #dfb263;
  padding: 1.5rem 0 0;
  font-weight: 500;
  line-height: 2rem;
}
/* 制電3D連動 */
.match-01 {
  background: #042b52;
  font-size: 12px;
  font-size: clamp(0.75rem, 0.25rem + 2.667vw, 1.5rem);
  color: #fff;
  padding: 0.5rem 0;
  font-weight: 300;
}
.match-02 {
  background: #ff9601;
  font-size: 12px;
  font-size: clamp(0.75rem, 0.25rem + 2.667vw, 1.5rem);
  color: #fff;
  margin: 0.5rem 0 0.5rem;
  padding: 0.5rem 0;
  font-weight: 300;
}
/* 遮熱ダブルメッシュタイトル */
.workw-t-text03 {
  background-color: #042b52;
  height: 80px;
  color: #fff;
}
.workw-t-text03 h2 {
  position: relative;
  text-align: center;
  font-size: 18px;
  font-size: clamp(1rem, 0.417rem + 3.111vw, 1.875rem);
  border-bottom: 2px solid #dfb263;
  padding: 1.5rem 0 0;
  font-weight: 500;
  line-height: 2rem;
}
/* 遮熱ダブルメッシュ連動 */
.match-03 {
  background: #e2e2e2;
  font-size: 12px;
  font-size: clamp(0.75rem, 0.25rem + 2.667vw, 1.5rem);
  padding: 0.5rem 0;
  font-weight: 300;
}
/* 蓄熱ダブルウォームタイトル */
.workw-t-text04 {
  background-color: #ff9601;
  height: 80px;
  color: #fff;
}
.workw-t-text04 h2 {
  position: relative;
  text-align: center;
  font-size: 18px;
  font-size: clamp(1rem, 0.417rem + 3.111vw, 1.875rem);
  border-bottom: 2px solid #dfb263;
  padding: 1.5rem 0 0;
  font-weight: 500;
  line-height: 2rem;
}
/* 蓄熱ダブルウォーム連動 */
.match-04 {
  background: #042b52;
  font-size: 12px;
  font-size: clamp(0.75rem, 0.25rem + 2.667vw, 1.5rem);
  color: #fff;
  margin: 0.5rem 0 0.5rem;
  padding: 0.5rem 0;
  font-weight: 300;
}
/* ダブルエムクラフトタイトル */
.workw-t-text05 {
  background-color: #fff0e2;
  height: 80px;
}
.workw-t-text05 h2 {
  position: relative;
  text-align: center;
  font-size: 18px;
  font-size: clamp(1rem, 0.417rem + 3.111vw, 1.875rem);
  border-bottom: 2px solid #dfb263;
  padding: 1.5rem 0 0;
  font-weight: 500;
  line-height: 2rem;
}
/* ダブルエムクラフト連動 */
.match-05 {
  background: #448bc9;
  font-size: 12px;
  font-size: clamp(0.75rem, 0.25rem + 2.667vw, 1.5rem);
  color: #fff;
  margin: 0.5rem 0 0.5rem;
  padding: 0.5rem 0;
  font-weight: 300;
}
/* ダブルエムクールタイトル */
.workw-t-text06 {
  background-color: #448bc9;
  height: 80px;
}
.workw-t-text06 h2 {
  position: relative;
  text-align: center;
  font-size: 18px;
  font-size: clamp(1rem, 0.417rem + 3.111vw, 1.875rem);
  border-bottom: 2px solid #dfb263;
  color: #fff;
  padding: 1.5rem 0 0;
  font-weight: 500;
  line-height: 2rem;
}
/* ダブルエムクール連動 */
.match-06 {
  background: #fff0e2;
  font-size: 12px;
  font-size: clamp(0.75rem, 0.25rem + 2.667vw, 1.5rem);
  margin: 0.5rem 0 0.5rem;
  padding: 0.5rem 0;
  font-weight: 300;
}
/* ダブルインパクトタイトル */
.workw-t-text07 {
  background-color: #128b8e;
  height: 80px;
}
.workw-t-text07 h2 {
  position: relative;
  text-align: center;
  font-size: 18px;
  font-size: clamp(1rem, 0.417rem + 3.111vw, 1.875rem);
  border-bottom: 2px solid #dfb263;
  color: #fff;
  padding: 1.5rem 0 0;
  font-weight: 500;
  line-height: 2rem;
}
/* ダブルインパクト連動 */
.match-07 {
  background: #3e494d;
  font-size: 12px;
  font-size: clamp(0.75rem, 0.25rem + 2.667vw, 1.5rem);
  margin: 0.5rem 0 0.5rem;
  padding: 0.5rem 0;
  font-weight: 300;
  color: #fff;
}
/* ダブルエムストレッチタイトル */
.workw-t-text08 {
  background-color: #3e494d;
  height: 80px;
}
.workw-t-text08 h2 {
  position: relative;
  text-align: center;
  font-size: 18px;
  font-size: clamp(1rem, 0.417rem + 3.111vw, 1.875rem);
  border-bottom: 2px solid #dfb263;
  color: #fff;
  padding: 1.5rem 0 0;
  font-weight: 500;
  line-height: 2rem;
}
/* ダブルエムストレッチ連動 */
.match-08 {
  background: #128b8e;
  font-size: 12px;
  font-size: clamp(0.75rem, 0.25rem + 2.667vw, 1.5rem);
  margin: 0.5rem 0 0.5rem;
  padding: 0.5rem 0;
  font-weight: 300;
  color: #fff;
}
/* トリコテック */
.workw-t-text09 {
  background-color: #4d4e40;
  height: 80px;
}
.workw-t-text09 h2 {
  position: relative;
  text-align: center;
  font-size: 18px;
  font-size: clamp(1rem, 0.417rem + 3.111vw, 1.875rem);
  border-bottom: 2px solid #dfb263;
  color: #fff;
  padding: 1.5rem 0 0;
  font-weight: 500;
  line-height: 2rem;
}
/* 4D超撥水ストレッチ */
.workw-t-text10 {
  background-color: #384a5c;
  height: 80px;
}
.workw-t-text10 h2 {
  position: relative;
  text-align: center;
  font-size: 18px;
  font-size: clamp(1rem, 0.417rem + 3.111vw, 1.875rem);
  border-bottom: 2px solid #dfb263;
  color: #fff;
  padding: 1.5rem 0 0;
  font-weight: 500;
  line-height: 2rem;
}
/* プロコアデニム */
.workw-t-text11 {
  background-color: #42597a;
  height: 80px;
}
.workw-t-text11 h2 {
  position: relative;
  text-align: center;
  font-size: 18px;
  font-size: clamp(1rem, 0.417rem + 3.111vw, 1.875rem);
  border-bottom: 2px solid #dfb263;
  color: #fff;
  padding: 1.5rem 0 0;
  font-weight: 500;
  line-height: 2rem;
}
/* プロコアスーパーストレッチ */
.workw-t-text12 {
  background-color: #dbbb7d;
  height: 80px;
}
.workw-t-text12 h2 {
  position: relative;
  text-align: center;
  font-size: 18px;
  font-size: clamp(1rem, 0.417rem + 3.111vw, 1.875rem);
  border-bottom: 2px solid #dfb263;
  color: #fff;
  padding: 1.5rem 0 0;
  font-weight: 500;
  line-height: 2rem;
}
/* ソロテックス２WAYワークスーツ */
.workw-t-text13 {
  background-color: #1d2f36;
  height: 80px;
}
.workw-t-text13 h2 {
  position: relative;
  text-align: center;
  font-size: 18px;
  font-size: clamp(1rem, 0.417rem + 3.111vw, 1.875rem);
  border-bottom: 2px solid #dfb263;
  color: #fff;
  padding: 1.5rem 0 0;
  font-weight: 500;
  line-height: 2rem;
}
/* ソロテックスアーバンワークウエア */
.workw-t-text14 {
  background-color: #3b3847;
  height: 80px;
}
.workw-t-text14 h2 {
  position: relative;
  text-align: center;
  font-size: 18px;
  font-size: clamp(1rem, 0.417rem + 3.111vw, 1.875rem);
  border-bottom: 2px solid #dfb263;
  color: #fff;
  padding: 1.5rem 0 0;
  font-weight: 500;
  line-height: 2rem;
}
/* ソロテックスプレミアムスーツ */
.workw-t-text15 {
  background-color: #45433d;
  height: 80px;
}
.workw-t-text15 h2 {
  position: relative;
  text-align: center;
  font-size: 18px;
  font-size: clamp(1rem, 0.417rem + 3.111vw, 1.875rem);
  border-bottom: 2px solid #dfb263;
  color: #fff;
  padding: 1.5rem 0 0;
  font-weight: 500;
}
/* ソロテックスレディーススーツ */
.workw-t-text16 {
  background-color: #df4b84;
  height: 80px;
}
.workw-t-text16 h2 {
  position: relative;
  text-align: center;
  font-size: 18px;
  font-size: clamp(1rem, 0.417rem + 3.111vw, 1.875rem);
  border-bottom: 2px solid #dfb263;
  color: #fff;
  padding: 1.5rem 0 0;
  font-weight: 500;
  line-height: 2rem;
}
/* サマーダブルエムビズ */
.workw-t-text17 {
  background-color: #c4cacd;
  height: 80px;
}
.workw-t-text17 h2 {
  position: relative;
  text-align: center;
  font-size: 18px;
  font-size: clamp(1rem, 0.417rem + 3.111vw, 1.875rem);
  border-bottom: 2px solid #dfb263;
  color: #fff;
  padding: 1.5rem 0 0;
  font-weight: 500;
  line-height: 2rem;
}
/* サマーダブルエムビズ連動 */
.match-10 {
  background: #333333;
  font-size: 12px;
  font-size: clamp(0.75rem, 0.25rem + 2.667vw, 1.5rem);
  margin: 0.5rem 0 0.5rem;
  padding: 0.5rem 0;
  font-weight: 300;
  color: #fff;
}
/* サマートリコテック */
.workw-t-text18 {
  background-color: #736765;
  height: 80px;
}
.workw-t-text18 h2 {
  position: relative;
  text-align: center;
  font-size: 18px;
  font-size: clamp(1rem, 0.417rem + 3.111vw, 1.875rem);
  border-bottom: 2px solid #dfb263;
  color: #fff;
  padding: 1.5rem 0 0;
  font-weight: 500;
  line-height: 2rem;
}
/* バズライトストレッチ */
.workw-t-text19 {
  background-color: #b76d3c;
  height: 80px;
}
.workw-t-text19 h2 {
  position: relative;
  text-align: center;
  font-size: 18px;
  font-size: clamp(1rem, 0.417rem + 3.111vw, 1.875rem);
  border-bottom: 2px solid #dfb263;
  color: #fff;
  padding: 1.5rem 0 0;
  font-weight: 500;
  line-height: 2rem;
}
/* プロコアサマーデュアブル */
.workw-t-text20 {
  background-color: #505253;
  height: 80px;
}
.workw-t-text20 h2 {
  position: relative;
  text-align: center;
  font-size: 18px;
  font-size: clamp(1rem, 0.417rem + 3.111vw, 1.875rem);
  border-bottom: 2px solid #dfb263;
  color: #fff;
  padding: 1.5rem 0 0;
  font-weight: 500;
  line-height: 2rem;
}
/* プロコアアークスサマー */
.workw-t-text21 {
  background-color: #344660;
  height: 80px;
}
.workw-t-text21 h2 {
  position: relative;
  text-align: center;
  font-size: 18px;
  font-size: clamp(1rem, 0.417rem + 3.111vw, 1.875rem);
  border-bottom: 2px solid #dfb263;
  color: #fff;
  padding: 1.5rem 0 0;
  font-weight: 500;
  line-height: 2rem;
}
/* リペアテックワークスタイル */
.workw-t-text22 {
  background-color: #c3c0b6;
  height: 80px;
}
.workw-t-text22 h2 {
  position: relative;
  text-align: center;
  font-size: 18px;
  font-size: clamp(1rem, 0.417rem + 3.111vw, 1.875rem);
  border-bottom: 2px solid #dfb263;
  color: #fff;
  padding: 1.5rem 0 0;
  font-weight: 500;
  line-height: 2rem;
}
/* 綿混アニエールPLUS */
.workw-t-text23 {
  background-color: #416578;
  height: 80px;
}
.workw-t-text23 h2 {
  position: relative;
  text-align: center;
  font-size: 18px;
  font-size: clamp(1rem, 0.417rem + 3.111vw, 1.875rem);
  border-bottom: 2px solid #dfb263;
  color: #fff;
  padding: 1.5rem 0 0;
  font-weight: 500;
  line-height: 2rem;
}
/* ワンダーストレッチ */
.workw-t-text24 {
  background-color: #7ca855;
  height: 80px;
}
.workw-t-text24 h2 {
  position: relative;
  text-align: center;
  font-size: 18px;
  font-size: clamp(1rem, 0.417rem + 3.111vw, 1.875rem);
  border-bottom: 2px solid #dfb263;
  color: #fff;
  padding: 1.5rem 0 0;
  font-weight: 500;
  line-height: 2rem;
}

/* オニテックスクロスランダー */
.workw-t-text25 {
  background-color: #cb9163;
  height: 80px;
}
.workw-t-text25 h2 {
  position: relative;
  text-align: center;
  font-size: 18px;
  font-size: clamp(1rem, 0.417rem + 3.111vw, 1.875rem);
  border-bottom: 2px solid #dfb263;
  color: #fff;
  padding: 1.5rem 0 0;
  font-weight: 500;
  line-height: 2rem;
}