@charset "utf-8"; *:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg*, symbol*)) { all: unset; display: revert } *, *::before, *::after { box-sizing: border-box } html { -moz-text-size-adjust: none; -webkit-text-size-adjust: none; text-size-adjust: none } a, button { cursor: revert } div, p, ol:not(.wp-block-list), ul:not(.wp-block-list), menu, summary { list-style: none; padding: 0; margin: 0; } img { max-inline-size: 100%; max-block-size: 100% } h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; padding: 0; margin: 0; margin-block-start: 0; margin-block-end: 0; } body { margin: 0; padding: 0; } table { border-collapse: collapse } input, textarea { -webkit-user-select: auto; user-select: auto; } textarea { white-space: revert } meter { -webkit-appearance: revert; appearance: revert } :where(pre) { all: revert; box-sizing: border-box } ::placeholder { color: unset } :where([hidden]) { display: none } :where([contenteditable]:not([contenteditable="false"])) { -moz-user-modify: read-write; -webkit-user-modify: read-write; overflow-wrap: break-word; -webkit-line-break: after-white-space; line-break:auto; -webkit-user-select: auto; user-select: auto; } :where([draggable="true"]) { -webkit-user-drag: element } :where(dialog:modal) { all: revert; box-sizing: border-box } :root { --color-primary: #000; --color-on-primary: #fff; --color-surface: #f5f5f5; --color-on-surface: #000; --color-background: #fff; --color-on-background: #131313; --color-link: #1a0dab; --color-border: #ccc; --fanqy-header-text-color: #000; --fanqy-tagline-text-color: #000; --font-family-primary: 'Noto Sans JP', 'Hiragino Sans', 'Yu Gothic', sans-serif; --fanqy-adminbar-offset: 0px; --max-width_pc: 1000px; --max-width_pc_content: 700px; --sp-padding: 1rem; --space-xs: 0.5rem; --space-s: 1rem; --space-m: 1.6rem; --space-l: 3rem; --space-xl: 4rem; --font-size-xs: 0.70rem; --font-size-s: 0.85rem; --font-size-m: 1rem; --font-size-l: 1.25rem; --font-size-xl: 1.8rem; --border-radius: 10px; --letter-spacing-default:0.05em; --line-height-default: 1.4; --font-weight-normal: 400; --font-weight-bold: 700; --font-weight-black: 900; --lime-gradient-color: rgba(81, 210, 190, 0.8) 0%, rgba(79, 210, 105, 0.8) 20%, rgba(116, 214, 36, 0.8) 71%, rgba(201, 243, 32, 0.8) 100%; --lime-gradient: linear-gradient(165deg, var(--lime-gradient-color)); --box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px; --box-shadow-hover: rgba(0, 0, 0, 0.25) 1.95px 1.95px 2.6px; --fanqy-card-box-shadow:3px 3px 0 2px var(--color-primary); } @charset "UTF-8"; html { font-size: min(var(--fanqy-html-font-size-px, 16px), var(--fanqy-html-font-size-vw, 4vw)); scroll-behavior: smooth; -webkit-text-size-adjust: 100%; word-break: break-word; overflow-wrap: anywhere; } html.no-scroll-behavior { scroll-behavior: auto; } body { word-break: break-word; overflow-wrap: anywhere; } body.fanqy-animation-off { opacity: 1 !important; visibility: visible !important; transition: none !important; } body { font-family: var(--font-family-primary); font-weight: var(--font-weight-normal); font-size: var(--font-size-m); line-height: var(--fanqy-line-height-base, var(--line-height-default)); letter-spacing: var(--fanqy-letter-spacing-base, var(--letter-spacing-default)); color: var(--color-on-background); background-color: var(--color-background); } body:not(.fanqy-animation-off) { opacity: 0; visibility: hidden; transition: opacity 1s ease-in-out; } body:not(.fanqy-animation-off).loaded { opacity: 1; visibility: visible; } body.fanqy-animation-off.loaded { opacity: 1; visibility: visible; } body.no-scroll { overflow: hidden; } body.customize-preview { transition: opacity 0.3s ease-in-out; } body.customize-preview.fade-updating { opacity: 0; } body.customize-preview.fade-visible { opacity: 1; } @media screen and (max-width: 600px) { #wpadminbar { position: fixed !important; } } p { margin-bottom: var(--space-m); } p:has(+ p) { margin-bottom: var(--space-s); } a { color: var(--fanqy-link-color, var(--color-link)); transition: color 0.35s ease, opacity 0.35s ease, text-shadow 0.35s ease; cursor: pointer; } a:active { opacity: 0.6; } a:visited { opacity: 0.6; } a, a:visited { -webkit-text-decoration: var(--fanqy-link-decoration, underline); text-decoration: var(--fanqy-link-decoration, underline); } a:hover, a:focus-visible { -webkit-text-decoration: var(--fanqy-link-decoration-hover, underline); text-decoration: var(--fanqy-link-decoration-hover, underline); } body.fanqy-link-hover-fade a { transition: color 0.35s ease, opacity 0.35s ease; } body.fanqy-link-hover-fade a:hover { opacity: 0.6; } .news-bar { width: 100%; background: var(--news-bar-bg, var(--color-primary)); color: var(--news-bar-text, var(--color-on-primary)); font-size: var(--font-size-s); display: flex; align-items: center; border-bottom: 1px solid rgba(255, 255, 255, 0.08); padding: var(--space-xs) var(--space-s); } .news-bar .news-bar__item { display: inline-flex; align-items: center; gap: var(--space-xs); color: inherit; text-decoration: none; } .news-bar .news-bar__title { font-weight: var(--font-weight-bold); } header { position: relative; z-index: 10; background: var(--fanqy-header-background-color, var(--color-background)); } header.header-reveal-clone { position: fixed; top: var(--fanqy-adminbar-offset, 0px); left: 0; right: 0; z-index: 1000; background: var(--fanqy-header-background-color, var(--color-background)); transform: translateY(-100%); transition: transform 0.25s ease-in-out; } header[data-header-behavior=normal] { position: relative; } header[data-header-behavior=fixed] { position: sticky; top: var(--fanqy-adminbar-offset, 0px); z-index: 1000; } header[data-header-behavior=reveal] { position: relative; } header .header-container { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: center; gap: var(--space-s); padding: var(--space-s) var(--fanqy-sp-padding-horizontal); } @media screen and (min-width: 1025px) { header .header-container { max-width: var(--fanqy-max-width_pc, var(--max-width_pc)); margin: 0 auto; } } header .header-container > * { grid-row: 1; } header .header-container .header-logo-wrapper { justify-self: center; } header .header-container .header-logo-wrapper .header-logo { max-width: var(--fanqy-logo-max-width, 200px); margin: 0 auto; } header .header-container .header-logo-wrapper .header-logo a { text-decoration: none; color: var(--fanqy-header-text-color, var(--color-on-background)); } header .header-container .header-logo-wrapper .header-logo img { width: 100%; height: auto; } header .header-container .header-logo-wrapper .header-logo .custom-logo-link { display: block; text-decoration: none; } header .header-container .header-logo-wrapper .header-logo .custom-logo { width: 100%; height: auto; display: block; } header .header-container .header-logo-wrapper .header-logo-text { font-size: var(--font-size-l); font-weight: var(--font-weight-bold); color: var(--fanqy-header-text-color, var(--color-on-background)); text-decoration: none; display: inline-block; } header .header-container .header-logo-wrapper .header-logo-text .header-logo-link { text-decoration: none; color: inherit; } header .header-container .header-logo-wrapper .header-tagline { font-size: var(--font-size-s); font-weight: var(--font-weight-bold); color: var(--fanqy-tagline-text-color, var(--color-on-background)); padding: 0; width: 100%; text-align: var(--fanqy-tagline-align, right); margin: 0; } header .header-global-menu { display: flex; align-items: center; justify-content: flex-end; min-width: 140px; } header .header-container.header-layout-desktop-logo_left_button_right .header-logo-wrapper { grid-column: 1; justify-self: flex-start; } header .header-container.header-layout-desktop-logo_left_button_right .header-global-menu { grid-column: 3; justify-self: flex-end; } header .header-container.header-layout-desktop-logo_center_button_right .header-logo-wrapper { grid-column: 2; justify-self: center; } header .header-container.header-layout-desktop-logo_center_button_right .header-global-menu { grid-column: 3; justify-self: flex-end; } header .header-container.header-layout-desktop-button_left_logo_right .header-global-menu { grid-column: 1; justify-self: flex-start; } @media screen and (min-width: 768px) { header .header-container.header-layout-desktop-button_left_logo_right .header-global-menu { justify-content: flex-start; } } header .header-container.header-layout-desktop-button_left_logo_right .header-logo-wrapper { grid-column: 3; justify-self: flex-end; } header .header-container.header-layout-desktop-button_left_logo_center .header-global-menu { grid-column: 1; justify-self: flex-start; } @media screen and (min-width: 768px) { header .header-container.header-layout-desktop-button_left_logo_center .header-global-menu { justify-content: flex-start; } } header .header-container.header-layout-desktop-button_left_logo_center .header-logo-wrapper { grid-column: 2; justify-self: center; } header .header-container.no-global-menu { grid-template-columns: minmax(0, 1fr); } header .header-container.no-global-menu .header-logo-wrapper { grid-column: 1; justify-self: center; } @media screen and (max-width: 767px) { header .header-container { grid-template-columns: repeat(2, minmax(0, 1fr)); } header .header-container.header-layout-mobile-logo_left_button_right .header-logo-wrapper { grid-column: 1; justify-self: flex-start; } header .header-container.header-layout-mobile-logo_left_button_right .header-global-menu { grid-column: 2; justify-self: flex-end; } header .header-container.header-layout-mobile-logo_right_button_left .header-global-menu { grid-column: 1; justify-self: flex-start; justify-content: flex-start; } header .header-container.header-layout-mobile-logo_right_button_left .header-logo-wrapper { grid-column: 2; justify-self: flex-end; } } body.is-header-revealed .header-reveal-clone { transform: translateY(0); } .global-menu-toggle { display: inline-flex; align-items: center; gap: var(--space-xs); border: none; cursor: pointer; padding: var(--space-xs) var(--space-s); border-radius: var(--fanqy-corner-radius-round, var(--border-radius)); font-size: var(--font-size-s); font-weight: var(--font-weight-bold); transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease; color: var(--global-menu-text-color, var(--color-on-background)); background: var(--global-menu-bg-color, var(--color-primary)); border: 2px solid var(--global-menu-border-color, transparent); } .global-menu-toggle__icon { width: 1.4rem; height: 1.4rem; display: inline-flex; align-items: center; justify-content: center; font-size: 1.2rem; } .global-menu-toggle__icon i { line-height: 1; } .global-menu-toggle.global-menu-toggle--layout-horizontal { flex-direction: row; } .global-menu-toggle.global-menu-toggle--layout-vertical { flex-direction: column; align-items: center; text-align: center; padding: 0.85rem; gap: 0.2rem; } .global-menu-toggle.global-menu-toggle--layout-vertical .global-menu-toggle__label:not(.global-menu-toggle__label--sr) { position: static; width: auto; height: auto; margin: 0; clip: auto; white-space: normal; } .global-menu-toggle .global-menu-toggle__label--sr { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; border: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; } .global-menu-panel { position: fixed; inset: 0; z-index: 2000; opacity: 0; pointer-events: none; transition: opacity 0.3s ease; } .global-menu-panel__overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.4); opacity: 0; transition: opacity 0.3s ease; top: var(--fanqy-adminbar-offset, 0px); height: calc(100% - var(--fanqy-adminbar-offset, 0px)); } .global-menu-panel__body { position: absolute; background: var(--color-background); color: var(--color-on-background); padding: var(--space-l); transition: transform 0.35s ease, opacity 0.3s ease; box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2); display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; overflow-y: auto; gap: var(--space-m); } .global-menu-panel__body .global-menu-close { border-radius: var(--fanqy-corner-radius-round, var(--border-radius)); } .global-menu-panel__body .global-menu-nav { width: 100%; } .global-menu-panel__body .global-menu-nav .global-menu-nav-title { font-weight: var(--font-weight-bold); border-bottom: 1px solid var(--color-border); padding-bottom: var(--space-xs); width: 100%; } .global-menu-panel__body .global-menu-nav .global-menu-list { list-style: none; padding: var(--space-s) 0; margin: 0; display: flex; flex-direction: column; gap: var(--space-xs); font-size: var(--font-size-s); } .global-menu-panel__body .global-menu-nav .global-menu-list .global-menu-item { width: 100%; display: inline-flex; align-items: center; gap: var(--space-xs); width: 100%; } .global-menu-panel__body .global-menu-nav .global-menu-list .global-menu-item .global-menu-item-inner { width: 100%; display: flex; align-items: flex-start; justify-content: flex-start; gap: var(--space-xs); } .global-menu-panel__body .global-menu-nav .global-menu-list .global-menu-item .global-menu-item-inner .global-menu-item-icon { display: flex; align-items: flex-start; justify-content: flex-start; font-size: var(--font-size-s); } .global-menu-panel__body .global-menu-nav .global-menu-list .global-menu-item .global-menu-item-inner .global-menu-item-icon::before { content: var(--fanqy-faq-icon-content, "▶︎"); font-family: "Font Awesome 6 Free", var(--font-family-primary, sans-serif); font-weight: 900; font-size: var(--font-size-s); color: var(--color-primary); } .global-menu-panel__body .global-menu-nav .global-menu-list .global-menu-item .global-menu-item-inner .global-menu-item-title { flex: 1 1 auto; } .global-menu-panel__body .global-menu-nav .global-menu-list .global-menu-item .global-menu-item-inner .global-menu-item-title a { color: var(--color-on-background); } .global-menu-panel__body .global-menu-widget { width: 100%; font-size: var(--font-size-s); } .global-menu-panel__body .global-menu-widget.global-menu-widget--top { margin-top: 0; } .global-menu-panel__body .global-menu-widget.global-menu-widget--bottom { margin-bottom: 0; } .global-menu-panel.is-open { opacity: 1; pointer-events: auto; } .global-menu-panel.is-open .global-menu-panel__overlay { opacity: 1; } .global-menu-panel.global-menu-panel--drawer .global-menu-panel__body { top: 0; right: 0; height: 100%; width: min(360px, 90vw); border-radius: 0; transform: translateX(100%); display: flex; flex-direction: column; padding: var(--space-l) var(--space-m); top: var(--fanqy-adminbar-offset, 0px); height: calc(100% - var(--fanqy-adminbar-offset, 0px)); } .global-menu-panel.global-menu-panel--drawer.is-open .global-menu-panel__body, body.global-menu-open .global-menu-panel.global-menu-panel--drawer .global-menu-panel__body { transform: translateX(0); } .global-menu-panel.global-menu-panel--modal .global-menu-panel__body { top: 50%; left: 50%; width: min(480px, 90vw); transform: translate(-50%, -40%); max-height: min(80vh, 600px); overflow-y: auto; border-radius: var(--fanqy-corner-radius, var(--border-radius)); } .global-menu-panel.global-menu-panel--modal.is-open .global-menu-panel__body, body.global-menu-open .global-menu-panel.global-menu-panel--modal .global-menu-panel__body { transform: translate(-50%, -50%); } .global-menu-panel .global-menu-close { position: absolute; top: var(--space-s); right: var(--space-s); width: 2.5rem; height: 2.5rem; background: var(--global-menu-close-bg-color, rgba(0, 0, 0, 0.05)); border: none; cursor: pointer; } .global-menu-panel .global-menu-close:before, .global-menu-panel .global-menu-close:after { content: ""; position: absolute; top: 50%; left: 50%; width: 1.2rem; height: 2px; background: var(--global-menu-close-text-color, var(--color-on-background)); } .global-menu-panel .global-menu-close:before { transform: translate(-50%, -50%) rotate(45deg); } .global-menu-panel .global-menu-close:after { transform: translate(-50%, -50%) rotate(-45deg); } body.global-menu-open { overflow: hidden; } body.global-menu-open .global-menu-panel { opacity: 1; pointer-events: auto; } .footer-search { padding: var(--space-l) var(--fanqy-sp-padding-horizontal); margin: var(--space-l) 0 0 0; background-color: var(--color-primary); color: var(--color-on-primary); } .footer-search .footer-search-container { max-width: var(--fanqy-max-width_pc_content, var(--max-width_pc_content)); margin: 0 auto; } .footer-search .footer-search-container .footer-search-title { font-size: var(--font-size-l); font-weight: var(--font-weight-bold); text-align: center; padding-bottom: var(--space-s); } .footer-contact { width: 100%; margin: var(--space-l) 0 0 0; padding: 0 var(--fanqy-sp-padding-horizontal); } .footer-contact .footer-contact-container { width: 100%; max-width: var(--fanqy-max-width_pc, var(--max-width_pc)); margin: 0 auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: var(--space-m); } .footer-contact .footer-contact-container .footer-contact-title { width: 100%; font-size: var(--font-size-l); font-weight: var(--font-weight-bold); text-align: center; padding-bottom: var(--space-s); } .footer-contact .footer-contact-container .footer-contact-content { width: 100%; } .footer-contact .footer-contact-container .footer-contact-content .footer-contact-list { width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: var(--space-s); } @media screen and (min-width: 600px) { .footer-contact .footer-contact-container .footer-contact-content .footer-contact-list { flex-direction: row; justify-content: space-around; align-items: center; } } .footer-contact .footer-contact-container .footer-contact-content .footer-contact-list .footer-contact-item { border-radius: var(--fanqy-corner-radius, var(--border-radius)); display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; } .footer-contact .footer-contact-container .footer-contact-content .footer-contact-list .footer-contact-item .footer-contact-link { display: flex; width: 100%; flex-direction: column; justify-content: center; align-items: center; gap: var(--space-s); color: var(--color-on-background); padding: var(--space-m); text-decoration: none; } .footer-contact .footer-contact-container .footer-contact-content .footer-contact-list .footer-contact-item .footer-contact-link .footer-contact-text { font-size: var(--font-size-s); font-weight: var(--font-weight-bold); } .footer-contact .footer-contact-container .footer-contact-content .footer-contact-list .footer-contact-item .footer-contact-link .footer-contact-icon { font-size: var(--font-size-xl); color: var(--color-primary); } .footer-contact.fanqy-footer-contact--style1 .footer-contact-container .footer-contact-content .footer-contact-list .footer-contact-item { border: 1px solid var(--color-border); } .footer-contact.fanqy-footer-contact--style2 .footer-contact-container .footer-contact-content .footer-contact-list .footer-contact-item { border: 1px solid var(--color-primary); box-shadow: var(--fanqy-card-box-shadow); } .footer-contact.fanqy-footer-contact--style3 .footer-contact-container .footer-contact-content .footer-contact-list .footer-contact-item { background-color: var(--color-surface); } .footer-contact.fanqy-footer-contact--style3 .footer-contact-container .footer-contact-content .footer-contact-list .footer-contact-item .footer-contact-link .footer-contact-text { color: var(--color-on-surface); } .footer-contact.fanqy-footer-contact--style3 .footer-contact-container .footer-contact-content .footer-contact-list .footer-contact-item .footer-contact-link .footer-contact-icon { color: var(--color-on-surface); } .footer-contact.fanqy-footer-contact--style4 .footer-contact-container .footer-contact-content .footer-contact-list .footer-contact-item { border: 1px solid var(--color-primary); } .footer-contact.fanqy-footer-contact--style4 .footer-contact-container .footer-contact-content .footer-contact-list .footer-contact-item .footer-contact-link { padding: 0; gap: 0; } .footer-contact.fanqy-footer-contact--style4 .footer-contact-container .footer-contact-content .footer-contact-list .footer-contact-item .footer-contact-link .footer-contact-text { display: flex; justify-content: center; align-items: center; background-color: var(--color-primary); color: var(--color-on-primary); width: 100%; border-radius: 0 0 var(--fanqy-corner-radius, var(--border-radius)) var(--fanqy-corner-radius, var(--border-radius)); padding: var(--space-xs); } .footer-contact.fanqy-footer-contact--style4 .footer-contact-container .footer-contact-content .footer-contact-list .footer-contact-item .footer-contact-link .footer-contact-icon { padding: var(--space-m); } .footer-contact.fanqy-footer-contact--style5 .footer-contact-container { border: 1px solid var(--color-border); border-radius: var(--fanqy-corner-radius, var(--border-radius)); padding: var(--space-m); gap: 0; } footer .footer-container { display: flex; flex-direction: column; justify-content: center; margin: var(--space-m) auto; } @media screen and (min-width: 1025px) { footer .footer-container { max-width: var(--fanqy-max-width_pc_content, var(--max-width_pc_content)); margin: var(--space-l) auto; } } footer .footer-container .footer-content ul { list-style-type: none; margin: 0; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; gap: var(--space-s); padding: var(--space-s) var(--fanqy-sp-padding-horizontal); } footer .footer-container .footer-content ul li a { color: var(--color-on-background); font-size: var(--font-size-s); } footer .footer-copyright { text-align: center; padding: var(--space-xs) var(--fanqy-sp-padding-horizontal) var(--space-s) var(--fanqy-sp-padding-horizontal); font-size: var(--font-size-xs); } .simple-btn { margin: var(--space-m) auto 0 auto; padding: var(--space-xs) var(--space-m); background-color: var(--color-primary); color: var(--color-on-primary); font-weight: var(--font-weight-bold); max-width: 250px; } .simple-btn a { color: var(--color-on-primary); text-decoration: none; font-size: var(--font-size-m); } .articles-list { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; width: 100%; } .articles-list a { text-decoration: none; color: var(--color-on-background); } .articles-list .article-list-item-wrap { width: 100%; cursor: pointer; display: flex; flex-direction: row; justify-content: space-between; align-items: center; border-bottom: 1px solid var(--color-border); margin-bottom: var(--space-xs); } .articles-list .article-list-item-wrap .article-list-item { width: 100%; display: flex; align-items: flex-start; justify-content: flex-start; gap: var(--space-xs); padding: var(--space-s) 0; } .articles-list .article-list-item-wrap .article-list-item .article-list-icon { display: flex; align-items: flex-start; justify-content: flex-start; } .articles-list .article-list-item-wrap .article-list-item .article-list-icon::before { content: var(--fanqy-faq-icon-content, "▶︎"); font-family: "Font Awesome 6 Free", var(--font-family-primary, sans-serif); font-weight: 900; font-size: var(--font-size-s); color: var(--color-on-background); } .articles-list .article-list-item-wrap .article-list-item h2 { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; font-size: var(--font-size-s); font-weight: var(--font-weight-bold); margin: 0 !important; } .pagination { display: flex; padding: 0; margin: var(--space-s) auto var(--space-m) auto; justify-content: center; align-items: center; } .page-numbers { display: inline-block; padding: 0.3rem 0.6rem; margin: 0 0.2rem; font-size: 1rem; color: var(--color-on-background); text-decoration: none; transition: background-color 0.3s; } .page-numbers.current { background-color: var(--color-primary); color: var(--color-on-primary); font-weight: bold; } .page-numbers.dots { color: var(--color-on-background); } .page-numbers.dots:hover { background-color: inherit; } .next.page-numbers, .prev.page-numbers { background-color: none; color: var(--color-on-background); padding: 0; font-size: 0.9rem; padding: 0 0.2rem; } .next.page-numbers:hover, .prev.page-numbers:hover { background-color: inherit; } .sns-list-share { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 0.5rem; font-size: 1.8rem; } .sns-list-share li a { text-decoration: none; color: var(--color-on-background); } .breadcrumbs-container { padding: var(--space-s) var(--fanqy-sp-padding-horizontal); font-size: var(--font-size-xs); } @media screen and (min-width: 768px) { .breadcrumbs-container { max-width: var(--fanqy-max-width_pc_content, var(--max-width_pc_content)); margin: 0 auto; } } .breadcrumbs-container .breadcrumbs::-webkit-scrollbar { display: none; } .breadcrumbs-container a, .breadcrumbs-container .current { color: var(--color-on-background); padding: 0 var(--space-xs); font-weight: var(--font-weight-bold); } .widget-area { display: flex; flex-direction: column; gap: var(--space-s); color: inherit; } .widget-area.inner-footer-widget-area, .widget-area.footer-search-top, .widget-area.front-faq-bottom, .widget-area.front-search-bottom { width: 100%; max-width: var(--fanqy-max-width_pc, var(--max-width_pc)); margin: 0 auto; padding: 0 var(--fanqy-sp-padding-horizontal); } .widget-area .widget { width: 100%; font-size: var(--font-size-s); } .widget-area .widget .widget_title { font-weight: var(--font-weight-bold); margin-bottom: var(--space-s); border-bottom: 1px solid var(--color-border); padding-bottom: var(--space-xs); font-size: var(--font-size-m); } .widget-area .widget a { color: var(--color-on-background); } .widget-area .widget ul { list-style-type: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--space-xs); } .widget-area .widget ul li { margin-bottom: 0; } .widget-area .widget ul li::before { content: "-"; padding-right: var(--space-xs); } .widget-area .widget select { border: 1px solid var(--color-border); border-radius: var(--fanqy-corner-radius, var(--border-radius)); padding: var(--space-xs); margin-bottom: var(--space-xs); } .widget-area .widget.widget_categories .cat-item .children { padding-left: var(--space-s); list-style-type: none; margin-top: var(--space-xs); } .widget-area .widget.widget_calendar .calendar_wrap { border: 1px solid var(--color-border); margin-bottom: var(--space-xs); border-radius: var(--fanqy-corner-radius, var(--border-radius)); } .widget-area .widget.widget_calendar .calendar_wrap .wp-calendar-table { width: 100%; } .widget-area .widget.widget_calendar .calendar_wrap .wp-calendar-table caption { padding: var(--space-xs) 0; font-weight: var(--font-weight-bold); } .widget-area .widget.widget_calendar .calendar_wrap .wp-calendar-table tr { vertical-align: middle; text-align: center; line-height: 2.5; } .widget-area .widget.widget_calendar .calendar_wrap .wp-calendar-table a { text-decoration: underline; } .widget-area .widget.widget_calendar .calendar_wrap .wp-calendar-nav { display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding: var(--space-xs) var(--space-s); } .widget-area .widget.widget_tag_cloud .tagcloud { margin-bottom: var(--space-xs); display: flex; flex-direction: row; justify-content: flex-start; align-items: center; gap: var(--space-xs); flex-wrap: wrap; } .widget-area .widget.widget_tag_cloud .tagcloud a { background: var(--color-surface); padding: var(--space-xs) var(--space-s); border-radius: var(--fanqy-corner-radius, var(--border-radius)); text-decoration: none; color: var(--color-on-surface); font-size: var(--font-size-s); font-weight: var(--font-weight-bold); } .widget-area .widget.widget_rss ul { gap: var(--space-s); } .widget-area .widget.widget_rss ul li { display: flex; flex-direction: column; gap: var(--space-xs); } .widget-area .widget.widget_rss ul li::before { display: none; } .widget-area .widget.widget_rss .rss-date { font-size: var(--font-size-xs); } .widget-area .widget.widget_rss .rssSummary { font-size: var(--font-size-xs); } .widget-area .widget.widget_media_gallery img, .widget-area .widget.widget_media_image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: var(--fanqy-corner-radius, var(--border-radius)); border: none; } .widget-area .widget.wp-video { margin-bottom: var(--space-xs); } .search-form { position: relative; display: flex; flex-direction: row; align-items: center; justify-content: center; } .search-form .search-form-input { position: relative; display: block; border: none; width: 100%; height: 100%; } .search-form .search-form-input .search-form-icon { position: absolute; left: var(--space-m); top: 50%; transform: translateY(-50%); width: var(--font-size-m); height: var(--font-size-m); color: var(--color-on-background); } .search-form .search-form-input input[type=search]::-webkit-search-cancel-button { margin: 0 0 0 var(--space-s); cursor: pointer; } .search-form .search-form-input .search-form-input-field { display: block; border: none; color: var(--color-on-background); font-family: var(--font-family-primary); width: 100%; height: 3rem; outline: none; background-color: var(--color-background); border-radius: var(--fanqy-corner-radius-round, var(--border-radius)); padding: var(--space-s) var(--space-m) var(--space-s) var(--space-xl); font-size: min(var(--font-size-s), 16px); box-shadow: var(--box-shadow); } .search-form .search-form-input .search-form-input-field::-moz-placeholder { color: var(--color-on-background); opacity: 0.5; } .search-form .search-form-input .search-form-input-field::placeholder { color: var(--color-on-background); opacity: 0.5; } .search-form .search-form-input .search-form-input-field:focus { box-shadow: var(--box-shadow-hover); outline: none; } .search-suggestions { list-style: none; padding: 0; margin: 0; background: var(--color-background); position: absolute; width: 100%; z-index: 1000; top: calc(100% + var(--space-xs)); left: 0; border: none; border-radius: var(--fanqy-corner-radius, var(--border-radius)); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); } .search-suggestions a { color: var(--color-on-background); font-size: var(--font-size-s); } .search-suggestions ul::before { content: "検索候補"; display: block; color: var(--color-on-background); font-size: var(--font-size-xs); font-weight: var(--font-weight-bold); padding: var(--space-xs); text-align: left; } .search-suggestions ul { margin: var(--space-xs) 0; } .search-suggestions li { padding: var(--space-xs) var(--space-s); cursor: pointer; } .search-suggestions-no-results { color: var(--color-on-background); font-size: var(--font-size-s); } .search-more-results::before { display: block; content: ""; border-top: 1px solid var(--color-border); width: 100%; height: 1px; padding: var(--space-xs) 0; } a.search-more-results { display: block; width: 100%; text-decoration: none; color: var(--color-on-background); text-align: right; } .search-loading { position: absolute; left: 50%; transform: translateX(-50%); bottom: -2.5rem; width: 1.5rem; height: 1.5rem; border: 3px solid rgba(0, 0, 0, 0.1); border-left-color: var(--color-on-background); border-radius: 50%; animation: spin 1s linear infinite; display: none; z-index: 1001; } @keyframes spin { 0% { transform: translateX(-50%) rotate(0deg); } 100% { transform: translateX(-50%) rotate(360deg); } }@charset "UTF-8"; html { } html .wp-block-quote, html .wp-block-pullquote { background-color: var(--color-surface); color: var(--color-on-surface); padding: var(--space-s); margin: var(--space-s) auto var(--space-m) auto; width: 100%; position: relative; font-style: italic; text-align: left; font-size: var(--font-size-m); } html .wp-block-quote::before, html .wp-block-pullquote::before { content: "‘‘"; color: var(--color-on-surface); font-size: 4.5rem; position: absolute; top: -0.5em; left: 0; } html .wp-block-pullquote cite { display: flex; justify-content: flex-end; font-style: italic; font-size: var(--font-size-s); } html .wp-block-pullquote cite a { color: var(--color-on-surface); } html .wp-block-table { width: 100%; border: 1px solid var(--color-border); overflow: hidden; font-size: var(--font-size-s); margin-bottom: var(--space-m); } html .wp-block-table table { width: 100%; border: none; } html .wp-block-table table th { border: none; border-bottom: 1px solid var(--color-border); } html .wp-block-table table th:not(:last-child) { border-right: 1px solid var(--color-border); } html .wp-block-table table td { border: none; } html .wp-block-table table thead { border: none; background-color: var(--color-surface); } html .wp-block-table table tbody { border: none; } html .wp-block-table table tbody tr td:not(:last-child) { border-right: 1px solid var(--color-border); } html .wp-block-table table tbody tr:not(:last-child) { border-bottom: 1px solid var(--color-border); } html .wp-block-table table tfoot { border: none; font-size: var(--font-size-xs); text-align: center; } html .wp-block-table table tfoot tr td:not(:last-child) { border-right: 1px solid var(--color-border); } html .wp-block-image { text-align: center; margin: var(--space-s) auto var(--space-m) auto; padding: 0; } html .wp-block-image img { width: 100%; height: auto; overflow: hidden; border-radius: var(--fanqy-corner-radius, var(--border-radius)); } html h2 { position: relative; font-size: var(--font-size-l); font-weight: var(--font-weight-bold); width: 100%; margin: var(--space-l) 0 var(--space-m) 0; } html h2.fanqy-heading-h2--style2 { padding-left: var(--space-s); border-left: 0.2em solid var(--color-primary); } html h2.fanqy-heading-h2--style3::after { content: ""; display: block; width: 100%; height: 0.05em; background-color: var(--color-primary); margin-top: var(--space-xs); } html h2.fanqy-heading-h2--style4 { padding-bottom: var(--space-m); padding-right: var(--space-s); padding-left: var(--space-s); text-align: center; } html h2.fanqy-heading-h2--style4::before { position: absolute; bottom: 0; left: calc(50% - 30px); width: 60px; height: 0.2em; content: ""; border-radius: var(--fanqy-corner-radius, var(--border-radius)); background: var(--color-primary); } html h2.fanqy-heading-h2--style5 { padding: var(--space-m); color: var(--color-on-primary); border-radius: var(--fanqy-corner-radius, var(--border-radius)); background: var(--color-primary); margin: var(--space-l) 0; } html h2.fanqy-heading-h2--style5::after { position: absolute; bottom: -0.6em; left: 2em; width: 0; height: 0; content: ""; border-width: 1em 1em 0 1em; border-style: solid; border-color: var(--color-primary) transparent transparent transparent; } html h3 { position: relative; width: 100%; font-size: var(--font-size-m); font-weight: var(--font-weight-bold); margin: var(--space-l) 0 var(--space-m) 0; } html h3.fanqy-heading-h3--style2 { padding-left: var(--space-s); padding-bottom: var(--space-xs); padding-top: var(--space-xs); border-left: 0.1em solid var(--color-primary); } html h3.fanqy-heading-h3--style3::after { content: ""; display: block; width: 100%; height: 0.05em; background-color: var(--color-primary); margin-top: var(--space-xs); } html h3.fanqy-heading-h3--style4:first-letter { font-size: 160%; color: var(--color-primary); } html h3.fanqy-heading-h3--style5 { padding-left: var(--space-m); } html h3.fanqy-heading-h3--style5::before { position: absolute; left: 0; font-family: "Font Awesome 6 Free"; color: var(--color-primary); font-weight: 900; content: "\f14b"; } html h4 { position: relative; width: 100%; font-size: var(--font-size-s); font-weight: var(--font-weight-bold); margin: var(--space-l) 0 var(--space-m) 0; } html h4.fanqy-heading-h4--style2 { padding-left: var(--space-m); } html h4.fanqy-heading-h4--style2::before { position: absolute; left: 0; font-family: "Font Awesome 6 Free"; color: var(--color-primary); font-weight: 900; content: "\f00c"; } html h4.fanqy-heading-h4--style3::after { content: ""; display: block; width: 100%; height: 0.05em; background-color: var(--color-primary); margin-top: var(--space-xs); } html h4.fanqy-heading-h4--style4:first-letter { font-size: 150%; color: var(--color-primary); } html h4.fanqy-heading-h4--style5 { padding-left: var(--space-s); padding-bottom: var(--space-xs); padding-top: var(--space-xs); border-left: 0.1em solid var(--color-primary); } html h5 { font-size: var(--font-size-m); padding: var(--space-s) 0; font-weight: var(--font-weight-bold); } html h6 { font-size: var(--font-size-m); padding: var(--space-s) 0; font-weight: var(--font-weight-bold); } html ul.wp-block-list, html ol.wp-block-list { margin-block-start: 0; margin-block-end: 0; margin-inline-start: 0; margin-inline-end: 0; padding-inline-start: 0; padding: 0 0 0 var(--space-m); margin: var(--space-m) 0; } html ul.wp-block-list li, html ol.wp-block-list li { margin-bottom: var(--space-s); } html .wp-block-list .wp-block-list { margin-top: var(--space-s); } html ul.wp-block-list.fanqy-list-style-disc { list-style-type: disc; } html ul.wp-block-list.fanqy-list-style-circle { list-style-type: circle; } html ul.wp-block-list.fanqy-list-style-square { list-style-type: square; } html ul.wp-block-list.fanqy-list-style-kome { list-style-type: none; } html ul.wp-block-list.fanqy-list-style-kome li { position: relative; } html ul.wp-block-list.fanqy-list-style-kome li::before { content: "※"; position: absolute; left: -1.8em; top: 0.5em; font-size: 0.6em; color: var(--color-on-background); font-weight: var(--font-weight-bold); } html ul.wp-block-list.fanqy-list-style-none { list-style-type: none; } html .toc-container { font-size: var(--font-size-m); background: var(--color-background); color: var(var(--color-on-background)); margin-bottom: var(--space-l); } html .toc-container .toc-header { display: flex; align-items: center; gap: var(--space-xs); font-weight: var(--font-weight-bold); padding: var(--space-s) var(--space-m); word-break: break-word; overflow-wrap: anywhere; width: 100%; } html .toc-container .toc-header-icon::before { content: var(--fanqy-toc-icon-content, ""); font-family: "Font Awesome 6 Free", var(--font-family-primary, sans-serif); font-weight: 900; line-height: 1; color: var(--color-primary); } html .toc-container .toc-content { padding: var(--space-m) var(--space-s) var(--space-m) var(--space-m); } html .toc-container .toc-content .toc-list, html .toc-container .toc-content .toc-level { list-style: none; margin: 0; padding: 0; color: inherit; } html .toc-container .toc-level-2 { display: flex; flex-direction: column; gap: var(--space-s); } html .toc-container .toc-level-2 .toc-item { --toc-marker-offset: 0px; --toc-marker-size: var(--font-size-m); position: relative; padding-left: 0; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: var(--space-xs); } html .toc-container .toc-level-2 .toc-item a { text-decoration: none; color: inherit; display: inline-flex; align-items: center; gap: var(--space-xs); } html .toc-container .toc-level-2 .toc-item a:hover { color: var(--color-primary); } html .toc-container .toc-level-2 .toc-item::before { content: none; } html .toc-container .toc-level-2 .toc-level-3 { display: flex; flex-direction: column; gap: var(--space-s); margin-top: var(--space-xs); margin-bottom: var(--space-xs); border-left: none; padding-right: var(--space-s); width: 100%; } html .toc-container .toc-level-2 .toc-level-3 .toc-item-h3 { width: 100%; --toc-marker-size: 0.55rem; border-bottom: 1px solid var(--color-border); padding-bottom: var(--space-xs); } html .toc-container .toc-level-2 .toc-level-3 .toc-item-h3 a { font-size: var(--font-size-s); } html .toc-container.toc-marker-icon .toc-item-h2 { padding-left: var(--space-m); } html .toc-container.toc-marker-icon .toc-item-h2::before { content: var(--fanqy-toc-marker-icon, ""); position: absolute; left: var(--toc-marker-offset, 0px); top: 0.25em; width: var(--toc-marker-size); height: var(--toc-marker-size); border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; font-family: "Font Awesome 6 Free", var(--font-family-primary, sans-serif); font-weight: 900; color: var(--color-primary); background: transparent; line-height: 1; } html .toc-container.toc-marker-icon .toc-item-h3 { padding-left: var(--space-xs); } html .toc-container.toc-style-style1 { border: 1px solid var(--color-border); border-radius: var(--fanqy-corner-radius, var(--border-radius)); } html .toc-container.toc-style-style1 .toc-header { border-bottom: 1px solid var(--color-border); } html .toc-container.toc-style-style2 { border: 1px solid var(--color-primary); border-radius: var(--fanqy-corner-radius, var(--border-radius)); box-shadow: var(--fanqy-card-box-shadow); } html .toc-container.toc-style-style3 { background: var(--color-surface); color: var(--color-on-surface); border-radius: var(--fanqy-corner-radius, var(--border-radius)); } html .toc-container.toc-style-style3 .toc-header { border-bottom: 1px solid var(--color-border); } html .toc-container.toc-style-style4 { border: 1px solid var(--color-border); box-shadow: none; border-left: 6px solid var(--color-primary); border-radius: 0 var(--fanqy-corner-radius, var(--border-radius)) var(--fanqy-corner-radius, var(--border-radius)) 0; } html .toc-container.toc-style-style5 { border: 1px solid var(--fanqy-toc-border-color, rgba(0, 0, 0, 0.1)); box-shadow: none; border-radius: var(--fanqy-corner-radius, var(--border-radius)); } html .toc-container.toc-style-style5 .toc-header { background: var(--color-primary); color: var(--color-on-primary); border-radius: var(--fanqy-corner-radius, var(--border-radius)) var(--fanqy-corner-radius, var(--border-radius)) 0 0; } html .toc-container.toc-style-style5 .toc-header .toc-header-icon::before { color: var(--color-on-primary); } html .fanqy-blog-card { display: block; margin: var(--space-m) 0; } html .fanqy-blog-card a { color: var(--color-link); text-decoration: none; } html .fanqy-blog-card a .blog-card-content { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; gap: var(--space-xs); } html .fanqy-blog-card a .blog-card-content .blog-card-title { display: inline; font-weight: var(--font-weight-bold); } html .fanqy-faq-block.fanqy-faq-block--surface .fanqy-faq-item, html .fanqy-faq-block--surface.fanqy-faq-block-editor .fanqy-faq-item { background-color: var(--color-surface); color: var(--color-on-surface); border: none; } html .fanqy-faq-block.fanqy-faq-block--background .fanqy-faq-item, html .fanqy-faq-block--background.fanqy-faq-block-editor .fanqy-faq-item { background-color: var(--color-background); color: var(--color-on-background); border: 1px solid var(--color-border); } html .fanqy-faq-block .fanqy-faq-block__inner .fanqy-faq-list, html .fanqy-faq-block-editor .fanqy-faq-block__inner .fanqy-faq-list { margin: var(--space-l) 0 var(--space-m) 0; padding: 0; display: flex; flex-direction: column; gap: var(--space-s); } html .fanqy-faq-block .fanqy-faq-block__inner .fanqy-faq-list .fanqy-faq-item, html .fanqy-faq-block-editor .fanqy-faq-block__inner .fanqy-faq-list .fanqy-faq-item { display: flex; flex-direction: column; gap: var(--space-s); padding: var(--space-m); border-radius: var(--fanqy-corner-radius, var(--border-radius)); } html .fanqy-faq-block .fanqy-faq-block__inner .fanqy-faq-list .fanqy-faq-item .fanqy-faq-question, html .fanqy-faq-block-editor .fanqy-faq-block__inner .fanqy-faq-list .fanqy-faq-item .fanqy-faq-question { display: flex; gap: var(--space-s); font-weight: var(--font-weight-bold); align-items: flex-start; } html .fanqy-faq-block .fanqy-faq-block__inner .fanqy-faq-list .fanqy-faq-item .fanqy-faq-question .fanqy-faq-question-label, html .fanqy-faq-block-editor .fanqy-faq-block__inner .fanqy-faq-list .fanqy-faq-item .fanqy-faq-question .fanqy-faq-question-label { display: flex; align-items: center; justify-content: center; background-color: var(--color-primary); color: var(--color-on-primary); border-radius: var(--fanqy-corner-radius-round, var(--border-radius)); font-weight: var(--font-weight-bold); width: 2rem; height: 2rem; flex: 0 0 2rem; } html .fanqy-faq-block .fanqy-faq-block__inner .fanqy-faq-list .fanqy-faq-item .fanqy-faq-question .fanqy-faq-question-text, html .fanqy-faq-block-editor .fanqy-faq-block__inner .fanqy-faq-list .fanqy-faq-item .fanqy-faq-question .fanqy-faq-question-text { flex: 1 1 auto; min-width: 0; font-size: var(--font-size-m) !important; padding-top: 0.2em !important; margin: 0 !important; position: relative; width: 100%; font-weight: var(--font-weight-bold) !important; } html .fanqy-faq-block .fanqy-faq-block__inner .fanqy-faq-list .fanqy-faq-item .fanqy-faq-answer, html .fanqy-faq-block-editor .fanqy-faq-block__inner .fanqy-faq-list .fanqy-faq-item .fanqy-faq-answer { display: flex; gap: var(--space-s); margin: 0; align-items: flex-start; } html .fanqy-faq-block .fanqy-faq-block__inner .fanqy-faq-list .fanqy-faq-item .fanqy-faq-answer .fanqy-faq-answer-label, html .fanqy-faq-block-editor .fanqy-faq-block__inner .fanqy-faq-list .fanqy-faq-item .fanqy-faq-answer .fanqy-faq-answer-label { display: flex; align-items: center; justify-content: center; background-color: var(--color-on-primary); color: var(--color-primary); border-radius: var(--fanqy-corner-radius-round, var(--border-radius)); font-weight: var(--font-weight-bold); width: 2rem; height: 2rem; flex: 0 0 2rem; } html .fanqy-faq-block .fanqy-faq-block__inner .fanqy-faq-list .fanqy-faq-item .fanqy-faq-answer .fanqy-faq-answer-text, html .fanqy-faq-block-editor .fanqy-faq-block__inner .fanqy-faq-list .fanqy-faq-item .fanqy-faq-answer .fanqy-faq-answer-text { flex: 1 1 auto; min-width: 0; padding-top: 0.3em; } html .fanqy-faq-block .fanqy-faq-block__inner .fanqy-faq-list .fanqy-faq-item .fanqy-faq-answer .fanqy-faq-answer-text p, html .fanqy-faq-block-editor .fanqy-faq-block__inner .fanqy-faq-list .fanqy-faq-item .fanqy-faq-answer .fanqy-faq-answer-text p { margin-bottom: 0; font-size: var(--font-size-s); } html .fanqy-faq-block .fanqy-faq-block__inner .fanqy-faq-list .fanqy-faq-item .fanqy-faq-answer .fanqy-faq-answer-text p + p, html .fanqy-faq-block-editor .fanqy-faq-block__inner .fanqy-faq-list .fanqy-faq-item .fanqy-faq-answer .fanqy-faq-answer-text p + p { margin-top: var(--space-s); } html .fanqy-faq-block-editor .fanqy-faq-list.fanqy-faq-block-editor__items { margin: 0; padding: 0; } html .fanqy-faq-block-editor .fanqy-faq-block-editor__item { border: 1px solid var(--color-border, #ddd); border-radius: var(--fanqy-corner-radius, var(--border-radius)); padding: var(--space-s); background-color: #fff; position: relative; } html .fanqy-faq-block-editor .fanqy-faq-block-editor__label { font-weight: 600; font-size: 11px; opacity: 0.7; margin-bottom: var(--space-xs); } html .fanqy-faq-block-editor .fanqy-faq-block-editor__answer { font-size: var(--font-size-m) !important; } html .fanqy-faq-block-editor .fanqy-faq-block-editor__answer p { padding-bottom: 0; } html .fanqy-faq-block-editor .fanqy-faq-block-editor__actions { margin-top: var(--space-s); text-align: right; } html .fanqy-faq-block-editor .fanqy-faq-block-editor__footer { margin-top: var(--space-m); text-align: left; } html .fanqy-faq-block-editor .fanqy-faq-block-editor__empty { font-size: 13px; color: #666; margin: 0; } html .fanqy-steps-block, html .fanqy-steps-block-editor { padding: var(--space-m); border-radius: var(--fanqy-corner-radius, var(--border-radius)); } html .fanqy-steps-block.fanqy-steps-block--surface, html .fanqy-steps-block--surface.fanqy-steps-block-editor { background-color: var(--color-surface); color: var(--color-on-surface); } html .fanqy-steps-block.fanqy-steps-block--background, html .fanqy-steps-block--background.fanqy-steps-block-editor { background-color: var(--color-background); color: var(--color-on-background); border: 1px solid var(--color-border); } html .fanqy-steps-block .fanqy-steps-block__inner, html .fanqy-steps-block-editor .fanqy-steps-block__inner { position: relative; } html .fanqy-steps-block .fanqy-steps-block__inner .fanqy-steps-list, html .fanqy-steps-block-editor .fanqy-steps-block__inner .fanqy-steps-list { list-style: none; margin: 0; padding: 0; position: relative; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: var(--space-m); } html .fanqy-steps-block .fanqy-steps-block__inner .fanqy-steps-list .fanqy-steps-item, html .fanqy-steps-block-editor .fanqy-steps-block__inner .fanqy-steps-list .fanqy-steps-item { position: relative; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: var(--space-s); } html .fanqy-steps-block .fanqy-steps-block__inner .fanqy-steps-list .fanqy-steps-item:not(:last-child)::before, html .fanqy-steps-block-editor .fanqy-steps-block__inner .fanqy-steps-list .fanqy-steps-item:not(:last-child)::before { content: ""; position: absolute; left: 1rem; top: 2rem; bottom: 0; width: 2px; background-color: var(--color-border); height: 100%; } html .fanqy-steps-block .fanqy-steps-block__inner .fanqy-steps-list .fanqy-steps-item .fanqy-steps-item__head, html .fanqy-steps-block-editor .fanqy-steps-block__inner .fanqy-steps-list .fanqy-steps-item .fanqy-steps-item__head { position: relative; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; gap: var(--space-s); } html .fanqy-steps-block .fanqy-steps-block__inner .fanqy-steps-list .fanqy-steps-item .fanqy-steps-item__head .fanqy-steps-item__badge, html .fanqy-steps-block-editor .fanqy-steps-block__inner .fanqy-steps-list .fanqy-steps-item .fanqy-steps-item__head .fanqy-steps-item__badge { position: absolute; left: 0; top: 0; width: 2rem; height: 2rem; border-radius: 999px; display: flex; align-items: center; justify-content: center; background-color: var(--color-primary); color: var(--color-on-primary); font-size: var(--font-size-xs); font-weight: var(--font-weight-bold); } html .fanqy-steps-block .fanqy-steps-block__inner .fanqy-steps-list .fanqy-steps-item .fanqy-steps-item__head .fanqy-steps-item__title, html .fanqy-steps-block-editor .fanqy-steps-block__inner .fanqy-steps-list .fanqy-steps-item .fanqy-steps-item__head .fanqy-steps-item__title { padding-top: 0.2em; padding-left: calc(2rem + var(--space-s)); font-weight: var(--font-weight-bold); font-size: var(--font-size-m); } html .fanqy-steps-block .fanqy-steps-block__inner .fanqy-steps-list .fanqy-steps-item .fanqy-steps-item__body, html .fanqy-steps-block-editor .fanqy-steps-block__inner .fanqy-steps-list .fanqy-steps-item .fanqy-steps-item__body { padding-left: calc(2rem + var(--space-s)); font-size: var(--font-size-s); } html .fanqy-steps-block .fanqy-steps-block__inner .fanqy-steps-list .fanqy-steps-item .fanqy-steps-item__body p, html .fanqy-steps-block-editor .fanqy-steps-block__inner .fanqy-steps-list .fanqy-steps-item .fanqy-steps-item__body p { margin-bottom: 0; } html .fanqy-steps-block .fanqy-steps-block__inner .fanqy-steps-list .fanqy-steps-item .fanqy-steps-item__body p + p, html .fanqy-steps-block-editor .fanqy-steps-block__inner .fanqy-steps-list .fanqy-steps-item .fanqy-steps-item__body p + p { margin-top: var(--space-s); } html .fanqy-steps-block-editor .fanqy-steps-block-editor__actions { margin-top: var(--space-s); text-align: right; padding-left: 2rem; } html .fanqy-steps-block-editor .fanqy-steps-block-editor__footer { margin-top: var(--space-m); } html .fanqy-steps-block-editor .fanqy-steps-block-editor__empty { font-size: 13px; color: #666; margin: 0; } html .faq-section, html .fanqy-faq-section-block-editor { padding: 0 var(--fanqy-sp-padding-horizontal); width: 100%; max-width: var(--fanqy-max-width_pc, var(--max-width_pc)); margin: 0 auto; } html .faq-section .faq-block .faq-block-inner, html .fanqy-faq-section-block-editor .faq-block .faq-block-inner { display: flex; flex-direction: column; gap: var(--space-s); width: 100%; height: 100%; } html .faq-section .faq-block .faq-block-inner h2, html .fanqy-faq-section-block-editor .faq-block .faq-block-inner h2 { font-size: var(--font-size-l); padding: 0; margin: 0; } html .faq-section .faq-block .faq-block-inner .faq-posts, html .fanqy-faq-section-block-editor .faq-block .faq-block-inner .faq-posts { display: grid; grid-template-columns: 1fr; gap: var(--space-s); } @media screen and (min-width: 768px) and (max-width: 1024px) { html .faq-section .faq-block .faq-block-inner .faq-posts, html .fanqy-faq-section-block-editor .faq-block .faq-block-inner .faq-posts { grid-template-columns: repeat(2, 1fr); } } @media screen and (min-width: 1025px) { html .faq-section .faq-block .faq-block-inner .faq-posts, html .fanqy-faq-section-block-editor .faq-block .faq-block-inner .faq-posts { grid-template-columns: repeat(3, 1fr); } } html .faq-section .faq-block .faq-block-inner .faq-posts li, html .fanqy-faq-section-block-editor .faq-block .faq-block-inner .faq-posts li { font-size: var(--font-size-s); } html .faq-section .faq-block .faq-block-inner .faq-posts li a, html .fanqy-faq-section-block-editor .faq-block .faq-block-inner .faq-posts li a { text-decoration: none; color: var(--color-on-background); display: flex; align-items: flex-start; justify-content: flex-start; gap: var(--space-xs); } html .faq-section .faq-block.fanqy-faq-block--style1 .faq-block-inner .faq-posts, html .fanqy-faq-section-block-editor .faq-block.fanqy-faq-block--style1 .faq-block-inner .faq-posts { gap: var(--space-s); } html .faq-section .faq-block.fanqy-faq-block--style1 .faq-block-inner .faq-posts li, html .fanqy-faq-section-block-editor .faq-block.fanqy-faq-block--style1 .faq-block-inner .faq-posts li { display: flex; align-items: flex-start; justify-content: flex-start; gap: var(--space-s); border: 1px solid var(--color-border); padding: var(--space-s); border-radius: var(--fanqy-corner-radius, var(--border-radius)); } html .faq-section .faq-block.fanqy-faq-block--style1 .faq-block-inner .faq-posts li::before, html .fanqy-faq-section-block-editor .faq-block.fanqy-faq-block--style1 .faq-block-inner .faq-posts li::before { content: "Q."; font-size: var(--font-size-l); font-weight: var(--font-weight-bold); color: var(--color-primary); flex: 0 0 auto; line-height: 1; } html .faq-section .faq-block.fanqy-faq-block--style1 .faq-block-inner .faq-posts li a, html .fanqy-faq-section-block-editor .faq-block.fanqy-faq-block--style1 .faq-block-inner .faq-posts li a { font-size: var(--font-size-s); height: 100%; width: 100%; } html .faq-section .faq-block.fanqy-faq-block--style2 .faq-block-inner .faq-posts, html .fanqy-faq-section-block-editor .faq-block.fanqy-faq-block--style2 .faq-block-inner .faq-posts { display: flex; align-items: flex-start; justify-content: flex-start; gap: var(--space-s); border-top: 1px solid var(--color-border); border-bottom: 1px solid var(--color-border); padding: var(--space-l) 0; flex-wrap: wrap; } html .faq-section .faq-block.fanqy-faq-block--style2 .faq-block-inner .faq-posts li, html .fanqy-faq-section-block-editor .faq-block.fanqy-faq-block--style2 .faq-block-inner .faq-posts li { display: flex; align-items: flex-start; justify-content: flex-start; gap: var(--space-xs); position: relative; background-color: var(--color-surface); color: var(--color-on-surface); padding: var(--space-s); border-radius: var(--fanqy-corner-radius, var(--border-radius)); } html .faq-section .faq-block.fanqy-faq-block--style2 .faq-block-inner .faq-posts li::before, html .fanqy-faq-section-block-editor .faq-block.fanqy-faq-block--style2 .faq-block-inner .faq-posts li::before { content: "Q."; font-size: var(--font-size-l); font-weight: var(--font-weight-bold); color: var(--color-on-surface); flex: 0 0 auto; line-height: 1; } html .faq-section .faq-block.fanqy-faq-block--style2 .faq-block-inner .faq-posts li a, html .fanqy-faq-section-block-editor .faq-block.fanqy-faq-block--style2 .faq-block-inner .faq-posts li a { display: flex; align-items: center; justify-content: center; font-size: var(--font-size-s); height: 100%; width: 100%; } html .faq-section .faq-block.fanqy-faq-block--style3 .faq-block-inner, html .fanqy-faq-section-block-editor .faq-block.fanqy-faq-block--style3 .faq-block-inner { border: 0.1em solid var(--color-border); border-radius: var(--fanqy-corner-radius, var(--border-radius)); padding: var(--space-m); } @media screen and (min-width: 768px) { html .faq-section .faq-block.fanqy-faq-block--style3 .faq-block-inner h2, html .fanqy-faq-section-block-editor .faq-block.fanqy-faq-block--style3 .faq-block-inner h2 { padding: 0 0 var(--space-s) var(--space-s); } } html .faq-section .faq-block.fanqy-faq-block--style3 .faq-block-inner .faq-posts, html .fanqy-faq-section-block-editor .faq-block.fanqy-faq-block--style3 .faq-block-inner .faq-posts { display: flex; flex-direction: column; gap: var(--space-s); justify-content: flex-start; align-items: flex-start; position: relative; padding: 0 var(--space-s) var(--space-s) var(--space-l); width: 100%; } @media screen and (min-width: 768px) { html .faq-section .faq-block.fanqy-faq-block--style3 .faq-block-inner .faq-posts, html .fanqy-faq-section-block-editor .faq-block.fanqy-faq-block--style3 .faq-block-inner .faq-posts { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--space-s); padding: 0 var(--space-m) var(--space-m) var(--space-xl); } } html .faq-section .faq-block.fanqy-faq-block--style3 .faq-block-inner .faq-posts::before, html .fanqy-faq-section-block-editor .faq-block.fanqy-faq-block--style3 .faq-block-inner .faq-posts::before { position: absolute; top: 0; left: 0; content: ""; border-left: 1em dotted var(--color-primary); opacity: 0.2; height: 100%; z-index: -1; pointer-events: none; } @media screen and (min-width: 768px) { html .faq-section .faq-block.fanqy-faq-block--style3 .faq-block-inner .faq-posts::before, html .fanqy-faq-section-block-editor .faq-block.fanqy-faq-block--style3 .faq-block-inner .faq-posts::before { left: var(--space-s); } } html .faq-section .faq-block.fanqy-faq-block--style3 .faq-block-inner .faq-posts li, html .fanqy-faq-section-block-editor .faq-block.fanqy-faq-block--style3 .faq-block-inner .faq-posts li { border-bottom: 1px solid var(--color-border); padding-bottom: var(--space-xs); width: 100%; } html .faq-section .faq-block.fanqy-faq-block--style3 .faq-block-inner .faq-posts li a, html .fanqy-faq-section-block-editor .faq-block.fanqy-faq-block--style3 .faq-block-inner .faq-posts li a { width: 100%; } html .faq-section .faq-block.fanqy-faq-block--style4 .faq-block-inner, html .fanqy-faq-section-block-editor .faq-block.fanqy-faq-block--style4 .faq-block-inner { gap: 0; } html .faq-section .faq-block.fanqy-faq-block--style4 .faq-block-inner h2, html .fanqy-faq-section-block-editor .faq-block.fanqy-faq-block--style4 .faq-block-inner h2 { display: flex; align-items: center; justify-content: center; background-color: var(--color-primary); color: var(--color-on-primary); padding: var(--space-s) var(--space-s); border-radius: var(--fanqy-corner-radius, var(--border-radius)) var(--fanqy-corner-radius, var(--border-radius)) 0 0; } html .faq-section .faq-block.fanqy-faq-block--style4 .faq-block-inner .faq-posts, html .fanqy-faq-section-block-editor .faq-block.fanqy-faq-block--style4 .faq-block-inner .faq-posts { border-bottom: 1px solid var(--color-primary); border-right: 1px solid var(--color-primary); border-left: 1px solid var(--color-primary); padding: var(--space-m); border-radius: 0 0 var(--fanqy-corner-radius, var(--border-radius)) var(--fanqy-corner-radius, var(--border-radius)); } html .faq-section .faq-block.fanqy-faq-block--style4 .faq-block-inner .faq-posts li, html .fanqy-faq-section-block-editor .faq-block.fanqy-faq-block--style4 .faq-block-inner .faq-posts li { display: flex; align-items: flex-start; justify-content: flex-start; gap: var(--space-xs); padding: var(--space-xs); } html .faq-section .faq-block.fanqy-faq-block--style4 .faq-block-inner .faq-posts li::before, html .fanqy-faq-section-block-editor .faq-block.fanqy-faq-block--style4 .faq-block-inner .faq-posts li::before { content: "Q."; font-size: var(--font-size-l); font-weight: var(--font-weight-bold); color: var(--color-primary); flex: 0 0 auto; line-height: 1; } html .faq-section .faq-block.fanqy-faq-block--style5 .faq-block-inner .faq-posts, html .fanqy-faq-section-block-editor .faq-block.fanqy-faq-block--style5 .faq-block-inner .faq-posts { gap: var(--space-m); } html .faq-section .faq-block.fanqy-faq-block--style5 .faq-block-inner .faq-posts li, html .fanqy-faq-section-block-editor .faq-block.fanqy-faq-block--style5 .faq-block-inner .faq-posts li { border: 1px solid var(--color-primary); background-color: var(--color-background); border-radius: var(--fanqy-corner-radius, var(--border-radius)); box-shadow: var(--fanqy-card-box-shadow); } html .faq-section .faq-block.fanqy-faq-block--style5 .faq-block-inner .faq-posts li a, html .fanqy-faq-section-block-editor .faq-block.fanqy-faq-block--style5 .faq-block-inner .faq-posts li a { color: var(--color-on-background); padding: var(--space-s) var(--space-s); } html .fanqy-faq-section-block-editor .faq-posts { list-style: none !important; list-style-type: none !important; margin: 0; padding: 0; } html .fanqy-faq-section-block-editor .faq-posts li::before { content: none !important; } html .fanqy-faq-section-block-editor .fanqy-faq-block--style3 .faq-posts::before { z-index: 1 !important; }.page-post { width: 100%; padding: 0 var(--fanqy-sp-padding-horizontal); } @media screen and (min-width: 768px) { .page-post { max-width: var(--fanqy-max-width_pc_content, var(--max-width_pc_content)); margin: 0 auto; } } .page-post .page-post-inner { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: var(--space-l); } .page-post .page-post-inner .page-header { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: var(--space-s); width: 100%; } .page-post .page-post-inner .page-header a { text-decoration: none; color: var(--color-on-background); } .page-post .page-post-inner .page-header .page-meta-container { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; gap: var(--space-s); flex-wrap: wrap; font-size: var(--font-size-xs); width: 100%; } .page-post .page-post-inner .page-header .page-meta-container .page-modified-date::before, .page-post .page-post-inner .page-header .page-meta-container .page-published-date::before { font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: var(--font-size-xs); color: var(--color-on-background); line-height: 1; display: inline-block; } .page-post .page-post-inner .page-header .page-meta-container .page-modified-date::before { font-weight: 900; content: "\f01e"; } .page-post .page-post-inner .page-header .page-meta-container .page-published-date::before { font-weight: 400; content: "\f017"; } .page-post .page-post-inner .page-header h1 { font-size: var(--font-size-l); font-weight: var(--font-weight-bold); word-break: break-word; overflow-wrap: anywhere; width: 100%; } .page-post .page-post-inner .page-header .page-thumbnail { width: 100%; aspect-ratio: var(--fanqy-aspect-ratio-content, auto); } .page-post .page-post-inner .page-header .page-thumbnail img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: var(--fanqy-corner-radius, var(--border-radius)); overflow: hidden; } .page-post .page-post-inner .page-header .page-author { display: flex; flex-direction: row; justify-content: flex-end; align-items: center; width: 100%; } .page-post .page-post-inner .page-header .page-author .page-author-avatar { aspect-ratio: 1/1; height: 2em; } .page-post .page-post-inner .page-header .page-author .page-author-avatar img { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; border-radius: 50%; } .page-post .page-post-inner .page-header .page-author .page-author-name { padding-left: var(--space-xs); font-size: var(--font-size-m); } .page-post .page-content { max-width: 100%; margin: 0 auto; } @media screen and (min-width: 768px) { .page-post .page-content { max-width: var(--fanqy-max-width_pc_content, var(--max-width_pc_content)); } } .page-post .page-content + .footer-search { margin-top: var(--space-l); }