/* ##############################
 * 共通スタイル設定
 * ##############################
 */
/* リセットスタイル */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* CSS変数定義 */
:root {
  /* フォント */
  --font-family-base: 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'Helvetica Neue', 'Segoe UI', 'Yu Gothic', sans-serif;

  /* レイアウト */
  --header-height: 60px; /* ヘッダーの高さ */
  --kv-height: 160px; /* Key Visualの高さ */
  --footer-area-height: 167.5px; /* フッターエリアの高さ（PC） */
  --footer-area-height-sp: 206px; /* フッターエリアの高さ（SP） */
}

/* 基本フォント設定 */
body {
  font-family: var(--font-family-base) !important;
  font-size: 16px !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-family-base) !important;
  text-transform: none !important;
}

/* リンクスタイル */
a {
  color: #0157d5 !important;
  text-decoration: none !important;
}

a:hover {
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
}

/* フォーカススタイルのリセット */
a:active,
a:focus,
button:focus {
  box-shadow: none !important;
}

/* ###############################
 * 共通スタイル設定 END
 * ##############################
 */

/* ##############################
 * 全体レイアウト調整
 * ##############################
 */

/* スマホ用非表示クラス */
.sp-only {
  display: none;
}

@media (max-width: 767px) {
  /* スマホで改行を表示 */
  .sp-only {
    display: inline;
  }
}

/* 不要なコンポーネント非表示 */
.cNavBarCon,
.cNotifications,
.cProfileCon,
.cTopLeftCon,
.cBrandingProfile {
  display: none !important;
}

/* メインコンテンツ部分の最小高さを設定 */
.cCenterPanel {
  padding: 12px 0 !important;
  min-height: calc(100vh - var(--footer-area-height) - var(--header-height)) !important;
}

.comm-page-home .cCenterPanel,
.comm-page-article .cCenterPanel {
  min-height: calc(100vh - var(--footer-area-height) - var(--kv-height) - var(--header-height)) !important;
}

@media (max-width: 767px) {
  .cCenterPanel {
    padding: 24px 0 !important;
    min-height: calc(100vh - var(--footer-area-height-sp) - var(--header-height)) !important;
  }

  .comm-page-home .cCenterPanel,
  .comm-page-article .cCenterPanel {
    padding: 12px 0 !important;
    min-height: calc(100vh - var(--footer-area-height-sp) - var(--kv-height) - var(--header-height)) !important;
  }
}

.siteforceContentArea .comm-layout-column .ui-widget:not(:last-child) {
  margin-bottom: 0 !important;
}
/* ##############################
 * 全体レイアウト調整 END
 * ##############################
 */

/* ############################## ヘッダー ############################## */
/* ヘッダー全体のスタイル */
.cHeaderOverlay {
  background-color: #ffffff !important;
  height: var(--header-height) !important;
  border-bottom: 1px solid #e0e0e0 !important;
}

/* ヘッダー内の各要素の余白調整 */
.cHeaderLine {
  padding: 10px 12px !important;
}

/* ##############################
 * pchelp-logo
 * ##############################
 */
.pchelp-logo-container {
  position: relative;
  max-width: 1140px;
  margin: 0 auto;
}

.pchelp-logo {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  padding: 10px 12px;
  margin: 0 auto;
}

.pchelp-logo__link {
  display: flex;
  width: clamp(251.42px, 224.67px + 7.317vw, 320px);
  height: 40px;
  text-decoration: none !important;
  align-items: center;
}

.pchelp-logo__link:hover {
  text-decoration: none !important;
}

.pchelp-logo__img {
  display: flex;
  width: 100%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left center;
  text-indent: -9999px;
  overflow: hidden;
}

/* 日本語サイト用のロゴ */
html[lang='ja'] .pchelp-logo__img {
  width: 220px;
  background-image: url('https://u.img-flvcdn.net/images/bizservices/payment_c/site/images/payment_center_logo_jp.svg');
}

/* 英語サイト用のロゴ */
html[lang='en-US'] .pchelp-logo__img,
html[lang='en'] .pchelp-logo__img {
  width: 210px;
  background-image: url('https://u.img-flvcdn.net/images/bizservices/payment_c/site/images/payment_center_logo_en.svg');
}

.pchelp-logo__separator {
  flex-shrink: 0;
  width: 1px;
  height: 18px;
  margin: 0 8px;
  background-color: #d9d9d9;
}

.pchelp-logo__subtext {
  display: flex;
  align-items: center;
  font-size: 15px;
  font-weight: 400;
  white-space: nowrap;
  color: #000000;
}

/* ##############################
 * pchelp-logo END
 * ##############################
 */

/* ###############################
 * 言語セレクター
 * ##############################
 */

/* 言語セレクターのコンポーネント */
.slds-form-element {
  max-width: 1140px;
  margin: 0 auto;
  min-height: 0 !important;
  position: relative;
}

.forceCommunityLanguageSelector43 .slds-combobox {
  align-items: flex-end !important;
}

.forceCommunityLanguageSelector43 .slds-combobox__form-element {
  text-indent: -9999px;
  background-color: transparent !important;
  background-image: url('https://u.img-flvcdn.net/images/bizservices/payment_c/site/images/icon_down_arrow.svg') !important;
  background-repeat: no-repeat;
  background-position: 48px center;
  background-size: 18px 18px;
  width: 76px !important;
  height: 40px !important;
  padding-left: 0 !important;
  cursor: pointer !important;
}

.forceCommunityLanguageSelector43 .slds-combobox__form-element::after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 8px;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background-image: url('https://u.img-flvcdn.net/images/bizservices/payment_c/site/images/icon_earth.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.forceCommunityLanguageSelector43 .slds-combobox__form-element::before {
  display: block;
  position: absolute;
  top: 50%;
  left: 32px;
  transform: translateY(-50%);
  text-indent: 0;
  text-align: center;
  content: 'JP';
  font-size: 12px !important;
  font-weight: 700 !important;
}

html[lang='ja'] .forceCommunityLanguageSelector43 .slds-combobox__form-element::before {
  content: 'JP';
}

html[lang='en-US'] .forceCommunityLanguageSelector43 .slds-combobox__form-element::before,
html[lang='en'] .forceCommunityLanguageSelector43 .slds-combobox__form-element::before {
  content: 'EN';
}

.slds-dropdown-trigger .slds-dropdown {
  padding: 0 !important;
  border: 1px solid #d9d9d9 !important;
}

.forceCommunityLanguageSelector43 .slds-form-element__control .slds-dropdown {
  min-width: initial !important;
  width: 96px !important;
}

.forceCommunityLanguageSelector43 .slds-form-element__control {
  position: absolute !important;
  padding: 10px 0 !important;
  margin-right: 12px !important;
  width: 108px !important;
  top: 0 !important;
  right: 380px !important;
  z-index: 5;
}

@media (max-width: 767px) {
  .forceCommunityLanguageSelector43 .slds-form-element__control {
    right: 40px !important;
  }
}

@media (max-width: 400px) {
  .slds-form-element {
    width: 100% !important;
    max-width: initial !important;
  }

  .forceCommunityLanguageSelector43 .slds-form-element__control {
    top: var(--header-height) !important;
    right: 0 !important;
    padding: 12px 0 !important;
  }

  .forceCommunityLanguageSelector43 .slds-combobox__form-element {
    height: 32px !important;
  }

  .comm-page-home .forceCommunityLanguageSelector43 .slds-combobox__form-element,
  .comm-page-home .forceCommunityLanguageSelector43 .slds-combobox__form-element::after,
  .comm-page-article .forceCommunityLanguageSelector43 .slds-combobox__form-element,
  .comm-page-article .forceCommunityLanguageSelector43 .slds-combobox__form-element::after {
    -webkit-filter: brightness(0) invert(1) !important;
    filter: brightness(0) invert(1) !important;
  }

  .comm-page-home .forceCommunityLanguageSelector43 .slds-combobox__form-element::before,
  .comm-page-article .forceCommunityLanguageSelector43 .slds-combobox__form-element::before {
    color: #ffffff !important;
  }

  .comm-page-home .forceCommunityLanguageSelector43 .slds-combobox__form-element,
  .comm-page-article .forceCommunityLanguageSelector43 .slds-combobox__form-element {
    border: 1px solid #ffffff !important;
    border-radius: 8px !important;
  }
}

.forceCommunityLanguageSelector43 .slds-form-element__control button span {
  padding-right: 10px;
}

.forceCommunityLanguageSelector43.center button.slds-combobox__input {
  height: 40px !important;
}

.forceCommunityLanguageSelector43 .slds-input__icon-group_right {
  top: 45% !important;
}

.slds-listbox__option-icon {
  display: none !important;
}

.slds-media__body {
  text-align: center !important;
}

.slds-listbox_vertical .slds-listbox__option_plain:not(:last-of-type) {
  border-bottom: 1px solid #d9d9d9 !important;
}

.slds-listbox_vertical .slds-listbox__option.slds-has-focus {
  box-shadow: none !important;
}

/* ##############################
 * 言語セレクター END
 * ##############################
 */

/* ##############################
 * 検索欄
 * ##############################
 */

.siteforceServiceBody .cSearchPublisher {
  height: 40px !important;
  width: 368px !important;
}

.slds-button.slds-button_brand.search-button {
  text-indent: -9999px; /* テキストを画面外に */
  background-color: #0157d5 !important;
  background-image: url('https://u.img-flvcdn.net/images/bizservices/payment_c/site/images/icon_search.svg') !important;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px 24px;
  width: 40px !important;
  height: 40px !important;
  border-radius: 8px !important;
  margin-left: 8px !important;
  cursor: pointer !important;
}

.slds-button.slds-button_brand.search-button:hover {
  background-color: #0141a8 !important;
}

.slds-button.slds-button_brand.search-button:active {
  background-color: #012f80 !important;
}

.siteforceServiceBody .cSearchPublisher .mobile-search-icon {
  text-indent: -9999px; /* テキストを画面外に */
  background-image: url('https://u.img-flvcdn.net/images/bizservices/payment_c/site/images/icon_search.svg') !important;
  background-color: transparent !important;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px 24px;
  width: 40px !important;
  height: 40px !important;
  border-radius: 8px !important;
  margin: 0 !important;
  -webkit-filter: brightness(0) !important;
  filter: brightness(0) !important;
}

.forceCommunitySearchBox .body-search {
  display: flex !important;
  justify-content: flex-end !important;
  padding: 0 !important;
}

.forceCommunitySearchBox .search-input-group {
  display: flex !important;
}

.forceCommunitySearchBox .search-field {
  height: 40px !important;
  width: 320px !important;
  padding: 0 12px !important;
  border-radius: 8px !important;
  border: 1px solid #868686 !important;
}

.forceCommunitySearchBox .search-field:focus {
  box-shadow: none !important;
  border: 1px solid #0c6efd !important;
}

.forceCommunitySearchBox .search-button {
  position: relative !important;
}

/* 検索バー：検索ボックスドロップダウン */
.forceCommunitySearchBox .result-container {
  width: 320px !important;
  max-height: 256px !important;
  border-radius: 8px !important;
  overflow-y: auto !important;
}

.forceCommunitySearchBox.focused .search-wrapper,
.forceCommunitySearchBox.focused .post-wrapper {
  padding: 0 !important;
}

/* 検索バー：検索ボックスドロップダウン_ナレッジ/最終更新日/ビュー数 */
.forceCommunitySearchBox .result-container .lookup__item .option-attribute-list,
.forceCommunitySearchBox .zero-state-panel {
  display: none !important;
}

.forceCommunityDeflectionOption .search-icon {
  margin: 0 !important;
}

@media (max-width: 767px) {
  .forceCommunitySearchBox.focused .body-search {
    display: block !important;
    padding: 10px !important;
    background-color: transparent !important;
  }
  .forceCommunitySearchBox.focused .search-container {
    border: unset !important;
    border-radius: unset !important;
  }

  .forceCommunitySearchBox.focused .search-field-group {
    width: calc(100% - 40px) !important;
  }

  .forceCommunitySearchBox.focused .search-field {
    width: 100% !important;
    border: 1px solid #0c6efd !important;
    border-right: unset !important;
    border-radius: 8px 0 0 8px !important;
  }

  .forceCommunitySearchBox.focused .search-field:focus {
    box-shadow: none !important;
  }

  .forceCommunitySearchBox.focused .close-button.slds-button {
    text-indent: -9999px; /* テキストを画面外に */
    background-image: url('https://u.img-flvcdn.net/images/bizservices/payment_c/site/images/icon_close.svg') !important;
    background-color: #ffffff !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 20px 20px !important;
    width: 40px !important;
    height: 40px !important;
    border: 1px solid #0c6efd !important;
    border-left: unset !important;
    border-radius: 0 8px 8px 0 !important;
  }

  .forceCommunitySearchBox.focused .result-container {
    width: 100% !important;
  }

  .forceCommunitySearchBox.focused.show-result .result-container {
    border: 1px solid #939393 !important;
    margin-top: 0 !important;
    border-radius: 8px !important;
  }
}

.forceCommunityDeflection li.highlighted {
  outline: none !important;
}

.forceCommunityDeflectionOption.all .suggestionText.searchOption {
  white-space: pre-wrap !important;
}

.forceCommunityDeflectionOption a.suggestion:hover {
  text-decoration: none !important;
}

.forceCommunityDeflectionOption a.suggestion .type-indicator {
  align-content: center !important;
}

/* ##############################
 * 検索欄 END
 * ##############################
 */

/* ############################## ヘッダー END ############################## */

/* ############################## Key Visual ############################## */
.pchelp-key-visual {
  display: none;
  position: relative;
  width: 100%;
  height: var(--kv-height);
  overflow: hidden;
}

body.comm-page-article .pchelp-key-visual,
body.comm-page-home .pchelp-key-visual {
  display: block;
}

.pchelp-key-visual__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-image: url('https://u.img-flvcdn.net/images/bizservices/payment_c/site/images/kv_pc_2000x160@2x.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.pchelp-key-visual__content {
  position: relative;
  z-index: 3;
  height: 100%;
  display: flex;
  padding: 4px;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #ffffff;
}

.pchelp-key-visual__title-main {
  display: block;
  font-size: 38px;
  font-weight: 800;
  line-height: 46px;
  text-shadow: 2px 2px 4px #0000004d;
  white-space: nowrap;
}

@media (max-width: 767px) {
  /* スマホ用の画像に切り替え */
  .pchelp-key-visual__image {
    background-image: url('https://u.img-flvcdn.net/images/bizservices/payment_c/site/images/kv_sp_500x160@4x.jpg');
  }

  .pchelp-key-visual__title-main {
    font-size: 26px;
    line-height: 31px;
    white-space: normal;
  }
}

body.comm-page-article .pchelp-key-visual__title {
  display: none;
}

.comm-page-article .comm-content-header .forceCommunityRecordHeadline .slds-page-header__detail-row,
.comm-page-article .comm-content-header .forceCommunityRecordHeadline .profilePicWrapper,
.comm-page-article .comm-content-header .forceCommunityRecordHeadline .secondaryFields,
.comm-page-article .comm-content-header .forceCommunityRecordHeadline .actionsContainer,
.comm-page-article .comm-content-header .forceCommunityRecordHeadline .entityNameTitle,
.comm-page-article .comm-content-header .forceCommunityRecordHeadline .placeholder {
  display: none !important;
}

.comm-page-article .siteforceContentArea .comm-content-header.comm-layout-column:not(:empty) {
  padding: 0 !important;
}

.comm-page-article .comm-content-header .forceCommunityRecordHeadline .slds-page-header,
.comm-page-article .comm-content-header .forceCommunityRecordHeadline .forceRecordLayout .header {
  height: 0 !important;
  padding: 0 !important;
}

.comm-page-article .comm-content-header .forceCommunityRecordHeadline .slds-media__body,
.comm-page-article .comm-content-header .forceCommunityRecordHeadline .primaryField {
  position: absolute !important;
  display: block !important;
  top: -96px !important;
  left: 0 !important;
  color: #ffffff !important;
  transform: translateY(-50%) !important;
  height: fit-content !important;
  width: 100% !important;
  margin: 0 !important;
  z-index: 3 !important;
  text-align: center !important;
  padding: 0 12px !important;
  word-wrap: break-word !important;
}

.comm-page-article .comm-content-header .forceCommunityRecordHeadline .forceRecordLayout .slds-page-header__title,
.comm-page-article .comm-content-header .forceCommunityRecordHeadline .primaryField .uiOutputText {
  margin: 0 !important;
  max-height: unset !important;
  font-size: 38px !important;
  font-weight: 800 !important;
  line-height: 46px !important;
  text-shadow: 2px 2px 4px #0000004d !important;
}

@media (max-width: 767px) {
  .comm-page-article .comm-content-header .forceCommunityRecordHeadline .forceRecordLayout .slds-page-header__title,
  .comm-page-article .comm-content-header .forceCommunityRecordHeadline .primaryField .uiOutputText {
    font-size: 26px !important;
    line-height: 31px !important;
  }
}

@media (max-width: 400px) {
  .comm-page-article .comm-content-header .forceCommunityRecordHeadline .forceRecordLayout .slds-page-header__title,
  .comm-page-article .comm-content-header .forceCommunityRecordHeadline .primaryField .uiOutputText {
    font-size: 20px !important;
    line-height: 24px !important;
  }
}

/* ############################## Key Visual END ############################## */

/* ############################## sidebar ############################## */
/* banner */
.pchelp-banner-top {
  margin-bottom: 24px;
}

.pchelp-banner-top__link {
  display: block;
}

.pchelp-banner-top__img {
  display: block;
  width: 100%;
  aspect-ratio: 35 / 8;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* 日本語サイト用のバナー */
html[lang='ja'] .pchelp-banner-top__img {
  background-image: url('https://u.img-flvcdn.net/images/bizservices/payment_c/site/images/payment_center_top_banner_jp.jpg');
}

/* 英語サイト用のバナー */
html[lang='en-US'] .pchelp-banner-top__img,
html[lang='en'] .pchelp-banner-top__img {
  background-image: url('https://u.img-flvcdn.net/images/bizservices/payment_c/site/images/payment_center_top_banner_en.jpg');
}

@media (max-width: 767px) {
  .pchelp-banner-top {
    margin: 0 12px 24px 12px;
  }
}

/* よく見られている記事コンポーネント */
.selfServiceTopicTrendingArticles42 > h2 {
  font-size: 20px !important;
  font-weight: 700 !important;
  padding: 4px 4px 12px 16px !important;
}

.selfServiceTopicTrendingArticles42 .comm-topic-trending-articles__item > a {
  position: relative !important;
  border-bottom: 1px solid #e0e0e0 !important;
  padding: 12px 40px 12px 16px !important;
  color: #000000 !important;
  text-decoration: none !important;
}

.selfServiceTopicTrendingArticles42 .comm-topic-trending-articles__item > a::before {
  content: '' !important;
  position: absolute !important;
  right: 16px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 20px !important;
  height: 20px !important;
  background-image: url('https://u.img-flvcdn.net/images/bizservices/payment_c/site/images/icon_right_arrow.svg') !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
}

.selfServiceTopicTrendingArticles42 .comm-topic-trending-articles__item > a:hover {
  color: #0157d5 !important;
  text-decoration: none !important;
}

.selfServiceTopicTrendingArticles42 .comm-topic-trending-articles__item > a > span {
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 20px !important;
}

/* ############################## sidebar END ############################## */

/* ############################## Footer ############################## */
.pchelp-container {
  background-color: #f4f4f4;
}

.pchelp-container .pchelp-footer-faq-button-wrapper {
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  margin: 0 auto;
  padding: 32px 16px;
  border-bottom: 1px solid #d3d3d3;
}

.pchelp-container .pchelp-footer-faq-button-wrapper .pchelp-footer-faq-button {
  display: inline-block;
  padding: 8px 96px;
  color: #0157d5;
  border: 1px solid #0157d5;
  border-radius: 8px;
  text-decoration: none;
  font-size: 20px;
  font-weight: 700;
}

.pchelp-container .pchelp-footer-faq-button-wrapper .pchelp-footer-faq-button:hover {
  background-color: #0157d5;
  color: #ffffff !important;
  text-decoration: none !important;
}

@media (max-width: 375px) {
  .pchelp-container .pchelp-footer-faq-button-wrapper .pchelp-footer-faq-button {
    padding: 8px 64px;
  }
}

.pchelp-container .pchelp-inner {
  display: flex;
  gap: 16px;
  align-items: center;
  text-align: center;
  justify-content: center;
  padding: 16px 0;
  font-size: 15px;
}

@media (max-width: 767px) {
  .pchelp-container .pchelp-inner {
    flex-direction: column-reverse;
  }
}

.pchelp-container .pchelp-inner > p {
  color: #6a6a6a;
}

.pchelp-container .pchelp-inner .pchelp-link {
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  gap: 12px;
}

.pchelp-container .pchelp-inner .pchelp-link > a {
  color: #434343 !important;
  text-decoration: none !important;
}

.pchelp-container .pchelp-inner .pchelp-link > a + a::before {
  content: '';
  display: inline-block;
  width: 1px;
  height: 14px;
  margin-right: 12px;
  vertical-align: text-bottom;
  background-color: #434343;
}

.pchelp-container .pchelp-inner .pchelp-link > a:hover {
  text-decoration: underline !important;
}

/* ############################## Footer END ############################## */

/* ############################## 検索画面 ############################## */
body.comm-page-global-search .slds-m-bottom--xx-small,
body.comm-page-global-search .sortingInfo,
body.comm-page-global-search .slds-border_right,
body.comm-page-global-search .forceSearchScopesRibbon,
body.comm-page-global-search .slds-tile__detail,
body.comm-page-global-search .forceSearchScopesList,
body.comm-page-global-search .forceSearchScopesList + .filterSeparator,
body.comm-page-global-search .forceSearchFilterInputText,
body.comm-page-global-search .forceSearchFilterInputPicklist:nth-child(4),
body.comm-page-global-search .noResults,
body.comm-page-global-search div.DESKTOP.comm-panels-container.uiContainerManager.siteforcePanelsContainer {
  display: none;
}

/* 見出しのスタイル */
h1.pchelp-search-title {
  text-align: left !important;
  font-size: 26px !important;
  font-weight: 700 !important;
}

@media (max-width: 767px) {
  h1.pchelp-search-title {
    padding-top: 12px !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  body.comm-page-global-search .resultsWrapper {
    min-height: 0 !important;
  }
}

body.comm-page-global-search .listContent .slds-item {
  border: none;
  margin: 0 0 24px;
  padding: 0 !important;
}

@media (max-width: 767px) {
  body.comm-page-global-search .listContent .slds-item {
    padding: 0 12px !important;
  }
}

body.comm-page-global-search .forceCommunitySearch .forceSearchSearchResultsGridHeader {
  padding: 8px 0 !important;
  margin: 0 !important;
}

@media (max-width: 767px) {
  body.comm-page-global-search .forceCommunitySearch .forceSearchSearchResultsGridHeader {
    margin: 0 12px !important;
  }
}

body.comm-page-global-search .slds-tile {
  position: relative;
  margin: 16px 0 0;
  border: none;
  max-width: 100% !important;
}

body.comm-page-global-search mark {
  background: none;
  font-weight: bold;
  color: inherit;
}

body.comm-page-global-search .slds-tile .slds-grid a.slds-truncate {
  color: #0260ea !important;
}

body.comm-page-global-search .slds-tile .slds-grid a.slds-truncate:hover {
  text-decoration: underline !important;
}

body.comm-page-global-search .slds-tile .slds-grid a.slds-truncate > span {
  text-decoration: none !important;
}

body.comm-page-global-search .formattedTextLookupTitle[knowledgeui-resultStencil_resultStencil] {
  border: none;
}

body.comm-page-global-search .forceSearchNoResults.slds-page-header {
  padding: 8px 0 !important;
}

@media (max-width: 767px) {
  body.comm-page-global-search .forceSearchNoResults.slds-page-header {
    padding: 8px 12px !important;
  }
}

body.comm-page-global-search .forceSearchNoResults:before {
  content: '検索キーワードに一致する情報は見つかりませんでした。';
  display: block;
  padding: 20px 0;
  font-size: 20px;
  font-weight: bold;
  line-height: 26px !important;
  color: #212121;
  border-top: 1px solid #939393;
}

html[lang='en'] body.comm-page-global-search .forceSearchNoResults:before,
html[lang='en-US'] body.comm-page-global-search .forceSearchNoResults:before {
  content: 'No matching search results';
}

body.comm-page-global-search .forceSearchNoResults:after {
  content: '再検索のヒント：\A誤字・脱字がないかを確認してみてください。\A言葉の区切り方を変えてみてください。';
  display: block;
  white-space: pre-wrap;
  font-size: 15px;
  line-height: 22px !important;
  color: #545454;
}

html[lang='en'] body.comm-page-global-search .forceSearchNoResults:after,
html[lang='en-US'] body.comm-page-global-search .forceSearchNoResults:after {
  content: 'Suggestions:\AMake sure the spelling of the words.\ASeparate the words differently.';
}

@media (max-width: 767px) {
  body.comm-page-global-search .slds-icon-utility-filterList {
    display: none;
  }
  body.comm-page-global-search .slds-button.qe-showSmartScope {
    margin-bottom: 30px;
  }
  body.comm-page-global-search .smartScopeModal .slds-button.apply {
    color: #ffffff;
  }
}

/* 'show more' button */
body.comm-page-global-search .uiAbstractList + div {
  text-align: left !important;
  margin: 0 !important;
}

body.comm-page-global-search .uiAbstractList + div .slds-button.slds-button_brand {
  height: fit-content !important;
  padding: 4px 30px !important;
  background-color: #ffffff !important;
  border: 1px solid #939393 !important;
  color: #212121;
  cursor: pointer !important;
  font-size: 17px !important;
}

body.comm-page-global-search .uiAbstractList + div .slds-button.slds-button_brand:hover {
  text-decoration: none !important;
}

@media (max-width: 767px) {
  body.comm-page-global-search .uiAbstractList + div {
    margin: 0 12px !important;
    text-align: center !important;
  }
}

body.comm-page-global-search .forceCommunitySearch {
  display: block !important;
}

/* ############################## 検索画面 END ############################## */

/* ############################## エラー画面 ############################## */
.pchelp-error-container {
  min-height: calc(100vh - var(--footer-area-height) - var(--header-height) - 24px - 24px);
  align-content: center;
  text-align: center;
  line-height: 1.5;
}

@media (max-width: 767px) {
  .pchelp-error-container {
    min-height: calc(100vh - var(--footer-area-height-sp) - var(--header-height) - 48px - 24px);
  }
}

.pchelp-error-container .pchelp-error__text {
  color: #000000;
  font-size: 26px;
  font-weight: 700;
}

.pchelp-error-container .pchelp-error__subtext {
  color: #000000;
  font-weight: 400;
  font-size: 17px;
  margin: 20px 0;
}

.pchelp-error-container .pchelp-error__link {
  color: #0260ea !important;
  font-weight: 700;
  font-size: 20px;
}

.pchelp-error-container .pchelp-error__link:hover {
  text-decoration: underline !important;
}
/* ############################## エラー画面 END ############################## */

/* ############################## TOP画面 ############################## */
/* 「トピック別上位の記事」コンポネート */
.comm-page-home .selfServiceArticleLayout .article-head {
  margin-top: 0 !important;
}

.comm-page-home .selfServiceArticleLayout.zoom.article-column {
  padding: 0 !important;
}

.comm-page-home .forceCommunityTopArticleListForTopic .topicHeader,
.comm-page-home .forceCommunityTopArticleList.narrow .singleListContainer .topicHeader {
  display: none !important;
}

.comm-page-home .forceCommunityTopArticleItem a.article-title-link:hover {
  color: #0157d5 !important;
  text-decoration: none !important;
}

.comm-page-home .forceCommunityTopArticleItem .article-title {
  font-size: 15px !important;
  line-height: 20px !important;
  font-weight: 400 !important;
  white-space: pre-wrap !important;
}

.comm-page-home .forceCommunityTopArticleList .singleListContainer {
  width: 100% !important;
}

.comm-page-home .forceCommunityTopArticleList .title {
  font-size: 26px !important;
}

@media (max-width: 767px) {
  .comm-page-home .forceCommunityTopArticleList .title,
  .comm-page-home .selfServiceArticleLayout.zoom.article-column {
    padding: 0 16px !important;
  }
}

/* 「このトピックに関連する記事」コンポネート */
.comm-page-home .selfServiceArticleListItem .footer {
  display: none !important;
}

.comm-page-home .selfServiceArticleListItem {
  border-bottom: none !important;
}

.comm-page-home .selfServiceTopicArticleList .selfServiceArticleListItem {
  margin: 0 !important;
  padding: 8px 0 !important;
}

.comm-page-home .selfServiceTopicRelatedArticle .headerLabel {
  font-size: 26px !important;
  font-weight: 700 !important;
}

.comm-page-home .selfServiceArticleListItem .article-link {
  width: fit-content !important;
}

.comm-page-home .selfServiceArticleListItem .article-link:hover,
.comm-page-home .selfServiceArticleListItem .article-head:hover {
  color: #0157d5 !important;
  text-decoration: none !important;
}

.comm-page-home .selfServiceArticleListItem .article-head {
  color: #000000 !important;
  margin-bottom: 0 !important;
  font-size: 15px !important;
  line-height: 20px !important;
  font-weight: 400 !important;
  white-space: pre-wrap !important;
}

@media (max-width: 767px) {
  .comm-page-home .selfServiceTopicRelatedArticle {
    padding: 0 16px !important;
  }
}

/* ############################## TOP画面 END ############################## */

/* ############################## 記事コンテンツ ############################## */
.comm-page-article .forcePageBlockSectionRow > div[data-target-selection-name='sfdc:RecordField.Knowledge__kav.UrlName'],
.comm-page-article .forcePageBlockSectionRow > div[data-target-selection-name='sfdc:RecordField.Knowledge__kav.Title'],
.comm-page-article .forcePageBlockSectionRow > div[data-target-selection-name='sfdc:RecordField.Knowledge__kav.Tag__c'],
.comm-page-article .forcePageBlockSectionRow > div[data-target-selection-name='sfdc:RecordField.Knowledge__kav.IsVisibleInApp'],
.comm-page-article .forcePageBlockSectionRow > div[data-target-selection-name='sfdc:RecordField.Knowledge__kav.IsVisibleInPkb'],
.comm-page-article .forcePageBlockSectionRow > div[data-target-selection-name='sfdc:RecordField.Knowledge__kav.HelpArticleDetail__c'] .test-id__field-label-container.slds-form-element__label {
  display: none !important;
}

.forcePageBlockItemView.forcePageBlockItem.slds-col > .slds-form-element.slds-form-element_readonly {
  border-bottom: none !important;
}

.selfServiceArticleLayout.zoom.article-column,
.selfServiceArticleLayout .forcePageBlockSectionRow.full {
  padding: 0 !important;
}

@media (max-width: 767px) {
  .selfServiceArticleLayout.zoom.article-column {
    padding: 0 12px !important;
  }
}

.comm-page-article .selfServiceOutputRichTextWithSmartLinks p {
  line-height: 22px !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  margin-bottom: 12px !important;
}

.comm-page-article .selfServiceOutputRichTextWithSmartLinks h1,
.comm-page-article .selfServiceOutputRichTextWithSmartLinks h2,
.comm-page-article .selfServiceOutputRichTextWithSmartLinks h3,
.comm-page-article .selfServiceOutputRichTextWithSmartLinks h4,
.comm-page-article .selfServiceOutputRichTextWithSmartLinks h5,
.comm-page-article .selfServiceOutputRichTextWithSmartLinks h6 {
  font-weight: bold !important;
  line-height: 26px !important;
}

.comm-page-article .selfServiceOutputRichTextWithSmartLinks h1 {
  font-size: 26px !important;
  margin-top: 48px !important;
  margin-bottom: 12px !important;
}

.comm-page-article .selfServiceOutputRichTextWithSmartLinks h2 {
  font-size: 20px !important;
  margin-top: 36px !important;
  margin-bottom: 12px !important;
}
.comm-page-article .selfServiceOutputRichTextWithSmartLinks h3 {
  font-size: 17px !important;
  margin-top: 24px !important;
  margin-bottom: 8px !important;
}
.comm-page-article .selfServiceOutputRichTextWithSmartLinks h4 {
  font-size: 15px !important;
  margin-top: 16px !important;
  margin-bottom: 8px !important;
}
.comm-page-article .selfServiceOutputRichTextWithSmartLinks h5 {
  font-size: 13px !important;
  margin-top: 12px !important;
  margin-bottom: 4px !important;
}

.slds-text-longform dl {
  margin: 4px 0 !important;
}

.comm-page-article .slds-rich-text-editor__output .artPanel__title {
  position: relative;
  padding-left: 32px;
  padding-bottom: 4px;
  font-size: 15px;
  font-weight: 700;
}

.comm-page-article p.table-of-contents {
  width: fit-content;
  padding: 18px;
  margin: 24px 0 !important;
  border: 1px solid #d9d9d9;
  color: #6a6a6a;
  font-weight: 700 !important;
  line-height: 28px !important;
}

.comm-page-article p.table-of-contents a {
  margin-top: 4px !important;
  font-weight: 400 !important;
}

.comm-page-article p.attention-text {
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 18px !important;
}

.comm-page-article .slds-rich-text-editor__output .artPanel__text {
  position: relative;
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
  margin-left: 32px !important;
}

.comm-page-article .slds-rich-text-editor__output .artPanel--hint,
.comm-page-article .slds-rich-text-editor__output .artPanel--alert {
  padding: 16px 12px;
  margin: 20px 0 !important;
  background-color: #f4f4f4;
  border-radius: 5px;
}

.comm-page-article .slds-rich-text-editor__output .artPanel--alert > .artPanel__title::before,
.comm-page-article .slds-rich-text-editor__output .artPanel--hint > .artPanel__title::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 8px;
}

.comm-page-article .slds-rich-text-editor__output .artPanel--alert > .artPanel__title::before {
  background: url(https://u.img-flvcdn.net/images/bizservices/payment_c/site/images/icon_exclamation_triangle.svg) no-repeat 0px 0%;
  background-size: 24px 24px;
}

.comm-page-article .slds-rich-text-editor__output .artPanel--hint > .artPanel__title::before {
  background: url(https://u.img-flvcdn.net/images/bizservices/payment_c/site/images/icon_info_circle.svg) no-repeat 0px 0%;
  background-size: 24px 24px;
}

.comm-page-article .slds-rich-text-editor__output table {
  width: 100% !important;
  font-size: 15px;
  margin: 20px 0 !important;
  border: 1px solid #d9d9d9;
  border-collapse: collapse;
}

.comm-page-article .slds-rich-text-editor__output th,
.comm-page-article .slds-rich-text-editor__output table thead tr {
  color: #6a6a6a;
  background-color: #f4f4f4;
}

.comm-page-article .slds-rich-text-editor__output th,
.comm-page-article .slds-rich-text-editor__output td {
  padding: 12px 16px;
  text-align: left;
  border: 1px solid #d9d9d9;
}

.comm-page-article .slds-text-longform ul {
  margin-left: 18px !important;
}

.comm-page-article .slds-text-longform ol.artCircleNumber {
  margin-bottom: 0 !important;
}

.comm-page-article .slds-rich-text-editor__output img {
  max-width: 100% !important;
  height: auto !important;
  border: 1px solid #e7e7e7;
  margin: 8px 0 !important;
}

.comm-page-article .slds-rich-text-editor__output .artExpand {
  margin: 20px 0;
  border-top: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
}

.comm-page-article .slds-rich-text-editor__output .artExpand + .artExpand {
  margin-top: -40px;
  border-top: 0;
}

.comm-page-article .slds-rich-text-editor__output .artExpand__head:hover {
  background-color: #f5f5f5;
}

.comm-page-article .slds-rich-text-editor__output .artExpand__head:hover.is-show {
  background: none;
}

.comm-page-article .slds-rich-text-editor__output .artExpand__body {
  padding: 12px 10px 15px;
}

.comm-page-article .slds-rich-text-editor__output .is-hide .artExpand__body {
  display: none;
}

.comm-page-article .slds-rich-text-editor__output .artExpand__title {
  position: relative;
  margin-top: 0 !important;
  margin-bottom: 0;
  padding: 12px 16px;
  background-color: #f4f4f4;
}

/* ############################## 記事コンテンツ END ############################## */