@charset "UTF-8";
/*----------------------------------------------------
	setting
----------------------------------------------------*/
/*----------------------------------------------------
	setting
----------------------------------------------------*/
.fieldset,
.fieldset-vertical {
  margin: 0;
}
.fieldset .form-group,
.fieldset-vertical .form-group {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 16px 0;
  border-top: 0;
  border-bottom: 1px solid #ddd;
}
.fieldset .form-group:nth-last-of-type(1),
.fieldset-vertical .form-group:nth-last-of-type(1) {
  padding-bottom: 0;
  border-bottom: 0;
}
.fieldset .form-label,
.fieldset-vertical .form-label {
  flex-shrink: 0;
  width: 200px;
  margin: 0;
  padding: 0;
  background: none;
}
.fieldset .form-label-mail_magazine,
.fieldset-vertical .form-label-other {
  font-weight: bold;
  flex-shrink: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  background: none;
}
.fieldset .constraint,
.fieldset-vertical .constraint {
  flex-shrink: 0;
  width: 38px;
  margin: 0;
  padding: 0;
  background: none;
}
.fieldset .constraint .required,
.fieldset-vertical .constraint .required {
  margin: 0;
}
.fieldset .constraint .required:after,
.fieldset-vertical .constraint .required:after {
  padding: 1px 6px;
  font-size: 12px;
  font-size: 0.75rem;
  border-radius: 2px;
  color: #CC0000;
  background-color: #fff;
  border: 1px solid #CC0000;
}
.form-control-depot
{
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 16px 0;
  align-items: center;
  width: 100%;
  padding: 0 0 0 20px;
}
.form-control-dest-depot
{
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
  padding: 0 0 0 20px;
}
.fieldset .form-control-join,
.fieldset-vertical .form-control-join {
  width: 100%;
  padding: 0 0 0 20px;
}

.form-control-depot .form-group block-member-info--depot 
{
  padding: 16px 0;
  align-items: center;
}

.fieldset .form-control .display_inline ,
.fieldset-vertical .form-control .display_inline  {
  display: inline;
}
.fieldset .form-control,
.fieldset-vertical .form-control {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
  padding: 0 0 0 20px;
}
.fieldset .form-control span,
.fieldset-vertical .form-control span {
  display: block;
  width: 100%;
}
.fieldset .form-control input[type="text"],
.fieldset .form-control input[type="tel"],
.fieldset .form-control input[type="email"],
.fieldset .form-control input[type="search"],
.fieldset .form-control input[type="password"],
.fieldset .form-control input[type="url"],
.fieldset .form-control input[type="number"],
.fieldset .form-control textarea,
.fieldset-vertical .form-control input[type="text"],
.fieldset-vertical .form-control input[type="tel"],
.fieldset-vertical .form-control input[type="email"],
.fieldset-vertical .form-control input[type="search"],
.fieldset-vertical .form-control input[type="password"],
.fieldset-vertical .form-control input[type="url"],
.fieldset-vertical .form-control input[type="number"],
.fieldset-vertical .form-control textarea {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid #999;
  border-radius: 4px;
}
.fieldset .form-control input[type="text"]::placeholder,
.fieldset .form-control input[type="tel"]::placeholder,
.fieldset .form-control input[type="email"]::placeholder,
.fieldset .form-control input[type="search"]::placeholder,
.fieldset .form-control input[type="password"]::placeholder,
.fieldset .form-control input[type="url"]::placeholder,
.fieldset .form-control input[type="number"]::placeholder,
.fieldset .form-control textarea::placeholder,
.fieldset-vertical .form-control input[type="text"]::placeholder,
.fieldset-vertical .form-control input[type="tel"]::placeholder,
.fieldset-vertical .form-control input[type="email"]::placeholder,
.fieldset-vertical .form-control input[type="search"]::placeholder,
.fieldset-vertical .form-control input[type="password"]::placeholder,
.fieldset-vertical .form-control input[type="url"]::placeholder,
.fieldset-vertical .form-control input[type="number"]::placeholder,
.fieldset-vertical .form-control textarea::placeholder {
  color: #999;
}
.fieldset .form-control .block-form-parts--select select,
.fieldset-vertical .form-control .block-form-parts--select select {
  padding: 10px 12px;
  font-size: 14px;
  font-size: 0.875rem;
  color: #999;
}
.fieldset .form-control .block-form-parts--select:before, .fieldset .form-control .block-form-parts--select:after,
.fieldset-vertical .form-control .block-form-parts--select:before,
.fieldset-vertical .form-control .block-form-parts--select:after {
  right: 12px;
}
.fieldset .form-control .checktype_name,
.fieldset .form-control .checktype_kana,
.fieldset-vertical .form-control .checktype_name,
.fieldset-vertical .form-control .checktype_kana {
  display: block;
  width: 100%;
  width: calc(100% / 2 - 10px);
}
.fieldset .form-control .checktype_name label,
.fieldset .form-control .checktype_kana label,
.fieldset-vertical .form-control .checktype_name label,
.fieldset-vertical .form-control .checktype_kana label {
  display: none;
}
.fieldset .block-order-estimate--dest-address-nickname .constraint .required,
.fieldset-vertical .block-order-estimate--dest-address-nickname .constraint .required {
  margin: 0;
}
.fieldset .block-order-method--name .form-control > div,
.fieldset .block-order-method--kana .form-control > div,
.fieldset .block-order-estimate--dest-address-name .form-control > div,
.fieldset .block-order-estimate--dest-address-kana .form-control > div,
.fieldset-vertical .block-order-method--name .form-control > div,
.fieldset-vertical .block-order-method--kana .form-control > div,
.fieldset-vertical .block-order-estimate--dest-address-name .form-control > div,
.fieldset-vertical .block-order-estimate--dest-address-kana .form-control > div {
  width: calc(100% / 2 - 10px);
}
.fieldset .block-order-method--name .form-control .checktype_name,
.fieldset .block-order-method--name .form-control .checktype_kana,
.fieldset .block-order-method--kana .form-control .checktype_name,
.fieldset .block-order-method--kana .form-control .checktype_kana,
.fieldset .block-order-estimate--dest-address-name .form-control .checktype_name,
.fieldset .block-order-estimate--dest-address-name .form-control .checktype_kana,
.fieldset .block-order-estimate--dest-address-kana .form-control .checktype_name,
.fieldset .block-order-estimate--dest-address-kana .form-control .checktype_kana,
.fieldset-vertical .block-order-method--name .form-control .checktype_name,
.fieldset-vertical .block-order-method--name .form-control .checktype_kana,
.fieldset-vertical .block-order-method--kana .form-control .checktype_name,
.fieldset-vertical .block-order-method--kana .form-control .checktype_kana,
.fieldset-vertical .block-order-estimate--dest-address-name .form-control .checktype_name,
.fieldset-vertical .block-order-estimate--dest-address-name .form-control .checktype_kana,
.fieldset-vertical .block-order-estimate--dest-address-kana .form-control .checktype_name,
.fieldset-vertical .block-order-estimate--dest-address-kana .form-control .checktype_kana {
  display: block;
  width: 100%;
  margin: 0;
}
.fieldset .form-error,
.fieldset-vertical .form-error {
  margin: 10px 0 0;
}
.fieldset + .action-buttons,
.fieldset-vertical + .action-buttons {
  padding-top: 32px;
  border-top: 1px solid #ddd;
}

/* ログイン　ゲスト */
.block-login--visiter .fieldset .form-label {
  width: 25%;
  padding: 16px 8px;
  background: none;
}

.alert {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 0 32px;
  padding: 18px;
  text-align: center;
  background: #FFF4F4;
  color: #B40B0B;
  border: 0;
}
.alert:before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 9px;
  background: url(../../img/share/alert.svg) no-repeat;
  background-size: contain;
}
.alert.hidden {
  display: none;
}

.form-error {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
  color: #B40B0B;
}
.form-error:before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 9px;
  background: url(../../img/share/alert.svg) no-repeat;
  background-size: contain;
}
.form-error.hidden {
  display: none;
}

.block-form-parts--select {
  position: relative;
  display: block;
  margin: 0;
  font-size: 14px;
  font-size: 0.875rem;
}
.block-form-parts--select:before, .block-form-parts--select:after {
  content: "";
  position: absolute;
  right: 16px;
  width: 10px;
  height: 8px;
  background: #78BD24;
  pointer-events: none;
}
.block-form-parts--select:before {
  top: calc(50% - 10px);
  clip-path: polygon(50% 0, 100% 100%, 0 100%);
}
.block-form-parts--select:after {
  bottom: calc(50% - 10px);
  clip-path: polygon(0 0, 50% 100%, 100% 0);
}
.block-form-parts--select select {
  appearance: none;
  width: 100%;
  padding: 12px 15px;
  border: 1px solid #999;
  border-radius: 4px;
  background-color: #fff;
  color: #333;
  font-size: 16px;
  font-size: 1rem;
  cursor: pointer;
}
.block-form-parts--select select:focus-visible {
  outline: 0;
}

.block-form-parts--checkbox {
  font-size: 16px;
  font-size: 1rem;
}
.block-form-parts--checkbox-is-procard {
  font-size: 14px;
  font-size: 0.875rem;
}
.block-form-parts--checkbox input[type="checkbox"],
.block-form-parts--checkbox-is-procard input[type="checkbox"] {
  display: none;
}
.block-form-parts--checkbox input[type="checkbox"] + label,
.block-form-parts--checkbox-is-procard input[type="checkbox"] + label {
  position: relative;
  padding-left: 24px;
}
.block-form-parts--checkbox input[type="checkbox"] + label:before, .block-form-parts--checkbox input[type="checkbox"] + label:after,
.block-form-parts--checkbox-is-procard input[type="checkbox"] + label:before, .block-form-parts--checkbox-is-procard input[type="checkbox"] + label:after {
  position: absolute;
  top: calc(50% - 10px);
  left: 0;
  content: "";
  width: 20px;
  height: 20px;
}
.block-form-parts--checkbox input[type="checkbox"] + label:before,
.block-form-parts--checkbox-is-procard input[type="checkbox"] + label:before {
  display: block;
  border: 1px solid #ccc;
  background: #fff;
}
.block-form-parts--checkbox input[type="checkbox"]:checked + label:before,
.block-form-parts--checkbox-is-procard input[type="checkbox"]:checked + label:before {
  background: #78BD24;
}
.block-form-parts--checkbox input[type="checkbox"]:checked + label:after,
.block-form-parts--checkbox-is-procard input[type="checkbox"]:checked + label:after {
  top: 6px;
  left: 4px;
  display: block;
  width: 12px;
  height: 12px;
  background: url(../../img/share/icon_check.svg) no-repeat;
  background-size: contain;
}

.block-form-parts--radio {
  font-size: 14px;
  font-size: 0.875rem;
}
.block-form-parts--radio input[type="radio"] {
  display: none;
}
.block-form-parts--radio input[type="radio"] + label {
  position: relative;
  padding-left: 30px;
}
.block-form-parts--radio input[type="radio"] + label:before, .block-form-parts--radio input[type="radio"] + label:after {
  position: absolute;
  top: calc(50% - 10px);
  left: 0;
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 100%;
}
.block-form-parts--radio input[type="radio"] + label:before {
  border: 1px solid #ccc;
  background: #fff;
}
.block-form-parts--radio input[type="radio"]:checked + label:after {
  border: 4px solid #78BD24;
}

/*----------------------------------------------------
	setting
----------------------------------------------------*/
/*----------------------------------------------------
	トップページ
----------------------------------------------------*/
/* ----トップページ本文---- */
#top-slider-warp .bx-wrapper {
  margin: 0;
  border: 0;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  background: none;
  overflow: hidden;
}
#top-slider-warp .bx-wrapper .bx-controls-direction .bx-prev {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 100%;
  margin: 0;
  font-size: 0;
  background: none;
  z-index: 1;
}
#top-slider-warp .bx-wrapper .bx-controls-direction .bx-prev:before {
  position: absolute;
  top: calc(50% - 17px);
  left: 12px;
  width: 34px;
  height: 34px;
  border: 0;
  border-radius: 0;
  border-top: 1px solid #000;
  border-left: 1px solid #000;
  transform: rotate(-45deg);
  font-size: 0;
  background: none;
  z-index: 1;
  content: "";
}
#top-slider-warp .bx-wrapper .bx-controls-direction .bx-next {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 100%;
  margin: 0;
  font-size: 0;
  background: none;
  z-index: 1;
}
#top-slider-warp .bx-wrapper .bx-controls-direction .bx-next:before {
  position: absolute;
  top: calc(50% - 17px);
  right: 12px;
  width: 34px;
  height: 34px;
  border: 0;
  border-radius: 0;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  transform: rotate(45deg);
  font-size: 0;
  background: none;
  z-index: 1;
  content: "";
}
#top-slider-warp .bx-wrapper .bx-pager {
  position: static;
  width: auto;
  padding: 20px 0 0;
  display: flex;
  justify-content: center;
}
#top-slider-warp .bx-wrapper .bx-pager .bx-pager-item a {
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  padding: 0;
  border-radius: 100%;
  font-size: 0;
  background: none;
}
#top-slider-warp .bx-wrapper .bx-pager .bx-pager-item a:before {
  display: block;
  width: 100%;
  height: 100%;
  background: #ccc;
  content: "";
  border-radius: 100%;
}
#top-slider-warp .bx-wrapper .bx-pager .bx-pager-item a.active:before {
  background: #4C8C38;
}
#top-slider-warp .bx-viewport {
  overflow: visible !important;
  width: 1000px !important;
  margin: 0 auto;
}
#top-slider-warp li {
  position: relative;
}
#top-slider-warp li:before {
  display: block;
  box-sizing: content-box;
  width: 100%;
  height: 0;
  padding: 0 0 60%;
  content: "";
}
#top-slider-warp li img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
}

/* ----トップページ予備テンプレート2---- */
.block-top-free2--header {
  font-size: 28px;
  text-align: center;
  border-top: #444 2px solid;
  padding: 19px 0 30px;
}

.block-top-free2--body {
  margin: 47px 0 50px;
}

.block-top-free2--items {
  width: 900px;
  height: auto;
  overflow: hidden;
}
.block-top-free2--items li {
  float: left;
}
.block-top-free2--items > li {
  width: 535px;
  height: auto;
}
.block-top-free2--items > li:first-child {
  width: 354px;
  height: auto;
  margin-right: 10px;
}

.block-top-free2--sub-items li {
  width: 172px;
  height: 172px;
  margin-left: 9px;
  margin-bottom: 9px;
}
.block-top-free2--sub-items li:nth-of-type(3n+1) {
  margin-left: 0;
}

.block-top-event--header {
  margin: 0 0 30px;
  padding: 75px 0 0;
  border: 0;
  text-align: center;
  font-family: "Josefin Sans", "Noto Sans JP", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 36px;
  font-weight: 500;
  line-height: 1.333;
  color: #000;
  letter-spacing: 0.02em;
}

.block-top-title, .block-top-topic .block-top-topic--header {
  margin: 0 0 40px;
  padding: 80px 0 0;
  text-align: center;
  font-size: 28px;
  font-size: 1.75rem;
  border: 0;
  font-weight: bold;
}
.block-top-title span, .block-top-topic .block-top-topic--header span {
  display: block;
  margin-top: 4px;
  font-size: 14px;
  font-size: 0.875rem;
}

.block-btn a,
.block-top-all a {
  display: block;
  width: 240px;
  margin: 0 auto;
  padding: 14px 10px;
  border: 1px solid #999;
  border-radius: 4px;
  box-shadow: 0 1px 0 #ccc;
  text-align: center;
  text-decoration: none;
  background: #fff;
}
.block-btn a:hover,
.block-top-all a:hover {
  opacity: .7;
}

.block-btn a {
  display: inline-block;
  width: auto;
  padding: 12px 24px;
}
.block-btn a[target="_blank"] {
  display: inline-flex;
  align-items: center;
}
.block-btn a[target="_blank"]:after {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  margin-left: 18px;
  background: url(../../img/share/icon_blank.svg) no-repeat;
  background-size: contain;
}

/* テーマ */
.block-top-theme .block-theme {
  width: 1000px;
  margin: 0 auto;
}
.block-top-theme .block-theme--list {
  display: flex;
  border-left: 1px solid #ddd;
}
.block-top-theme .block-theme--list li {
  flex: 1;
  border-right: 1px solid #ddd;
}
.block-top-theme .block-theme--list li a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  text-align: center;
}
.block-top-theme .block-theme--list li a figure {
  margin: auto;
  margin-bottom: 8px;
  padding-top: 10px;
}
.block-top-theme .block-theme--list li .block-theme--label {
  margin-top: auto;
}

/* おすすめ */
.block-recommend {
  width: 1000px;
  margin: 0 auto;
}
.block-recommend--header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 12px;
}
.block-recommend--title {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 20px;
  font-size: 1.25rem;
}
.block-recommend .block-top-more a {
  display: inline-flex;
  align-items: center;
}
.block-recommend .block-top-more a:after {
  content: "";
  display: block;
  width: 11px;
  height: 11px;
  margin-left: 5px;
  background: url(../../img/share/icon_arrow.svg) no-repeat;
  background-size: contain;
  transform: rotate(-90deg);
}
.block-recommend .block-top-more a:hover {
  color: #5C993D;
}
.block-recommend--goods {
  margin-bottom: 48px;
  border: 1px solid #ddd;
}
.block-recommend .block-recommend-item--list {
  display: flex;
}
.block-recommend .block-recommend-item--list li {
  flex: 1;
  border-right: 1px solid #ddd;
}
.block-recommend .block-recommend-item--list li:last-child {
  border-right: 0;
}
.block-recommend .block-recommend-item--list li a {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 12px;
  text-decoration: none;
}
.block-recommend .block-recommend-item--list li:hover {
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
}
.block-recommend .block-recommend-item--goods-image {
  margin-bottom: 12px;
}
.block-recommend .block-recommend-item--goods-name {
  margin-bottom: 9px;
  font-size: 12px;
  font-size: 0.75rem;
}
.block-recommend .block-recommend-item--goods-price {
  margin-top: auto;
  margin-bottom: 12px;
  color: #c00;
  font-weight: bold;
  text-align: right;
}
.block-recommend .block-recommend-item--goods-price span {
  font-size: 18px;
  font-size: 1.125rem;
}
.block-recommend .block-staff-recommend-item--list {
  display: flex;
  flex-wrap: wrap;
}
.block-recommend .block-staff-recommend-item--list li {
  width: 50%;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.block-recommend .block-staff-recommend-item--list li:hover {
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
}
.block-recommend .block-staff-recommend-item--list li:nth-child(even) {
  border-right: 0;
}
.block-recommend .block-staff-recommend-item--list li:nth-last-of-type(1), .block-recommend .block-staff-recommend-item--list li:nth-last-of-type(2) {
  border-bottom: 0;
}
.block-recommend .block-staff-recommend-item--list li a {
  display: grid;
  grid-template-columns: auto auto;
  grid-template-rows: auto auto 1fr;
  height: 100%;
  padding: 12px;
  text-decoration: none;
}
.block-recommend .block-staff-recommend-item--list li .block-recommend-item--goods-image {
  grid-column: 1;
  grid-row: 1 / 4;
  width: 180px;
  margin-right: 12px;
}
.block-recommend .block-staff-recommend-item--list li .block-recommend-item--goods-name {
  grid-column: 2;
  grid-row: 1;
  font-weight: bold;
}
.block-recommend .block-staff-recommend-item--list li .block-recommend-item--goods-price {
  grid-column: 2;
  grid-row: 2;
  margin: 0 0 8px;
}
.block-recommend .block-staff-recommend-item--list li .block-recommend-comment {
  grid-column: 2;
  grid-row: 3;
  display: flex;
  flex-direction: column;
  padding: 12px;
  background: #F7F7F2;
  font-size: 12px;
  font-size: 0.75rem;
}
.block-recommend .block-staff-recommend-item--list li .block-recommend-comment--staff {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: auto;
}
.block-recommend .block-staff-recommend-item--list li .block-recommend-comment--staff-name {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
}
.block-recommend .block-staff-recommend-item--list li .block-recommend-comment--staff-image {
  width: 40px;
  margin-left: 4px;
}

/* 特集 */
.block-feature--list {
  display: flex;
  flex-wrap: wrap;
  border: 1px solid #ddd;
  border-bottom: 0px;
}
.block-feature--list li {
  width: calc(100% / 3);
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.block-feature--list li:nth-child(3n) {
  border-right: 0;
}
.block-feature--list li a {
  display: flex;
  align-items: center;
  padding: 6px;
  padding-right: 12px;
  text-decoration: none;
}
.block-feature--list li a:hover {
  opacity: .7;
}
.block-feature-item--image {
  flex-shrink: 0;
  width: 84px;
  margin-right: 16px;
}
.block-feature-item--label {
  font-size: 16px;
  font-size: 1rem;
  font-weight: bold;
}
.block-feature-item--note {
  margin-top: 4px;
}

/* よく見られている商品 */
.block-top-popular {
  margin-bottom: 80px;
}

.block-ranking-r--items {
  width: 1000px;
  margin: 0 auto;
}

/* カテゴリー */
.block-top-category {
  background: #F4F5F2;
  padding-bottom: 80px;
}

.block-category-list {
  display: flex;
  flex-wrap: wrap;
  width: 1000px;
  margin: 0 auto 33px;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
}
.block-category-list--item {
  width: calc(100% / 4);
  border-right: 1px solid #ddd;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  background: #fff;
}
.block-category-list--item > a {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 56px;
  padding: 8px 12px;
  padding-right: 24px;
  text-decoration: none;
}
.block-category-list--item > a:after {
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
  content: "";
  display: inline-block;
  width: 6px;
  height: 10px;
  background-image: url("../../img/share/btn_arrow-right_lightgreen.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.block-category-list--item > a:hover {
  opacity: .7;
}
.block-category-list--item-image {
  width: 32px;
  margin-right: 8px;
}
.block-category-list .block-category-sub {
  margin: 12px 0;
  font-size: 0.75rem;
}
.block-category-list .block-category-sub .block-category-list {
  display: flex;
  flex-wrap: wrap;
  width: 1000px;
  border-left: 1px solid #ddd;
}
.block-category-list .block-category-sub li {
  line-height: 1.8;
}
.block-category-list .block-view-all {
  padding: 12px;
  text-align: right;
}

/* 新着情報 */
.block-top-topic .block-top-topic--body {
  width: 1000px;
  margin: 0 auto;
}
.block-top-topic .block-top-topic--items {
  margin-bottom: 33px;
  border-top: 1px solid #ddd;
}
.block-top-topic .block-top-topic--items dl {
  display: flex;
}
.block-top-topic .block-top-topic--items dl dt {
  flex-shrink: 0;
  display: block;
  width: 10%;
  padding-right: 30px;
  color: #808080;
}
.block-top-topic .block-top-topic--items dl dd {
  display: none;
  width: 90%;
  margin: 0;
  font-weight: 500;
}
.block-top-topic .block-top-topic--items dl dd + dd {
  display: block;
  margin: 0;
}
.block-top-topic .block-top-topic--items li {
  border-bottom: 1px solid #ddd;
}
.block-top-topic .block-top-topic--items li a {
  position: relative;
  display: block;
  padding: 20px 0;
  padding-right: 32px;
  text-decoration: none;
}
.block-top-topic .block-top-topic--items li a:after {
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  content: "";
  display: inline-block;
  width: 6px;
  height: 10px;
  background-image: url("../../img/share/arrow.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.block-top-topic .block-top-topic--items li a:hover {
  opacity: .7;
}

/* 便利・お得なサービス */
.block-service-banner {
  width: 1000px;
  margin: 0 auto;
}
.block-service-banner--list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.block-service-banner--list li {
  width: calc(100% / 5 - 8px);
}
.block-service-banner--list li img {
  border: 1px solid #ddd;
}
.block-service-banner--list li a {
  text-decoration: none;
}
.block-service-banner--list li a:hover {
  opacity: .7;
}
.block-service-banner--title {
  margin-top: 8px;
}

/* 暮らしと住まいのサポート集 */
.block-support-banner {
  width: 1000px;
  margin: 0 auto;
}
.block-support-banner--list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 32px;
}
.block-support-banner--list li {
  width: calc(100% / 4 - 9px);
}
.block-support-banner--list li img {
  border: 1px solid #ddd;
}
.block-support-banner--list li a {
  text-decoration: none;
}
.block-support-banner--list li a:hover {
  opacity: .7;
}
.block-support-banner--text {
  margin-top: 8px;
}

/* グループ会社サイト */
.block-group-banner {
  width: 1000px;
  margin: 0 auto;
}
.block-group-banner--list li {
  display: flex;
  border: 1px solid #ddd;
}
.block-group-banner--image {
  flex-shrink: 0;
  width: 40%;
}
.block-group-banner--text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 20px 30px;
  font-size: 16px;
  font-size: 1rem;
}
.block-group-banner--text h3 {
  margin-bottom: 16px;
  padding: 0;
  font-size: 20px;
  font-size: 1.25rem;
  border: 0;
}
.block-group-banner--text p {
  margin-bottom: 16px;
}

/*----------------------------------------------------
	setting
----------------------------------------------------*/
/*----------------------------------------------------
	商品詳細
----------------------------------------------------*/
.pane-goods-left-side .block-goods-icons {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -5px;
}
.pane-goods-left-side .block-goods-icons li {
  width: 60px;
  margin: 0 5px 8px;
}
.pane-goods-left-side .bx-wrapper {
  width: 500px;
  margin-bottom: 17px;
  margin-left: auto;
  order: 20;
  border: 1px solid #ddd;
}
.pane-goods-left-side .bx-wrapper .bx-viewport {
  width: 100%;
}
.pane-goods-left-side .bx-wrapper .bx-viewport .js-goods-detail-goods-slider {
  width: 100%;
}
.pane-goods-left-side .bx-wrapper .bx-viewport .js-goods-detail-goods-slider .block-goods-detail-line-item {
  width: 100%;
}
.pane-goods-left-side .bx-wrapper .bx-viewport .js-goods-detail-goods-slider .block-goods-detail-line-item img {
  vertical-align: top;
}
.pane-goods-left-side .block-goods-gallery {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -5px;
}
.pane-goods-left-side .block-goods-gallery li {
  width: 92px;
  margin: 0 5px;
}
.pane-goods-left-side .block-goods-gallery li a {
  position: relative;
  display: block;
}
.pane-goods-left-side .block-goods-gallery li a.active:before {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  border: 2px solid #78BD24;
}
.pane-goods-left-side .block-goods-gallery li figure {
  width: 92px;
  height: 92px;
  border: 1px solid #ddd;
}
.pane-goods-left-side .block-goods-gallery li .block-goods-detail--color-variation-goods-color-name {
  display: none;
}

.pane-goods-right-side .block-goods-brand {
  margin-bottom: 4px;
  font-size: 12px;
  font-size: 0.75rem;
  color: #666;
}
.pane-goods-right-side .block-goods-group, .pane-goods-right-side .block-goods-quantity-group {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 16px 0;
}
.pane-goods-right-side .block-goods-group .block-goods-code, .pane-goods-right-side .block-goods-quantity-group .block-goods-code {
  order: 1;
}
.pane-goods-right-side .block-goods-group .block-goods-evaluation, .pane-goods-right-side .block-goods-quantity-group .block-goods-evaluation {
  order: 2;
  flex-shrink: 0;
}
.pane-goods-right-side .block-goods-group .block-goods-stock, .pane-goods-right-side .block-goods-quantity-group .block-goods-stock {
  order: 1;
}
.pane-goods-right-side .block-goods-group .block-goods-quantity, .pane-goods-right-side .block-goods-quantity-group .block-goods-quantity {
  order: 2;
}
.pane-goods-right-side .block-goods-btn-group {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.pane-goods-right-side .block-goods-btn-group .block-goods-favorite {
  order: 1;
}
.pane-goods-right-side .block-goods-btn-group .block-add-cart {
  order: 2;
  width: calc(100% - 60px);
}
.pane-goods-right-side .block-goods-btn-group .block-add-cart a.block-add-cart--btn {
  display: block;
  text-align: center;
}
.pane-goods-right-side .block-goods-btn-group .block-add-cart a.block-add-cart--btn:hover {
  text-decoration: none;
}
.pane-goods-right-side .block-goods-name--text {
  margin-bottom: 8px;
  padding: 0;
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.3;
  color: #333;
}
.pane-goods-right-side .block-goods-code {
  display: flex;
  align-items: center;
  line-height: 1;
}
.pane-goods-right-side .block-goods-code dt {
  display: block;
  width: auto;
  font-weight: normal;
}
.pane-goods-right-side .block-goods-code dt:after {
  content: "：";
}
.pane-goods-right-side .block-goods-code dd {
  display: block;
  font-size: 16px;
  font-size: 1rem;
}
.pane-goods-right-side .block-goods-user-review--count-summary {
  display: flex;
  align-items: center;
}
.pane-goods-right-side .block-goods-user-review--score dt {
  display: none;
}
.pane-goods-right-side .block-goods-user-review--score dd {
  display: flex;
  align-items: center;
  color: #CC0000;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: bold;
}
.pane-goods-right-side .block-goods-user-review--score dd img {
  height: 14px;
  margin-right: 8px;
}
.pane-goods-right-side .block-goods-user-review--count {
  font-size: 10px;
  font-size: 0.625rem;
}
.pane-goods-right-side .block-goods-user-review--count dt {
  display: none;
}
.pane-goods-right-side .block-goods-user-review--count dd:before {
  content: "（";
}
.pane-goods-right-side .block-goods-user-review--count dd:after {
  content: "）";
}
.pane-goods-right-side .block-goods-status {
  margin-bottom: 16px;
}
.pane-goods-right-side .block-goods-status ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -4px;
}
.pane-goods-right-side .block-goods-status ul li {
  width: 100px;
  margin: 0 4px 8px;
  padding: 3px;
  border: 1px solid #102C3D;
  background: #EBF1F5;
  font-weight: bold;
  color: #102C3D;
  text-align: center;
}
.pane-goods-right-side .block-goods-status ul li .action-tooltip--text {
  left: 50%;
  bottom: calc(100% + 14px);
  transform: translateX(-50%);
  width: 200px;
}
.pane-goods-right-side .block-goods-status ul li .action-tooltip--text:before {
  top: auto;
  bottom: -7px;
}
.pane-goods-right-side .block-goods-status ul li .action-tooltip--text div {
  padding: 16px;
  font-size: 16px;
  line-height: 1.5;
  font-weight: normal;
  color: #333;
}
.pane-goods-right-side .block-goods-comment {
  margin-bottom: 16px;
  font-size: 16px;
  font-size: 1rem;
}
.pane-goods-right-side .block-goods-comment-end {
  margin-bottom: 16px;
  padding-top: 24px;
  font-size: 16px;
  font-size: 1rem;
  border-top: 1px solid #ddd;
  color: #c00;
}
.pane-goods-right-side .block-goods-price {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: wrap;
  margin: 0 0 24px;
  padding: 0 0 24px;
  border: 0;
  border-bottom: 1px solid #ddd;
}
.pane-goods-right-side .block-goods-price .block-goods-price--on-sales-comment {
  margin-right: 8px;
  font-size: 16px;
  font-size: 1rem;
  color: #666;
  font-weight: normal;
}
.pane-goods-right-side .block-goods-price .block-goods-price--price {
  font-size: 20px;
  font-size: 1.25rem;
  color: #333;
}
.pane-goods-right-side .block-goods-price .block-goods-price--price.price {
  width: 100%;
  margin-top: 8px;
  text-align: right;
}
.pane-goods-right-side .block-goods-price .block-goods-price--price.net span {
  font-size: 40px;
  font-size: 2.5rem;
  font-weight: bold;
  font-family: Roboto;
  line-height: 1.1;
}
.pane-goods-right-side .block-goods-price .block-goods-price--kikaku-period {
  width: 100%;
  margin-top: 8px;
  text-align: right;
  color: #CC0000;
}
.pane-goods-right-side .block-goods-att {
  margin: 20px 0;
  padding: 16px;
  background: #FFF4F4;
}
.pane-goods-right-side .block-goods-att li {
  color: #CC0000;
  text-indent: -1em;
  padding-left: 1em;
  line-height: 1.5;
}
.pane-goods-right-side .block-goods-att li:before {
  content: "※";
}
.pane-goods-right-side .block-goods-support {
  margin-bottom: 20px;
}
.pane-goods-right-side .block-goods-support li {
  margin-bottom: 8px;
  padding-left: 5px;
}
.pane-goods-right-side .block-goods-support li:last-child {
  margin-bottom: 0;
}
.pane-goods-right-side .block-goods-support li a {
  display: inline-flex;
  align-items: center;
}
.pane-goods-right-side .block-goods-support li a:before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 10px;
  background-image: url("../../img/share/arrow.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  margin-right: 8px;
}
.pane-goods-right-side .block-goods-note {
  margin-top: 20px;
  margin-bottom: 20px;
}
.pane-goods-right-side .block-goods-note li {
  margin-top: 5px;
  margin-bottom: 4px;
  text-indent: -1em;
  padding-left: 1em;
  line-height: 1.5;
  color: #666;
  font-size: 12px;
  font-size: 0.75rem;
}
.pane-goods-right-side .block-goods-note li:last-child {
  margin-bottom: 0;
}
.pane-goods-right-side .block-goods-note li:before {
  content: "※";
}
.pane-goods-right-side .block-share {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.pane-goods-right-side .block-share--name {
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-size: 0.875rem;
  border: 0;
  font-weight: normal;
}
.pane-goods-right-side .block-share ul {
  display: flex;
}
.pane-goods-right-side .block-share ul li {
  width: 24px;
  margin-left: 16px;
  line-height: 1;
}
.pane-goods-right-side .block-goods-variation-btn {
  margin: -10px 0 20px;
}
.pane-goods-right-side .block-goods-variation-btn--btn {
  position: relative;
  display: block;
  padding: 13px;
  border: 1px solid #999;
  border-radius: 4px;
  font-size: 18px;
  font-size: 1.125rem;
  text-align: center;
  color: #333;
}
.pane-goods-right-side .block-goods-variation-btn--btn:after {
  position: absolute;
  top: 50%;
  right: 20px;
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  background-image: url("../../img/share/arrow.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transform: rotate(90deg) translateY(-50%);
}
.pane-goods-right-side .block-goods-stock--login-message {
  order: 2;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 8px;
  padding: 10px;
  background: #EBF4FA;
}
.pane-goods-right-side .block-goods-stock--login-message a {
  color: #145D39;
  text-decoration: underline;
}
.pane-goods-right-side .block-goods-stock--login-message a:hover {
  text-decoration: none;
}
.pane-goods-right-side .block-variation.-group {
  margin-bottom: 24px;
  padding-bottom: 24px;
  border-bottom: 1px solid #ddd;
}
.pane-goods-right-side .block-variation > .block-variation {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
  border: 0;
}
.pane-goods-right-side .block-variation > .block-variation + .block-variation {
  margin-top: 20px;
}
.pane-goods-right-side .block-variation > .block-type {
  display: block;
}
.pane-goods-right-side .block-variation .block-variation--name.block-color--name,
.pane-goods-right-side .block-variation .block-variation--name.block-size--name {
  width: 86px;
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: normal;
}
.pane-goods-right-side .block-variation .block-variation--selected-item {
  display: none;
}
.pane-goods-right-side .block-variation .block-variation--item {
  margin: 0 4px;
}
.pane-goods-right-side .block-variation .block-variation--item-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -4px;
}
.pane-goods-right-side .block-variation .block-variation--item dt {
  position: relative;
  width: auto;
  height: auto;
  min-width: unset;
  min-height: unset;
  padding: 6px 16px;
  border: 1px solid #999;
}
.pane-goods-right-side .block-variation .block-variation--item.active dt:before {
  position: absolute;
  top: -4px;
  left: -4px;
  content: "";
  width: calc(100% + 8px);
  height: calc(100% + 8px);
  border: 4px solid #78BD24;
}
.pane-goods-right-side .block-variation .block-size--item-term span {
  display: block;
  width: auto;
  height: auto;
}
.pane-goods-right-side .block-variation .block-type--name {
  margin-bottom: 4px;
  padding: 0;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: normal;
  border: 0;
}
.pane-goods-right-side .block-variation .block-type--item-list {
  position: relative;
  display: block;
  margin: 0;
  font-size: 14px;
  font-size: 0.875rem;
}
.pane-goods-right-side .block-variation .block-type--item-list:before, .pane-goods-right-side .block-variation .block-type--item-list:after {
  content: "";
  position: absolute;
  right: 16px;
  width: 10px;
  height: 8px;
  background: #78BD24;
  pointer-events: none;
}
.pane-goods-right-side .block-variation .block-type--item-list:before {
  top: calc(50% - 10px);
  clip-path: polygon(50% 0, 100% 100%, 0 100%);
}
.pane-goods-right-side .block-variation .block-type--item-list:after {
  bottom: calc(50% - 10px);
  clip-path: polygon(0 0, 50% 100%, 100% 0);
}
.pane-goods-right-side .block-variation .block-type--item-list select {
  appearance: none;
  width: 100%;
  padding: 12px 15px;
  border: 1px solid #999;
  border-radius: 4px;
  background-color: #fff;
  color: #333;
  font-size: 16px;
  font-size: 1rem;
  cursor: pointer;
}
.pane-goods-right-side .block-variation .block-type--item-list select:focus-visible {
  outline: 0;
}
.pane-goods-right-side .block-url-link {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: 10px;
}
.block-goods-stock {
  display: grid;
  grid-template-columns: auto auto 1fr;
  grid-template-rows: auto auto;
  align-items: center;
  width: 50%;
}
.block-goods-stock dt {
  display: block;
  width: auto;
  font-weight: normal;
}
.block-goods-stock dt:after {
  content: "：";
}
.block-goods-stock dd {
  display: block;
}
.block-goods-stock dd#spec_stock_msg {
  grid-column: 2;
}
.block-goods-stock dd.block-goods-stock--btn {
  grid-column: 3;
  padding-left: 17px;
}
.block-goods-stock dd.block-goods-stock--btn a {
  display: inline-flex;
  align-items: center;
  padding: 7px 12px;
  background: #fff;
  border: 1px solid #999;
  border-radius: 2px;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: bold;
}
.block-goods-stock dd.block-goods-stock--btn a:after {
  content: "";
  display: inline-block;
  width: 6px;
  height: 10px;
  background-image: url("../../img/share/arrow.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  margin-left: 5px;
}
.block-goods-stock dd.att {
  grid-column: 1 / 4;
  grid-row: 2;
  margin-top: 4px;
  font-size: 12px;
  font-size: 0.75rem;
  color: #999;
}
.block-goods-stock.-no-stock dt {
  display: none;
}
.block-goods-stock.-stock-order dt {
  display: none;
}
.block-goods-stock.-stock-order dd.num {
  font-weight: bold;
  color: #c00;
}

.block-goods-quantity-group {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}

.block-goods-quantity {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 50%;
}
.block-goods-quantity dt {
  flex-shrink: 0;
  margin-right: 16px;
}
.block-goods-quantity dd {
  position: relative;
  display: flex;
}
.block-goods-quantity dd.num {
  display: none;
}
.block-goods-quantity--qty-minus, .block-goods-quantity--qty-plus {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  border: 1px solid #999;
}
.block-goods-quantity--qty-minus img, .block-goods-quantity--qty-plus img {
  width: 16px;
}
.block-goods-quantity--qty-minus {
  border-radius: 4px 0px 0px 4px;
}
.block-goods-quantity--qty-minus:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("../../img/share/btn_minus_green.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
.block-goods-quantity--qty-minus.disable {
  background: #eee;
  border-color: #eee;
}
.block-goods-quantity--qty-minus.disable:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("../../img/share/btn_minus_gray.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
.block-goods-quantity--qty-plus {
  border-radius: 0px 4px 4px 0px;
}
.block-goods-quantity--qty-plus:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("../../img/share/btn_plus_green.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
.block-goods-quantity input[type="text"] {
  width: 80px;
  height: 48px;
  margin: 0 -1px;
  border: 1px solid #999;
  text-align: center;
  font-size: 16px;
  font-size: 1rem;
}
.block-goods-quantity--message {
  display: none;
  position: absolute;
  bottom: calc(100% + 10px);
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  border: 1px solid #ddd;
  border-radius: 4px;
  filter: drop-shadow(0px 3px 10px rgba(0, 0, 0, 0.101));
}
.block-goods-quantity--message:before {
  content: '';
  position: absolute;
  width: 14px;
  height: 14px;
  background: #fff;
  border: 1px solid #ddd;
  bottom: -7px;
  left: 50%;
  transform: rotate(45deg);
}
.block-goods-quantity--message div {
  position: relative;
  z-index: 1;
  padding: 10px;
  background: #fff;
  border-radius: 2px;
}
.block-goods-quantity--message div span {
  color: #CC0000;
}
.block-goods-quantity--message div a {
  color: #145D39;
  text-decoration: underline;
}

.pane-goods-center dl.block-goods-comment1,
.pane-goods-center dl.block-goods-comment2,
.pane-goods-center dl.block-goods-comment3,
.pane-goods-center dl.block-goods-comment4,
.pane-goods-center dl.block-goods-comment5,
.pane-goods-center dl.block-goods-comment6,
.pane-goods-center dl.block-goods-comment7,
.pane-goods-center dl.block-goods-comment8,
.pane-goods-center dl.block-goods-comment9 {
  margin: 0 0 40px;
}
.pane-goods-center dl[class^="block-goods-comment"] dt {
  display: none;
}
.pane-goods-center dl[class^="block-goods-comment"] dt h3 {
  margin: 0 0 16px;
  padding: 0 0 0 12px;
  border-bottom: 0;
  border-left: 4px solid #78BD24;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: normal;
}
.pane-goods-center dl[class^="block-goods-comment"]:first-of-type dt {
  display: block;
}
.pane-goods-center dl[class^="block-goods-comment"] dd .block-column:first-of-type {
  margin-top: 0;
}

.block-goods-comment {
  margin-bottom: 80px;
}
.block-goods-comment--title, .block-goods-sales-detail-append--title {
  margin: 0 0 16px;
  padding: 0 0 0 12px;
  border-bottom: 0;
  border-left: 4px solid #78BD24;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: normal;
}
.block-goods-comment--table-frame {
  width: 100%;
  margin: 0 0 15px;
}
.block-goods-comment--table-frame .block-goods-comment--table {
  border-collapse: collapse;
  border: 1px solid #ccc;
  border-bottom: 0;
}
.block-goods-comment--table-frame .block-goods-comment--table th,
.block-goods-comment--table-frame .block-goods-comment--table td {
  padding: 12px 20px;
  font-size: 16px;
  font-size: 1rem;
  text-align: center;
  vertical-align: middle;
}
.block-goods-comment--table-frame .block-goods-comment--table tr {
  border-bottom: 1px solid #ccc;
}
.block-goods-comment--table-frame .block-goods-comment--table tr.title th {
  color: #145D39;
}
.block-goods-comment--table-frame .block-goods-comment--table tr:not(.title) th:first-child {
  white-space: nowrap;
}
.block-goods-comment--table-frame .block-goods-comment--table th {
  background: #F4F5F2;
  font-weight: bold;
}
.block-goods-comment--table-frame .block-goods-comment--table td {
  white-space: nowrap;
}

.pane-goods-center {
  margin-top: 48px;
  padding-top: 48px;
  border-top: 1px solid #ccc;
  font-size: 16px;
  font-size: 1rem;
}
.pane-goods-center .block-goods-comment1 > p {
  margin: 40px 0;
}
.pane-goods-center .youtube {
  position: relative;
  width: 800px;
  height: 450px;
  margin: 40px auto;
}
.pane-goods-center .youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.pane-goods-center .block-goods-compare {
  margin-bottom: 50px;
}
.pane-goods-center .block-goods-compare--title {
  margin-bottom: 8px;
  padding: 0;
  font-size: 16px;
  font-size: 1rem;
  font-weight: bold;
}
.pane-goods-center .block-pickup-list-p {
  margin-bottom: 0;
}
.pane-goods-center .block-pickup-list-p li {
  margin: 0 -10px;
}
.pane-goods-center .block-pickup-list-p li .block-pickup-list-p--item-body {
  margin: 0 10px 0;
  width: calc(100% / 5 - 20px);
}
.pane-goods-center .block-pickup-list-p li .block-pickup-list-p--item-body:nth-of-type(4n) {
  margin-right: 10px;
}
.pane-goods-center .block-pickup-list-p li .block-pickup-list-p--item-body .block-pickup-list-p--item-description {
  margin-top: 10px;
}
.pane-goods-center .block-pickup-list-p li .block-pickup-list-p--item-body .block-pickup-list-p--item-description .block-pickup-list-p--price-infos {
  padding: 0;
  font-size: 12px;
  font-size: 0.75rem;
}
.pane-goods-center .block-pickup-list-p li .block-pickup-list-p--item-body .block-pickup-list-p--item-description .block-pickup-list-p--price-items {
  display: flex;
  align-items: baseline;
}
.pane-goods-center .block-pickup-list-p li .block-pickup-list-p--item-body .block-pickup-list-p--item-description .block-pickup-list-p--price-items .net span {
  margin-right: 4px;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: bold;
}
.pane-goods-center .block-pickup-list-p li .block-pickup-list-p--item-body .block-pickup-list-p--item-description .block-pickup-list-p--price-items .price {
  font-weight: normal;
}
.pane-goods-center .block-pickup-list-p li .block-pickup-list-p--item-body .block-pickup-list-p--item-description .block-pickup-list-p--price-items .price:before {
  content: "（税込";
}
.pane-goods-center .block-pickup-list-p li .block-pickup-list-p--item-body .block-pickup-list-p--item-description .block-pickup-list-p--price-items .price:after {
  content: "）";
}
.pane-goods-center .block-goods-variation .block-bulk-purchase-b--table {
  border: 0;
  border-top: 1px solid #ddd;
}
.pane-goods-center .block-goods-variation .block-bulk-purchase-b--table thead {
  display: none;
}
.pane-goods-center .block-goods-variation .block-bulk-purchase-b--table td {
  padding: 16px 24px;
  border: 0;
  border-bottom: 1px solid #ddd;
}
.pane-goods-center .block-goods-variation .block-bulk-purchase-b--table td:nth-of-type(1) {
  width: 300px;
  font-size: 16px;
  font-size: 1rem;
}
.pane-goods-center .block-goods-variation .block-bulk-purchase-b--table td:nth-of-type(1) a {
  color: #145D39;
  text-decoration: underline;
}
.pane-goods-center .block-goods-variation .block-bulk-purchase-b--table td:nth-of-type(1) a:hover {
  text-decoration: none;
}
.pane-goods-center .block-goods-variation .block-bulk-purchase-b--table .block-goods-quantity-group {
  display: flex;
  align-items: center;
}
.pane-goods-center .block-goods-variation .block-bulk-purchase-b--table .block-goods-quantity-group .block-goods-stock {
  order: 1;
  display: flex;
  justify-content: flex-end;
  width: calc(100% - 190px);
  margin-right: 16px;
  font-size: 14px;
  font-size: 0.875rem;
}
.pane-goods-center .block-goods-variation .block-bulk-purchase-b--table .block-goods-quantity-group .block-goods-stock.-no-stock dt {
  display: none;
}
.pane-goods-center .block-goods-variation .block-bulk-purchase-b--table .block-goods-quantity-group .block-goods-stock.-no-stock + .block-goods-quantity {
  display: none;
}
.pane-goods-center .block-goods-variation .block-bulk-purchase-b--table .block-goods-quantity-group .block-goods-quantity {
  order: 2;
}
.pane-goods-center .block-goods-variation .block-bulk-purchase-b--table .block-goods-quantity-group .block-goods-quantity dt {
  display: none;
}
.pane-goods-center .block-goods-variation .block-bulk-purchase-b--table .block-bulk-purchase-b--price-infos-wrap {
  display: flex;
  justify-content: flex-end;
  width: 300px;
}
.pane-goods-center .block-goods-variation .block-bulk-purchase-b--table .block-bulk-purchase-b--price-items {
  display: flex;
  align-items: baseline;
  margin-right: 16px;
  justify-content: flex-end;
  flex-wrap: wrap;
}
.pane-goods-center .block-goods-variation .block-bulk-purchase-b--table .block-bulk-purchase-b--price-items .price {
  order: 2;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: normal;
}
.pane-goods-center .block-goods-variation .block-bulk-purchase-b--table .block-bulk-purchase-b--price-items .price:before {
  content: "（税込";
}
.pane-goods-center .block-goods-variation .block-bulk-purchase-b--table .block-bulk-purchase-b--price-items .price:after {
  content: "）";
}
.pane-goods-center .block-goods-variation .block-bulk-purchase-b--table .block-bulk-purchase-b--price-items .net-price {
  order: 1;
  font-size: 12px;
  font-size: 0.75rem;
}
.pane-goods-center .block-goods-variation .block-bulk-purchase-b--table .block-bulk-purchase-b--price-items .net-price span {
  margin-right: 2px;
  font-weight: bold;
  font-family: Roboto;
  font-size: 24px;
  font-size: 1.5rem;
}
.pane-goods-center .block-goods-variation .block-bulk-purchase-b--table .block-goods-quantity--login-message {
  order: 2;
  width: 174px;
  font-size: 14px;
  font-size: 0.875rem;
}
.pane-goods-center .block-goods-variation .block-bulk-purchase-b--table .block-bulk-purchase-b--kikaku-period {
  order: 3;
  font-size: 0.875rem;
  color: #CC0000;
}
.pane-goods-center .block-goods-variation .block-bulk-purchase-b--add-cart {
  margin: 24px 0;
  text-align: center;
}
.pane-goods-center .block-goods-variation .block-bulk-purchase-b--add-cart .block-list-add-cart-btn {
  width: 400px;
  margin: 0 auto;
  padding: 14px;
  border-radius: 4px;
  font-size: 18px;
  background: #78BD24;
  color: #fff;
  border: 0;
}

.block-goods-stock--title {
  margin-bottom: 40px;
  padding: 0;
  font-size: 24px;
  font-size: 1.5rem;
  text-align: center;
  color: #333;
  border: 0;
  font-weight: bold;
}
.block-goods-stock--att {
  margin-bottom: 16px;
  padding: 16px 12px;
  background: #FFF4F4;
}
.block-goods-stock--att li {
  text-indent: -1em;
  padding-left: 1em;
  font-size: 16px;
  font-size: 1rem;
  color: #c00;
}
.block-goods-stock--att li:before {
  content: "・";
}
.block-goods-stock--check {
  margin-bottom: 16px;
}
.block-goods-stock--area {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -6px;
}
.block-goods-stock--area li {
  width: calc(100% / 8 - 12px);
  margin: 0 6px 12px;
}
.block-goods-stock--area li label {
  position: relative;
  display: block;
  padding: 10px 0;
  border: 1px solid #ccc;
  border-radius: 4px;
  text-align: center;
}
.block-goods-stock--area li label.disabled {
  border-color: #eee;
  background: #eee;
  color: #666;
}
.block-goods-stock--area li input[type="radio"] {
  display: none;
}
.block-goods-stock--area li input[type="radio"]:checked + label {
  font-weight: bold;
}
.block-goods-stock--area li input[type="radio"]:checked + label:before {
  position: absolute;
  top: -4px;
  left: -4px;
  content: "";
  display: block;
  width: calc(100% + 8px);
  height: calc(100% + 8px);
  border: 4px solid #78BD24;
  border-radius: 4px;
}
.block-goods-stock-modal table {
  width: 100%;
  margin-bottom: 40px;
}
.block-goods-stock-modal table .thead {
  background: #DBDBD9;
}
.block-goods-stock-modal table .thead th {
  padding: 14px 60px;
  color: #333;
  font-weight: bold;
}
.block-goods-stock-modal table .thead th:nth-of-type(3) {
  text-align: right;
}
.block-goods-stock-modal table tr:nth-child(odd) {
  background: #F4F5F2;
}
.block-goods-stock-modal table td {
  padding: 10px 60px;
}
.block-goods-stock-modal table td:nth-of-type(2) {
  color: #145D39;
}
.block-goods-stock-modal table td:nth-of-type(2) a {
  color: #145D39;
}
.block-goods-stock-modal table td:nth-of-type(3) {
  text-align: right;
}
.block-goods-stock-modal table .no-stock td:nth-of-type(3) {
  color: #800000;
}
.block-goods-stock-modal .js-stockMessage {
  margin: -12px 0 28px;
  font-size: 16px;
  font-size: 1rem;
}

.block-goods-sales-detail-append--item .form-group {
  margin: 0 0 32px;
  font-size: 16px;
  font-size: 1rem;
}
.block-goods-sales-detail-append--item .form-group ul li {
  margin-bottom: 8px;
}
.block-goods-sales-detail-append--item .form-group input[type="text"],
.block-goods-sales-detail-append--item .form-group textarea {
  padding: 12px 15px;
  border-color: #999;
  border-radius: 4px;
  font-size: 16px;
  font-size: 1rem;
  outline: 0;
}
.block-goods-sales-detail-append--item .form-group input[type="radio"],
.block-goods-sales-detail-append--item .form-group input[type="checkbox"] {
  display: none;
}
.block-goods-sales-detail-append--item .form-group input[type="radio"] + label,
.block-goods-sales-detail-append--item .form-group input[type="checkbox"] + label {
  position: relative;
  padding-left: 24px;
  font-size: 16px;
  font-size: 1rem;
}
.block-goods-sales-detail-append--item .form-group input[type="radio"] + label:before, .block-goods-sales-detail-append--item .form-group input[type="radio"] + label:after,
.block-goods-sales-detail-append--item .form-group input[type="checkbox"] + label:before,
.block-goods-sales-detail-append--item .form-group input[type="checkbox"] + label:after {
  position: absolute;
  top: calc(50% - 10px);
  left: 0;
  content: "";
  width: 20px;
  height: 20px;
}
.block-goods-sales-detail-append--item .form-group input[type="radio"] + label:before, .block-goods-sales-detail-append--item .form-group input[type="radio"] + label:after {
  border-radius: 100%;
}
.block-goods-sales-detail-append--item .form-group input[type="radio"] + label:before {
  display: block;
  border: 1px solid #ccc;
}
.block-goods-sales-detail-append--item .form-group input[type="radio"]:checked + label:after {
  display: block;
  border: 4px solid #78BD24;
}
.block-goods-sales-detail-append--item .form-group input[type="checkbox"] + label:before {
  display: block;
  border: 1px solid #ccc;
}
.block-goods-sales-detail-append--item .form-group input[type="checkbox"]:checked + label:before {
  background: #78BD24;
}
.block-goods-sales-detail-append--item .form-group input[type="checkbox"]:checked + label:after {
  top: 6px;
  left: 4px;
  display: block;
  width: 12px;
  height: 12px;
  background: url(../../img/share/icon_check.svg) no-repeat;
  background-size: contain;
}
.block-goods-sales-detail-append--item .form-group .help-block {
  margin: 0 0 8px;
  font-size: 14px;
  font-size: 0.875rem;
  color: #333;
}
.block-goods-sales-detail-append--item .form-label {
  margin: 0 0 4px;
  padding: 0;
  background: none;
  font-size: 16px;
  font-size: 1rem;
}
.block-goods-sales-detail-append--item .form-control-wrap--wh {
  display: flex;
  justify-content: space-between;
}
.block-goods-sales-detail-append--item .form-control-wrap--wh .-w input[type="text"] {
  width: 240px;
  margin-right: 8px;
}
.block-goods-sales-detail-append--item .form-control-wrap--wh .-h input[type="text"] {
  width: 280px;
  margin-right: 8px;
}
.block-goods-sales-detail-append + .block-modal-footer .block-goods-quantity {
  width: auto;
  margin-left: auto;
  margin-bottom: 40px;
}
.block-goods-sales-detail-append + .block-modal-footer .block-goods-quantity dt {
  display: none;
}

/*----------------------------------------------------
	商品一覧
----------------------------------------------------*/
/*----------------------------------------------------
	setting
----------------------------------------------------*/
/*----------------------------------------------------
	商品一覧
----------------------------------------------------*/
.page-event .pane-contents > .container,
.page-search .pane-contents > .container,
.page-category .pane-contents > .container {
  display: grid;
  grid-template-columns: 31.25% 1fr;
  width: auto;
}
.page-event .pane-contents > .container .pane-left-menu,
.page-search .pane-contents > .container .pane-left-menu,
.page-category .pane-contents > .container .pane-left-menu {
  margin-left: auto;
}
.page-event .pane-contents > .container .pane-main,
.page-search .pane-contents > .container .pane-main,
.page-category .pane-contents > .container .pane-main {
  margin: 40px 0 0;
}
.page-event .pane-contents > .container .pane-right-menu,
.page-search .pane-contents > .container .pane-right-menu,
.page-category .pane-contents > .container .pane-right-menu {
  width: 100%;
  margin: 0;
}
.page-search .block-category-list,
.page-category .block-category-list {
  display: block;
  width: auto;
  margin: 0;
  border: 0;
}

/* ---- 共通 ---- */
.block-link-categorylist a {
  display: block;
  padding: 6px 10px;
  font-size: 14px;
  font-size: 0.875rem;
  text-align: center;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.block-link-categorylist a:after {
  content: "";
  display: inline-block;
  width: 6px;
  height: 10px;
  background-image: url("../../img/share/arrow.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  margin-left: 5px;
}
.block-link-categorylist a:hover {
  opacity: .7;
  text-decoration: none;
}

.block-goods-list--search-conditions {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  padding: 16px;
  background: #F0F0F0;
}
.block-goods-list--search-conditions dt {
  margin-right: 16px;
  font-weight: bold;
  font-size: 14px;
  font-size: 0.875rem;
}
.block-goods-list--search-conditions dd ul {
  display: flex;
  flex-wrap: wrap;
}
.block-goods-list--search-conditions dd ul li {
  margin-right: 8px;
  padding: 7px 12px;
  font-size: 12px;
  font-size: 0.75rem;
  text-align: center;
  border: 1px solid #ccc;
  border-radius: 4px;
  background: #fff;
}
.block-goods-list--search-conditions dd ul li:after {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  background-image: url("../../img/share/btn_close_black.svg");
  background-repeat: no-repeat;
  background-size: contain;
  margin-left: 11px;
}
.block-goods-list--search-conditions dd .block-goods-list--reset {
  padding: 7px 10px;
  font-size: 12px;
  font-size: 0.75rem;
  text-align: center;
  border: 1px solid #ccc;
  border-radius: 4px;
  background: #fff;
}
.block-goods-list--search-conditions dd:last-child {
  width: 94px;
  margin-left: auto;
  padding-left: 20px;
  border-left: 1px solid #ccc;
}

.block-goods-list-controler {
  display: flex;
  align-items: center;
  margin-bottom: 28px;
  padding-bottom: 20px;
  border-bottom: 1px solid #ddd;
}

.block-goods-list--pager-top {
  margin-right: 40px;
}
.block-goods-list--pager-top.pager[class*="-pager-top"] {
  display: block;
}
.block-goods-list--pager-top.pager {
  padding: 5px 0;
  border-top: 0;
}
.block-goods-list--pager-top .pager-total {
  margin: 0;
  padding: 0;
}
.block-goods-list--pager-top .pager-total .pager-count {
  font-size: 14px;
  font-size: 0.875rem;
}
.block-goods-list--pager-top .pager-total .pager-count span {
  font-size: 20px;
  font-size: 1.25rem;
  margin-right: 2px;
  font-weight: 500;
}

.block-goods-list--keywords {
  display: flex;
  align-items: center;
}
.block-goods-list--keywords dd {
  color: #67A228;
}

.block-goods-list--items-wrap {
  margin-left: auto;
}
.block-goods-list--items-wrap .block-goods-list--sort-order-items {
  display: flex;
  align-items: center;
  margin: 0;
}
.block-goods-list--items-wrap .block-goods-list--sort-order-items dt {
  margin-right: 4px;
  font-weight: normal;
  font-size: 14px;
  font-size: 0.875rem;
}
.block-goods-list--items-wrap .block-goods-list--sort-order-items dd {
  margin-right: 24px;
}
.block-goods-list--items-wrap .block-goods-list--sort-order-items-list-wrap:before, .block-goods-list--items-wrap .block-goods-list--sort-order-items-list-wrap:after {
  width: 8px;
  height: 6px;
  right: 10px;
}
.block-goods-list--items-wrap .block-goods-list--sort-order-items-list-wrap:before {
  top: calc(50% - 8px);
}
.block-goods-list--items-wrap .block-goods-list--sort-order-items-list-wrap:after {
  bottom: calc(50% - 8px);
}
.block-goods-list--items-wrap .block-goods-list--sort-order-items-list-wrap select {
  padding: 6px 7px;
  padding-right: 28px;
  font-size: 12px;
  font-size: 0.75rem;
  border-color: #ccc;
}

.block-goods-list--items-switch {
  padding-left: 24px;
  padding-right: 16px;
  border-left: 1px solid #ccc;
}
.block-goods-list--items-switch .block-goods-list--display-style-items {
  display: flex;
  align-items: center;
  margin: 0;
}
.block-goods-list--items-switch .block-goods-list--display-style-items dt {
  margin-right: 4px;
  font-weight: normal;
  font-size: 14px;
  font-size: 0.875rem;
}
.block-goods-list--items-switch .block-goods-list--display-style-items dd {
  margin-right: 24px;
}
.block-goods-list--items-switch .block-goods-list--display-style-items-list-switch:before, .block-goods-list--items-switch .block-goods-list--display-style-items-list-switch:after {
  width: 8px;
  height: 6px;
  right: 10px;
}
.block-goods-list--items-switch .block-goods-list--display-style-items-list-switch:before {
  top: calc(50% - 8px);
}
.block-goods-list--items-switch .block-goods-list--display-style-items-list-switch:after {
  bottom: calc(50% - 8px);
}
.block-goods-list--items-switch .block-goods-list--display-style-items-list-switch select {
  padding: 6px 7px;
  padding-right: 28px;
  font-size: 12px;
  font-size: 0.75rem;
  border-color: #ccc;
}

.block-goods-list--display-num-style-items {
  padding-left: 24px;
  padding-right: 16px;
  border-left: 1px solid #ccc;
}
.block-goods-list--display-num-style-items .block-style--header {
  display: flex;
  align-items: center;
  margin: 0;
}
.block-goods-list--display-num-style-items .block-style--header dt {
  margin-right: 4px;
  font-weight: normal;
  font-size: 0.875rem;
}
.block-goods-list--display-num-style-items .block-style--header dd {
  margin-right: 24px;
}
.block-goods-list--display-num-style-items .block-goods-list--display-style-items-list-num:before, .block-style--header .block-goods-list--display-style-items-list-num:after {
  width: 8px;
  height: 6px;
  right: 10px;
}
.block-goods-list--display-num-style-items .block-goods-list--display-style-items-list-num:before {
  top: calc(50% - 8px);
}
.block-goods-list--display-num-style-items .block-goods-list--display-style-items-list-num:after {
  bottom: calc(50% - 8px);
}
.block-goods-list--display-num-style-items .block-goods-list--display-style-items-list-num select {
  padding: 6px 7px;
  padding-right: 28px;
  font-size: 0.75rem;
  border-color: #ccc;
}

.block-goods-list--switch {
  display: flex;
  justify-content: space-between;
  width: 110px;
  padding-left: 24px;
  padding-right: 16px;
  border-left: 1px solid #ccc;
}
.block-goods-list--switch-list, .block-goods-list--switch-list-on, .block-goods-list--switch-detail, .block-goods-list--switch-detail-on {
  width: 26px;
  height: 26px;
  font-size: 0;
  background-size: contain;
  background-repeat: no-repeat;
}
.block-goods-list--switch-list, .block-goods-list--switch-list-on {
  background-image: url(/img/usr/list/icon_list.svg);
}
.block-goods-list--switch-list-on {
  background-image: url(/img/usr/list/icon_list_on.svg);
}
.block-goods-list--switch-detail, .block-goods-list--switch-detail-on {
  background-image: url(/img/usr/list/icon_detail.svg);
}
.block-goods-list--switch-detail-on {
  background-image: url(/img/usr/list/icon_detail_on.svg);
}

/* ----キーワード検索画面---- */
.block-search-goods--title,
.block-category-list--title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* 一覧：詳細 */
.block-goods-list-d--items {
  margin-bottom: 80px;
}
.block-goods-list-d--items > li {
  margin-bottom: 28px;
  padding-bottom: 28px;
  border-bottom: 1px solid #ddd;
}
.block-goods-list-d--image {
  width: 180px;
}
.block-goods-list-d--image figure {
  display: block;
  width: auto;
  height: auto;
}
.block-goods-list-d--image figure img {
  border: 1px solid #EEEEEE;
}
.block-goods-list-d--item-description {
  position: relative;
  width: calc(100% - 180px);
  padding-left: 30px;
}
.block-goods-list-d--item-description .block-goods-list-d--goods-name {
  margin-bottom: 4px;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: normal;
}
.block-goods-list-d--item-description .block-goods-list-d--brand {
  margin-bottom: 8px;
  font-size: 12px;
  font-size: 0.75rem;
  color: #666;
}
.block-goods-list-d--item-description .block-goods-list-d--goods-comment {
  font-size: 14px;
  font-size: 0.875rem;
  color: #666;
}
.block-goods-list-d--item-description .block-goods-user-review {
  margin-bottom: 8px;
}
.block-goods-list-d--item-description .block-goods-user-review--count-summary {
  display: flex;
  align-items: center;
}
.block-goods-list-d--item-description .block-goods-user-review--score dt {
  display: none;
}
.block-goods-list-d--item-description .block-goods-user-review--score dd {
  display: flex;
  align-items: center;
  color: #333;
  font-size: 12px;
  font-size: 0.75rem;
}
.block-goods-list-d--item-description .block-goods-user-review--score dd img {
  height: 14px;
  margin-right: 8px;
}
.block-goods-list-d--item-description .block-goods-user-review--count {
  margin-top: 2px;
  font-size: 10px;
  font-size: 0.625rem;
}
.block-goods-list-d--item-description .block-goods-user-review--count dt {
  display: none;
}
.block-goods-list-d--item-description .block-goods-user-review--count dd:before {
  content: "（";
}
.block-goods-list-d--item-description .block-goods-user-review--count dd:after {
  content: "）";
}
.block-goods-list-d--item-description .block-goods-list-d--item-details {
  margin: 0;
}
.block-goods-list-d--item-description .block-goods-list-d--item-details .block-goods-list-d--price-infos {
  color: #333;
}
.block-goods-list-d--item-description .block-goods-list-d--item-details .block-goods-list-d--price-infos .net {
  font-size: 12px;
  font-size: 0.75rem;
}
.block-goods-list-d--item-description .block-goods-list-d--item-details .block-goods-list-d--price-infos .net span {
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 500;
}
.block-goods-list-d--item-description .block-goods-list-d--item-details .block-goods-list-d--price-infos .price {
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: normal;
  color: #333;
}
.block-goods-list-d--item-description .block-goods-list-d--icons {
  display: flex;
  margin: 8px -4px -8px;
}
.block-goods-list-d--item-description .block-goods-list-d--icons li {
  width: 40px;
  margin: 0 4px 8px;
}
.block-goods-list-d--item-description .block-goods-list-d--favorite {
  position: absolute;
  top: 0;
  right: 0;
}
.block-goods-list-d--item-description .block-goods-list-d--favorite--btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  margin: 0;
  padding: 0;
  border: 1px solid #999;
  border-radius: 4px;
  font-size: 0;
  color: #999;
  background: #fff;
}
.block-goods-list-d--item-description .block-goods-list-d--favorite--btn:before {
  content: "";
  display: block;
  width: 26px;
  height: 22px;
  background: url(../../img/share/icon_bookmark_add.svg) no-repeat;
  background-size: contain;
}
.block-goods-list-d--item-description .block-goods-list-d--favorite-registed--btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  margin: 0;
  padding: 0;
  border: 1px solid #999;
  border-radius: 4px;
  font-size: 0;
  color: #999;
  background: #fff;
}
.block-goods-list-d--item-description .block-goods-list-d--favorite-registed--btn:before {
  content: "";
  display: block;
  width: 24px;
  height: 20px;
  background-image: url(../../img/share/icon_bookmarked.svg) no-repeat;
  background-size: contain;
}

/* 一覧：リスト */
.block-pickup-list-p {
  margin-bottom: 32px;
}
.block-pickup-list-p li {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  margin: 0;
}
.block-pickup-list-p li .block-pickup-list-p--item-body {
  display: block;
  width: calc(100% / 4 - 20px);
  margin: 0 20px 48px 0;
}
.block-pickup-list-p li .block-pickup-list-p--item-body:nth-of-type(4n) {
  margin-right: 0;
}
.block-pickup-list-p li .block-pickup-list-p--item-body .block-pickup-list-p--image {
  position: static;
  width: 100%;
}
.block-pickup-list-p li .block-pickup-list-p--item-body .block-pickup-list-p--image figure {
  border: 1px solid #ddd;
}
.block-pickup-list-p li .block-pickup-list-p--item-body .block-pickup-list-p--item-description {
  position: relative;
  width: 100%;
  padding: 0;
  margin: 4px 0 0;
}
.block-pickup-list-p li .block-pickup-list-p--item-body .block-pickup-list-p--item-description .block-icon {
  display: none;
}
.block-pickup-list-p li .block-pickup-list-p--item-body .block-pickup-list-p--item-description .block-pickup-list-p--goods-name {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.4;
}
.block-pickup-list-p li .block-pickup-list-p--item-body .block-pickup-list-p--item-description .block-pickup-list-p--goods-name a {
  text-decoration: none;
}
.block-pickup-list-p li .block-pickup-list-p--item-body .block-pickup-list-p--item-description .block-goods-user-review {
  margin-bottom: 8px;
}
.block-pickup-list-p li .block-pickup-list-p--item-body .block-pickup-list-p--item-description .block-goods-user-review--count-summary {
  display: flex;
  align-items: center;
}
.block-pickup-list-p li .block-pickup-list-p--item-body .block-pickup-list-p--item-description .block-goods-user-review--score dt {
  display: none;
}
.block-pickup-list-p li .block-pickup-list-p--item-body .block-pickup-list-p--item-description .block-goods-user-review--score dd {
  display: flex;
  align-items: center;
  color: #333;
  font-size: 12px;
  font-size: 0.75rem;
}
.block-pickup-list-p li .block-pickup-list-p--item-body .block-pickup-list-p--item-description .block-goods-user-review--score dd img {
  height: 14px;
  margin-right: 8px;
}
.block-pickup-list-p li .block-pickup-list-p--item-body .block-pickup-list-p--item-description .block-goods-user-review--count {
  margin-top: 2px;
  font-size: 10px;
  font-size: 0.625rem;
}
.block-pickup-list-p li .block-pickup-list-p--item-body .block-pickup-list-p--item-description .block-goods-user-review--count dt {
  display: none;
}
.block-pickup-list-p li .block-pickup-list-p--item-body .block-pickup-list-p--item-description .block-goods-user-review--count dd:before {
  content: "（";
}
.block-pickup-list-p li .block-pickup-list-p--item-body .block-pickup-list-p--item-description .block-goods-user-review--count dd:after {
  content: "）";
}
.block-pickup-list-p li .block-pickup-list-p--item-body .block-pickup-list-p--item-description .block-pickup-list-p--price-infos {
  margin-top: 4px;
  padding-right: 50px;
  font-size: 15px;
  line-height: 1.6;
}
.block-pickup-list-p li .block-pickup-list-p--item-body .block-pickup-list-p--item-description .block-pickup-list-p--price-infos .price,
.block-pickup-list-p li .block-pickup-list-p--item-body .block-pickup-list-p--item-description .block-pickup-list-p--price-infos .net-price,
.block-pickup-list-p li .block-pickup-list-p--item-body .block-pickup-list-p--item-description .block-pickup-list-p--price-infos .default-price,
.block-pickup-list-p li .block-pickup-list-p--item-body .block-pickup-list-p--item-description .block-pickup-list-p--price-infos .exchange-price,
.block-pickup-list-p li .block-pickup-list-p--item-body .block-pickup-list-p--item-description .block-pickup-list-p--price-infos .block-exchange-price--rate-dt {
  text-align: left;
}
.block-pickup-list-p li .block-pickup-list-p--item-body .block-pickup-list-p--item-description .block-pickup-list-p--price-infos .price {
  color: #333;
  font-weight: normal;
  font-size: 12px;
  font-size: 0.75rem;
}
.block-pickup-list-p li .block-pickup-list-p--item-body .block-pickup-list-p--item-description .block-pickup-list-p--price-infos .default-price {
  font-size: 11px;
  font-weight: normal;
}
.block-pickup-list-p li .block-pickup-list-p--item-body .block-pickup-list-p--item-description .block-pickup-list-p--price-infos .net-price span {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: bold;
}
.block-pickup-list-p li .block-pickup-list-p--item-body .block-pickup-list-p--item-description .block-pickup-list-p--comment,
.block-pickup-list-p li .block-pickup-list-p--item-body .block-pickup-list-p--item-description .block-pickup-list-p--add-cart {
  display: none;
}
.block-pickup-list-p li .block-pickup-list-p--item-body .block-pickup-list-p--item-description .block-pickup-list-p--favorite {
  position: absolute;
  bottom: 0;
  right: 0;
}
.block-pickup-list-p li .block-pickup-list-p--item-body .block-pickup-list-p--item-description .block-pickup-list-p--favorite--btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  margin: 0;
  padding: 0;
  border: 1px solid #999;
  border-radius: 4px;
  font-size: 0;
  color: #999;
  background: #fff;
}
.block-pickup-list-p li .block-pickup-list-p--item-body .block-pickup-list-p--item-description .block-pickup-list-p--favorite-registed--btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  margin: 0;
  padding: 0;
  border: 1px solid #999;
  border-radius: 4px;
  font-size: 0;
  color: #999;
  background: #fff;
}

.block-goods-list--pager-bottom {
  padding: 0;
  border: 0 !important;
  text-align: center;
}
.block-goods-list--pager-bottom .pager-total {
  display: none;
}

.pagination {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.pagination > * {
  float: none;
  padding: 0;
}
.pagination li {
  width: 36px;
  height: 36px;
  margin: 0 4px;
  border: 1px solid #999;
  border-radius: 4px;
  background: #fff;
  color: #333;
}
.pagination li.pager-current {
  background: #F4F5F2;
  border-color: #F4F5F2;
}
.pagination li a, .pagination li span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  color: #333;
}
.pagination li.pager-first, .pagination li.pager-last {
  display: none;
}
.pagination li.pager-previous, .pagination li.pager-next {
  width: auto;
}
.pagination li.pager-previous a, .pagination li.pager-next a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 100%;
  padding: 0 12px;
  font-size: 12px;
  font-size: 0.75rem;
}
.pagination li.pager-previous a:before {
  position: static;
  content: "";
  display: inline-block;
  width: 6px;
  height: 10px;
  background-image: url("../../img/share/arrow.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  margin-right: 9px;
  border: 0;
  transform: rotate(180deg);
}
.pagination li.pager-next a:before {
  display: none;
}
.pagination li.pager-next a:after {
  content: "";
  display: inline-block;
  width: 6px;
  height: 10px;
  background-image: url("../../img/share/arrow.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  margin-left: 9px;
}

/*----------------------------------------------------
	setting
----------------------------------------------------*/
.pane-order-contents {
  padding: 33px 0 0;
}
.pane-order-contents .container {
  width: auto;
}
.pane-order-contents .block-recent-item {
  padding-top: 80px;
}
.pane-order-contents .block-recent-item--header {
  width: 1000px;
  margin: 0 auto 16px;
  padding: 0 0 0 12px;
  border-bottom: 0;
  border-left: 4px solid #78BD24;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: normal;
  text-align: left;
}

.block-cart--rule {
  margin-top: 40px;
  margin-bottom: 8px;
  font-size: 16px;
  font-size: 1rem;
  font-weight: bold;
  border: 0;
}
.block-cart--container {
  display: flex;
  justify-content: space-between;
}
.block-cart--contents {
  width: 720px;
  border-top: 1px solid #ddd;
}
.block-cart--side-area {
  width: 240px;
  float: none;
  padding-top: 0;
}
.block-cart--side-contents {
  width: auto;
  margin: 0;
}
.block-cart--side-contents .block-cart--continue-shopping {
  margin-top: 0;
  font-weight: bold;
}
.block-cart--procedure {
  margin-bottom: 20px;
  padding: 20px;
  border: 0;
  background: #F4F5F2;
}
.block-cart--procedure-container {
  display: flex;
  flex-direction: column;
  padding: 0;
  background: none;
}
.block-cart--procedure-container .block-cart--subtotal {
  order: 1;
}
.block-cart--procedure-container .block-cart--note {
  order: 10;
}
.block-cart--procedure-container .block-cart--order {
  order: 20;
}
.block-cart--procedure-container .block-cart--amazon {
  order: 30;
}
.block-cart--subtotal {
  margin-bottom: 12px;
  padding: 0 0 14px;
  border-bottom: 1px solid #ddd;
}
.block-cart--subtotal .price {
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
}
.block-cart--subtotal .price span {
  font-family: 'Roboto';
  font-size: 24px;
  font-size: 1.5rem;
}
.block-cart--note {
  margin-bottom: 8px;
  font-size: 12px;
  font-size: 0.75rem;
}
.block-cart--note dt {
  font-weight: bold;
}
.block-cart--note dd {
  padding-left: 1em;
}
.block-cart--order .btn {
  margin-bottom: 0;
}
.block-cart--order-btn, .block-cart--order-btn-gift {
  padding: 12px;
  background: #78BD24;
  color: #fff;
  font-size: 16px;
  font-size: 1rem;
  text-align: center;
  border: 0;
}
.block-cart--amazon {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid #ddd;
  font-size: 12px;
  font-size: 0.75rem;
}
.block-cart--amazon-btn {
  margin-top: 12px;
}

.block-order-flow--step {
  margin: 20px 0 32px;
  padding: 0;
}
.block-order-flow--step ul {
  position: relative;
  display: inline-flex;
  justify-content: center;
}
.block-order-flow--step ul:after {
  position: absolute;
  top: 22px;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 4px;
  background: #E9EBE6;
  z-index: 0;
}
.block-order-flow--step ul li {
  position: relative;
  z-index: 1;
  display: block;
  width: 140px;
  margin: 0;
  padding: 0;
  height: auto;
  background: none;
}
.block-order-flow--step ul li .num {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 44px;
  height: 44px;
  margin: 0 auto 4px;
  border-radius: 100%;
  background: #E9EBE6;
  font-family: 'Roboto';
  font-size: 10px;
  font-size: 0.625rem;
  text-align: center;
  line-height: 1;
}
.block-order-flow--step ul li .num span {
  display: block;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: bold;
}
.block-order-flow--step ul li:after {
  display: none;
}
.block-order-flow--step ul li.block-order-flow--step-current {
  background: none;
  font-weight: bold;
  color: #333;
}
.block-order-flow--step ul li.block-order-flow--step-current .num {
  background: #102C3D;
  color: #fff;
}
.block-order-flow--step ul li.block-order-flow--step-current:after {
  border: 0;
}
.block-order-flow--step ul li:first-child:before {
  position: absolute;
  left: 0;
  content: "";
  display: block;
  width: 50%;
  height: 100%;
  background: #fff;
  z-index: -1;
}
.block-order-flow--step ul li:last-child:after {
  position: absolute;
  right: 0;
  content: "";
  display: block;
  width: 50%;
  height: 100%;
  background: #fff;
  z-index: -1;
}

.block-cart--attention, .block-cart-group--attention,
.block-estimate--attention {
  margin-bottom: 16px;
  padding: 16px;
  background: #F4F5F2;
  text-align: center;
}

.block-cart--infomation {
  width: 100%;
  margin: 0;
  padding: 20px 28px;
  border: 1px solid #ddd;
}

.block-cart--error {
  margin-bottom: 16px;
  padding: 16px;
  background: #FFF4F4;
  color: #B40B0B;
  text-align: center;
  font-weight: 500;
}
.block-cart--error p {
  margin-bottom: 8px;
}
.block-cart--error-items li {
  text-indent: -1em;
  padding-left: 1em;
}
.block-cart--error-items li:before {
  content: "・";
}

.block-cart--continue-shopping {
  margin: 32px 0 0;
}
.block-cart--continue-shopping-link {
  width: 200px;
  margin: 0 auto;
  padding: 14px;
  border: 1px solid #999;
  border-radius: 4px;
  text-decoration: none;
}
.block-cart--continue-shopping a.block-cart--continue-shopping-link {
  display: inline-block;
}

.block-cart--goods-list li {
  position: relative;
  display: grid;
  grid-template-columns: 180px 1fr 80px;
  grid-template-rows: auto auto 1fr;
  margin: 0;
  padding: 20px 0;
  padding-right: 100px;
  border-bottom: 1px solid #ddd;
}
.block-cart--goods-list li:last-child {
  border-bottom: 1px solid #ddd;
}
.block-cart--goods-list a:nth-of-type(1) {
  grid-column: 1;
  grid-row: 1 / 4;
}
.block-cart--goods-list-image {
  float: none;
  width: auto;
  height: auto;
  margin: 0 20px 0 0;
  background: none;
  border: 1px solid #ddd;
}
.block-cart--goods-list-item {
  float: none;
  width: auto;
  margin: 0;
  grid-column: 2;
  grid-row: 1;
}
.block-cart--goods-list-item-name {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: normal;
}
.block-cart--goods-list-item-comment {
  padding: 0;
}
.block-cart--goods-list-item-price-info {
  grid-column: 2;
  grid-row: 2;
  float: none;
  display: flex;
  flex-direction: column-reverse;
  width: auto;
  margin: 6px 0 0;
  font-weight: normal;
  text-align: left;
  font-size: 12px;
  font-size: 0.75rem;
}
.block-cart--goods-list-item-price-info .net-price {
  color: #333;
}
.block-cart--goods-list-item-price-info .net-price span {
  font-family: 'Roboto';
  font-weight: bold;
  font-size: 18px;
  font-size: 1.125rem;
}
.block-cart--goods-list-item-input {
  position: absolute;
  top: 0;
  right: 0;
  grid-column: 3;
  grid-row: 1 / 3;
  width: 80px;
}
.block-cart--goods-list-item-qty {
  margin-left: auto;
  margin-bottom: 12px;
}
.block-cart--goods-list-item-qty:after {
  display: none;
}
.block-cart--goods-list-item-qty input {
  padding: 14px 24px;
  border: 1px solid #999;
  border-radius: 4px;
}
.block-cart--goods-list-item-qty-plus {
  top: calc(50% - 10px);
  right: 16px;
}
.block-cart--goods-list-item-qty-plus:before {
  content: "";
  display: block;
  width: 10px;
  height: 8px;
  background: #78BD24;
  clip-path: polygon(50% 0, 100% 100%, 0 100%);
}
.block-cart--goods-list-item-qty-minus {
  top: auto;
  bottom: calc(50% - 10px);
  right: 16px;
}
.block-cart--goods-list-item-qty-minus:before {
  content: "";
  display: block;
  width: 10px;
  height: 8px;
  background: #78BD24;
  clip-path: polygon(0 0, 50% 100%, 100% 0);
}
.block-cart--goods-list-item-calc-btn {
  margin: 0;
  padding: 8px;
  border: 1px solid #999;
  border-radius: 4px;
  color: #333;
  font-size: 14px;
  font-size: 0.875rem;
}
.block-cart--goods-list-item-delete-btn {
  grid-column: 2;
  grid-row: 3;
  margin-top: 8px;
}
.block-cart--goods-list-item-delete-btn > div {
  display: inline-flex;
  align-items: center;
  padding: 4px 8px;
  border: 1px solid #999;
  border-radius: 4px;
}
.block-cart--goods-list-item-delete-btn > div:before {
  content: "";
  display: block;
  width: 14px;
  height: 16px;
  margin-right: 8px;
  background: url(../../img/share/icon_delete.svg) no-repeat;
  background-size: contain;
}
.block-cart--goods-list-item-delete {
  width: auto;
  font-size: 12px;
  font-size: 0.75rem;
  text-decoration: none;
}

.block-promotion-message--content {
  margin-bottom: 12px;
  padding: 16px 18px;
  background: #EBF4FA;
  border: none;
  text-align: left;
}
.block-promotion-message--content span {
  color: #B40B0B;
  font-size: 12px;
  font-size: 0.75rem;
}

#cart_itemhistory {
  width: 100%;
  margin-top: 80px;
  padding: 80px 0;
  background: #F4F5F2;
}

.block-cart-recent-item {
  width: 1000px;
  margin: 0 auto;
}
.block-cart-recent-item--items {
  width: auto;
}
.block-cart-recent-item--header {
  width: 1000px;
  margin: 0 auto 16px;
  padding: 0 0 0 12px;
  border-bottom: 0;
  border-left: 4px solid #78BD24;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: normal;
  text-align: left;
}
.block-cart-recent-item .block-goods-list-c {
  margin: 0 -5px;
}
.block-cart-recent-item .block-goods-list-c a:hover {
  text-decoration: none;
}
.block-cart-recent-item .block-goods-list-c--item-body {
  flex-basis: unset;
  width: calc(100% / 5 - 10px);
  margin: 0 5px;
  padding: 16px 16px 20px;
  background: #fff;
  border: 1px solid #ddd;
}
.block-cart-recent-item .block-goods-list-c--item-body:hover {
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
}
.block-cart-recent-item .block-goods-list-c--image figure {
  width: auto;
  height: auto;
  background: none;
}
.block-cart-recent-item .block-goods-list-c--goods-name {
  margin-top: 20px;
  font-size: 12px;
  font-size: 0.75rem;
}
.block-cart-recent-item--keep-history {
  text-align: right;
  margin-top: 20px;
}
.block-cart-recent-item--keep-history a {
  display: inline-flex;
  align-items: center;
  margin: 0 auto;
  padding: 12px 16px;
  border: 1px solid #ccc;
  box-shadow: 0px 1px 0px #ccc;
  border-radius: 4px;
  text-align: center;
  text-decoration: none;
  background: #fff;
  color: #333;
}
.block-cart-recent-item--keep-history a:after {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  margin-left: 8px;
  background: url(../../img/share/icon_close.svg) no-repeat;
  background-size: contain;
}

/* まとめ買い */
.block-cart-group--attention {
  margin-bottom: 32px;
  color: #B40B0B;
}
.block-cart-group--attention span {
  display: block;
  margin-top: 4px;
  font-size: 12px;
  font-size: 0.75rem;
}
.block-cart-group--section {
  margin-bottom: 32px;
  padding: 20px 24px;
  border: 1px solid #ddd;
  border-left: 4px solid #78BD24;
}
.block-cart-group--section-title {
  margin: 0 0 4px;
  font-size: 16px;
  font-size: 1rem;
}
.block-cart-group--section-header {
  display: grid;
  grid-template-columns: auto 320px;
  grid-template-rows: auto auto;
}
.block-cart-group--section-header .block-cart-group--section-title {
  grid-column: 1;
  grid-row: 1;
}
.block-cart-group--section-header .block-cart-group--section-price {
  grid-column: 1;
  grid-row: 2;
}
.block-cart-group--section-header .action {
  grid-column: 2;
  grid-row: 1 / 3;
}
.block-cart-group--section-header .action .block-cart-group--section-btn {
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  padding-left: 40px;
  border-left: 1px solid #ccc;
  font-size: 16px;
  font-size: 1rem;
}
.block-cart-group--section-header .action .block-cart-group--section-btn:before, .block-cart-group--section-header .action .block-cart-group--section-btn:after {
  position: absolute;
  content: "";
  display: block;
  background: #78BD2F;
}
.block-cart-group--section-header .action .block-cart-group--section-btn:before {
  top: calc(50% - 1px);
  right: 0;
  width: 20px;
  height: 2px;
}
.block-cart-group--section-header .action .block-cart-group--section-btn:after {
  top: calc(50% - 10px);
  right: 9px;
  width: 2px;
  height: 20px;
}
.block-cart-group--section-header .action .block-cart-group--section-btn.is-open:after {
  display: none;
}
.block-cart-group--section-price {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: bold;
}
.block-cart-group--section-body {
  margin-top: 20px;
  padding-top: 28px;
  border-top: 1px solid #ccc;
}
.block-cart-group--section .block-cart--contents {
  width: 660px;
  border-top: 0;
}
.block-cart-group--section .block-cart--goods-list li:first-child {
  padding-top: 0;
}
.block-cart-group--section .block-cart--goods-list li:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}
.block-cart-group--section + .block-cart--continue-shopping {
  margin-top: 40px;
}

/* ログイン */
.block-login {
  padding-bottom: 80px;
}
.block-login--body {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.block-login h2 {
  margin: 0 0 12px;
  padding: 0;
  border: 0;
  font-size: 20px;
  font-size: 1.25rem;
  color: #333;
  font-weight: bold;
}
.block-login .action-buttons {
  margin-top: 16px;
}
.block-login .action {
  display: block;
  margin: 0;
}
.block-login .action .btn {
  margin: 0 auto;
  padding: 12px;
  background: #78BD24;
  color: #fff;
  font-size: 16px;
  font-size: 1rem;
  text-align: center;
  border: 0;
  border-radius: 4px;
  font-weight: bold;
}
.block-login--member, .block-login--first-time {
  width: calc(100% / 2 - 20px);
}
.block-login--member-body, .block-login--first-time-body {
  display: flex;
  flex-direction: column;
  height: 100%;
  margin: 0;
}
.block-eclogin--member-frame, 
.block-login--member-frame, .block-login--first-time-frame {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  padding: 24px;
  border: 1px solid #ddd;
  text-align: center;
}
.block-login--member .btn, .block-login--first-time .btn {
  width: 225px;
}
.block-login--first-time {
  width: calc(100% / 2 - 20px);
}
.block-login--first-time-frame {
  text-align: left;
}
.block-login--first-time .action .block-login--entry {
  border: 2px solid #419418;
  color: #419418;
  background: #fff;
}
.block-login--visiter {
  width: 100%;
  margin-top: 80px;
}
.block-login--visiter-message {
  margin-bottom: 24px;
}
.block-login--visiter-message span {
  font-weight: bold;
}
.block-login--visiter-section {
  margin-bottom: 24px;
  padding: 20px 24px;
  border: 1px solid #ddd;
  border-left: 4px solid #78BD24;
}
.block-login--visiter-section-title {
  margin: 0 0 8px;
  padding: 0;
  font-size: 18px;
  font-size: 1.125rem;
  color: #333;
  border: 0;
}
.block-login--visiter-section-header {
  display: grid;
  grid-template-columns: auto 320px;
  grid-template-rows: auto auto;
}
.block-login--visiter-section-header h3 {
  grid-column: 1;
  grid-row: 1;
}
.block-login--visiter-section-header .block-login--visiter-section-message {
  grid-column: 1;
  grid-row: 2;
}
.block-login--visiter-section-header .action {
  grid-column: 2;
  grid-row: 1 / 3;
}
.block-login--visiter-section-header .action span {
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  padding-left: 40px;
  border-left: 1px solid #ccc;
  font-size: 16px;
  font-size: 1rem;
}
.block-login--visiter-section-header .action span:before, .block-login--visiter-section-header .action span:after {
  position: absolute;
  content: "";
  display: block;
  background: #78BD2F;
}
.block-login--visiter-section-header .action span:before {
  top: calc(50% - 1px);
  right: 0;
  width: 20px;
  height: 2px;
}
.block-login--visiter-section-header .action span:after {
  top: calc(50% - 10px);
  right: 9px;
  width: 2px;
  height: 20px;
}
.block-login--visiter-section-header .action span.is-open:after {
  display: none;
}
.block-login--visiter .block-login--member-info-items {
  margin-top: 20px;
}

/* 注文方法の指定 */
.block-order-method,
.block-order-estimate {
  padding-bottom: 80px;
}
.block-order-method--container,
.block-order-estimate--container {
  display: flex;
  justify-content: space-between;
}
.block-order-method--contents,
.block-order-estimate--contents {
  display: flex;
  flex-direction: column;
  width: 720px;
}
.block-order-method--contents .block-order-method--host,
.block-order-estimate--contents .block-order-method--host {
  order: 1;
}
.block-order-method--contents .block-order-method--spec,
.block-order-estimate--contents .block-order-method--spec {
  order: 10;
}
.block-order-method--contents .block-order-method--payment,
.block-order-estimate--contents .block-order-method--payment {
  order: 20;
}
.block-order-method--contents .block-order-method--goods,
.block-order-estimate--contents .block-order-method--goods {
  order: 30;
}
.block-order-method--contents .block-order-method--dest,
.block-order-estimate--contents .block-order-method--dest {
  order: 2;
}
.block-order-method--side-area,
.block-order-estimate--side-area {
  width: 240px;
  padding-top: 42px;
}
.block-order-method--side-contents,
.block-order-estimate--side-contents {
  width: auto;
  margin: 0;
  background: none;
}
.block-order-method--procedure,
.block-order-estimate--procedure {
  padding: 20px;
  border: 0;
  background: #F4F5F2;
}
.block-order-method--procedure-container,
.block-order-estimate--procedure-container {
  padding: 0;
  background: none;
}
.block-order-method--btns,
.block-order-estimate--btns {
  display: flex;
  justify-content: center;
  margin-top: 24px;
}
.block-order-method--btns .btn,
.block-order-estimate--btns .btn {
  width: 200px;
  margin: 0 10px;
  padding: 14px;
  border-radius: 4px;
  text-align: center;
}
.block-order-method--btns .block-order-method--cancel,
.block-order-estimate--btns .block-order-method--cancel {
  border: 1px solid #999;
}
.block-order-method--btns .block-order-method--submit,
.block-order-estimate--btns .block-order-method--submit {
  background: #78BD24;
  font-weight: bold;
  color: #fff;
}
.block-order-method--next-btn,
.block-order-estimate--next-btn {
  padding: 14px 9px;
  background: #78BD24;
  color: #fff;
  font-size: 14px;
  font-size: 0.875rem;
  text-align: center;
  border: 0;
  border-radius: 4px;
}
.block-order-method--host,
.block-order-estimate--host {
  margin-bottom: 40px;
}
.block-order-method--host-content,
.block-order-estimate--host-content {
  margin-bottom: 0;
  padding: 8px 28px 24px;
}
.block-order-method--host-confirmation,
.block-order-estimate--host-confirmation {
  margin: 0;
  padding: 24px 28px;
  border: 1px solid #ddd;
}
.block-order-method--host-title-confirmation p,
.block-order-estimate--host-title-confirmation p {
  margin-bottom: 8px;
  font-size: 16px;
  font-size: 1rem;
}
.block-order-method--host-title-confirmation address,
.block-order-estimate--host-title-confirmation address {
  font-size: 14px;
  font-size: 0.875rem;
}
.block-order-method--dest,
.block-order-estimate--dest {
  margin-bottom: 40px;
}
.block-order-method--dest-content,
.block-order-estimate--dest-content {
  margin-bottom: 0;
  padding: 24px 28px;
}
.block-order-method--dest-change,
.block-order-estimate--dest-change {
  margin-bottom: 0;
  padding: 20px;
  background: #F8F8F8;
  border: 1px solid #DCDCDC;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: normal;
}
.block-order-method--dest-change strong,
.block-order-estimate--dest-change strong {
  font-weight: normal;
}
.block-order-method--dest-input .fieldset,
.block-order-estimate--dest-input .fieldset {
  margin-top: 24px;
  border-top: 1px solid #ddd;
}
.block-order-method--goods-content,
.block-order-estimate--goods-content {
  margin: 0;
  padding: 0;
  border: 0;
}
.block-order-method--goods-list,
.block-order-estimate--goods-list {
  padding-top: 20px;
  border-top: 1px solid #ddd;
}
.block-order-method--goods-list li,
.block-order-estimate--goods-list li {
  display: flex;
  margin: 0 0 20px;
  padding: 0 0 20px;
  border-bottom: 1px solid #ddd;
}
.block-order-method--goods-list li:last-child,
.block-order-estimate--goods-list li:last-child {
  border-bottom: 1px solid #ddd;
}
.block-order-method--goods-item,
.block-order-estimate--goods-item {
  float: none;
  width: auto;
}
.block-order-method--goods-item-image,
.block-order-estimate--goods-item-image {
  flex-shrink: 0;
  float: none;
  width: 180px;
  height: 180px;
  background: none;
  border: 1px solid #ddd;
}
.block-order-method--goods-item-name, .block-order-method--goods-item-set-name,
.block-order-estimate--goods-item-name,
.block-order-estimate--goods-item-set-name {
  margin-bottom: 2px;
  font-weight: normal;
  font-size: 14px;
  font-size: 0.875rem;
}
.block-order-method--goods-item-comment,
.block-order-estimate--goods-item-comment {
  padding: 0;
}
.block-order-method--goods-price-info, .block-order-method--goods-price-items,
.block-order-estimate--goods-price-info,
.block-order-estimate--goods-price-items {
  float: none;
  margin: 8px 0;
}
.block-order-method--goods-price-info .price,
.block-order-method--goods-price-info .net-price, .block-order-method--goods-price-items .price,
.block-order-method--goods-price-items .net-price,
.block-order-estimate--goods-price-info .price,
.block-order-estimate--goods-price-info .net-price,
.block-order-estimate--goods-price-items .price,
.block-order-estimate--goods-price-items .net-price {
  font-size: 12px;
  font-size: 0.75rem;
}
.block-order-method--goods-price-info .price:after,
.block-order-method--goods-price-info .net-price:after, .block-order-method--goods-price-items .price:after,
.block-order-method--goods-price-items .net-price:after,
.block-order-estimate--goods-price-info .price:after,
.block-order-estimate--goods-price-info .net-price:after,
.block-order-estimate--goods-price-items .price:after,
.block-order-estimate--goods-price-items .net-price:after {
  display: none;
}
.block-order-method--goods-price-info .price span,
.block-order-method--goods-price-info .net-price span, .block-order-method--goods-price-items .price span,
.block-order-method--goods-price-items .net-price span,
.block-order-estimate--goods-price-info .price span,
.block-order-estimate--goods-price-info .net-price span,
.block-order-estimate--goods-price-items .price span,
.block-order-estimate--goods-price-items .net-price span {
  font-family: 'Roboto';
}
.block-order-method--goods-price-info .price:before, .block-order-method--goods-price-items .price:before,
.block-order-estimate--goods-price-info .price:before,
.block-order-estimate--goods-price-items .price:before {
  content: "税込";
}
.block-order-method--goods-price-info .net-price, .block-order-method--goods-price-items .net-price,
.block-order-estimate--goods-price-info .net-price,
.block-order-estimate--goods-price-items .net-price {
  margin-bottom: 2px;
  color: #333;
}
.block-order-method--goods-price-info .net-price span, .block-order-method--goods-price-items .net-price span,
.block-order-estimate--goods-price-info .net-price span,
.block-order-estimate--goods-price-items .net-price span {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 500;
}
.block-order-method--spec-content, .block-order-method--payment-content,
.block-order-estimate--spec-content,
.block-order-estimate--payment-content {
  margin-bottom: 40px;
  padding: 0;
  border: 1px solid #ddd;
}
.block-order-method--spec-content > div, .block-order-method--payment-content > div,
.block-order-estimate--spec-content > div,
.block-order-estimate--payment-content > div {
  position: relative;
  display: flex;
  align-items: flex-start;
  margin: 0;
  padding: 24px 28px;
}
.block-order-method--spec-content > div:after, .block-order-method--payment-content > div:after,
.block-order-estimate--spec-content > div:after,
.block-order-estimate--payment-content > div:after {
  position: absolute;
  bottom: 0;
  content: "";
  display: block;
  width: calc(100% - 48px);
  height: 1px;
  margin: 0 auto;
  background: #ddd;
}
.block-order-method--spec-content > div:last-child:after, .block-order-method--payment-content > div:last-child:after,
.block-order-estimate--spec-content > div:last-child:after,
.block-order-estimate--payment-content > div:last-child:after {
  display: none;
}
.block-order-method--spec-content h3, .block-order-method--payment-content h3,
.block-order-estimate--spec-content h3,
.block-order-estimate--payment-content h3 {
  flex-shrink: 0;
  width: 170px;
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-size: 1rem;
  font-weight: bold;
  border: 0;
}
.block-order-method--spec-content h3 span, .block-order-method--payment-content h3 span,
.block-order-estimate--spec-content h3 span,
.block-order-estimate--payment-content h3 span {
  vertical-align: text-top;
  font-size: smaller;
}
.block-order-method--change, .block-order-estimate--change-btn,
.block-order-estimate--change, .block-order-method--dest-change-btn,
.block-order-method--dest-add-btn, .block-order--amazonpay-btn, .block-order-estimate--amazonpay-payment-btn {
  margin-left: auto;
  padding: 10px 12px;
  background: #fff;
  border: 1px solid #999;
  border-radius: 4px;
  color: #333;
}
.block-order-method--change:after, .block-order-estimate--change-btn:after,
.block-order-estimate--change:after,
.block-order--amazonpay-btn:after, .block-order-estimate--amazonpay-payment-btn:after {
  content: "";
  display: inline-block;
  width: 6px;
  height: 10px;
  background-image: url("../../img/share/arrow.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  margin-left: 16px;
}
.block-order-method--spec-detail .block-form-parts--select,
.block-order-estimate--spec-detail .block-form-parts--select {
  width: 230px;
  margin: 0 auto;
}
.block-order-method--spec .block-order-method--pickup-store,
.block-order-estimate--spec .block-order-method--pickup-store {
  display: none;
  margin-top: 32px;
  margin-bottom: -33px;
  border: 1px solid #ccc;
}
.block-order-method--spec .block-order-method--pickup-store-area,
.block-order-estimate--spec .block-order-method--pickup-store-area {
  display: flex;
  justify-content: center;
  padding-top: 24px;
  border-bottom: 1px solid #ccc;
}
.block-order-method--spec .block-order-method--pickup-store-area li a,
.block-order-estimate--spec .block-order-method--pickup-store-area li a {
  position: relative;
  display: block;
  padding: 0 20px 16px;
}
.block-order-method--spec .block-order-method--pickup-store-area li a:hover,
.block-order-estimate--spec .block-order-method--pickup-store-area li a:hover {
  text-decoration: none;
}
.block-order-method--spec .block-order-method--pickup-store-area li a:hover:after, .block-order-method--spec .block-order-method--pickup-store-area li a.is-open:after,
.block-order-estimate--spec .block-order-method--pickup-store-area li a:hover:after,
.block-order-estimate--spec .block-order-method--pickup-store-area li a.is-open:after {
  position: absolute;
  left: 0;
  bottom: 0;
  content: "";
  display: block;
  width: 100%;
  height: 4px;
  background: #78BD2F;
}
.block-order-method--spec .block-order-method--pickup-store h3,
.block-order-estimate--spec .block-order-method--pickup-store h3 {
  width: 420px;
  margin: 0 auto 8px;
  font-size: 14px;
  font-size: 0.875rem;
}
.block-order-method--spec .block-order-method--pickup-store-detail,
.block-order-estimate--spec .block-order-method--pickup-store-detail {
  padding: 24px;
  background: #F4F5F2;
}
.block-order-method--spec .block-order-method--pickup-store-detail .block-form-parts--select,
.block-order-estimate--spec .block-order-method--pickup-store-detail .block-form-parts--select {
  width: 420px;
  margin-bottom: 16px;
}
.block-order-method--spec .block-order-method--pickup-store-detail dl,
.block-order-estimate--spec .block-order-method--pickup-store-detail dl {
  width: 420px;
  margin: 0 auto;
  font-size: 12px;
  font-size: 0.75rem;
}
.block-order-method--spec .block-order-method--pickup-store-detail dl dt, .block-order-method--spec .block-order-method--pickup-store-detail dl dd,
.block-order-estimate--spec .block-order-method--pickup-store-detail dl dt,
.block-order-estimate--spec .block-order-method--pickup-store-detail dl dd {
  margin-bottom: 4px;
}
.block-order-method--spec .block-order-method--pickup-store-detail dl dt,
.block-order-estimate--spec .block-order-method--pickup-store-detail dl dt {
  font-weight: normal;
}
.block-order-method--spec .block-order-method--pickup-store-detail dl dd,
.block-order-estimate--spec .block-order-method--pickup-store-detail dl dd {
  margin-left: calc(4em + 16px);
}
.block-order-method--spec .block-order-method--pickup-store-detail dl dd a,
.block-order-estimate--spec .block-order-method--pickup-store-detail dl dd a {
  color: #78BD24;
  text-decoration: underline;
}
.block-order-method--spec .block-order-method--pickup-store-detail dl dd a:hover,
.block-order-estimate--spec .block-order-method--pickup-store-detail dl dd a:hover {
  text-decoration: none;
}
.block-order-method--spec .block-order-method--pickup-store-set,
.block-order-estimate--spec .block-order-method--pickup-store-set {
  margin-top: 32px;
  padding-top: 32px;
  border-top: 1px solid #ddd;
  text-align: center;
}
.block-order-method--spec .block-order-method--pickup-store-set label,
.block-order-estimate--spec .block-order-method--pickup-store-set label {
  padding-left: 30px !important;
  font-size: 14px !important;
}
.block-order-method--route-content,
.block-order-estimate--route-content {
  justify-content: space-between;
  align-items: flex-start;
  font-size: 16px;
  font-size: 1rem;
}
.block-order-method--route-note,
.block-order-estimate--route-note {
  font-size: 12px;
  font-size: 0.75rem;
}
.block-order-method--address-content p,
.block-order-estimate--address-content p {
  margin-bottom: 8px;
  font-size: 16px;
  font-size: 1rem;
}
.block-order-method--address-content p.block-order-method--address-att,
.block-order-estimate--address-content p.block-order-method--address-att {
  margin-bottom: 0;
  font-size: 14px;
  font-size: 0.875rem;
}
.block-order-method--address-content address,
.block-order-estimate--address-content address {
  font-size: 14px;
  font-size: 0.875rem;
}
.block-order-method--address-att,
.block-order-estimate--address-att {
  width: 100%;
  margin-top: 16px;
  text-indent: -1em;
  padding-left: 1em;
  color: #B40B0B;
  font-size: 14px;
  font-size: 0.875rem;
}
.block-order-method--address-att:before,
.block-order-estimate--address-att:before {
  content: "※";
}
.block-order-method--address .block-order-method--change, .block-order-method--address .block-order-estimate--change-btn,
.block-order-estimate--address .block-order-method--change,
.block-order-estimate--address .block-order-estimate--change-btn {
  display: flex;
  align-items: center;
}
.block-order-method--address .block-order-method--change:after, .block-order-method--address .block-order-estimate--change-btn:after,
.block-order-estimate--address .block-order-method--change:after,
.block-order-estimate--address .block-order-estimate--change-btn:after {
  width: 16px;
  height: 16px;
  background-image: url(../../img/share/icon_pen.svg);
}
.block-order-method--date-content,
.block-order-estimate--date-content {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.block-order-method--date-content dl,
.block-order-estimate--date-content dl {
  width: calc(100% / 2 - 10px);
  margin: 0;
}
.block-order-method--date-content dl dt,
.block-order-estimate--date-content dl dt {
  float: none;
  margin-bottom: 8px;
  font-weight: normal;
}
.block-order-method--date-content dl dd,
.block-order-estimate--date-content dl dd {
  margin: 0;
}
.block-order-method--date-content p,
.block-order-estimate--date-content p {
  width: 100%;
  margin-top: 12px;
  font-size: 12px;
  font-size: 0.75rem;
}
.block-order-method--date-content .block-order-method--date-att span {
  color: #B40B0B;
}
.block-order-method--date-content .block-form-parts--select select,
.block-order-estimate--date-content .block-form-parts--select select {
  padding: 10px 12px;
  font-size: 14px;
  font-size: 0.875rem;
}
.block-order-method--payment-content,
.block-order-estimate--payment-content {
  display: flex;
  flex-direction: column;
}
.block-order-method--payment-content .block-order-method--payment-method,
.block-order-estimate--payment-content .block-order-method--payment-method {
  order: 1;
}
.block-order-method--payment-content .block-order-method--point-use,
.block-order-estimate--payment-content .block-order-method--point-use {
  order: 10;
}
.block-order-method--payment-content .block-order-method--coupon,
.block-order-estimate--payment-content .block-order-method--coupon {
  order: 20;
}
.block-order-method--payment-content .block-order-method--promotion,
.block-order-estimate--payment-content .block-order-method--promotion {
  order: 30;
}
.block-order-method--payment-content > div:last-child:after,
.block-order-estimate--payment-content > div:last-child:after {
  display: block;
}
.block-order-method--payment .block-order-method--payment-method-select,
.block-order-estimate--payment .block-order-method--payment-method-select {
  margin-bottom: 14px;
}
.block-order-method--payment .block-order-method--payment-method-select label,
.block-order-estimate--payment .block-order-method--payment-method-select label {
  font-size: 14px !important;
}
.block-order-method--payment .block-order-method--payment-content-comment,
.block-order-estimate--payment .block-order-method--payment-content-comment {
  font-size: 12px;
  font-size: 0.75rem;
}
.block-order-method--payment .block-order-method--payment-content-comment a,
.block-order-estimate--payment .block-order-method--payment-content-comment a {
  display: inline-block;
  margin-top: 12px;
  color: #005E3C;
  font-size: 14px;
  font-size: 0.875rem;
}
.block-order-method--payment .block-order-method--payment-content-comment a:after,
.block-order-estimate--payment .block-order-method--payment-content-comment a:after {
  content: "";
  display: inline-block;
  width: 6px;
  height: 10px;
  background-image: url("../../img/share/btn_arrow-right_darkgreen.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  margin-left: 8px;
}
.block-order-method--payment .block-order-method--payment-method-selected,
.block-order-estimate--payment .block-order-method--payment-method-selected {
  margin-bottom: 8px;
}
.block-order-method--payment .block-order-method--point-use .block-order-method--current-point span,
.block-order-estimate--payment .block-order-method--point-use .block-order-method--current-point span {
  font-family: 'Roboto';
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: bold;
}
.block-order-method--payment .block-order-method--point-use .block-order-method--point-use-select,
.block-order-estimate--payment .block-order-method--point-use .block-order-method--point-use-select {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
  padding: 12px;
}
.block-order-method--payment .block-order-method--point-use .block-order-method--point-use-select label,
.block-order-estimate--payment .block-order-method--point-use .block-order-method--point-use-select label {
  font-size: 14px !important;
  margin: 0;
  padding: 0;
}
.block-order-method--payment .block-order-method--point-use .block-order-method--point-use-select .block-form-parts--radio,
.block-order-estimate--payment .block-order-method--point-use .block-order-method--point-use-select .block-form-parts--radio {
  margin-right: 20px;
}
.block-order-method--payment .block-order-method--point-use .block-order-method--point-use-select .block-form-parts--radio label,
.block-order-estimate--payment .block-order-method--point-use .block-order-method--point-use-select .block-form-parts--radio label {
  padding-left: 30px;
}
.block-order-method--payment .block-order-method--point-use .block-order-method--point-use-select input[type="text"],
.block-order-estimate--payment .block-order-method--point-use .block-order-method--point-use-select input[type="text"] {
  width: 88px;
  margin-right: 8px;
  padding: 10px 12px;
  border-radius: 4px;
}
.block-order-method--payment .block-order-method--point-use .block-order-method--point-use-message,
.block-order-estimate--payment .block-order-method--point-use .block-order-method--point-use-message {
  font-size: 12px;
  font-size: 0.75rem;
}
.block-order-method--payment .block-order-method--coupon-content,
.block-order-estimate--payment .block-order-method--coupon-content {
  display: flex;
  flex-wrap: wrap;
}
.block-order-method--payment .block-order-method--coupon label,
.block-order-estimate--payment .block-order-method--coupon label {
  display: block;
  width: 100%;
  margin-bottom: 8px;
}
.block-order-method--payment .block-order-method--coupon input[type="text"],
.block-order-estimate--payment .block-order-method--coupon input[type="text"] {
  width: 260px;
  padding: 10px 12px;
  border-radius: 4px;
}
.block-order-method--payment .block-order-method--coupon-available-btn,
.block-order-estimate--payment .block-order-method--coupon-available-btn {
  display: flex;
  align-items: center;
  border: 2px solid #78BD24;
  color: #333;
  border-radius: 4px;
}
.block-order-method--payment .block-order-method--coupon-available-btn:after,
.block-order-estimate--payment .block-order-method--coupon-available-btn:after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: 18px;
  background: url(../../img/share/icon_blank_2.svg) no-repeat;
  background-size: contain;
}
.block-order-method--payment .block-order-method--coupon .block-order-method--coupon-message {
  font-size: 0.75rem;
  color: #B40B0B;
  padding-top: 8px;
}
.block-order-method--payment .block-order-method--promotion:after,
.block-order-estimate--payment .block-order-method--promotion:after {
  display: none;
}
.block-order-method--payment .block-order-method--promotion label,
.block-order-estimate--payment .block-order-method--promotion label {
  display: block;
  width: 100%;
  margin-bottom: 8px;
}
.block-order-method--payment .block-order-method--promotion input[type="text"],
.block-order-estimate--payment .block-order-method--promotion input[type="text"] {
  width: 260px;
  padding: 10px 12px;
  border-radius: 4px;
}
.block-order-method--date-cycle .block-regular-cycle--cycle-type,
.block-order-estimate--date-cycle .block-regular-cycle--cycle-type {
  margin-bottom: 16px;
}
.block-order-method--date-cycle .block-regular-cycle--cycle-type dt,
.block-order-estimate--date-cycle .block-regular-cycle--cycle-type dt {
  float: none;
  margin-bottom: 8px;
  font-weight: normal;
}
.block-order-method--date-cycle .block-regular-cycle--cycle-type dd,
.block-order-estimate--date-cycle .block-regular-cycle--cycle-type dd {
  margin: 0;
}
.block-order-method--date-cycle .block-regular-cycle--cycle-type dd li,
.block-order-estimate--date-cycle .block-regular-cycle--cycle-type dd li {
  margin-bottom: 8px;
}
.block-order-method--date-cycle .block-regular-cycle--cycle-type dd .block-form-parts--radio input[type="radio"] + label,
.block-order-estimate--date-cycle .block-regular-cycle--cycle-type dd .block-form-parts--radio input[type="radio"] + label {
  font-size: 14px;
  font-size: 0.875rem;
}
.block-order-method--date-cycle .block-regular-cycle--cycle-sub-type,
.block-order-estimate--date-cycle .block-regular-cycle--cycle-sub-type {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  padding: 12px 16px;
  background: #F8F8F8;
  border: 1px solid #DCDCDC;
}
.block-order-method--date-cycle .block-regular-cycle--cycle-sub-type dt,
.block-order-estimate--date-cycle .block-regular-cycle--cycle-sub-type dt {
  float: none;
  margin-right: 12px;
  font-weight: normal;
}
.block-order-method--date-cycle .block-regular-cycle--cycle-sub-type dd,
.block-order-estimate--date-cycle .block-regular-cycle--cycle-sub-type dd {
  margin: 0;
}
.block-order-method--date-cycle .block-regular-cycle--cycle-sub-type dd .block-form-parts--select,
.block-order-estimate--date-cycle .block-regular-cycle--cycle-sub-type dd .block-form-parts--select {
  display: inline-block;
  width: 64px;
  margin-right: 8px;
}
.block-order-method--date-cycle .block-regular-cycle--cycle-sub-type dd .block-form-parts--select select,
.block-order-estimate--date-cycle .block-regular-cycle--cycle-sub-type dd .block-form-parts--select select {
  padding: 10px 12px;
  font-size: 14px;
  font-size: 0.875rem;
}
.block-order-method--date-cycle .block-regular-cycle--cycle-sub-type dd .block-form-parts--select:before, .block-order-method--date-cycle .block-regular-cycle--cycle-sub-type dd .block-form-parts--select:after,
.block-order-estimate--date-cycle .block-regular-cycle--cycle-sub-type dd .block-form-parts--select:before,
.block-order-estimate--date-cycle .block-regular-cycle--cycle-sub-type dd .block-form-parts--select:after {
  right: 12px;
}
.block-order-method--date-cycle .block-regular-cycle--deliv_date dl,
.block-order-estimate--date-cycle .block-regular-cycle--deliv_date dl {
  display: flex;
  margin: 0 0 16px;
  border: 1px solid #DCDCDC;
}
.block-order-method--date-cycle .block-regular-cycle--deliv_date dl dt,
.block-order-estimate--date-cycle .block-regular-cycle--deliv_date dl dt {
  padding: 16px;
  background: #F8F8F8;
  border-right: 1px solid #DCDCDC;
  border-bottom: 0;
  font-weight: normal;
}
.block-order-method--date-cycle .block-regular-cycle--deliv_date dl dd,
.block-order-estimate--date-cycle .block-regular-cycle--deliv_date dl dd {
  padding: 16px;
}
.block-order-method--date-cycle .block-regular-cycle--deliv_date dl.block-regular-cycle--deliv_date--prev-expected-dt,
.block-order-estimate--date-cycle .block-regular-cycle--deliv_date dl.block-regular-cycle--deliv_date--prev-expected-dt {
  margin: 0;
  border-bottom: 0;
}
.block-order-method--date-cycle .block-regular-cycle--note li,
.block-order-estimate--date-cycle .block-regular-cycle--note li {
  text-indent: -1em;
  padding-left: 1em;
  font-size: 12px;
  font-size: 0.75rem;
}
.block-order-method--date-cycle .block-regular-cycle--note li:before,
.block-order-estimate--date-cycle .block-regular-cycle--note li:before {
  content: "※";
}
.block-order-method--delivery-date-content,
.block-order-estimate--delivery-date-content {
  width: 100%;
}
.block-order-method--delivery-date-content .block-order-method--date-spec,
.block-order-estimate--delivery-date-content .block-order-method--date-spec {
  margin-top: 20px;
}
.block-order-method--delivery-date-content .block-order-method--date-spec dt,
.block-order-estimate--delivery-date-content .block-order-method--date-spec dt {
  font-weight: normal;
}
.block-order-method--delivery-date-content .block-order-method--date-spec dd,
.block-order-estimate--delivery-date-content .block-order-method--date-spec dd {
  margin-left: 0;
}
.block-order-method--delivery-date-note,
.block-order-estimate--delivery-date-note {
  display: flex;
  padding: 20px 24px;
  background: #fff;
  font-size: 12px;
  font-size: 0.75rem;
}
.block-order-method--delivery-date-note dl,
.block-order-estimate--delivery-date-note dl {
  width: 50%;
  margin: 0;
}
.block-order-method--delivery-date-note dl:nth-of-type(2),
.block-order-estimate--delivery-date-note dl:nth-of-type(2) {
  padding-left: 24px;
  border-left: 1px solid #ddd;
}
.block-order-method--delivery-date-note dl dt,
.block-order-estimate--delivery-date-note dl dt {
  float: none;
  margin-bottom: 8px;
}
.block-order-method--delivery-date-note dl dd,
.block-order-estimate--delivery-date-note dl dd {
  margin: 0;
}
.block-order-method--delivery-date-att,
.block-order-estimate--delivery-date-att {
  display: block !important;
  font-size: 12px;
  font-size: 0.75rem;
}
.block-order-method--delivery-date-att ul,
.block-order-estimate--delivery-date-att ul {
  margin-top: 5px;
}
.block-order-method--delivery-date-att ul li,
.block-order-estimate--delivery-date-att ul li {
  text-indent: calc(-1em - 2px);
  padding-left: calc(1em + 2px);
}
.block-order-method--delivery-date-att ul li:before,
.block-order-estimate--delivery-date-att ul li:before {
  content: "◆";
  margin-right: 2px;
}
.block-order-method--delivery-date-att ul li span,
.block-order-estimate--delivery-date-att ul li span {
  color: #B40B0B;
}
.block-order-method .block-order-method--amazon-host,
.block-order-estimate .block-order-method--amazon-host {
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px;
  padding: 24px 28px;
  border: 1px solid #ddd;
}
.block-order-method .block-order-method--amazon-host h2,
.block-order-estimate .block-order-method--amazon-host h2 {
  flex-shrink: 0;
  width: 170px;
  margin: 0;
  font-size: 16px;
  font-size: 1rem;
}
.block-order-method .block-order-method--amazon-host .block-order-method--host-confirmation,
.block-order-estimate .block-order-method--amazon-host .block-order-method--host-confirmation {
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
}
.block-order-method .block-order-method--amazon-host .block-order-method--host-title-confirmation,
.block-order-estimate .block-order-method--amazon-host .block-order-method--host-title-confirmation {
  font-size: 14px;
  font-size: 0.875rem;
}

.a {
  width: 100%;
  table-layout: fixed;
}
.a th, .a td {
  width: 50px;
  border: 1px solid #ccc;
}
.a th:first-child,
.a td:first-child {
  width: 65px;
  position: sticky;
  left: 0;
  background: #ccc;
}
.a-wrap {
  width: 300px;
  overflow: auto;
}

.block-order-method h2,
.block-order-estimate h2 {
  margin: 0 0 12px;
  padding: 0;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: bold;
  border: 0;
}

/* お届け先の変更 */
#changeAddress .block-modal-contents {
  width: 980px;
}

.block-order-estimate--dest-address-container h2 {
  margin-bottom: 8px;
  padding: 0;
  font-size: 24px;
  font-size: 1.5rem;
  text-align: center;
  color: #333;
  border: 0;
  font-weight: bold;
}
.block-order-estimate--dest-address-select {
  margin-bottom: 24px;
  padding: 0;
  text-align: center;
}
.block-order-estimate--dest-address-list-modal {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
}
.block-order-estimate--dest-address-item, .block-order-estimate--dest-address-item-selected {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 260px;
  width: calc(100% / 3 - 20px);
  height: auto;
  margin: 0 10px 20px;
  padding: 16px 20px;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.block-order-estimate--dest-address-item-container {
  height: auto;
  margin: 0;
}
.block-order-estimate--dest-address-item address, .block-order-estimate--dest-address-item-selected address {
  margin-bottom: 14px;
}
.block-order-estimate--dest-address-item-selected {
  border: 4px solid #419418;
  background: #F4F5F2;
}
.block-order-estimate--dest-address-item-register {
  width: 230px;
  height: auto;
  margin: 0 10px;
  padding: 0;
  border: 0;
}
.block-order-estimate--dest-address-item-register .block-order-estimate--dest-address-item-buttons {
  position: relative;
  top: 0;
  margin: 0;
}
.block-order-estimate--dest-address-item-register .block-order-estimate--dest-address-item-buttons:before, .block-order-estimate--dest-address-item-register .block-order-estimate--dest-address-item-buttons:after {
  position: absolute;
  top: 50%;
  right: 16px;
  content: "";
  display: block;
  width: 16px;
  height: 2px;
  background: #419418;
}
.block-order-estimate--dest-address-item-register .block-order-estimate--dest-address-item-buttons:after {
  transform: rotate(90deg);
}
.block-order-estimate--dest-address-item-register .block-order-estimate--dest-address-register-btn {
  display: block;
  width: 100%;
  padding: 10px;
  padding-right: 26px;
  font-size: 14px;
  border: 2px solid #419418;
  border-radius: 4px;
  color: #419418;
  font-weight: bold;
}
.block-order-estimate--dest-address-item-buttons {
  height: auto;
  margin-top: auto;
}
.block-order-estimate--dest-address-item-buttons__selected {
  display: block;
  width: 100%;
  height: auto;
  padding: 8px;
  color: #419418;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  text-align: center;
}
.block-order-estimate--dest-address-change-btn {
  display: block;
  width: 100%;
  height: auto;
  padding: 8px;
  color: #fff;
  background: #419418;
  border: 0;
  border-radius: 4px;
  text-align: center;
}
.block-order-estimate--dest-address-change {
  position: absolute;
  top: 16px;
  right: 20px;
  height: auto;
}
.block-order-estimate--dest-address-change span {
  display: block;
  width: 104px;
}
.block-order-estimate--dest-address-change span:after {
  position: absolute;
  top: 12px;
  right: 12px;
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  margin-left: 4px;
  background: url(../../img/share/icon_pen.svg) no-repeat;
  background-size: contain;
}
.block-order-estimate--dest-address-change-dest-btn {
  display: flex;
  align-items: center;
  padding: 5px 8px;
  padding-right: 20px;
  border: 1px solid #999;
  border-radius: 4px;
  color: #333;
  font-size: 12px;
  font-size: 0.75rem;
}
.block-order-estimate--dest-address-title {
  margin-bottom: 14px;
  font-size: 16px;
  font-size: 1rem;
  font-weight: bold;
}
.block-order-estimate--dest-address-list {
  padding: 80px;
}
.block-order-estimate--dest-address-list .action-buttons {
  display: flex;
  justify-content: center;
  margin-top: 32px;
}
.block-order-estimate--dest-address-list .action-buttons .action {
  display: block;
  margin: 0;
}
.block-order-estimate--dest-address-list .action-buttons .action .btn {
  width: 240px;
  margin: 0 20px;
  padding: 14px;
  border-radius: 4px;
  font-size: 16px;
}
.block-order-estimate--dest-address-list .action-buttons .action .btn-default {
  border: 1px solid #999;
  color: #999;
}
.block-order-estimate--dest-address-list .action-buttons .action .btn-primary {
  background: #78BD24;
  color: #fff;
  border-color: #78BD24;
}
.block-order-estimate--dest-address-item-register-input-title {
  margin-bottom: 16px;
  font-size: 16px;
  font-size: 1rem;
}

.block-order-estimate--dest-address-item-register-input-form .fieldset-vertical,
.block-order-estimate--guest-address-input-form {
  margin: 0;
  border: 0;
  border-top: 1px solid #ddd;
}

/* 店舗からお届けtable */
.block-order-method--delivery-select-date-controler {
  display: flex;
  justify-content: flex-end;
  margin-top: -32px;
  margin-bottom: 10px;
}
.block-order-method--delivery-select-date-controler li {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  border: 1px solid #999;
  border-radius: 4px;
  font-size: 0;
  background: #fff;
}
.block-order-method--delivery-select-date-controler li.prev {
  margin-right: 8px;
}
.block-order-method--delivery-select-date-controler li.prev:before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  background-image: url("../../img/share/arrow.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transform: rotate(180deg);
}
.block-order-method--delivery-select-date-controler li.next:before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  background-image: url("../../img/share/arrow.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.block-order-method--delivery-select-date-controler li.disabled {
  background: #eee;
  border-color: #eee;
}
.block-order-method--delivery-select-date-controler li.disabled:before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  background-image: url("../../img/share/btn_arrow-right_lightgray.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.block-order-method--delivery-select-date .block-order-method--select-table-wrap {
  width: 490px;
  overflow: auto;
  margin-bottom: 20px;
  border: 1px solid #999;
}
.block-order-method--delivery-select-date table {
  width: 100%;
  table-layout: fixed;
}
.block-order-method--delivery-select-date table th, .block-order-method--delivery-select-date table td {
  border-right: 1px solid #D1D1D1;
  text-align: center;
  white-space: nowrap;
}
.block-order-method--delivery-select-date table th ,
.block-order-method--delivery-select-date table td {
  background: #fff;
}
.block-order-method--delivery-select-date table th:first-child {
  position: sticky;
  left: 0;
  background: #fff;
  white-space: wrap;
}
.block-order-method--delivery-select-date table th:first-child:after {
  position: absolute;
  top: 0;
  right: 0;
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  background: #999;
}
.block-order-method--delivery-select-date table thead {
  border-bottom: 1px solid #999;
}
.block-order-method--delivery-select-date table thead th {
  width: 48px;
  font-size: 10px;
  font-size: 0.625rem;
  text-align: center;
}
.block-order-method--delivery-select-date table thead th:first-child {
  width: 65px;
  font-size: 12px;
  font-size: 0.75rem;
  white-space: nowrap;
}
.block-order-method--delivery-select-date table tbody th .date {
  font-size: 16px;
  font-size: 1rem;
}
.block-order-method--delivery-select-date table tbody th .day {
  display: block;
  font-size: 12px;
  font-size: 0.75rem;
}
.block-order-method--delivery-select-date table thead th.sat .day {
  color: #5485AF;
}
.block-order-method--delivery-select-date table thead th.sun .day {
  color: #990000;
}
.block-order-method--delivery-select-date table thead th:last-child {
  border-right: 0;
}
.block-order-method--delivery-select-date table tbody th, .block-order-method--delivery-select-date table tbody td {
  border-bottom: 1px solid #D1D1D1;
}
.block-order-method--delivery-select-date table tbody th {
  width: 65px;
  padding: 0 10px;
  font-size: 12px;
  font-size: 0.75rem;
  text-align: left;
}
.block-order-method--delivery-select-date table tbody td {
  width: 48px;
  height: 48px;
  text-align: center;
}
.block-order-method--delivery-select-date table tbody td:after {
  content: "";
  display: block;
  width: 22px;
  height: 22px;
  margin: auto;
  border: 3px solid #78BD24;
  border-radius: 100%;
}
.block-order-method--delivery-select-date table tbody td.is-open {
  background: #78BD24;
}
.block-order-method--delivery-select-date table tbody td.is-open:after {
  border-color: #fff;
}
.block-order-method--delivery-select-date table tbody td.disabled {
  background: #E8E8E8;
}
.block-order-method--delivery-select-date table tbody td.disabled:after {
  content: "";
  display: inline-block;
  width: 12px;
  height: 2px;
  background: #999;
  border: 0;
  vertical-align: middle;
}
.block-order-method--delivery-select-date table tbody td.impossible {
  background: #E8E8E8;
}
.block-order-method--delivery-select-date table tbody td.impossible:after {
  content: "×";
  display: block;
  width: auto;
  height: auto;
  font-size: 24px;
  font-weight: bold;
  color: #999;
  border: 0;
}

/* クーポン一覧モーダルの中身 */
.block-coupon-list {
  margin-top: 24px;
}
.block-coupon-list--item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
  padding: 24px 28px;
  border: 1px solid #ddd !important;
  border-left: 4px solid #78BD24 !important;
}
.block-coupon-list--item-detail {
  flex-shrink: 0;
  width: 59.38%;
}
.block-coupon-list--item-name {
  margin-bottom: 8px;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: bold;
}
.block-coupon-list--item dl dt {
  float: left;
  clear: left;
}
.block-coupon-list--item-term {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid #ccc;
  font-size: 12px;
  font-size: 0.75rem;
  color: #666;
}
.block-coupon-list--item-select {
  display: inline-block;
  padding: 10px 16px;
  background: #fff;
  border: 1px solid #999;
  border-radius: 4px;
  font-size: 14px;
  font-size: 0.875rem;
  color: #333;
}
.block-coupon-list--item-select:after {
  content: "";
  display: inline-block;
  width: 6px;
  height: 10px;
  background-image: url("../../img/share/arrow.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  margin-left: 12px;
}

/* エラー・アラート */
.block-order-method--error {
  background: #FFF4F4;
}

/* 注文確認 */
.block-estimate--attention {
  margin-bottom: 40px;
}

.block-order-estimate--container {
  display: flex;
  justify-content: space-between;
}
.block-order-estimate--content {
  width: 720px;
}
.block-order-estimate--confirmation {
  margin: 0;
  padding: 24px 28px;
  border: 1px solid #ddd;
}
.block-order-estimate--host-name {
  margin-bottom: 8px;
  font-size: 16px;
  font-size: 1rem;
}
.block-order-estimate--host address {
  font-size: 14px;
  font-size: 0.875rem;
}
.block-order-estimate--date-content p {
  margin-top: 8px;
}
.block-order-estimate--payment-content > div:last-child:after {
  display: none;
}
.block-order-estimate--comment {
  margin-top: 40px;
}
.block-order-estimate--comment-content {
  border: 0;
  margin: 0;
  padding: 0;
}
.block-order-estimate--comment-content textarea {
  height: 96px;
}
.block-order-estimate--pay-input {
  margin-bottom: 40px;
  background: none;
  border: 0;
}
.block-order-estimate--pay-input-content {
  padding: 0 28px 24px;
  border: 1px solid #ddd;
}
.block-order-estimate--pay-header {
  margin-bottom: 12px;
  padding: 0;
  background: none;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: bold;
  color: #333;
}
.block-order-estimate--pay-card-brand .form-control .block-form-parts--select select {
  width: 200px;
}
.block-order-estimate--pay-card .form-control input[type="text"] {
  width: 200px;
}
.block-order-estimate--pay-security-code .form-control {
  justify-content: flex-start;
}
.block-order-estimate--pay-security-code .form-control input[type="text"] {
  width: 80px;
  margin-right: 12px;
}
.block-order-estimate--pay-security-code .form-control .help-block {
  color: #333;
  font-size: 12px;
  font-size: 0.75rem;
}
.block-order-estimate--pay-expire .form-control {
  justify-content: flex-start;
  align-items: center;
}
.block-order-estimate--pay-expire .form-control .block-form-parts--select {
  margin-right: 12px;
}
.block-order-estimate--pay-expire .form-control .block-form-parts--select select {
  width: 80px;
}
.block-order-estimate--pay-expire .form-control .block-form-parts--select:nth-of-type(2) {
  margin-left: 12px;
}
.block-order-estimate--pay-card-method .form-control {
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
}
.block-order-estimate--pay-card-method .form-control .block-form-parts--select {
  margin-right: 16px;
}
.block-order-estimate--pay-card-method .form-control .block-form-parts--select select {
  width: 120px;
}
.block-order-estimate--pay-card-method .form-control .help-block {
  width: auto;
  color: #333;
  font-size: 12px;
  font-size: 0.75rem;
}
.block-order-estimate--pay-savecard {
  padding: 26px 0 0;
}
.block-order-estimate--pay-savecard .form-control {
  padding-left: 0;
}
.block-order-estimate--regular-cycle-type {
  margin-bottom: 8px;
}
.block-order-estimate--regular-cycle-type dt {
  float: left;
}
.block-order-estimate--regular-cycle .block-order-estimate--prev-expected-dt,
.block-order-estimate--regular-cycle .block-order-estimate--next-expected-dt {
  width: auto;
  margin: 0;
  padding: 0;
  font-weight: normal;
}
.block-order-estimate--regular-cycle .block-order-estimate--prev-expected-dt span,
.block-order-estimate--regular-cycle .block-order-estimate--next-expected-dt span {
  width: auto;
  font-size: 14px;
  font-size: 0.875rem;
}
.block-order-estimate--regular-cycle .block-order-estimate--prev-expected-dt span:first-child:after,
.block-order-estimate--regular-cycle .block-order-estimate--next-expected-dt span:first-child:after {
  content: "：";
}
.block-order-estimate--regular-cycle .block-order-estimate--prev-expected-dt {
  margin-bottom: 4px;
}
.block-order-estimate--regular-cycle-info {
  margin-top: 8px;
  font-size: 12px;
  font-size: 0.75rem;
  color: #444;
}
.block-order-estimate--route-content address {
  margin-top: 12px;
  line-height: 1.5;
}
.block-order-estimate--method-content {
  margin-right: 26px;
}
.block-order-estimate--method-att {
  margin-top: 8px;
  text-indent: -1em;
  padding-left: 1em;
  font-size: 12px;
  font-size: 0.75rem;
  color: #444;
}
.block-order-estimate--method-link a {
  display: inline-block;
  margin-top: 8px;
  color: #419418;
  font-size: 14px;
  font-size: 0.875rem;
}
.block-order-estimate--method-link a:after {
  content: "";
  display: inline-block;
  width: 6px;
  height: 10px;
  background-image: url("../../img/share/btn_arrow-right_green.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  margin-left: 8px;
}
.block-order-estimate--side-area {
  width: 240px;
  padding-top: 42px;
}
.block-order-estimate--side-area .block-cart--continue-shopping {
  margin-top: 0;
}
.block-order-estimate--side-contents {
  width: auto;
  margin: 0;
  background: #F4F5F2;
}
.block-order-estimate--procedure {
  padding: 20px;
  border: 0;
  background: #F4F5F2;
}
.block-order-estimate--procedure-container {
  display: flex;
  flex-direction: column;
  padding: 0;
  background: none;
}
.block-order-estimate--procedure-container .block-order-estimate--total {
  order: 1;
}
.block-order-estimate--procedure-container .block-order-estimate--point-add {
  order: 10;
}
.block-order-estimate--procedure-container .block-order-estimate--price-items {
  order: 20;
}
.block-order-estimate--procedure-container .block-order-estimate--point-out-item {
  order: 20;
  padding-top: 12px;
  border-top: 1px solid #ddd;
}
.block-order-estimate--procedure-container .block-order-estimate--return {
  order: 30;
}
.block-order-estimate--procedure-container .block-order-estimate--sales-delivery-comment {
  order: 40;
}
.block-order-estimate--procedure-container .block-order-estimate--commit {
  order: 50;
}
.block-order-estimate--total {
  margin: 0 0 12px;
  padding: 0 0 12px;
  background: none;
  text-align: center;
  border-bottom: 1px solid #ddd;
}
.block-order-estimate--total-price {
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  color: #333;
}
.block-order-estimate--total-price span {
  margin: 0 3px;
  font-size: 24px;
  font-size: 1.5rem;
  font-family: 'Roboto';
}
.block-order-estimate--point-add {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0 0 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid #ddd;
  font-size: 12px;
  font-size: 0.75rem;
}
.block-order-estimate--point-add dt {
  float: none;
  color: #666;
}
.block-order-estimate--point-add dd {
  font-weight: bold;
}
.block-order-estimate--point-add dd + dd {
  width: 100%;
  margin-top: 4px;
  padding-bottom: 0;
  font-weight: normal;
  color: #666;
  text-indent: -1em;
  padding-left: 1em;
}
.block-order-estimate--point-add-num {
  font-size: 12px;
  font-size: 0.75rem;
  color: #333;
}
.block-order-estimate--price-items,
.block-order-estimate--point-out-item {
  margin: 0 0 12px;
}
.block-order-estimate--price-items dt,
.block-order-estimate--point-out-item dt {
  margin-bottom: 5px;
  color: #666;
}
.block-order-estimate--price-items dd,
.block-order-estimate--point-out-item dd {
  font-weight: bold;
  color: #333;
}
.block-order-estimate--return {
  margin-bottom: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid #ddd;
  font-size: 12px;
  font-size: 0.75rem;
}
.block-order-estimate--return-agree {
  margin-bottom: 12px;
  padding: 10px 15px;
  border: 1px solid #ccc;
  border-radius: 4px;
  background: #fff;
  font-size: 10px;
  font-size: 0.625rem;
  color: #333;
  font-weight: bold;
}
.block-order-estimate--return .block-order-estimate--order-terms-link {
  color: #419418;
}
.block-order-estimate--sales-delivery-comment {
  margin: 0 0 12px;
  font-size: 10px;
  font-size: 0.625rem;
  color: #666;
}
.block-order-estimate--commit {
  margin: 0;
}
.block-order-estimate--commit .btn-primary {
  margin: 0;
  padding: 12px;
  background: #78BD24;
  border: 0;
  border-radius: 4px;
  color: #fff;
  font-size: 16px;
  font-size: 1rem;
}
.block-order-estimate--commit .block-order-estimate--print {
  margin-bottom: 8px;
}
.block-order-estimate--commit .block-order-estimate--print-btn {
  display: block;
  width: 100%;
  padding: 10px;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  text-align: center;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
}

/* 注文完了 */
.block-order-complete {
  padding-bottom: 150px;
}
.block-order-complete--message {
  margin-bottom: 40px;
}
.block-order-complete--orderid {
  margin-bottom: 40px;
}
.block-order-complete--orderid th {
  padding-bottom: 4px;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: bold;
  color: #333;
}
.block-order-complete--orderid td {
  font-size: 16px;
  font-size: 1rem;
}
.block-order-complete--home-btn {
  width: 240px;
  margin: 0 auto;
  padding: 14px;
  border: 1px solid #999;
  border-radius: 4px;
  text-decoration: none;
  background: #fff;
  color: #333;
}
.block-order-complete--cart-alert {
  margin-bottom: 40px;
  padding: 28px;
  background: #F4F5F2;
  text-align: center;
}
.block-order-complete--cart-alert p {
  margin-bottom: 16px;
  font-size: 16px;
  font-size: 1rem;
}
.block-order-complete--cart-alert .btn {
  width: 240px;
  padding: 14px;
  background: #78BD24;
  border-radius: 4px;
  color: #fff;
  border: 0;
}
.block-order-complete--customerentry-form .btn {
  padding: 14px;
  background: #78BD24;
  border-radius: 4px;
  color: #fff;
  border: 0;
}

/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.noUi-target {
  position: relative;
}

.noUi-base,
.noUi-connects {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}

/* Wrapper for all connect elements.
 */
.noUi-connects {
  overflow: hidden;
  z-index: 0;
}

.noUi-connect,
.noUi-origin {
  will-change: transform;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  -webkit-transform-style: preserve-3d;
  transform-origin: 0 0;
  transform-style: flat;
}

/* Offset direction
 */
.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
  left: 0;
  right: auto;
}

/* Give origins 0 height/width so they don't interfere with clicking the
 * connect elements.
 */
.noUi-vertical .noUi-origin {
  top: -100%;
  width: 0;
}

.noUi-horizontal .noUi-origin {
  height: 0;
}

.noUi-handle {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute;
}

.noUi-touch-area {
  height: 100%;
  width: 100%;
}

.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
  -webkit-transition: transform 0.3s;
  transition: transform 0.3s;
}

.noUi-state-drag * {
  cursor: inherit !important;
}

/* Slider size and handle placement;
 */
.noUi-horizontal {
  height: 18px;
}

.noUi-horizontal .noUi-handle {
  width: 34px;
  height: 28px;
  right: -17px;
  top: -6px;
}

.noUi-vertical {
  width: 18px;
}

.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  right: -6px;
  bottom: -17px;
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
  left: -17px;
  right: auto;
}

/* Styling;
 * Giving the connect element a border radius causes issues with using transform: scale
 */
.noUi-target {
  background: #FAFAFA;
  border-radius: 4px;
  border: 1px solid #D3D3D3;
  box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
}

.noUi-connects {
  border-radius: 3px;
}

.noUi-connect {
  background: #3FB8AF;
}

/* Handles and cursors;
 */
.noUi-draggable {
  cursor: ew-resize;
}

.noUi-vertical .noUi-draggable {
  cursor: ns-resize;
}

.noUi-handle {
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #FFF;
  cursor: default;
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
}

.noUi-active {
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
}

/* Handle stripes;
 */
.noUi-handle:before,
.noUi-handle:after {
  content: "";
  display: block;
  position: absolute;
  height: 14px;
  width: 1px;
  background: #E8E7E6;
  left: 14px;
  top: 6px;
}

.noUi-handle:after {
  left: 17px;
}

.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
  width: 14px;
  height: 1px;
  left: 6px;
  top: 14px;
}

.noUi-vertical .noUi-handle:after {
  top: 17px;
}

/* Disabled state;
 */
[disabled] .noUi-connect {
  background: #B8B8B8;
}

[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
  cursor: not-allowed;
}

/* Base;
 *
 */
.noUi-pips,
.noUi-pips * {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.noUi-pips {
  position: absolute;
  color: #999;
}

/* Values;
 *
 */
.noUi-value {
  position: absolute;
  white-space: nowrap;
  text-align: center;
}

.noUi-value-sub {
  color: #ccc;
  font-size: 10px;
}

/* Markings;
 *
 */
.noUi-marker {
  position: absolute;
  background: #CCC;
}

.noUi-marker-sub {
  background: #AAA;
}

.noUi-marker-large {
  background: #AAA;
}

/* Horizontal layout;
 *
 */
.noUi-pips-horizontal {
  padding: 10px 0;
  height: 80px;
  top: 100%;
  left: 0;
  width: 100%;
}

.noUi-value-horizontal {
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
}

.noUi-rtl .noUi-value-horizontal {
  -webkit-transform: translate(50%, 50%);
  transform: translate(50%, 50%);
}

.noUi-marker-horizontal.noUi-marker {
  margin-left: -1px;
  width: 2px;
  height: 5px;
}

.noUi-marker-horizontal.noUi-marker-sub {
  height: 10px;
}

.noUi-marker-horizontal.noUi-marker-large {
  height: 15px;
}

/* Vertical layout;
 *
 */
.noUi-pips-vertical {
  padding: 0 10px;
  height: 100%;
  top: 0;
  left: 100%;
}

.noUi-value-vertical {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding-left: 25px;
}

.noUi-rtl .noUi-value-vertical {
  -webkit-transform: translate(0, 50%);
  transform: translate(0, 50%);
}

.noUi-marker-vertical.noUi-marker {
  width: 5px;
  height: 2px;
  margin-top: -1px;
}

.noUi-marker-vertical.noUi-marker-sub {
  width: 10px;
}

.noUi-marker-vertical.noUi-marker-large {
  width: 15px;
}

.noUi-tooltip {
  display: block;
  position: absolute;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #fff;
  color: #000;
  padding: 5px;
  text-align: center;
  white-space: nowrap;
}

.noUi-horizontal .noUi-tooltip {
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  left: 50%;
  bottom: 120%;
}

.noUi-vertical .noUi-tooltip {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  top: 50%;
  right: 120%;
}

.noUi-horizontal .noUi-origin > .noUi-tooltip {
  -webkit-transform: translate(50%, 0);
  transform: translate(50%, 0);
  left: auto;
  bottom: 10px;
}

.noUi-vertical .noUi-origin > .noUi-tooltip {
  -webkit-transform: translate(0, -18px);
  transform: translate(0, -18px);
  top: auto;
  right: 28px;
}

/* 汎用 */
.fieldset .other-group {
  padding: 16px 0;
}
.fieldset .other-form {
  padding: 0 0 16px 20px;
}
.other-btn {
  width: 100%;
  margin: 0 auto;
  padding: 12px;
  background: #78BD24;
  color: #fff;
  font-size: 16px;
  font-size: 1rem;
  text-align: center;
  border: 0;
  border-radius: 4px;
  font-weight: bold;
}
.other-return-btn {
  width: 100%;
  margin: 0 auto;
  padding: 12px;
  cursor: pointer;
  font-size: 16px;
  font-size: 1rem;
  text-align: center;
  border-radius: 4px;
}

/* カート画面 商品情報に使用 */
.line_spacing {
  margin-top: 8px;
}
/* カート画面 カスタムオーダー オプション名表示 */
.custom_optionname {
  margin: 8px 0 8px 0;
  font-weight: bold;
}

/* カテゴリー一覧 */
.page-category .pane-left-menu {
  display: none;
}
.page-category .pane-contents {
  display: block;
}
.page-category .pane-contents > .container {
  display: block;
}
.page-category .pane-contents > .container .pane-main {
  width: 1000px;
  margin: 0 auto;
}
.page-category h1 + p a {
  display: inline-flex;
  align-items: center;
  color: #005E3C;
  text-decoration: underline;
}
.page-category h1 + p a:after {
  content: "";
  display: inline-block;
  width: 11px;
  height: 11px;
  margin-left: 5px;
  background: url(../../../img/share/arrow_green.svg) center no-repeat;
  background-size: contain;
}
.page-category h1 + p a:hover {
  text-decoration: none;
}
.page-category .block-category-anchorlink {
  display: flex;
  flex-wrap: wrap;
  margin: 40px -10px 64px;
}
.page-category .block-category-anchorlink li {
  width: 18.8%;
  width: calc(18.8% - 10px);
  margin: 0 10px 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #ccc;
}
.page-category .block-category-anchorlink li:nth-child(4n+1), .page-category .block-category-anchorlink li:nth-child(4n+2) {
  width: 28.2%;
  width: calc(28.2% - 10px);
}
.page-category .block-category-anchorlink li a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 0;
  padding-right: 6px;
  font-size: 14px;
  font-size: 0.875rem;
}
.page-category .block-category-anchorlink li a:after {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  background-image: url(../../../img/share/arrow.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transform: rotate(90deg);
}
.page-category .block-category-anchorlink li a:hover {
  text-decoration: none;
}
.page-category .block-category-style-g {
  display: block;
  margin: 0;
}
.page-category .block-category-style-g--item {
  margin-bottom: 64px;
}
.page-category .block-category-style-g--item:nth-child(2n) {
  margin-left: 0;
}
.page-category .block-category-style-g--item-name {
  display: flex;
  margin-bottom: 16px;
  padding-bottom: 8px;
  border-bottom: 1px solid #ccc;
  font-size: 20px;
  font-size: 1.25rem;
  color: #333;
}
.page-category .block-category-style-g--item-name a {
  display: inline-flex;
  align-items: center;
}
.page-category .block-category-style-g--item-name a:after {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-left: 8px;
  background: url(../../../img/share/arrow.svg) right center no-repeat;
  background-size: contain;
}
.page-category .block-category-style-g--item-name a img {
  width: 48px;
  margin-right: 10px;
}
.page-category .block-category-style-g--item ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
}
.page-category .block-category-style-g--item ul li {
  width: calc(100% / 4);
  margin: 0 0 10px;
  padding: 0;
  padding-right: 8px;
  list-style: none;
  font-size: 14px;
  font-size: 0.875rem;
}
.pagination>li.active {
    background: #555;
}
.pagination>li.page-item.active>span {
    font-weight: bold;
    color: #fff;
}
/* ジャンル一覧 */
.page-genre .pane-left-menu {
  display: none;
}
.page-genre .pane-contents {
  display: block;
}
.page-genre .pane-contents > .container {
  display: block;
}
.page-genre .pane-contents > .container .pane-main {
  width: 1000px;
  margin: 0 auto;
}
.page-genre h1 + p a {
  display: inline-flex;
  align-items: center;
  color: #005E3C;
  text-decoration: underline;
}
.page-genre h1 + p a:after {
  content: "";
  display: inline-block;
  width: 11px;
  height: 11px;
  margin-left: 5px;
  background: url(../../../img/share/arrow_green.svg) center no-repeat;
  background-size: contain;
}
.page-genre h1 + p a:hover {
  text-decoration: none;
}
.page-genre .block-genre-anchorlink {
  display: flex;
  flex-wrap: wrap;
  margin: 40px -10px 64px;
}
.page-genre .block-genre-anchorlink li {
  width: 18.8%;
  width: calc(18.8% - 10px);
  margin: 0 10px 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #ccc;
}
.page-genre .block-genre-anchorlink li:nth-child(4n+1), .page-genre .block-genre-anchorlink li:nth-child(4n+2) {
  width: 28.2%;
  width: calc(28.2% - 10px);
}
.page-genre .block-genre-anchorlink li a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 0;
  padding-right: 6px;
  font-size: 14px;
  font-size: 0.875rem;
}
.page-genre .block-genre-anchorlink li a:after {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  background-image: url(../../../img/share/arrow.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transform: rotate(90deg);
}
.page-genre .block-genre-anchorlink li a:hover {
  text-decoration: none;
}
.page-genre .block-genre-style-g {
  display: block;
  margin: 0;
}
.page-genre .block-genre-style-g--item {
  margin-bottom: 64px;
}
.page-genre .block-genre-style-g--item:nth-child(2n) {
  margin-left: 0;
}
.page-genre .block-genre-style-g--item-name {
  display: flex;
  margin-bottom: 16px;
  padding-bottom: 8px;
  border-bottom: 1px solid #ccc;
  font-size: 20px;
  font-size: 1.25rem;
  color: #333;
}
.page-genre .block-genre-style-g--item-name a {
  display: inline-flex;
  align-items: center;
}
.page-genre .block-genre-style-g--item-name a:after {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-left: 8px;
  background: url(../../../img/share/arrow.svg) right center no-repeat;
  background-size: contain;
}
.page-genre .block-genre-style-g--item-name a img {
  width: 48px;
  margin-right: 10px;
}
.page-genre .block-genre-style-g--item ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
}
.page-genre .block-genre-style-g--item ul li {
  width: calc(100% / 4);
  margin: 0 0 10px;
  padding: 0;
  padding-right: 8px;
  list-style: none;
  font-size: 14px;
  font-size: 0.875rem;
}
.pagination>li.active {
    background: #555;
}
.pagination>li.page-item.active>span {
    font-weight: bold;
    color: #fff;
}