/***************************/
/* テーマ設定                */
/***************************/
/* 画面遷移エフェクト無効 */
.l-wrapper-none {
  line-height: 1.5;
  letter-spacing: 0.05em;
  overflow-wrap: break-word;
  position: relative;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  scroll-behavior: smooth;
  overflow: hidden;
  opacity: 1;
  -webkit-transition: 1.6s;
  transition: 1.6s; 
}
/***************************/
/* LINE ID 連携（PC）       */
/***************************/
/* カート画面 */
.line_ec .button-container {
  width: 100%;
}
.line_ec .button-container .button {
  position: relative;
  display: block;
  color: #fff;
  width: 100%;
  text-align: center;
  border-radius: 4px;
  line-height: 50px;
  padding-left: 30px;
  height: 50px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
  overflow: hidden;
  text-decoration: none;
}
.line_ec .button-container .before-btn-line {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  height: 50px;
  background-size: 100%;
}
.line_ec .button-container .after-btn-line {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  display: inline-block;
  width: 50px;
  height: 100%;
  border-right-style: solid;
  border-right-width: 1px;
}
.line_ec .button-container .btn-line {
  background-color: #31ae36;
}
.line_ec .button-container .btn-line .after-btn-line {
  border-color: #70C053;
}

@media screen and (min-width: 480px) {
  .line_ec .button-container {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .line_ec .button-container .button {
    line-height: 40px;
    padding-left: 40px;
    height: 40px;
  }
  .line_ec .button-container .before-btn-line {
    width: 40px;
    height: 40px;
  }
  .line_ec .button-container .after-btn-line {
    width: 40px;
  }
}

/* 注文情報入力画面 */
.alert {
  text-align: left;
  padding-right: 55px;
  padding-left: 55px;
  margin: 40px 0;
}
.alert > div > p {
  margin-bottom: 10.5px;
}
.alert > div > p > strong {
  font-weight: bold;
}
.alert > div > ul {
  padding-inline-start: 40px;
}
.alert > div > ul > li {
  list-style: disc;
  margin-bottom: 10.5px;
}
 #new-view img {
   pointer-events: auto;
 }
.line_new_ec {
  margin: 0 auto;
  width: 30%;
}
.line_new_ec .button-container .button {
  position: relative;
  display: block;
  color: #fff;
  width: 100%;
  text-align: center;
  border-radius: 4px;
  line-height: 50px;
  padding-left: 30px;
  height: 50px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
  overflow: hidden;
  text-decoration: none;
}
.line_new_ec .button-container .before-btn-line {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  height: 50px;
  background-size: 100%;
}
.line_new_ec .button-container .after-btn-line {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  display: inline-block;
  width: 50px;
  height: 100%;
  border-right-style: solid;
  border-right-width: 1px;
}
.line_new_ec .button-container .btn-line {
  background-color: #31ae36;
}
.line_new_ec .button-container .btn-line .after-btn-line {
  border-color: #70C053;
}

@media screen and (min-width: 350px) {
  .line_new_ec {
    width: 60%;
  }
  .line_new_ec .button-container {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .line_new_ec .button-container .button {
    line-height: 40px;
    padding-left: 40px;
    height: 40px;
  }
  .line_new_ec .button-container .before-btn-line {
    width: 40px;
    height: 40px;
  }
  .line_new_ec .button-container .after-btn-line {
    width: 40px;
  }
}

/***************************/
/* LINE ID 連携（SP）       */
/***************************/
/* カート画面 */
.line_sp_ec .button-container {
  width: 100%;
}
.line_sp_ec .button-container .button {
  position: relative;
  display: block;
  color: #fff;
  width: 100%;
  text-align: center;
  border-radius: 4px;
  line-height: 50px;
  padding-left: 30px;
  height: 50px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
  overflow: hidden;
  text-decoration: none;
}
.line_sp_ec .button-container .button .before-btn-line {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  height: 50px;
  background-size: 100%;
}
.line_sp_ec .button-container .button .after-btn-line {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  display: inline-block;
  width: 50px;
  height: 100%;
  border-right-style: solid;
  border-right-width: 1px;
}
.line_sp_ec .button-container .btn-line {
  background-color: #31ae36;
}
.line_sp_ec .button-container .btn-line .after-btn-line {
  border-color: #70C053;
}
@media screen and (min-width: 480px) {
  .line_sp_ec {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .line_sp_ec .button-container {
    margin: 5px;
  }
  .line_sp_ec .button-container .button {
    line-height: 40px;
    padding-left: 40px;
    height: 40px;
  }
  .line_sp_ec .button-container .button .before-btn-line {
    width: 40px;
    height: 40px;
  }
  .line_sp_ec .button-container .button .after-btn-line {
    width: 40px;
  }
}

/**************/
/* Amazon Pay */
/**************/
#addressBookWidgetDiv {
  min-width: 300px;
  max-width: 600px;
  min-height: 228px;
  max-height: 400px;
}
#walletWidgetDiv {
  min-width: 300px;
  max-width:600px;
  min-height: 228px;
  max-height: 400px;
  margin-bottom: 15px;
}
#consentWidgetDiv {
  min-width: 300px;
  max-width:600px;
  min-height: 165px;
  max-height: 400px;
}

.consent_wrapper {
  margin-bottom: 10px;
}

/* Mobile optimized and small window */
#addressBookWidgetDiv {
  width: 100%;
  height: 228px;
}
#walletWidgetDiv {
  width: 100%;
  height: 228px;
}
#consentWidgetDiv {
  width: 100%;
  height: 165px;
}
/* Desktop and tablet */
@media only screen and (min-width: 768px) {
  #addressBookWidgetDiv {
    width: 400px;
    height: 228px;
  }
  #walletWidgetDiv {
    width: 400px;
    height: 228px;
  }
  #consentWidgetDiv {
    width: 400px;
    height: 165px;
  }
}

/*****************************/
/* チェックボックスバリデーション */
/*****************************/
.check_agree .formError {
  top:-20px !important;
  right:-20px !important;
}
.c-form_table__checkbox input {
  min-width: 20px;
}

/*******************************/
/* 郵便番号、電話番号バリデーション */
/*******************************/
.smart_phone .formError{
  top:-30px !important;
}

/*******************************/
/* shop/snippets/_product.html */
/*******************************/
.c-product_item {
  position: relative;
}

.c-product_item__inner {
  position: absolute;
  z-index: 99;
  width: 100%;
  height: 100%;
}

.c-product_item__inner__eyecatch__favorite {
  position: absolute;
  z-index: 99;
}

.product_description {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/**************************************/
/* shop/sections/_pickup_product.html */
/**************************************/
.p-pickup_product__inner {
  max-width: initial;
}

/**************************************/
/* shop/customer/invite_coupons.html */
/**************************************/
.p-invite_coupon__list {
  margin-top: 30px; }

.invite_coupon__table {
  table-layout: fixed;
}

.w20 {
  width: 20%;
}

.w40 {
  width: 40%;
}

/**************************************/
/* all pages                          */
/**************************************/
.u-margin__bottom--80 {
  margin-bottom: 80px;
}

/**************************************/
/* shop/sections/category_panel.liquid */
/**************************************/
.p-category_panel__block--1 {
  height: 500px;
  position: relative;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat; }
  @media screen and (max-width: 720px) {
    .p-category_panel__block--1 {
      height: 0;
      padding-top: 60%; } }
  .p-category_panel__block--1:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.6)));
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.6) 100%); }
    @media screen and (max-width: 720px) {
      .p-category_panel__block--1:before {
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(40%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.6)));
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.6) 100%); } }
  .p-category_panel__block--1 {
    width: 100%; }

/**************************************/
/* shop/sections/products_show_content.liquid */
/**************************************/
.c-product_img__slider__track__list__item__inner {
  background-size: contain !important;
}
.c-product_img__thumbnail__track__list__item__inner {
  background-size: contain !important;
}

/**************************************/
/* バグ解消するまで表示するメッセージ      */
/**************************************/
.customize_notice p {
  text-align: center;
  font-size: 11px;
  margin-top: 8px;
  margin-bottom: 3px;
  color: #999;
}

/**************************************/
/* Swimmy側の修正考慮漏れで発生しているデザイン崩れの暫定対応 */
/* 対象画面: 商品一覧画面                */
/* 対象デバイス: SP                     */
/* 下記参照コミットにて削除した形跡あり     */
/* Ref: https://github.com/super-studio/ec_force_basic_theme/commit/f1b480f4bd815bac471615148753a6587f3a8090#diff-d2085d91fda20fe5c7a114c272eb057b8a0d4732c8afdca08f6878ef273f4153L4390-L4404 */
/**************************************/
.p-product__list {
  margin: 40px 15px 0; }
  .p-product__list .p-product_list__list__item {
    width: calc((100% - 120px) / 3); }
    @media screen and (max-width: 720px) {
      .p-product__list .p-product_list__list__item {
        width: calc((100% - 15px) / 2); } }
    .p-product__list .p-product_list__list__item:not(:nth-child(3n)) {
      margin-right: 60px; }
      @media screen and (max-width: 720px) {
        .p-product__list .p-product_list__list__item:not(:nth-child(3n)) {
          margin-right: 0; } }
    .p-product__list .p-product_list__list__item:nth-child(n + 4) {
      margin-top: 40px; }
      @media screen and (max-width: 720px) {
        .p-product__list .p-product_list__list__item:nth-child(n + 4) {
          margin-top: 0; } }
    @media screen and (max-width: 720px) {
      .p-product__list .p-product_list__list__item:nth-child(odd) {
        margin-right: 15px; } }
    @media screen and (max-width: 720px) {
      .p-product__list .p-product_list__list__item:nth-child(n + 3) {
        margin-top: 20px; } }

/**************************************/
/* Swimmy側の修正考慮漏れで発生しているデザイン崩れの暫定対応 */
/* 対象画面: 商品詳細画面                */
/* 対象デバイス: PC                     */
/* 対象コンポーネント: レビュー           */
/* 下記参照コミットにて削除した形跡あり     */
/* Ref: https://github.com/super-studio/ec_force_basic_theme/commit/e49fc6f1452826e64d5fe6ae2795db3e995fdfa3#diff-d2085d91fda20fe5c7a114c272eb057b8a0d4732c8afdca08f6878ef273f4153L3615-L3632 */
/**************************************/
.p-review__inner__list__item {
  width: calc((100% - 80px) / 3); }
  @media screen and (max-width: 720px) {
    .p-review__inner__list__item {
      width: 100%; } }
  .p-review__inner__list__item:not(:nth-child(3n)) {
    margin-right: 40px; }
    @media screen and (max-width: 720px) {
      .p-review__inner__list__item:not(:nth-child(3n)) {
        margin-right: 0; } }
  .p-review__inner__list__item:nth-child(n + 4) {
    margin-top: 40px; }
    @media screen and (max-width: 720px) {
      .p-review__inner__list__item:nth-child(n + 4) {
        margin-top: 0; } }
  @media screen and (max-width: 720px) {
    .p-review__inner__list__item:not(:last-child) {
      margin-bottom: 20px; } }