/* common */
@charset "UTF-8";
body {
  margin: 0;
}

.wrapper div,
.wrapper span,
.wrapper object,
.wrapper iframe,
.wrapper h1,
.wrapper h2,
.wrapper h3,
.wrapper h4,
.wrapper h5,
.wrapper h6,
.wrapper p,
.wrapper blockquote,
.wrapper pre,
.wrapper abbr,
.wrapper address,
.wrapper cite,
.wrapper code,
.wrapper del,
.wrapper dfn,
.wrapper em,
.wrapper img,
.wrapper q,
.wrapper samp,
.wrapper strong,
.wrapper sub,
.wrapper sup,
.wrapper var,
.wrapper b,
.wrapper i,
.wrapper dl,
.wrapper dt,
.wrapper dd,
.wrapper ol,
.wrapper ul,
.wrapper li,
.wrapper fieldset,
.wrapper form,
.wrapper label,
.wrapper legend,
.wrapper table,
.wrapper caption,
.wrapper tbody,
.wrapper tfoot,
.wrapper thead,
.wrapper tr,
.wrapper th,
.wrapper td,
.wrapper article,
.wrapper aside,
.wrapper canvas,
.wrapper details,
.wrapper figcaption,
.wrapper figure,
.wrapper footer,
.wrapper header,
.wrapper hgroup,
.wrapper menu,
.wrapper nav,
.wrapper section,
.wrapper summary,
.wrapper time,
.wrapper mark,
.wrapper audio,
.wrapper video,
.wrapper input {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  border: 0;
  outline: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.wrapper article,
.wrapper aside,
.wrapper details,
.wrapper figcaption,
.wrapper figure,
.wrapper footer,
.wrapper header,
.wrapper hgroup,
.wrapper menu,
.wrapper nav,
.wrapper section {
  display: block;
}
.wrapper ol,
.wrapper ul {
  list-style: none;
}
.wrapper blockquote,
.wrapper q {
  quotes: none;
}
.wrapper blockquote:before, .wrapper blockquote:after {
  content: "";
  content: none;
}
.wrapper q:before, .wrapper q:after {
  content: "";
  content: none;
}
.wrapper a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
}
.wrapper mark {
  font-style: italic;
  font-weight: bold;
  color: #000;
  background-color: #ff9;
}
.wrapper del {
  text-decoration: line-through;
}
.wrapper table {
  border-collapse: collapse;
  border-spacing: 0;
}
.wrapper hr {
  display: block;
  height: 1px;
  margin: 1em 0;
  padding: 0;
  border: 0;
  border-top: 1px solid #ccc;
}
.wrapper input,
.wrapper select {
  vertical-align: middle;
}
.wrapper img {
  font-size: 0;
  line-height: 0;
  vertical-align: top;
}

/* hidetxt ------------------------------------------------------------*/
.hidetxt {
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  height: 0;
}

/* clear --------------------------------------------------------------*/
.clearfix {
  zoom: 1;
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0.1px;
  clear: both;
  visibility: hidden;
}

.clear {
  clear: both;
}

.wrapper * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.wrapper *:before {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.wrapper *:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* ローダー設定-------------------------------------------------------------*/
@-webkit-keyframes loader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}
@keyframes loader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}
.loader {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  border: 0.2rem solid #cce7ff;
  border-top-color: #0074d9;
  border-left-color: #0074d9;
  display: inline-block;
  -webkit-animation: loader 0.75s linear infinite;
  animation: loader 0.75s linear infinite;
  margin: 0 0.5em;
  vertical-align: middle;
}

:root {
  --main-color-green: #05ac1b;
  --main-color-blue: #2152b5;
  --main-color-red: #d7063a;
  --main-color-dark-blue: #021364;
  --main-color-black: #171717;
  --main-color-f0f3f5: #f0f3f5;
  --main-color-cdd6dd: #cdd6dd;
  --main-color-707f89: #707f89;
  --main-color-3b4043: #3b4043;
  --main-color-354e57: #354e57;
  --main-color-DEE2E6: #dee2e6;
  --main-color-2555B6: #2555b6;
}

::-moz-selection {
  background: #4c4c4c;
  color: #fff;
}

::selection {
  background: #4c4c4c;
  color: #fff;
}

::-moz-selection {
  background: #4c4c4c;
  color: #fff;
}

body {
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", Meiryo, sans-serif;
  font-size: 16px;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  -webkit-text-size-adjust: 100%;
     -moz-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
          text-size-adjust: 100%;
}

.wrapper {
  min-height: 99%;
  margin: 0;
  padding: 8px 8px 0;
  background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0i44Kz44Oz44Od44O844ON44Oz44OIXzU1XzEiIGRhdGEtbmFtZT0i44Kz44Oz44Od44O844ON44Oz44OIIDU1IOKAkyAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNDQxIiBoZWlnaHQ9IjIxMzciIHZpZXdCb3g9IjAgMCAxNDQxIDIxMzciPg0KICA8cGF0aCBpZD0i44OR44K5XzIxNTAiIGRhdGEtbmFtZT0i44OR44K5IDIxNTAiIGQ9Ik03MTIuNSwwLDE0MjUsMTQ0MEgwWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTQ0MSA3MTIpIHJvdGF0ZSg5MCkiIGZpbGw9IiNlZWU0ZTYiLz4NCiAgPHBhdGggaWQ9IuODkeOCuV8yMjA1IiBkYXRhLW5hbWU9IuODkeOCuSAyMjA1IiBkPSJNNzEzLjUtMSwxNDI1LDE0NDBIMFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEgMTQyNSkgcm90YXRlKC05MCkiIGZpbGw9IiNlNmU5ZWUiLz4NCjwvc3ZnPg0K");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  background-color: var(--main-color-f0f3f5);
}
.wrapper .wrap-inner {
  width: 100%;
  margin: 0 auto;
  background: #fff;
  border-radius: 8px;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
          box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.wrapper .header-block {
  position: relative;
  border-bottom: #c4c8d5 solid 1px;
}
.wrapper .header-block a {
  text-decoration: none;
}
.wrapper .header-inner {
  border-radius: 8px 8px 0 0;
  height: 60px;
  /* background: url(/txpass/common/images/header_bg.png) left top no-repeat; */
  background: url(https://stselmidtxprd01.blob.core.windows.net/content/images/header_bg.png)
      left top no-repeat;
  background-size: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.wrapper .header-inner.fan {
  height: 88px;
}
.wrapper .header-logo {
  margin: 0 auto;
  text-align: center;
}
.wrapper .header-logo {
  width: 210px;
  height: auto;
}
.wrapper .header-logo.--custom.fan {
  width: auto;
  height: 54px;
}
.wrapper .header-logo.--custom.fan img {
  width: auto;
  height: 100%;
}
.wrapper .header-logo img {
  width: 47.5%;
  height: auto;
}
.wrapper .main-block {
  position: relative;
  padding: 32px 0 0;
}
.wrapper .profile-section {
  margin: 0;
  padding: 0 0 32px;
  border-bottom: 1px solid var(--main-color-cdd6dd);
  position: relative;
}
.wrapper .social.profile-section {
  padding: 0 0 32px;
}
.wrapper .profile__tit {
  font-size: 16px;
  font-weight: 600;
  color: var(--main-color-3b4043);
  margin: 0 0 24px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.wrapper .profile__tit img {
  vertical-align: middle;
  margin: 0 16px 0 0;
}
.wrapper .loginable-service__txt {
  font-size: 13px;
  color: var(--main-color-707f89);
  text-decoration: none;
  line-height: 1.66;
}
.wrapper .loginable-service__txt a {
  color: var(--main-color-707f89);
  text-decoration: underline;
}
.wrapper .footer-block {
  border-radius: 0 0 8px 8px;
  overflow: hidden;
}
.wrapper .footer-nav {
  padding: 12px 0;
  background-color: rgba(240, 243, 245, 0.3);
  text-align: center;
  line-height: 2.14;
  font-size: 14px;
  color: var(--main-color-3b4043);
  border-top: 1px solid var(--main-color-cdd6dd);
  border-bottom: 1px solid var(--main-color-cdd6dd);
}
.wrapper .footer-btns a {
  display: block;
  color: var(--main-color-3b4043);
  text-decoration: none;
  width: auto;
}
.wrapper .footer-copyright__txt {
  font-size: 10px;
  color: var(--main-color-3b4043);
  text-align: center;
  opacity: 0.5;
  padding: 16px 0 160px;
  display: block;
}
.wrapper .edit__input--large {
  width: 100%;
  border: 1px solid var(--main-color-cdd6dd);
  border-radius: 4px;
  padding: 8px 12px;
  font-size: 14px;
  color: var(--main-color-3b4043);
}
.wrapper .edit__input--large::-webkit-input-placeholder {
  color: var(--main-color-707f89);
}
.wrapper .edit__input--large::-moz-placeholder {
  color: var(--main-color-707f89);
}
.wrapper .edit__input--large:-ms-input-placeholder {
  color: var(--main-color-707f89);
}
.wrapper .edit__input--large::-ms-input-placeholder {
  color: var(--main-color-707f89);
}
.wrapper .edit__input--large::placeholder {
  color: var(--main-color-707f89);
}
.wrapper .edit__input--large.--noborder {
  border: none;
}
.wrapper .profile-edit-mail-wrap {
  width: 85%;
  max-width: 558px;
  margin: 0 auto;
  text-align: center;
}
.wrapper .profile-edit-mail-wrap .profile-edit-alert {
  margin: 0;
}
.wrapper .profile-edit__txt {
  font-size: 14px;
  font-weight: 600;
  margin: 0 0 24px;
  line-height: 1.66;
}
.wrapper .profile-edit__btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 32px auto 0;
  padding: 0;
}
.wrapper .profile-edit__bt {
  display: block;
  background-color: var(--main-color-cdd6dd);
  cursor: default;
  color: #fff;
  max-width: 300px;
  width: 100%;
  height: 48px;
  font-size: 18px;
  font-weight: 600;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 24px;
  text-decoration: none;
}
.wrapper .profile-edit__bt:first-child {
  margin: 0 8px 0 0;
}
.wrapper .profile-edit__bt:last-child {
  margin: 0 0 0 8px;
}
.wrapper .profile-edit__bt.--cancel {
  background-color: white;
  border: 2px solid var(--main-color-cdd6dd);
  color: var(--main-color-3b4043);
}
.wrapper .profile-edit__bt.--active {
  cursor: pointer;
  background-color: var(--main-color-dark-blue);
}
.wrapper .profile-edit__bt.--single {
  margin: 0 !important;
}
.wrapper .profile-edit-alert__txt {
  color: var(--main-color-red);
  font-size: 12px;
  font-weight: 600;
  text-decoration: underline;
  margin: 0 auto 8px;
}
.wrapper .profile-edit-alert__txt .profile-edit-mail-wrap:before {
  content: url(https://stselmidtxprd01.blob.core.windows.net/content/images/icon-attention.svg);
  display: inline-block;
  color: white;
  width: 12px;
  height: 12px;
  border-radius: 6px;
  vertical-align: text-top;
  margin: 0 4px 0 0;
}
.wrapper .profile-edit-alert__txt img {
  margin: 0 8px 0 0;
  vertical-align: middle;
}
.mail .wrapper .profile-edit__btns,
.check-code .wrapper .profile-edit__btns {
  margin: 16px auto 0;
}
.mail .wrapper .profile-edit__txt,
.check-code .wrapper .profile-edit__txt {
  margin: 0 0 8px;
}
@media screen and (min-width: 768px) {
  .wrapper {
    font-size: 20px;
  }
  .wrapper .wrap-inner {
    max-width: 960px;
    width: 100%;
  }
  .wrapper .header-inner,
  .wrapper .header-inner.fan {
    height: 160px;
  }
  .wrapper .header-logo {
    width: 300px;
    height: 67px;
  }
  .wrapper .header-logo.--custom.fan {
    width: auto;
    height: 110px;
  }
  .wrapper .header-logo.--custom.fan img {
    width: auto;
    height: 100%;
  }

  .wrapper .header-logo img {
    width: 100%;
    height: auto;
  }
  .wrapper .main-block {
    padding: 32px 0 0;
  }
  .wrapper .loginable-section-inner {
    width: 79.2%;
    margin: 0 auto;
    position: relative;
  }

  .wrapper .social.profile-section {
    padding: 0 0 32px;
  }
  .wrapper .footer-nav {
    padding: 27px 0;
    font-size: 16px;
  }
  .wrapper .footer-btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .wrapper .footer-btns a {
    margin: 0 1em;
  }
  .wrapper .footer-btns a:hover {
    text-decoration: underline;
  }
  .wrapper .footer-copyright__txt {
    font-size: 12px;
    padding: 32px 0 160px;
  }
  .wrapper .edit__input--large {
    width: 100%;
    font-size: 16px;
  }
  .wrapper .profile-edit-mail-wrap {
    width: 75.8%;
  }
  .wrapper .profile-edit-mail-wrap .profile-edit__btns {
    margin: 56px auto 0;
  }
  .wrapper .profile-edit__txt {
    font-size: 16px;
  }
  .wrapper .profile-edit__bt {
    /* max-width: 260px; */
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
  }
  .wrapper .profile-edit__bt:first-child {
    margin: 0 16px 0 0;
  }
  .wrapper .profile-edit__bt:last-child {
    margin: 0 0 0 16px;
  }
  .wrapper .profile-edit__bt.--active:hover {
    background-color: var(--main-color-blue);
  }
  .wrapper .profile-edit__bt.--cancel {
    cursor: pointer;
  }
  .wrapper .profile-edit__bt.--cancel:hover {
    color: #fff;
    background-color: var(--main-color-blue);
    border-color: var(--main-color-blue);
  }
  .wrapper .profile-edit-alert__txt {
    font-size: 14px;
    margin: 0 auto 24px;
  }
  .wrapper .profile-edit-alert__txt .profile-edit-mail-wrap:before {
    width: 14px;
    height: 14px;
    border-radius: 7px;
  }
  .wrapper .profile-edit-alert__txt img {
    margin: 0 8px 0 0;
  }
  .profile .wrapper .profile-edit__txt,
.mail .wrapper .profile-edit__txt,
.check-code .wrapper .profile-edit__txt,
.password .wrapper .profile-edit__txt {
    margin: 0 0 8px;
  }

  .mail .wrapper .profile-edit__btns {
    margin: 32px auto 0;
  }

  .check-code .wrapper .profile-edit__btns {
    margin: 48px auto 0;
  }
}
:root {
  --opacity: 0.9;
  --line-color: rgb(6, 199, 85);
  /* #06c755 */
  --line-hover-color: rgba(6, 199, 85, var(--opacity));
  --google-color: rgb(255, 255, 255);
  --google-color__hover: rgba(255, 255, 255, var(--opacity));
  --twitter-color: rgb(29, 155, 240);
  /* #1d9bf0 */
  --twitter-color__hover: rgba(29, 155, 240, var(--opacity));
  --yahoo-color: rgb(255, 0, 51);
  /* #ff0033 */
  --yahoo-color__hover: rgba(255, 0, 51, var(--opacity));
  --apple-color: rgb(255, 255, 255);
  --apple-color__hover: rgba(255, 255, 255, var(--opacity));
  --mw-color: rgb(59, 64, 67);
  /* #3b4043 */
  --mw-color__hover: rgba(59, 64, 67, var(--opacity));
  --email-color: rgb(203, 0, 43);
  --email-color__hover:rgba(203, 0, 43, var(--opacity));
  --signup-color: rgb(203, 0, 43);
  --signup-color__hover: rgba(203, 0, 43, var(--opacity));
}

.wrapper-s button {
  border: 0px;
}

.wrapper-s label {
  font-weight: normal;
}

.wrapper-s select {
  background-color: rgb(255, 255, 255);

  -moz-appearance: menulist !important;
  -webkit-appearance: menulist !important;
  appearance: menulist !important;
}

.wrapper-s .black {
  color: var(--main-color-black) !important;
}

.wrapper-s .border-0 {
  border: 0px;
}

.wrapper-s .checkbox {
  display: inline;
  position: relative !important;
}

.wrapper-s .checkbox__txt {
  display: inline !important;
}

.wrapper-s .font-size-14-16,
.wrapper-s .font-size-14-20 {
  font-size: 14px;
}

.wrapper-s .header-txt {
  /* font-sizeはスマホに向け、要調整。 */
  color: var(--main-color-707f89);
  font-size: 10px;
  text-align: center;
}

.wrapper-s .header-inner.--column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;

  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;

  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.wrapper .header-logo.--custom img {
  width: 60%;
}
/*.wrapper-s .helpLink {
  display: none;
}

.wrapper-s .margin-0 {
  margin: 0px !important;
}

.wrapper-s .margin-top-8 {
  margin: 8px 0 0 0;
}

.wrapper-s .note-section {
  text-align: center;
}

.wrapper-s .note__txt {
  display: inline-block;
  padding: 0 0 16px;
  text-align: left;
}

.wrapper-s .note__txt--center {
  display: inline-block;
  padding: 0 0 16px;
  text-align: center;
}
.wrapper-s .text-align-center {
  text-align: center;
}

.wrapper-s .txt--inline-b--left {
  display: inline-block;
  text-align: left;
}

.wrapper-s .width-50 {
  width: 50%;
}

.wrapper-s .width-100 {
  width: 100%;
}
.wrapper.wrapper-s .width-100-57 {
  width: 100% !important;
}
#mfaEmailVerificationControl .changeClaims {
  display: none !important;
}
*/

/* common fin */

/* 新規登録・ログイン画面 */
.wrapper-s .social {
  border-bottom: 0px;
}

.wrapper-s .title-section {
  margin: 0;
  position: relative;
  text-align: center;
}

.wrapper-s .title-section .profile__tit {
  display: inline-block;
  text-align: left;
}
.wrapper-s .profile-section .title-section {
  position: relative;
}
.wrapper-s .profile-section .title-section::before {
  position: absolute;
  content: '';
  top: 9px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #cdd6dd;
}
.wrapper-s .profile-section .title-section .title__txt {
  display: inline-block;
  background: white;
  padding: 0 32px;
}

.wrapper-s .intro {
  text-align: center;
}
.wrapper-s .profile-edit-alert__txt {
  text-align: left;
}

.wrapper-s .account-button-parent {
  background-color: transparent;
  border-radius: 24px;
  margin: 24px auto 0;
  max-width: 300px;
  width: 100%;
}

.wrapper-s .account-button-parent.--first {
  margin: 0 auto;
}

.wrapper-s .account-button-parent.--shadow {
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.wrapper-s .accountButton {
  border-radius: 24px;
  border-width: 0px;
  height: 48px;
  padding: 0 15px 0 15px;
  width: 100%;

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.wrapper-s .options {
  display: flex;
  justify-content: space-between;
  width: 100%;
  max-width: 300px;
  height: 40px;
  margin: 0 auto;
}

.wrapper-s .options .account-button-parent {
  background-color: transparent;
  margin: 0;
  max-width: 40px;
  width: 100%;
}
.wrapper-s .options .accountButton {
  border-radius: 50%;
  border-width: 0;
  height: 40px;
  width: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0;
}

.wrapper-s .options .account-button__tit {
  display: none;
}
.wrapper-s .accountButton.--line {
  background-color: var(--line-color);
  border-color: var(--line-color);
}

.wrapper-s .accountButton.--line .icon {
  /* border-right: inset 1px rgba(0, 0, 0, 0.08); */
  padding: 0;
  width: 100%;
}

.wrapper-s .accountButton.--line:hover {
  background-color: var(--line-hover-color);
}

.wrapper-s .accountButton.--google {
  background-color: var(--google-color);
  border: 1px solid var(--main-color-cdd6dd);
}

.wrapper-s .accountButton.--google:hover {
  background-color: var(--google-color__hover);
}

.wrapper-s .accountButton.--google .account-button__tit {
  color: rgba(0, 0, 0, 0.54);
}

.wrapper-s .accountButton.--twitter {
  /* background-color: var(--twitter-color); */
  background-color: black;
}

.wrapper-s .accountButton.--twitter:hover {
  /* background-color: var(--twitter-color__hover); */
  background-color: black;
}

.wrapper-s .accountButton.--yahoo {
  background-color: var(--yahoo-color);
}

.wrapper-s .accountButton.--yahoo:hover {
  background-color: var(--yahoo-color__hover);
}

.wrapper-s .accountButton.--apple {
  background-color: var(--apple-color);
  border: 2px solid rgb(0, 0, 0);
}

.wrapper-s .accountButton.--apple:hover {
  background-color: var(--apple-color__hover);
}

.wrapper-s .accountButton.--apple .account-button__tit {
  color: rgb(0, 0, 0);
}

.wrapper-s .accountButton.--mw {
  background-color: var(--mw-color);
}

.wrapper-s .accountButton.--mw:hover {
  background-color: var(--mw-color__hover);
}

.wrapper-s .accountButton.--email {
  background-color: var(--email-color);
  border: 1px solid var(--main-color-cdd6dd);
}

.wrapper-s .accountButton.--email:hover {
  background-color: var(--email-color__hover);
}
.wrapper-s #EmailSignupExchange.accountButton.--email {
  position: relative;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  color: #fff;
  display: block;
}
.wrapper-s #EmailSignupExchange.accountButton.--email::before {
  content: "";
  position: absolute;
  top: 0;
  left: 16px;
  width: 46px;
  height: 46px;
  background: url("https://stselmidtxprd01.blob.core.windows.net/content/images/icon-red-nanana.svg") left top no-repeat;
  background-size: contain;
}
.wrapper-s .accountButton.--email .account-button__tit {
  color: var(--main-color-3b4043);
}

.wrapper-s .accountButton.--signup {
  background-color: var(--signup-color);
  border-color: var(--signup-color);
}

.wrapper-s .accountButton.--signup:hover {
  background-color: var(--signup-color__hover);
}

.wrapper-s .account-button__logo {
  margin: 0 2.5% 0 0;
  max-width: 43px;
  width: 100%;

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.wrapper-s .options .account-button__logo {
  margin: 0;
  max-width: none;
  width: 100%;

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: center;
}

.wrapper-s .account-button__logo.--signup {
  height: 100%;
}

.wrapper-s .account-button__logo img {
  width: 80%;
}
.wrapper-s .--twitter .account-button__logo img {
  width: 50%;
}
.wrapper-s .account-button__logo.--signup img {
  /* height: 100%; */
  height: 48px;
  width: auto;
}

.wrapper-s .account-button__tit {
  color: #ffffff;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  width: 65%;
}

.wrapper-s .divider {
  display: none;
}

.wrapper-s .entry {
  text-align: center;
}

.wrapper-s .localAccount {
  margin: 0;
  padding: 0 0 32px;
  position: relative;
}

.wrapper-s .localAccount .entry-item {
  text-align: left;
}

.wrapper-s .localAccount .entry-item:first-child {
  margin: 0 auto 24px;
}

.wrapper-s .localAccount .entry-item label {
  display: none;
  margin: 0 0 8px;
  text-align: left;
}

#forgotPassword,
.status-faq__txt a {
  color: #337ab7;
  font-size: 13px;
  font-weight: 600;
  text-align: center;
  margin: 8px auto 0;
  width: 184px;
  display: block;
}

#forgotPassword:hover,
.wrapper .status-faq__txt a:hover {
  color: #23527c;
  text-decoration: underline;
}

.wrapper-s .mode-section {
  margin: 32px auto 0;
  padding: 0;
  text-align: center;
}

.wrapper-s .mode-button {
  background-color: transparent;
  color: #337ab7;
  font-weight: 600;
  text-decoration: none;
  text-decoration-color: #337ab7;
}

.wrapper-s .mode-button:hover {
  color: #23527c;
  text-decoration: underline;
}

/* 新規登録・ログイン画面 fin*/
.wrapper .profile-section.error-section {
  padding: 0 0 32px 0;
}

/* エラー画面 fin */

@media screen and (min-width: 768px) {

  /* common */
  .wrapper-s .account-button__logo {
    width: 15%;
  }

  .wrapper-s .account-button-parent {
    width: 50%;
  }

  .wrapper-s .font-size-14-16 {
    font-size: 16px;
  }

  .wrapper-s .font-size-14-20 {
    font-size: 20px;
  }

  .wrapper .header-logo.--custom img {
    width: 100%;
  }

  .wrapper-s .header-txt {
    font-size: 16px;
  }

  .wrapper.wrapper-s .width-100-57 {
    width: 57% !important;
  }

  /* common fin */

  /* 新規登録・ログイン画面*/
  .wrapper-s .localAccount {
    padding: 0 16px 32px;
  }
  .wrapper-s .options {
    height: 48px;
  }
  .wrapper-s .options .account-button-parent {
    max-width: 48px;
    border-radius: 24px;
  }
  .wrapper-s .options .accountButton {
    width: 48px;
    height: 48px;
  }
  .wrapper-s .account-button__tit {
    font-size: 18px;
  }

  a,
  .wrapper-s .mode-button {
    transition: 0.4s all;
    -webkit-transition: 0.4s all;
  }
  .wrapper-s .profile-section .title-section::before {
    top: 14px;
  }
  /* 新規登録・ログイン画面 fin*/
}

/* 本舗プロフィール登録画面 */

