@charset "UTF-8";

.orthotics {
  background-color: #f4f4f4;
  border: solid #e3915a 6px;
  padding: 9.3333333333% 0;
}

.orthotics h1,
.orthotics h2,
.orthotics p,
.orthotics li {
  font-family: "Yu Mincho Light", "YuMincho", "Yu Mincho", "游明朝体", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ＭＳ 明朝", "MS Mincho", "Noto Sans Japanese", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}

.orthotics__logo {
  margin: 0 auto;
  max-width: 334px;
  width: 44.5333333333%;
  margin-bottom: 7.4666666667%;
  text-align: center;
}

.orthotics__headline {
  text-align: center;
  margin-bottom: 7.4666666667%;
}

.orthotics__headline--text1 {
  font-size: 13px;
  font-size: 1.3rem;
  background-color: #cf763b;
  color: #fcfbfe;
  display: inline-block;
  padding: 6px;
  margin-bottom: 1%;
}

.orthotics__headline--text2 {
  font-size: 13px;
  font-size: 1.3rem;
  background-color: #cf763b;
  color: #fcfbfe;
  display: inline-block;
  padding: 6px;
}

.orthotics__first-text {
  text-align: center;
  font-size: 11px;
  font-size: 1.1rem;
  color: #443349;
  line-height: 1.5;
  margin-bottom: 7.4666666667%;
}

.orthotics__navigation {
  margin: 0 auto;
  width: 80%;
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  margin-bottom: 14.6666666667%;
}

.orthotics__navigation__list {
  width: 33.3333333333%;
  border: solid #443349 2px;
}

.orthotics__navigation__list:not(:last-of-type) {
  border-right: none;
}

.orthotics__navigation__list:nth-child(1) .text {
  width: 70%;
}

.orthotics__navigation__list:nth-child(2) .text {
  width: 40%;
}

.orthotics__navigation__list:nth-child(3) .text {
  width: 62%;
}

.orthotics__navigation__list:nth-child(4) .text {
  width: 54.5%;
}

.orthotics__navigation__list a {
  padding-top: 13%;
  padding-bottom: 9.7%;
  display: block;
  width: 100%;
  height: 100%;
}

.orthotics__navigation__list__text {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.orthotics__navigation__list__text .text {
  margin-bottom: 6%;
}

.orthotics__navigation__list__text p {
  font-family: "Yu Mincho Light", "YuMincho", "Yu Mincho", "游明朝体", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ＭＳ 明朝", "MS Mincho", "Noto Sans Japanese", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  font-size: 10px;
  font-size: 1rem;
  margin-bottom: 11%;
  color: #443349;
}

.orthotics__navigation__list__text .arrow {
  width: 29px;
  width: 14.5%;
}

.orthotics__section {
  margin: 0 auto;
  width: 89.3333333333%;
  margin-bottom: 18.6666666667%;
}

.orthotics__section .button .close {
  display: none;
}

.orthotics__section .button .seemore {
  display: block;
}

.orthotics__section>article {
  margin-bottom: 9.8666666667%;
}

.orthotics__section.content1 .headline {
  width: 38.2089552239%;
}

.orthotics__section.content2 .headline {
  width: 23.2835820896%;
}

.orthotics__section.content3 .headline {
  width: 34.328358209%;
}

.orthotics__section.content4 .headline {
  width: 30.328358%;
}

.orthotics__section.content4 .headline img {
  width: 100%;
}

.orthotics__section__headline {
  margin: 0 auto;
  margin-bottom: 9.3333333333%;
}

.orthotics__section__list {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin: 0 auto;
  margin-bottom: 6.4179104478%;
}

.orthotics__section__list__item {
  width: 47.7611940299%;
}

.orthotics__section__list__item__thumbnail {
  margin-bottom: 2.2388059701%;
}

.orthotics__section__list__item__tab {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  margin-bottom: 3.5820895522%;
}

.orthotics__section__list__item__tab>li {
  background-color: #554f6d;
  font-size: 9px;
  font-size: 0.9rem;
  color: #fff;
  padding: 2px;
  letter-spacing: -1px;
  margin-bottom: 4px;
}

.orthotics__section__list__item__tab>li:not(:last-of-type) {
  margin-right: 4px;
}

.orthotics__section__list__item__detail {
  margin-bottom: 5.9701492537%;
}

.orthotics__section__list__item__detail--text {
  color: #222222;
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 1.5;
  margin-bottom: 4.4776119403%;
}

.orthotics__section__list__item__detail--price-min {
  color: #222222;
  font-size: 10px;
  font-size: 1rem;
  line-height: 1.5;
}

.orthotics__section__list__item__detail--price-min>span {
  color: #222222;
  font-size: 9px;
  font-size: 0.9rem;
  line-height: 1.5;
}

.orthotics__section__list__item__detail--price {
  color: #222222;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.5;
}

.orthotics__section__list__item__detail--price>span {
  color: #222222;
  font-size: 9px;
  font-size: 0.9rem;
  line-height: 1.5;
}

.orthotics__section__list__item__detail--size-text {
  margin-top: 5.9701492537%;
  margin-bottom: 4.4776119403%;
  color: #222222;
  font-size: 10px;
  font-size: 1rem;
  line-height: 1.5;
}

.orthotics__section__list__item__colors {
  display: none;
}

.orthotics__section__list__item__colors__tab {
  margin-bottom: 5.0746268657%;
}

.orthotics__section__list__item__colors__tab>dt {
  font-size: 10px;
  font-size: 1rem;
  color: #443349;
  padding-bottom: 1.3432835821%;
  border-bottom: 1px solid #443349;
  margin-bottom: 3.5820895522%;
}

.orthotics__section__list__item__colors__tab__list {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}

.orthotics__section__list__item__colors__tab__list>li {
  font-size: 9px;
  font-size: 0.9rem;
  padding: 4px;
  display: inline-block;
  letter-spacing: -1px;
  margin-bottom: 1.1940298507%;
}

.orthotics__section__list__item__colors__tab__list>li:not(:last-of-type) {
  margin-right: 1.1940298507%;
}

.orthotics__section__list__item__colors__tab__list--color1 {
  background-color: #FFB9B9;
  color: #000;
}

.orthotics__section__list__item__colors__tab__list--color2 {
  background-color: #8DB4E2;
  color: #000;
}

.orthotics__section__list__item__colors__tab__list--color3 {
  background-color: #974706;
  color: #fff;
}

.orthotics__section__list__item__colors__tab__list--color4 {
  background-color: #000;
  color: #fff;
}

.orthotics__section__list__item__colors__tab__list--color5 {
  background-color: #2D347B;
  color: #fff;
}

.orthotics__section__list__item__colors__tab__list--color6 {
  background-color: #00B050;
  color: #fff;
}

.orthotics__section__list__item__colors__tab__list--color7 {
  background-color: #FDC701;
  color: #000;
}

.orthotics__section__list__item__colors__tab__list--color8 {
  background-color: #FFCC99;
  color: #000;
}

.orthotics__section__list__item__colors__tab__list--color9 {
  background-color: #996600;
  color: #fff;
}

.orthotics__section__list__item__colors__tab__list--color10 {
  background-color: #FF0066;
  color: #fff;
}

.orthotics__section__list__item__colors__tab__list--color11 {
  background-color: #0058B0;
  color: #fff;
}

.orthotics__section__list__item__colors__tab__list__type-image {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}

.orthotics__section__list__item__colors__tab__list__type-image>li {
  width: 46.875%;
  text-align: center;
  font-size: 9px;
  font-size: 0.9rem;
}

.orthotics__section__list__item__colors__tab__list__type-image>li:not(:last-of-type) {
  margin-right: 2.9850746269%;
}