/*IE 10 and above*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  body > main .container .mypage-menu > a.button-menu:hover {
    color: #636E72;
  }

  body > main .container .mypage-menu > a.button-menu.active {
    color: #E60011;
  }

  body > main .container a.button,
  body > main .container button.button {
    border: 1px solid #D8D8D8;
    background-color: #ffffff;
    font-size: 1rem;
    font-weight: 500;
  }

  /* submit button */
  body > main .container a.button.button-submit,
  body > main .container button.button.button-submit {
    background-color: #FBB03B;
    font-size: 1rem;
    font-weight: 500;
  }


  /* cancel button */
  body > main .container a.button.button-cancel,
  body > main .container button.button.button-cancel {
    background-color: #ffffff;
    font-size: 1rem;
    font-weight: 500;
  }

  /* remove button */
  body > main .container a.button.button-remove,
  body > main .container button.button.button-remove {
    background-color: #E60011;
    font-size: 1rem;
    font-weight: 500;
  }

  /* detail button */
  body > main .container a.button.button-detail,
  body > main .container button.button.button-detail {
    width: calc(100% - 14px);
    font-size: 1rem;
    font-weight: 500;
  }

  /* my page menu buttons */
  body > main .container a.button.button-menu,
  body > main .container button.button.button-menu {
    font-weight: 500;
    border: 1px solid #D8D8D8;
    background-color: #ffffff;
  }

  body > main .container a.button.button-menu.active,
  body > main .container button.button.button-menu.active {
    color: #E60011;
  }

}
/* ---- IE 8,9,10 ---- */
@media screen\0 {
  .ie89101 body > main .container .mypage-menu > a.button-menu:hover {
    color: #636E72;
  }

  .ie89101 body > main .container .mypage-menu > a.button-menu.active {
    color: #E60011;
  }

  .ie89101 body > main .container a.button,
  .ie89101 body > main .container button.button {
    border: 1px solid #D8D8D8;
    background-color: #ffffff;
    font-size: 1rem;
    font-weight: 500;
  }

  /* submit button */
  .ie89101 body > main .container a.button.button-submit,
  .ie89101 body > main .container button.button.button-submit {
    background-color: #FBB03B;
    font-size: 1rem;
    font-weight: 500;
  }


  /* cancel button */
  .ie89101 body > main .container a.button.button-cancel,
  .ie89101 body > main .container button.button.button-cancel {
    background-color: #ffffff;
    font-size: 1rem;
    font-weight: 500;
  }

  /* remove button */
  .ie89101 body > main .container a.button.button-remove,
  .ie89101 body > main .container button.button.button-remove {
    background-color: #E60011;
    font-size: 1rem;
    font-weight: 500;
  }

  /* detail button */
  .ie89101 body > main .container a.button.button-detail,
  .ie89101 body > main .container button.button.button-detail {
    width: calc(100% - 14px);
    font-size: 1rem;
    font-weight: 500;
  }

  /* my page menu buttons */
  .ie89101 body > main .container a.button.button-menu,
  .ie89101 body > main .container button.button.button-menu {
    font-weight: 500;
    border: 1px solid #D8D8D8;
    background-color: #ffffff;
  }

  .ie89101 body > main .container a.button.button-menu.active,
  .ie89101 body > main .container button.button.button-menu.active {
    color: #E60011;
  }
}