@charset "UTF-8";
/* Version: 1.4.9 */

/* ------------------------------
見たまま編集画面用
------------------------------ */
[data-common-area] {
  padding-top: 2em;
  position: relative;
}

[data-common-area]:hover::before {
  content: "共通要素";
  min-width: 100%;
  max-width: 100%;
  width: 100%;
  display: block;
  padding: 0.5em;
  font-size: 0.8em;
  color: #fff;
  line-height: 1.2;
  text-align: center;
  background-color: #fdc44f;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

[data-element-id] a[data-href="#"] {
  outline: solid #f00 5px !important;
  opacity: 1;
  position: relative;
}

[data-element-id] a[data-href="#"]:hover::before {
  content: "未設定リンク";
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 90px;
  padding: 5px;
  font-weight: bold;
  font-size: 12px;
  color: #f00;
  background: #9e9e9e;
  position: absolute !important;
  bottom: 100%;
  left: 0;
}

[data-element-id] a[data-href*="."] {
  outline: solid #ff7c4d 5px !important;
  opacity: 1;
}

[data-element-id] a[data-href*="."]:hover::before {
  content: "外部リンク";
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 90px;
  padding: 5px;
  font-weight: bold;
  font-size: 12px;
  color: #fff;
  background: #ff7c4d;
  position: absolute !important;
  bottom: 100%;
  left: 0;
}

[data-element-id] [data-uk-slideshow]:hover::before {
  content: "スライドショーです。ダブルクリックで画像変更ができます。";
  min-width: 100%;
  max-width: 100%;
  width: 100%;
  display: block;
  padding: 0.5em;
  font-size: 14px;
  color: #fff;
  line-height: 1.2;
  text-align: center;
  background-color: #00f;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000;
}

[data-element-id] .uk-slideshow > li {
  opacity: 1;
}

[data-element-id] .wrapper {
  opacity: 1;
}

[data-element-id] .imgalt {
  outline: 5px solid #000;
  clear: both;
  position: relative;
}

[data-element-id] .imgalt::before {
  content: "バリデーションjsコメントアウト";
  min-width: 100%;
  max-width: 100%;
  width: 100%;
  display: block;
  padding: 0.5em;
  font-size: 10px;
  color: #f00;
  line-height: 1.2;
  text-align: center;
  background-color: #000;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
}

[data-element-id] .up-show {
  display: block;
  border: solid 2px #008000;
  position: relative;
}

[data-element-id] .up-show::after {
  content: "PCのみ表示";
  display: block;
  font-weight: 700;
  font-size: 12px;
  color: #fff;
  text-align: center;
  background: #008000;
}

[data-element-id] .up-show\@pc {
  display: block;
  border: solid 2px #008000;
  position: relative;
}

[data-element-id] .up-show\@pc::after {
  content: "PCのみ表示";
  display: block;
  font-weight: 700;
  font-size: 12px;
  color: #fff;
  text-align: center;
  background: #008000;
}

[data-element-id] .up-show\@tb {
  display: block;
  border: solid 2px #00f;
  position: relative;
}

[data-element-id] .up-show\@tb::after {
  content: "タブレットのみ表示";
  display: block;
  font-weight: 700;
  font-size: 12px;
  color: #fff;
  text-align: center;
  background: #00f;
}

[data-element-id] .up-show\@sp {
  display: block;
  border: solid 2px #ff1493;
  position: relative;
}

[data-element-id] .up-show\@sp::after {
  content: "スマホのみ表示";
  display: block;
  font-weight: 700;
  font-size: 12px;
  color: #fff;
  text-align: center;
  background: #ff1493;
}

[data-element-id] .up-hide::after {
  content: "PCで非表示";
  display: block;
  font-weight: 700;
  font-size: 12px;
  color: #fff;
  text-align: center;
  background: #008000;
}

[data-element-id] .up-hide\@pc::after {
  content: "PCで非表示";
  display: block;
  font-weight: 700;
  font-size: 12px;
  color: #fff;
  text-align: center;
  background: #008000;
}

[data-element-id] .up-hide\@tb::after {
  content: "タブレットで非表示";
  display: block;
  font-weight: 700;
  font-size: 12px;
  color: #fff;
  text-align: center;
  background: #00f;
}

[data-element-id] .up-hide\@sp::after {
  content: "スマホで非表示";
  display: block;
  font-weight: 700;
  font-size: 12px;
  color: #fff;
  text-align: center;
  background: #ff1493;
}

[data-element-id] .up-content-area::before {
  content: "こちらから記事は投稿できません。管理画面の記事一覧から投稿してください。";
  min-width: 100%;
  max-width: 100%;
  width: 100%;
  display: block;
  padding: 0.5em;
  font-size: 10px;
  color: #f00;
  line-height: 1.2;
  text-align: left;
  background-color: #000;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
}

[data-element-id] [class*="break"] {
  width: 1.5em;
  height: 1.5em;
  display: inline-block;
  padding: 0;
  color: #fff;
  position: relative;
}

[data-element-id] [class*="break"]::before {
  width: auto;
  display: block;
  padding: 0.25em;
  font-size: 10px;
  color: #fff;
  line-height: 1;
  text-align: center;
  white-space: pre;
}

[data-element-id] .break-pc {
  background-color: #f00;
}

[data-element-id] .break-pc::before {
  content: "PC\A改行";
}

[data-element-id] .break-pc-tb {
  background-color: #ff8c00;
}

[data-element-id] .break-pc-tb-sp {
  background-color: #8b0000;
}

[data-element-id] .break-pc-sp {
  background-color: #556b2f;
}

[data-element-id] .break-tb {
  background-color: #808080;
}

[data-element-id] .break-tb-sp {
  background-color: #c71585;
}

[data-element-id] .break-sp {
  background-color: #008000;
}

[data-element-id] [data-ab-test-conversion-button]::after {
  content: "CV";
  display: inline-block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 24px;
  font-size: 12px;
  text-align: center;
  line-height: 1;
  background-color: #ff0;
  color: #000;
}

[data-element-id] [class*="fead-"] {
  opacity: 1;
  -webkit-transform: unset;
  transform: unset;
}

[data-element-id] [class*="fead-"].str {
  opacity: 1;
}

[data-element-id] .fead-cover::before {
  content: none;
}

[data-element-id] .fead-cover > * {
  opacity: 1;
  -webkit-transform: unset;
  transform: unset;
}

[data-element-id] .fead-scale {
  opacity: 1;
  -webkit-transform: unset;
  transform: unset;
}

[data-element-id] .fead-order > * {
  opacity: 1;
  -webkit-transform: unset;
  transform: unset;
}

[data-element-id] .up-none {
  display: inherit;
}

[data-element-id] .up-d-flex > div[data-collection-list-content],
[data-element-id] .up-d-flex > div[data-recommend-collection-list-content],
[data-element-id] .up-d-flex > div[data-collection-filtered-content],
[data-element-id] .up-d-flex > div[data-collection-archive-content],
[data-element-id] .up-d-flex > div[data-product-list-content],
[data-element-id] .up-d-flex > div[data-product-recommend-content] {
  width: 100%;
  display: inherit;
  -ms-flex-wrap: inherit;
  flex-wrap: inherit;
  -webkit-box-orient: inherit;
  -webkit-box-direction: inherit;
  -ms-flex-direction: inherit;
  flex-direction: inherit;
  -ms-flex-line-pack: inherit;
  align-content: inherit;
  -webkit-box-align: inherit;
  -ms-flex-align: inherit;
  align-items: inherit;
  -ms-flex-item-align: inherit;
  -ms-grid-row-align: inherit;
  align-self: inherit;
  -webkit-box-pack: inherit;
  -ms-flex-pack: inherit;
  justify-content: inherit;
  justify-items: inherit;
  -ms-grid-column-align: inherit;
  justify-self: inherit;
}

[data-element-id] [class*="up-col-"] > div[data-collection-list-content],
[data-element-id]
  [class*="up-col-"]
  > div[data-recommend-collection-list-content],
[data-element-id] [class*="up-col-"] > div[data-collection-filtered-content],
[data-element-id] [class*="up-col-"] > div[data-collection-archive-content],
[data-element-id] [class*="up-col-"] > div[data-product-list-content],
[data-element-id] [class*="up-col-"] > div[data-product-recommend-content] {
  width: 100%;
  display: inherit;
  -ms-flex-wrap: inherit;
  flex-wrap: inherit;
  -webkit-box-orient: inherit;
  -webkit-box-direction: inherit;
  -ms-flex-direction: inherit;
  flex-direction: inherit;
  -ms-flex-line-pack: inherit;
  align-content: inherit;
  -webkit-box-align: inherit;
  -ms-flex-align: inherit;
  align-items: inherit;
  -ms-flex-item-align: inherit;
  -ms-grid-row-align: inherit;
  align-self: inherit;
  -webkit-box-pack: inherit;
  -ms-flex-pack: inherit;
  justify-content: inherit;
  justify-items: inherit;
  -ms-grid-column-align: inherit;
  justify-self: inherit;
}

[data-element-id] .up-col-1 > div[data-collection-list-content] > *,
[data-element-id] .up-col-1 > div[data-recommend-collection-list-content] > *,
[data-element-id] .up-col-1 > div[data-collection-filtered-content] > *,
[data-element-id] .up-col-1 > div[data-collection-archive-content] > *,
[data-element-id] .up-col-1 > div[data-product-list-content] > *,
[data-element-id] .up-col-1 > div[data-product-recommend-content] > * {
  width: calc(100% / 1);
}

[data-element-id] .up-col-2 > div[data-collection-list-content] > *,
[data-element-id] .up-col-2 > div[data-recommend-collection-list-content] > *,
[data-element-id] .up-col-2 > div[data-collection-filtered-content] > *,
[data-element-id] .up-col-2 > div[data-collection-archive-content] > *,
[data-element-id] .up-col-2 > div[data-product-list-content] > *,
[data-element-id] .up-col-2 > div[data-product-recommend-content] > * {
  width: calc(100% / 2);
}

[data-element-id] .up-col-3 > div[data-collection-list-content] > *,
[data-element-id] .up-col-3 > div[data-recommend-collection-list-content] > *,
[data-element-id] .up-col-3 > div[data-collection-filtered-content] > *,
[data-element-id] .up-col-3 > div[data-collection-archive-content] > *,
[data-element-id] .up-col-3 > div[data-product-list-content] > *,
[data-element-id] .up-col-3 > div[data-product-recommend-content] > * {
  width: calc(100% / 3);
}

[data-element-id] .up-col-4 > div[data-collection-list-content] > *,
[data-element-id] .up-col-4 > div[data-recommend-collection-list-content] > *,
[data-element-id] .up-col-4 > div[data-collection-filtered-content] > *,
[data-element-id] .up-col-4 > div[data-collection-archive-content] > *,
[data-element-id] .up-col-4 > div[data-product-list-content] > *,
[data-element-id] .up-col-4 > div[data-product-recommend-content] > * {
  width: calc(100% / 4);
}

[data-element-id] .up-col-5 > div[data-collection-list-content] > *,
[data-element-id] .up-col-5 > div[data-recommend-collection-list-content] > *,
[data-element-id] .up-col-5 > div[data-collection-filtered-content] > *,
[data-element-id] .up-col-5 > div[data-collection-archive-content] > *,
[data-element-id] .up-col-5 > div[data-product-list-content] > *,
[data-element-id] .up-col-5 > div[data-product-recommend-content] > * {
  width: calc(100% / 5);
}

[data-element-id] .up-col-6 > div[data-collection-list-content] > *,
[data-element-id] .up-col-6 > div[data-recommend-collection-list-content] > *,
[data-element-id] .up-col-6 > div[data-collection-filtered-content] > *,
[data-element-id] .up-col-6 > div[data-collection-archive-content] > *,
[data-element-id] .up-col-6 > div[data-product-list-content] > *,
[data-element-id] .up-col-6 > div[data-product-recommend-content] > * {
  width: calc(100% / 6);
}

[data-element-id] .up-col-7 > div[data-collection-list-content] > *,
[data-element-id] .up-col-7 > div[data-recommend-collection-list-content] > *,
[data-element-id] .up-col-7 > div[data-collection-filtered-content] > *,
[data-element-id] .up-col-7 > div[data-collection-archive-content] > *,
[data-element-id] .up-col-7 > div[data-product-list-content] > *,
[data-element-id] .up-col-7 > div[data-product-recommend-content] > * {
  width: calc(100% / 7);
}

[data-element-id] .up-col-8 > div[data-collection-list-content] > *,
[data-element-id] .up-col-8 > div[data-recommend-collection-list-content] > *,
[data-element-id] .up-col-8 > div[data-collection-filtered-content] > *,
[data-element-id] .up-col-8 > div[data-collection-archive-content] > *,
[data-element-id] .up-col-8 > div[data-product-list-content] > *,
[data-element-id] .up-col-8 > div[data-product-recommend-content] > * {
  width: calc(100% / 8);
}

[data-element-id] .up-col-9 > div[data-collection-list-content] > *,
[data-element-id] .up-col-9 > div[data-recommend-collection-list-content] > *,
[data-element-id] .up-col-9 > div[data-collection-filtered-content] > *,
[data-element-id] .up-col-9 > div[data-collection-archive-content] > *,
[data-element-id] .up-col-9 > div[data-product-list-content] > *,
[data-element-id] .up-col-9 > div[data-product-recommend-content] > * {
  width: calc(100% / 9);
}

[data-element-id] .up-col-10 > div[data-collection-list-content] > *,
[data-element-id] .up-col-10 > div[data-recommend-collection-list-content] > *,
[data-element-id] .up-col-10 > div[data-collection-filtered-content] > *,
[data-element-id] .up-col-10 > div[data-collection-archive-content] > *,
[data-element-id] .up-col-10 > div[data-product-list-content] > *,
[data-element-id] .up-col-10 > div[data-product-recommend-content] > * {
  width: calc(100% / 10);
}

[data-element-id] .up-gapx-0 > div[data-collection-list-content],
[data-element-id] .up-gapx-0 > div[data-recommend-collection-list-content],
[data-element-id] .up-gapx-0 > div[data-collection-filtered-content],
[data-element-id] .up-gapx-0 > div[data-collection-archive-content],
[data-element-id] .up-gapx-0 > div[data-product-list-content],
[data-element-id] .up-gapx-0 > div[data-product-recommend-content] {
  margin-left: 0px;
  margin-right: 0px;
}

[data-element-id] .up-gapx-0 > div[data-collection-list-content] > *,
[data-element-id] .up-gapx-0 > div[data-recommend-collection-list-content] > *,
[data-element-id] .up-gapx-0 > div[data-collection-filtered-content] > *,
[data-element-id] .up-gapx-0 > div[data-collection-archive-content] > *,
[data-element-id] .up-gapx-0 > div[data-product-list-content] > *,
[data-element-id] .up-gapx-0 > div[data-product-recommend-content] > * {
  padding-left: 0px;
  padding-right: 0px;
}

[data-element-id] .up-gapy-0 > div[data-collection-list-content] > *,
[data-element-id] .up-gapy-0 > div[data-recommend-collection-list-content] > *,
[data-element-id] .up-gapy-0 > div[data-collection-filtered-content] > *,
[data-element-id] .up-gapy-0 > div[data-collection-archive-content] > *,
[data-element-id] .up-gapy-0 > div[data-product-list-content] > *,
[data-element-id] .up-gapy-0 > div[data-product-recommend-content] > * {
  padding-bottom: 0px;
}

[data-element-id] .up-gapx-10 > div[data-collection-list-content],
[data-element-id] .up-gapx-10 > div[data-recommend-collection-list-content],
[data-element-id] .up-gapx-10 > div[data-collection-filtered-content],
[data-element-id] .up-gapx-10 > div[data-collection-archive-content],
[data-element-id] .up-gapx-10 > div[data-product-list-content],
[data-element-id] .up-gapx-10 > div[data-product-recommend-content] {
  margin-left: -5px;
  margin-right: -5px;
}

[data-element-id] .up-gapx-10 > div[data-collection-list-content] > *,
[data-element-id] .up-gapx-10 > div[data-recommend-collection-list-content] > *,
[data-element-id] .up-gapx-10 > div[data-collection-filtered-content] > *,
[data-element-id] .up-gapx-10 > div[data-collection-archive-content] > *,
[data-element-id] .up-gapx-10 > div[data-product-list-content] > *,
[data-element-id] .up-gapx-10 > div[data-product-recommend-content] > * {
  padding-left: 5px;
  padding-right: 5px;
}

[data-element-id] .up-gapy-10 > div[data-collection-list-content] > *,
[data-element-id] .up-gapy-10 > div[data-recommend-collection-list-content] > *,
[data-element-id] .up-gapy-10 > div[data-collection-filtered-content] > *,
[data-element-id] .up-gapy-10 > div[data-collection-archive-content] > *,
[data-element-id] .up-gapy-10 > div[data-product-list-content] > *,
[data-element-id] .up-gapy-10 > div[data-product-recommend-content] > * {
  padding-bottom: 10px;
}

[data-element-id] .up-gapx-20 > div[data-collection-list-content],
[data-element-id] .up-gapx-20 > div[data-recommend-collection-list-content],
[data-element-id] .up-gapx-20 > div[data-collection-filtered-content],
[data-element-id] .up-gapx-20 > div[data-collection-archive-content],
[data-element-id] .up-gapx-20 > div[data-product-list-content],
[data-element-id] .up-gapx-20 > div[data-product-recommend-content] {
  margin-left: -10px;
  margin-right: -10px;
}

[data-element-id] .up-gapx-20 > div[data-collection-list-content] > *,
[data-element-id] .up-gapx-20 > div[data-recommend-collection-list-content] > *,
[data-element-id] .up-gapx-20 > div[data-collection-filtered-content] > *,
[data-element-id] .up-gapx-20 > div[data-collection-archive-content] > *,
[data-element-id] .up-gapx-20 > div[data-product-list-content] > *,
[data-element-id] .up-gapx-20 > div[data-product-recommend-content] > * {
  padding-left: 10px;
  padding-right: 10px;
}

[data-element-id] .up-gapy-20 > div[data-collection-list-content] > *,
[data-element-id] .up-gapy-20 > div[data-recommend-collection-list-content] > *,
[data-element-id] .up-gapy-20 > div[data-collection-filtered-content] > *,
[data-element-id] .up-gapy-20 > div[data-collection-archive-content] > *,
[data-element-id] .up-gapy-20 > div[data-product-list-content] > *,
[data-element-id] .up-gapy-20 > div[data-product-recommend-content] > * {
  padding-bottom: 20px;
}

[data-element-id] .up-gapx-30 > div[data-collection-list-content],
[data-element-id] .up-gapx-30 > div[data-recommend-collection-list-content],
[data-element-id] .up-gapx-30 > div[data-collection-filtered-content],
[data-element-id] .up-gapx-30 > div[data-collection-archive-content],
[data-element-id] .up-gapx-30 > div[data-product-list-content],
[data-element-id] .up-gapx-30 > div[data-product-recommend-content] {
  margin-left: -15px;
  margin-right: -15px;
}

[data-element-id] .up-gapx-30 > div[data-collection-list-content] > *,
[data-element-id] .up-gapx-30 > div[data-recommend-collection-list-content] > *,
[data-element-id] .up-gapx-30 > div[data-collection-filtered-content] > *,
[data-element-id] .up-gapx-30 > div[data-collection-archive-content] > *,
[data-element-id] .up-gapx-30 > div[data-product-list-content] > *,
[data-element-id] .up-gapx-30 > div[data-product-recommend-content] > * {
  padding-left: 15px;
  padding-right: 15px;
}

[data-element-id] .up-gapy-30 > div[data-collection-list-content] > *,
[data-element-id] .up-gapy-30 > div[data-recommend-collection-list-content] > *,
[data-element-id] .up-gapy-30 > div[data-collection-filtered-content] > *,
[data-element-id] .up-gapy-30 > div[data-collection-archive-content] > *,
[data-element-id] .up-gapy-30 > div[data-product-list-content] > *,
[data-element-id] .up-gapy-30 > div[data-product-recommend-content] > * {
  padding-bottom: 30px;
}

[data-element-id] .up-gapx-40 > div[data-collection-list-content],
[data-element-id] .up-gapx-40 > div[data-recommend-collection-list-content],
[data-element-id] .up-gapx-40 > div[data-collection-filtered-content],
[data-element-id] .up-gapx-40 > div[data-collection-archive-content],
[data-element-id] .up-gapx-40 > div[data-product-list-content],
[data-element-id] .up-gapx-40 > div[data-product-recommend-content] {
  margin-left: -20px;
  margin-right: -20px;
}

[data-element-id] .up-gapx-40 > div[data-collection-list-content] > *,
[data-element-id] .up-gapx-40 > div[data-recommend-collection-list-content] > *,
[data-element-id] .up-gapx-40 > div[data-collection-filtered-content] > *,
[data-element-id] .up-gapx-40 > div[data-collection-archive-content] > *,
[data-element-id] .up-gapx-40 > div[data-product-list-content] > *,
[data-element-id] .up-gapx-40 > div[data-product-recommend-content] > * {
  padding-left: 20px;
  padding-right: 20px;
}

[data-element-id] .up-gapy-40 > div[data-collection-list-content] > *,
[data-element-id] .up-gapy-40 > div[data-recommend-collection-list-content] > *,
[data-element-id] .up-gapy-40 > div[data-collection-filtered-content] > *,
[data-element-id] .up-gapy-40 > div[data-collection-archive-content] > *,
[data-element-id] .up-gapy-40 > div[data-product-list-content] > *,
[data-element-id] .up-gapy-40 > div[data-product-recommend-content] > * {
  padding-bottom: 40px;
}

[data-element-id] .up-gapx-50 > div[data-collection-list-content],
[data-element-id] .up-gapx-50 > div[data-recommend-collection-list-content],
[data-element-id] .up-gapx-50 > div[data-collection-filtered-content],
[data-element-id] .up-gapx-50 > div[data-collection-archive-content],
[data-element-id] .up-gapx-50 > div[data-product-list-content],
[data-element-id] .up-gapx-50 > div[data-product-recommend-content] {
  margin-left: -25px;
  margin-right: -25px;
}

[data-element-id] .up-gapx-50 > div[data-collection-list-content] > *,
[data-element-id] .up-gapx-50 > div[data-recommend-collection-list-content] > *,
[data-element-id] .up-gapx-50 > div[data-collection-filtered-content] > *,
[data-element-id] .up-gapx-50 > div[data-collection-archive-content] > *,
[data-element-id] .up-gapx-50 > div[data-product-list-content] > *,
[data-element-id] .up-gapx-50 > div[data-product-recommend-content] > * {
  padding-left: 25px;
  padding-right: 25px;
}

[data-element-id] .up-gapy-50 > div[data-collection-list-content] > *,
[data-element-id] .up-gapy-50 > div[data-recommend-collection-list-content] > *,
[data-element-id] .up-gapy-50 > div[data-collection-filtered-content] > *,
[data-element-id] .up-gapy-50 > div[data-collection-archive-content] > *,
[data-element-id] .up-gapy-50 > div[data-product-list-content] > *,
[data-element-id] .up-gapy-50 > div[data-product-recommend-content] > * {
  padding-bottom: 50px;
}

[data-element-id] .up-gapx-60 > div[data-collection-list-content],
[data-element-id] .up-gapx-60 > div[data-recommend-collection-list-content],
[data-element-id] .up-gapx-60 > div[data-collection-filtered-content],
[data-element-id] .up-gapx-60 > div[data-collection-archive-content],
[data-element-id] .up-gapx-60 > div[data-product-list-content],
[data-element-id] .up-gapx-60 > div[data-product-recommend-content] {
  margin-left: -30px;
  margin-right: -30px;
}

[data-element-id] .up-gapx-60 > div[data-collection-list-content] > *,
[data-element-id] .up-gapx-60 > div[data-recommend-collection-list-content] > *,
[data-element-id] .up-gapx-60 > div[data-collection-filtered-content] > *,
[data-element-id] .up-gapx-60 > div[data-collection-archive-content] > *,
[data-element-id] .up-gapx-60 > div[data-product-list-content] > *,
[data-element-id] .up-gapx-60 > div[data-product-recommend-content] > * {
  padding-left: 30px;
  padding-right: 30px;
}

[data-element-id] .up-gapy-60 > div[data-collection-list-content] > *,
[data-element-id] .up-gapy-60 > div[data-recommend-collection-list-content] > *,
[data-element-id] .up-gapy-60 > div[data-collection-filtered-content] > *,
[data-element-id] .up-gapy-60 > div[data-collection-archive-content] > *,
[data-element-id] .up-gapy-60 > div[data-product-list-content] > *,
[data-element-id] .up-gapy-60 > div[data-product-recommend-content] > * {
  padding-bottom: 60px;
}

[data-element-id] .up-gapx-70 > div[data-collection-list-content],
[data-element-id] .up-gapx-70 > div[data-recommend-collection-list-content],
[data-element-id] .up-gapx-70 > div[data-collection-filtered-content],
[data-element-id] .up-gapx-70 > div[data-collection-archive-content],
[data-element-id] .up-gapx-70 > div[data-product-list-content],
[data-element-id] .up-gapx-70 > div[data-product-recommend-content] {
  margin-left: -35px;
  margin-right: -35px;
}

[data-element-id] .up-gapx-70 > div[data-collection-list-content] > *,
[data-element-id] .up-gapx-70 > div[data-recommend-collection-list-content] > *,
[data-element-id] .up-gapx-70 > div[data-collection-filtered-content] > *,
[data-element-id] .up-gapx-70 > div[data-collection-archive-content] > *,
[data-element-id] .up-gapx-70 > div[data-product-list-content] > *,
[data-element-id] .up-gapx-70 > div[data-product-recommend-content] > * {
  padding-left: 35px;
  padding-right: 35px;
}

[data-element-id] .up-gapy-70 > div[data-collection-list-content] > *,
[data-element-id] .up-gapy-70 > div[data-recommend-collection-list-content] > *,
[data-element-id] .up-gapy-70 > div[data-collection-filtered-content] > *,
[data-element-id] .up-gapy-70 > div[data-collection-archive-content] > *,
[data-element-id] .up-gapy-70 > div[data-product-list-content] > *,
[data-element-id] .up-gapy-70 > div[data-product-recommend-content] > * {
  padding-bottom: 70px;
}

[data-element-id] .up-gapx-80 > div[data-collection-list-content],
[data-element-id] .up-gapx-80 > div[data-recommend-collection-list-content],
[data-element-id] .up-gapx-80 > div[data-collection-filtered-content],
[data-element-id] .up-gapx-80 > div[data-collection-archive-content],
[data-element-id] .up-gapx-80 > div[data-product-list-content],
[data-element-id] .up-gapx-80 > div[data-product-recommend-content] {
  margin-left: -40px;
  margin-right: -40px;
}

[data-element-id] .up-gapx-80 > div[data-collection-list-content] > *,
[data-element-id] .up-gapx-80 > div[data-recommend-collection-list-content] > *,
[data-element-id] .up-gapx-80 > div[data-collection-filtered-content] > *,
[data-element-id] .up-gapx-80 > div[data-collection-archive-content] > *,
[data-element-id] .up-gapx-80 > div[data-product-list-content] > *,
[data-element-id] .up-gapx-80 > div[data-product-recommend-content] > * {
  padding-left: 40px;
  padding-right: 40px;
}

[data-element-id] .up-gapy-80 > div[data-collection-list-content] > *,
[data-element-id] .up-gapy-80 > div[data-recommend-collection-list-content] > *,
[data-element-id] .up-gapy-80 > div[data-collection-filtered-content] > *,
[data-element-id] .up-gapy-80 > div[data-collection-archive-content] > *,
[data-element-id] .up-gapy-80 > div[data-product-list-content] > *,
[data-element-id] .up-gapy-80 > div[data-product-recommend-content] > * {
  padding-bottom: 80px;
}

[data-element-id] .up-gapx-90 > div[data-collection-list-content],
[data-element-id] .up-gapx-90 > div[data-recommend-collection-list-content],
[data-element-id] .up-gapx-90 > div[data-collection-filtered-content],
[data-element-id] .up-gapx-90 > div[data-collection-archive-content],
[data-element-id] .up-gapx-90 > div[data-product-list-content],
[data-element-id] .up-gapx-90 > div[data-product-recommend-content] {
  margin-left: -45px;
  margin-right: -45px;
}

[data-element-id] .up-gapx-90 > div[data-collection-list-content] > *,
[data-element-id] .up-gapx-90 > div[data-recommend-collection-list-content] > *,
[data-element-id] .up-gapx-90 > div[data-collection-filtered-content] > *,
[data-element-id] .up-gapx-90 > div[data-collection-archive-content] > *,
[data-element-id] .up-gapx-90 > div[data-product-list-content] > *,
[data-element-id] .up-gapx-90 > div[data-product-recommend-content] > * {
  padding-left: 45px;
  padding-right: 45px;
}

[data-element-id] .up-gapy-90 > div[data-collection-list-content] > *,
[data-element-id] .up-gapy-90 > div[data-recommend-collection-list-content] > *,
[data-element-id] .up-gapy-90 > div[data-collection-filtered-content] > *,
[data-element-id] .up-gapy-90 > div[data-collection-archive-content] > *,
[data-element-id] .up-gapy-90 > div[data-product-list-content] > *,
[data-element-id] .up-gapy-90 > div[data-product-recommend-content] > * {
  padding-bottom: 90px;
}

[data-element-id] .up-gapx-100 > div[data-collection-list-content],
[data-element-id] .up-gapx-100 > div[data-recommend-collection-list-content],
[data-element-id] .up-gapx-100 > div[data-collection-filtered-content],
[data-element-id] .up-gapx-100 > div[data-collection-archive-content],
[data-element-id] .up-gapx-100 > div[data-product-list-content],
[data-element-id] .up-gapx-100 > div[data-product-recommend-content] {
  margin-left: -50px;
  margin-right: -50px;
}

[data-element-id] .up-gapx-100 > div[data-collection-list-content] > *,
[data-element-id]
  .up-gapx-100
  > div[data-recommend-collection-list-content]
  > *,
[data-element-id] .up-gapx-100 > div[data-collection-filtered-content] > *,
[data-element-id] .up-gapx-100 > div[data-collection-archive-content] > *,
[data-element-id] .up-gapx-100 > div[data-product-list-content] > *,
[data-element-id] .up-gapx-100 > div[data-product-recommend-content] > * {
  padding-left: 50px;
  padding-right: 50px;
}

[data-element-id] .up-gapy-100 > div[data-collection-list-content] > *,
[data-element-id]
  .up-gapy-100
  > div[data-recommend-collection-list-content]
  > *,
[data-element-id] .up-gapy-100 > div[data-collection-filtered-content] > *,
[data-element-id] .up-gapy-100 > div[data-collection-archive-content] > *,
[data-element-id] .up-gapy-100 > div[data-product-list-content] > *,
[data-element-id] .up-gapy-100 > div[data-product-recommend-content] > * {
  padding-bottom: 100px;
}

[data-element-id] .up-gap-0 > div[data-collection-list-content],
[data-element-id] .up-gap-0 > div[data-recommend-collection-list-content],
[data-element-id] .up-gap-0 > div[data-collection-filtered-content],
[data-element-id] .up-gap-0 > div[data-collection-archive-content],
[data-element-id] .up-gap-0 > div[data-product-list-content],
[data-element-id] .up-gap-0 > div[data-product-recommend-content] {
  gap: 0px;
}

[data-element-id] .up-gap-col-0 > div[data-collection-list-content],
[data-element-id] .up-gap-col-0 > div[data-recommend-collection-list-content],
[data-element-id] .up-gap-col-0 > div[data-collection-filtered-content],
[data-element-id] .up-gap-col-0 > div[data-collection-archive-content],
[data-element-id] .up-gap-col-0 > div[data-product-list-content],
[data-element-id] .up-gap-col-0 > div[data-product-recommend-content] {
  -webkit-column-gap: 0px;
  -moz-column-gap: 0px;
  column-gap: 0px;
}

[data-element-id] .up-gap-row-0 > div[data-collection-list-content],
[data-element-id] .up-gap-row-0 > div[data-recommend-collection-list-content],
[data-element-id] .up-gap-row-0 > div[data-collection-filtered-content],
[data-element-id] .up-gap-row-0 > div[data-collection-archive-content],
[data-element-id] .up-gap-row-0 > div[data-product-list-content],
[data-element-id] .up-gap-row-0 > div[data-product-recommend-content] {
  row-gap: 0px;
}

[data-element-id] .up-gap-5 > div[data-collection-list-content],
[data-element-id] .up-gap-5 > div[data-recommend-collection-list-content],
[data-element-id] .up-gap-5 > div[data-collection-filtered-content],
[data-element-id] .up-gap-5 > div[data-collection-archive-content],
[data-element-id] .up-gap-5 > div[data-product-list-content],
[data-element-id] .up-gap-5 > div[data-product-recommend-content] {
  gap: 5px;
}

[data-element-id] .up-gap-col-5 > div[data-collection-list-content],
[data-element-id] .up-gap-col-5 > div[data-recommend-collection-list-content],
[data-element-id] .up-gap-col-5 > div[data-collection-filtered-content],
[data-element-id] .up-gap-col-5 > div[data-collection-archive-content],
[data-element-id] .up-gap-col-5 > div[data-product-list-content],
[data-element-id] .up-gap-col-5 > div[data-product-recommend-content] {
  -webkit-column-gap: 5px;
  -moz-column-gap: 5px;
  column-gap: 5px;
}

[data-element-id] .up-gap-row-5 > div[data-collection-list-content],
[data-element-id] .up-gap-row-5 > div[data-recommend-collection-list-content],
[data-element-id] .up-gap-row-5 > div[data-collection-filtered-content],
[data-element-id] .up-gap-row-5 > div[data-collection-archive-content],
[data-element-id] .up-gap-row-5 > div[data-product-list-content],
[data-element-id] .up-gap-row-5 > div[data-product-recommend-content] {
  row-gap: 5px;
}

[data-element-id] .up-gap-10 > div[data-collection-list-content],
[data-element-id] .up-gap-10 > div[data-recommend-collection-list-content],
[data-element-id] .up-gap-10 > div[data-collection-filtered-content],
[data-element-id] .up-gap-10 > div[data-collection-archive-content],
[data-element-id] .up-gap-10 > div[data-product-list-content],
[data-element-id] .up-gap-10 > div[data-product-recommend-content] {
  gap: 10px;
}

[data-element-id] .up-gap-col-10 > div[data-collection-list-content],
[data-element-id] .up-gap-col-10 > div[data-recommend-collection-list-content],
[data-element-id] .up-gap-col-10 > div[data-collection-filtered-content],
[data-element-id] .up-gap-col-10 > div[data-collection-archive-content],
[data-element-id] .up-gap-col-10 > div[data-product-list-content],
[data-element-id] .up-gap-col-10 > div[data-product-recommend-content] {
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
}

[data-element-id] .up-gap-row-10 > div[data-collection-list-content],
[data-element-id] .up-gap-row-10 > div[data-recommend-collection-list-content],
[data-element-id] .up-gap-row-10 > div[data-collection-filtered-content],
[data-element-id] .up-gap-row-10 > div[data-collection-archive-content],
[data-element-id] .up-gap-row-10 > div[data-product-list-content],
[data-element-id] .up-gap-row-10 > div[data-product-recommend-content] {
  row-gap: 10px;
}

[data-element-id] .up-gap-15 > div[data-collection-list-content],
[data-element-id] .up-gap-15 > div[data-recommend-collection-list-content],
[data-element-id] .up-gap-15 > div[data-collection-filtered-content],
[data-element-id] .up-gap-15 > div[data-collection-archive-content],
[data-element-id] .up-gap-15 > div[data-product-list-content],
[data-element-id] .up-gap-15 > div[data-product-recommend-content] {
  gap: 15px;
}

[data-element-id] .up-gap-col-15 > div[data-collection-list-content],
[data-element-id] .up-gap-col-15 > div[data-recommend-collection-list-content],
[data-element-id] .up-gap-col-15 > div[data-collection-filtered-content],
[data-element-id] .up-gap-col-15 > div[data-collection-archive-content],
[data-element-id] .up-gap-col-15 > div[data-product-list-content],
[data-element-id] .up-gap-col-15 > div[data-product-recommend-content] {
  -webkit-column-gap: 15px;
  -moz-column-gap: 15px;
  column-gap: 15px;
}

[data-element-id] .up-gap-row-15 > div[data-collection-list-content],
[data-element-id] .up-gap-row-15 > div[data-recommend-collection-list-content],
[data-element-id] .up-gap-row-15 > div[data-collection-filtered-content],
[data-element-id] .up-gap-row-15 > div[data-collection-archive-content],
[data-element-id] .up-gap-row-15 > div[data-product-list-content],
[data-element-id] .up-gap-row-15 > div[data-product-recommend-content] {
  row-gap: 15px;
}

[data-element-id] .up-gap-20 > div[data-collection-list-content],
[data-element-id] .up-gap-20 > div[data-recommend-collection-list-content],
[data-element-id] .up-gap-20 > div[data-collection-filtered-content],
[data-element-id] .up-gap-20 > div[data-collection-archive-content],
[data-element-id] .up-gap-20 > div[data-product-list-content],
[data-element-id] .up-gap-20 > div[data-product-recommend-content] {
  gap: 20px;
}

[data-element-id] .up-gap-col-20 > div[data-collection-list-content],
[data-element-id] .up-gap-col-20 > div[data-recommend-collection-list-content],
[data-element-id] .up-gap-col-20 > div[data-collection-filtered-content],
[data-element-id] .up-gap-col-20 > div[data-collection-archive-content],
[data-element-id] .up-gap-col-20 > div[data-product-list-content],
[data-element-id] .up-gap-col-20 > div[data-product-recommend-content] {
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
}

[data-element-id] .up-gap-row-20 > div[data-collection-list-content],
[data-element-id] .up-gap-row-20 > div[data-recommend-collection-list-content],
[data-element-id] .up-gap-row-20 > div[data-collection-filtered-content],
[data-element-id] .up-gap-row-20 > div[data-collection-archive-content],
[data-element-id] .up-gap-row-20 > div[data-product-list-content],
[data-element-id] .up-gap-row-20 > div[data-product-recommend-content] {
  row-gap: 20px;
}

[data-element-id] .up-gap-25 > div[data-collection-list-content],
[data-element-id] .up-gap-25 > div[data-recommend-collection-list-content],
[data-element-id] .up-gap-25 > div[data-collection-filtered-content],
[data-element-id] .up-gap-25 > div[data-collection-archive-content],
[data-element-id] .up-gap-25 > div[data-product-list-content],
[data-element-id] .up-gap-25 > div[data-product-recommend-content] {
  gap: 25px;
}

[data-element-id] .up-gap-col-25 > div[data-collection-list-content],
[data-element-id] .up-gap-col-25 > div[data-recommend-collection-list-content],
[data-element-id] .up-gap-col-25 > div[data-collection-filtered-content],
[data-element-id] .up-gap-col-25 > div[data-collection-archive-content],
[data-element-id] .up-gap-col-25 > div[data-product-list-content],
[data-element-id] .up-gap-col-25 > div[data-product-recommend-content] {
  -webkit-column-gap: 25px;
  -moz-column-gap: 25px;
  column-gap: 25px;
}

[data-element-id] .up-gap-row-25 > div[data-collection-list-content],
[data-element-id] .up-gap-row-25 > div[data-recommend-collection-list-content],
[data-element-id] .up-gap-row-25 > div[data-collection-filtered-content],
[data-element-id] .up-gap-row-25 > div[data-collection-archive-content],
[data-element-id] .up-gap-row-25 > div[data-product-list-content],
[data-element-id] .up-gap-row-25 > div[data-product-recommend-content] {
  row-gap: 25px;
}

[data-element-id] .up-gap-30 > div[data-collection-list-content],
[data-element-id] .up-gap-30 > div[data-recommend-collection-list-content],
[data-element-id] .up-gap-30 > div[data-collection-filtered-content],
[data-element-id] .up-gap-30 > div[data-collection-archive-content],
[data-element-id] .up-gap-30 > div[data-product-list-content],
[data-element-id] .up-gap-30 > div[data-product-recommend-content] {
  gap: 30px;
}

[data-element-id] .up-gap-col-30 > div[data-collection-list-content],
[data-element-id] .up-gap-col-30 > div[data-recommend-collection-list-content],
[data-element-id] .up-gap-col-30 > div[data-collection-filtered-content],
[data-element-id] .up-gap-col-30 > div[data-collection-archive-content],
[data-element-id] .up-gap-col-30 > div[data-product-list-content],
[data-element-id] .up-gap-col-30 > div[data-product-recommend-content] {
  -webkit-column-gap: 30px;
  -moz-column-gap: 30px;
  column-gap: 30px;
}

[data-element-id] .up-gap-row-30 > div[data-collection-list-content],
[data-element-id] .up-gap-row-30 > div[data-recommend-collection-list-content],
[data-element-id] .up-gap-row-30 > div[data-collection-filtered-content],
[data-element-id] .up-gap-row-30 > div[data-collection-archive-content],
[data-element-id] .up-gap-row-30 > div[data-product-list-content],
[data-element-id] .up-gap-row-30 > div[data-product-recommend-content] {
  row-gap: 30px;
}

[data-element-id] .up-gap-35 > div[data-collection-list-content],
[data-element-id] .up-gap-35 > div[data-recommend-collection-list-content],
[data-element-id] .up-gap-35 > div[data-collection-filtered-content],
[data-element-id] .up-gap-35 > div[data-collection-archive-content],
[data-element-id] .up-gap-35 > div[data-product-list-content],
[data-element-id] .up-gap-35 > div[data-product-recommend-content] {
  gap: 35px;
}

[data-element-id] .up-gap-col-35 > div[data-collection-list-content],
[data-element-id] .up-gap-col-35 > div[data-recommend-collection-list-content],
[data-element-id] .up-gap-col-35 > div[data-collection-filtered-content],
[data-element-id] .up-gap-col-35 > div[data-collection-archive-content],
[data-element-id] .up-gap-col-35 > div[data-product-list-content],
[data-element-id] .up-gap-col-35 > div[data-product-recommend-content] {
  -webkit-column-gap: 35px;
  -moz-column-gap: 35px;
  column-gap: 35px;
}

[data-element-id] .up-gap-row-35 > div[data-collection-list-content],
[data-element-id] .up-gap-row-35 > div[data-recommend-collection-list-content],
[data-element-id] .up-gap-row-35 > div[data-collection-filtered-content],
[data-element-id] .up-gap-row-35 > div[data-collection-archive-content],
[data-element-id] .up-gap-row-35 > div[data-product-list-content],
[data-element-id] .up-gap-row-35 > div[data-product-recommend-content] {
  row-gap: 35px;
}

[data-element-id] .up-gap-40 > div[data-collection-list-content],
[data-element-id] .up-gap-40 > div[data-recommend-collection-list-content],
[data-element-id] .up-gap-40 > div[data-collection-filtered-content],
[data-element-id] .up-gap-40 > div[data-collection-archive-content],
[data-element-id] .up-gap-40 > div[data-product-list-content],
[data-element-id] .up-gap-40 > div[data-product-recommend-content] {
  gap: 40px;
}

[data-element-id] .up-gap-col-40 > div[data-collection-list-content],
[data-element-id] .up-gap-col-40 > div[data-recommend-collection-list-content],
[data-element-id] .up-gap-col-40 > div[data-collection-filtered-content],
[data-element-id] .up-gap-col-40 > div[data-collection-archive-content],
[data-element-id] .up-gap-col-40 > div[data-product-list-content],
[data-element-id] .up-gap-col-40 > div[data-product-recommend-content] {
  -webkit-column-gap: 40px;
  -moz-column-gap: 40px;
  column-gap: 40px;
}

[data-element-id] .up-gap-row-40 > div[data-collection-list-content],
[data-element-id] .up-gap-row-40 > div[data-recommend-collection-list-content],
[data-element-id] .up-gap-row-40 > div[data-collection-filtered-content],
[data-element-id] .up-gap-row-40 > div[data-collection-archive-content],
[data-element-id] .up-gap-row-40 > div[data-product-list-content],
[data-element-id] .up-gap-row-40 > div[data-product-recommend-content] {
  row-gap: 40px;
}

[data-element-id] .up-gap-45 > div[data-collection-list-content],
[data-element-id] .up-gap-45 > div[data-recommend-collection-list-content],
[data-element-id] .up-gap-45 > div[data-collection-filtered-content],
[data-element-id] .up-gap-45 > div[data-collection-archive-content],
[data-element-id] .up-gap-45 > div[data-product-list-content],
[data-element-id] .up-gap-45 > div[data-product-recommend-content] {
  gap: 45px;
}

[data-element-id] .up-gap-col-45 > div[data-collection-list-content],
[data-element-id] .up-gap-col-45 > div[data-recommend-collection-list-content],
[data-element-id] .up-gap-col-45 > div[data-collection-filtered-content],
[data-element-id] .up-gap-col-45 > div[data-collection-archive-content],
[data-element-id] .up-gap-col-45 > div[data-product-list-content],
[data-element-id] .up-gap-col-45 > div[data-product-recommend-content] {
  -webkit-column-gap: 45px;
  -moz-column-gap: 45px;
  column-gap: 45px;
}

[data-element-id] .up-gap-row-45 > div[data-collection-list-content],
[data-element-id] .up-gap-row-45 > div[data-recommend-collection-list-content],
[data-element-id] .up-gap-row-45 > div[data-collection-filtered-content],
[data-element-id] .up-gap-row-45 > div[data-collection-archive-content],
[data-element-id] .up-gap-row-45 > div[data-product-list-content],
[data-element-id] .up-gap-row-45 > div[data-product-recommend-content] {
  row-gap: 45px;
}

[data-element-id] .up-gap-50 > div[data-collection-list-content],
[data-element-id] .up-gap-50 > div[data-recommend-collection-list-content],
[data-element-id] .up-gap-50 > div[data-collection-filtered-content],
[data-element-id] .up-gap-50 > div[data-collection-archive-content],
[data-element-id] .up-gap-50 > div[data-product-list-content],
[data-element-id] .up-gap-50 > div[data-product-recommend-content] {
  gap: 50px;
}

[data-element-id] .up-gap-col-50 > div[data-collection-list-content],
[data-element-id] .up-gap-col-50 > div[data-recommend-collection-list-content],
[data-element-id] .up-gap-col-50 > div[data-collection-filtered-content],
[data-element-id] .up-gap-col-50 > div[data-collection-archive-content],
[data-element-id] .up-gap-col-50 > div[data-product-list-content],
[data-element-id] .up-gap-col-50 > div[data-product-recommend-content] {
  -webkit-column-gap: 50px;
  -moz-column-gap: 50px;
  column-gap: 50px;
}

[data-element-id] .up-gap-row-50 > div[data-collection-list-content],
[data-element-id] .up-gap-row-50 > div[data-recommend-collection-list-content],
[data-element-id] .up-gap-row-50 > div[data-collection-filtered-content],
[data-element-id] .up-gap-row-50 > div[data-collection-archive-content],
[data-element-id] .up-gap-row-50 > div[data-product-list-content],
[data-element-id] .up-gap-row-50 > div[data-product-recommend-content] {
  row-gap: 50px;
}

[data-element-id] .up-gap-55 > div[data-collection-list-content],
[data-element-id] .up-gap-55 > div[data-recommend-collection-list-content],
[data-element-id] .up-gap-55 > div[data-collection-filtered-content],
[data-element-id] .up-gap-55 > div[data-collection-archive-content],
[data-element-id] .up-gap-55 > div[data-product-list-content],
[data-element-id] .up-gap-55 > div[data-product-recommend-content] {
  gap: 55px;
}

[data-element-id] .up-gap-col-55 > div[data-collection-list-content],
[data-element-id] .up-gap-col-55 > div[data-recommend-collection-list-content],
[data-element-id] .up-gap-col-55 > div[data-collection-filtered-content],
[data-element-id] .up-gap-col-55 > div[data-collection-archive-content],
[data-element-id] .up-gap-col-55 > div[data-product-list-content],
[data-element-id] .up-gap-col-55 > div[data-product-recommend-content] {
  -webkit-column-gap: 55px;
  -moz-column-gap: 55px;
  column-gap: 55px;
}

[data-element-id] .up-gap-row-55 > div[data-collection-list-content],
[data-element-id] .up-gap-row-55 > div[data-recommend-collection-list-content],
[data-element-id] .up-gap-row-55 > div[data-collection-filtered-content],
[data-element-id] .up-gap-row-55 > div[data-collection-archive-content],
[data-element-id] .up-gap-row-55 > div[data-product-list-content],
[data-element-id] .up-gap-row-55 > div[data-product-recommend-content] {
  row-gap: 55px;
}

[data-element-id] .up-gap-60 > div[data-collection-list-content],
[data-element-id] .up-gap-60 > div[data-recommend-collection-list-content],
[data-element-id] .up-gap-60 > div[data-collection-filtered-content],
[data-element-id] .up-gap-60 > div[data-collection-archive-content],
[data-element-id] .up-gap-60 > div[data-product-list-content],
[data-element-id] .up-gap-60 > div[data-product-recommend-content] {
  gap: 60px;
}

[data-element-id] .up-gap-col-60 > div[data-collection-list-content],
[data-element-id] .up-gap-col-60 > div[data-recommend-collection-list-content],
[data-element-id] .up-gap-col-60 > div[data-collection-filtered-content],
[data-element-id] .up-gap-col-60 > div[data-collection-archive-content],
[data-element-id] .up-gap-col-60 > div[data-product-list-content],
[data-element-id] .up-gap-col-60 > div[data-product-recommend-content] {
  -webkit-column-gap: 60px;
  -moz-column-gap: 60px;
  column-gap: 60px;
}

[data-element-id] .up-gap-row-60 > div[data-collection-list-content],
[data-element-id] .up-gap-row-60 > div[data-recommend-collection-list-content],
[data-element-id] .up-gap-row-60 > div[data-collection-filtered-content],
[data-element-id] .up-gap-row-60 > div[data-collection-archive-content],
[data-element-id] .up-gap-row-60 > div[data-product-list-content],
[data-element-id] .up-gap-row-60 > div[data-product-recommend-content] {
  row-gap: 60px;
}

[data-element-id] .up-gap-65 > div[data-collection-list-content],
[data-element-id] .up-gap-65 > div[data-recommend-collection-list-content],
[data-element-id] .up-gap-65 > div[data-collection-filtered-content],
[data-element-id] .up-gap-65 > div[data-collection-archive-content],
[data-element-id] .up-gap-65 > div[data-product-list-content],
[data-element-id] .up-gap-65 > div[data-product-recommend-content] {
  gap: 65px;
}

[data-element-id] .up-gap-col-65 > div[data-collection-list-content],
[data-element-id] .up-gap-col-65 > div[data-recommend-collection-list-content],
[data-element-id] .up-gap-col-65 > div[data-collection-filtered-content],
[data-element-id] .up-gap-col-65 > div[data-collection-archive-content],
[data-element-id] .up-gap-col-65 > div[data-product-list-content],
[data-element-id] .up-gap-col-65 > div[data-product-recommend-content] {
  -webkit-column-gap: 65px;
  -moz-column-gap: 65px;
  column-gap: 65px;
}

[data-element-id] .up-gap-row-65 > div[data-collection-list-content],
[data-element-id] .up-gap-row-65 > div[data-recommend-collection-list-content],
[data-element-id] .up-gap-row-65 > div[data-collection-filtered-content],
[data-element-id] .up-gap-row-65 > div[data-collection-archive-content],
[data-element-id] .up-gap-row-65 > div[data-product-list-content],
[data-element-id] .up-gap-row-65 > div[data-product-recommend-content] {
  row-gap: 65px;
}

[data-element-id] .up-gap-70 > div[data-collection-list-content],
[data-element-id] .up-gap-70 > div[data-recommend-collection-list-content],
[data-element-id] .up-gap-70 > div[data-collection-filtered-content],
[data-element-id] .up-gap-70 > div[data-collection-archive-content],
[data-element-id] .up-gap-70 > div[data-product-list-content],
[data-element-id] .up-gap-70 > div[data-product-recommend-content] {
  gap: 70px;
}

[data-element-id] .up-gap-col-70 > div[data-collection-list-content],
[data-element-id] .up-gap-col-70 > div[data-recommend-collection-list-content],
[data-element-id] .up-gap-col-70 > div[data-collection-filtered-content],
[data-element-id] .up-gap-col-70 > div[data-collection-archive-content],
[data-element-id] .up-gap-col-70 > div[data-product-list-content],
[data-element-id] .up-gap-col-70 > div[data-product-recommend-content] {
  -webkit-column-gap: 70px;
  -moz-column-gap: 70px;
  column-gap: 70px;
}

[data-element-id] .up-gap-row-70 > div[data-collection-list-content],
[data-element-id] .up-gap-row-70 > div[data-recommend-collection-list-content],
[data-element-id] .up-gap-row-70 > div[data-collection-filtered-content],
[data-element-id] .up-gap-row-70 > div[data-collection-archive-content],
[data-element-id] .up-gap-row-70 > div[data-product-list-content],
[data-element-id] .up-gap-row-70 > div[data-product-recommend-content] {
  row-gap: 70px;
}

[data-element-id] .up-gap-75 > div[data-collection-list-content],
[data-element-id] .up-gap-75 > div[data-recommend-collection-list-content],
[data-element-id] .up-gap-75 > div[data-collection-filtered-content],
[data-element-id] .up-gap-75 > div[data-collection-archive-content],
[data-element-id] .up-gap-75 > div[data-product-list-content],
[data-element-id] .up-gap-75 > div[data-product-recommend-content] {
  gap: 75px;
}

[data-element-id] .up-gap-col-75 > div[data-collection-list-content],
[data-element-id] .up-gap-col-75 > div[data-recommend-collection-list-content],
[data-element-id] .up-gap-col-75 > div[data-collection-filtered-content],
[data-element-id] .up-gap-col-75 > div[data-collection-archive-content],
[data-element-id] .up-gap-col-75 > div[data-product-list-content],
[data-element-id] .up-gap-col-75 > div[data-product-recommend-content] {
  -webkit-column-gap: 75px;
  -moz-column-gap: 75px;
  column-gap: 75px;
}

[data-element-id] .up-gap-row-75 > div[data-collection-list-content],
[data-element-id] .up-gap-row-75 > div[data-recommend-collection-list-content],
[data-element-id] .up-gap-row-75 > div[data-collection-filtered-content],
[data-element-id] .up-gap-row-75 > div[data-collection-archive-content],
[data-element-id] .up-gap-row-75 > div[data-product-list-content],
[data-element-id] .up-gap-row-75 > div[data-product-recommend-content] {
  row-gap: 75px;
}

[data-element-id] .up-gap-80 > div[data-collection-list-content],
[data-element-id] .up-gap-80 > div[data-recommend-collection-list-content],
[data-element-id] .up-gap-80 > div[data-collection-filtered-content],
[data-element-id] .up-gap-80 > div[data-collection-archive-content],
[data-element-id] .up-gap-80 > div[data-product-list-content],
[data-element-id] .up-gap-80 > div[data-product-recommend-content] {
  gap: 80px;
}

[data-element-id] .up-gap-col-80 > div[data-collection-list-content],
[data-element-id] .up-gap-col-80 > div[data-recommend-collection-list-content],
[data-element-id] .up-gap-col-80 > div[data-collection-filtered-content],
[data-element-id] .up-gap-col-80 > div[data-collection-archive-content],
[data-element-id] .up-gap-col-80 > div[data-product-list-content],
[data-element-id] .up-gap-col-80 > div[data-product-recommend-content] {
  -webkit-column-gap: 80px;
  -moz-column-gap: 80px;
  column-gap: 80px;
}

[data-element-id] .up-gap-row-80 > div[data-collection-list-content],
[data-element-id] .up-gap-row-80 > div[data-recommend-collection-list-content],
[data-element-id] .up-gap-row-80 > div[data-collection-filtered-content],
[data-element-id] .up-gap-row-80 > div[data-collection-archive-content],
[data-element-id] .up-gap-row-80 > div[data-product-list-content],
[data-element-id] .up-gap-row-80 > div[data-product-recommend-content] {
  row-gap: 80px;
}

[data-element-id] .up-gap-85 > div[data-collection-list-content],
[data-element-id] .up-gap-85 > div[data-recommend-collection-list-content],
[data-element-id] .up-gap-85 > div[data-collection-filtered-content],
[data-element-id] .up-gap-85 > div[data-collection-archive-content],
[data-element-id] .up-gap-85 > div[data-product-list-content],
[data-element-id] .up-gap-85 > div[data-product-recommend-content] {
  gap: 85px;
}

[data-element-id] .up-gap-col-85 > div[data-collection-list-content],
[data-element-id] .up-gap-col-85 > div[data-recommend-collection-list-content],
[data-element-id] .up-gap-col-85 > div[data-collection-filtered-content],
[data-element-id] .up-gap-col-85 > div[data-collection-archive-content],
[data-element-id] .up-gap-col-85 > div[data-product-list-content],
[data-element-id] .up-gap-col-85 > div[data-product-recommend-content] {
  -webkit-column-gap: 85px;
  -moz-column-gap: 85px;
  column-gap: 85px;
}

[data-element-id] .up-gap-row-85 > div[data-collection-list-content],
[data-element-id] .up-gap-row-85 > div[data-recommend-collection-list-content],
[data-element-id] .up-gap-row-85 > div[data-collection-filtered-content],
[data-element-id] .up-gap-row-85 > div[data-collection-archive-content],
[data-element-id] .up-gap-row-85 > div[data-product-list-content],
[data-element-id] .up-gap-row-85 > div[data-product-recommend-content] {
  row-gap: 85px;
}

[data-element-id] .up-gap-90 > div[data-collection-list-content],
[data-element-id] .up-gap-90 > div[data-recommend-collection-list-content],
[data-element-id] .up-gap-90 > div[data-collection-filtered-content],
[data-element-id] .up-gap-90 > div[data-collection-archive-content],
[data-element-id] .up-gap-90 > div[data-product-list-content],
[data-element-id] .up-gap-90 > div[data-product-recommend-content] {
  gap: 90px;
}

[data-element-id] .up-gap-col-90 > div[data-collection-list-content],
[data-element-id] .up-gap-col-90 > div[data-recommend-collection-list-content],
[data-element-id] .up-gap-col-90 > div[data-collection-filtered-content],
[data-element-id] .up-gap-col-90 > div[data-collection-archive-content],
[data-element-id] .up-gap-col-90 > div[data-product-list-content],
[data-element-id] .up-gap-col-90 > div[data-product-recommend-content] {
  -webkit-column-gap: 90px;
  -moz-column-gap: 90px;
  column-gap: 90px;
}

[data-element-id] .up-gap-row-90 > div[data-collection-list-content],
[data-element-id] .up-gap-row-90 > div[data-recommend-collection-list-content],
[data-element-id] .up-gap-row-90 > div[data-collection-filtered-content],
[data-element-id] .up-gap-row-90 > div[data-collection-archive-content],
[data-element-id] .up-gap-row-90 > div[data-product-list-content],
[data-element-id] .up-gap-row-90 > div[data-product-recommend-content] {
  row-gap: 90px;
}

[data-element-id] .up-gap-95 > div[data-collection-list-content],
[data-element-id] .up-gap-95 > div[data-recommend-collection-list-content],
[data-element-id] .up-gap-95 > div[data-collection-filtered-content],
[data-element-id] .up-gap-95 > div[data-collection-archive-content],
[data-element-id] .up-gap-95 > div[data-product-list-content],
[data-element-id] .up-gap-95 > div[data-product-recommend-content] {
  gap: 95px;
}

[data-element-id] .up-gap-col-95 > div[data-collection-list-content],
[data-element-id] .up-gap-col-95 > div[data-recommend-collection-list-content],
[data-element-id] .up-gap-col-95 > div[data-collection-filtered-content],
[data-element-id] .up-gap-col-95 > div[data-collection-archive-content],
[data-element-id] .up-gap-col-95 > div[data-product-list-content],
[data-element-id] .up-gap-col-95 > div[data-product-recommend-content] {
  -webkit-column-gap: 95px;
  -moz-column-gap: 95px;
  column-gap: 95px;
}

[data-element-id] .up-gap-row-95 > div[data-collection-list-content],
[data-element-id] .up-gap-row-95 > div[data-recommend-collection-list-content],
[data-element-id] .up-gap-row-95 > div[data-collection-filtered-content],
[data-element-id] .up-gap-row-95 > div[data-collection-archive-content],
[data-element-id] .up-gap-row-95 > div[data-product-list-content],
[data-element-id] .up-gap-row-95 > div[data-product-recommend-content] {
  row-gap: 95px;
}

[data-element-id] .up-gap-100 > div[data-collection-list-content],
[data-element-id] .up-gap-100 > div[data-recommend-collection-list-content],
[data-element-id] .up-gap-100 > div[data-collection-filtered-content],
[data-element-id] .up-gap-100 > div[data-collection-archive-content],
[data-element-id] .up-gap-100 > div[data-product-list-content],
[data-element-id] .up-gap-100 > div[data-product-recommend-content] {
  gap: 100px;
}

[data-element-id] .up-gap-col-100 > div[data-collection-list-content],
[data-element-id] .up-gap-col-100 > div[data-recommend-collection-list-content],
[data-element-id] .up-gap-col-100 > div[data-collection-filtered-content],
[data-element-id] .up-gap-col-100 > div[data-collection-archive-content],
[data-element-id] .up-gap-col-100 > div[data-product-list-content],
[data-element-id] .up-gap-col-100 > div[data-product-recommend-content] {
  -webkit-column-gap: 100px;
  -moz-column-gap: 100px;
  column-gap: 100px;
}

[data-element-id] .up-gap-row-100 > div[data-collection-list-content],
[data-element-id] .up-gap-row-100 > div[data-recommend-collection-list-content],
[data-element-id] .up-gap-row-100 > div[data-collection-filtered-content],
[data-element-id] .up-gap-row-100 > div[data-collection-archive-content],
[data-element-id] .up-gap-row-100 > div[data-product-list-content],
[data-element-id] .up-gap-row-100 > div[data-product-recommend-content] {
  row-gap: 100px;
}

[data-element-id] [class*="up-count-"] {
  -webkit-column-count: 1;
  -moz-column-count: 1;
  column-count: 1;
}

[data-element-id]
  [class*="up-count-"]
  .up-count-1
  > div[data-collection-list-content],
[data-element-id]
  [class*="up-count-"]
  .up-count-1
  > div[data-recommend-collection-list-content],
[data-element-id]
  [class*="up-count-"]
  .up-count-1
  > div[data-collection-filtered-content],
[data-element-id]
  [class*="up-count-"]
  .up-count-1
  > div[data-collection-archive-content],
[data-element-id]
  [class*="up-count-"]
  .up-count-1
  > div[data-product-list-content],
[data-element-id]
  [class*="up-count-"]
  .up-count-1
  > div[data-product-recommend-content] {
  -webkit-column-count: 1;
  -moz-column-count: 1;
  column-count: 1;
}

[data-element-id]
  [class*="up-count-"]
  .up-count-2
  > div[data-collection-list-content],
[data-element-id]
  [class*="up-count-"]
  .up-count-2
  > div[data-recommend-collection-list-content],
[data-element-id]
  [class*="up-count-"]
  .up-count-2
  > div[data-collection-filtered-content],
[data-element-id]
  [class*="up-count-"]
  .up-count-2
  > div[data-collection-archive-content],
[data-element-id]
  [class*="up-count-"]
  .up-count-2
  > div[data-product-list-content],
[data-element-id]
  [class*="up-count-"]
  .up-count-2
  > div[data-product-recommend-content] {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
}

[data-element-id]
  [class*="up-count-"]
  .up-count-3
  > div[data-collection-list-content],
[data-element-id]
  [class*="up-count-"]
  .up-count-3
  > div[data-recommend-collection-list-content],
[data-element-id]
  [class*="up-count-"]
  .up-count-3
  > div[data-collection-filtered-content],
[data-element-id]
  [class*="up-count-"]
  .up-count-3
  > div[data-collection-archive-content],
[data-element-id]
  [class*="up-count-"]
  .up-count-3
  > div[data-product-list-content],
[data-element-id]
  [class*="up-count-"]
  .up-count-3
  > div[data-product-recommend-content] {
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3;
}

[data-element-id]
  [class*="up-count-"]
  .up-count-4
  > div[data-collection-list-content],
[data-element-id]
  [class*="up-count-"]
  .up-count-4
  > div[data-recommend-collection-list-content],
[data-element-id]
  [class*="up-count-"]
  .up-count-4
  > div[data-collection-filtered-content],
[data-element-id]
  [class*="up-count-"]
  .up-count-4
  > div[data-collection-archive-content],
[data-element-id]
  [class*="up-count-"]
  .up-count-4
  > div[data-product-list-content],
[data-element-id]
  [class*="up-count-"]
  .up-count-4
  > div[data-product-recommend-content] {
  -webkit-column-count: 4;
  -moz-column-count: 4;
  column-count: 4;
}

[data-element-id]
  [class*="up-count-"]
  .up-count-5
  > div[data-collection-list-content],
[data-element-id]
  [class*="up-count-"]
  .up-count-5
  > div[data-recommend-collection-list-content],
[data-element-id]
  [class*="up-count-"]
  .up-count-5
  > div[data-collection-filtered-content],
[data-element-id]
  [class*="up-count-"]
  .up-count-5
  > div[data-collection-archive-content],
[data-element-id]
  [class*="up-count-"]
  .up-count-5
  > div[data-product-list-content],
[data-element-id]
  [class*="up-count-"]
  .up-count-5
  > div[data-product-recommend-content] {
  -webkit-column-count: 5;
  -moz-column-count: 5;
  column-count: 5;
}

[data-element-id]
  [class*="up-count-"]
  .up-count-6
  > div[data-collection-list-content],
[data-element-id]
  [class*="up-count-"]
  .up-count-6
  > div[data-recommend-collection-list-content],
[data-element-id]
  [class*="up-count-"]
  .up-count-6
  > div[data-collection-filtered-content],
[data-element-id]
  [class*="up-count-"]
  .up-count-6
  > div[data-collection-archive-content],
[data-element-id]
  [class*="up-count-"]
  .up-count-6
  > div[data-product-list-content],
[data-element-id]
  [class*="up-count-"]
  .up-count-6
  > div[data-product-recommend-content] {
  -webkit-column-count: 6;
  -moz-column-count: 6;
  column-count: 6;
}

[data-element-id]
  [class*="up-count-"]
  .up-count-7
  > div[data-collection-list-content],
[data-element-id]
  [class*="up-count-"]
  .up-count-7
  > div[data-recommend-collection-list-content],
[data-element-id]
  [class*="up-count-"]
  .up-count-7
  > div[data-collection-filtered-content],
[data-element-id]
  [class*="up-count-"]
  .up-count-7
  > div[data-collection-archive-content],
[data-element-id]
  [class*="up-count-"]
  .up-count-7
  > div[data-product-list-content],
[data-element-id]
  [class*="up-count-"]
  .up-count-7
  > div[data-product-recommend-content] {
  -webkit-column-count: 7;
  -moz-column-count: 7;
  column-count: 7;
}

[data-element-id]
  [class*="up-count-"]
  .up-count-8
  > div[data-collection-list-content],
[data-element-id]
  [class*="up-count-"]
  .up-count-8
  > div[data-recommend-collection-list-content],
[data-element-id]
  [class*="up-count-"]
  .up-count-8
  > div[data-collection-filtered-content],
[data-element-id]
  [class*="up-count-"]
  .up-count-8
  > div[data-collection-archive-content],
[data-element-id]
  [class*="up-count-"]
  .up-count-8
  > div[data-product-list-content],
[data-element-id]
  [class*="up-count-"]
  .up-count-8
  > div[data-product-recommend-content] {
  -webkit-column-count: 8;
  -moz-column-count: 8;
  column-count: 8;
}

[data-element-id]
  [class*="up-count-"]
  .up-count-9
  > div[data-collection-list-content],
[data-element-id]
  [class*="up-count-"]
  .up-count-9
  > div[data-recommend-collection-list-content],
[data-element-id]
  [class*="up-count-"]
  .up-count-9
  > div[data-collection-filtered-content],
[data-element-id]
  [class*="up-count-"]
  .up-count-9
  > div[data-collection-archive-content],
[data-element-id]
  [class*="up-count-"]
  .up-count-9
  > div[data-product-list-content],
[data-element-id]
  [class*="up-count-"]
  .up-count-9
  > div[data-product-recommend-content] {
  -webkit-column-count: 9;
  -moz-column-count: 9;
  column-count: 9;
}

[data-element-id]
  [class*="up-count-"]
  .up-count-10
  > div[data-collection-list-content],
[data-element-id]
  [class*="up-count-"]
  .up-count-10
  > div[data-recommend-collection-list-content],
[data-element-id]
  [class*="up-count-"]
  .up-count-10
  > div[data-collection-filtered-content],
[data-element-id]
  [class*="up-count-"]
  .up-count-10
  > div[data-collection-archive-content],
[data-element-id]
  [class*="up-count-"]
  .up-count-10
  > div[data-product-list-content],
[data-element-id]
  [class*="up-count-"]
  .up-count-10
  > div[data-product-recommend-content] {
  -webkit-column-count: 10;
  -moz-column-count: 10;
  column-count: 10;
}

[data-ab-test-block] [data-ab-test-contents] + [data-ab-test-contents] {
  display: none;
}

[data-element-id] [data-ab-test-contents] {
  padding: 1.5em 0.2em 0.2em;
  outline: 2px solid #8b008b;
  position: relative;
}

[data-element-id] [data-ab-test-contents]::before {
  content: "Aパターン";
  width: 100%;
  display: block;
  padding: 0.5em 0.2em;
  font-size: 10px;
  color: #fff;
  line-height: 1.2;
  text-align: center;
  background-color: #8b008b;
  position: absolute;
  top: 0;
  left: 0;
}

[data-element-id] [data-ab-test-contents] + [data-ab-test-contents] {
  outline: 2px solid #556b2f;
}

[data-element-id] [data-ab-test-contents] + [data-ab-test-contents]::before {
  content: "Bパターン";
  background-color: #556b2f;
}

[data-hide-element] {
  padding-top: 1em;
  position: relative !important;
}

[data-hide-element]::before {
  content: "非表示" !important;
  font-size: 10px !important;
  line-height: inherit !important;
  -webkit-transform: unset !important;
  transform: unset !important;
}

[data-hide-element] > * {
  width: 100% !important;
}

[data-recommend-collection-list-content]::after {
  content: "「" attr(data-recommend-type) "」のレコメンドです。記事数は"
    attr(data-recommend-number) "件です。";
  width: 100%;
  display: block;
  clear: both;
  padding: 5px;
  font-weight: bold;
  font-size: 12px;
  color: #fff;
  text-align: left;
  background: #4b0082;
  z-index: 1000;
}

[data-collection-list-content] {
  position: relative;
  padding-top: 1.5em;
}

[data-collection-list-content]::after {
  content: "カスタムコンテンツ（編集不可）　" attr(data-list_number) "件表示　"
    attr(data-sort_column) "の" attr(data-sort);
  bottom: 0;
  width: 100%;
  display: block;
  clear: both;
  padding: 5px;
  font-weight: bold;
  font-size: 12px;
  color: #fff;
  text-align: left;
  background: #000080;
  z-index: 1000;
  position: absolute;
  left: 0;
}

[data-collection-list-content][data-collection-list-filtering="[]"]::before {
  content: "フィルタリング無し";
  background: #000080;
}

[data-collection-list-content][data-collection-list-filtering="[]"]:hover::before {
  content: "フィルタリング無し";
  background: #000080;
}

[data-collection-list-content]::before {
  content: "フィルタリング：「" attr(data-value1) "」" attr(data-condition1);
  top: 0;
  bottom: auto;
  width: 100%;
  display: block;
  clear: both;
  padding: 5px;
  font-weight: bold;
  font-size: 12px;
  color: #fff;
  text-align: left;
  background: #4682b4;
  z-index: 1000;
  position: absolute;
  left: 0;
}

[data-collection-list-content]:hover::before {
  content: "フィルタリング：「" attr(data-value1) "」" attr(data-condition1);
  top: 0;
  bottom: auto;
  width: 100%;
  display: block;
  clear: both;
  padding: 5px;
  font-weight: bold;
  font-size: 12px;
  color: #fff;
  text-align: left;
  background: #4682b4;
  z-index: 1000;
  position: absolute;
  left: 0;
}

[data-collection-list-content][data-collection-list-filtering="[]"][data-ccalt]::before {
  content: "フィルタリング無し　" attr(data-ccalt);
  top: 0;
  bottom: auto;
  width: 100%;
  display: block;
  clear: both;
  padding: 5px;
  font-weight: bold;
  font-size: 12px;
  color: #fff;
  text-align: left;
  background: #4169e1;
  z-index: 1000;
  position: absolute;
  left: 0;
}

[data-collection-list-content][data-collection-list-filtering="[]"][data-ccalt]:hover::before {
  content: "フィルタリング無し　" attr(data-ccalt);
  top: 0;
  bottom: auto;
  width: 100%;
  display: block;
  clear: both;
  padding: 5px;
  font-weight: bold;
  font-size: 12px;
  color: #fff;
  text-align: left;
  background: #4169e1;
  z-index: 1000;
  position: absolute;
  left: 0;
}

[data-collection-list-content][data-ccalt]::before {
  content: "フィルタリング：「" attr(data-value1) "」" attr(data-condition1)
    "　" attr(data-ccalt);
  top: 0;
  bottom: auto;
  width: 100%;
  display: block;
  clear: both;
  padding: 5px;
  font-weight: bold;
  font-size: 12px;
  color: #fff;
  text-align: left;
  background: #4169e1;
  z-index: 1000;
  position: absolute;
  left: 0;
}

[data-collection-list-content][data-ccalt]:hover::before {
  content: "フィルタリング：「" attr(data-value1) "」" attr(data-condition1)
    "　" attr(data-ccalt);
  top: 0;
  bottom: auto;
  width: 100%;
  display: block;
  clear: both;
  padding: 5px;
  font-weight: bold;
  font-size: 12px;
  color: #fff;
  text-align: left;
  background: #4169e1;
  z-index: 1000;
  position: absolute;
  left: 0;
}

[data-collection-list-content][data-pagination="1"]::after {
  content: "カスタムコンテンツ（編集不可）　" attr(data-list_number) "件表示　"
    attr(data-sort_column) "の" attr(data-sort) "　ページネーション設定済";
}

[data-collection-filtered-content] {
  position: relative;
  padding-top: 1.5em;
}

[data-collection-filtered-content]::before {
  content: "動的リンク";
  min-width: 100px;
  max-width: 100%;
  width: 100%;
  display: block;
  padding: 0.5em;
  font-size: 10px;
  color: #fff;
  line-height: 1.2;
  text-align: left;
  background-color: #c71585;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000;
}

[data-collection-archive-content] {
  position: relative;
  padding-top: 1.5em;
}

[data-collection-archive-content]::before {
  content: "アーカイブ　表示件数：" attr(data-list_number) "件　0件の月"
    attr(data-hide_none_contents);
  top: 0;
  width: 100%;
  display: block;
  clear: both;
  padding: 5px;
  font-weight: bold;
  font-size: 10px;
  color: #fff;
  text-align: left;
  background: #008000;
  z-index: 1000;
  position: absolute;
  left: 0;
}

[data-collection-archive-content]:not([data-hide_none_contents])::before {
  content: "アーカイブ　表示件数：" attr(data-list_number) "件　0件の月も表示";
  top: 0;
  width: 100%;
  display: block;
  clear: both;
  padding: 5px;
  font-weight: bold;
  font-size: 10px;
  color: #fff;
  text-align: left;
  background: #808000;
  z-index: 1000;
  position: absolute;
  left: 0;
}

[data-max_page_link_number] {
  position: relative;
  padding-top: 1.5em;
}

[data-max_page_link_number]::before {
  content: "ページネーションの表示件数：" attr(data-max_page_link_number) "件";
  top: 0;
  width: 100%;
  display: block;
  clear: both;
  padding: 5px;
  font-weight: bold;
  font-size: 10px;
  color: #fff;
  text-align: left;
  background: #ff4500;
  z-index: 1000;
  position: absolute;
  left: 0;
}

mark.filtering-link-text {
  display: none;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  z-index: -999;
}

[data-category-search-content] + mark.filtering-link-text {
  display: block;
  background-color: #db7093;
  color: #fff;
  font-size: 10px;
  line-height: 1;
  text-align: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 2em;
  margin: 0.5em;
  padding: 0.5em 1em;
  visibility: visible;
  opacity: 1;
  z-index: 1;
}

[data-element-id] .uk-gird,
[data-element-id] .uk-width-1-1 {
  border: 1px solid #c0c0c0;
  background-color: rgba(245, 245, 245, 0.2);
}


/* ------------------------------
改行の調整
------------------------------ */
.show\@pc {
    display: block;
}

.hide\@pc {
    display: none;
}

@media (max-width: 768px) {
    .show\@tb {
        display: block;
    }

    .hide\@tb {
        display: none;
    }
}


[data-element-id] .show\@tb {
    max-width: 375px;
    display: block;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: auto;
    margin-right: auto;
    border: solid 4px green;
    position: relative;
}

[data-element-id] .show\@tb:after {
    content: "モバイル用";
    display: block;
    padding: 8px 5px 5px;
    font-weight: 500;
    font-size: 12px;
    color: #fff;
    line-height: 1;
    text-align: center;
    text-shadow: none;
    background: green;
}

[data-element-id] .show\@tb.indention {
    width: 30px;
    display: inline-block;
    border: none;
}

[data-element-id] .show\@tb.indention:after {
    content: "SP時改行";
    padding: 4px 2px 5px;
    font-size: 10px;
}

[data-element-id] .show\@pc.indention {
    width: 30px;
    display: inline-block;
    font-size: 10px;
    border: none;
}

[data-element-id] .show\@pc.indention:after {
    content: "PC時改行";
    display: block;
    padding: 3px;
    font-weight: 700;
    font-size: 10px;
    color: #fff;
    letter-spacing: -1px;
    text-align: center;
    text-shadow: none;
    background: blue;
}

[data-element-id] .show\@sp {
    max-width: 375px;
    display: block;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: auto;
    margin-right: auto;
    border: solid 4px green;
    position: relative;
}

[data-element-id] .show\@sp:after {
    content: "モバイル用";
    display: block;
    padding: 8px 5px 5px;
    font-weight: 500;
    font-size: 12px;
    color: #fff;
    line-height: 1;
    text-align: center;
    text-shadow: none;
    background: green;
}

[data-element-id] .show\@sp.indention {
    width: 30px;
    display: inline-block;
    border: none;
}

[data-element-id] .show\@sp.indention:after {
    content: "SP時改行";
    padding: 4px 2px 5px;
    font-size: 10px;
}

/* ------------------------------
up-ofi
------------------------------ */
[class*='up-ofi'] {
    width: 100%;
    display: block;
    position: relative;
}

[class*='up-ofi'] img {
    width: 100%;
    height: 100% !important;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
}

[class*='up-ofi-']::after {
    content: '';
    display: block;
}

[class*='up-ofi-'] img {
    position: absolute;
    top: 0;
    left: 0;
}

.up-ofi-10::after {
    padding-top: 10%;
}

.up-ofi-15::after {
    padding-top: 15%;
}

.up-ofi-20::after {
    padding-top: 20%;
}

.up-ofi-25::after {
    padding-top: 25%;
}

.up-ofi-30::after {
    padding-top: 30%;
}

.up-ofi-35::after {
    padding-top: 35%;
}

.up-ofi-40::after {
    padding-top: 40%;
}

.up-ofi-45::after {
    padding-top: 45%;
}

.up-ofi-50::after {
    padding-top: 50%;
}

.up-ofi-55::after {
    padding-top: 55%;
}

.up-ofi-60::after {
    padding-top: 60%;
}

.up-ofi-65::after {
    padding-top: 65%;
}

.up-ofi-70::after {
    padding-top: 70%;
}

.up-ofi-75::after {
    padding-top: 75%;
}

.up-ofi-80::after {
    padding-top: 80%;
}

.up-ofi-85::after {
    padding-top: 85%;
}

.up-ofi-90::after {
    padding-top: 90%;
}

.up-ofi-95::after {
    padding-top: 95%;
}

.up-ofi-100::after {
    padding-top: 100%;
}

.up-ofi-105::after {
    padding-top: 105%;
}

.up-ofi-110::after {
    padding-top: 110%;
}

.up-ofi-115::after {
    padding-top: 115%;
}

.up-ofi-120::after {
    padding-top: 120%;
}

.up-ofi-125::after {
    padding-top: 125%;
}

.up-ofi-130::after {
    padding-top: 130%;
}

.up-ofi-135::after {
    padding-top: 135%;
}

.up-ofi-140::after {
    padding-top: 140%;
}

.up-ofi-145::after {
    padding-top: 145%;
}

.up-ofi-150::after {
    padding-top: 150%;
}

.up-ofi-155::after {
    padding-top: 155%;
}

.up-ofi-160::after {
    padding-top: 160%;
}

.up-ofi-165::after {
    padding-top: 165%;
}

.up-ofi-170::after {
    padding-top: 170%;
}

.up-ofi-175::after {
    padding-top: 175%;
}

.up-ofi-180::after {
    padding-top: 180%;
}

.up-ofi-185::after {
    padding-top: 185%;
}

.up-ofi-190::after {
    padding-top: 190%;
}

.up-ofi-195::after {
    padding-top: 195%;
}

.up-ofi-200::after {
    padding-top: 200%;
}

@media (max-width: 768px) {
    .up-ofi-10\@tb::after {
        padding-top: 10%;
    }

    .up-ofi-15\@tb::after {
        padding-top: 15%;
    }

    .up-ofi-20\@tb::after {
        padding-top: 20%;
    }

    .up-ofi-25\@tb::after {
        padding-top: 25%;
    }

    .up-ofi-30\@tb::after {
        padding-top: 30%;
    }

    .up-ofi-35\@tb::after {
        padding-top: 35%;
    }

    .up-ofi-40\@tb::after {
        padding-top: 40%;
    }

    .up-ofi-45\@tb::after {
        padding-top: 45%;
    }

    .up-ofi-50\@tb::after {
        padding-top: 50%;
    }

    .up-ofi-55\@tb::after {
        padding-top: 55%;
    }

    .up-ofi-60\@tb::after {
        padding-top: 60%;
    }

    .up-ofi-65\@tb::after {
        padding-top: 65%;
    }

    .up-ofi-70\@tb::after {
        padding-top: 70%;
    }

    .up-ofi-75\@tb::after {
        padding-top: 75%;
    }

    .up-ofi-80\@tb::after {
        padding-top: 80%;
    }

    .up-ofi-85\@tb::after {
        padding-top: 85%;
    }

    .up-ofi-90\@tb::after {
        padding-top: 90%;
    }

    .up-ofi-95\@tb::after {
        padding-top: 95%;
    }

    .up-ofi-100\@tb::after {
        padding-top: 100%;
    }

    .up-ofi-105\@tb::after {
        padding-top: 105%;
    }

    .up-ofi-110\@tb::after {
        padding-top: 110%;
    }

    .up-ofi-115\@tb::after {
        padding-top: 115%;
    }

    .up-ofi-120\@tb::after {
        padding-top: 120%;
    }

    .up-ofi-125\@tb::after {
        padding-top: 125%;
    }

    .up-ofi-130\@tb::after {
        padding-top: 130%;
    }

    .up-ofi-135\@tb::after {
        padding-top: 135%;
    }

    .up-ofi-140\@tb::after {
        padding-top: 140%;
    }

    .up-ofi-145\@tb::after {
        padding-top: 145%;
    }

    .up-ofi-150\@tb::after {
        padding-top: 150%;
    }

    .up-ofi-155\@tb::after {
        padding-top: 155%;
    }

    .up-ofi-160\@tb::after {
        padding-top: 160%;
    }

    .up-ofi-165\@tb::after {
        padding-top: 165%;
    }

    .up-ofi-170\@tb::after {
        padding-top: 170%;
    }

    .up-ofi-175\@tb::after {
        padding-top: 175%;
    }

    .up-ofi-180\@tb::after {
        padding-top: 180%;
    }

    .up-ofi-185\@tb::after {
        padding-top: 185%;
    }

    .up-ofi-190\@tb::after {
        padding-top: 190%;
    }

    .up-ofi-195\@tb::after {
        padding-top: 195%;
    }

    .up-ofi-200\@tb::after {
        padding-top: 200%;
    }
}

.up-obp-c img {
    -o-object-position: center;
    object-position: center;
}

.up-obp-t img {
    -o-object-position: top;
    object-position: top;
}

.up-obp-b img {
    -o-object-position: bottom;
    object-position: bottom;
}

.up-obp-l img {
    -o-object-position: left;
    object-position: left;
}

.up-obp-r img {
    -o-object-position: right;
    object-position: right;
}

.up-obf-cover img {
    -o-object-fit: cover;
    object-fit: cover;
}

.up-obf-contain img {
    -o-object-fit: contain;
    object-fit: contain;
}

@media (max-width: 768px) {
    .up-obp-c\@tb img {
        -o-object-position: center;
        object-position: center;
    }

    .up-obp-t\@tb img {
        -o-object-position: top;
        object-position: top;
    }

    .up-obp-b\@tb img {
        -o-object-position: bottom;
        object-position: bottom;
    }

    .up-obp-l\@tb img {
        -o-object-position: left;
        object-position: left;
    }

    .up-obp-r\@tb img {
        -o-object-position: right;
        object-position: right;
    }

    .up-obf-cover\@tb img {
        -o-object-fit: cover;
        object-fit: cover;
    }

    .up-obf-contain\@tb img {
        -o-object-fit: contain;
        object-fit: contain;
    }
}
