@charset "UTF-8";

/* ----ページトップに戻る---- */

.block-page-top a {
  position: relative;
  display: block;
  width: 54px;
  height: 54px;
  background-color: #444;
}

.block-page-top a:after {
  content: "";
  display: block;
  position: absolute;
  width: 16px;
  height: 16px;
  border-right: 2px solid #fff;
  border-top: 2px solid #fff;
  transform: rotate(-45deg);
  left: 50%;
  top: 50%;
  margin-top: -4px;
  margin-left: -8px;
}

.block-page-top {
  position: fixed;
  top: auto;
  bottom: 10px;
  right: 26px;
  display: none;
  z-index: 9;
}

/* ----PC/スマホ切り替えスイッチ---- */

.block-switcher {
  width: 400px;
  text-align: center;
  margin: 0 auto 20px;
}

.block-switcher li {
  display: inline-block;
}

.block-switcher--switch {
  display: block;
  width: 200px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background-color: #444;
  color: #fff;
}
.block-switcher--switch:hover {
  text-decoration: none;
  background-color: #ccc;
}

.block-switcher--current {
  display: block;
  width: 200px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background-color: #ccc;
  color: #fff;
}

.block-switcher .fa {
  margin-right: 10px;
  vertical-align: middle;
}

.block-switcher .fa-mobile-phone {
  font-size: 22px;
}

.block-switcher .fa-desktop {
  font-size: 18px;
}

/* ----Copyright---- */

.block-copyright {
  font-size: 10px;
  text-align: center;
  color: #444;
}

/* ----ブランド画面---- */

.block-brand-list {
  margin: 40px 0 60px;
}

.block-brand-list .block-topic-path {
  margin-bottom: 40px;
}

.block-brand-list--items {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.block-brand-list--item {
  flex-grow: 1;
  flex-basis: 390px;
  max-width: 390px;
  margin: 0 0 20px 15px;
}

.block-brand-list--item:nth-of-type(3n+1) {
  margin-left: 0;
}

.block-brand-list--item-img {
  width: 390px;
  height: 240px;
}

.block-brand-list--item-name,
.block-brand-list--item-comment {
  border: #ddd 1px solid;
  border-top: none;
  border-bottom: none;
}

.block-brand-list--item-name {
  padding: 15px 35px 0;
}

.block-brand-list--item-comment {
  border-bottom: #ddd 1px solid;
  padding: 15px 35px 35px;
}

.block-brand-list--item-btn {
  display: block;
  text-align: center;
  width: 240px;
  height: 48px;
  line-height: 48px;
  color: #333;
  font-size: 14px;
  margin: 15px auto 0;
  background: #e5e5e5;
}

.block-brand-detail--image {
  margin-top: 40px;
}

.block-brand-detail--description {
  margin-bottom: 30px;
}

/* ----商品詳細画面---- */
.pane-goods-right-side form {
  display: flex;
  flex-flow: column wrap;
}

/* ----マイページ---- */
.block-mypage--customer-status { background: #000;}

/* ----注文フローステップ---- */
.block-order-flow--step-current { background-color: #000;}
.block-order-flow--step-current::after { border-left-color: #000;}
.block-order-flow--step1:after,
.block-order-flow--step2:after,
.block-order-flow--step3:after,
.block-order-flow--step4:after,
.block-order-flow--step5:after {
  top: 1px;
  right: -49px;
}

/* ----カート画面---- */
.block-cart-recent-item--header { padding: 0; margin: 40px 0 0 0; font-size: 2.5rem; border: none;}
.btn.block-cart--order-btn { padding: 12px 10px; margin: 10px 0;}

/* ----ご注文方法の指定--- */
.block-order-method--contents { width: 880px;}
.block-order-method--side-contents { width: 340px; margin: 0 0 0 20px;}
.block-order-method--next-btn { padding: 12px 10px;}

/* ----ご注文の確認---- */
.block-order-estimate--side-contents  { width: 340px;}
.btn.block-order-estimate--commit-btn { padding: 12px 10px; margin: 0 0 10px 0;}

/* ----ゲストお気に入り画面---- */
.block-guest-favorite-synchronize {
  text-align: center;
  margin-top: 50px;
}

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

.block-regular-purcharse-cycle-info-update--skip-cancel-message {
  margin: 5px 0 0 5px;
}

/* ----会員登録---- */
.form-group.block-member-info--use-spoofing-protection .form-control { padding: 25px 0 25px 20px;}

/* ----トピックス詳細---- */
.block-topic-page--article-body { padding: 0; margin: 0 0 30px 0;}
.block-topic-page--article-body p.lead { padding: 0; margin: 0 0 10px 0; font-size: 16px; line-height: 1.8;}
.block-topic-page--article-body .imgC { margin: 20px 0; text-align: center;}
.block-topic-page--article-body .imgC img { max-width: 100%;}
.block-topic-page--article-body .spec.block { margin: 0 0 20px 0;}
.block-topic-page--article-body .spec.block table    {}
.block-topic-page--article-body .spec.block table th { min-width: 75px; padding: 5px 20px 5px 0; box-sizing: border-box; text-align: right;}
.block-topic-page--article-body .spec.block table td { max-width: calc(100% - 75px); padding:5px 0 5px 0; box-sizing: border-box;}
.block-topic-page--article-body .tableObj { margin: 0 0 20px 0;}
.block-topic-page--article-body .tableObj table { width: 100%; border: #e5e5e5 1px solid; border-collapse: collapse;}
.block-topic-page--article-body .tableObj table th { padding: 10px 20px; border-bottom: #e5e5e5 1px solid; border-collapse: collapse; box-sizing: border-box; background: #f9f9f9;}
.block-topic-page--article-body .tableObj table td { padding: 10px 20px; border-bottom: #e5e5e5 1px solid; border-collapse: collapse; box-sizing: border-box; text-align: left;}

/* ----商品詳細---- */
.pane-goods-right-side .block-goods-about-goods--size_spec { display: none !important;}