@charset "UTF-8";
/*** サイト全体の共通設定 ***/
:root {
  --white: #fff;
  --theme-red: #b00b36;
  --nikkei-blue: #0a3e6f;
  --link-blue: #1246a9;
  --green: #00b582;
  --text-black: #333;
  --text-gray: #848484;
  --gray10: rgba(0, 0, 0, .1);
  --gray4: rgba(0, 0, 0, .04);
  --line: #e6e6e6;
  --footer-gray: #f8f7f8;
  --content-wrap-max-width: 1120px;
  --content-wrap-padding-value: max(4%, 16px);
  --content-wrap-padding: 0 var(--content-wrap-padding-value);
  --default-em-base: 16;
  --default-font-size: 1.6rem;
}

@media (min-width: 701px) {
  :root {
    --content-wrap-padding-value: 4%;
    --default-em-base: 18;
    --default-font-size: 1.8rem;
  }
}
/*** SOLのcss領域用設定 ***/
.l-header_notification,
.l-header_notification *,
.l-header_notification ::before,
.l-header_notification ::after,
.membership,
.membership *,
.membership ::before,
.membership ::after,
.l-mypage,
.l-mypage *,
.l-mypage ::before,
.l-mypage ::after,
.c-modal_container,
.c-modal_container *,
.c-modal_container ::before,
.c-modal_container ::after {
  box-sizing: border-box;
}

/** サイト全体のcssでは@Mを境としてデフォルトのフォントサイズが変わり、SOLベースでは一様に16なので、.l-mypage 以下では一様に16になるようにする **/
@media (min-width: 701px) and (max-width: 860.99px) {
  .l-header_notification,
  .membership,
  .l-mypage,
  .c-modal_container {
    font-size: calc(16em / 16);
    --default-em-base: 16;
    --default-font-size: 1.6rem;
  }
}
@media (min-width: 701px) {
  .l-header_notification,
  .membership,
  .l-mypage,
  .c-modal_container {
    font-size: calc(16em / 18);
    --default-em-base: 16;
    --default-font-size: 1.6rem;
  }
}
.l-header_notification,
.membership,
.l-mypage,
.c-modal_container {
  /* =================================================
    Color
  ================================================= */
  --color-default: #1a1a1a;
  --color-white: #fff;
  --color-primary: var(--theme-red);
  --color-primary-reverse: var(--color-white);
  --color-secondary: #6c6c6c;
  --color-secondary-reverse: rgb(255 255 255 / 0.75);
  --color-disabled: #b1b1b1;
  --color-attention: #e60021;
  --color-conversion: var(--theme-red);
  --color-bg-default: var(--color-default);
  --color-bg-white: var(--color-white);
  --color-bg-primary: var(--color-primary);
  --color-bg-secondary: #f5f5f5;
  --color-bg-table-header-horizontal: #fbd2bd;
  --color-bg-label-box: var(--color-bg-table-header-horizontal);
  --color-bg-notice: rgb(255 255 255 / 0.2);
  --color-bg-calendar-month: #9e9e9e;
  --color-bg-modal: rgb(26 26 26 / 0.75);
  --color-bg-header-menu-hover: #ed5407;
  --color-bg-gray: #d9d9d9;
  --color-line-primary: #dfe3eb;
  --color-line-primary-reverse: rgb(255 255 255 / 0.5);
  --color-line-accent: var(--color-primary);
  --color-btn-primary: var(--color-default);
  --color-btn-conversion: var(--color-conversion);
  --color-object-tappable: var(--color-default);
  --color-marker-primary: #abf0ff;
  --color-marker-secondary: #fff7ab;
  --color-marker-tertiary: #ffc4c4;
  --color-hover-primary: var(--color-primary);
  --color-hover-secondary: #ebe8e6;
  --color-hover-tertiary: #f5f5f5;
  --color-hover-quaternary: #595959;
  --color-hover-conversion: #00B582;
  --color-visited-link: #757575;
  /* =================================================
    Typography
  ================================================= */
  --font-family: -apple-system, BlinkMacSystemFont, "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "Noto Sans JP", "メイリオ", "Meiryo", sans-serif;
  --font-family-en: var(--font-family);
  --font-family-en-jp: var(--font-family);
  --font-size-base: 16;
  --font-size-heading-article-h1: calc(25em / var(--default-em-base));
  --font-size-heading-article-h2: calc(22em / var(--default-em-base));
  --font-size-heading-article-h3: calc(19em / var(--default-em-base));
  --font-size-heading-article-h4: calc(18em / var(--default-em-base));
  --font-size-heading-article-h5: calc(17em / var(--default-em-base));
  --font-size-heading-article-h6: calc(16em / var(--default-em-base));
  --font-size-heading-ui-h1: calc(30em / var(--default-em-base));
  --font-size-heading-ui-h2: calc(26em / var(--default-em-base));
  --font-size-heading-ui-h3: calc(19em / var(--default-em-base));
  --font-size-list-title-lg: calc(20em / var(--default-em-base));
  --font-size-list-title-md: calc(15em / var(--default-em-base));
  --font-size-list-title-sm: calc(13em / var(--default-em-base));
  --font-size-list-title-xs: calc(12em / var(--default-em-base));
  --font-size-body-xxl: calc(23em / var(--default-em-base));
  --font-size-body-xl: calc(20em / var(--default-em-base));
  --font-size-body-lg: calc(17em / var(--default-em-base));
  --font-size-body-md: calc(16em / var(--default-em-base));
  --font-size-body-sm: calc(14em / var(--default-em-base));
  --font-size-body-xs: calc(12em / var(--default-em-base));
  --font-size-caption-md: calc(12em / var(--default-em-base));
  --font-size-button-lg: calc(18em / var(--default-em-base));
  --font-size-button-md: calc(16em / var(--default-em-base));
  --font-size-button-sm: calc(14em / var(--default-em-base));
  --font-size-button-xs: calc(12em / var(--default-em-base));
  --font-size-button-xxs: calc(11em / var(--default-em-base));
  --font-size-label-md: calc(16em / var(--default-em-base));
  --font-size-label-sm: calc(14em / var(--default-em-base));
  --font-size-label-xs: calc(12em / var(--default-em-base));
  --font-size-en-lg: calc(16em / var(--default-em-base));
  --font-size-en-md: calc(15em / var(--default-em-base));
  --font-size-en-sm: calc(14em / var(--default-em-base));
  --font-weight-heading-article: 700;
  --font-weight-heading-ui: 700;
  --font-weight-list-title: 600;
  --font-weight-body: 300;
  --font-weight-caption: 300;
  --font-weight-button: 600;
  --font-weight-label: 300;
  --font-weight-label-bold: 600;
  --line-height-base: 1.8;
  --line-height-md: 1.6;
  --line-height-sm: 1.4;
  --line-height-xs: 1;
  --letter-spacing: 0.01em;
  /* =================================================
    Appearance
  ================================================= */
  --dropshadow-md: 0 calc(4em / var(--default-em-base)) calc(48em / var(--default-em-base)) rgb(0 32 102 / 0.2);
  --dropshadow-sm: 0 calc(4em / var(--default-em-base)) calc(16em / var(--default-em-base)) rgb(0 32 102 / 0.2);
  --radius-md: calc(8em / var(--default-em-base));
  --radius-sm: calc(4em / var(--default-em-base));
  --scale: 0.975;
  /* =================================================
    Layout
  ================================================= */
  /*
      --header-height: calc(52em / var(--default-em-base)); // 固定ヘッダー高さ
      --content-width: calc(1280em / var(--default-em-base)); // コンテンツエリア幅
      --main-aside-width: calc(336em / var(--default-em-base)); // サイドバーエリア幅
  */
  --z-index-modal: 500;
  --z-index-menu: 400;
  --z-index-overlay: 300;
  --z-index-header: 200;
  --z-index-fixed-menu: 99;
  /* =================================================
    Spacing
  ================================================= */
  --content-spacing: calc(16em / var(--default-em-base));
  --v-gap-layout-wrapper: calc(48em / var(--default-em-base));
  --v-gap-layout-container: calc(32em / var(--default-em-base));
  --v-gap-layout-section: calc(24em / var(--default-em-base));
  --v-gap-layout-group: calc(16em / var(--default-em-base));
  --v-gap-layout-element: calc(8em / var(--default-em-base));
  --v-gap-layout-element-s: calc(4em / var(--default-em-base));
  --v-gap-layout-list-tight: calc(8em / var(--default-em-base));
  --v-gap-layout-list-regular: calc(16em / var(--default-em-base));
  --v-gap-layout-list-wide: calc(24em / var(--default-em-base));
  --v-gap-layout-list-xwide: calc(32em / var(--default-em-base));
  --v-gap-layout-adjustment: calc(12em / var(--default-em-base));
  --v-gap-unique-lg: calc(24em / var(--default-em-base));
  --v-gap-unique-md: calc(16em / var(--default-em-base));
  --v-gap-unique-sm: calc(8em / var(--default-em-base));
  --v-gap-unique-xs: calc(4em / var(--default-em-base));
  --h-gap-layout-large: calc(32em / var(--default-em-base));
  --h-gap-layout-wide: calc(24em / var(--default-em-base));
  --h-gap-layout-regular: calc(16em / var(--default-em-base));
  --h-gap-layout-tight: calc(8em / var(--default-em-base));
  --h-gap-layout-adjustment: calc(4em / var(--default-em-base));
  --padding-layout-wrapper-inner: calc(32em / var(--default-em-base));
  --padding-layout-related-article-area: calc(32em / var(--default-em-base));
  --padding-layout-side-padding: calc(16em / var(--default-em-base));
  --padding-button-label-lg: calc(16em / var(--default-em-base));
  --padding-button-label-md: calc(12em / var(--default-em-base));
  --padding-button-label-sm: calc(8em / var(--default-em-base));
  --padding-button-label-xs: calc(4em / var(--default-em-base));
  --padding-card-large: calc(24em / var(--default-em-base));
  --padding-card-regular: calc(16em / var(--default-em-base));
  --padding-card-tight: calc(8em / var(--default-em-base));
  --padding-card-adjustment: calc(4em / var(--default-em-base));
  --padding-unique-xl: calc(32em / var(--default-em-base));
  --padding-unique-lg: calc(24em / var(--default-em-base));
  --padding-unique-md: calc(16em / var(--default-em-base));
  --padding-unique-xs: calc(8em / var(--default-em-base));
  --padding-unique-adjustment-lg: calc(12em / var(--default-em-base));
  --padding-unique-adjustment-sm: calc(4em / var(--default-em-base));
  /* =================================================
    Triangle
  ================================================= */
  --clip-triangle-top: polygon(50% 0, 100% 100%, 0 100%);
  --clip-triangle-bottom: polygon(0 0, 100% 0, 50% 100%);
  --clip-triangle-right: polygon(0 0, 100% 50%, 0 100%);
  --clip-triangle-left: polygon(0 50%, 100% 0, 100% 100%);
  --clip-triangle-lower-left: polygon(0 0, 100% 100%, 0 100%);
  --clip-triangle-upper-left: polygon(0 0, 100% 0, 0 100%);
  --clip-triangle-lower-right: polygon(100% 0, 100% 100%, 0 100%);
  --clip-triangle-upper-right: polygon(0 0, 100% 0, 100% 100%);
}

@media (min-width: 701px) {
  .l-header_notification,
  .membership,
  .l-mypage,
  .c-modal_container {
    /* =================================================
      Typography
    ================================================= */
    --font-size-base: 16;
    --font-size-heading-article-h1: calc(32em / var(--default-em-base));
    --font-size-heading-article-h2: calc(24em / var(--default-em-base));
    --font-size-heading-article-h3: calc(22em / var(--default-em-base));
    --font-size-heading-article-h4: calc(20em / var(--default-em-base));
    --font-size-heading-article-h5: calc(18em / var(--default-em-base));
    --font-size-heading-article-h6: calc(16em / var(--default-em-base));
    --font-size-heading-ui-h1: calc(38em / var(--default-em-base));
    --font-size-heading-ui-h2: calc(32em / var(--default-em-base));
    --font-size-heading-ui-h3: calc(21em / var(--default-em-base));
    --font-size-list-title-lg: calc(22em / var(--default-em-base));
    --font-size-list-title-md: calc(16em / var(--default-em-base));
    --font-size-list-title-sm: calc(14em / var(--default-em-base));
    --font-size-list-title-xs: calc(12em / var(--default-em-base));
    --font-size-body-xxl: calc(24em / var(--default-em-base));
    --font-size-body-xl: calc(21em / var(--default-em-base));
    --font-size-body-lg: calc(18em / var(--default-em-base));
    --font-size-body-md: calc(16em / var(--default-em-base));
    --font-size-body-sm: calc(14em / var(--default-em-base));
    --font-size-body-xs: calc(12em / var(--default-em-base));
    --font-size-caption-md: calc(12em / var(--default-em-base));
    --font-size-button-lg: calc(18em / var(--default-em-base));
    --font-size-button-md: calc(16em / var(--default-em-base));
    --font-size-button-sm: calc(14em / var(--default-em-base));
    --font-size-button-xs: calc(12em / var(--default-em-base));
    --font-size-button-xxs: calc(11em / var(--default-em-base));
    --font-size-label-md: calc(16em / var(--default-em-base));
    --font-size-label-sm: calc(14em / var(--default-em-base));
    --font-size-label-xs: calc(12em / var(--default-em-base));
    --font-size-en-lg: calc(16em / var(--default-em-base));
    --font-size-en-sm: calc(14em / var(--default-em-base));
    /* =================================================
      Layout
    ================================================= */
    --z-index-modal: 600;
    --z-index-menu: 500;
    --z-index-anker-ad: 400;
    --z-index-overlay: 300;
    --z-index-header: 200;
    --z-index-fixed-menu: 99;
    /* =================================================
      Spacing
    ================================================= */
    --v-gap-layout-wrapper: calc(48em / var(--default-em-base));
    --v-gap-layout-container: calc(48em / var(--default-em-base));
    --v-gap-layout-section: calc(24em / var(--default-em-base));
    --v-gap-layout-group: calc(16em / var(--default-em-base));
    --v-gap-layout-element: calc(8em / var(--default-em-base));
    --v-gap-layout-element-s: calc(4em / var(--default-em-base));
    --v-gap-layout-list-tight: calc(8em / var(--default-em-base));
    --v-gap-layout-list-regular: calc(16em / var(--default-em-base));
    --v-gap-layout-list-wide: calc(24em / var(--default-em-base));
    --v-gap-layout-list-xwide: calc(32em / var(--default-em-base));
    --v-gap-layout-side-col: calc(32em / var(--default-em-base));
    --v-gap-layout-adjustment: calc(12em / var(--default-em-base));
    --v-gap-unique-lg: calc(24em / var(--default-em-base));
    --v-gap-unique-md: calc(16em / var(--default-em-base));
    --v-gap-unique-sm: calc(8em / var(--default-em-base));
    --v-gap-unique-xs: calc(4em / var(--default-em-base));
    --h-gap-layout-large: calc(32em / var(--default-em-base));
    --h-gap-layout-wide: calc(24em / var(--default-em-base));
    --h-gap-layout-regular: calc(16em / var(--default-em-base));
    --h-gap-layout-tight: calc(8em / var(--default-em-base));
    --h-gap-layout-adjustment: calc(4em / var(--default-em-base));
    --padding-layout-wrapper-inner: calc(32em / var(--default-em-base));
    --padding-layout-related-article-area: calc(32em / var(--default-em-base));
    --padding-layout-side-padding: calc(0em / var(--default-em-base));
    --padding-button-label-lg: calc(16em / var(--default-em-base));
    --padding-button-label-md: calc(12em / var(--default-em-base));
    --padding-button-label-sm: calc(8em / var(--default-em-base));
    --padding-button-label-xs: calc(4em / var(--default-em-base));
    --padding-card-large: calc(32em / var(--default-em-base));
    --padding-card-regular: calc(24em / var(--default-em-base));
    --padding-card-tight: calc(16em / var(--default-em-base));
    --padding-card-adjustment: calc(8em / var(--default-em-base));
    --padding-unique-xl: calc(32em / var(--default-em-base));
    --padding-unique-lg: calc(24em / var(--default-em-base));
    --padding-unique-md: calc(16em / var(--default-em-base));
    --padding-unique-xs: calc(8em / var(--default-em-base));
    --padding-unique-adjustment-lg: calc(12em / var(--default-em-base));
    --padding-unique-adjustment-sm: calc(4em / var(--default-em-base));
  }
}
@media (max-width: 700.99px) {
  /* =================================================
    .c-btn
  ================================================= */
  .c-btn {
    display: grid;
    column-gap: var(--h-gap-layout-adjustment);
    place-content: center;
    width: 100%;
    padding: var(--padding-button-label-md) var(--padding-button-label-lg);
    margin-top: var(--h-gap-layout-wide);
    font-size: var(--font-size-button-md);
    font-weight: var(--font-weight-button);
    line-height: var(--line-height-sm);
    text-align: center;
    background-color: var(--color-bg-secondary);
    border-radius: var(--radius-sm);
  }
  .c-btn .-label {
    display: flex;
    column-gap: var(--h-gap-layout-adjustment);
    align-items: center;
  }
  .c-btn .-label::after {
    display: inline-block;
    width: calc(16em / var(--default-em-base));
    aspect-ratio: 1;
    content: "";
    background-color: var(--color-bg-primary);
    mask: url(/images/2022/ico_arrow_right.svg) center center/calc(11em / var(--default-em-base)) auto no-repeat;
  }
  .c-btn.-primary {
    color: var(--color-primary-reverse);
    background-color: var(--color-object-tappable);
  }
  .c-btn.-primary.-disabled {
    color: rgba(255, 255, 255, 0.5);
    background-color: var(--color-disabled);
  }
  .c-btn.-secondary {
    color: var(--color-primary);
    background-color: var(--color-bg-secondary);
  }
  .c-btn.-secondary.-disabled {
    color: var(--color-disabled);
    background-color: var(--color-hover-tertiary);
  }
  .c-btn.-tertiary {
    background-color: var(--color-bg-white);
  }
  .c-btn.-tertiary.-disabled {
    color: var(--color-disabled);
  }
  .c-btn.-conversion {
    color: var(--color-primary-reverse);
    background-color: var(--color-conversion);
  }
  .c-btn.-conversion.-disabled {
    color: rgba(255, 255, 255, 0.5);
    background-color: var(--color-disabled);
  }
  .c-btn.-cancel {
    color: var(--color-default);
    background-color: var(--color-bg-secondary);
  }
  .c-btn.-cancel.-disabled {
    color: var(--color-disabled);
  }
  .c-btn.-center {
    margin-inline: auto;
  }
  .c-btn.-disabled {
    pointer-events: none;
  }
  /* =================================================
    .c-iconBtn
  ================================================= */
  .c-iconBtn {
    position: relative;
    display: block;
    padding: calc(10em / var(--default-em-base)) 0 calc(10em / var(--default-em-base)) calc(32em / var(--default-em-base));
    font-size: var(--font-size-caption-md);
    font-weight: 300;
    line-height: 1.6;
    color: currentcolor;
  }
  .c-iconBtn::before {
    position: absolute;
    display: block;
    content: "";
    top: 50%;
    left: calc(4em / var(--default-em-base));
    width: calc(24em / var(--default-em-base));
    height: calc(24em / var(--default-em-base));
    background-color: currentcolor;
    mask-repeat: no-repeat;
    mask-position: center;
    translate: 0 -50%;
  }
  .c-iconBtn.-reading::before {
    mask-image: url(/images/2022/ico_reading.svg);
    mask-size: calc(24em / var(--default-em-base)) auto;
  }
  .c-iconBtn.-pdf::before {
    mask-image: url(/images/2022/ico_pdf.svg);
    mask-size: calc(24em / var(--default-em-base)) auto;
  }
  .c-iconBtn.-bookmark::before {
    mask-image: url(/images/2022/ico_bookmark.svg);
    mask-size: calc(24em / var(--default-em-base)) auto;
  }
  .c-iconBtn.-bookmark.is-active::before {
    color: var(--color-bg-primary);
    mask-image: url(/images/2022/ico_bookmark_02.svg);
  }
  /* =================================================
    .c-textBtn
  ================================================= */
  .c-textBtn {
    position: relative;
    display: block;
    width: fit-content;
    padding-right: calc(24em / var(--default-em-base));
    font-size: var(--font-size-button-sm);
    font-weight: var(--font-weight-button);
    line-height: var(--line-height-sm);
  }
  .c-textBtn::before {
    position: absolute;
    display: block;
    content: "";
    top: 50%;
    right: 0;
    width: calc(16em / var(--default-em-base));
    height: calc(16em / var(--default-em-base));
    background-color: var(--color-bg-primary);
    mask: url(/images/2022/ico_double_arrow_right.svg) no-repeat center/calc(16em / var(--default-em-base)) auto;
    translate: 0 -50%;
  }
  .c-textBtn.-disabled, .c-textBtn:disabled {
    color: var(--color-disabled);
    pointer-events: none;
  }
  .c-textBtn.-disabled::before, .c-textBtn:disabled::before {
    background-color: currentcolor;
  }
  /* =================================================
    .c-followBtn
  ================================================= */
  .c-followBtn {
    display: block;
    width: fit-content;
    padding: var(--padding-button-label-xs) var(--padding-button-label-sm);
    font-size: var(--font-size-button-xs);
    font-weight: var(--font-weight-button);
    line-height: var(--line-height-sm);
    letter-spacing: var(--letter-spacing);
    background-color: var(--color-bg-white);
    border: 1px solid var(--color-primary);
    border-radius: var(--radius-sm);
  }
  /* =================================================
    .c-btnMore
  ================================================= */
  /* =================================================
    .c-bookmarkBtn
  ================================================= */
}
@media (max-width: 700.99px) and (any-hover: hover) {
  .c-followBtn:hover {
    color: var(--color-primary);
  }
}
@media (max-width: 700.99px) {
  .c-followBtn.-sm {
    font-size: var(--font-size-button-xs);
  }
  .c-followBtn.is-active {
    color: var(--color-white);
    background-color: var(--color-secondary);
    border-color: var(--color-secondary);
  }
  .c-followBtn:disabled {
    color: var(--color-disabled);
  }
  .c-btnMore {
    display: flex;
    flex-wrap: wrap;
    column-gap: var(--h-gap-layout-adjustment);
    align-items: center;
    width: fit-content;
    padding: var(--padding-button-label-sm) var(--padding-button-label-lg);
    margin-top: var(--v-gap-unique-md);
    margin-left: auto;
    font-size: var(--font-size-button-sm);
    font-weight: var(--font-weight-button);
    color: var(--color-default);
    background-color: var(--color-bg-secondary);
    border-radius: var(--radius-sm);
  }
  .c-btnMore.-white {
    background-color: var(--color-bg-white);
  }
  .c-btnMore.-lg {
    justify-content: center;
    width: 100%;
    font-size: var(--font-size-button-md);
  }
}
@media (max-width: 700.99px) and (any-hover: hover) {
  .c-btnMore:hover {
    color: var(--color-hover-primary);
    text-decoration: none;
    background-color: var(--color-hover-secondary);
  }
  .c-btnMore:hover::after {
    background-color: currentcolor;
  }
}
@media (max-width: 700.99px) {
  .c-btnMore::after {
    display: inline-block;
    width: calc(16em / var(--default-em-base));
    aspect-ratio: 1;
    content: "";
    background-color: var(--color-primary);
    mask: url(/images/2022/ico_arrow_right.svg) center center/calc(11em / var(--default-em-base)) auto no-repeat;
    transition: background-color 0.2s linear;
  }
  .c-bookmarkBtn {
    position: relative;
    width: calc(40em / var(--default-em-base));
    aspect-ratio: 1;
  }
  .c-bookmarkBtn::before, .c-bookmarkBtn::after {
    position: absolute;
    display: block;
    content: "";
    inset: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: calc(24em / var(--default-em-base)) auto;
  }
  .c-bookmarkBtn::before {
    background-image: url(/images/2022/ico_bookmark.svg);
  }
  .c-bookmarkBtn::after {
    content: none;
    background-image: url(/images/2022/ico_bookmark_02.svg);
  }
  .c-bookmarkBtn.is-active::before {
    content: none;
  }
  .c-bookmarkBtn.is-active::after {
    content: "";
  }
}
@media (min-width: 701px) {
  /* =================================================
    .c-btn
  ================================================= */
  .c-btn {
    display: grid;
    column-gap: var(--h-gap-layout-adjustment);
    place-content: center;
    width: fit-content;
    min-width: calc(240em / var(--default-em-base));
    padding: var(--padding-button-label-md) var(--padding-button-label-lg);
    margin-top: var(--h-gap-layout-wide);
    font-size: var(--font-size-button-md);
    font-weight: var(--font-weight-button);
    line-height: var(--line-height-sm);
    text-align: center;
    border-radius: var(--radius-sm);
  }
  .c-btn.-primary {
    color: var(--color-primary-reverse);
    background-color: var(--color-object-tappable);
  }
  /* =================================================
    .c-iconBtn
  ================================================= */
  /* =================================================
    .c-textBtn
  ================================================= */
  /* =================================================
    .c-followBtn
  ================================================= */
  /* =================================================
    .c-btnMore
  ================================================= */
  /* =================================================
    .c-bookmarkBtn
  ================================================= */
}
@media (min-width: 701px) and (any-hover: hover) {
  .c-btn.-primary:hover {
    background-color: var(--color-hover-quaternary);
  }
}
@media (min-width: 701px) {
  .c-btn.-primary.-disabled {
    color: rgba(255, 255, 255, 0.5);
    background-color: var(--color-disabled);
  }
  .c-btn.-secondary {
    color: var(--color-primary);
    background-color: var(--color-bg-secondary);
  }
}
@media (min-width: 701px) and (any-hover: hover) {
  .c-btn.-secondary:hover {
    background-color: var(--color-hover-secondary);
  }
}
@media (min-width: 701px) {
  .c-btn.-secondary.-disabled {
    color: var(--color-disabled);
    background-color: var(--color-hover-tertiary);
  }
  .c-btn.-tertiary {
    color: var(--color-default);
    background-color: var(--color-bg-white);
  }
}
@media (min-width: 701px) and (any-hover: hover) {
  .c-btn.-tertiary:hover {
    color: var(--color-primary);
    background-color: var(--color-bg-secondary);
  }
}
@media (min-width: 701px) {
  .c-btn.-tertiary.-disabled {
    color: var(--color-disabled);
  }
  .c-btn.-conversion {
    color: var(--color-primary-reverse);
    background-color: var(--color-conversion);
  }
}
@media (min-width: 701px) and (any-hover: hover) {
  .c-btn.-conversion:hover {
    background-color: var(--color-hover-conversion);
  }
}
@media (min-width: 701px) {
  .c-btn.-conversion.-disabled {
    color: rgba(255, 255, 255, 0.5);
    background-color: var(--color-disabled);
  }
  .c-btn.-cancel {
    color: var(--color-default);
    background-color: var(--color-bg-secondary);
  }
}
@media (min-width: 701px) and (any-hover: hover) {
  .c-btn.-cancel:hover {
    background-color: var(--color-hover-secondary);
  }
}
@media (min-width: 701px) {
  .c-btn.-cancel.-disabled {
    color: var(--color-disabled);
  }
  .c-btn.-center {
    margin-inline: auto;
  }
  .c-btn.-lg {
    width: calc(320em / var(--default-em-base));
  }
  .c-btn.-full {
    width: 100%;
  }
  .c-btn.-disabled {
    pointer-events: none;
  }
  .c-iconBtn {
    position: relative;
    display: block;
    padding: calc(10em / var(--default-em-base)) 0 calc(10em / var(--default-em-base)) calc(32em / var(--default-em-base));
    font-size: var(--font-size-caption-md);
    font-weight: 300;
    line-height: 1.6;
    color: currentcolor;
  }
  .c-iconBtn::before {
    position: absolute;
    display: block;
    content: "";
    top: 50%;
    left: calc(4em / var(--default-em-base));
    z-index: 2;
    width: calc(24em / var(--default-em-base));
    height: calc(24em / var(--default-em-base));
    background-color: currentcolor;
    mask-repeat: no-repeat;
    mask-position: center;
    transition: background-color 0.2s linear;
    translate: 0 -50%;
  }
}
@media (min-width: 701px) and (any-hover: hover) {
  .c-iconBtn:hover {
    color: var(--color-hover-primary);
  }
}
@media (min-width: 701px) {
  .c-iconBtn.-reading::before {
    mask-image: url(/images/2022/ico_reading.svg);
    mask-size: calc(24em / var(--default-em-base)) auto;
  }
  .c-iconBtn.-print::before {
    mask-image: url(/images/2022/ico_print.svg);
    mask-size: calc(24em / var(--default-em-base)) auto;
  }
  .c-iconBtn.-pdf::before {
    mask-image: url(/images/2022/ico_pdf.svg);
    mask-size: calc(24em / var(--default-em-base)) auto;
  }
  .c-iconBtn.-bookmark::before {
    mask-image: url(/images/2022/ico_bookmark.svg);
    mask-size: calc(24em / var(--default-em-base)) auto;
  }
  .c-iconBtn.-bookmark.is-active::before {
    color: var(--color-bg-primary);
    mask-image: url(/images/2022/ico_bookmark_02.svg);
  }
  .c-textBtn {
    position: relative;
    display: block;
    width: fit-content;
    padding-right: calc(24em / var(--default-em-base));
    font-size: var(--font-size-button-sm);
    font-weight: 600;
    line-height: 1.4;
  }
  .c-textBtn::before {
    position: absolute;
    display: block;
    content: "";
    top: 50%;
    right: 0;
    width: calc(16em / var(--default-em-base));
    height: calc(16em / var(--default-em-base));
    background-color: var(--color-bg-primary);
    mask: url(/images/2022/ico_double_arrow_right.svg) center no-repeat;
    transition: background-color 0.2s linear;
    translate: 0 -50%;
  }
  .c-textBtn.-disabled, .c-textBtn:disabled {
    color: var(--color-disabled);
    pointer-events: none;
  }
  .c-textBtn.-disabled::before, .c-textBtn:disabled::before {
    background-color: currentcolor;
  }
}
@media (min-width: 701px) and (any-hover: hover) {
  .c-textBtn:hover {
    color: var(--color-primary);
  }
}
@media (min-width: 701px) {
  .c-followBtn {
    display: block;
    width: fit-content;
    padding: var(--padding-button-label-xs) var(--padding-button-label-sm);
    font-size: var(--font-size-button-sm);
    font-weight: var(--font-weight-button);
    line-height: var(--line-height-sm);
    letter-spacing: var(--letter-spacing);
    background-color: var(--color-bg-white);
    border: 1px solid var(--color-primary);
    border-radius: var(--radius-sm);
  }
}
@media (min-width: 701px) and (any-hover: hover) {
  .c-followBtn:hover {
    color: var(--color-primary);
  }
}
@media (min-width: 701px) {
  .c-followBtn.-sm {
    font-size: var(--font-size-button-xs);
  }
  .c-followBtn.is-active {
    color: var(--color-white);
    background-color: var(--color-secondary);
    border-color: var(--color-secondary);
  }
  .c-followBtn:disabled {
    color: var(--color-disabled);
  }
  .c-btnMore {
    display: flex;
    flex-wrap: wrap;
    column-gap: var(--h-gap-layout-adjustment);
    align-items: center;
    width: fit-content;
    padding: var(--padding-button-label-sm) var(--padding-button-label-lg);
    margin-top: var(--v-gap-unique-md);
    margin-left: auto;
    font-size: var(--font-size-button-sm);
    font-weight: var(--font-weight-button);
    color: var(--color-default);
    background-color: var(--color-bg-secondary);
    border-radius: var(--radius-sm);
  }
  .c-btnMore.-white {
    background-color: var(--color-bg-white);
  }
}
@media (min-width: 701px) and (any-hover: hover) {
  .c-btnMore:hover {
    color: var(--color-hover-primary);
    text-decoration: none;
    background-color: var(--color-hover-secondary);
  }
  .c-btnMore:hover::after {
    background-color: currentcolor;
  }
}
@media (min-width: 701px) {
  .c-btnMore::after {
    display: inline-block;
    width: calc(16em / var(--default-em-base));
    aspect-ratio: 1;
    content: "";
    background-color: var(--color-primary);
    mask: url(/images/2022/ico_arrow_right.svg) center center/calc(11em / var(--default-em-base)) auto no-repeat;
    transition: background-color 0.2s linear;
  }
  .c-bookmarkBtn {
    position: relative;
    width: calc(40em / var(--default-em-base));
    aspect-ratio: 1;
  }
  .c-bookmarkBtn::before, .c-bookmarkBtn::after {
    position: absolute;
    display: block;
    content: "";
    inset: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: calc(24em / var(--default-em-base)) auto;
  }
  .c-bookmarkBtn::before {
    background-image: url(/images/2022/ico_bookmark.svg);
  }
  .c-bookmarkBtn::after {
    content: none;
    background-image: url(/images/2022/ico_bookmark_02.svg);
  }
  .c-bookmarkBtn.is-active::before {
    content: none;
  }
  .c-bookmarkBtn.is-active::after {
    content: "";
  }
}
/* =================================================
  .c-modal
================================================= */
.c-modal_header {
  display: flex;
  column-gap: var(--h-gap-layout-wide);
  align-items: center;
  justify-content: space-between;
  padding-block: calc(4em / var(--default-em-base)) var(--padding-unique-md);
  border-bottom: 1px solid var(--color-line-primary);
}
.c-modal_header_title {
  flex: 1;
  order: -1;
  margin-block: 0;
  font-size: var(--font-size-body-sm);
  font-weight: var(--font-weight-label-bold);
  line-height: var(--line-height-sm);
  letter-spacing: var(--letter-spacing);
}
.c-modal_lead {
  font-size: var(--font-size-body-md);
  font-weight: var(--font-weight-label-bold);
  line-height: var(--line-height-md);
  text-align: center;
}
.c-modal :where(.c-btn) {
  padding-block: calc(10em / var(--default-em-base));
  font-size: var(--font-size-button-sm);
}

@media (min-width: 701px) {
  /* =================================================
    .c-modal
  ================================================= */
  .c-modal_header {
    display: flex;
    column-gap: var(--h-gap-layout-wide);
    align-items: center;
    justify-content: space-between;
    padding-bottom: var(--padding-unique-md);
    border-bottom: 1px solid var(--color-line-primary);
  }
  .c-modal_header_title {
    flex: 1;
    order: -1;
    margin-block: 0;
    font-size: var(--font-size-body-sm);
    font-weight: var(--font-weight-label-bold);
    line-height: var(--line-height-sm);
    letter-spacing: var(--letter-spacing);
  }
  .c-modal_lead {
    font-size: var(--font-size-body-sm);
    font-weight: var(--font-weight-label-bold);
    line-height: var(--line-height-md);
    text-align: center;
  }
}
@media (min-width: 701px) {
  /* =================================================
    .l-header
  ================================================= */
  .l-header_notification {
    position: absolute;
    top: calc(100% - var(--v-gap-layout-element));
    right: 0;
    z-index: calc(var(--z-index-header) + 1);
    display: none;
    width: calc(392em / var(--default-em-base));
    max-height: min(700em / var(--default-em-base), 70dvh);
    padding: var(--padding-card-regular);
    overflow-y: auto;
    overscroll-behavior-y: contain;
    text-align: left;
    background-color: var(--color-bg-white);
    border-radius: var(--radius-sm);
    box-shadow: var(--dropshadow-sm);
    opacity: 0;
    transition: opacity 0.3s, display 0.3s allow-discrete;
  }
}
@media (min-width: 701px) {
  /* =================================================
    .notification
  ================================================= */
  .notification_list {
    display: grid;
    row-gap: var(--v-gap-layout-list-regular);
  }
  .notification_item {
    font-weight: var(--font-weight-body);
    line-height: var(--line-height-sm);
    letter-spacing: var(--letter-spacing);
    border-bottom: 1px solid var(--color-line-primary);
  }
  .notification_item > a {
    display: grid;
    grid-template-columns: calc(48em / var(--default-em-base)) 1fr;
    gap: var(--v-gap-layout-list-tight) var(--h-gap-layout-regular);
    padding-block: 0 var(--v-gap-layout-list-regular);
  }
}
@media (min-width: 701px) and (any-hover: hover) {
  .notification_item > a:hover .notification_item_title {
    color: var(--color-primary);
  }
  .notification_item > a:hover .-inner {
    scale: var(--scale);
  }
  .notification_item > a:hover img {
    opacity: 1;
  }
}
@media (min-width: 701px) {
  .notification_item_text {
    grid-row: 1/2;
    grid-column: 2/3;
  }
  .notification_item_footer {
    display: flex;
    grid-row: 2/3;
    grid-column: 2/3;
    column-gap: var(--h-gap-layout-regular);
    font-size: var(--font-size-label-xs);
  }
  .notification_item_image {
    grid-row: 1/span 2;
    grid-column: 1/2;
  }
  .notification_item_image .-inner {
    aspect-ratio: 4/3;
    overflow: hidden;
    border-radius: var(--radius-sm);
    transition: scale 0.3s;
  }
  .notification_item_image .-inner.-circle {
    width: calc(40em / var(--default-em-base));
    aspect-ratio: 1;
    margin-inline: auto;
    border-radius: 50%;
  }
  .notification_item_image .-inner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .notification_item_shoulder {
    margin-block: 0 var(--v-gap-unique-xs);
    font-size: var(--font-size-label-xs);
    color: var(--color-secondary);
  }
  .notification_item_shoulder b {
    font-weight: var(--font-weight-label-bold);
  }
  .notification_item_title {
    margin-block: 0;
    font-size: var(--font-size-list-title-sm);
    transition: color 0.2s linear;
  }
  .notification_item_date {
    color: var(--color-secondary);
    white-space: nowrap;
  }
  .notification_btnMore {
    min-height: calc(40em / var(--default-em-base));
    padding-block: var(--padding-button-label-sm);
    margin-top: var(--v-gap-unique-md);
    font-size: var(--font-size-button-sm);
  }
  .notification_guide {
    display: grid;
    grid-template-columns: 1fr calc(112em / var(--default-em-base));
    gap: var(--padding-unique-xs);
    font-weight: var(--font-weight-body);
    line-height: var(--line-height-sm);
    letter-spacing: var(--letter-spacing);
  }
  .notification_guide ._title {
    grid-column: 1/span 2;
    margin-block: 0;
    font-size: var(--font-size-label-sm);
  }
  .notification_guide ._text {
    grid-column: 1/2;
    font-size: var(--font-size-body-sm);
    line-height: var(--line-height-sm);
    color: var(--color-secondary);
  }
  .notification_guide ._image {
    grid-column: 2/3;
  }
}
@media (min-width: 701px) {
  .l-header_notification {
    top: 100%;
    width: calc(392em / 16);
    padding: calc(24em / 16);
  }
}
.notification_guide a[href] {
  color: var(--theme-red);
  text-decoration: underline;
  text-underline-offset: 0.2em;
}
.notification_guide a[href]:hover {
  opacity: 0.8;
}

.notification .notification_btnMore {
  background: #fff;
  color: var(--theme-red);
  border: 1px solid var(--theme-red);
  transition: color 0.2s linear, background-color 0.2s linear, opacity 0.2s linear;
}

@media (any-hover: hover) {
  .notification .notification_btnMore:hover {
    background: var(--theme-red);
    color: #fff;
  }
}
[data-content-type=mypage] .membership {
  padding-inline: 10.5263157895%;
}
[data-content-type=mypage] .membership .membership_btns {
  width: 100%;
  flex-direction: row;
  flex-wrap: wrap;
}
[data-content-type=mypage] .membership .membership_btn {
  flex: 1 1 30%;
  white-space: nowrap;
  max-width: revert;
  height: revert;
  min-width: calc(200em / var(--default-em-base));
}

@media (max-width: 1200.99px) {
  [data-content-type=mypage] .membership {
    padding-block: var(--padding-card-large);
    padding-inline: max(calc(24em / var(--default-em-base)), 5%);
    margin-inline: calc(-1 * var(--content-wrap-padding-value));
    background-color: #f2f4f7;
    border-radius: var(--radius-md);
  }
}
@media (min-width: 1201px) {
  /* =================================================
    .l-mypage
  ================================================= */
  .l-mypage {
    display: flex;
    gap: 56px;
    margin-top: calc(48em / var(--default-em-base));
  }
  .l-mypage_nav {
    min-width: calc(136em / var(--default-em-base));
  }
  .l-mypage_nav_item {
    border-bottom: 1px solid var(--color-line-primary);
  }
  .l-mypage_nav_item a {
    display: block;
    padding-block: var(--padding-unique-md);
    padding-inline: calc(20em / var(--default-em-base)) calc(18em / var(--default-em-base));
    font-size: var(--font-size-label-sm);
    font-weight: var(--font-weight-label-bold);
    line-height: var(--line-height-sm);
    color: var(--color-secondary);
  }
}
@media (min-width: 1201px) and (any-hover: hover) {
  .l-mypage_nav_item a:hover {
    color: var(--color-primary);
  }
}
@media (min-width: 1201px) {
  .l-mypage_nav_item.is-active a {
    position: relative;
    color: var(--color-primary);
  }
  .l-mypage_nav_item.is-active a::before {
    position: absolute;
    display: block;
    content: "";
    top: calc(-2em / var(--default-em-base));
    bottom: 0;
    left: calc(6em / var(--default-em-base));
    width: calc(6em / var(--default-em-base));
    height: calc(6em / var(--default-em-base));
    margin-block: auto;
    background-color: var(--color-primary);
    border-radius: 50%;
  }
  .l-mypage_contents {
    width: 100%;
  }
}
.l-mypage {
  margin-top: 0;
}

@media (min-width: 1201px) {
  .l-mypage {
    display: flex;
    gap: 6%;
  }
}
.l-mypage_contents {
  flex: 1 99 calc(680em / var(--default-em-base));
}

.l-mypage_nav {
  flex: 0 0 calc(136em / var(--default-em-base));
}

@media (max-width: 1200.99px) {
  .l-mypage_nav {
    display: none;
  }
}
.l-mypage .navigationBar {
  display: block;
}

@media (min-width: 1201px) {
  .l-mypage .navigationBar {
    display: none;
  }
}
.l-mypage .navigationBar_list {
  width: auto;
}

.l-mypage .navigationBar_item a {
  display: block;
  font-size: calc(14em / var(--default-em-base));
  padding-inline: clamp(2em / 16, 1.2972972973vw + -2.8648648649em / 16, 14em / 16);
  font-weight: var(--font-weight-button);
  line-height: var(--line-height-sm);
  color: var(--color-secondary);
  text-align: center;
  text-decoration: none;
  border-radius: calc(4em / 14);
}

@media (max-width: 1200.99px) {
  /* =================================================
      .navigationBar
    ================================================= */
  .navigationBar_list {
    display: flex;
    column-gap: var(--v-gap-layout-list-tight);
    width: 100%;
    min-width: fit-content;
    padding: var(--padding-unique-xs);
    background-color: var(--color-bg-secondary);
    border-radius: var(--radius-sm);
  }
  .navigationBar_item {
    flex: 1 0 auto;
  }
  .navigationBar_item a {
    display: block;
    padding: var(--padding-button-label-sm);
    font-size: var(--font-size-button-sm);
    font-weight: var(--font-weight-button);
    line-height: var(--line-height-sm);
    color: var(--color-secondary);
    text-align: center;
    text-decoration: none;
    border-radius: var(--radius-sm);
  }
  .navigationBar_item.is-active a {
    color: var(--color-white);
    background-color: var(--color-primary);
  }
  .navigationBar.-authorList {
    margin-right: calc(-1 * var(--padding-layout-side-padding));
    overflow-x: auto;
  }
  .navigationBar.-authorList .navigationBar_list {
    margin-right: var(--padding-layout-side-padding);
    margin-bottom: var(--padding-unique-xs);
  }
  .navigationBar.-authorList .navigationBar_item {
    white-space: nowrap;
  }
}
@media (max-width: 1200.99px) {
  .mypageHistory_title {
    margin-block: calc(24em / var(--default-em-base)) 0;
    font-size: var(--font-size-heading-article-h3);
    line-height: 1.4;
    color: var(--color-primary);
  }
  .mypageHistory_title + .articleList {
    margin-top: var(--v-gap-layout-group);
  }
  .mypageHeader {
    margin-block: calc(24em / var(--default-em-base));
  }
  .mypageHeader_btn {
    flex-shrink: 0;
    margin-left: auto;
  }
  .mypageHeader.-nofollow {
    align-items: flex-start;
    min-height: calc(176em / var(--default-em-base));
  }
  .mypageHeader:has(.mypageHeader_btn) {
    display: flex;
    flex-wrap: wrap;
    gap: calc(8em / var(--default-em-base));
    column-gap: calc(16em / var(--default-em-base));
    align-items: center;
  }
  .mypageHeader.-nokeyword {
    margin-bottom: 0;
  }
  .mypageHeader.-nokeyword .mypageHeader_text p:nth-child(2) {
    margin-top: calc(24em / var(--default-em-base));
  }
  .mypageHeader.-nokeyword .mypageInputbox {
    margin-top: calc(8em / var(--default-em-base));
  }
  .mypageKeyword_tag {
    margin-top: calc(32em / var(--default-em-base));
    margin-bottom: calc(16em / var(--default-em-base));
    font-size: calc(19em / var(--default-em-base));
    font-weight: var(--font-weight-heading-article);
    line-height: var(--line-height-sm);
  }
  .mypageKeyword_tag .-tagName {
    color: var(--color-primary);
  }
  .mypageInputbox {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    width: 100%;
  }
  .mypageInputbox_input {
    grid-row: 1/2;
    grid-column: 1/3;
    width: inherit;
    padding: calc(17em / var(--default-em-base)) var(--padding-unique-md) calc(15em / var(--default-em-base));
    font-size: calc(14em / var(--default-em-base));
    line-height: var(--line-height-sm);
    background-color: var(--color-bg-secondary);
    border: none;
    border-radius: var(--radius-sm);
  }
  .mypageInputbox_input::placeholder {
    color: var(--color-secondary);
  }
  .mypageInputbox_btnWrap {
    grid-row: 1/2;
    grid-column: 2/3;
  }
  .mypageInputbox_btn {
    padding: calc(9em / var(--default-em-base)) calc(16em / var(--default-em-base)) calc(7em / var(--default-em-base));
    margin-right: calc(8em / var(--default-em-base));
    font-size: calc(14em / var(--default-em-base));
    font-weight: var(--font-weight-button);
    line-height: var(--line-height-sm);
    color: white;
    background-color: var(--color-primary);
    border-radius: var(--radius-sm);
  }
  .mypageFilter {
    display: flex;
    flex-direction: column;
    gap: var(--v-gap-unique-sm);
    margin-block: calc(24em / var(--default-em-base));
  }
  .mypageSort {
    width: 100%;
  }
  .mypageSort_select {
    position: relative;
  }
  .mypageSort_selectedValue .-label {
    visibility: hidden;
  }
  .mypageSort_selectedValue.is-initialized .-label {
    visibility: visible;
  }
  .mypageSort_option {
    padding: calc(9em / var(--default-em-base)) var(--padding-unique-md) calc(7em / var(--default-em-base));
    font-size: var(--font-size-label-sm);
    font-weight: var(--font-weight-label-bold);
    line-height: var(--line-height-sm);
    color: var(--color-secondary);
    cursor: pointer;
  }
  .mypageSort_option:hover {
    background-color: var(--color-bg-secondary);
  }
  .mypageSort_option.is-selected {
    font-weight: var(--font-weight-label-bold);
    color: var(--color-default);
  }
  .mypageSort_selectedValue {
    position: relative;
    padding: calc(15em / var(--default-em-base)) var(--padding-unique-md) calc(13em / var(--default-em-base));
    font-size: var(--font-size-label-sm);
    line-height: var(--line-height-sm);
    cursor: pointer;
    background: var(--color-bg-secondary);
    border-radius: var(--radius-sm);
  }
  .mypageSort_selectedValue .-label {
    font-size: inherit;
    line-height: inherit;
    color: var(--color-secondary);
  }
  .mypageSort_selectedValue::after {
    position: absolute;
    top: 50%;
    right: calc(8em / var(--default-em-base));
    display: block;
    width: calc(40em / var(--default-em-base));
    aspect-ratio: 1;
    content: "";
    background-color: var(--color-bg-primary);
    mask: url(/images/2022/ico_arrow_bottom.svg) center center/calc(15em / var(--default-em-base)) auto no-repeat;
    translate: 0 -50%;
  }
  .mypageSort_select.is-active .mypageSort_selectedValue::after {
    transform: rotate(180deg);
  }
  .mypageSort_options {
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    z-index: 5;
    display: none;
    padding-block: var(--padding-unique-adjustment-lg);
    background: white;
    border-top: none;
    border-radius: var(--radius-sm);
    box-shadow: var(--dropshadow-sm);
  }
  .mypageSort_select.is-active .mypageSort_options {
    display: block;
  }
  .mypageSearch {
    display: flex;
    width: 100%;
    background-color: var(--color-bg-secondary);
    border-radius: var(--radius-sm);
  }
  .mypageSearch_input {
    position: relative;
    width: 100%;
    padding: calc(15em / var(--default-em-base)) var(--padding-unique-md) calc(13em / var(--default-em-base));
    font-size: var(--font-size-label-sm);
    line-height: var(--line-height-sm);
    cursor: pointer;
    background: var(--color-bg-secondary);
    border: none;
    border-radius: var(--radius-sm);
    outline: none;
  }
  .mypageSearch_submit {
    width: calc(64em / var(--default-em-base));
    background: url(/images/2022/ico_search.svg) center center/1.5rem auto no-repeat;
  }
  .membership_heading {
    font-weight: var(--font-weight-label-bold);
    line-height: var(--line-height-sm);
    text-align: center;
  }
  .membership_heading .-highlihgt {
    color: var(--color-primary);
  }
  .membership_merits {
    padding: var(--padding-unique-lg);
    margin-top: var(--h-gap-layout-wide);
    background-color: var(--color-white);
    border-radius: var(--radius-sm);
  }
  .membership_merit {
    display: flex;
    gap: var(--v-gap-unique-md);
    align-items: flex-start;
    padding-block: var(--padding-unique-md);
    line-height: var(--line-height-sm);
  }
  .membership_merit:not(:first-child) {
    border-top: 1px solid var(--color-line-primary);
  }
  .membership_merit:first-child {
    padding-top: 0;
  }
  .membership_merit:last-child {
    padding-bottom: 0;
  }
  .membership_merit .-num {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: calc(32em / var(--default-em-base));
    height: auto;
    aspect-ratio: 1;
    font-weight: var(--font-weight-heading-article);
    line-height: 1;
    color: white;
    background-color: var(--color-primary);
    border-radius: var(--radius-sm);
  }
  .membership_merit .-highlihgt {
    font-weight: var(--font-weight-label-bold);
  }
  .membership_info {
    margin-top: var(--h-gap-layout-wide);
    text-align: center;
  }
  .membership_info .-highlihgt {
    font-weight: var(--font-weight-heading-article);
    color: var(--color-conversion);
  }
  .membership_btns {
    display: flex;
    flex-direction: column;
    gap: var(--v-gap-layout-list-regular);
    margin-top: var(--h-gap-layout-regular);
  }
  .membership_btn {
    width: 100%;
    padding: calc(13em / var(--default-em-base));
    font-size: var(--font-size-label-md);
    font-weight: var(--font-weight-button);
    line-height: var(--line-height-sm);
    color: white;
    text-align: center;
    border-radius: var(--radius-sm);
  }
  .membership_btn.-apply {
    background-color: var(--color-conversion);
  }
  .membership_btn.-login {
    background-color: var(--color-object-tappable);
  }
  .mypageImageList {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--v-gap-unique-md);
  }
  .mypageImageList_item_image {
    position: relative;
    width: 100%;
    height: auto;
    aspect-ratio: 16/9;
  }
  .mypageImageList_item_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: var(--radius-sm);
  }
  .mypageImageList_item_image::before {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
    width: calc(40em / var(--default-em-base));
    height: auto;
    aspect-ratio: 1;
    content: "";
    background-color: white;
    border-top-left-radius: var(--radius-sm);
  }
  .mypageImageList_item_image::after {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
    display: block;
    width: calc(40em / var(--default-em-base));
    height: auto;
    aspect-ratio: 1;
    content: "";
    background-color: black;
    border-radius: var(--radius-sm);
    mask: url("/images/woman/2026/ico_expansion.svg") center center/1.5rem auto no-repeat;
  }
  .mypageImageList_item_title {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-top: var(--padding-unique-xs);
    font-size: var(--font-size-label-xs);
    font-weight: var(--font-weight-label-bold);
    line-height: var(--line-height-sm);
  }
  .mypageImageList_item .-delete {
    display: block;
    margin-top: var(--v-gap-unique-sm);
    font-size: var(--font-size-label-xs);
    font-weight: var(--font-weight-label-bold);
    line-height: var(--line-height-sm);
    color: var(--color-secondary);
  }
  /* =================================================
    .modalMypage
  ================================================= */
}
@media (max-width: 1200.99px) and (any-hover: hover) {
  .mypageImageList_item .-delete:hover {
    color: var(--color-primary);
  }
}
@media (max-width: 1200.99px) {
  .mypageImageList_item .-bookmark {
    position: relative;
    display: block;
    width: calc(40em / var(--default-em-base));
    aspect-ratio: 1;
    margin-left: auto;
  }
  .mypageImageList_item .-bookmark::before, .mypageImageList_item .-bookmark::after {
    position: absolute;
    display: block;
    content: "";
    inset: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: calc(24em / var(--default-em-base)) auto;
  }
  .mypageImageList_item .-bookmark::before {
    background-image: url(/images/2022/ico_bookmark.svg);
  }
  .mypageImageList_item .-bookmark::after {
    content: none;
    background-image: url(/images/2022/ico_bookmark_02.svg);
  }
  .mypageImageList_item .-bookmark.is-active::before {
    content: none;
  }
  .mypageImageList_item .-bookmark.is-active::after {
    content: "";
  }
  .modalMypage_registList_item {
    display: flex;
    column-gap: var(--padding-unique-md);
    align-items: center;
    justify-content: space-between;
    min-height: calc(64em / var(--default-em-base));
    padding-block: var(--padding-unique-md);
    font-size: var(--font-size-body-md);
    line-height: var(--line-height-sm);
    border-bottom: 1px solid var(--color-line-primary);
  }
  .modalMypage_registList_item .-delete {
    display: grid;
    flex: none;
    place-content: center;
    min-height: calc(32em / var(--default-em-base));
    padding: var(--padding-button-label-xs) var(--padding-button-label-md);
    font-size: var(--font-size-button-xs);
    font-weight: var(--font-weight-button);
    line-height: var(--line-height-sm);
    letter-spacing: var(--letter-spacing);
    background-color: var(--color-bg-secondary);
    border-radius: var(--radius-sm);
  }
}
@media (max-width: 1200.99px) and (any-hover: hover) {
  .modalMypage_registList_item .-delete:hover {
    color: var(--color-primary);
    background-color: var(--color-hover-secondary);
  }
}
@media (max-width: 1200.99px) {
  .modalMypage_registList_item.-keyword, .modalMypage_registList_item.-tag {
    font-weight: var(--font-weight-label-bold);
  }
  .modalMypage_openBtn {
    column-gap: var(--h-gap-layout-adjustment);
    padding: calc(10em / var(--default-em-base)) var(--padding-button-label-lg);
    font-size: var(--font-size-button-sm);
    font-weight: var(--font-weight-button);
    line-height: var(--line-height-sm);
    background-color: var(--color-bg-secondary);
    border-radius: var(--radius-sm);
  }
}
@media (max-width: 1200.99px) and (any-hover: hover) {
  .modalMypage_openBtn:hover {
    color: var(--color-hover-primary);
    text-decoration: none;
    background-color: var(--color-hover-secondary);
  }
}
@media (max-width: 1200.99px) {
  .modalMypage .mypageInputbox {
    margin-top: calc(24em / var(--default-em-base));
  }
}
@media (min-width: 1201px) {
  .mypageHistory_title {
    margin-block: 0;
    font-size: calc(22em / var(--default-em-base));
    line-height: var(--line-height-sm);
    color: var(--color-primary);
  }
  .mypageHeader_btn {
    flex-shrink: 0;
  }
  .mypageHeader.-nofollow {
    align-items: flex-start;
    min-height: calc(144em / var(--default-em-base));
  }
  .mypageHeader:has(.mypageHeader_btn) {
    display: flex;
    column-gap: calc(16em / var(--default-em-base));
    align-items: center;
    justify-content: space-between;
  }
  .mypageHeader.-nokeyword .mypageHeader_text p:nth-child(2) {
    margin-top: calc(32em / var(--default-em-base));
  }
  .mypageHeader.-nokeyword .mypageInputbox {
    margin-top: calc(8em / var(--default-em-base));
  }
  .mypageKeyword_tag {
    margin-top: calc(32em / var(--default-em-base));
    font-size: calc(21em / var(--default-em-base));
    font-weight: var(--font-weight-heading-article);
    line-height: var(--line-height-sm);
  }
  .mypageKeyword_tag .-tagName {
    color: var(--color-primary);
  }
  .mypageInputbox {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    width: 100%;
  }
  .mypageInputbox_input {
    grid-row: 1/2;
    grid-column: 1/3;
    width: inherit;
    padding: calc(16em / var(--default-em-base)) var(--padding-unique-md);
    font-size: calc(14em / var(--default-em-base));
    line-height: var(--line-height-sm);
    background-color: var(--color-bg-secondary);
    border: none;
    border-radius: var(--radius-sm);
  }
  .mypageInputbox_input::placeholder {
    color: var(--color-secondary);
  }
  .mypageInputbox_btnWrap {
    grid-row: 1/2;
    grid-column: 2/3;
  }
  .mypageInputbox_btn {
    padding: calc(11em / var(--default-em-base)) var(--padding-unique-md) calc(9em / var(--default-em-base));
    margin-right: calc(8em / var(--default-em-base));
    font-size: calc(14em / var(--default-em-base));
    font-weight: var(--font-weight-button);
    line-height: var(--line-height-sm);
    color: white;
    background-color: var(--color-primary);
    border-radius: var(--radius-sm);
  }
  .mypageFilter {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--v-gap-unique-sm);
    margin-bottom: calc(32em / var(--default-em-base));
  }
  .mypageSort {
    width: 100%;
  }
  .mypageSort_select {
    position: relative;
  }
  .mypageSort_option {
    padding: calc(9em / var(--default-em-base)) var(--padding-unique-md) calc(7em / var(--default-em-base));
    font-size: var(--font-size-label-sm);
    font-weight: var(--font-weight-label-bold);
    line-height: var(--line-height-sm);
    color: var(--color-secondary);
    cursor: pointer;
  }
  .mypageSort_option:hover {
    background-color: var(--color-bg-secondary);
  }
  .mypageSort_option.is-selected {
    font-weight: var(--font-weight-label-bold);
    color: var(--color-default);
  }
  .mypageSort_selectedValue {
    position: relative;
    padding: calc(15em / var(--default-em-base)) var(--padding-unique-md) calc(13em / var(--default-em-base));
    font-size: var(--font-size-label-sm);
    line-height: var(--line-height-sm);
    cursor: pointer;
    background: var(--color-bg-secondary);
    border-radius: var(--radius-sm);
  }
  .mypageSort_selectedValue .-label {
    font-size: inherit;
    line-height: inherit;
    color: var(--color-secondary);
    visibility: hidden;
  }
  .mypageSort_selectedValue.is-initialized .-label {
    visibility: visible;
  }
  .mypageSort_selectedValue::after {
    position: absolute;
    top: 50%;
    right: calc(8em / var(--default-em-base));
    display: block;
    width: calc(40em / var(--default-em-base));
    aspect-ratio: 1;
    content: "";
    background-color: var(--color-bg-primary);
    mask: url(/images/2022/ico_arrow_bottom.svg) center center/calc(15em / var(--default-em-base)) auto no-repeat;
    translate: 0 -50%;
  }
  .mypageSort_select.is-active .mypageSort_selectedValue::after {
    transform: rotate(180deg);
  }
  .mypageSort_options {
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    z-index: 5;
    display: none;
    padding-block: var(--padding-unique-adjustment-lg);
    background: white;
    border-top: none;
    border-radius: var(--radius-sm);
    box-shadow: var(--dropshadow-sm);
  }
  .mypageSort_select.is-active .mypageSort_options {
    display: block;
  }
  .mypageSearch {
    display: flex;
    width: 100%;
    background-color: var(--color-bg-secondary);
    border-radius: var(--radius-sm);
  }
  .mypageSearch_input {
    position: relative;
    width: 100%;
    padding: calc(15em / var(--default-em-base)) var(--padding-unique-md) calc(13em / var(--default-em-base));
    font-size: var(--font-size-label-sm);
    line-height: var(--line-height-sm);
    cursor: pointer;
    background: var(--color-bg-secondary);
    border: none;
    border-radius: var(--radius-sm);
    outline: none;
  }
  .mypageSearch_submit {
    width: calc(64em / var(--default-em-base));
    background: url(/images/2022/ico_search.svg) center center/1.5rem auto no-repeat;
  }
  .membership {
    padding: var(--padding-unique-xl) calc(var(--padding-unique-xl) + 96em / var(--default-em-base));
    background-color: #f2f4f7;
    border-radius: var(--radius-md);
  }
  .membership_heading {
    font-weight: var(--font-weight-label-bold);
    line-height: var(--line-height-sm);
    text-align: center;
  }
  .membership_heading .-highlihgt {
    color: var(--color-primary);
  }
  .membership_merits {
    padding: var(--padding-unique-xl);
    margin-top: var(--h-gap-layout-wide);
    background-color: var(--color-white);
    border-radius: var(--radius-sm);
  }
  .membership_merit {
    display: flex;
    gap: var(--v-gap-unique-md);
    align-items: center;
    padding-block: var(--padding-unique-md);
    line-height: var(--line-height-sm);
  }
  .membership_merit:not(:first-child) {
    border-top: 1px solid var(--color-line-primary);
  }
  .membership_merit:first-child {
    padding-top: 0;
  }
  .membership_merit:last-child {
    padding-bottom: 0;
  }
  .membership_merit .-num {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: calc(40em / var(--default-em-base));
    height: auto;
    aspect-ratio: 1;
    font-weight: var(--font-weight-heading-article);
    line-height: 1;
    color: white;
    background-color: var(--color-primary);
    border-radius: var(--radius-sm);
  }
  .membership_merit .-highlihgt {
    font-weight: var(--font-weight-label-bold);
  }
  .membership_info {
    margin-top: var(--h-gap-layout-wide);
    text-align: center;
  }
  .membership_info .-highlihgt {
    font-weight: var(--font-weight-heading-article);
    color: var(--color-conversion);
  }
  .membership_btns {
    display: flex;
    gap: var(--v-gap-layout-list-regular);
    margin-top: var(--h-gap-layout-regular);
  }
  .membership_btn {
    width: 100%;
    padding: calc(13em / var(--default-em-base));
    font-size: var(--font-size-label-md);
    line-height: var(--line-height-sm);
    color: white;
  }
  .membership_btn.-apply {
    background-color: var(--color-conversion);
  }
  /* =================================================
    .modalMypage
  ================================================= */
}
@media (min-width: 1201px) and (any-hover: hover) {
  .membership_btn.-apply:hover {
    background: var(--color-hover-conversion);
  }
}
@media (min-width: 1201px) {
  .membership_btn.-login {
    background-color: var(--color-object-tappable);
  }
}
@media (min-width: 1201px) and (any-hover: hover) {
  .membership_btn.-login:hover {
    background-color: var(--color-hover-quaternary);
  }
}
@media (min-width: 1201px) {
  .mypageImageList {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--v-gap-unique-lg);
  }
  .mypageImageList_item a:hover .mypageImageList_item_title {
    color: var(--color-primary);
  }
  .mypageImageList_item a:hover .mypageImageList_item_image img {
    opacity: 1;
    scale: var(--scale);
  }
  .mypageImageList_item_image {
    position: relative;
    width: 100%;
    height: auto;
    aspect-ratio: 16/9;
  }
  .mypageImageList_item_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: var(--radius-sm);
    transition: scale 0.3s;
  }
  .mypageImageList_item_image::before {
    position: absolute;
    right: -1px;
    bottom: -1px;
    z-index: 1;
    width: calc(41em / var(--default-em-base));
    height: auto;
    aspect-ratio: 1;
    content: "";
    background-color: white;
    border-top-left-radius: var(--radius-sm);
  }
  .mypageImageList_item_image::after {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
    display: block;
    width: calc(40em / var(--default-em-base));
    height: auto;
    aspect-ratio: 1;
    content: "";
    background-color: black;
    border-radius: var(--radius-sm);
    mask: url("/images/woman/2026/ico_expansion.svg") center center/1.5rem auto no-repeat;
  }
  .mypageImageList_item_title {
    margin-top: var(--padding-unique-xs);
    font-size: var(--font-size-label-sm);
    font-weight: var(--font-weight-label-bold);
    line-height: var(--line-height-sm);
  }
  .mypageImageList_item .-delete {
    display: block;
    margin-top: var(--v-gap-unique-sm);
    font-size: var(--font-size-label-xs);
    font-weight: var(--font-weight-label-bold);
    line-height: var(--line-height-sm);
    color: var(--color-secondary);
  }
}
@media (min-width: 1201px) and (any-hover: hover) {
  .mypageImageList_item .-delete:hover {
    color: var(--color-primary);
  }
}
@media (min-width: 1201px) {
  .mypageImageList_item .-bookmark {
    position: relative;
    display: block;
    width: calc(40em / var(--default-em-base));
    aspect-ratio: 1;
    margin-left: auto;
  }
  .mypageImageList_item .-bookmark::before, .mypageImageList_item .-bookmark::after {
    position: absolute;
    display: block;
    content: "";
    inset: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: calc(24em / var(--default-em-base)) auto;
  }
  .mypageImageList_item .-bookmark::before {
    background-image: url(/images/2022/ico_bookmark.svg);
  }
  .mypageImageList_item .-bookmark::after {
    content: none;
    background-image: url(/images/2022/ico_bookmark_02.svg);
  }
  .mypageImageList_item .-bookmark.is-active::before {
    content: none;
  }
  .mypageImageList_item .-bookmark.is-active::after {
    content: "";
  }
  .modalMypage_registList_item {
    display: flex;
    column-gap: var(--padding-unique-md);
    align-items: center;
    justify-content: space-between;
    min-height: calc(64em / var(--default-em-base));
    padding-block: var(--padding-unique-md);
    font-size: var(--font-size-body-md);
    line-height: var(--line-height-sm);
    border-bottom: 1px solid var(--color-line-primary);
  }
  .modalMypage_registList_item .-delete {
    display: grid;
    flex: none;
    place-content: center;
    min-height: calc(32em / var(--default-em-base));
    padding: var(--padding-button-label-xs) var(--padding-button-label-md);
    font-size: var(--font-size-button-xs);
    font-weight: var(--font-weight-button);
    line-height: var(--line-height-sm);
    letter-spacing: var(--letter-spacing);
    background-color: var(--color-bg-secondary);
    border-radius: var(--radius-sm);
  }
}
@media (min-width: 1201px) and (any-hover: hover) {
  .modalMypage_registList_item .-delete:hover {
    color: var(--color-primary);
    background-color: var(--color-hover-secondary);
  }
}
@media (min-width: 1201px) {
  .modalMypage_registList_item.-keyword, .modalMypage_registList_item.-tag {
    font-weight: var(--font-weight-label-bold);
  }
  .modalMypage_openBtn {
    column-gap: var(--h-gap-layout-adjustment);
    padding: calc(10em / var(--default-em-base)) var(--padding-button-label-lg);
    font-size: var(--font-size-button-sm);
    font-weight: var(--font-weight-button);
    line-height: var(--line-height-sm);
    background-color: var(--color-bg-secondary);
    border-radius: var(--radius-sm);
  }
}
@media (min-width: 1201px) and (any-hover: hover) {
  .modalMypage_openBtn:hover {
    color: var(--color-hover-primary);
    text-decoration: none;
    background-color: var(--color-hover-secondary);
  }
}
@media (min-width: 1201px) {
  .modalMypage .mypageInputbox {
    margin-top: calc(24em / var(--default-em-base));
  }
}
.mypageHeader.-isfollow p a[href] {
  color: var(--theme-red);
  text-decoration: underline;
  text-underline-offset: 0.2em;
}
.mypageHeader.-isfollow p a[href]:hover {
  opacity: 0.8;
}
.mypageHeader.-isfollow p ._add-message {
  display: block;
  margin-top: 1em;
}

.mypageHeader.-isfollow {
  align-items: flex-start;
}

#modalFollow {
  display: none;
}

.stdModal .-modalContent-wrap:has(.c-modal_container) {
  padding-inline: max(16em / var(--default-em-base), 5%);
}

@media (min-width: 1201px) {
  .stdModal .-modalContent-wrap:has(.c-modal_container) {
    padding-inline: max(28em / var(--default-em-base), 5%);
  }
}
#modalKeyword {
  display: none;
}

.keywordSections section .error-box {
  margin-top: calc(10em / var(--default-em-base));
}

@media (max-width: 1200.99px) {
  /* =================================================
    .articleTextList
  ================================================= */
  .articleTextList {
    padding-bottom: var(--v-gap-layout-list-regular);
    border-bottom: 1px solid var(--color-line-primary);
  }
  .articleTextList_item {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: var(--font-size-label-sm);
    font-weight: var(--font-weight-label-bold);
    line-height: var(--line-height-sm);
    letter-spacing: var(--letter-spacing);
  }
  .articleTextList_item + .articleTextList_item {
    padding-top: var(--v-gap-layout-list-regular);
    margin-top: var(--v-gap-layout-list-regular);
    border-top: 1px solid var(--color-line-primary);
  }
  /* =================================================
    .articleList
  ================================================= */
}
@media (max-width: 1200.99px) and (any-hover: hover) {
  .articleTextList_item a:hover {
    color: var(--color-primary);
  }
}
@media (max-width: 1200.99px) {
  .articleList {
    margin-block: var(--h-gap-layout-wide);
  }
  .articleList:has(+ :where(.c-btn, .ad-banner, .articleList)) {
    margin-bottom: 0;
  }
  .articleList:where(.c-titleLvTwo + *, .c-titleAsideLvTwo + *) {
    margin-top: 0;
  }
  .articleList + .articleList {
    padding-top: var(--v-gap-layout-list-regular);
    margin-top: var(--padding-unique-xs);
    border-top: 1px solid var(--color-line-primary);
  }
  .articleList:has(.-card.-reverse) + .articleList {
    border-top: none;
  }
  .articleList_item {
    position: relative;
    display: grid;
    grid-template-columns: 1fr min(33.5%, 115em / var(--default-em-base));
    gap: var(--v-gap-unique-xs) var(--h-gap-layout-regular);
  }
  .articleList_item:not(:has(.articleList_item_footer), :has(iframe)):has(.articleTitle) {
    padding-bottom: var(--padding-unique-md);
  }
  .articleList_item:where(.articleList_item:has(.-articleTitle, iframe)) {
    padding-bottom: var(--padding-unique-xs);
    border-bottom: 1px solid var(--color-line-primary);
  }
  .articleList_item:where(.articleList_item:has(.-articleTitle, iframe)) + .articleList_item {
    margin-top: var(--v-gap-layout-list-regular);
  }
  .articleList_item:only-child {
    padding-bottom: 0;
    border-bottom: none;
  }
  .articleList_item:not(:has(.articleList_item_image), :has(.articleList_item_keyword)) .articleList_item_header {
    grid-column: 1/3;
  }
  .articleList_item:has(iframe) {
    display: revert;
    gap: revert;
  }
  .articleList_item:has(iframe) div:not([class]) {
    line-height: var(--line-height-xs);
  }
  .articleList_item:has(iframe) iframe {
    display: block;
    overflow: hidden;
  }
  .articleList_item:not(:has(.articleList_item_title a)) .articleList_item_title, .articleList_item:not(:has(.articleList_item_title a)) .articleList_item_summary {
    color: var(--color-secondary);
  }
  .articleList_item:not(:has(.articleList_item_title a)) .articleList_item_series {
    color: currentcolor;
  }
  .articleList_item:has(.articleList_item_title a:hover) .articleList_item_image .-inner {
    scale: var(--scale);
  }
  .articleList_item:has(.articleList_item_title a:hover) .articleList_item_image img {
    opacity: 1;
  }
  .articleList_item .-item, .articleList_item_text {
    display: contents;
  }
  .articleList_item_header {
    grid-row: 1/2;
    grid-column: 1/2;
    font-weight: var(--font-weight-list-title);
    line-height: var(--line-height-sm);
    letter-spacing: var(--letter-spacing);
  }
  .articleList_item_header:has(.articleList_item_title:only-child) {
    display: grid;
    align-items: center;
  }
  .articleList_item_header:has(.articleList_item_title:only-child).-top {
    align-items: start;
  }
  .articleList_item_header:has(.articleList_item_title:only-child).-top .articleList_item_title {
    font-size: var(--font-size-body-md);
  }
  .articleList_item:has(.articleList_item_parentTitle) .articleList_item {
    grid-template-rows: auto 1fr auto;
  }
  .articleList_item:has(.articleList_item_parentTitle) .articleList_item_header {
    display: contents;
  }
  .articleList_item:has(.articleList_item_parentTitle) .articleList_item_parentTitle {
    grid-column: 1/-1;
  }
  .articleList_item:has(.articleList_item_parentTitle) .articleList_item_title {
    grid-row: 2/3;
  }
  .articleList_item:has(.articleList_item_parentTitle) .articleList_item_footer {
    grid-row-start: 3;
  }
  .articleList_item:has(.articleList_item_parentTitle) .articleList_item_image {
    grid-row: 2/3;
  }
  .articleList_item:has(.articleList_item_parentTitle):has(.articleList_item_summary) .articleList_item_summary {
    grid-row-start: 3;
  }
  .articleList_item:has(.articleList_item_parentTitle):has(.articleList_item_summary) .articleList_item_footer {
    grid-row-start: 4;
  }
  .articleList_item:has(.articleList_item_parentTitle):not(:has(.articleList_item_image)) {
    grid-template-columns: 1fr;
  }
  .articleList_item:has(.articleList_item_parentTitle):not(:has(.articleList_item_image)) .articleList_item_footer {
    grid-column: 1/-1;
  }
  .articleList_item:has(.articleList_item_parentTitle):has(.articleList_item_tagList) {
    grid-template-rows: auto auto 1fr auto;
  }
  .articleList_item:has(.articleList_item_parentTitle):has(.articleList_item_tagList) .articleList_item_tagList, .articleList_item:has(.articleList_item_parentTitle):has(.articleList_item_tagList) .articleList_item_parentTitle {
    grid-column: 1/-1;
  }
  .articleList_item:has(.articleList_item_parentTitle):has(.articleList_item_tagList) .articleList_item_parentTitle {
    grid-row-start: 2;
  }
  .articleList_item:has(.articleList_item_parentTitle):has(.articleList_item_tagList) .articleList_item_title {
    grid-row-start: 3;
  }
  .articleList_item:has(.articleList_item_parentTitle):has(.articleList_item_tagList) .articleList_item_footer {
    grid-row: 4/5;
  }
  .articleList_item:has(.articleList_item_parentTitle):has(.articleList_item_tagList) .articleList_item_image {
    grid-row-start: 3;
  }
  .articleList_item:has(.articleList_item_keyword) .articleList_item {
    grid-template-rows: auto 1fr auto;
  }
  .articleList_item:has(.articleList_item_keyword) .articleList_item_keyword {
    grid-row: 1/2;
    grid-column: 1/3;
  }
  .articleList_item:has(.articleList_item_keyword) .articleList_item_text {
    grid-row: 2/3;
    grid-column: 1/2;
  }
  .articleList_item:has(.articleList_item_keyword) .articleList_item_image {
    grid-row: 2/3;
    grid-column: 2/3;
  }
  .articleList_item:has(.articleList_item_keyword) .articleList_item_footer {
    grid-row: 3/4;
    grid-column: 1/3;
  }
  .articleList_item:has(.articleList_item_keyword):not(:has(.articleList_item_image)) {
    grid-template-columns: 1fr;
  }
  .articleList_item:has(.articleList_item_keyword):not(:has(.articleList_item_image)) .articleList_item_keyword {
    grid-row: 1/2;
    grid-column: 1/2;
  }
  .articleList_item:has(.articleList_item_keyword):not(:has(.articleList_item_image)) .articleList_item_text {
    grid-row: 2/3;
    grid-column: 1/2;
  }
  .articleList_item:has(.articleList_item_keyword):not(:has(.articleList_item_image)) .articleList_item_footer {
    grid-row: 3/4;
    grid-column: 1/2;
  }
  .articleList_item:has(.articleList_item_summary) .articleList_item_footer {
    grid-row: 3/4;
  }
  .articleList_item_keyword {
    position: relative;
    z-index: 1;
    display: flex;
    font-size: var(--font-size-body-sm);
    font-weight: var(--font-weight-body);
  }
  .articleList_item_keyword a {
    color: var(--color-primary);
  }
  .articleList_item_keyword a::before {
    content: "# ";
  }
  .articleList_item_specialTitle {
    font-size: var(--font-size-list-title-md);
    color: var(--color-primary);
  }
}
@media (max-width: 1200.99px) and (any-hover: hover) {
  .articleList_item_specialTitle a:hover {
    color: var(--color-hover-primary);
  }
}
@media (max-width: 1200.99px) {
  .articleList_item_tagList {
    position: relative;
    z-index: 2;
    display: flex;
    flex-wrap: wrap;
    gap: var(--h-gap-layout-tight);
    font-size: var(--font-size-body-sm);
    font-weight: var(--font-weight-label);
    color: var(--color-secondary);
  }
  .articleList_item_tagList ._item {
    display: flex;
    column-gap: var(--h-gap-layout-adjustment);
  }
  .articleList_item_tagList ._item::before {
    content: "#";
  }
  .articleList_item_parentTitle {
    font-size: var(--font-size-list-title-md);
    font-weight: var(--font-weight-body);
  }
  .articleList_item_parentTitle a {
    color: var(--color-primary);
  }
  .articleList_item_subTitle {
    margin-bottom: var(--v-gap-layout-element);
    font-size: var(--font-size-label-xs);
    line-height: var(--line-height-sm);
    letter-spacing: var(--letter-spacing);
  }
  .articleList_item_title {
    margin-block: 0;
    font-size: var(--font-size-list-title-md);
    font-weight: var(--font-weight-list-title);
  }
  .articleList_item_title .-locked {
    display: inline-block;
    margin-block: 0 calc(1em / var(--default-em-base));
    margin-left: calc(4em / var(--default-em-base));
    vertical-align: text-bottom;
  }
}
@media (max-width: 1200.99px) and (any-hover: hover) {
  .articleList_item_title a:hover {
    color: var(--color-primary);
  }
  .articleList_item_title a:hover .articleList_item_image img {
    opacity: 1;
  }
}
@media (max-width: 1200.99px) {
  .articleList_item_title a::after {
    position: absolute;
    display: block;
    content: "";
    inset: 0;
    z-index: 1;
  }
  .articleList_item_title.-pdf a {
    display: grid;
    grid-template-columns: calc(24em / var(--default-em-base)) 1fr;
    column-gap: var(--v-gap-unique-sm);
  }
  .articleList_item_title.-pdf a::before {
    display: block;
    width: calc(24em / var(--default-em-base));
    aspect-ratio: 1;
    content: "";
    background-color: currentcolor;
    mask: url(/images/2022/ico_pdf.svg) 50% 50%/contain no-repeat;
  }
  .articleList_item_summary {
    grid-column: 1/-1;
    margin-top: var(--v-gap-unique-xs);
    font-size: var(--font-size-caption-md);
    line-height: var(--line-height-md);
    letter-spacing: var(--letter-spacing);
  }
  .articleList_item_summary span {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  .articleList_item_footer {
    position: relative;
    z-index: 2;
    display: flex;
    grid-row: 2/3;
    grid-column: 1/3;
    column-gap: var(--h-gap-layout-regular);
    align-items: center;
    justify-content: space-between;
    min-height: calc(40em / var(--default-em-base));
    font-size: var(--font-size-caption-md);
    font-weight: 400;
    letter-spacing: var(--letter-spacing);
  }
  .articleList_item_series {
    line-height: var(--line-height-md);
    color: var(--color-secondary);
  }
  .articleList_item_date {
    font-family: var(--font-family-en);
    line-height: var(--line-height-sm);
    color: var(--color-secondary);
  }
  .articleList_item_readTime {
    margin-right: auto;
    font-family: var(--font-family-en);
    font-size: var(--font-size-caption-md);
    line-height: var(--line-height-sm);
    color: var(--color-secondary);
  }
  .articleList_item_page {
    margin-right: auto;
    font-family: var(--font-family-en-jp);
    font-size: var(--font-size-caption-md);
    line-height: var(--line-height-sm);
    color: var(--color-secondary);
  }
  .articleList_item_page + .articleList_item_title {
    margin-block: var(--v-gap-unique-xs) 0;
  }
  .articleList_item_bookmark {
    display: flex;
    align-items: center;
    margin-left: auto;
  }
  .articleList_item_bookmark .-label {
    line-height: var(--line-height-md);
  }
  .articleList_item_bookmark .-btn {
    position: relative;
    width: calc(40em / var(--default-em-base));
    aspect-ratio: 1;
  }
  .articleList_item_bookmark .-btn::before, .articleList_item_bookmark .-btn::after {
    position: absolute;
    display: block;
    content: "";
    inset: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: calc(24em / var(--default-em-base)) auto;
  }
  .articleList_item_bookmark .-btn::before {
    background-image: url(/images/2022/ico_bookmark.svg);
  }
  .articleList_item_bookmark .-btn::after {
    content: none;
    background-image: url(/images/2022/ico_bookmark_02.svg);
  }
  .articleList_item_bookmark .-btn.is-active::before {
    content: none;
  }
  .articleList_item_bookmark .-btn.is-active::after {
    content: "";
  }
  .articleList_item_term {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    grid-column: 1/-1;
    font-size: var(--font-size-caption-md);
    line-height: var(--line-height-sm);
    color: var(--color-secondary);
    letter-spacing: var(--letter-spacing);
  }
  .articleList_item_image {
    position: relative;
    z-index: 0;
    grid-row: 1/2;
    grid-column: 2/3;
  }
  .articleList_item_image.-border .-inner {
    border: 1px solid var(--color-line-primary);
  }
  .articleList_item_image .-inner {
    position: relative;
    aspect-ratio: 16/9;
    overflow: hidden;
    background-color: var(--color-bg-white);
    border-radius: var(--radius-sm);
    transition: scale 0.3s;
  }
  .articleList_item_image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  .articleList_item_updateDate {
    margin-top: 0;
    margin-right: auto;
  }
  .articleList_item.-card {
    grid-template-columns: 1fr;
    gap: revert;
  }
  .articleList_item.-card:last-child {
    padding-bottom: 0;
    border-bottom: none;
  }
  .articleList_item.-card .articleList_item_header {
    grid-row: auto;
    grid-column: 1;
  }
  .articleList_item.-card .articleList_item_parentTitle {
    font-size: var(--font-size-label-sm);
  }
  .articleList_item.-card .articleList_item_title {
    margin-block: 0;
    font-size: var(--font-size-list-title-lg);
    font-weight: var(--font-weight-list-title);
    line-height: var(--line-height-sm);
  }
  .articleList_item.-card .articleList_item_title .-locked {
    display: inline-block;
    margin-block: calc(4.5em / var(--default-em-base));
    margin-left: calc(6em / var(--default-em-base));
    vertical-align: text-bottom;
  }
  .articleList_item.-card .articleList_item_summary {
    display: revert;
    margin-top: var(--v-gap-unique-sm);
    font-size: var(--font-size-body-sm);
    line-height: var(--line-height-lg);
    letter-spacing: var(--letter-spacing);
  }
  .articleList_item.-card .articleList_item_footer {
    display: flex;
    grid-row: auto;
    align-items: center;
    justify-content: space-between;
    font-size: var(--font-size-caption-md);
    letter-spacing: var(--letter-spacing);
  }
  .articleList_item.-card .articleList_item_readTime {
    font-family: var(--font-family-en);
    line-height: var(--line-height-sm);
  }
  .articleList_item.-card .articleList_item_bookmark {
    display: flex;
    align-items: center;
    margin-left: auto;
  }
  .articleList_item.-card .articleList_item_bookmark .-label {
    line-height: var(--line-height-md);
  }
  .articleList_item.-card .articleList_item_bookmark .-btn {
    position: relative;
    width: calc(40em / var(--default-em-base));
    aspect-ratio: 1;
  }
  .articleList_item.-card .articleList_item_bookmark .-btn::before, .articleList_item.-card .articleList_item_bookmark .-btn::after {
    position: absolute;
    display: block;
    content: "";
    inset: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: calc(24em / var(--default-em-base)) auto;
  }
  .articleList_item.-card .articleList_item_bookmark .-btn::before {
    background-image: url(/images/2022/ico_bookmark.svg);
  }
  .articleList_item.-card .articleList_item_bookmark .-btn::after {
    content: none;
    background-image: url(/images/2022/ico_bookmark_02.svg);
  }
  .articleList_item.-card .articleList_item_bookmark .-btn.is-active::before {
    content: none;
  }
  .articleList_item.-card .articleList_item_bookmark .-btn.is-active::after {
    content: "";
  }
  .articleList_item.-card .articleList_item_image {
    grid-row: 1;
    grid-column: 1;
    margin-bottom: var(--v-gap-layout-group);
  }
  .articleList_item.-card .articleList_related {
    position: relative;
    z-index: 1;
    margin-block: 0 var(--v-gap-unique-sm);
  }
  .articleList_item.-card .articleList_related_heading {
    margin-block: 0 var(--v-gap-unique-sm);
    font-size: var(--font-size-label-sm);
    font-weight: var(--font-weight-label-bold);
    line-height: var(--line-height-sm);
    color: var(--color-primary);
    letter-spacing: var(--letter-spacing);
  }
  .articleList_item.-card .articleList_related_list {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--v-gap-unique-xs);
  }
  .articleList_item.-card .articleList_related_item {
    background-color: var(--color-bg-secondary);
    border-radius: var(--radius-sm);
  }
  .articleList_item.-card .articleList_related_item > a {
    display: grid;
    grid-template-columns: 1fr calc(64em / var(--default-em-base));
    column-gap: var(--h-gap-layout-tight);
    padding: var(--padding-unique-md);
  }
  .articleList_item.-card .articleList_related_item_title {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-block: 0;
    font-size: var(--font-size-label-xs);
    font-weight: var(--font-weight-label-bold);
    line-height: var(--line-height-sm);
    letter-spacing: var(--letter-spacing);
  }
  .articleList_item.-card .articleList_related_item_image .-inner {
    aspect-ratio: 16/9;
    overflow: hidden;
    background-color: var(--color-bg-white);
    border-radius: var(--radius-sm);
  }
  .articleList_item.-card .articleList_related_item_image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  .articleList_item.-card .articleList_related_item .articleList_related_item_image .-inner {
    transition: scale 0.3s;
  }
}
@media (max-width: 1200.99px) and (any-hover: hover) {
  .articleList_item.-card .articleList_related_item:hover {
    color: var(--color-primary);
  }
  .articleList_item.-card .articleList_related_item:hover .articleList_related_item_image .-inner {
    scale: var(--scale);
  }
  .articleList_item.-card .articleList_related_item:hover .articleList_related_item_image .-inner img {
    opacity: 1;
  }
}
@media (max-width: 1200.99px) {
  .articleList_item.-card.-reverse .articleList_item_text {
    display: revert;
    grid-row-start: 1;
  }
  .articleList_item.-card.-reverse .articleList_item_footer {
    grid-row-start: 2;
  }
  .articleList_item.-card.-reverse .articleList_item_image {
    grid-row-start: 3;
    margin-top: var(--v-gap-unique-md);
  }
  @container (max-width: calc(336em / var(--default-em-base))) {
    .articleList:not([class*=-magazine]) .articleList_item_title {
      display: -webkit-box;
      overflow: hidden;
      text-overflow: ellipsis;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
    }
  }
  .articleList.-magazine .articleList_item {
    grid-template-columns: 1fr min(27.99%, 96em / var(--default-em-base));
  }
  .articleList.-magazine .articleList_item_text {
    display: revert;
  }
  .articleList.-magazine .articleList_item_summary {
    margin-top: var(--v-gap-layout-element);
  }
  .articleList.-magazine .articleList_item_image .-inner {
    aspect-ratio: 3/4;
    background-color: revert;
    border-radius: revert;
  }
  .articleList.-paywallCard {
    margin-top: 0;
  }
  .articleList.-paywallCard .articleList_item {
    grid-template-columns: min(36.97%, 115em / var(--default-em-base)) 1fr;
    column-gap: var(--padding-unique-adjustment-lg);
  }
  .articleList.-paywallCard .articleList_item a {
    color: var(--color-default);
    text-decoration: none;
  }
  .articleList.-paywallCard .articleList_item_image {
    grid-column: 1/2;
  }
  .articleList.-paywallCard .articleList_item_header {
    grid-column: 2/3;
  }
  .articleList.-paywallCard .articleList_item_title {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    padding: 0;
    color: var(--color-default);
    background-color: transparent;
    border-left: none;
  }
  .articleList.-paywallCard .articleList_item:last-child {
    padding-bottom: 0;
    border-bottom: none;
  }
  .articleList.-serials .articleList_item {
    padding-bottom: var(--v-gap-layout-element);
  }
  .articleList.-serials .articleList_item_text {
    display: block;
  }
  .articleList.-serials .articleList_item_notification {
    position: relative;
    display: flex;
    gap: var(--padding-unique-xs);
    align-items: center;
    color: var(--color-primary);
  }
  .articleList.-serials .articleList_item_notification .-btn {
    width: calc(32em / var(--default-em-base));
    height: auto;
    aspect-ratio: 1;
    margin-top: calc(-4em / var(--default-em-base));
  }
  .articleList.-serials .articleList_item_notification .-btn::before {
    display: block;
    width: 100%;
    height: 100%;
    content: "";
    background-color: var(--color-primary);
    mask: url(/images/2022/ico_notification.svg) center center/calc(32em / var(--default-em-base)) auto no-repeat;
  }
  .articleList.-serials .articleList_item_notification .-btn::after {
    position: absolute;
    display: block;
    content: "";
    inset: 0;
    z-index: 1;
  }
  .articleList.-serials .articleList_item_notification .-btn.is-active::before {
    background-color: var(--color-secondary);
  }
  .articleList.-serials .articleList_item_notification:has(.-btn.is-active) {
    color: var(--color-secondary);
  }
  .articleList.-serials .articleList_item_articleTitle {
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: var(--padding-unique-md);
    font-size: var(--font-size-body-sm);
    font-weight: var(--font-weight-list-title);
    background-color: var(--color-bg-secondary);
    border-radius: var(--radius-sm);
  }
  .articleList.-serials .articleList_item_articleTitle a {
    display: contents;
  }
  .articleList.-serials .articleList_item_articleTitle a:visited {
    color: var(--color-visited-link);
  }
}
@media (max-width: 1200.99px) and (any-hover: hover) {
  .articleList.-serials .articleList_item_articleTitle a:hover {
    color: var(--color-primary);
  }
  .articleList.-serials .articleList_item_articleTitle a:hover .-image .-inner {
    scale: var(--scale);
  }
  .articleList.-serials .articleList_item_articleTitle a:hover .-image .-inner img {
    opacity: 1;
  }
}
@media (max-width: 1200.99px) {
  .articleList.-serials .articleList_item_articleTitle:has(.-image) .-number {
    width: 100%;
    margin-bottom: var(--v-gap-unique-xs);
    font-size: var(--font-size-body-xs);
  }
  .articleList.-serials .articleList_item_articleTitle:not(:has(.-image)) .-number {
    min-width: fit-content;
    padding-right: var(--padding-unique-adjustment-lg);
    margin-right: var(--h-gap-layout-regular);
    text-align: center;
    border-right: 1px solid var(--color-line-primary);
  }
  .articleList.-serials .articleList_item_articleTitle .-title {
    flex: 1;
    margin-top: 0;
    font-size: calc(13em / var(--default-em-base));
    line-height: var(--line-height-sm);
  }
  .articleList.-serials .articleList_item_articleTitle .-image {
    width: calc(96em / var(--default-em-base));
    margin-left: var(--h-gap-layout-regular);
  }
  .articleList.-serials .articleList_item_articleTitle .-image .-inner {
    position: relative;
    aspect-ratio: 16/9;
    overflow: hidden;
    background-color: var(--color-bg-white);
    border-radius: var(--radius-sm);
    transition: scale 0.3s;
  }
  .articleList.-serials .articleList_item_articleTitle .-image .-inner img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  .articleList.-serials .articleList_item_footer {
    margin-top: var(--v-gap-layout-element);
  }
  .articleList.-serials .articleList_item:not(.articleList.-serials .articleList_item.-card) {
    grid-template-columns: min(40.6%, 116em / var(--default-em-base)) 1fr;
    row-gap: 0;
  }
  .articleList.-serials .articleList_item:not(.articleList.-serials .articleList_item.-card):not(:has(.articleList_item_image)) .articleList_item_text {
    grid-column: 1/-1;
  }
  .articleList.-serials .articleList_item:not(.articleList.-serials .articleList_item.-card) .articleList_item_text {
    display: flex;
    grid-row-start: 1;
    grid-column: 2/3;
    align-items: center;
  }
  .articleList.-serials .articleList_item:not(.articleList.-serials .articleList_item.-card) .articleList_item_title {
    font-size: var(--font-size-heading-article-h4);
  }
  .articleList.-serials .articleList_item:not(.articleList.-serials .articleList_item.-card) .articleList_item_image {
    grid-column: 1/2;
  }
  .articleList.-serials .articleList_item:not(.articleList.-serials .articleList_item.-card) .articleList_item_articleTitle {
    grid-row-start: 2;
    grid-column: 1/-1;
    margin-top: var(--v-gap-unique-sm);
  }
  .articleList.-serials .articleList_item:not(.articleList.-serials .articleList_item.-card) .articleList_item_footer {
    grid-row-start: 3;
  }
  .articleList.-serials .articleList_item.-card {
    gap: 0;
  }
  .articleList.-serials .articleList_item.-card .articleList_item_text {
    grid-row-start: 1;
  }
  .articleList.-serials .articleList_item.-card .articleList_item_articleTitle {
    grid-column: 1/-1;
  }
  .articleList.-serials .articleList_item.-card .articleList_item_image {
    grid-row-start: 2;
    margin-block: var(--v-gap-unique-sm) var(--v-gap-unique-md);
  }
  .articleList.-magazinepdf .articleList_item {
    grid-template-columns: 1fr;
    padding-bottom: var(--v-gap-layout-list-regular);
  }
  .articleList.-magazinepdf .articleList_item_title {
    font-size: var(--font-size-list-title-md);
    font-weight: var(--font-weight-list-title);
    line-height: var(--line-height-sm);
  }
}
@media (min-width: 1201px) {
  /* =================================================
    .articleTextList
  ================================================= */
  .articleTextList {
    padding-bottom: var(--v-gap-layout-list-regular);
    border-bottom: 1px solid var(--color-line-primary);
  }
  .articleTextList_item {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: var(--font-size-label-sm);
    font-weight: var(--font-weight-label-bold);
    line-height: var(--line-height-sm);
    letter-spacing: var(--letter-spacing);
  }
  .articleTextList_item + .articleTextList_item {
    padding-top: var(--v-gap-layout-list-regular);
    margin-top: var(--v-gap-layout-list-regular);
    border-top: 1px solid var(--color-line-primary);
  }
  /* =================================================
    .articleList
  ================================================= */
}
@media (min-width: 1201px) and (any-hover: hover) {
  .articleTextList_item a:hover {
    color: var(--color-primary);
  }
}
@media (min-width: 1201px) {
  .articleList_item {
    container-type: inline-size;
    position: relative;
  }
  .articleList_item:has(.articleList_item_title a:hover) .articleList_item_image .-inner {
    scale: var(--scale);
  }
  .articleList_item:has(.articleList_item_title a:hover) .articleList_item_image img {
    opacity: 1;
  }
  .articleList_item:not(:has(.articleList_item_title a)) .articleList_item_title, .articleList_item:not(:has(.articleList_item_title a)) .articleList_item_summary {
    color: var(--color-secondary);
  }
  .articleList_item:not(:has(.articleList_item_title a)) .articleList_item_series {
    color: currentcolor;
  }
  .articleList_item:not(:has(.articleList_item_image)) {
    grid-template-columns: 1fr;
  }
  .articleList_item .-item {
    display: contents;
  }
  .articleList_item_specialTitle {
    position: relative;
    z-index: 2;
    color: var(--color-primary);
  }
}
@media (min-width: 1201px) and (any-hover: hover) {
  .articleList_item_specialTitle a:hover {
    color: var(--color-hover-primary);
  }
}
@media (min-width: 1201px) {
  .articleList_item_tagList {
    position: relative;
    z-index: 2;
    display: flex;
    flex-wrap: wrap;
    gap: var(--h-gap-layout-tight);
    margin-block: var(--v-gap-unique-sm);
    font-size: var(--font-size-body-sm);
    font-weight: var(--font-weight-label);
    color: var(--color-secondary);
  }
  .articleList_item_tagList ._item {
    display: flex;
    column-gap: var(--h-gap-layout-adjustment);
  }
  .articleList_item_tagList ._item::before {
    content: "#";
  }
  .articleList_item_parentTitle {
    position: relative;
    z-index: 2;
    font-weight: var(--font-weight-body);
  }
  .articleList_item_parentTitle a {
    color: var(--color-primary);
  }
}
@media (min-width: 1201px) and (any-hover: hover) {
  .articleList_item_parentTitle a:hover {
    color: var(--color-hover-primary);
  }
}
@media (min-width: 1201px) and (any-hover: hover) {
  .articleList_item_title a:hover {
    color: var(--color-primary);
  }
}
@media (min-width: 1201px) {
  .articleList_item_title a::after {
    position: absolute;
    display: block;
    content: "";
    inset: 0;
    z-index: 1;
  }
  .articleList_item_title.-pdf a {
    display: grid;
    grid-template-columns: calc(24em / var(--default-em-base)) 1fr;
    column-gap: var(--v-gap-unique-sm);
  }
  .articleList_item_title.-pdf a::before {
    display: block;
    width: calc(24em / var(--default-em-base));
    aspect-ratio: 1;
    margin-top: calc(3em / var(--default-em-base));
    content: "";
    background-color: currentcolor;
    mask: url(/images/2022/ico_pdf.svg) 50% 50%/contain no-repeat;
  }
  .articleList_item_footer {
    position: relative;
    z-index: 2;
    display: flex;
    column-gap: var(--h-gap-layout-regular);
    align-items: center;
    justify-content: space-between;
    min-height: calc(40em / var(--default-em-base));
    font-size: var(--font-size-caption-md);
    font-weight: 400;
    letter-spacing: var(--letter-spacing);
  }
  .articleList_item_series {
    line-height: var(--line-height-md);
    color: var(--color-secondary);
  }
  .articleList_item_date {
    font-family: var(--font-family-en);
    line-height: var(--line-height-sm);
    color: var(--color-secondary);
  }
  .articleList_item_readTime {
    margin-right: auto;
    font-family: var(--font-family-en);
    line-height: var(--line-height-sm);
    color: var(--color-secondary);
  }
  .articleList_item_page {
    margin-right: auto;
    font-family: var(--font-family-en-jp);
    font-size: var(--font-size-caption-md);
    line-height: var(--line-height-sm);
    color: var(--color-secondary);
  }
  .articleList_item_page + .articleList_item_title {
    margin-block: var(--v-gap-unique-xs) 0;
  }
  .articleList_item_bookmark {
    display: flex;
    align-items: center;
    margin-left: auto;
  }
  .articleList_item_bookmark .-label {
    line-height: var(--line-height-md);
  }
  .articleList_item_bookmark .-btn {
    position: relative;
    width: calc(40em / var(--default-em-base));
    aspect-ratio: 1;
  }
  .articleList_item_bookmark .-btn::before, .articleList_item_bookmark .-btn::after {
    position: absolute;
    display: block;
    content: "";
    inset: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: calc(24em / var(--default-em-base)) auto;
  }
  .articleList_item_bookmark .-btn::before {
    background-image: url(/images/2022/ico_bookmark.svg);
  }
  .articleList_item_bookmark .-btn::after {
    content: none;
    background-image: url(/images/2022/ico_bookmark_02.svg);
  }
  .articleList_item_bookmark .-btn.is-active::before {
    content: none;
  }
  .articleList_item_bookmark .-btn.is-active::after {
    content: "";
  }
  .articleList_item_term {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    grid-column: 1/-1;
    font-size: var(--font-size-caption-md);
    line-height: var(--line-height-sm);
    color: var(--color-secondary);
    letter-spacing: var(--letter-spacing);
  }
  .articleList_item_image {
    position: relative;
    z-index: 0;
  }
  .articleList_item_image.-border .-inner {
    border: 1px solid var(--color-line-primary);
  }
  .articleList_item_image .-inner {
    position: relative;
    aspect-ratio: 16/9;
    overflow: hidden;
    background-color: var(--color-bg-white);
    border-radius: var(--radius-sm);
    transition: scale 0.3s;
  }
  .articleList_item_image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  .articleList_item_updateDate {
    margin-top: 0;
    margin-right: auto;
  }
  .articleList_item.-card {
    display: grid;
    grid-template-columns: 1fr;
    gap: revert;
    padding-bottom: var(--padding-unique-lg);
    border-bottom: 1px solid var(--color-line-primary);
  }
  .articleList_item.-card .articleList_item_header {
    grid-row: auto;
    grid-column: 1;
  }
  .articleList_item.-card .articleList_item_parentTitle {
    font-size: var(--font-size-label-sm);
  }
  .articleList_item.-card .articleList_item_title {
    margin-block: 0;
    font-size: var(--font-size-list-title-lg);
    font-weight: var(--font-weight-list-title);
    line-height: var(--line-height-sm);
  }
  .articleList_item.-card .articleList_item_title .-locked {
    display: inline-block;
    margin-block: calc(4.5em / var(--default-em-base));
    margin-left: calc(6em / var(--default-em-base));
    vertical-align: text-bottom;
  }
  .articleList_item.-card .articleList_item_summary {
    margin-top: var(--v-gap-layout-element);
    font-size: var(--font-size-body-sm);
    letter-spacing: var(--letter-spacing);
  }
  .articleList_item.-card .articleList_item_image {
    grid-row-start: 1;
    margin-bottom: var(--v-gap-layout-adjustment);
  }
  .articleList:not([class*=-cols], [class*=-xl]) .articleList_item:where(.articleList:not([class*=-cols], [class*=-xl]) .articleList_item:has(.-articleTitle, iframe)) {
    padding-bottom: var(--padding-unique-xs);
    border-bottom: 1px solid var(--color-line-primary);
  }
  .articleList:not([class*=-cols], [class*=-xl]) .articleList_item:where(.articleList:not([class*=-cols], [class*=-xl]) .articleList_item:has(.-articleTitle, iframe)) + .articleList_item {
    margin-top: var(--v-gap-layout-list-regular);
  }
  .articleList:not([class*=-cols]) .articleList_item_header {
    margin-bottom: 0;
  }
  .articleList[class*=-cols] {
    display: grid;
    gap: var(--h-gap-layout-wide) var(--h-gap-layout-large);
  }
  .articleList.-cols2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .articleList.-cols3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .articleList.-xl {
    margin-block: var(--h-gap-layout-wide);
  }
  .articleList.-xl:has(+ :where(.articleList)) .articleList_item {
    padding-bottom: var(--padding-unique-lg);
    border-bottom: 1px solid var(--color-line-primary);
  }
  .articleList.-xl:has(+ :where(.articleList)) .articleList_item + .articleList_item {
    margin-top: var(--padding-unique-lg);
  }
  .articleList.-xl .articleList_item {
    display: grid;
    gap: 0 var(--padding-unique-lg);
  }
  .articleList.-xl .articleList_item:has(.articleList_item_footer) {
    grid-template-rows: 1fr auto;
  }
  .articleList.-xl .articleList_item:has(.articleList_item_image) {
    grid-template-columns: min(40.6%, 354em / var(--default-em-base)) 1fr;
  }
  .articleList.-xl .articleList_item:has(.articleList_item_image) .articleList_item_text {
    grid-row: 1/2;
    grid-column: 2/3;
  }
  .articleList.-xl .articleList_item:has(.articleList_item_image) .articleList_item_footer {
    grid-row: 2/3;
    grid-column: 2/3;
  }
  .articleList.-xl .articleList_item.-reverse:has(.articleList_item_image) {
    grid-template-columns: 1fr min(40.6%, 354em / var(--default-em-base));
  }
  .articleList.-xl .articleList_item.-reverse:has(.articleList_item_image) .articleList_item_text {
    grid-column: 1/2;
  }
  .articleList.-xl .articleList_item.-reverse:has(.articleList_item_image) .articleList_item_footer {
    grid-column: 1/2;
  }
  .articleList.-xl .articleList_item.-reverse:has(.articleList_item_image) .articleList_item_image {
    grid-column: 2/3;
  }
  .articleList.-xl .articleList_item_header {
    font-weight: var(--font-weight-list-title);
    line-height: var(--line-height-sm);
  }
  .articleList.-xl .articleList_item_parentTitle {
    margin-bottom: var(--v-gap-unique-xs);
    font-size: var(--font-size-label-sm);
    letter-spacing: var(--letter-spacing);
  }
  .articleList.-xl .articleList_item_specialTitle {
    margin-bottom: var(--v-gap-unique-xs);
  }
  .articleList.-xl .articleList_item_title {
    margin-block: 0;
    font-size: var(--font-size-list-title-lg);
    font-weight: var(--font-weight-list-title);
  }
  .articleList.-xl .articleList_item_title .-locked {
    display: inline-block;
    margin-block: calc(4.5em / var(--default-em-base));
    margin-left: calc(6em / var(--default-em-base));
    vertical-align: text-bottom;
  }
  .articleList.-xl .articleList_item_summary {
    margin-top: var(--v-gap-layout-element);
    font-size: var(--font-size-body-sm);
    letter-spacing: var(--letter-spacing);
  }
  .articleList.-xl .articleList_item_image {
    grid-row: span 2;
    grid-column: 1/2;
  }
  .articleList.-xl .articleList_related {
    position: relative;
    z-index: 1;
    grid-column: 1/-1;
    padding-bottom: var(--padding-unique-lg);
    margin-block: var(--v-gap-unique-md) calc(-1 * var(--padding-unique-lg));
  }
  .articleList.-xl .articleList_related_heading {
    margin-block: 0 var(--v-gap-unique-sm);
    font-size: var(--font-size-label-sm);
    font-weight: var(--font-weight-label-bold);
    line-height: var(--line-height-sm);
    color: var(--color-primary);
    letter-spacing: var(--letter-spacing);
  }
  .articleList.-xl .articleList_related_list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--v-gap-unique-xs);
  }
  .articleList.-xl .articleList_related_item {
    background-color: var(--color-bg-secondary);
    border-radius: var(--radius-sm);
  }
  .articleList.-xl .articleList_related_item > a {
    display: grid;
    grid-template-columns: 1fr calc(64em / var(--default-em-base));
    column-gap: var(--h-gap-layout-tight);
    padding: var(--padding-unique-md);
  }
  .articleList.-xl .articleList_related_item > a .articleList_related_item_image .-inner {
    transition: scale 0.3s;
  }
}
@media (min-width: 1201px) and (any-hover: hover) {
  .articleList.-xl .articleList_related_item > a:hover {
    color: var(--color-primary);
  }
  .articleList.-xl .articleList_related_item > a:hover .articleList_related_item_image .-inner {
    scale: var(--scale);
  }
  .articleList.-xl .articleList_related_item > a:hover .articleList_related_item_image .-inner img {
    opacity: 1;
  }
}
@media (min-width: 1201px) {
  .articleList.-xl .articleList_related_item_title {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-block: 0;
    font-size: var(--font-size-label-xs);
    font-weight: var(--font-weight-label-bold);
    line-height: var(--line-height-sm);
    letter-spacing: var(--letter-spacing);
  }
  .articleList.-md .articleList_item:has(.articleList_item_image):has(.articleList_item_footer), .articleList.-lg .articleList_item:has(.articleList_item_image):has(.articleList_item_footer) {
    grid-template-rows: 1fr auto;
  }
  .articleList.-md .articleList_item:has(.articleList_item_image) .articleList_item_image, .articleList.-lg .articleList_item:has(.articleList_item_image) .articleList_item_image {
    grid-row: 1/2;
  }
  .articleList.-md .articleList_item:has(.articleList_item_image):has(.articleList_item_parentTitle) .articleList_item, .articleList.-lg .articleList_item:has(.articleList_item_image):has(.articleList_item_parentTitle) .articleList_item {
    grid-template-rows: auto 1fr;
  }
  .articleList.-md .articleList_item:has(.articleList_item_image):has(.articleList_item_parentTitle) .articleList_item:has(.articleList_item_footer), .articleList.-lg .articleList_item:has(.articleList_item_image):has(.articleList_item_parentTitle) .articleList_item:has(.articleList_item_footer) {
    grid-template-rows: auto 1fr auto;
  }
  .articleList.-md .articleList_item:has(.articleList_item_image):has(.articleList_item_parentTitle) .articleList_item_header, .articleList.-lg .articleList_item:has(.articleList_item_image):has(.articleList_item_parentTitle) .articleList_item_header {
    display: contents;
  }
  .articleList.-md .articleList_item:has(.articleList_item_image):has(.articleList_item_parentTitle) .articleList_item_text, .articleList.-lg .articleList_item:has(.articleList_item_image):has(.articleList_item_parentTitle) .articleList_item_text {
    display: contents;
  }
  .articleList.-md .articleList_item:has(.articleList_item_image):has(.articleList_item_parentTitle) .articleList_item_parentTitle, .articleList.-lg .articleList_item:has(.articleList_item_image):has(.articleList_item_parentTitle) .articleList_item_parentTitle {
    grid-column: 1/-1;
  }
  .articleList.-md .articleList_item:has(.articleList_item_image):has(.articleList_item_parentTitle) .articleList_item_title, .articleList.-lg .articleList_item:has(.articleList_item_image):has(.articleList_item_parentTitle) .articleList_item_title {
    grid-row: 2/3;
  }
  .articleList.-md .articleList_item:has(.articleList_item_image):has(.articleList_item_parentTitle) .articleList_item_footer, .articleList.-lg .articleList_item:has(.articleList_item_image):has(.articleList_item_parentTitle) .articleList_item_footer {
    grid-row-start: 3;
  }
  .articleList.-md .articleList_item:has(.articleList_item_image):has(.articleList_item_parentTitle) .articleList_item_image, .articleList.-lg .articleList_item:has(.articleList_item_image):has(.articleList_item_parentTitle) .articleList_item_image {
    grid-row: 2/3;
  }
  .articleList.-md .articleList_item:has(.articleList_item_image):has(.articleList_item_parentTitle):has(.articleList_item_summary), .articleList.-lg .articleList_item:has(.articleList_item_image):has(.articleList_item_parentTitle):has(.articleList_item_summary) {
    grid-template-rows: auto auto 1fr;
  }
  .articleList.-md .articleList_item:has(.articleList_item_image):has(.articleList_item_parentTitle):has(.articleList_item_summary):has(.articleList_item_footer), .articleList.-lg .articleList_item:has(.articleList_item_image):has(.articleList_item_parentTitle):has(.articleList_item_summary):has(.articleList_item_footer) {
    grid-template-rows: auto auto 1fr auto;
  }
  .articleList.-md .articleList_item:has(.articleList_item_image):has(.articleList_item_parentTitle):has(.articleList_item_summary) .articleList_item_summary, .articleList.-lg .articleList_item:has(.articleList_item_image):has(.articleList_item_parentTitle):has(.articleList_item_summary) .articleList_item_summary {
    margin-top: 0;
  }
  .articleList.-md .articleList_item:has(.articleList_item_image):has(.articleList_item_parentTitle):has(.articleList_item_summary) .articleList_item_footer, .articleList.-lg .articleList_item:has(.articleList_item_image):has(.articleList_item_parentTitle):has(.articleList_item_summary) .articleList_item_footer {
    grid-row: 4/5;
  }
  .articleList.-md .articleList_item:has(.articleList_item_image):has(.articleList_item_parentTitle):has(.articleList_item_summary) .articleList_item_image, .articleList.-lg .articleList_item:has(.articleList_item_image):has(.articleList_item_parentTitle):has(.articleList_item_summary) .articleList_item_image {
    grid-row: 2/span 2;
  }
  .articleList.-md .articleList_item:has(.articleList_item_image):has(.articleList_item_parentTitle):has(.articleList_item_tagList), .articleList.-lg .articleList_item:has(.articleList_item_image):has(.articleList_item_parentTitle):has(.articleList_item_tagList) {
    grid-template-rows: auto auto 1fr auto;
  }
  .articleList.-md .articleList_item:has(.articleList_item_image):has(.articleList_item_parentTitle):has(.articleList_item_tagList) .articleList_item_tagList, .articleList.-md .articleList_item:has(.articleList_item_image):has(.articleList_item_parentTitle):has(.articleList_item_tagList) .articleList_item_parentTitle, .articleList.-lg .articleList_item:has(.articleList_item_image):has(.articleList_item_parentTitle):has(.articleList_item_tagList) .articleList_item_tagList, .articleList.-lg .articleList_item:has(.articleList_item_image):has(.articleList_item_parentTitle):has(.articleList_item_tagList) .articleList_item_parentTitle {
    grid-column: 1/-1;
  }
  .articleList.-md .articleList_item:has(.articleList_item_image):has(.articleList_item_parentTitle):has(.articleList_item_tagList) .articleList_item_parentTitle, .articleList.-lg .articleList_item:has(.articleList_item_image):has(.articleList_item_parentTitle):has(.articleList_item_tagList) .articleList_item_parentTitle {
    grid-row-start: 2;
  }
  .articleList.-md .articleList_item:has(.articleList_item_image):has(.articleList_item_parentTitle):has(.articleList_item_tagList) .articleList_item_title, .articleList.-lg .articleList_item:has(.articleList_item_image):has(.articleList_item_parentTitle):has(.articleList_item_tagList) .articleList_item_title {
    grid-row-start: 3;
  }
  .articleList.-md .articleList_item:has(.articleList_item_image):has(.articleList_item_parentTitle):has(.articleList_item_tagList) .articleList_item_footer, .articleList.-lg .articleList_item:has(.articleList_item_image):has(.articleList_item_parentTitle):has(.articleList_item_tagList) .articleList_item_footer {
    grid-row: 4/5;
  }
  .articleList.-md .articleList_item:has(.articleList_item_image):has(.articleList_item_parentTitle):has(.articleList_item_tagList) .articleList_item_image, .articleList.-lg .articleList_item:has(.articleList_item_image):has(.articleList_item_parentTitle):has(.articleList_item_tagList) .articleList_item_image {
    grid-row-start: 3;
  }
  .articleList.-md .articleList_item:has(.articleList_item_image):has(.articleList_item_keyword) .articleList_item, .articleList.-lg .articleList_item:has(.articleList_item_image):has(.articleList_item_keyword) .articleList_item {
    grid-template-rows: auto 1fr auto;
  }
  .articleList.-md .articleList_item:has(.articleList_item_image):has(.articleList_item_keyword) .articleList_item_keyword, .articleList.-lg .articleList_item:has(.articleList_item_image):has(.articleList_item_keyword) .articleList_item_keyword {
    grid-row: 1/2;
    grid-column: 1/3;
  }
  .articleList.-md .articleList_item:has(.articleList_item_image):has(.articleList_item_keyword) .articleList_item_text, .articleList.-lg .articleList_item:has(.articleList_item_image):has(.articleList_item_keyword) .articleList_item_text {
    grid-row: 2/3;
    grid-column: 1/2;
  }
  .articleList.-md .articleList_item:has(.articleList_item_image):has(.articleList_item_keyword) .articleList_item_image, .articleList.-lg .articleList_item:has(.articleList_item_image):has(.articleList_item_keyword) .articleList_item_image {
    grid-row: 2/3;
    grid-column: 2/3;
  }
  .articleList.-md .articleList_item:has(.articleList_item_image):has(.articleList_item_keyword) .articleList_item_footer, .articleList.-lg .articleList_item:has(.articleList_item_image):has(.articleList_item_keyword) .articleList_item_footer {
    grid-row: 3/4;
    grid-column: 1/3;
  }
  .articleList.-md .articleList_item:has(.articleList_item_image) .articleList_item_footer, .articleList.-lg .articleList_item:has(.articleList_item_image) .articleList_item_footer {
    grid-column: 1/-1;
  }
  .articleList.-md .articleList_item:has(.articleList_item_image) .articleList_item_image, .articleList.-lg .articleList_item:has(.articleList_item_image) .articleList_item_image {
    grid-column: 2/3;
  }
  .articleList.-md .articleList_item:has(iframe), .articleList.-lg .articleList_item:has(iframe) {
    grid-template-rows: auto 1fr;
    row-gap: var(--v-gap-unique-xs);
  }
  .articleList.-md .articleList_item:has(iframe) div:not([class]), .articleList.-lg .articleList_item:has(iframe) div:not([class]) {
    display: contents;
  }
  .articleList.-md .articleList_item:has(iframe) iframe, .articleList.-lg .articleList_item:has(iframe) iframe {
    display: block;
    overflow: hidden;
  }
  .articleList:has(.articleList_item_parentTitle) .articleList_item:has(iframe) div div::after {
    display: block;
    grid-row-start: 1;
    min-height: calc(1em * var(--line-height-sm));
    font-size: var(--font-size-label-sm);
    content: "";
  }
  .articleList:has(.articleList_item_parentTitle) .articleList_item:has(iframe) iframe {
    grid-row-start: 2;
  }
  .articleList:has(.articleList_item_parentTitle) .articleList_item:has(iframe) iframe::before {
    display: block;
    grid-row-start: 1;
    min-height: 1em;
    content: "";
  }
  .articleList.-md {
    margin-block: var(--h-gap-layout-wide);
  }
  .articleList.-md .articleList_item {
    display: grid;
    gap: var(--v-gap-unique-xs) var(--h-gap-layout-regular);
    padding-bottom: var(--padding-unique-xs);
    border-bottom: 1px solid var(--color-line-primary);
  }
  .articleList.-md .articleList_item:has(.articleList_item_image) {
    grid-template-columns: 1fr min(40.6%, 135em / var(--default-em-base));
  }
  .articleList.-md .articleList_item:has(.articleList_item_footer) .articleList_item_title a::after {
    inset-block-end: var(--padding-unique-xs);
  }
  .articleList.-md .articleList_item:not(:has(.articleList_item_footer), :has(iframe)) {
    padding-bottom: var(--padding-unique-lg);
  }
  @container (max-width: calc(336em / var(--default-em-base))) {
    .articleList.-md .articleList_item:not(:has(.articleList_item_footer), :has(iframe)) {
      padding-bottom: var(--padding-unique-md);
    }
  }
  .articleList.-md .articleList_item:has(iframe) {
    padding-bottom: var(--padding-unique-xs);
  }
  .articleList.-md .articleList_item:has(iframe) div:not([class]) {
    line-height: var(--line-height-xs);
  }
  .articleList.-md .articleList_item_header {
    font-weight: var(--font-weight-list-title);
    line-height: var(--line-height-sm);
    letter-spacing: var(--letter-spacing);
  }
  .articleList.-md .articleList_item_keyword {
    position: relative;
    z-index: 1;
    display: flex;
    font-size: var(--font-size-body-sm);
    font-weight: var(--font-weight-body);
  }
  .articleList.-md .articleList_item_keyword a {
    color: var(--color-primary);
  }
  .articleList.-md .articleList_item_keyword a::before {
    content: "# ";
  }
  .articleList.-md .articleList_item_parentTitle {
    font-size: var(--font-size-label-sm);
  }
  .articleList.-md .articleList_item_subTitle {
    margin-bottom: var(--v-gap-layout-element);
    font-size: var(--font-size-label-xs);
    line-height: var(--line-height-sm);
    letter-spacing: var(--letter-spacing);
  }
  .articleList.-md .articleList_item_title {
    margin-block: 0;
    font-size: var(--font-size-list-title-md);
    font-weight: var(--font-weight-list-title);
  }
  .articleList.-md .articleList_item_title .-locked {
    display: inline-block;
    margin-block: 0 calc(1em / var(--default-em-base));
    margin-left: calc(4em / var(--default-em-base));
    vertical-align: text-bottom;
  }
  @container (max-width: calc(336em / var(--default-em-base))) {
    .articleList.-md .articleList_item_title {
      font-size: var(--font-size-list-title-sm);
    }
  }
  .articleList.-md .articleList_item_summary {
    margin-top: var(--padding-unique-xs);
    font-size: var(--font-size-caption-md);
    line-height: var(--line-height-md);
    color: var(--color-secondary);
    letter-spacing: var(--letter-spacing);
  }
  .articleList.-md .articleList_item_summary span {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  .articleList.-md .articleList_item.-mypage {
    grid-template-columns: 1fr min(40.6%, 130em / var(--default-em-base));
    row-gap: 0;
  }
  .articleList.-md .articleList_item.-mypage:not(:has(.articleList_item_image)) {
    grid-template-columns: 1fr;
  }
  .articleList.-md .articleList_item.-mypage .articleList_item_title {
    padding-block: calc(14em / var(--default-em-base));
  }
  @container (max-width: calc(336em / var(--default-em-base))) {
    .articleList.-md:not([class*=-magazine]) .articleList_item_title a {
      display: -webkit-box;
      overflow: hidden;
      text-overflow: ellipsis;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
    }
  }
  .articleList.-md.-magazine .articleList_item {
    padding-bottom: var(--v-gap-unique-lg);
  }
  .articleList.-md.-magazine .articleList_item:has(.articleList_item_image) {
    grid-template-columns: 1fr min(22.86%, 135em / var(--default-em-base));
  }
  @container (max-width: calc(336em / var(--default-em-base))) {
    .articleList.-md.-magazine .articleList_item {
      padding-bottom: var(--padding-unique-md);
    }
    .articleList.-md.-magazine .articleList_item:has(.articleList_item_image) {
      grid-template-columns: 1fr min(28.57%, 96em / var(--default-em-base));
    }
    .articleList.-md.-magazine .articleList_item_title {
      font-size: var(--font-size-list-title-md);
    }
  }
  .articleList.-md.-magazine .articleList_item_image .-inner {
    aspect-ratio: 3/4;
    background-color: revert;
    border-radius: revert;
  }
  .articleList.-lg {
    margin-block: var(--h-gap-layout-wide);
  }
  .articleList.-lg .articleList_item {
    display: grid;
    gap: var(--v-gap-unique-xs) var(--h-gap-layout-regular);
    padding-bottom: var(--padding-unique-xs);
    border-bottom: 1px solid var(--color-line-primary);
  }
  .articleList.-lg .articleList_item:has(.articleList_item_image) {
    grid-template-columns: 1fr min(24.43%, 213em / var(--default-em-base));
  }
  .articleList.-lg .articleList_item:has(.articleList_item_footer) .articleList_item_title a::after {
    inset-block-end: var(--padding-unique-xs);
  }
  .articleList.-lg .articleList_item:not(:has(.articleList_item_footer), :has(iframe)) {
    padding-bottom: var(--padding-unique-lg);
  }
  .articleList.-lg .articleList_item:has(iframe) {
    padding-bottom: var(--padding-unique-md);
  }
  .articleList.-lg .articleList_item:has(iframe) div:not([class]) {
    line-height: var(--line-height-xs);
  }
  .articleList.-lg .articleList_item_header {
    font-weight: var(--font-weight-list-title);
    line-height: var(--line-height-sm);
    letter-spacing: var(--letter-spacing);
  }
  .articleList.-lg .articleList_item_keyword {
    position: relative;
    z-index: 1;
    display: flex;
    font-size: var(--font-size-body-sm);
    font-weight: var(--font-weight-body);
  }
  .articleList.-lg .articleList_item_keyword a {
    color: var(--color-primary);
  }
  .articleList.-lg .articleList_item_keyword a::before {
    content: "# ";
  }
  .articleList.-lg .articleList_item_parentTitle {
    font-size: var(--font-size-label-sm);
  }
  .articleList.-lg .articleList_item_subTitle {
    margin-bottom: var(--v-gap-layout-element);
    font-size: var(--font-size-label-xs);
    line-height: var(--line-height-sm);
    letter-spacing: var(--letter-spacing);
  }
  .articleList.-lg .articleList_item_title {
    margin-block: 0;
    font-size: var(--font-size-heading-article-h3);
    font-weight: var(--font-weight-list-title);
  }
  .articleList.-lg .articleList_item_title .-locked {
    display: inline-block;
    margin-block: 0 calc(1em / var(--default-em-base));
    margin-left: calc(4em / var(--default-em-base));
    vertical-align: text-bottom;
  }
  .articleList.-lg .articleList_item_summary {
    margin-top: var(--padding-unique-xs);
    font-size: var(--font-size-body-sm);
    line-height: var(--line-height-md);
    color: currentcolor;
    letter-spacing: var(--letter-spacing);
  }
  .articleList.-lg .articleList_item_summary span {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  .articleList.-lg.-magazine .articleList_item {
    padding-bottom: var(--v-gap-unique-lg);
  }
  .articleList.-lg.-magazine .articleList_item:has(.articleList_item_image) {
    grid-template-columns: 1fr min(22.86%, 135em / var(--default-em-base));
  }
  .articleList.-lg.-magazine .articleList_item_image .-inner {
    aspect-ratio: 3/4;
    background-color: revert;
    border-radius: revert;
  }
}
@media (max-width: 1200.99px) {
  .articleList_item_parentTitle a {
    color: var(--color-default);
  }
}
.articleList_item_bookmark {
  font-size: 16px;
}