@charset "UTF-8";

/* ----メールニュース画面---- */

.block-mail-news {
    margin: 10px;
}

.block-mail-news--header {
    margin: -10px -10px 0;
}

.block-mail-news--terms-body {
    width: 100%;
    height: 250px;
    font-size: 10px;
}

.block-mail-news h2 {
    margin: 10px -10px 0;
}

/* ----メール配信解除画面---- */

.block-mail-unsubscribe {
  margin: 10px;
}


/* ----アンケート画面----*/

.block-questionnaire {
    margin: 10px 0;
    padding: 0 7.73% 5px;
}

.block-questionnaire--box-content {
    padding-bottom: 10px;
}

.block-questionnaire--header {
    margin: -10px -10px 0;
}

.block-questionnaire--freespace-top {
    margin-bottom: 5px;
}

.block-questionnaire--freespace-bottom {
    margin-top: 10px;
}

.block-questionnaire--customer-name {
    font-weight: bold;
}

.block-questionnaire--item-header {
    background-color: transparent;
}

.block-questionnaire--textarea {
    width: 100%;
}

.block-questionnaire--name-value-label {
    display: block;
    margin-bottom: 3px;
}

.block-questionnaire--name,
.block-questionnaire--kana,
.block-questionnaire--kana-2 {
    display: block;
    margin-bottom: 10px;
}

.block-questionnaire--confirmation-item-list .form-control {
    min-height: 24px;
}

.block-questionnaire--form .action-buttons {
    margin-top: 10px;
}

.block-questionnaire--item-description {
    padding: 10px 5px;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

.block-questionnaire--sex {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

.block-questionnaire--confirmation-item-list {
    border-top: 1px solid #eee;
    margin-top: 15px;
}


/* ----アンケート完了画面----*/

.block-questionnaire-completed {
    margin: 10px;
}

.block-questionnaire-completed--header {
    margin: -10px -10px 0;
}

.block-questionnaire-completed--customer-name {
    font-weight: bold;
    margin-bottom: 10px;
}

.block-questionnaire-completed--message {
    margin-bottom: 10px;
}


/* ----クイックオーダー---- */

.block-quick-order--suggest-list {
    width: 300px;
    background-color: white;
    border: 1px solid black;
    display: none;
    padding: 5px;
    position: absolute;
    top: 50px;
    left: 5px;
    color: black;
}

.block-quick-order--suggest-items li {
    min-height: 25px;
}

.block-quick-order {
    margin: 10px;
}

.block-quick-order--header {
    margin: -10px -10px 0;
}

.block-quick-order--goods-code-cell {
    display: table;
    position: relative;
    padding-top: 10px;
}

.block-quick-order--goods-code-cell .block-quick-order--goods-code-column {
    display: table-cell;
    width: 100%;
}

.block-quick-order--goods-code-cell .block-quick-order--qty-column {
    display: table-cell;
    white-space: nowrap;
}

.block-quick-order--goods-code {
    width: 100%;
}

.block-quick-order--qty {
    margin-left: 10px;
    text-align: center;
    width: 65px;
}

.block-quick-order--name {
    font-weight: bold;
}

.block-quick-order--goods-detail {
    display: table;
    width: 100%;
    padding: 10px 0;
}

.block-quick-order--goods-image {
    display: table-cell;
    vertical-align: top;
    width: 145px;
}

.block-quick-order--goods-image figure {
    background: #f5f5f5;
    width: 145px;
    height: 145px;
}

.block-quick-order--goods-detail .block-quick-order--goods-description {
    display: table-cell;
    width: auto;
    padding-left: 10px;
}

.block-quick-order--delete-btn-cell {
    text-align: right;
}

.block-quick-order--price-pop {
    font-weight: bold;
    font-weight: bold;
    color: #f00;
}

.block-quick-order--price {
    color: #c00;
    font-weight: bold;
}

.block-quick-order--stock-cell dt {
    float: left;
}

.block-quick-order--stock-cell dd {
    padding-left: 3em;
}

.block-quick-order--subtotal-cell dt {
    float: left;
}

.block-quick-order--subtotal-cell dd {
    padding-left: 3em;
}

.block-quick-order--subtotal-cell {
    color: #c00;
    font-weight: bold;
}

.block-quick-order--add-order {
    text-decoration: underline;
}


/* ----ランディングページ---- */

.block-landingpage-login--member-body {
    display: table;
    width: 100%;
    padding: 20px;
    overflow: hidden;
    border: solid 3px #dcdcdc;
    background: #fff;
}

.block-landingpage-login--member-frame {
    display: table-cell;
}

.block-landingpage-login--login {
    margin-top: 10px;
    padding: 12px 0;
    font-size: 16px;
    width: 160px;
}

.block-landingpage-login--ask-password {
    margin-top: 10px;
    text-align: center;
}

.block-landingpage-form {
    display: table;
    width: 100%;
    padding: 20px;
    overflow: hidden;
    border: solid 3px #dcdcdc;
    background: #fff;
}

.block-landingpage-form--goods {
    padding: 20px;
    border: solid 1px #dcdcdc;
    background: #fff;
}

.block-landingpage-form--spec-content {
    padding: 20px;
    border: solid 1px #dcdcdc;
    background: #fff;
}

.block-landingpage-form--goods {
    padding: 20px;
    border: solid 1px #dcdcdc;
    background: #fff;
}

.block-landingpage-form--spec-content dl {
    margin: 0 0 10px 0;
}

.block-landingpage-form--payment-content {
    padding: 20px;
    border: solid 1px #dcdcdc;
    background: #fff;
}

.block-landingpage-form--payment-content-method-select li {
    margin: 0 0 10px 0;
}

.block-landingpage-form--payment-content {
    padding: 20px;
    border: solid 1px #dcdcdc;
    background: #fff;
}

.block-landingpage-form--sales-append-content {
    padding: 20px;
    border: solid 1px #dcdcdc;
    background: #fff;
}

.block-landingpage-form--sales-append-content .form-label,
.block-landingpage-form--sales-append-content .constraint {
    background-color: #f8f8f8;
}

.block-landingpage-form--sales-append-content .form-group:not(:last-child) {
    padding: 5px 0 5px 0;
}

.block-landingpage-login--guest {
    width: 100%;
    border: solid 3px #dcdcdc;
    background: #fff;
}

.block-landingpage-login--guest-body {
    padding: 20px;
    border: solid 1px #dcdcdc;
    background: #fff;
}

.block-landingpage-login--customer-status {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
    align-items: center;
    padding: 10px;
    margin: 0 10px 10px 10px;
}

.block-landingpage-login--sign {
    text-align: center;
    padding-bottom: 5px;
}

.block-landingpage-login--customer-name {
    font-size: 18px;
}

.block-landingpage-login--mypoint {
    padding-top: 5px;
    border-top: 1px solid #ddd;
    text-align: center;
}

.block-landingpage-login--mypoint-point {
    font-size: 18px;
    margin: 0 5px;
}

.block-landingpage-login--rank-info {
    margin-top: 5px;
    background-color: #444;
    color: #fff;
    text-align: center;
    padding: 5px;
}

.block-landingpage-login--rank-title {
    font-size: 12px;
}

.block-landingpage-login--rank-current {
    font-size: 18px;
}

.block-landingpage-login--rank-condition {
    padding-top: 5px;
}

.block-landingpage-login--rank-condition-message {
    font-size: 14px;
}

.block-landingpage-login--rank-condition-1,
.block-landingpage-login--rank-condition-2 {
    display: table;
    width: 100%;
}

.block-landingpage-login--rank-condition-2 {
    padding-top: 5px;
}

.block-landingpage-login--rank-condition-1 dt,
.block-landingpage-login--rank-condition-1 dd,
.block-landingpage-login--rank-condition-2 dt,
.block-landingpage-login--rank-condition-2 dd {
    display: table-cell;
    vertical-align: middle;
}

.block-landingpage-login--rank-condition-1-title,
.block-landingpage-login--rank-condition-2-title {
    background: #444;
    color: #fff;
    text-align: center;
    padding: 1px 5px;
    border-radius: 2px;
    font-size: 12px;
    width: 5em;
}

.block-landingpage-login--rank-condition-1-title i,
.block-landingpage-login--rank-condition-2-title i {
    padding-right: 3px;
}

.block-landingpage-login--rank-condition-1-status,
.block-landingpage-login--rank-condition-2-status {
    padding-left: 5px;
    font-size: 14px;
}


/* ご注文主 */

.block-landingpage-login--guest-body {
    background: #fff;
    border: solid 1px #dcdcdc;
    padding: 10px;
}

.block-landingpage-order--guest-name {
    padding-bottom: 5px;
}

.block-landingpage-order--host-title-confirmation {
    background: #fff;
    border: solid 1px #dcdcdc;
    padding: 10px;
    margin-bottom: 10px;
}

.block-landingpage-order--value-label,
.block-landingpage-other--value-label {
    display: block;
}

.block-landingpage-order--host .fieldset-vertical {
    background: #fff;
    border: solid 1px #dcdcdc;
    margin: 0;
}

.block-landingpage-order--host-content .form-group:not(:last-child) {
    border-bottom: solid 1px #dcdcdc;
}

.block-landingpage-order--host-content .form-group {
    padding: 10px;
    margin: 0;
}

.block-landingpage-other--dest-input .fieldset-vertical {
    background: #fff;
    border: solid 1px #dcdcdc;
    margin: 0;
}

.block-landingpage-other--dest-input .form-group:not(:last-child) {
    border-bottom: solid 1px #dcdcdc;
}

.block-landingpage-other--dest-input .form-group {
    padding: 10px;
    margin: 0;
}

.block-landingpage-other--dest-change {
    background: #fff;
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid #ddd;
    width: auto;
}


/* お届け先 */

.block-landingpage--dest {
    padding: 20px;
    border: solid 1px #dcdcdc;
    background: #fff;
}

.block-landingpage--dest-input {
    padding: 20px;
    border-bottom: solid 1px #dcdcdc;
    border-left: solid 1px #dcdcdc;
    border-right: solid 1px #dcdcdc;
    background: #fff;
}

.block-landingpage-order {
    padding: 20px;
    border: solid 1px #dcdcdc;
    background: #fff;
}


/* ----ページ---- */

.block-page-caption,
.block-page-freespace--top,
.block-page-freespace--bottom,
.block-page-block--contents {
    word-break: break-all;
}

.block-page-block--frame {
    margin-bottom: 20px;
}

.block-page-block--contents-goodslist {
    width: 100%;
}

.block-page-block--contents-goodslist dl {
    word-break: break-all;
    display: inline-block;
    vertical-align: top;
    width: 50%;
}

.block-page-block--goods-name {
    text-decoration: underline;
}

.block-page-block--contents-body-img-slider-1column {
    display: inline-block;
    vertical-align: top;
    width: 100%;
}

.block-page-block--contents-body-imgtext-slider-1column {
    display: inline-block;
    vertical-align: top;
    width: 100%;
}


/* ----ページカテゴリ---- */

.block-pagecategory-caption,
.block-pagecategory-freespace--top,
.block-pagecategory-freespace--bottom,
.block-pagecategory-page-list {
    word-break: break-all;
}

.block-pagecategory-page-list--page {
    display: inline-block;
    vertical-align: top;
    width: 50%;
}

.block-pagecategory-page-list--page-image {
    width: 100%;
}

.block-pagecategory-subcategory-list {
    word-break: break-all;
}

.block-pagecategory-subcategory-list--category {
    display: flex;
}

.block-pagecategory-subcategory-list--category-caption {
    margin: auto 10px;
}

.block-pagecategory-subcategory-list--category-image {
    width: 30%;
}

.block-pagecategory-auto-load--loading {
  font-size: 60px;
  display: none;
}