#req {
  width: 160px;
}
.img {
  line-height: 0;
}
.parts_btm {
  z-index: 1;
}
.fee_map {
  height: 20px;
  display: block;
}
.select_list,
.font_type label,
.embroideryColorArea ul li label {
  cursor: pointer;
}
/*============================================
// Footerがめちゃくちゃなマークアップなので修正
============================================*/
#p_footer {
  margin-top: 60px;
  width: 890px;
  margin: 0 auto 50px;
}
#p_footer ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid #000;
}
#p_footer ul li {
  margin-bottom: 5px;
  border-right: 1px solid #000;
}
#p_footer ul li:last-child {
  border-right: none;
}
#p_footer ul li a {
  display: block;
  padding: 0 30px;
  font-size: 12px;
  text-decoration: none;
  color: #000;
}
#copyright {
  text-align: right;
  font-size: 10px;
}
/*============================================
// 見出しまで全部CSSスプライトで何が何だかわからないのでテキスト記載して文字を飛ばす
============================================*/
.title_map {
  /* 要素の中から文字だけを飛ばす */
  text-align: left;
  overflow: hidden;
  text-indent: 200%;
  white-space: nowrap;
}
/*============================================
// 選択状態の修正（パッド形状）
============================================*/
.select_sub_ul li {
  cursor: pointer;
}
.select_sub_ul li p {
  line-height: 1;
  text-align: right;
  font-size: 12px;
  margin: 5px 0 10px;
}
.select_sub_ul li p.img {
  box-sizing: border-box;
  margin: 0;
  line-height: 0;
}
.select_sub_ul li p.img img {
  line-height: 0;
}
.select_sub_ul li.select_sub_active p,
.select_sub_ul li.select_sub_active em {
  color: orange;
}
.select_sub_ul li.select_sub_active p.img,
.select_sub_ul li.select_sub_active em.img {
  position: relative;
}
.select_sub_ul li.select_sub_active p.img:before,
.select_sub_ul li.select_sub_active em.img:before {
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  border: 2px solid orange;
}
/*============================================
// 選択状態の修正（色選択）
============================================*/
.color_sel li {
  display: flex;
  flex-wrap: wrap;
}
.color_sel li p {
  margin: 5px 0;
  text-align: left;
}
.color_sel li p.img {
  width: 20px;
  margin-right: 5px;
}
.color_sel li p.nm {
  flex: 1;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
.color_sel li p small {
  font-size: 9px;
}
.color_sel li em {
  padding-right: 20px;
  font-size: 12px;
}
.color_sel li .fee_map {
  display: block;
  float: none;
}
.color_sel li.select_sub_active p.img:before {
  width: 100%;
  height: 20px;
}
/*============================================
// ブレードの選択
============================================*/
.blade_list {
  display: flex;
  flex-wrap: wrap;
  width: 190px;
  justify-content: space-between;
}
.blade_list li {
  width: 88px!important;
  border-top: none!important;
  padding: 0!important;
  margin: 0!important;
}
.blade_list li p {
  text-align: left;
}
.blade_list li .nm {
  font-size: 10px;
  text-align: right;
}
/*============================================
// フックの選択（元のCSSが壊滅的におかしいので修正）
//============================================*/
.fook_sel .flx {
  width: 210px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.fook_sel .line_list {
  float: none!important;
  width: 50%;
  cursor: pointer;
}
.fook_sel .fook_list_map {
  padding: 10px;
  height: auto!important;
}
.fook_sel .fook_list_map .color_map {
  display: block;
  width: 100%!important;
}
.fook_sel .fook_list_map .name {
  padding: 5px 0;
  display: block;
  font-size: 10px;
  text-align: center;
  line-height: 12px!important;
}
.fook_sel .fook_list_map .color_map {
  float: none;
}
.fook_sel .fook_list_map.select_sub_active .color_map {
  position: relative;
}
.fook_sel .fook_list_map.select_sub_active .color_map:before {
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  border: 2px solid orange;
}
.fook_sel .fook_list_map.select_sub_active .name {
  color: orange!important;
}