﻿@charset "UTF-8";

@media screen and (min-width: 769px) {
  /* ----アンケート画面----*/
  .block-questionnaire--header {
    margin: 0 0 20px;
  }

  .block-questionnaire--freespace-top {
    margin-bottom: 0;
  }

  .block-questionnaire--customer-name {
    font-weight: normal;
  }

  .block-questionnaire--name-list .form-control > div {
    display: inline-flex;
  }

  .block-questionnaire--name-value-label {
    align-self: center;
    width: 60px;
    margin-bottom: 0;
    text-align: center;
  }

  .block-questionnaire--name,
  .block-questionnaire--kana,
  .block-questionnaire--kana-2 {
    margin-bottom: 0;
  }

  div:has(+ .block-questionnaire--require-message) .form-group:last-of-type {
    border-bottom: none;
  }

  .block-questionnaire--box-content img + div .checkbox {
    margin: 0;
  }

  .block-questionnaire--box-content .checkbox + br {
    display: none;
  }

  .fieldset-vertical .form-control:has(img.resize) span {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 10px;
  }

  .fieldset-vertical .form-control:has(img.resize) span div {
    text-align: center;
  }

  .block-questionnaire--freespace-bottom {
    margin-top: 0;
  }

  /* ----アンケート確認画面----*/

  .block-questionnaire--confirmation-form .action-buttons {
    flex-direction: row-reverse;
  }

  /* ----アンケート完了画面----*/
  .block-questionnaire-completed--header {
    margin: 0 0 20px;
  }

  .block-questionnaire-completed--customer-name {
    margin-bottom: 0;
    font-weight: normal;
  }

  .block-questionnaire-completed--message {
    margin-bottom: 0;
  }

  /** ランディングページ **/

  .block-landingpage-login--member-body {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    gap: 20px;
  }

  .block-landingpage-login--member-body .block-landingpage-login--member-frame {
    display: block;
    flex-grow: 1;
    max-width: 540px;
  }

  .block-landingpage-login--member-frame .action {
    width: 100%;
  }

  .block-landingpage-login--amazonpay-login-frame {
    flex-grow: 0;
    width: 40%;
  }
  
  .block-landingpage--amazonpay-error {
    color: #a94442;
  }

  .block-landingpage-login--customer-status {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    padding: 8px 0;
    column-gap: 34px;
    border-radius: 3px;
    background: #444;
    color: #fff;
  }

  .block-landingpage-login--customer-status .block-landingpage-login--customer-name,
  .block-landingpage-login--customer-status .block-landingpage-login--mypoint,
  .block-landingpage-login--customer-status .block-landingpage-login--mypoint-point {
    font-size: 24px;
  }

  .block-landingpage-login--rank-info {
    padding: 12px 18px 13px;
    border: 1px solid #fff;
    text-align: center;
  }

  .block-landingpage-login--rank-status {
    display: flex;
    flex-grow: 2;
    align-items: center;
    justify-content: flex-end;
  }

  .block-landingpage-login--rank-condition {
    padding: 0 10px 0 17px;
  }

  .block-landingpage-login--rank-condition-1-title,
  .block-landingpage-login--rank-condition-2-title {
    background: #fff;
    color: #444;
  }

  .block-landingpage-login--customer-status .block-landingpage-login--sign {
    flex-grow: 1;
    align-self: center;
    padding: 10px 16px;
    border-right: 1px solid #fff;
  }

  .block-landingpage-login--customer-status .block-landingpage-login--mypoint {
    flex-grow: 1;
    padding-top: 0;
    border-top: 0;
  }

  .block-landingpage-login--mypoint-duedate {
    font-size: 14px;
  }

  .block-landingpage-form .form-error,
  .block-landingpage-login--guest .form-error {
    width: 100%;
  }

  .block-landingpage-form,
  .block-landingpage-login--guest-body {
    padding: 20px;
  }

  .block-landingpage .block-landingpage-form .block-landingpage-form--goods {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
  }

  .block-landingpage-form--goods > dl {
    display: flex;
    align-items: center;
  }

  .block-landingpage-form--goods dt {
    white-space: nowrap;
  }

  .block-landingpage-form--goods-goods select {
    max-width: 600px;
  }

  .block-goods-first-limited-order {
    margin-bottom: 0;
  }

  .block-landingpage-form--goods > p {
    display: block;
  }

  .block-landingpage-form--goods-limited-order-description {
    width: 100%;
  }

  .block-landingpage-form--sales-append-textbox input,
  .block-landingpage-form--sales-append-select select {
    width: 100%;
  }

  /* 注文明細拡張 */
  .block-landingpage-form--sales-detail-append {
    width: 100%;
  }

  .block-landingpage-form--sales-detail-append .fieldset .form-label,
  .block-landingpage-form--sales-detail-append .fieldset .constraint,
  .block-landingpage-form--sales-detail-append .fieldset .form-control,
  .block-landingpage-form--sales-detail-append .fieldset .form-error {
    vertical-align: middle;
  }

  .block-landingpage-form--sales-detail-append .fieldset .form-group .form-label,
  .block-landingpage-form--sales-detail-append .fieldset .form-group .help-block {
    word-break: break-all;
  }

  .block-landingpage-form--sales-detail-append .fieldset .form-control label {
    white-space: nowrap;
  }

  .block-landingpage--terms-link {
    text-decoration: underline;
    cursor: pointer;
  }

  .block-landingpage-form--register-customer-checkbox {
    margin: 30px 0 10px;
    padding: 20px;
    background: #f8f8f8;
    border: none;
  }

  .block-landingpage--register-customer-message {
    margin: 5px 0 10px 0;
    font-size: 12px;
  }

  .block-landingpage--register-customer-promotion {
    color: #f00;
    font-size: 15px;
    font-weight: bold;
  }

  .block-landingpage--register-customer-append-title {
    padding: 0;
    margin: 20px 0 20px 0;
    border: none;
  }

  .block-landingpage-form--register-customer-input .form-label,
  .block-landingpage-form--register-customer-input .constraint,
  .block-landingpage-form--register-customer-input .form-control,
  .block-landingpage-form--register-customer-input .form-error {
    vertical-align: middle;
  }

  .block-landingpage-form--register-customer-input .form-group .form-label,
  .block-landingpage-form--register-customer-input .form-group .help-block {
    word-break: break-all;
  }

  .block-landingpage-form--register-customer-input .form-control label {
    white-space: nowrap;
  }

  .block-landingpage--register-customer-pwd {
    border-bottom: 1px solid var(--responsive-sys-border-color-gray-tertiary);
  }

  .block-landingpage--pwd-count {
    margin-top: 0;
  }

  .block-landingpage--uid-count {
    margin-top: 0;
  }

  .block-landingpage-order--host-content .block-landingpage-order--value-label,
  .block-landingpage-other--dest-input .block-landingpage-other--value-label {
    display: inline-block;
    width: 60px;
    text-align: center;
  }

  .block-landingpage-order--name .form-control,
  .block-landingpage-order--kana .form-control,
  .block-landingpage-other--name .form-control,
  .block-landingpage-other--kana .form-control {
    display: flex;
    flex-wrap: wrap;
    row-gap: 5px;
  }

  .pane-landingpage-contents #frmLP .form-group {
    padding: 0;
    border-top: solid 1px var(--responsive-sys-border-color-gray-tertiary);
  }

  .pane-landingpage-contents #frmLP .form-group:last-of-type {
    border-bottom: solid 1px var(--responsive-sys-border-color-gray-tertiary);
  }

  /* ----メールニュース登録・解除画面---- */

  .block-mail-news--header {
    margin: 0 0 20px;
  }

  .block-mail-news--terms-body {
    height: 440px;
    margin-bottom: 40px;
    padding: 20px;
    border-color: #e5e5e0;
    font-size: inherit;
  }

  .block-mail-news h2 {
    margin: 0 0 24px;
  }

  /* ----クイックオーダー---- */

  .block-quick-order--header {
    margin: 0 0 20px;
  }
}
