@charset "UTF-8";
/* Version: 1.4.9 */
[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: 1024px) {
  .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%;
  }
}
@media (max-width: 599px) {
  .up-ofi-10\@sp::after {
    padding-top: 10%;
  }
  .up-ofi-15\@sp::after {
    padding-top: 15%;
  }
  .up-ofi-20\@sp::after {
    padding-top: 20%;
  }
  .up-ofi-25\@sp::after {
    padding-top: 25%;
  }
  .up-ofi-30\@sp::after {
    padding-top: 30%;
  }
  .up-ofi-35\@sp::after {
    padding-top: 35%;
  }
  .up-ofi-40\@sp::after {
    padding-top: 40%;
  }
  .up-ofi-45\@sp::after {
    padding-top: 45%;
  }
  .up-ofi-50\@sp::after {
    padding-top: 50%;
  }
  .up-ofi-55\@sp::after {
    padding-top: 55%;
  }
  .up-ofi-60\@sp::after {
    padding-top: 60%;
  }
  .up-ofi-65\@sp::after {
    padding-top: 65%;
  }
  .up-ofi-70\@sp::after {
    padding-top: 70%;
  }
  .up-ofi-75\@sp::after {
    padding-top: 75%;
  }
  .up-ofi-80\@sp::after {
    padding-top: 80%;
  }
  .up-ofi-85\@sp::after {
    padding-top: 85%;
  }
  .up-ofi-90\@sp::after {
    padding-top: 90%;
  }
  .up-ofi-95\@sp::after {
    padding-top: 95%;
  }
  .up-ofi-100\@sp::after {
    padding-top: 100%;
  }
  .up-ofi-105\@sp::after {
    padding-top: 105%;
  }
  .up-ofi-110\@sp::after {
    padding-top: 110%;
  }
  .up-ofi-115\@sp::after {
    padding-top: 115%;
  }
  .up-ofi-120\@sp::after {
    padding-top: 120%;
  }
  .up-ofi-125\@sp::after {
    padding-top: 125%;
  }
  .up-ofi-130\@sp::after {
    padding-top: 130%;
  }
  .up-ofi-135\@sp::after {
    padding-top: 135%;
  }
  .up-ofi-140\@sp::after {
    padding-top: 140%;
  }
  .up-ofi-145\@sp::after {
    padding-top: 145%;
  }
  .up-ofi-150\@sp::after {
    padding-top: 150%;
  }
  .up-ofi-155\@sp::after {
    padding-top: 155%;
  }
  .up-ofi-160\@sp::after {
    padding-top: 160%;
  }
  .up-ofi-165\@sp::after {
    padding-top: 165%;
  }
  .up-ofi-170\@sp::after {
    padding-top: 170%;
  }
  .up-ofi-175\@sp::after {
    padding-top: 175%;
  }
  .up-ofi-180\@sp::after {
    padding-top: 180%;
  }
  .up-ofi-185\@sp::after {
    padding-top: 185%;
  }
  .up-ofi-190\@sp::after {
    padding-top: 190%;
  }
  .up-ofi-195\@sp::after {
    padding-top: 195%;
  }
  .up-ofi-200\@sp::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: 1024px) {
  .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;
  }
}
@media (max-width: 599px) {
  .up-obp-c\@sp img {
    -o-object-position: center;
       object-position: center;
  }
  .up-obp-t\@sp img {
    -o-object-position: top;
       object-position: top;
  }
  .up-obp-b\@sp img {
    -o-object-position: bottom;
       object-position: bottom;
  }
  .up-obp-l\@sp img {
    -o-object-position: left;
       object-position: left;
  }
  .up-obp-r\@sp img {
    -o-object-position: right;
       object-position: right;
  }
  .up-obf-cover\@sp img {
    -o-object-fit: cover;
       object-fit: cover;
  }
  .up-obf-contain\@sp img {
    -o-object-fit: contain;
       object-fit: contain;
  }
}


[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;
  border: 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] {
  border: 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);
}

[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;
}