@charset "UTF-8";
/*
 * Flexible Layout
 * ----------------------------------------------------------------------------
 *
 */
.flexible-layout, .flexible-layout-recommend {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.plt-iphone .flexible-layout, .plt-iphone .flexible-layout-recommend, .plt-android .flexible-layout, .plt-android .flexible-layout-recommend {
  display: block;
}
.flexible-layout .text-parts-label, .flexible-layout-recommend .text-parts-label {
  margin-top: var(--space-size-12);
}
.plt-iphone .flexible-layout .text-parts-label[marginLeft10WhenSp], .plt-iphone .flexible-layout-recommend .text-parts-label[marginLeft10WhenSp], .plt-android .flexible-layout .text-parts-label[marginLeft10WhenSp], .plt-android .flexible-layout-recommend .text-parts-label[marginLeft10WhenSp] {
  margin-left: var(--space-size-10);
}
.flexible-layout .text-parts-label-modal, .flexible-layout-recommend .text-parts-label-modal {
  margin-top: var(--space-size-12);
}
.flexible-layout .label-with-tag, .flexible-layout-recommend .label-with-tag {
  margin-top: var(--space-size-10);
}
radio-group .flexible-layout, radio-group .flexible-layout-recommend {
  flex-wrap: wrap;
  margin-left: var(--space-size-30);
}
.plt-iphone radio-group .flexible-layout, .plt-iphone radio-group .flexible-layout-recommend, .plt-android radio-group .flexible-layout, .plt-android radio-group .flexible-layout-recommend {
  flex-wrap: initial;
  margin-left: initial;
}
radio-group-horizontal .flexible-layout, radio-group-horizontal .flexible-layout-recommend {
  flex-wrap: wrap;
  margin-left: var(--space-size-30);
}
.plt-iphone radio-group-horizontal .flexible-layout, .plt-iphone radio-group-horizontal .flexible-layout-recommend, .plt-android radio-group-horizontal .flexible-layout, .plt-android radio-group-horizontal .flexible-layout-recommend {
  flex-wrap: initial;
  margin-left: initial;
}
.content-box-reset-pwd .flexible-layout, .content-box-reset-pwd .flexible-layout-recommend {
  display: block;
}

.flexible-layout-recommend {
  align-items: center;
}

.flexible-layout-center, .account-input-layout {
  display: flex;
  justify-content: space-between;
  width: 495px;
  margin-right: auto;
  margin-left: auto;
}
.plt-iphone .flexible-layout-center, .plt-iphone .account-input-layout, .plt-android .flexible-layout-center, .plt-android .account-input-layout {
  display: block;
  width: initial;
  margin-right: initial;
  margin-left: initial;
}
.flexible-layout-center.flexible-margin-input + .flexible-margin-input, .flexible-margin-input.account-input-layout + .flexible-margin-input {
  margin-top: var(--space-size-30);
}
.plt-iphone .flexible-layout-center.flexible-margin-input + .flexible-margin-input, .plt-iphone .flexible-margin-input.account-input-layout + .flexible-margin-input, .plt-android .flexible-layout-center.flexible-margin-input + .flexible-margin-input, .plt-android .flexible-margin-input.account-input-layout + .flexible-margin-input {
  margin-top: var(--space-size-20);
}
.flexible-layout-center .text-parts-label, .account-input-layout .text-parts-label {
  margin-top: var(--space-size-12);
  margin-left: initial;
}
.flexible-layout-center .label-with-tag, .account-input-layout .label-with-tag {
  width: initial;
  margin-top: var(--space-size-12);
  margin-left: initial;
}
.flexible-layout-center .text-input-normal:first-of-type, .account-input-layout .text-input-normal:first-of-type {
  margin-left: 0;
}
.flexible-layout-center .input-width-384, .account-input-layout .input-width-384 {
  width: 384px;
}
.plt-iphone .flexible-layout-center .input-width-384, .plt-iphone .account-input-layout .input-width-384, .plt-android .flexible-layout-center .input-width-384, .plt-android .account-input-layout .input-width-384 {
  width: 100%;
}

.plt-iphone .pc-only-boder, .plt-android .pc-only-boder {
  display: none;
}

.sp-only-boder {
  display: none;
}
.plt-iphone .sp-only-boder, .plt-android .sp-only-boder {
  display: inherit;
}

.text-under-input {
  margin-left: var(--space-size-300);
}
.plt-iphone .text-under-input, .plt-android .text-under-input {
  margin-left: initial;
}

.text-under-input-modal {
  margin-left: 180px;
}
.plt-iphone .text-under-input-modal, .plt-android .text-under-input-modal {
  margin-left: initial;
}

.input-address-nolabel {
  margin-top: var(--space-size-10);
  margin-left: 270px;
}
.plt-iphone .input-address-nolabel, .plt-android .input-address-nolabel {
  margin-left: initial;
}

.input-visa-card {
  position: relative;
}
.input-visa-card span {
  position: absolute;
  top: -10px;
  left: min(300px, 100% - 55px);
}

.pc-margin-left {
  margin-left: var(--space-size-30);
}
.plt-iphone .pc-margin-left, .plt-android .pc-margin-left {
  margin-left: initial;
}

.flexible-margin-input {
  margin-top: var(--space-size-14);
  margin-bottom: var(--space-size-14);
}
.flexible-margin-input[withText] {
  margin-bottom: 0;
}
.plt-iphone .flexible-margin-input, .plt-android .flexible-margin-input {
  margin-top: var(--space-size-20);
  margin-bottom: initial;
}
.plt-iphone .flexible-margin-input[withText], .plt-android .flexible-margin-input[withText] {
  margin-bottom: initial;
}

.flexible-margin-input-branch {
  margin-top: var(--space-size-20);
  margin-bottom: var(--space-size-14);
}
.plt-iphone .flexible-margin-input-branch, .plt-android .flexible-margin-input-branch {
  margin-top: var(--space-size-10);
  margin-bottom: initial;
}

.flexible-margin-radio {
  margin-top: var(--space-size-14);
  margin-bottom: var(--space-size-14);
}
.flexible-margin-radio[withText] {
  margin-bottom: 0;
}
.plt-iphone .flexible-margin-radio, .plt-android .flexible-margin-radio {
  margin-top: var(--space-size-20);
  margin-bottom: initial;
}

.plt-iphone .flexible-margin-confirm, .plt-android .flexible-margin-confirm {
  margin-top: var(--space-size-20);
  margin-bottom: var(--space-size-10);
}

.flexible-page {
  display: flex;
}
.flexible-page .flexible-page-part {
  flex: 1;
  margin-right: var(--space-size-40);
}
.flexible-page .flexible-page-part:last-child {
  margin-right: 0;
}
.plt-iphone .flexible-page, .plt-android .flexible-page {
  display: block;
}
.plt-iphone .flexible-page .flexible-page-part:not(last-child), .plt-android .flexible-page .flexible-page-part:not(last-child) {
  margin-right: initial;
}

.label-with-tag {
  width: 270px;
}

.flexible-margin-textarea {
  margin-top: var(--space-size-14);
  margin-bottom: var(--space-size-14);
}
.flexible-margin-textarea[withText] {
  margin-bottom: 0;
}
.plt-iphone .flexible-margin-textarea, .plt-android .flexible-margin-textarea {
  margin-top: var(--space-size-20);
  margin-bottom: initial;
}

.plt-iphone .flexible-input-horizontal, .plt-android .flexible-input-horizontal {
  display: flex;
  align-items: flex-end;
}
.plt-iphone .flexible-input-horizontal .flexible-layout:first-child, .plt-iphone .flexible-input-horizontal .flexible-layout-recommend:first-child, .plt-android .flexible-input-horizontal .flexible-layout:first-child, .plt-android .flexible-input-horizontal .flexible-layout-recommend:first-child {
  margin-right: var(--space-size-10);
}

.progressbar-list + .flexible-margin-input,
.progressbar-list + .flexible-margin-radio,
.progressbar-list + validation-failure-message + .flexible-margin-input,
.progressbar-list + validation-failure-message + .flexible-margin-radio {
  margin-top: var(--space-size-40);
}

.plt-iphone .progressbar-list + .flexible-margin-input,
.plt-iphone .progressbar-list + .flexible-margin-radio,
.plt-android .progressbar-list + .flexible-margin-input,
.plt-android .progressbar-list + .flexible-margin-radio,
.plt-iphone .progressbar-list + validation-failure-message + .flexible-margin-input,
.plt-iphone .progressbar-list + validation-failure-message + .flexible-margin-radio,
.plt-android .progressbar-list + validation-failure-message + .flexible-margin-input,
.plt-android .progressbar-list + validation-failure-message + .flexible-margin-radio {
  margin-top: var(--space-size-30);
}

.button-primary-wrapper + .flexible-margin-input,
.button-primary-wrapper + .flexible-margin-radio,
.button-secondary-wrapper + .flexible-margin-input,
.button-secondary-wrapper + .flexible-margin-radio,
.button-square-wrapper + .flexible-margin-input,
.button-square-wrapper + .flexible-margin-radio,
.grid-normal + .flexible-margin-input,
.grid-normal + .flexible-margin-radio,
.link-icon + .flexible-margin-input,
.link-icon + .flexible-margin-radio,
.list-text-asterlisk + .flexible-margin-input,
.list-text-asterlisk + .flexible-margin-radio,
.text-left + .flexible-margin-input,
.text-left + .flexible-margin-radio,
.text-small + .flexible-margin-input,
.text-small + .flexible-margin-radio {
  margin-top: var(--space-size-30);
}

.text-left + form .flexible-margin-input:first-child,
.text-left + form .flexible-margin-radio:first-child {
  margin-top: var(--space-size-30);
}

.title-heading + .flexible-margin-input,
.title-heading + .flexible-margin-radio {
  margin-top: var(--space-size-30);
}

.plt-iphone .title-heading + .flexible-margin-input,
.plt-iphone .title-heading + .flexible-margin-radio,
.plt-android .title-heading + .flexible-margin-input,
.plt-android .title-heading + .flexible-margin-radio {
  margin-top: var(--space-size-20);
}

.flexible-margin-input[noTabLoginForm],
.flexible-margin-radio[noTabLoginForm] {
  margin-top: var(--space-size-55);
}
.plt-iphone .flexible-margin-input[noTabLoginForm], .plt-android .flexible-margin-input[noTabLoginForm],
.plt-iphone + .flexible-margin-radio[noTabLoginForm],
.plt-android + .flexible-margin-radio[noTabLoginForm] {
  margin-top: var(--space-size-30);
}

.flexible-index-list {
  display: flex;
}
.flexible-index-list .flexible-index-list-part {
  flex: 1;
  margin-right: var(--space-size-20);
}
.flexible-index-list .flexible-index-list-part:last-child {
  margin-right: 0;
}
.plt-iphone .flexible-index-list .flexible-index-list-part, .plt-android .flexible-index-list .flexible-index-list-part {
  margin-right: var(--space-size-10);
}
.plt-iphone .flexible-index-list .flexible-index-list-part:last-child, .plt-android .flexible-index-list .flexible-index-list-part:last-child {
  margin-right: 0;
}

.flexible-layout-zip {
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  height: auto;
  margin: 0;
}

/* アカウントログイン画面用Flexible Layout*/
.account-input-layout {
  width: 650px;
}
.plt-iphone .account-input-layout, .plt-android .account-input-layout {
  width: 100%;
}

.flexible-adress-label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 727px;
}
.plt-iphone .flexible-adress-label, .plt-android .flexible-adress-label {
  width: initial;
  max-width: 697px;
}
.flexible-adress-label .link-icon {
  margin-top: initial;
  white-space: nowrap;
}

.heading-space-between {
  display: flex;
  flex-flow: wrap;
  align-items: baseline;
  justify-content: space-between;
}

.flexible-margin-input_pc .custom-select-wrapper {
  margin-left: 0 !important;
}

/*# sourceMappingURL=flexible-layout.css.map */