@charset "UTF-8";

/* ----会員規約画面---- */

.block-member-terms {
  margin: 10px;
  padding-top:20px;
}

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

.block-member-terms--message {
  padding: 0 0 10px;
}

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

/* ----マイページ画面---- */

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

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

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

.block-mypage--logout {
  font-size: 14px;
}

.block-mypage--logout a {
  color: #444;
  text-decoration: underline;
}

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

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

.block-mypage--rank-info {
  margin-top: 5px;
  border: 1px solid #fff;
  text-align: center;
  padding: 5px;
  color: #fff;
}

.block-customer-card--card-info#rank_0,
.block-mypage--customer-status#rank_0 {
    background: #0b88d4;
    color: #fff;

/*
    background: -moz-linear-gradient(-45deg, rgb(0,159,255) 0%, rgb(0,159,255) 49%, rgb(50,123,192) 51%, rgb(50,123,192) 100%);
    background: -webkit-linear-gradient(-45deg, rgb(0,159,255) 0%,rgb(0,159,255) 49%,rgb(50,123,192) 51%,rgb(50,123,192) 100%);
    background: linear-gradient(135deg, rgb(0,159,255) 0%,rgb(0,159,255) 50%,rgb(50,123,192) 50%,rgb(50,123,192) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009fff', endColorstr='#327bc0',GradientType=1 );
*/
    }

.block-customer-card--card-info#rank_1,
.block-mypage--customer-status#rank_1 {
background: #ffc038;
/*
background: -moz-linear-gradient(-45deg, rgb(255,223,0) 0%, rgb(255,223,0) 49%, rgb(244,200,33) 51%, rgb(244,200,33) 100%);
background: -webkit-linear-gradient(-45deg, rgb(255,223,0) 0%,rgb(255,223,0) 49%,rgb(244,200,33) 51%,rgb(244,200,33) 100%);
background: linear-gradient(135deg, rgb(255,223,0) 0%,rgb(255,223,0) 49%,rgb(244,200,33) 51%,rgb(244,200,33) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffdf00', endColorstr='#f4c821',GradientType=1 );
*/
    color: #000;
}

.block-customer-card--card-info#rank_2,
.block-mypage--customer-status#rank_2 {
background: #c40025;
    color: #fff;
/*
background: -moz-linear-gradient(-45deg, rgb(255,0,0) 0%, rgb(255,0,0) 49%, rgb(200,21,30) 51%, rgb(200,21,30) 100%);
background: -webkit-linear-gradient(-45deg, rgb(255,0,0) 0%,rgb(255,0,0) 49%,rgb(200,21,30) 51%,rgb(200,21,30) 100%);
background: linear-gradient(135deg, rgb(255,0,0) 0%,rgb(255,0,0) 49%,rgb(200,21,30) 51%,rgb(200,21,30) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#c8151e',GradientType=1 );
*/
}

.block-customer-card--card-info#rank_3,
.block-mypage--customer-status#rank_3 {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#009fff+0,ffdf00+45,ffdf00+55,ff0000+100 */
background: rgb(0,159,255); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgb(0,159,255) 0%, rgb(255,223,0) 45%, rgb(255,223,0) 55%, rgb(255,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgb(0,159,255) 0%,rgb(255,223,0) 45%,rgb(255,223,0) 55%,rgb(255,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgb(0,159,255) 0%,rgb(255,223,0) 45%,rgb(255,223,0) 55%,rgb(255,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009fff', endColorstr='#ff0000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.block-customer-card--card-info#rank_1 .block-mypage--rank-info,
.block-customer-card--card-info#rank_3 .block-mypage--rank-info,
.block-mypage--customer-status#rank_3 .block-mypage--rank-info,
.block-mypage--customer-status#rank_1 .block-mypage--rank-info {
    margin-top: 5px;
    border: 1px solid #666;
    text-align: center;
    padding: 5px;
    color: #000;
}


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

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

.block-mypage--rank-condition {
  padding-top: 5px;
  /*display: none;*/
  text-align: center;
}
/*
.block-mypage--rank-condition-customer_card{
  display: block;
}
*/
.block-mypage--rank-condition-message {
  font-size: 14px;
}

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

.block-mypage--rank-condition-2 {
  /*padding-top: 5px;*/
}

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

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

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

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

.block-mypage--customer-barcode {
  text-align: center;
  padding: 10px;
}

.block-mypage--recommend {
  padding: 0 10px 10px 10px;
  text-align: right;
}

.block-mypage--recommend a {
  text-decoration: underline;
}

.block-mypage--shopping-info i,
.block-mypage--member-info i,
.block-mypage--inquiry-info i {
  padding-right: 5px;
}

.block-mypage--shopping-info-items li,
.block-mypage--member-info-items li,
.block-mypage--inquiry-info-items li {
  border-bottom: 1px solid #eee;
  position: relative;
}

.block-mypage--shopping-info-items li dd,
.block-mypage--member-info-items li dd,
.block-mypage--inquiry-info-items li dd {
  display: none;
}

.block-mypage--shopping-info-items li a,
.block-mypage--member-info-items li a,
.block-mypage--inquiry-info-items li a {
  display: block;
  padding: 10px 25px 10px 10px;
  text-decoration: none;
}

.block-mypage--shopping-info-items li a:after,
.block-mypage--member-info-items li a:after,
.block-mypage--inquiry-info-items li a:after {
  font-family: FontAwesome;
  content: "\f105";
  position: absolute;
  height: 100%;
  top: 50%;
  font-size: 20px;
  line-height: 20px;
  margin-top: -10px;
  right: 10px;
}

.block-mypage--withdrawal-link {
  text-align: right;
  padding: 10px;
}

.block-mypage--withdrawal-link a {
  text-decoration: underline;
}

/* アドレス帳の変更 */
.block-mypage--member-info-items .block-mypage--update-address-book dd {
  display: block;
}

.block-mypage--member-info-items .block-mypage--update-address-book dt a:after {
  content: "";
}

.block-mypage--member-info-items .block-mypage--update-address-book dd ul {
  border-top: 1px solid #eee;
}

.block-mypage--member-info-items .block-mypage--update-address-book-description a {
  display: table;
  width: 100%;
  padding-right: 0;
}

.block-mypage--member-info-items .block-mypage--update-address-book-description span {
  display: table-cell;
  width: 100%;
  vertical-align: middle;
}

.block-mypage--member-info-items .block-mypage--update-address-book-description i {
  display: table-cell;
  width: 20px;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle;
}

/* スマホでは非表示のメニュー */
.block-mypage--shopping-info-item-order,
.block-mypage--shopping-info-item-goods-page {
  display: none;
}

/* ----会員登録---- */

.block-member-info--back {
  margin-top: 10px;
  padding: 12px 40px;
  font-weight: bold;
}

.block-member-info {
  margin: 10px;
}

.block-member-info h1 {
  margin: 0px -10px 0;
}

.block-member-info--customer-name {
  margin: 0 0 10px;
  font-weight: bold;
}

.block-member-info--value-label {
  display: block;
  margin: 5px 0;
}

.block-member-info--message {
  padding: 0 0 10px;
}

.block-member-info--update-mail a {
  text-decoration: underline;
}

.block-member-info .block-topic-path {
  margin: 10px -10px 0;
}

/* ----会員登録確認画面---- */

.block-member-info-confirmation {
  margin: 10px;
}

.block-member-info-confirmation h1 {
  margin: -10px -10px 0;
}

.block-member-info-confirmation .form-control {
  display: block;
  min-height: 24px;
}

.block-member-info-confirmation--value-label {
  display: block;
}

.block-member-info-confirmation .block-topic-path {
  margin: 10px -10px 0;
}

/* ----会員登録完了画面---- */

.block-member-registration-completed {
  margin: 10px;
}

.block-member-registration-completed h1 {
  margin: -10px -10px 0;
}

/* ----メールアドレス変更画面---- */

.block-update-mail-address {
  margin: 10px;
}

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

.block-update-mail-address--customer-name {
  margin: 0 0 10px;
  font-weight: bold;
}

.block-update-mail-address  .action-buttons {
  margin: 0;
}

.block-update-mail-address .block-topic-path {
  margin: 10px -10px 0;
}

/* ----メールアドレス変更完了画面---- */

.block-update-mail-address--login-link {
  padding: 0 0 10px;
}

.block-update-mail-address--login-link,
.block-update-mail-address--mypage-link {
  text-decoration: underline;
}

/* ----アドレス帳の新規登録・変更画面---- */

.block-shipping-address {
  margin: 10px;
}

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

.block-shipping-address--customer-name {
  margin: 0 0 10px;
  font-weight: bold;
}

.block-shipping-address--value-label {
  display: block;
  margin: 5px 0;
}

.block-shipping-address .block-topic-path {
  margin: 10px -10px 0;
}

/* ----アドレス帳の新規登録・変更確認画面---- */

.block-shipping-address-confirmation {
  margin: 10px;
}

.block-shipping-address-confirmation--customer-name {
  margin: 0 0 10px;
  font-weight: bold;
}

.block-shipping-address-confirmation .form-control {
  display: block;
  min-height: 24px;
}

.block-shipping-address-confirmation .block-topic-path {
  margin: 10px -10px 0;
}

/* ----パスワード変更画面---- */

.block-update-member-password {
  margin: 10px;
}

.block-update-member-password--header {
  margin: 0px -10px 0;
}

.block-shipping-address--message {
  padding-bottom: 10px;
}

.block-reset-password--message,
.block-reset-password--form {
  padding: 0 10px 10px;
}

.block-update-member-password .block-topic-path {
  margin: 10px -10px 0;
}

/* ----パスワード変更完了画面---- */

.block-reset-new-password--completed-message {
  padding-bottom: 10px;
}

.block-reset-new-password--completed-message a {
  text-decoration: underline;
}

.block-update-member-password--login-link {
  margin-bottom: 10px;
}

.block-update-member-password--login-link a {
  text-decoration: underline;
}

/* ----パスワード再設定画面---- */

.block-update-new-password {
  margin: 10px;
}

.block-update-new-password--header {
  margin: -10px -10px 0;
}

.block-update-member-password--customer-name {
  margin: 0 0 10px;
  font-weight: bold;
}

.block-update-new-password--message {
  padding-bottom: 10px;
}

/* ----パスワード再設定メール送信完了画面---- */

.block-reset-password-completed--message {
  padding: 0 10px 10px;
}

.block-reset-password-completed .action-buttons {
  margin: 0 10px 10px;
}
/* ----ログイン画面---- */

.block-login {
  padding: 10px;
  background-color: #eee;
}

.block-login h1 {
  margin: -10px;
}

.block-cart-recent-item--body h2 {
  padding: 10px;
}
.block-login h2 {
  padding-top: 20px;
  background: transparent;
  padding-bottom: 10px;
  text-align:center;
}

.block-login--member-body {
  padding: 10px;
  border: 1px solid #dcdcdc;
  background: #fff;
  font-size: 12px;
}

.block-login--uid input {
  width: 100%;
}

.block-login--pwd input {
  width: 100%;
}

.block-login--login {
  padding: 10px;
  font-weight: bold;
}

.block-login--ask-password {
  text-decoration: underline;
  margin-top: 10px;
}

.block-login--first-time-body {
  padding: 0 10px 10px 10px;
  border: 1px solid #dcdcdc;
  background: #fff;
  font-size: 12px;
}

.block-login--first-time-message{
  padding-top: 10px;
}

.block-login--amazon-body {
  padding: 10px;
  border: 1px solid #dcdcdc;
  background: #fff;
  font-size: 12px;
}

.block-login--entry-btn {
  padding: 10px;
  font-weight: bold;
}

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

.block-login--regular-sales {
  margin-top: 10px;
}

.block-login--amazon-login {
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: center;
}

.block-login--guest {
  margin-top: 10px;
  padding: 10px;
  font-weight: bold;
}

.block-login--member-info-country select {
  max-width: 100%;
}

.block-login--member-info-value-label {
  display: block;
  margin: 5px 0;
}

/* ----追加認証画面---- */

.block-additional-authentication {
  margin: 10px;
}

.block-additional-authentication h1 {
  margin: -10px -10px 0;
}


.block-additional-authentication--login {
  margin-top: 10px;
  padding: 12px 40px;
  font-weight: bold;
}

.block-additional-authentication--inquiry {
  margin-top: 10px;
  text-decoration: underline;
}

.block-additional-authentication--reissue {
  font-weight: bold;
}

.block-additional-authentication--authentication-key input[type="text"] {
  width: 100%;
}

/* ----お気に入り画面---- */

.block-favorite {
  margin: 10px;
}

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

.block-favorite--customer-name {
  margin: 0 0 10px;
  font-weight: bold;
}

.block-favorite--recommend {
  padding: 0 10px 10px 10px;
  text-align: right;
  text-decoration: underline;
}

.block-favorite--items > li:first-child {
  border-top: 1px solid #eee;
}

.block-favorite--items > li {
  border-top: 1px solid #eee;
  width: 100%;
  padding: 10px 0;
  vertical-align: top;
  border-bottom: 1px solid #eee;
}

.block-favorite--favorite-goods {
  display: table;
  width: 100%;
}

.block-favorite--checkbox {
  display: table-cell;
  width: 20px;
  vertical-align: top;
  padding: 5px;
}

.block-favorite--image {
  padding: 5px;
  display: table-cell;
  vertical-align: top;
  width: 102px;
}

.block-favorite--description {
  display: table-cell;
  vertical-align: top;
  width: auto;
  padding: 5px;
}

.block-favorite--price-title {
  float: left;
}

.block-favorite--comment {
  margin-top: 10px;
}

.block-favorite--comment-message {
  word-break: break-all;
}

.block-favorite--comment-button {
  margin: 10px 0;
}

.block-favorite--update {
  color: #fff;
  background-color: #f60;
  border: none;
  border-bottom: solid 2px #c54f00;
  margin-bottom: 5px;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  padding: 4px 10px;
}

.block-favorite--cancel {
  color: #666;
  background-color: #fff;
  border: solid 1px #666;
  margin-bottom: 5px;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  padding: 4px 10px;
}

.block-favorite--delete-item {
  text-align: right;
  margin-top: 4px;
}

.block-favorite--items {
  margin-bottom: 10px;
}

.block-favorite .block-accessory-list--name {
  background: #f5f5f5;
  padding: 6px 10px 4px;
  margin: 5px -10px 0;
}

.block-favorite--name .block-topic-path {
  margin: 0 -10px;
}

.block-favorite--name {
  font-weight: bold;
}

.block-favorite--edit-comment a {
  text-decoration: underline;
}

.block-favorite .block-topic-path {
  margin: 10px -10px 0;
}

.block-favorite--image figure {
  width: 92px;
  /*height: 110px;*/
  background: #f5f5f5;
}

.block-favorite--comment-textarea-container {
  width: 100%;
}

.block-favorite--comment-textarea {
  width: 100%;
}

/* ----入荷案内申し込み商品画面---- */

.block-arrival-notice-list {
  margin: 10px;
}

.block-arrival-notice-list--header {
  margin: -10px -10px 0;
}

.block-arrival-notice-list--items > li:first-child {
  border-top: 1px dotted #ccc;
}

.block-arrival-notice-list--customer-name {
  margin: 0 0 10px;
  font-weight: bold;
}

.block-arrival-notice-list--goods {
  display: table;
  width: 100%;
}

.block-arrival-notice-list--items li {
  padding: 10px 0;
  vertical-align: top;
  border-bottom: 1px dotted #ccc;
}

.block-arrival-notice-list--goods .block-arrival-notice-list--image {
  width: 120px;
  padding: 5px;
  display: table-cell;
  vertical-align: top;
}

.block-arrival-notice-list--image figure {
  width: 110px;
  height: 110px;
  /*background: #f5f5f5;*/
}

.block-arrival-notice-list--goods .block-arrival-notice-list--description {
  width: auto;
  display: table-cell;
  vertical-align: top;
  padding: 5px;
}

.block-arrival-notice-list--delete-item {
  text-align: right;
}

.block-arrival-notice-list--goods-name {
  font-weight: bold;
}

.block-arrival-notice-list--price-title {
  display: inline;
}

.block-arrival-notice-list--price {
  display: inline;
}

.block-arrival-notice-list--net-price {
  font-size: 12px;
}

.block-arrival-notice-list .block-topic-path {
  margin: 10px -10px 0;
}

/* ----購入履歴一覧画面---- */

.block-purchase-history {
  margin: 10px;
}

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

.block-purchase-history--customer-name {
  margin: 0 0 10px;
  font-weight: bold;
}

.block-purchase-history--recommend {
  padding: 0 10px 10px 10px;
  text-align: right;
  text-decoration: underline;
}

.block-purchase-history--table {
  margin: 0 0 40px;
  font-size: 12px;
}

.block-purchase-history--table a {
  color: #1e5799;
  font-weight: 700;
}

.status-percentage {
  font-weight: 700 !important;
}

.block-purchase-history--table a span {
  color: #000;
  font-weight: 300;
}

.block-purchase-history .block-topic-path {
  margin: 0 -10px;
}

.block-purchase-history--table th {
  vertical-align: middle;
  white-space: nowrap;
}

.block-purchase-history--order-detail-list .block-purchase-history--goods-subitems .block-goods-child .block-goods-child--name {
  padding-left: 10px;
}

.block-purchase-history .block-accessory-list {
  margin: 0 -10px;
}

.block-purchase-history--order-id a {
  text-decoration: underline;
}

.block-purchase-history--status a:hover,
.block-purchase-history--status a:focus {
  text-decoration: none;
}

/* ----購入履歴詳細画面---- */

.block-purchase-history-detail {
  margin: 10px;
}

.block-purchase-history-detail--header {
  margin: -10px -10px 0;
}

.block-purchase-history-detail--customer-name {
  margin: 0 0 10px;
  font-weight: bold;
}

.block-purchase-history-detail--order-info-table th {
  width: 40%;
}

.block-purchase-history-detail--payment-info-items {
  margin-top: 10px;
}

.block-purchase-history-detail--payment-info-items th {
  width: 40%;
}

.block-purchase-history-detail--shipping-info-items th {
  width: 40%;
}

.block-purchase-history-detail--csv-info-items th {
  width: 40%;
}

.block-purchase-history-detail--invoice th {
  width: 40%;
}

.block-purchase-history-detail--store td a {
  text-decoration: underline;
}

.block-purchase-history-detail--order-info-table {
  margin: 0 0 10px;
}

.block-purchase-history-detail--proceed-status {
  margin-bottom: 10px;
}

.block-purchase-history-detail--goods-code {
  font-size: 12px;
}

th.block-purchase-history-detail--goods-name-title {
  width: 55%;
}

th.block-purchase-history-detail--goods-qty-title {
  width: 15%;
}

th.block-purchase-history-detail--goods-total-price-title {
  width: 30%;
}

.block-purchase-history-detail--shipping-info {
  margin: 10px 0;
}

.block-purchase-history-detail--goods-qty,
.block-purchase-history-detail--goods-total-price,
.block-purchase-history-detail--items-total td,
.block-purchase-history-detail--items-noshi-charge td,
.block-purchase-history-detail--shipping-fee td,
.block-purchase-history-detail--fee td,
.block-purchase-history-detail--charge-point td,
.block-purchase-history-detail--promotion-discount td,
.block-purchase-history-detail--order-total td,
.block-purchase-history-detail--discount td,
.block-purchase-history-detail--acquire-point td,
.block-purchase-history-detail--coupon-discount td,
.block-purchase-history-detail--payment-method td,
.block-purchase-history-detail--delivery-day td,
.block-purchase-history-detail--delivery-time-zone td,
.block-purchase-history-detail--order-comment td {
  text-align: right;
}

.block-purchase-history-detail--shipping-info-items {
  margin-bottom: 10px;
}

.block-purchase-history-detail--csv-info-items {
  margin-bottom: 10px;
}
.block-purchase-history-detail--csv-info-items td {
  text-align: right;
}

.block-purchase-history-detail--shipment-header {
  margin: 10px 0px;
}

.block-purchase-history-detail--shipment-info {
  margin-bottom: 10px;
}

.block-purchase-history-detail--invoice {
  margin-bottom: 10px;
}

.block-purchase-history-detail--shipment-items {
  margin-bottom: 10px;
}

.block-purchase-history-detail--shipment-items .block-purchase-history-detail--shipment-goods-name a {
  text-decoration: underline;
}

.block-purchase-history-detail--append-header {
  margin: 10px -10px;
}

.block-purchase-history-detail--income-url td a,
.block-purchase-history-detail--csv-payment-url td a,
.block-purchase-history-detail--track-shipment-url td a {
  text-decoration: underline;
}

.block-purchase-history-detail--requests-for-order {
  margin-top: 5px;
}

.block-purchase-history-detail--shipment-items th {
  vertical-align: middle;
  width: 40%;
}

.block-purchase-history-detail--shipment-order-extension th,
.block-purchase-history-detail--noshi th {
  vertical-align: middle;
}

.block-purchase-history-detail .form-control {
  display: block;
  min-height: 24px;
}

.block-purchase-history-detail .block-topic-path {
  margin: 10px -10px 0;
}

.block-purchase-history-detail--child-order-id a {
  text-decoration: underline;
}

.block-purchase-history-detail--parent-order-id a {
  text-decoration: underline;
}

.block-purchase-history-detail--regular-sales-include a {
  text-decoration: underline;
}

/* ----ご注文キャンセル画面---- */

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

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

.block-order-cancellation--order-detail-header {
  margin: 20px -10px 10px;
}

.block-order-cancellation--order-detail {
  margin-bottom: 10px;
}

.block-order-cancellation--shiment-address {
  padding-top: 10px;
  margin-bottom: 10px;
}

.block-order-cancellation--order-items .block-order-cancellation--goods-name-title {
  width: 55%;
}

.block-order-cancellation--order-items .block-order-cancellation--qty-title {
  width: 15%;
}

.block-order-cancellation--order-items .block-order-cancellation--amt-title {
  width: 30%;
}

.block-order-cancellation--qty {
  text-align: right;
}

.block-order-cancellation--amt {
  text-align: right;
}

.block-order-cancellation--order-items {
  margin-bottom: 10px;
}

.block-order-cancellation--payment-info-items th {
  width: 40%;
  text-align: left;
}

.block-order-cancellation--payment-info-items td {
  text-align: right;
}

.block-order-cancellation--cancellation-reason-header {
  margin: 10px -10px;
}

.block-order-cancellation--reason-detail {
  width: 100%;
}

.block-order-cancellation .block-topic-path {
  margin: 10px -10px 0;
}

/* ----ご注文キャンセル完了画面---- */

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

.block-order-cancellation-completed {
  margin: 10px;
  padding-top: -10px;
}

/* ----定期購入商品一覧画面---- */

.block-regular-purcharse-list {
  margin: 10px;
}

.block-regular-purcharse-list--header {
  margin: -10px -10px 0;
}

.block-regular-purcharse-list--customer-name {
  margin: 0 0 10px;
  font-weight: bold;
}

.block-regular-purcharse-list--table {
  margin-bottom: 10px;
}

.block-regular-purcharse-list--table th {
  vertical-align: middle;
  width: 35%;
  text-align: left;
  white-space: nowrap;
}

.block-regular-purcharse-list--regular-sales td a {
  text-decoration: underline;
}

.block-regular-purcharse-list .block-topic-path {
  margin: 10px -10px 0;
}

/* ----定期購入商品詳細画面---- */

.block-regular-purcharse-detail {
  margin: 10px;
}

.block-regular-purcharse-detail--header {
  margin: -10px -10px 0;
}

.block-regular-purcharse-detail--customer-name {
  margin: 0 0 10px;
  font-weight: bold;
}

.block-regular-purcharse-detail--regular-sales-items th {
  text-align: left;
  width: 40%;
}

.block-regular-purcharse-detail--regular-sales-items {
  margin-bottom: 10px;
}

.block-regular-purcharse-detail--card-change {
  margin-bottom: 10px;
}

.block-regular-purcharse-detail--cycle-change {
  margin-bottom: 10px;
}

.block-regular-purcharse-detail--shipment-header {
  margin: 0 0px 10px;
}

.block-regular-purcharse-detail--shipment-info {
  padding-bottom: 10px;
}

.block-regular-purcharse-detail--shipment-address {
  margin-bottom: 10px;
}

.block-regular-purcharse-detail--goods-items {
  margin-bottom: 10px;
}

.block-regular-purcharse-detail--goods-items th {
  width: 30%;
  text-align: left;
  vertical-align: middle;
}

.block-regular-purcharse-detail--goods-name td a {
  text-decoration: underline;
}

.block-regular-purcharse-detail--append-header {
  margin: 0 -10px 10px;
}

.block-regular-purcharse-detail--append {
  padding-bottom: 10px;
}

.form-group .block-regular-purcharse-detail--append-item .form-control {
  display: block;
  min-height: 24px;
}

.block-regular-purcharse-detail--include-header {
  width: auto;
  margin: 0 -10px 10px;
  background: #f5f5f5;
  padding: 6px 10px 4px;
  border-bottom: none;
}

.block-regular-purcharse-detail--include {
  padding-bottom: 10px;
}

.block-regular-purcharse-detail--action-message {
  padding-top: 10px;
}

.block-regular-purcharse-detail .block-topic-path {
  margin: 10px -10px 0;
}

.block-regular-purcharse-list--order-id a {
  text-decoration: underline;
}

/* ----定期購入商品カード情報確認画面---- */

.block-regular-purchase-creditcard-info-confirmation {
  margin: 10px;
}

.block-regular-purchase-creditcard-info-confirmation--header {
  margin: -10px -10px 0;
}

.block-regular-purchase-creditcard-info-confirmation--customer-name {
  margin: 0 0 10px;
  font-weight: bold;
}

.block-regular-purchase-creditcard-info-confirmation--regular-purchase-info {
  margin-bottom: 10px;
}

.block-regular-purchase-creditcard-info-confirmation--regular-purchase-info th {
  width: 40%;
}

.block-regular-purchase-creditcard-info-confirmation--regular-purchase-items {
  margin-bottom: 10px;
}

.block-regular-purchase-creditcard-info-confirmation--regular-purchase-items th {
  width: 30%;
  vertical-align: middle;
}

.block-regular-purchase-creditcard-info-confirmation--regular-purchase-items td {
  vertical-align: top;
}

.block-regular-purcharse-detail--goods-name td a {
  text-decoration: underline;
}

.block-regular-purchase-creditcard-info-confirmation--goods-name td a {
  text-decoration: underline;
}

.block-regular-purchase-creditcard-info-confirmation--card-info-header {
  margin: 0 -10px 10px;
}

.block-regular-purchase-creditcard-info-confirmation--authentication-header {
  margin: 0 -10px 10px;
}

.block-regular-purchase-creditcard-info-confirmation .block-topic-path {
  margin: 10px -10px 0;
}

/* ----定期購入商品カード情報変更画面---- */

.block-update-regular-purchase-creditcard-info {
  margin: 10px;
}

.block-update-regular-purchase-creditcard-info--header {
  margin: -10px -10px 0;
}

.block-update-regular-purchase-creditcard-info--customer-name {
  margin: 0 0 10px;
  font-weight: bold;
}

.block-update-regular-purchase-creditcard-info--regular-purchase-info {
  margin-bottom: 10px;
}

.block-update-regular-purchase-creditcard-info--regular-purchase-info-items {
  margin-bottom: 10px;
}

.block-update-regular-purchase-creditcard-info--regular-purchase-info-items th {
  width: 40%;
}

.block-update-regular-purchase-creditcard-info--goods-table {
  margin-bottom: 10px;
}

.block-update-regular-purchase-creditcard-info--goods-table th {
  width: 30%;
  vertical-align: middle;
}

.block-update-regular-purchase-creditcard-info--goods-table td {
  vertical-align: top;
}

.block-update-regular-purchase-creditcard-info--goods-name td a {
  text-decoration: underline;
}

.block-update-regular-purchase-creditcard-info--update-card-info-header {
  margin: 0 -10px 10px;
}

.block-update-regular-purchase-creditcard-info .block-topic-path {
  margin: 10px -10px 0;
}

/* ----定期購入商品配送先変更画面---- */

.block-regular-purcharse-shipment-info-update {
  margin: 10px;
}

.block-regular-purcharse-shipment-info-update--header {
  margin: -10px -10px 0;
}

.block-regular-purcharse-shipment-info-update--customer-name {
  margin: 0 0 10px;
  font-weight: bold;
}

.block-regular-purcharse-shipment-info-update--old-info-header {
  width: auto;
  margin: 0 -10px 10px;
  background: #f5f5f5;
  padding: 6px 10px 4px;
  border-bottom: none;
}

.block-regular-purcharse-shipment-info-update--old-info {
  margin-bottom: 10px;
}

.block-regular-purcharse-shipment-info-update--new-info-header {
  width: auto;
  margin: 0 -10px 10px;
  background: #f5f5f5;
  padding: 6px 10px 4px;
  border-bottom: none;
}

.block-regular-purcharse-shipment-info-update--new-address {
  margin-bottom: 10px;
}

.block-regular-purcharse-shipment-info-update .block-topic-path {
  margin: 10px -10px 0;
}

/* ----定期購入商品サイクル情報変更画面---- */

.block-regular-purcharse-cycle-info-update {
  margin: 10px;
}

.block-regular-purcharse-cycle-info-update--header {
  margin: -10px -10px 0;
}

.block-regular-purcharse-cycle-info-update--customer-name {
  margin: 0 0 10px;
  font-weight: bold;
}

.block-regular-purcharse-cycle-info-update--regular-sales-items th {
  text-align: left;
  width: 40%;
}

.block-regular-purcharse-cycle-info-update--regular-sales-items {
  margin-bottom: 10px;
}

.block-regular-purcharse-cycle-info-update--card-change {
  margin-bottom: 10px;
}

.block-regular-purcharse-cycle-info-update--cycle-change {
  margin-bottom: 10px;
}

.block-regular-purcharse-cycle-info-update--shipment-header {
  margin: 0 -10px 10px;
}

.block-regular-purcharse-cycle-info-update--shipment-info {
  padding-bottom: 10px;
}

.block-regular-purcharse-cycle-info-update--shipment-address {
  margin-bottom: 10px;
}

.block-regular-purcharse-cycle-info-update--goods-items {
  margin-bottom: 10px;
}

.block-regular-purcharse-cycle-info-update--goods-items th {
  width: 30%;
  text-align: left;
  vertical-align: middle;
}

.block-regular-purcharse-cycle-info-update--goods-name td a {
  text-decoration: underline;
}

.block-regular-purcharse-cycle-info-update--append-header {
  margin: 0 -10px 10px;
}

.block-regular-purcharse-cycle-info-update--append {
  padding-bottom: 10px;
}

.form-group .block-regular-purcharse-cycle-info-update--append-item .form-control {
  display: block;
  min-height: 24px;
}

.block-regular-purcharse-cycle-info-update--action-message {
  padding-top: 10px;
}

.block-regular-purcharse-cycle-info-update .block-topic-path {
  margin: 10px -10px 0;
}

/* ----定期購入商品解約画面---- */

.block-regular-purcharse-cancellation {
  margin: 10px;
}

.block-regular-purcharse-cancellation--header {
  margin: -10px -10px 0;
}

.block-regular-purcharse-cancellation--customer-name {
  margin: 0 0 10px;
  font-weight: bold;
}

.block-regular-purcharse-cancellation--goods-items {
  margin-bottom: 10px;
}

.block-regular-purcharse-cancellation--goods-items th {
  width: 30%;
  vertical-align: middle;
}

.block-regular-purcharse-cancellation--goods-items td {
  vertical-align: top;
}

.block-regular-purcharse-cancellation--goods-items td a {
  text-decoration: underline;
}

.block-regular-purcharse-cancellation .block-topic-path {
  margin: 10px -10px 0;
}

/* ----カード情報確認画面---- */

.block-credit-card-confirmation {
  margin: 10px;
}

.block-credit-card-confirmation--header {
  margin: 0px -10px 0;
}

.block-credit-card-confirmation--customer-name {
  margin: 0 0 10px;
  font-weight: bold;
}

.block-credit-card-confirmation--credit-card-info-header,
.block-credit-card-confirmation--update-confirmation-header,
.block-order-cancellation--order-detail-header,
.block-order-cancellation--cancellation-reason-header,
.block-top-topic--header,
.block-free-2--header,
.block-top-event--header,
.block-category-tree--header,
.block-recent-item--header {
  font-size: 18px;
  font-weight: bold;
  background-color: #dcdcdc;
}

.block-order-cancellation--order-info {
  padding-bottom: 20px;
}

.block-credit-card-confirmation--credit-card-info p {
  padding: 10px 0;
}

.block-credit-card-confirmation--update-confirmation-header {
  margin: 0 0px 10px;
}

.block-inquiry-history div:nth-child(3) {
  margin: 0 10px 10px;
}

.block-credit-card-confirmation .block-topic-path {
  margin: 10px -10px 0;
}

/* ----カード情報変更画面---- */

.block-update-credit-card-info {
  margin: 10px;
}

.block-update-credit-card-info--header {
  margin: -10px -10px 0;
}

.block-update-credit-card-info--customer-name {
  margin: 0 0 10px;
  font-weight: bold;
}

.block-update-credit-card-info--update-creditcard-header {
  margin: 0 -10px 10px;
}

.block-update-credit-card-info .block-topic-path {
  margin: 10px -10px 0;
}

/* --- カード情報変更 --- */
.block-customer-update--commit-btn--block-loading {
  height: 65px;
  width: 65px;
  position: absolute;
  transform: scale(0.4);
  display: inline-block;
}

/* ----お問い合わせ画面---- */

.block-inquiry {
  margin: 10px;
}

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

.block-inquiry--customer-name {
  margin: 0 0 10px;
  font-weight: bold;
}

.block-inquiry--message {
  padding: 0 0 10px;
}
.block-inquiry--name .form-control input {
  margin: 0 0 5px ;
}

.block-inquiry--inquiry-body textarea {
  width: 100%;
}

.block-inquiry .block-topic-path {
  margin: 10px -10px 0;
}

/* ----お問い合わせ確認画面---- */

.block-inquiry--confirmation-form .form-control {
  display: block;
  min-height: 24px;
}

/* ----お問い合わせ完了画面---- */

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

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

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

.block-inquiry-completed--message {
  padding-bottom: 10px;
}

.block-inquiry-completed .block-topic-path {
  margin: 10px -10px 0;
}

/* ----お問い合わせ履歴一覧画面---- */

.block-inquiry-history--customer-name {
  margin: 0 10px 10px;
  font-weight: bold;
}

.block-inquiry-history--body ul {
  margin-bottom: 10px;
}

.block-inquiry-history--body li {
  border-bottom: 2px solid #444;
}

.block-inquiry-history--body li:first-child {
  border-top: 2px solid #444;
}

.block-inquiry-history--body li > span {
  display: block;
  padding-left: 10px;
}

.block-inquiry-history--subject,
.block-inquiry-history--inquiry-id {
  padding-left: 10px;
  padding-top: 10px;
}

.block-inquiry-history--subject a {
  text-decoration: underline;
}

.block-inquiry-history--subject a:after {
  font-family: FontAwesome;
  content: "\f105";
  position: absolute;
  right: 10px;
}

.block-inquiry-history .action-buttons {
  margin: 10px;
}

/* ----お問い合わせ履歴詳細画面---- */

.block-inquiry-history-detail--customer-name {
  font-weight: bold;
  margin: 0 10px 10px;
  font-weight: bold;
}

.block-inquiry-history-detail--subject {
  background: #f5f5f5;
  padding: 6px 10px 4px;
}

.block-inquiry-history-detail--body {
  margin: 10px;
}

.block-inquiry-history-detail--date {
  margin-left: 10px;
  margin-bottom: 10px;
  float: left;
}

.block-inquiry-history-detail--title {
  margin-bottom: 10px;
  overflow: hidden;
}

.block-inquiry-history-detail--contact-info {
  display: block;
  margin-top: 10px;
}

.block-inquiry-history-detail--id {
  margin-right: 10px;
  margin-bottom: 10px;
  float: right;
}

.block-inquiry-history-detail--contact-name {
  float: left;
}

.block-inquiry-history-detail--body {
  margin-bottom: 10px;
}

.block-inquiry-history-detail--update-dt {
  float: right;
}

.block-inquiry-history-detail--item-header {
  margin-top: 15px;
  overflow: hidden;
  border-bottom: 2px solid #444;
}

.block-inquiry-history-detail--form {
  margin-top: 10px;
  margin-bottom: 10px;
}

.block-inquiry-history-detail--item dd {
  margin-bottom: 10px;
}

.block-inquiry-history-detail--message {
  padding: 0 10px 10px;
}

.block-inquiry-history-detail--inquiry-body {
  margin: 10px;
}

.block-inquiry-history-detail--inquiry-body textarea {
  width: 100%;
}

.block-inquiry-history-detail--form .action-buttons {
  margin: 0 10px 0;
}

.block-inquiry-history-detail--inquiry-body-confirm {
  margin-bottom: 10px;
}

/* ----お問い合わせ履歴詳細確認画面---- */

.block-inquiry-history-detail--confirm {
  margin: 10px;
}

.block-inquiry-history-detail--message-confirm {
  padding-bottom: 10px;
}

/* ----フリーお問い合わせ履歴詳細確認画面---- */

.block-inquiry--confirmation-free-contact {
  display: block;
  min-height: 24px;
}

/* ----ポイント履歴一覧画面---- */

.block-point-history-list {
  margin: 10px;
}

.block-point-history-list--header {
  margin: 0px -10px 0;
}

.block-point-history-list--customer-info {
  margin-bottom: 10px;
}

.block-point-history-list--customer-name {
  margin-bottom: 10px;
  font-weight: bold;
}

.block-point-history-list--point {
  font-weight: bold;
  font-size: 18px;
}

.block-point-history-list--point-hitstory-item {
  margin-bottom: 10px;
}

.block-point-history-list--point-hitstory-item th {
  width: 35%;
  white-space: normal;
  vertical-align: middle;
}

.block-point-history-list--point-hitstory-item td {
  text-align: left;
}

.block-point-history-list--store-name td a {
  text-decoration: underline;
}

.block-point-history-list--point-purpose td a {
  text-decoration: underline;
}

.block-point-history-list .block-topic-path {
  margin: 10px -10px 0;
}

/* ----所持クーポン一覧画面---- */

.block-coupon-list {
  margin: 10px;
}

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

.block-coupon-list--table {
  margin-bottom: 10px;
}

.block-coupon-list--table th {
  vertical-align: middle;
  width: 35%;
  white-space: normal;
}

.block-coupon-list--table td {
  text-align: left;
}

.block-coupon-list .block-topic-path {
  margin: 10px -10px 0;
}

/* ----店舗クーポン一覧画面---- */

.block-store-coupon-list {
  margin: 10px;
}

.block-store-coupon-list--header {
  margin: 0px -10px 0;
}

.block-store-coupon-list--table {
  border: 1px solid #ccc;
  width: 100%;
  margin-bottom: 10px;
}

.block-store-coupon-list--table td {
  text-align: left;
  padding: 1px 5px;
}

.block-store-coupon-list--table .block-store-coupon-list--dt {
  text-align: right;
}

.block-store-coupon-list--table .block-store-coupon-list--bonus {
  text-align: right;
  color: #f00;
  font-size: 300%;
}

.block-store-coupon-list--list a {
  text-decoration: none;
}

.block-store-coupon-list .block-topic-path {
  margin: 10px -10px 0;
}

/* ----店舗クーポン詳細画面---- */

.block-store-coupon-detail {
  margin: 10px;
}

.block-store-coupon-detail--header {
  margin: -10px -10px 0;
}

.block-store-coupon-detail--is-customer {
  padding-bottom: 10px;
  text-align: right;
}

.block-store-coupon-detail--is-customer a {
  text-decoration: underline;
}

.block-store-coupon-detail--table {
  width: 100%;
  border: 1px solid #ccc;
  margin-bottom: 10px;
}

.block-store-coupon-detail--name {
  padding: 1px 5px;
  text-align: left;
}


.block-store-coupon-detail--description {
  padding: 1px 5px;
  text-align: left;
}

.block-store-coupon-detail--bonus {
  color: #f00;
  font-size: 180%;
  padding: 1px 5px;
  text-align: left;
}

.block-store-coupon-detail--dt {
  padding: 1px 5px;
  text-align: right;
}

.block-store-coupon-detail--customer-name {
  margin: 0 10px 10px;
  padding: 5px;
  background: #f8f8f8;
  border: 1px solid #ccc;
  border-radius: 5px;
}

.block-store-coupon-detail--barcode-number {
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 5px;
}

.block-store-coupon-detail--barcode-image {
  padding: 0 10px 10px;
}

.block-store-coupon-detail--barcode-image img {
  height: auto;
  width: 100%;
}

.block-store-coupon-detail--coupon-code {
  margin: 0 10px 10px;
  padding: 5px;
  background: #f8f8f8;
  border: 1px solid #ccc;
  border-radius: 5px;
}

.block-store-coupon-detail--messege {
  padding-bottom: 10px;
}

.block-store-coupon-detail--alert {
  width: 100%;
  border: 1px solid #f00;
  margin: 0 0 10px;
  padding: 10px;
  border-style: dotted;
}

/* ----会員カード画面---- */

.block-customer-card {
  margin: 10px;
}

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

.block-customer-card--message {
  padding-bottom: 10px;
  text-align: right;
}

.block-customer-card--message a {
  text-decoration: underline;
}

.block-customer-card--card-info {
  width: 100%;
  margin-bottom: 10px;
  padding: 5px;
  background: #f8f8f8;
  border: 1px solid #ccc;
}

.block-customer-card--number {
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 5px;
}

.block-customer-card--barcode {
  padding-bottom: 10px;
}

.block-customer-card--barcode img {
  height: auto;
  width: 100%;
}

.block-customer-card--comment {
  padding-bottom: 10px;
}

.block-customer-card--comment-2 {
  width: 100%;
  border: 1px solid #f00;
  margin: 0 0 10px;
  color: #f00;
  border-style: dotted;
  padding: 10px;
}

.block-customer-card .block-topic-path {
  margin: 10px -10px 0;
}

/* ----ログアウト画面---- */

.block-logout {
  margin: 10px;
}

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

.block-logout--message {
  padding: 0 0 10px;
}

.block-logout--message a {
  text-decoration: underline;
}

/* ----退会画面---- */

.block-withdrawal {
  margin: 10px;
}

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

.block-withdrawal .block-topic-path {
  margin: 10px -10px 0;
}

.block-withdrawal--customer-name {
  margin: 0 0 10px;
  font-weight: bold;
}

/* ----会員ID変更画面---- */

.block-member-id {
  margin: 10px;
}

.block-member-id--update-header {
  margin: -10px -10px 0;
}

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

.block-member-id .block-topic-path {
  margin: 10px -10px 0;
}

.block-member-id--completed-message a {
  text-decoration: underline;
}

/* ----会員登録メール送信完了---- */

.block-member-terms--auth-url-mail-comp {
  margin: 10px;
}

/* ----会員登録(クイックエントリー)---- */

.block-quick-member-info {
  margin: 10px;
}

.block-quick-member-info h1 {
  margin: 0px -10px 0;
}

.block-quick-member-info--value-label {
  display: block;
  margin: 5px 0;
}

/* ----会員登録確認(クイックエントリー)---- */

.block-quick-member-info-confirmation {
  margin: 10px;
}

.block-quick-member-info-confirmation h1 {
  margin: -10px -10px 0;
}

.block-quick-member-registration-completed {
  margin: 10px;
}

.block-quick-member-registration-completed h1 {
  margin: -10px -10px 0;
}

/* ----メールアドレス変更画面(メールアドレス確認機能ON)---- */

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

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

.block-mail-address--update-message {
  margin-bottom: 10px;
}

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

.block-mail-address .block-topic-path {
  margin: 10px -10px 0;
}

/* ----メールアドレス変更確認メール送信完了画面(メールアドレス確認機能ON)---- */

.block-mail-address--update-complete {
  margin: 10px;
}

.block-mail-address--update-completed-header {
  margin: -10px -10px 0;
}

.block-mail-address--update-completed-message {
  margin-bottom: 10px;
}

.block-mail-address--update-complete-customer-name {
  margin-bottom: 10px;
  font-weight: bold;
}

.block-mail-address--update-complete .block-topic-path {
  margin: 10px -10px 0;
}

/* ----メールアドレス変更完了画面(メールアドレス確認機能ON)---- */

.block-mail-address--registration {
  margin: 10px;
}

.block-mail-address--registration-message-login a {
  text-decoration: underline;
}

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

.block-mail-address--registration .block-topic-path {
  margin: 10px -10px 0;
}