@charset "utf-8";
/* CSS Document */
/* 共通設定 */
/* もっと見る */
.block-link {
  text-align: center;
  display: none;
}
/* 表示形式を非表示にする */
.block-goods-list--sort-order-items {
  display: none;
}
/* 表示件数（上）を非表示にする */
.block-goods-list--pager-top {
  display: none;
}
/* 表示件数（下）を非表示にする */
.block-goods-list--pager-bottom {
  display: none;
}
/* font */
#workwearseries {
  font-family: "uddigikyokasho-pro", sans-serif;
  font-weight: 400;
  font-style: normal;
}
/* メインテキスト */
.workw-text {
  text-align: center;
  font-feature-settings: "palt";
  letter-spacing: 0.05em;
  line-height: 2.5rem;
  font-size: 1.75rem;
  margin-bottom: 0;
}
/* ボタン */
.button {
  display: flex;
  align-items: center;
  justify-content: center;
  outline: none;
  cursor: pointer;
  width: 300px;
  height: 60px;
  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: 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;
  height: auto;
}
/* タイトル共通設定　*/
.workw-tittle02 {
  display: flex;
  margin: 0 0 1.5rem;
  justify-content: center;
}
/* 連動共通設定　*/
.match-item {
  text-align: center;
}
/* //共通設定 */
/* タイトル吹き出しオールシーズン */
.seasons-all {
  position: relative;
  border-bottom: 2px solid #333333;
  color: #8ec220;
  margin: 0.5rem 0.5rem 1.05rem 0.5rem;
  width: 160px;
  font-size: 1.05rem;
  text-align: center;
  font-weight: 600;
}
.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.5em 0.7em 0.2em 0.5em;
  border-bottom: 2px solid #333333;
  color: #7dbade;
  margin: 0.5rem 0.5rem 1.05rem 0.5rem;
  width: 160px;
  font-size: 1.05rem;
  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.5em 0.7em 0.2em 0.5em;
  border-bottom: 2px solid #333333;
  color: #ff7301;
  margin: 0.5rem 0.5rem 1.05rem 0.5rem;
  width: 160px;
  font-size: 1.05rem;
  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;
  width: 90%;
  height: 102px;
}
.workw-t-text h2 {
  position: relative;
  text-align: center;
  font-size: 2rem;
  border-bottom: 3px solid #dfb263;
  color: #fff;
}
/* ダブルエムビズ連動 */
.match-09 {
  background: #6a6e79;
  font-size: 1.25rem;
  margin: 1.75rem 5rem 1.5rem;
  color: #fff;
}
/* 制電3Dタイトル */
.workw-t-text02 {
  background-color: #e2e2e2;
  width: 90%;
  height: 102px;
}
.workw-t-text02 h2 {
  position: relative;
  text-align: center;
  font-size: 2rem;
  border-bottom: 3px solid #dfb263;
}
/* 制電3D連動 */
.match-01 {
  background: #042b52;
  font-size: 1.25rem;
  color: #fff;
  margin: 1.75rem 5rem 0.75rem;
}
.match-02 {
  background: #ff9601;
  font-size: 1.25rem;
  color: #fff;
  margin: 0.75rem 5rem 1.5rem;
}
/* 遮熱ダブルメッシュタイトル */
.workw-t-text03 {
  background-color: #042b52;
  width: 90%;
  height: 102px;
  color: #fff;
}
.workw-t-text03 h2 {
  position: relative;
  text-align: center;
  font-size: 2rem;
  border-bottom: 3px solid #dfb263;
}
/* 遮熱ダブルメッシュ連動 */
.match-03 {
  background: #e2e2e2;
  font-size: 1.25rem;
  margin: 1.75rem 5rem 0.75rem;
}
/* 蓄熱ダブルウォームタイトル */
.workw-t-text04 {
  background-color: #ff9601;
  width: 90%;
  height: 102px;
  color: #fff;
}
.workw-t-text04 h2 {
  position: relative;
  text-align: center;
  font-size: 2rem;
  border-bottom: 3px solid #dfb263;
}
.match-04 {
  background: #042b52;
  font-size: 1.25rem;
  color: #fff;
  margin: 0.75rem 5rem 1.5rem;
}
/* ダブルエムクラフトタイトル */
.workw-t-text05 {
  background-color: #fff0e2;
  width: 90%;
  height: 102px;
}
.workw-t-text05 h2 {
  position: relative;
  text-align: center;
  font-size: 2rem;
  border-bottom: 3px solid #dfb263;
}
.match-05 {
  background: #448bc9;
  font-size: 1.25rem;
  color: #fff;
  margin: 1.75rem 5rem 1.5rem;
}
/* ダブルエムクールタイトル */
.workw-t-text06 {
  background-color: #448bc9;
  width: 90%;
  height: 102px;
}
.workw-t-text06 h2 {
  position: relative;
  text-align: center;
  font-size: 2rem;
  border-bottom: 3px solid #dfb263;
  color: #fff;
}
.match-06 {
  background: #fff0e2;
  font-size: 1.25rem;
  margin: 1.75rem 5rem 1.5rem;
}
/* ダブルインパクトタイトル */
.workw-t-text07 {
  background-color: #128b8e;
  width: 90%;
  height: 102px;
}
.workw-t-text07 h2 {
  position: relative;
  text-align: center;
  font-size: 2rem;
  border-bottom: 3px solid #dfb263;
  color: #fff;
}
.match-07 {
  background: #3e494d;
  font-size: 1.25rem;
  margin: 1.75rem 5rem 1.5rem;
  color: #fff;
}
/* ダブルエムストレッチタイトル */
.workw-t-text08 {
  background-color: #3e494d;
  width: 90%;
  height: 102px;
}
.workw-t-text08 h2 {
  position: relative;
  text-align: center;
  font-size: 2rem;
  border-bottom: 3px solid #dfb263;
  color: #fff;
}
.match-08 {
  background: #128b8e;
  font-size: 1.25rem;
  margin: 1.75rem 5rem 1.5rem;
  color: #fff;
}
/* トリコテック */
.workw-t-text09 {
  background-color: #4d4e40;
  width: 90%;
  height: 102px;
}
.workw-t-text09 h2 {
  position: relative;
  text-align: center;
  font-size: 2rem;
  border-bottom: 3px solid #dfb263;
  color: #fff;
}
/* 4D超撥水ストレッチ */
.workw-t-text10 {
  background-color: #384a5c;
  width: 90%;
  height: 102px;
}
.workw-t-text10 h2 {
  position: relative;
  text-align: center;
  font-size: 2rem;
  border-bottom: 3px solid #dfb263;
  color: #fff;
}
/* プロコアデニム */
.workw-t-text11 {
  background-color: #42597a;
  width: 90%;
  height: 102px;
}
.workw-t-text11 h2 {
  position: relative;
  text-align: center;
  font-size: 2rem;
  border-bottom: 3px solid #dfb263;
  color: #fff;
}
/* プロコアスーパーストレッチ */
.workw-t-text12 {
  background-color: #dbbb7d;
  width: 90%;
  height: 102px;
}
.workw-t-text12 h2 {
  position: relative;
  text-align: center;
  font-size: 2rem;
  border-bottom: 3px solid #dfb263;
  color: #fff;
}
/* ソロテックス２WAYワークスーツ */
.workw-t-text13 {
  background-color: #1d2f36;
  width: 90%;
  height: 102px;
}
.workw-t-text13 h2 {
  position: relative;
  text-align: center;
  font-size: 2rem;
  border-bottom: 3px solid #dfb263;
  color: #fff;
}
/* ソロテックスアーバンワークウエア */
.workw-t-text14 {
  background-color: #3b3847;
  width: 90%;
  height: 102px;
}
.workw-t-text14 h2 {
  position: relative;
  text-align: center;
  font-size: 2rem;
  border-bottom: 3px solid #dfb263;
  color: #fff;
}
/* ソロテックスプレミアムスーツ */
.workw-t-text15 {
  background-color: #45433d;
  width: 90%;
  height: 102px;
}
.workw-t-text15 h2 {
  position: relative;
  text-align: center;
  font-size: 2rem;
  border-bottom: 3px solid #dfb263;
  color: #fff;
}
/* ソロテックスレディーススーツ */
.workw-t-text16 {
  background-color: #df4b84;
  width: 90%;
  height: 102px;
}
.workw-t-text16 h2 {
  position: relative;
  text-align: center;
  font-size: 2rem;
  border-bottom: 3px solid #dfb263;
  color: #fff;
}
/* サマーダブルエムビズ */
.workw-t-text17 {
  background-color: #6a6e79;
  width: 90%;
  height: 102px;
}
.workw-t-text17 h2 {
  position: relative;
  text-align: center;
  font-size: 2rem;
  border-bottom: 3px solid #dfb263;
  color: #fff;
}
/* サマーダブルエムビズ連動 */
.match-10 {
  background: #333333;
  font-size: 1.25rem;
  margin: 1.75rem 5rem 1.5rem;
  color: #fff;
}
/* サマートリコテック */
.workw-t-text18 {
  background-color: #736765;
  width: 90%;
  height: 102px;
}
.workw-t-text18 h2 {
  position: relative;
  text-align: center;
  font-size: 2rem;
  border-bottom: 3px solid #dfb263;
  color: #fff;
}
/* バズライトストレッチ */
.workw-t-text19 {
  background-color: #b76d3c;
  width: 90%;
  height: 102px;
}
.workw-t-text19 h2 {
  position: relative;
  text-align: center;
  font-size: 2rem;
  border-bottom: 3px solid #dfb263;
  color: #fff;
}
/* プロコアアークスサマー */
.workw-t-text20 {
  background-color: #505253;
  width: 90%;
  height: 102px;
}
.workw-t-text20 h2 {
  position: relative;
  text-align: center;
  font-size: 2rem;
  border-bottom: 3px solid #dfb263;
  color: #fff;
}
/* プロコアサマーデュアブル */
.workw-t-text21 {
  background-color: #344660;
  width: 90%;
  height: 102px;
}
.workw-t-text21 h2 {
  position: relative;
  text-align: center;
  font-size: 2rem;
  border-bottom: 3px solid #dfb263;
  color: #fff;
}
/* リペアテックワークスタイル */
.workw-t-text22 {
  background-color: #c3c0b6;
  width: 90%;
  height: 102px;
}
.workw-t-text22 h2 {
  position: relative;
  text-align: center;
  font-size: 2rem;
  border-bottom: 3px solid #dfb263;
  color: #fff;
}
/* 綿混アニエールPLUS */
.workw-t-text23 {
  background-color: #416578;
  width: 90%;
  height: 102px;
}
.workw-t-text23 h2 {
  position: relative;
  text-align: center;
  font-size: 2rem;
  border-bottom: 3px solid #dfb263;
  color: #fff;
}

/* ワンダーストレッチ */
.workw-t-text24 {
  background-color: #7ca855;
  width: 90%;
  height: 102px;
}
.workw-t-text24 h2 {
  position: relative;
  text-align: center;
  font-size: 2rem;
  border-bottom: 3px solid #dfb263;
  color: #fff;
}
/* オニテックスクロスランダー */
.workw-t-text25 {
  background-color: #cb9163;
  width: 90%;
  height: 102px;
}
.workw-t-text25 h2 {
  position: relative;
  text-align: center;
  font-size: 2rem;
  border-bottom: 3px solid #dfb263;
  color: #fff;
}