@charset "UTF-8"; :root { --key-color: #00a4e1; --point-color: #f1bc00; --txt-color: #333; --link-color: #00a4e1; --background-color: #fff; --header-textcolor: #333; --headtxt-color: #333; --headnav-color: #333; --headbg-color: #fff; --footbg-color: #f6f6f6; --foottxt-color: #333; --noticebg-color: #f1bc00; --noticetxt-color: #fff; --main--content--background-color: rgba(255, 255, 255, 0.1); --widget--side--background-color: transparent; --widget--side--box-shadow: none; --widget--block--pad: 0rem; --widget--list--first--border-color: transparent; --widget--ttl--pad: var(--widget--list--pad--x); --block--border-radius: 0px; --block--border-radius-inr: calc(var(--block--border-radius) * 0.4); --block--img--border-radius-md: 0px; --block--img--border-radius-sm: 0px; --col--gutter--mb: 4vw; --col--gutter--pc: 30px; --posts--thumb--ratio--list: 61.8%; --posts--thumb--ratio--card: 61.8%; --wp--style--block-gap: 20px; --list--border-style: 1px solid #eee; --top_transition_button-color: #fff; --top_transition_button_bg-color: #333; --top_transition_button_bg-color--rgb: 51, 51, 51; --top-transition-button-shape: 50%; --header_search_icon-color: #333; --header_search_bg_mb-color: #fff; --block-style-unit: 0.1rem; --widget--main--block--mrg: 4.5rem; --widget--block--mrg: 4.5rem; --widget--element--mrg: 3rem; --widget--ttl--fz: 1.7rem; --widget--ttl--mrg--b: 2rem; --block--box--pad: 1.5rem; --widget--list--pad--y: 1.3rem; --widget--list--pad--x: 1.5rem; } @media (min-width: 782px) { :root { --wp--style--block-gap: 40px; --widget--main--block--mrg: 6rem; --widget--block--mrg: 4.5rem; --widget--element--mrg: 3.5rem; --block--box--pad: 2rem; } } .pagination:empty, .snsShare__copy:empty, .wp-block-latest-posts .wp-block-latest-posts__post-excerpt:empty, .xw-article-media__body--extra .article-comment:empty, .xw-article-media__body--extra .article-date:empty, .xw-article-media__body--extra .article-pv:empty { margin: 0; } .pagination:blank, .snsShare__copy:blank, .wp-block-latest-posts .wp-block-latest-posts__post-excerpt:blank, .xw-article-media__body--extra .article-comment:blank, .xw-article-media__body--extra .article-date:blank, .xw-article-media__body--extra .article-pv:blank { margin: 0; } .footer .widget_recent_entries ul, .nav__drawers--widgets .widget_recent_entries ul, .side .widget_recent_entries ul, .widget_archive ul, .widget_categories > ul, .widget_meta ul, .widget_nav_menu .menu, .widget_pages ul, .widget_recent_comments ol, .widget_recent_comments ul, .wp-block-archives-list, .wp-block-categories-list, .wp-block-latest-comments, .wp-block-latest-posts, .wp-block-page-list { margin-top: calc(var(--widget--list--pad--y) * -1) !important; padding: 0; list-style: none; } .footer .widget_recent_entries ul:last-child, .nav__drawers--widgets .widget_recent_entries ul:last-child, .side .widget_recent_entries ul:last-child, .widget_archive ul:last-child, .widget_categories > ul:last-child, .widget_meta ul:last-child, .widget_nav_menu .menu:last-child, .widget_pages ul:last-child, .widget_recent_comments ol:last-child, .widget_recent_comments ul:last-child, .wp-block-archives-list:last-child, .wp-block-categories-list:last-child, .wp-block-latest-comments:last-child, .wp-block-latest-posts:last-child, .wp-block-page-list:last-child { margin-bottom: calc(var(--widget--list--pad--y) * -1); } .container, .contents > .adsArea, .mainVisual.image.autowidth, .mainVisual.slider.autowidth { width: 100%; max-width: calc( var(--site-content-width, 1200px) + var(--col--gutter--mb) * 2 ); margin-right: auto; margin-left: auto; padding-right: var(--col--gutter--mb); padding-left: var(--col--gutter--mb); } @media (min-width: 768px) { .container, .contents > .adsArea, .mainVisual.image.autowidth, .mainVisual.slider.autowidth { max-width: calc( var(--site-content-width, 1200px) + var(--col--gutter--pc) * 2 ); padding-right: var(--col--gutter--pc); padding-left: var(--col--gutter--pc); } } .container-copyright .copyright, .header .siteInfo__desc, .no-sidebar .alignfull, .widget-area.container .alignfull { width: auto; padding: 0; margin-right: calc(var(--col--gutter--mb) * -1); margin-left: calc(var(--col--gutter--mb) * -1); } @media (min-width: 768px) { .container-copyright .copyright, .header .siteInfo__desc, .no-sidebar .alignfull, .widget-area.container .alignfull { margin-right: calc(50% - (100vw - var(--scrollbar-width, 0px)) / 2); margin-left: calc(50% - (100vw - var(--scrollbar-width, 0px)) / 2); } } .wp-block-column > *:not(p), .wp-block-group__inner-container > *:not(p) { clear: both; margin-top: var(--widget--element--mrg); margin-bottom: 0; } *, *::after, *::before { box-sizing: border-box; } * { min-width: 0; min-height: 0; } html { scroll-behavior: smooth; scroll-padding-top: var(--scroll-padding, 0); } body, html { margin: 0; padding: 0; } @-ms-viewport { width: device-width; } article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; } [tabindex="-1"]:focus { outline: 0 !important; } abbr[data-original-title], abbr[title] { text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; border-bottom: 0; } blockquote { margin: 0 0 1rem; } dfn { font-style: italic; } b, strong { font-weight: bolder; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } a:not([href]):not([tabindex]) { text-decoration: none; } a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover { text-decoration: none; } a:not([href]):not([tabindex]):focus { outline: 0; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } pre { overflow: auto; -ms-overflow-style: scrollbar; } figure { margin: 0; } img { vertical-align: bottom; border-style: none; height: auto; max-width: 100%; } ol, ul { padding-left: 1.5em; } svg:not(:root) { overflow: hidden; } [role="button"], a, area, button, input:not([type="range"]), label, select, summary, textarea { -ms-touch-action: manipulation; touch-action: manipulation; } table { border-collapse: collapse; } button { border: none; border-radius: 0; cursor: pointer; } button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; } button, input, optgroup, select, textarea { margin: 0; font: inherit; line-height: inherit; } button, input { overflow: visible; } button, select { text-transform: none; } [type="reset"], [type="submit"], button, html [type="button"] { -webkit-appearance: button; } [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner, button::-moz-focus-inner { padding: 0; border-style: none; } input[type="date"], input[type="datetime-local"], input[type="month"], input[type="time"] { -webkit-appearance: listbox; } textarea { overflow: auto; resize: vertical; } fieldset { min-width: 0; border: 0; } legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: 0.5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; } progress { vertical-align: baseline; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } summary { display: list-item; } .screen-reader-text { display: none; } iframe { max-width: 100%; } mark.has-inline-color { background-color: inherit; } @-webkit-keyframes slide_down_menu { 0% { top: -80px; } 100% { top: 0; } } @-webkit-keyframes slide_up_menu { 0% { top: 0; } 100% { top: -80px; } } @keyframes slide_up_menu { 0% { top: 0; } 100% { top: -80px; } } @keyframes slide_down_menu { 0% { top: -80px; } 100% { top: 0; } } html { font-size: var(--html-font-size-mb, 62.5%); -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; } @media (min-width: 768px) { html { font-size: var(--html-font-size-pc, 62.5%); } } body { font-size: 1.5rem; overflow-x: hidden; background-color: var(--background-color); color: var(--txt-color); font-family: var( --body-font-family, "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", YuGothic, "Yu Gothic", Meiryo, sans-serif ); -webkit-font-smoothing: antialiased; font-feature-settings: "palt"; font-smoothing: antialiased; font-weight: var(--body-font-weight, 500); letter-spacing: var(--body-letter-spacing, 0.05em); line-height: 1.6; word-break: break-word; overflow-wrap: break-word; min-height: 100vh; display: flex; flex-direction: column; } body.logged-in.admin-bar { min-height: calc(100vh - 32px); } @media (min-width: 768px) { body { font-size: 1.6rem; } } @media screen and (max-width: 782px) { body.logged-in.admin-bar { min-height: calc(100vh - 46px); } } a { color: var(--link-color); text-decoration: none; } [type="button"], [type="reset"], [type="submit"], a, a::after, a::before { transition: opacity 0.2s ease-in-out, background 0.2s ease-in-out, border 0.2s ease-in-out, box-shadow 0.2s ease-in-out, filter 0.2s ease-in-out, color 0.2s ease-in-out, transform 0.2s ease-in-out; } .new-window a::after, a.new-window::after { content: "\f35d"; display: inline-block; margin: 0 0.4em 0 0.3em; font-family: "Font Awesome 5 Free"; font-size: 78%; font-weight: 700; vertical-align: 0.15em; } [type="button"], [type="reset"], [type="submit"] { cursor: pointer; } @media (hover: hover) { [type="button"]:hover, [type="reset"]:hover, [type="submit"]:hover { opacity: 0.8; } } [type="checkbox"], [type="checkbox"] + label, [type="radio"], [type="radio"] + label { cursor: pointer; } #container { position: relative; } .page-template-page-notitle.no-sidebar .contents { padding-top: 0; padding-bottom: 0; } .contents { flex: 1; padding-top: 3rem; padding-bottom: var(--widget--main--block--mrg); } @media (min-width: 768px) { .contents { padding-top: var(--widget--main--block--mrg); } } @media (max-width: 991.98px) { .contents { overflow: hidden; } } .no-sidebar .main { margin: 0 auto; } .side { margin: var(--widget--main--block--mrg) 0 0; } .footer, .side { font-size: 1.4rem; line-height: 1.5; } @media (min-width: 992px) { .sidebar-left .contents > .container, .sidebar-right .contents > .container { display: flex; justify-content: space-between; } .sidebar-left .main { order: 2; } .main { flex-grow: 1; max-width: calc( var(--site-content-width, 1200px) - var(--aside-content-width, 320px) - 40px ); } } @media (min-width: 992px) and (min-width: 1200px) { .main { max-width: calc( var(--site-content-width, 1200px) - var(--aside-content-width, 320px) - 50px ); } } @media (min-width: 992px) { .no-sidebar .main { max-width: var(--main-content-1column-width, 1200px); margin: 0 auto; } .sidebar-left .side { order: 1; margin-right: 40px; } .sidebar-right .side { margin-left: 40px; } .side { flex-shrink: 0; width: calc(var(--aside-content-width, 320px) * 0.938); margin: 0; } } @media (min-width: 1200px) { .side { width: var(--aside-content-width, 320px); } .sidebar-right .side { margin-left: 50px; } .sidebar-left .side { margin-right: 50px; } } @media (max-width: 767.98px) { .mb-col1 { grid-template-columns: repeat(1, 1fr); } .mb-col2 { grid-template-columns: repeat(2, 1fr); } } @media (min-width: 768px) { .pc-col1 { grid-template-columns: repeat(1, 1fr); } .pc-col2 { grid-template-columns: repeat(2, 1fr); } .pc-col3 { grid-template-columns: repeat(3, 1fr); } .pc-col4 { grid-template-columns: repeat(4, 1fr); } } .article-comment, .article-date, .article-pv, .articleListRelation .date, .comment-link, .comment-metadata time, .post-date, .wp-block-latest-posts .wp-block-latest-posts__post-date, time.wp-block-latest-comments__comment-date { font-size: 1.2rem; color: #bbb; letter-spacing: 0; } @media (min-width: 768px) { .article-comment, .article-date, .article-pv, .articleListRelation .date, .comment-link, .comment-metadata time, .post-date, .wp-block-latest-posts .wp-block-latest-posts__post-date, time.wp-block-latest-comments__comment-date { font-size: 1.4rem; } } .main .block, .main .widget, .main .widget_block { margin-top: var(--widget--main--block--mrg); } .main .blockTitle + .block, .main .blockTitle + .widget, .main .blockTitle + .widget_block, .main h1 + .block, .main h1 + .widget, .main h1 + .widget_block, .main h2 + .block, .main h2 + .widget, .main h2 + .widget_block, .main h3 + .block, .main h3 + .widget, .main h3 + .widget_block, .main h4 + .block, .main h4 + .widget, .main h4 + .widget_block, .main h5 + .block, .main h5 + .widget, .main h5 + .widget_block, .main h6 + .block, .main h6 + .widget, .main h6 + .widget_block { margin-top: 0; } .nav__drawers--widgets { margin-top: var(--widget--block--mrg); } .block, .mobile-widget, .widget, .widget_block { clear: both; margin-top: var(--widget--block--mrg); } .block:first-child, .mobile-widget:first-child, .widget:first-child, .widget_block:first-child { margin-top: 0; } .block.mainVisualBottom:first-child, .mobile-widget.mainVisualBottom:first-child, .widget.mainVisualBottom:first-child, .widget_block.mainVisualBottom:first-child { margin-top: var(--widget--block--mrg); } .block.mainVisualBottom:first-child:has(> .wp-block-cover, > .xw-block-section), .mobile-widget.mainVisualBottom:first-child:has( > .wp-block-cover, > .xw-block-section ), .widget.mainVisualBottom:first-child:has( > .wp-block-cover, > .xw-block-section ), .widget_block.mainVisualBottom:first-child:has( > .wp-block-cover, > .xw-block-section ) { margin-top: 0; } .block:empty, .mobile-widget:empty, .widget:empty, .widget_block:empty { display: none; } .block:first-child:empty + .block, .block:first-child:empty + .mobile-widget, .block:first-child:empty + .widget, .block:first-child:empty + .widget_block, .mobile-widget:first-child:empty + .block, .mobile-widget:first-child:empty + .mobile-widget, .mobile-widget:first-child:empty + .widget, .mobile-widget:first-child:empty + .widget_block, .widget:first-child:empty + .block, .widget:first-child:empty + .mobile-widget, .widget:first-child:empty + .widget, .widget:first-child:empty + .widget_block, .widget_block:first-child:empty + .block, .widget_block:first-child:empty + .mobile-widget, .widget_block:first-child:empty + .widget, .widget_block:first-child:empty + .widget_block { margin-top: 0; } .block.footerTop:last-child:not( :has(> .wp-block-cover, > .xw-block-section) ):last-child, .mobile-widget.footerTop:last-child:not( :has(> .wp-block-cover, > .xw-block-section) ):last-child, .widget.footerTop:last-child:not( :has(> .wp-block-cover, > .xw-block-section) ):last-child, .widget_block.footerTop:last-child:not( :has(> .wp-block-cover, > .xw-block-section) ):last-child { margin-bottom: var(--widget--block--mrg); } .widget-area.archive-bottom, .widget-area.archive-top, .widget-area.page-bottom, .widget-area.page-top, .widget-area.post-bottom, .widget-area.post-top, .widget-area.related-articles-bottom, .widget-area.related-articles-top { margin: var(--widget--main--block--mrg) 0; } .block > .widget-area.page-top:first-child { margin: 0 0 var(--widget--main--block--mrg) 0; } :where(.widget > *, .widget_block > *, .mobile-widget > *):not(:only-child, p), :where( .wp-widget-group__inner-blocks > *, .wp-block-group__inner-container > * ):not(:only-child, p) { margin-top: var(--widget--element--mrg); margin-bottom: 0; } :where(.widget > *, .widget_block > *, .mobile-widget > *):first-child, :where( .wp-widget-group__inner-blocks > *, .wp-block-group__inner-container > * ):first-child { margin-top: 0; } :where(.widget > *, .widget_block > *, .mobile-widget > *):last-child, :where( .wp-widget-group__inner-blocks > *, .wp-block-group__inner-container > * ):last-child { margin-bottom: 0; } .widget-area.container :is(.widget > *, .widget_block > *, .mobile-widget > *):not(:only-child), .widget-area.container :is( .wp-widget-group__inner-blocks > *, .wp-block-group__inner-container > * ):not(:only-child) { margin-top: var(--widget--element--mrg); margin-bottom: 0; } .widget-area.container :is(.widget > *, .widget_block > *, .mobile-widget > *):first-child, .widget-area.container :is( .wp-widget-group__inner-blocks > *, .wp-block-group__inner-container > * ):first-child { margin-top: 0; } .widget-area.container :is( .widget > *, .widget_block > *, .mobile-widget > * ):first-child.customize-partial-edit-shortcut + .wp-block-cover, .widget-area.container :is( .widget > *, .widget_block > *, .mobile-widget > * ):first-child.customize-partial-edit-shortcut + .xw-block-section, .widget-area.container :is( .wp-widget-group__inner-blocks > *, .wp-block-group__inner-container > * ):first-child.customize-partial-edit-shortcut + .wp-block-cover, .widget-area.container :is( .wp-widget-group__inner-blocks > *, .wp-block-group__inner-container > * ):first-child.customize-partial-edit-shortcut + .xw-block-section { margin-top: 0; } .widget-area.container :is(.widget > *, .widget_block > *, .mobile-widget > *):last-child, .widget-area.container :is( .wp-widget-group__inner-blocks > *, .wp-block-group__inner-container > * ):last-child { margin-bottom: 0; } .mobile-widget .MobileNavTitle + *, .mobile-widget .MobileNavTitle + .screen-reader-text + *, .mobile-widget .footTitle + *, .mobile-widget .footTitle + .screen-reader-text + *, .mobile-widget .widget-title + *, .mobile-widget .widget-title + .screen-reader-text + *, .mobile-widget .widgettitle + *, .mobile-widget .widgettitle + .screen-reader-text + *, .mobile-widget .wp-block-archives-dropdown > label + *, .mobile-widget .wp-block-archives-dropdown > label + .screen-reader-text + *, .mobile-widget h1:not(.xw-block-faq__question):not(.xw-block-faq__accordion) + *, .mobile-widget h1:not(.xw-block-faq__question):not(.xw-block-faq__accordion) + .screen-reader-text + *, .mobile-widget h2:not(.xw-block-faq__question):not(.xw-block-faq__accordion) + *, .mobile-widget h2:not(.xw-block-faq__question):not(.xw-block-faq__accordion) + .screen-reader-text + *, .mobile-widget h3:not(.xw-block-faq__question):not(.xw-block-faq__accordion) + *, .mobile-widget h3:not(.xw-block-faq__question):not(.xw-block-faq__accordion) + .screen-reader-text + *, .mobile-widget h4:not(.xw-block-faq__question):not(.xw-block-faq__accordion) + *, .mobile-widget h4:not(.xw-block-faq__question):not(.xw-block-faq__accordion) + .screen-reader-text + *, .mobile-widget h5:not(.xw-block-faq__question):not(.xw-block-faq__accordion) + *, .mobile-widget h5:not(.xw-block-faq__question):not(.xw-block-faq__accordion) + .screen-reader-text + *, .mobile-widget h6:not(.xw-block-faq__question):not(.xw-block-faq__accordion) + *, .mobile-widget h6:not(.xw-block-faq__question):not(.xw-block-faq__accordion) + .screen-reader-text + *, .widget .MobileNavTitle + *, .widget .MobileNavTitle + .screen-reader-text + *, .widget .footTitle + *, .widget .footTitle + .screen-reader-text + *, .widget .widget-title + *, .widget .widget-title + .screen-reader-text + *, .widget .widgettitle + *, .widget .widgettitle + .screen-reader-text + *, .widget .wp-block-archives-dropdown > label + *, .widget .wp-block-archives-dropdown > label + .screen-reader-text + *, .widget h1:not(.xw-block-faq__question):not(.xw-block-faq__accordion) + *, .widget h1:not(.xw-block-faq__question):not(.xw-block-faq__accordion) + .screen-reader-text + *, .widget h2:not(.xw-block-faq__question):not(.xw-block-faq__accordion) + *, .widget h2:not(.xw-block-faq__question):not(.xw-block-faq__accordion) + .screen-reader-text + *, .widget h3:not(.xw-block-faq__question):not(.xw-block-faq__accordion) + *, .widget h3:not(.xw-block-faq__question):not(.xw-block-faq__accordion) + .screen-reader-text + *, .widget h4:not(.xw-block-faq__question):not(.xw-block-faq__accordion) + *, .widget h4:not(.xw-block-faq__question):not(.xw-block-faq__accordion) + .screen-reader-text + *, .widget h5:not(.xw-block-faq__question):not(.xw-block-faq__accordion) + *, .widget h5:not(.xw-block-faq__question):not(.xw-block-faq__accordion) + .screen-reader-text + *, .widget h6:not(.xw-block-faq__question):not(.xw-block-faq__accordion) + *, .widget h6:not(.xw-block-faq__question):not(.xw-block-faq__accordion) + .screen-reader-text + *, .widget_block .MobileNavTitle + *, .widget_block .MobileNavTitle + .screen-reader-text + *, .widget_block .footTitle + *, .widget_block .footTitle + .screen-reader-text + *, .widget_block .widget-title + *, .widget_block .widget-title + .screen-reader-text + *, .widget_block .widgettitle + *, .widget_block .widgettitle + .screen-reader-text + *, .widget_block .wp-block-archives-dropdown > label + *, .widget_block .wp-block-archives-dropdown > label + .screen-reader-text + *, .widget_block h1:not(.xw-block-faq__question):not(.xw-block-faq__accordion) + *, .widget_block h1:not(.xw-block-faq__question):not(.xw-block-faq__accordion) + .screen-reader-text + *, .widget_block h2:not(.xw-block-faq__question):not(.xw-block-faq__accordion) + *, .widget_block h2:not(.xw-block-faq__question):not(.xw-block-faq__accordion) + .screen-reader-text + *, .widget_block h3:not(.xw-block-faq__question):not(.xw-block-faq__accordion) + *, .widget_block h3:not(.xw-block-faq__question):not(.xw-block-faq__accordion) + .screen-reader-text + *, .widget_block h4:not(.xw-block-faq__question):not(.xw-block-faq__accordion) + *, .widget_block h4:not(.xw-block-faq__question):not(.xw-block-faq__accordion) + .screen-reader-text + *, .widget_block h5:not(.xw-block-faq__question):not(.xw-block-faq__accordion) + *, .widget_block h5:not(.xw-block-faq__question):not(.xw-block-faq__accordion) + .screen-reader-text + *, .widget_block h6:not(.xw-block-faq__question):not(.xw-block-faq__accordion) + *, .widget_block h6:not(.xw-block-faq__question):not(.xw-block-faq__accordion) + .screen-reader-text + * { margin-top: 0; } .side .widget-area > .widget, .side .widget-area > .widget_block { padding: var(--widget--block--pad); background-color: var(--widget--side--background-color); border-radius: var(--block--border-radius); box-shadow: var(--widget--side--box-shadow); } .side .widget .widget-title, .side .widget .widgettitle, .side .widget .wp-block-archives-dropdown > label, .side .widget .wp-block-search__label, .side .widget :is(h1, h2, h3, h4, h5, h6):not(.xw-block-faq__question):not( .xw-block-faq__accordion ), .side .widget_block .widget-title, .side .widget_block .widgettitle, .side .widget_block .wp-block-archives-dropdown > label, .side .widget_block .wp-block-search__label, .side .widget_block :is(h1, h2, h3, h4, h5, h6):not(.xw-block-faq__question):not( .xw-block-faq__accordion ) { margin-top: calc(var(--widget--block--pad) * -1); margin-right: calc(var(--widget--block--pad) * -1); margin-left: calc(var(--widget--block--pad) * -1); } .side .widget .wp-block-group :is(h1, h2, h3, h4, h5, h6):not(.xw-block-faq__question):not( .xw-block-faq__accordion ), .side .widget_block .wp-block-group :is(h1, h2, h3, h4, h5, h6):not(.xw-block-faq__question):not( .xw-block-faq__accordion ) { margin-right: calc(var(--widget--block--pad) * -1) !important; margin-left: calc(var(--widget--block--pad) * -1) !important; } .footer .widget .wp-block-group .widget-title:not(:first-child), .footer .widget .wp-block-group .widgettitle:not(:first-child), .footer .widget .wp-block-group .wp-block-archives-dropdown:not(:first-child) > label, .footer .widget .wp-block-group .wp-block-search:not(:first-child) .wp-block-search__label, .footer .widget .wp-block-group :is(h1, h2, h3, h4, h5, h6):not(:first-child):not( .xw-block-faq__question ):not(.xw-block-faq__accordion), .footer .widget .wp-widget-group__inner-blocks .widget-title:not(:first-child), .footer .widget .wp-widget-group__inner-blocks .widgettitle:not(:first-child), .footer .widget .wp-widget-group__inner-blocks .wp-block-archives-dropdown:not(:first-child) > label, .footer .widget .wp-widget-group__inner-blocks .wp-block-search:not(:first-child) .wp-block-search__label, .footer .widget .wp-widget-group__inner-blocks :is(h1, h2, h3, h4, h5, h6):not(:first-child):not( .xw-block-faq__question ):not(.xw-block-faq__accordion), .footer .widget_block .wp-block-group .widget-title:not(:first-child), .footer .widget_block .wp-block-group .widgettitle:not(:first-child), .footer .widget_block .wp-block-group .wp-block-archives-dropdown:not(:first-child) > label, .footer .widget_block .wp-block-group .wp-block-search:not(:first-child) .wp-block-search__label, .footer .widget_block .wp-block-group :is(h1, h2, h3, h4, h5, h6):not(:first-child):not( .xw-block-faq__question ):not(.xw-block-faq__accordion), .footer .widget_block .wp-widget-group__inner-blocks .widget-title:not(:first-child), .footer .widget_block .wp-widget-group__inner-blocks .widgettitle:not(:first-child), .footer .widget_block .wp-widget-group__inner-blocks .wp-block-archives-dropdown:not(:first-child) > label, .footer .widget_block .wp-widget-group__inner-blocks .wp-block-search:not(:first-child) .wp-block-search__label, .footer .widget_block .wp-widget-group__inner-blocks :is(h1, h2, h3, h4, h5, h6):not(:first-child):not( .xw-block-faq__question ):not(.xw-block-faq__accordion), .side .widget .wp-block-group .widget-title:not(:first-child), .side .widget .wp-block-group .widgettitle:not(:first-child), .side .widget .wp-block-group .wp-block-archives-dropdown:not(:first-child) > label, .side .widget .wp-block-group .wp-block-search:not(:first-child) .wp-block-search__label, .side .widget .wp-block-group :is(h1, h2, h3, h4, h5, h6):not(:first-child):not( .xw-block-faq__question ):not(.xw-block-faq__accordion), .side .widget .wp-widget-group__inner-blocks .widget-title:not(:first-child), .side .widget .wp-widget-group__inner-blocks .widgettitle:not(:first-child), .side .widget .wp-widget-group__inner-blocks .wp-block-archives-dropdown:not(:first-child) > label, .side .widget .wp-widget-group__inner-blocks .wp-block-search:not(:first-child) .wp-block-search__label, .side .widget .wp-widget-group__inner-blocks :is(h1, h2, h3, h4, h5, h6):not(:first-child):not( .xw-block-faq__question ):not(.xw-block-faq__accordion), .side .widget_block .wp-block-group .widget-title:not(:first-child), .side .widget_block .wp-block-group .widgettitle:not(:first-child), .side .widget_block .wp-block-group .wp-block-archives-dropdown:not(:first-child) > label, .side .widget_block .wp-block-group .wp-block-search:not(:first-child) .wp-block-search__label, .side .widget_block .wp-block-group :is(h1, h2, h3, h4, h5, h6):not(:first-child):not( .xw-block-faq__question ):not(.xw-block-faq__accordion), .side .widget_block .wp-widget-group__inner-blocks .widget-title:not(:first-child), .side .widget_block .wp-widget-group__inner-blocks .widgettitle:not(:first-child), .side .widget_block .wp-widget-group__inner-blocks .wp-block-archives-dropdown:not(:first-child) > label, .side .widget_block .wp-widget-group__inner-blocks .wp-block-search:not(:first-child) .wp-block-search__label, .side .widget_block .wp-widget-group__inner-blocks :is(h1, h2, h3, h4, h5, h6):not(:first-child):not( .xw-block-faq__question ):not(.xw-block-faq__accordion) { margin-top: var(--widget--block--mrg); } :where(.side) a { color: var(--txt-color); } @media (hover: hover) { :where(.side) a:hover { color: var(--link-color); } } .widget-area.bottom { margin-top: var(--widget--main--block--mrg); } .side .block:not(:has(*)), .side .mobile-widget:not(:has(*)), .side .widget:not(:has(*)), .side .widget_block:not(:has(*)) { display: none; } .MobileNavTitle, .footTitle, .widget-title, .widgettitle, :is(.side, .footer, .nav__drawers--widgets) .wp-block-archives-dropdown > label, :is(.side, .footer, .nav__drawers--widgets) .wp-block-search__label, :is(.side, .footer, .nav__drawers--widgets) :is(.widget, .widget_block) :is(h1, h2, h3, h4, h5, h6):not( .xw-block-faq__question, .xw-block-faq__accordion ) { margin-bottom: var(--widget--ttl--mrg--b); padding: var(--widget--ttl--pad); color: var(--key-color); font-size: var(--widget--ttl--fz); font-weight: 700; line-height: 1.4; } .MobileNavTitle:only-child, .footTitle:only-child, .widget-title:only-child, .widgettitle:only-child, :is(.side, .footer, .nav__drawers--widgets) .wp-block-archives-dropdown > label:only-child, :is(.side, .footer, .nav__drawers--widgets) .wp-block-search__label:only-child, :is(.side, .footer, .nav__drawers--widgets) :is(.widget, .widget_block) :is(h1, h2, h3, h4, h5, h6):not( .xw-block-faq__question, .xw-block-faq__accordion ):only-child { margin-bottom: calc(var(--widget--ttl--mrg--b) - var(--widget--block--mrg)); } .side :is(.widget, .widget_block) :is(h1, h2, h3, h4, h5, h6):not( .xw-block-faq__question, .xw-block-faq__accordion ):only-child { margin: 0; } .wp-block-search__label { display: block; width: auto; } .wp-block-search__label.screen-reader-text { display: none; } .blockTitle, .main .wp-block-archives-dropdown > label, .main .wp-block-search__label, .main :is(.widget, .widget_block) :is(h1, h2, h3, h4, h5, h6) { font-size: 2.2rem; position: relative; margin: 0 0 1.5em; color: var(--key-color); font-weight: 700; line-height: 1.4; } .blockTitle:only-child, .main .wp-block-archives-dropdown > label:only-child, .main .wp-block-search__label:only-child, .main :is(.widget, .widget_block) :is(h1, h2, h3, h4, h5, h6):only-child { margin-bottom: calc(1.5em - var(--widget--main--block--mrg)); } .blockTitle.left { text-align: left; } .blockTitle.center { text-align: center; } :is(.side, .footer, .nav__drawers--widgets) :is(.widget, .widget_block) .xw-block-faq__question { font-size: 1.4rem; margin-top: 0; margin-bottom: 0; font-weight: 500; } .wp-block-social-links .wp-block-social-link:hover { transform: none; opacity: 0.8; } .snsShare { display: flex; } .snsShare.left { justify-content: flex-start; } .snsShare.center { justify-content: center; } .snsShare.right { justify-content: flex-end; } .snsShare.button .snsShare__body { width: 100%; } .snsShare.button .snsList { width: 100%; } .snsShare__body { display: flex; flex-direction: column; align-items: center; } .snsShare__copy { font-size: 1.6rem; display: block; margin: 0 0 0.4em; font-weight: 700; text-align: center; } .snsList { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; } .snsList.is-outline .btn__sns.twitter { box-shadow: 0 0 0 1px #6eb6fd inset; } .snsList.is-outline .btn__sns.x-twitter { box-shadow: 0 0 0 1px #0f1419 inset; } .snsList.is-outline .btn__sns.facebook { box-shadow: 0 0 0 1px #3b5998 inset; } .snsList.is-outline .btn__sns.line { box-shadow: 0 0 0 1px #00b900 inset; } .snsList.is-outline .btn__sns.hatebu { box-shadow: 0 0 0 1px #1589cc inset; } .snsList.is-outline .btn__sns.pinterest { box-shadow: 0 0 0 1px #e60023 inset; } .snsList.is-outline .btn__sns.instagram { box-shadow: 0 0 0 1px #cf2e9e inset; } .snsList.is-outline .btn__sns.youtube { box-shadow: 0 0 0 1px #da1725 inset; } .snsList.is-outline .btn__sns.copy { box-shadow: 0 0 0 1px #666 inset; } .snsList.is-background.is-outline .btn__sns { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2) inset; } .snsList.is-background .btn__sns.twitter { color: #fff; background-color: #6eb6fd; } .snsList.is-background .btn__sns.x-twitter { color: #fff; background-color: #0f1419; } .snsList.is-background .btn__sns.facebook { color: #fff; background-color: #3b5998; } .snsList.is-background .btn__sns.line { color: #fff; background-color: #00b900; } .snsList.is-background .btn__sns.hatebu { color: #fff; background-color: #1589cc; } .snsList.is-background .btn__sns.pinterest { color: #fff; background-color: #e60023; } .snsList.is-background .btn__sns.instagram { color: #fff; background-color: #cf2e9e; } .snsList.is-background .btn__sns.youtube { color: #fff; background-color: #da1725; } .snsList.is-background .btn__sns.copy { color: #fff; background-color: #666; } .snsList.round .btn__sns { border-radius: 50%; width: 4rem; height: 4rem; } .snsList.button { flex-wrap: nowrap; justify-content: space-between; } .snsList.button .btn__sns { width: unset; border-radius: 0; } .snsList.button > li { width: 100%; } .snsList .btn__sns { width: 3.5rem; height: 3.5rem; text-decoration: none; transition: all 0.5s; cursor: pointer; } @media (hover: hover) { .snsList .btn__sns:hover { opacity: 0.7; } } .snsList i { letter-spacing: 0; } .btn__sns { font-size: 2rem; display: flex; padding: 0; color: #a4a7ab; align-items: center; justify-content: center; letter-spacing: 0; } .btn__sns.twitter { color: #6eb6fd; background-color: #fff; } .btn__sns.x-twitter { color: #0f1419; background-color: #fff; } .btn__sns.facebook { color: #3b5998; background-color: #fff; } .btn__sns.line { color: #00b900; background-color: #fff; } .btn__sns.hatebu { color: #1589cc; background-color: #fff; } .btn__sns.pinterest { color: #e60023; background-color: #fff; } .btn__sns.instagram { color: #cf2e9e; background-color: #fff; } .btn__sns.youtube { color: #da1725; background-color: #fff; } .btn__sns.copy { color: #666; background-color: #fff; } .copy-message { display: none; opacity: 0.9; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 1.5rem 2rem; background-color: #333; border-radius: var(--block--border-radius); color: #fff; } :where(.widget_profile_widget) .profile__bg img { object-fit: cover; width: 100%; height: 180px; } @media (min-width: 576px) { :where(.widget_profile_widget) .profile__bg img { height: 220px; } } @media (min-width: 768px) { :where(.widget_profile_widget) .profile__bg img { height: 260px; } } @media (min-width: 992px) { :where(.widget_profile_widget) .profile__bg img { height: 180px; } } :where(.widget_profile_widget) .profile__avatar { margin: 0 auto; text-align: center; } :where(.widget_profile_widget) .profile__avatar img { object-fit: cover; width: 116px; height: 116px; background-color: #fff; border: 5px solid #fff; border-radius: 50%; } :where(.widget_profile_widget) .profile__bg + .profile__avatar { margin: -58px auto 0; } :where(.widget_profile_widget) .profileInfo { display: flex; flex-direction: column; align-items: center; padding: 20px; } :where(.widget_profile_widget) .profile__name { font-size: 1.6rem; color: var(--key-color); font-weight: 700; } :where(.widget_profile_widget) .profile__text { margin: 1em 0 0; line-height: 1.6; } :where(.widget_profile_widget) .profile__sns { margin: 10px 0 0; } .side .profile__bg { margin: 0 calc(var(--widget--block--pad) * -1); } .footer .profile__bg img, .side .profile__bg img { border-radius: var(--block--img--border-radius-md); } @media (min-width: 768px) { .main .profile { display: flex; } } @media (min-width: 768px) { .main .profile__bg { display: none; } } @media (min-width: 768px) { .main .profile__avatar { flex-shrink: 0; margin: 0 !important; text-align: left; } } @media (min-width: 768px) { .main .profile__avatar img { max-width: 120px; } } @media (min-width: 768px) { .main .profileInfo { flex: 1; display: block; margin: 0 0 0 25px; } } @media (min-width: 768px) { .main .profile__name { font-size: 2rem; text-align: left; } } @media (min-width: 768px) { .main .profile__text { margin: 0.6em 0 0; text-align: left; } } @media (min-width: 768px) { .main .profile__sns .snsList { justify-content: normal; } } .widget_pages li:first-child a { border-top-color: var(--widget--list--first--border-color); } .widget_pages a { display: block; padding: var(--widget--list--pad--y) var(--widget--list--pad--x); border-top: var(--list--border-style); } .wp-block-page-list .wp-block-pages-list__item:first-child a { border-top-color: var(--widget--list--first--border-color); } .wp-block-page-list a { display: block; padding: var(--widget--list--pad--y) var(--widget--list--pad--x); border-top: var(--list--border-style); } .widget_archive select:last-of-type { margin-bottom: 0; } [name="archive-dropdown"] { width: 100%; padding: 10px; border: 1px solid #ddd; } .archive-item:first-child a { border-top-color: var(--widget--list--first--border-color); } .archive-item a { display: block; padding: var(--widget--list--pad--y) var(--widget--list--pad--x); border-top: var(--list--border-style); } .widget_categories ul, .wp-block-categories-list ul { margin: 0; padding: 0; list-style: none; } .widget_categories > ul > .cat-item:first-child > a, .wp-block-categories-list > .cat-item:first-child > a { border-top-color: var(--widget--list--first--border-color); } .widget_categories > ul > .cat-item a, .wp-block-categories-list > .cat-item a { display: block; padding: var(--widget--list--pad--y) var(--widget--list--pad--x); } .widget_categories > ul > .cat-item > a, .wp-block-categories-list > .cat-item > a { padding: var(--widget--list--pad--y) var(--widget--list--pad--x) 0.3em; border-top: var(--list--border-style); } .widget_categories > ul > .cat-item > a:only-child, .wp-block-categories-list > .cat-item > a:only-child { padding: var(--widget--list--pad--y) var(--widget--list--pad--x); } .widget_categories > ul > .cat-item > .children, .wp-block-categories-list > .cat-item > .children { padding: 0 0 calc(var(--widget--list--pad--y) - 0.3em) var(--widget--list--pad--x); } .widget_categories > ul > .cat-item li, .wp-block-categories-list > .cat-item li { padding-left: 1em; } .widget_categories > ul .children a, .wp-block-categories-list .children a { position: relative; padding: 0.2em 0 0.2em 1.2em; line-height: 1.5; } .widget_categories > ul .children a::before, .wp-block-categories-list .children a::before { content: "−"; opacity: 0.5; position: absolute; top: 0.2em; left: 0.2em; } .widget_categories select { width: 100%; padding: 10px; border: 1px solid #ddd; } .widget_categories form:last-of-type { margin-bottom: 0; } .wp-block-categories-dropdown select { width: 100%; padding: 10px; border: 1px solid #ddd; } .main .wp-block-categories-list, .widget-area.container .wp-block-categories-list { display: grid; gap: 20px; grid-template-columns: repeat(2, 1fr); padding: 0; list-style: none; } .main .wp-block-categories-list:first-child, .widget-area.container .wp-block-categories-list:first-child { margin-top: 0 !important; } .main .wp-block-categories-list:not(:first-child), .widget-area.container .wp-block-categories-list:not(:first-child) { margin-top: var(--widget--element--mrg) !important; } @media (min-width: 768px) { .main .wp-block-categories-list, .widget-area.container .wp-block-categories-list { grid-template-columns: repeat(3, 1fr); } } @media (min-width: 768px) { .no-sidebar .main .wp-block-categories-list, .no-sidebar .widget-area.container .wp-block-categories-list { gap: 30px; } } .main .wp-block-categories-list > .cat-item, .widget-area.container .wp-block-categories-list > .cat-item { padding: 0 var(--widget--list--pad--y); border: 1px solid var(--point-color); border-radius: var(--block--border-radius-inr); } .main .wp-block-categories-list > .cat-item > a, .main .wp-block-categories-list > .cat-item > a:only-child, .widget-area.container .wp-block-categories-list > .cat-item > a, .widget-area.container .wp-block-categories-list > .cat-item > a:only-child { padding-right: 0; padding-left: 0; } .main .wp-block-categories-list > .cat-item > a, .widget-area.container .wp-block-categories-list > .cat-item > a { border: none; } .main .wp-block-categories-list a, .widget-area.container .wp-block-categories-list a { color: var(--txt-color); text-decoration: none; } @media (hover: hover) { .main .wp-block-categories-list a:hover, .widget-area.container .wp-block-categories-list a:hover { color: var(--point-color); } } .main .wp-block-categories-list .children, .widget-area.container .wp-block-categories-list .children { font-size: 1.4rem; line-height: 1.5; padding-left: 0; } .main .wp-block-categories-list .children a::before, .widget-area.container .wp-block-categories-list .children a::before { color: var(--point-color); } @media (min-width: 768px) { .widget-area.container .wp-block-categories-list { grid-template-columns: repeat(5, 1fr); } } .widget_meta li:first-child a { border-top-color: var(--widget--list--first--border-color); } .widget_meta a { display: block; padding: var(--widget--list--pad--y) var(--widget--list--pad--x); border-top: var(--list--border-style); } .footer .widget_recent_entries ul:not([class]) li a + .post-date, .nav__drawers--widgets .widget_recent_entries ul:not([class]) li a + .post-date, .side .widget_recent_entries ul:not([class]) li a + .post-date { display: inline-block; margin-top: 4px; } .footer .widget_recent_entries li, .nav__drawers--widgets .widget_recent_entries li, .side .widget_recent_entries li { padding: var(--widget--list--pad--y) var(--widget--list--pad--x); border-top: var(--list--border-style); } .footer .widget_recent_entries li:first-child, .nav__drawers--widgets .widget_recent_entries li:first-child, .side .widget_recent_entries li:first-child { border-top-color: var(--widget--list--first--border-color); } .footer .widget_recent_entries a, .nav__drawers--widgets .widget_recent_entries a, .side .widget_recent_entries a { display: block; } .footer .widget_recent_entries .post-date, .nav__drawers--widgets .widget_recent_entries .post-date, .side .widget_recent_entries .post-date { display: inline-block; margin-top: 5px; } .wp-block-latest-posts li { position: relative; } .wp-block-latest-posts a { color: var(--txt-color); } @media (hover: hover) { .wp-block-latest-posts a:hover { color: var(--link-color); } } .wp-block-latest-posts a::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .wp-block-latest-posts .wp-block-latest-posts__post-excerpt { overflow: hidden; opacity: 0.8; line-height: 1.5; } .wp-block-latest-posts .wp-block-latest-posts__post-excerpt:last-child { margin-bottom: 0; } .wp-block-latest-posts .wp-block-latest-posts__post-author, .wp-block-latest-posts .wp-block-latest-posts__post-date { margin-top: 4px; } .wp-block-latest-posts .wp-block-latest-posts__post-author { font-size: 1.4rem; letter-spacing: 0; } .footer .wp-block-latest-posts a, .main .wp-block-latest-posts:not(.is-grid) a, .nav__drawers--widgets .wp-block-latest-posts a, .side .wp-block-latest-posts a { overflow: hidden; } .footer .wp-block-latest-posts li, .main .wp-block-latest-posts:not(.is-grid) li, .nav__drawers--widgets .wp-block-latest-posts li, .side .wp-block-latest-posts li { overflow: hidden; } .footer .wp-block-latest-posts .wp-block-latest-posts__featured-image, .main .wp-block-latest-posts:not(.is-grid) .wp-block-latest-posts__featured-image, .nav__drawers--widgets .wp-block-latest-posts .wp-block-latest-posts__featured-image, .side .wp-block-latest-posts .wp-block-latest-posts__featured-image { float: left; max-width: 50%; margin-right: 15px; } .footer .wp-block-latest-posts .wp-block-latest-posts__featured-image img, .main .wp-block-latest-posts:not(.is-grid) .wp-block-latest-posts__featured-image img, .nav__drawers--widgets .wp-block-latest-posts .wp-block-latest-posts__featured-image img, .side .wp-block-latest-posts .wp-block-latest-posts__featured-image img { object-fit: cover; border-radius: var(--block--img--border-radius-sm); } .footer .wp-block-latest-posts li, .nav__drawers--widgets .wp-block-latest-posts li, .side .wp-block-latest-posts li { padding: var(--widget--list--pad--y) var(--widget--list--pad--x); border-top: var(--list--border-style); } .footer .wp-block-latest-posts li:first-child, .nav__drawers--widgets .wp-block-latest-posts li:first-child, .side .wp-block-latest-posts li:first-child { border-top-color: var(--widget--list--first--border-color); } .footer .wp-block-latest-posts .wp-block-latest-posts__post-excerpt, .nav__drawers--widgets .wp-block-latest-posts .wp-block-latest-posts__post-excerpt, .side .wp-block-latest-posts .wp-block-latest-posts__post-excerpt { font-size: 1.2rem; } .main .wp-block-latest-posts:not(.is-grid) .wp-block-latest-posts__featured-image { margin-right: 1.5em; } @media (min-width: 768px) { .main .wp-block-latest-posts.is-grid.columns-1 a, .main .wp-block-latest-posts.is-grid.columns-2 a { font-size: 1.8rem; } } .main .wp-block-latest-posts.is-grid li { display: flex; flex-direction: column; margin-bottom: 2.25em; } .main .wp-block-latest-posts.is-grid .wp-block-latest-posts__post-excerpt { margin: 0; } .main .wp-block-latest-posts.is-grid .wp-block-latest-posts__post-date { margin: 0; } .main .wp-block-latest-posts:not(.is-grid) { display: grid; gap: 30px; grid-template-columns: repeat(1, 1fr); } @media (min-width: 992px) { .main .wp-block-latest-posts:not(.is-grid) { gap: 40px; } } .main .wp-block-latest-posts:not(.is-grid) a { font-size: 1.4rem; } @media (min-width: 768px) { .main .wp-block-latest-posts:not(.is-grid) a { font-size: 1.8rem; } } .main .wp-block-latest-posts .wp-block-latest-posts__featured-image { order: 1; } .main .wp-block-latest-posts .wp-block-latest-posts__featured-image img { border-radius: var(--block--img--border-radius-md); } .main .wp-block-latest-posts a { order: 2; margin: 1em 0 0.8em; } @media (min-width: 768px) { .main .wp-block-latest-posts a { font-size: 1.5rem; } } .main .wp-block-latest-posts .wp-block-latest-posts__post-author { order: 5; } .main .wp-block-latest-posts .wp-block-latest-posts__post-date { order: 4; } .main .wp-block-latest-posts .wp-block-latest-posts__post-excerpt { font-size: 1.2rem; order: 3; } @media (min-width: 768px) { .main .wp-block-latest-posts .wp-block-latest-posts__post-excerpt { font-size: 1.4rem; } } @media (min-width: 768px) { .no-sidebar .main .wp-block-latest-posts.is-grid:not(.columns-1) a, .no-sidebar .main .wp-block-latest-posts.is-grid:not(.columns-2) a { font-size: 1.8rem; } } .widget_recent_comments li { padding: var(--widget--list--pad--y) var(--widget--list--pad--x); border-top: var(--list--border-style); } .widget_recent_comments li:first-child { border-top-color: var(--widget--list--first--border-color); } .widget_recent_comments a { display: inline-block; text-decoration: underline; } @media (hover: hover) { .widget_recent_comments a:hover { text-decoration: none; } } .wp-block-latest-comments a { display: inline-block; text-decoration: underline; } @media (hover: hover) { .wp-block-latest-comments a:hover { text-decoration: none; } } .wp-block-latest-comments .wp-block-latest-comments__comment { margin-bottom: 0; padding: var(--widget--list--pad--y) var(--widget--list--pad--x); border-top: var(--list--border-style); line-height: inherit; } .wp-block-latest-comments .wp-block-latest-comments__comment:first-child { border-top-color: var(--widget--list--first--border-color); } .wp-block-latest-comments .wp-block-latest-comments__comment-date { margin-top: 4px; } .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p:last-child { margin-bottom: 0; } .gnav-fix .nav__drawers ul, .siteNavList--footer ul, .widget_nav_menu ul { margin: 0; padding: 0; list-style: none; } .gnav-fix .gNavList > .menu-item:first-child > a, .siteNavList--footer .siteNavList > .menu-item:first-child > a, .widget_nav_menu .menu > .menu-item:first-child > a { border-top-color: var(--widget--list--first--border-color); } .gnav-fix .gNavList > .menu-item a, .siteNavList--footer .siteNavList > .menu-item a, .widget_nav_menu .menu > .menu-item a { display: block; padding: var(--widget--list--pad--y) var(--widget--list--pad--x); } .gnav-fix .gNavList > .menu-item > a, .siteNavList--footer .siteNavList > .menu-item > a, .widget_nav_menu .menu > .menu-item > a { padding: var(--widget--list--pad--y) var(--widget--list--pad--x) 0.3em; border-top: var(--list--border-style); } .gnav-fix .gNavList > .menu-item > a:only-child, .siteNavList--footer .siteNavList > .menu-item > a:only-child, .widget_nav_menu .menu > .menu-item > a:only-child { padding: var(--widget--list--pad--y) var(--widget--list--pad--x); } .gnav-fix .gNavList > .menu-item > .sub-menu, .siteNavList--footer .siteNavList > .menu-item > .sub-menu, .widget_nav_menu .menu > .menu-item > .sub-menu { padding: 0 0 calc(var(--widget--list--pad--y) - 0.3em) var(--widget--list--pad--x); } .gnav-fix .gNavList > .menu-item li, .siteNavList--footer .siteNavList > .menu-item li, .widget_nav_menu .menu > .menu-item li { padding-left: 1em; } .gnav-fix .gNavList .sub-menu a, .siteNavList--footer .siteNavList .sub-menu a, .widget_nav_menu .menu .sub-menu a { position: relative; padding: 0.2em 0 0.2em 1.2em; line-height: 1.5; } .gnav-fix .gNavList .sub-menu a::before, .siteNavList--footer .siteNavList .sub-menu a::before, .widget_nav_menu .menu .sub-menu a::before { content: "−"; opacity: 0.5; position: absolute; top: 0.2em; left: 0.2em; } .tagcloud, .wp-block-tag-cloud, .wp-block-tag-cloud.is-style-outline { display: flex; flex-wrap: wrap; gap: 6px; } .tagcloud .tag-cloud-link, .wp-block-tag-cloud .tag-cloud-link, .wp-block-tag-cloud.is-style-outline .tag-cloud-link { display: inline-block; margin: 0; padding: 7px 12px; border-radius: var(--block--border-radius-inr); color: var(--txt-color); font-size: 1.3rem !important; letter-spacing: 0; line-height: 1; text-decoration: none; } .tagcloud .tag-cloud-link, .wp-block-tag-cloud:not(.is-style-outline) .tag-cloud-link { background-color: #eee; color: #111; } @media (hover: hover) { .tagcloud .tag-cloud-link:hover, .wp-block-tag-cloud:not(.is-style-outline) .tag-cloud-link:hover { background-color: var(--link-color); color: #fff; } } @media (hover: hover) { .wp-block-tag-cloud.is-style-outline .tag-cloud-link:hover { background-color: var(--link-color); border-color: var(--link-color); color: #fff; } } .calendar_wrap .wp-calendar-table, .wp-block-calendar .wp-calendar-table { width: 100%; } .calendar_wrap .wp-calendar-table caption, .wp-block-calendar .wp-calendar-table caption { caption-side: top; text-align: center; padding: 0 0 3px; } .calendar_wrap .wp-calendar-table td, .calendar_wrap .wp-calendar-table th, .wp-block-calendar .wp-calendar-table td, .wp-block-calendar .wp-calendar-table th { padding: 5px 0; text-align: center; } .calendar_wrap .wp-calendar-table th, .wp-block-calendar .wp-calendar-table th { background-color: transparent; border: none; border-bottom: 1px solid #ddd; font-weight: 400; } .calendar_wrap .wp-calendar-table td, .wp-block-calendar .wp-calendar-table td { border: none; border-bottom: 1px solid #eee; } .calendar_wrap a, .wp-block-calendar a { text-decoration: underline; } @media (hover: hover) { .calendar_wrap a:hover, .wp-block-calendar a:hover { text-decoration: none; } } .wp-calendar-nav { display: flex; margin: 10px 0 0; justify-content: space-between; } .footer .calendar_wrap caption, .footer .calendar_wrap table, .footer .wp-block-calendar caption, .footer .wp-block-calendar table { color: var(--foottxt-color); } .side .widget_search:has(.wp-block-search__label.screen-reader-text) { padding: 0; background-color: transparent; box-shadow: none; } .side .widget_search:has(.wp-block-search__label.screen-reader-text) .wp-block-search__inside-wrapper { box-shadow: var(--widget--side--box-shadow); } .contents > .adsArea { text-align: center; margin: var(--widget--main--block--mrg) 0; } .contents > .adsArea:first-child { margin-top: 0; } .contents > .adsArea:last-child { margin-bottom: 0; } .articleContainer .adsArea { margin: var(--widget--main--block--mrg) 0; text-align: left; } .articleContainer .adsArea .container { background: 0 0; } .sidebar-sticky { display: none; } @media (min-width: 992px) { .sidebar-sticky { display: flex; flex-direction: column; position: sticky; margin-top: var(--widget--block--mrg); top: var(--widget--block--mrg); } .sidebar-sticky .widget, .sidebar-sticky .widget_block { overflow-y: auto; } .side > .sidebar-sticky:first-of-type { margin-top: 0; } } .header-fix.-for-pc ~ .contents .container .side .sidebar-sticky { top: calc(var(--widget--block--mrg) + 52px); } .wp-block-buttons, .wp-block-buttons[class*="wp-container-"] { gap: 0.8em; } @media (min-width: 992px) { .wp-block-buttons, .wp-block-buttons[class*="wp-container-"] { gap: 1em; } } .wp-block-buttons img, .wp-block-buttons[class*="wp-container-"] img { box-shadow: none; outline: 0; vertical-align: middle; } .is-style-outline > .wp-block-button__link:not(.has-text-color), .wp-block-button__link.is-style-outline:not(.has-text-color) { color: var(--key-color); } .is-style-outline > .wp-block-button__link, .wp-block-button__link.is-style-outline { padding: calc(0.75em - 2px) calc(1.5em - 2px); } .wp-block-button__link { padding: 0.75em 1.5em; background-color: var(--key-color); font-size: inherit; } @media (hover: hover) { .wp-block-button__link:hover { opacity: 0.9; filter: brightness(1.1); } } .wp-block-button.new-window .wp-block-button__link::after { content: "\f35d"; display: inline-block; margin: 0 0 0 0.4em; font-family: "Font Awesome 5 Free"; font-weight: 700; } .wp-block-columns:last-child { margin-bottom: 0 !important; } .wp-block-image:last-child { margin-bottom: 0 !important; } .wp-block-column.wp-block-column-mx { padding-right: var(--col--gutter--mb); padding-left: var(--col--gutter--mb); } @media (min-width: 601px) { .wp-block-column.wp-block-column-mx:nth-child(2n + 1) { padding-right: calc(5vw - var(--wp--style--block-gap, 2em)); padding-left: 5vw; } .wp-block-column.wp-block-column-mx:nth-child(2n) { padding-right: 5vw; padding-left: calc(5vw - var(--wp--style--block-gap, 2em)); } } .wp-block-columns { gap: 2em; } .wp-block-column > :first-child { margin-top: 0; } .wp-block-column > :last-child { margin-bottom: 0; } .wp-block-group__inner-container > :first-child { margin-top: 0; } .wp-block-group__inner-container > :last-child { margin-bottom: 0; } .wp-block-group__inner-container:first-child { margin-top: 0 !important; } .wp-block-group__inner-container:last-child { margin-bottom: 0 !important; } .wp-block-columns.wp-block-columns-autowidth .wp-block-column { flex: 0 1 auto; width: auto; } .wp-block-columns.wp-block-columns-autowidth-center { justify-content: center; } .wp-block-columns.wp-block-columns-autowidth-center .wp-block-column { flex: 0 1 auto; width: auto; } .wp-block-cover, .wp-block-cover-image { padding: 0; } @media (min-width: 768px) { .no-sidebar .alignwide, .widget-area.container .alignwide { width: 90vw; margin-left: calc(50% - 45vw); margin-right: calc(50% - 45vw); } } figure.gallery-item { margin: 0; } .has-large-font-size, .has-medium-font-size, .has-x-large-font-size { line-height: 1.4; } .wp-block-table table td, .wp-block-table table th { padding: 0.8em 1em; } iframe.wp-embedded-content { width: 100%; } .wp-block-pullquote { padding: 1.5em; border-top: 3px solid currentColor; border-bottom: 3px solid currentColor; } .wp-block-pullquote blockquote { margin: 0; } .wp-block-pullquote p { font-size: inherit; line-height: inherit; } .wp-block-pullquote .wp-block-pullquote__citation a { color: #999; text-decoration: none; } blockquote p { margin-block-start: 1em; margin-block-end: 1em; } blockquote p:first-child { margin-top: 0; } blockquote cite { font-size: calc(14 * var(--block-style-unit)); display: block; margin-top: 0.8em; } blockquote cite a { color: #999; font-style: normal; text-decoration: none; } @media (hover: hover) { blockquote cite a:hover { color: var(--link-color); } } .wp-block-separator:not(.is-style-wide):not(.is-style-dots) { width: 100px; } .header { position: relative; z-index: 99; background-color: var(--headbg-color); } .header .siteInfo:has(img) { margin-bottom: 3px; } @media (min-width: 768px) { .header .siteInfo { flex-shrink: 1; } } .header .siteInfo .siteInfo__logo { height: 100%; } .header .siteInfo .siteInfo__logo img { object-fit: contain; } .header .siteInfo .siteInfo__logo a { height: 100%; display: flex; align-items: center; font-weight: initial; } @media (max-width: 991.98px) { .header .siteInfo .siteInfo__logo { max-width: 72vw; padding: 0 calc(60px - var(--col--gutter--mb)) 0 0; } } @media (min-width: 992px) { .header.is-pc-center .headerInfo { flex-direction: column; align-items: center; } .header.is-pc-center .siteInfo { padding: 20px 0; display: flex; align-items: center; box-sizing: content-box; } .header.is-pc-center .siteInfo__desc { text-align: center; } .header.is-pc-center .gNavList { flex-wrap: wrap; } .header.is-pc-center .gNavList > .menu-item > a { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; } .header.is-pc-center .gNavList > .menu-item > a > .menu-item-title { display: flex; align-items: center; } .header.is-pc-center .gNavList > .menu-item > a > .menu-item-description { font-size: 1.1rem; } .header.is-pc-center .gnav.navbar .gNavList .menu-item a { padding-bottom: 1em; } .header.is-pc-center .gnav.navbar:has(+ .header-widget) { padding-bottom: 0; } } .header.is-pc-center .gnav.navbar + .header-widget { padding-top: 0; } @media (min-width: 992px) { .header.is-pc-left .headerInfo { align-items: center; } .header.is-pc-left .siteInfo { padding: 20px 0; display: flex; align-items: center; box-sizing: content-box; } } @media (max-width: 991.98px) { .header.is-mb-center .headerInfo { align-items: center; justify-content: center; } .header.is-mb-center .siteInfo__logo { max-width: 54vw; padding: 0 calc(60px - var(--col--gutter--mb)); } } @media (max-width: 767.98px) { .header.is-mb-center .siteInfo__logo { max-width: 86vw; } } @media (max-width: 991.98px) { .header.is-mb-left .headerInfo { align-items: center; } .header.is-mb-left .siteInfo__logo { max-width: 54vw; padding: 0 calc(60px - var(--col--gutter--mb)) 0 0; } } @media (max-width: 767.98px) { .header.is-mb-left .siteInfo__logo { max-width: 72vw; } } @media (min-width: 992px) { .header .headerInfo { padding-top: 24px; } .header .headerInfo.no-desc { padding-top: 0; } } .header .siteInfo__desc { display: none; } @media (min-width: 992px) { .header .siteInfo__desc { font-size: 1.2rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; position: absolute; top: 0; right: 0; left: 0; padding-right: calc((100vw - var(--scrollbar-width, 0px)) / 2 - 50%); padding-left: calc((100vw - var(--scrollbar-width, 0px)) / 2 - 50%); background-color: var(--key-color); color: #fff; line-height: 24px; } } .header .header-widget { margin-top: 0; padding: var(--block--box--pad); color: var(--headnav-color); } .header .header-widget a { color: var(--headnav-color); } @media (max-width: 991.98px) { .header .header-widget { } } .header-fix { opacity: 0; visibility: hidden; position: fixed; z-index: 100; top: 0; left: 0; width: 100%; background-color: var(--headbg-color); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.04); transition: all 0.5s; -webkit-animation: slide_up_menu 0.5s ease; animation: slide_up_menu 0.5s ease; } .header-fix .siteInfo { padding: 20px 0; display: flex; align-items: center; box-sizing: content-box; } @media (max-width: 991.98px) { .header-fix .siteInfo { padding: 0; } } .header-fix .siteInfo .siteInfo__logo { height: 100%; } @media (max-width: 991.98px) { .header-fix .siteInfo .siteInfo__logo { max-width: 54vw; padding: 0 calc(60px - var(--col--gutter--mb)) 0 0; } } @media (max-width: 767.98px) { .header-fix .siteInfo .siteInfo__logo { max-width: 72vw; } } .header-fix .siteInfo a { height: 100%; display: flex; align-items: center; } .header-fix .siteInfo img { object-fit: contain; } .header-fix .headerInfo { align-items: center; } .header-fix .header-widget { margin-top: 0; padding: var(--block--box--pad); color: var(--headnav-color); } .header-fix .header-widget a { color: var(--headnav-color); } @media (max-width: 991.98px) { .header-fix .header-widget { display: none; } } .siteInfo__logo { line-height: 1; } .siteInfo__logo a { font-size: 2rem; display: inline-block; color: var(--headtxt-color); text-decoration: none; } .siteInfo__logo img { display: block; width: auto; max-width: 100%; } .siteInfo__logo .siteInfo__title { margin: 0; display: inline; } .header ul, .header-fix ul { margin: 0; padding: 0; list-style: none; } .header .headerInfo, .header-fix .headerInfo { display: flex; position: relative; z-index: 1; width: 100%; min-height: 60px; max-width: var(--site-content-width, 1200px); margin: 0 auto; } @media (min-width: 992px) { .header .headerInfo, .header-fix .headerInfo { min-height: auto; } } .header .gnav, .header-fix .gnav { display: none; } @media (min-width: 992px) { .header .gnav, .header-fix .gnav { display: flex; flex-shrink: 0; align-items: center; } .header .gnav .nav__drawers, .header-fix .gnav .nav__drawers { display: flex; height: 100%; align-items: center; justify-content: space-around; } } .no-nav .header .gnav, .no-nav .header-fix .gnav { display: none; } @media (min-width: 992px) { .no-nav .header .gnav, .no-nav .header-fix .gnav { display: flex; } } .header .gNavList, .header-fix .gNavList { display: flex; } .header .gNavList .menu-item, .header-fix .gNavList .menu-item { position: relative; } .header .gNavList a, .header-fix .gNavList a { white-space: nowrap; font-size: 1.5rem; color: var(--headnav-color); } @media (hover: hover) { .header .gNavList a:hover, .header-fix .gNavList a:hover { opacity: 0.8; } } .header .gNavList i, .header .gNavList svg, .header-fix .gNavList i, .header-fix .gNavList svg { margin-right: 5px; line-height: inherit; } .header .btn-header, .header-fix .btn-header { align-self: center; background-color: #fff; border-radius: 3em; } .header .btn-header a, .header-fix .btn-header a { align-self: center; padding: 0.6em 1.5em; background-color: var(--point-color); border-radius: 3em; color: #fff; } @media (min-width: 992px) { .header-fix .gnav, .header.is-pc-left .gnav { margin: 0 0 0 auto; padding-left: 20px; } } @media (min-width: 992px) { .header-fix .gnav + .header-widget-inside, .header.is-pc-left .gnav + .header-widget-inside { margin: 0; padding-right: 0; } } @media (min-width: 992px) { .header-fix .siteInfo + .header-widget-inside, .header.is-pc-left .siteInfo + .header-widget-inside { margin: 0 0 0 auto; padding-right: 0; } } .header-fix .gNavList > .menu-item, .header.is-pc-left .gNavList > .menu-item { display: flex; } .header-fix .gNavList > .menu-item > a, .header.is-pc-left .gNavList > .menu-item > a { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; } .header-fix .gNavList > .menu-item > a > .menu-item-title, .header.is-pc-left .gNavList > .menu-item > a > .menu-item-title { display: flex; align-items: center; } .header-fix .gNavList > .menu-item > a > .menu-item-description, .header.is-pc-left .gNavList > .menu-item > a > .menu-item-description { font-size: 1.1rem; } .gnav-fix .drawer__input, .header-fix .drawer__input { display: none; } .gnav-fix .drawer__input:checked ~ .drawer__overlay, .header-fix .drawer__input:checked ~ .drawer__overlay { display: block; z-index: 99; opacity: 0.5; } .gnav-fix .drawer__input:checked ~ .nav__drawers, .header-fix .drawer__input:checked ~ .nav__drawers { transform: translateX(0); } .gnav-fix .drawer__input:checked ~ .drawer__close, .header-fix .drawer__input:checked ~ .drawer__close { display: flex; } .gnav-fix .drawer__close, .gnav-fix .drawer__open, .header-fix .drawer__close, .header-fix .drawer__open { font-size: 2.3rem; display: flex; flex-direction: column; justify-content: center; z-index: 99999; top: 0; width: 60px; height: 60px; text-align: center; } @media (min-width: 992px) { .gnav-fix .drawer__close, .gnav-fix .drawer__open, .header-fix .drawer__close, .header-fix .drawer__open { display: none; } } .gnav-fix .drawer__open, .header-fix .drawer__open { background-color: var(--headbg-color); color: var(--headnav-color); } .gnav-fix .drawer__open .fas, .header-fix .drawer__open .fas { display: block; } .gnav-fix .drawer__open::after, .header-fix .drawer__open::after { content: "menu"; display: block; margin-top: 3px; font-size: 10px; line-height: 1; } .gnav-fix .drawer__close, .header-fix .drawer__close { display: none; } .header-fix .drawer__close, .header-fix .drawer__open { position: absolute; right: calc(var(--col--gutter--mb) * -1); } @media (min-width: 768px) { .header-fix .drawer__close, .header-fix .drawer__open { right: calc(var(--col--gutter--pc) * -1); } } @media (min-width: 992px) { .gnav-fix { display: none; } } .gnav-fix .drawer__close, .gnav-fix .drawer__open { position: fixed; right: 0; } .gnav-fix .drawer__close { background-color: var(--key-color); color: #fff; } .gnav-fix .drawer__close span { position: relative; display: inline-block; width: 3px; height: 30px; padding: 0; background: #fff; transition: 0.3s ease-in-out; transform: rotate(45deg) translate(20px, -20px); } .gnav-fix .drawer__close span::before { position: absolute; top: 50%; left: -13px; display: block; width: 30px; height: 3px; margin-top: -2px; background: #fff; content: ""; } .gnav-fix .drawer__overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0; transition: 0.3s opacity ease-in-out; } .gnav-fix .nav__drawers { display: block; position: fixed; z-index: 9999; top: 0; right: 0; width: 100%; height: 100%; background-color: #fff; transition: 0.3s transform cubic-bezier(0.19, 1, 0.22, 1); transform: translateX(100%); will-change: transform; --txt-color: #333333; padding-top: 60px; } .gnav-fix .nav__drawers .nav__drawers__inner { padding: 0 var(--col--gutter--mb) 60px var(--col--gutter--mb); overflow: auto; height: 100%; } .gnav-fix .gNavList a { color: var(--txt-color); } .gnav-fix .gNavList a > .menu-item-title { display: flex; align-items: center; } .gnav-fix .gNavList a > .menu-item-description { font-size: 1.1rem; } .gnav-fix .gNavList i, .gnav-fix .gNavList svg { margin-right: 5px; line-height: inherit; } .admin-bar .gnav-fix .nav__drawers { padding-top: 106px; } @media screen and (min-width: 783px) { .admin-bar .gnav-fix .nav__drawers { padding-top: 92px; } } .header.is-transparent { background-color: transparent; position: absolute; width: 100%; } .header.is-transparent .siteInfo__logo a { color: var(--top_headtxt-color, var(--headtxt-color)); } .header.is-transparent .gNavList a { color: var(--top_headnav-color, var(--headnav-color)); } .header.is-transparent .gNavList .sub-menu a { color: inherit; } .header.is-transparent .header-widget:not(.wp-block-xwrite) { color: var(--top_headnav-color, var(--headtxt-color)); } .header.header-fullwidth .container { max-width: none; } .header.header-fullwidth .container .headerInfo { max-width: none; } .header.header-set-margin .headerInfo { padding-right: var(--col--gutter--mb); padding-left: var(--col--gutter--mb); } @media (min-width: 768px) { .header.header-set-margin .headerInfo { padding-right: var(--col--gutter--pc); padding-left: var(--col--gutter--pc); } } .gnav-fix.is-transparent .drawer__open { background-color: transparent; color: var(--top_headnav-color, var(--headnav-color)); transition: background-color 0.25s; } [data-scroll="true"] .gnav-fix.is-transparent .drawer__open { background-color: var(--headbg-color); color: var(--headnav-color); } @media (max-width: 991.98px) { body:has(.gnav-fix .drawer__input:checked) { overflow: hidden; } } .header .menu-item > a, .header-fix .menu-item > a { padding: 0 12px; } .header .menu-item:hover > .sub-menu, .header-fix .menu-item:hover > .sub-menu { visibility: visible; opacity: 1; } .header .gNavList > .menu-item > .sub-menu, .header-fix .gNavList > .menu-item > .sub-menu { top: 100%; border-top: 3px solid var(--key-color); } .header .gNavList > .menu-item:last-child > .sub-menu, .header .gNavList > .menu-item:nth-last-child(2) > .sub-menu, .header-fix .gNavList > .menu-item:last-child > .sub-menu, .header-fix .gNavList > .menu-item:nth-last-child(2) > .sub-menu { right: 0; left: auto; transform: none; } .header .sub-menu, .header-fix .sub-menu { position: absolute; z-index: 1; visibility: hidden; width: 15em; background-color: #fff; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); color: #333; opacity: 0; transition: opacity 0.25s, visibility 0.25s; } .header .sub-menu a, .header-fix .sub-menu a { display: block; padding: 0.7em 1em; color: inherit; text-decoration: none; line-height: 1.4; } .header .sub-menu a > .menu-item-title, .header-fix .sub-menu a > .menu-item-title { display: flex; align-items: center; } .header .sub-menu a > .menu-item-description, .header-fix .sub-menu a > .menu-item-description { font-size: 1.1rem; } .header .sub-menu .sub-menu, .header-fix .sub-menu .sub-menu { top: 0; left: 100%; visibility: hidden; opacity: 0; } @media (min-width: 992px) { [data-scroll="true"] .header-fix.-for-pc { visibility: visible; -webkit-animation: slide_down_menu 0.5s ease; animation: slide_down_menu 0.5s ease; opacity: 1; } } @media (max-width: 991.98px) { [data-scroll="true"] .header-fix.-for-mb + .gnav-fix .drawer__open { transition-duration: 0.3s; opacity: 0; } [data-scroll="false"] .header-fix.-for-mb + .gnav-fix .drawer__open { transition-duration: 0.3s; opacity: 1; } [data-scroll="true"] .header-fix.-for-mb { visibility: visible; -webkit-animation: slide_down_menu 0.5s ease; animation: slide_down_menu 0.5s ease; opacity: 1; } } @media screen and (max-width: 600px) { #wpadminbar { position: fixed !important; } } .admin-bar .header-fix { top: 46px; } @media screen and (min-width: 783px) { .admin-bar .header-fix { top: 32px; } } .admin-bar .gnav-fix .drawer__close, .admin-bar .gnav-fix .drawer__open { top: 46px; } @media screen and (min-width: 783px) { .admin-bar .gnav-fix .drawer__close, .admin-bar .gnav-fix .drawer__open { top: 32px; } } .header-notice { background-color: var(--noticebg-color, #a1a1a1); text-align: center; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 2px 8px; } .header-notice[data-notice-button="false"] { background-color: initial; } .header-notice[data-notice-button="false"] .header-notice__body { background-color: var(--noticebg-color, #a1a1a1); width: 100%; padding: 8px; } @media (hover: hover) { .header-notice[data-notice-button="false"] a.header-notice__body:hover { opacity: 0.8; } } .header-notice[data-notice-button="true"] { padding: 6px; min-height: 43px; } .header-notice--bold { font-weight: 700; } .header-notice .header-notice__body { font-size: 1.45rem; display: inline-block; color: var(--noticetxt-color, #fff); } .header-notice .header-notice__button { display: inline-block; color: var(--notice_button_text-color, #a1a1a1); background-color: var(--notice_button-color, #fff); -webkit-border-radius: var(--notice_button_radius, 0); opacity: 1; padding: 4px 12px 3px 12px; font-size: 0.8em; } .header-notice a.header-notice__button { cursor: pointer; } @media (hover: hover) { .header-notice a.header-notice__button:hover { opacity: 0.6; } } .search-button-icon { position: absolute; font-size: 21px; cursor: pointer; padding: 0 12px; } .search-button-icon.search-button-pc { display: none; } .search-button-icon.search-button-mb { width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; } .is-mb-left .search-button-icon.search-button-mb { right: calc(60px - var(--col--gutter--mb)); } .no-nav .is-mb-left .search-button-icon.search-button-mb { right: calc(0px - var(--col--gutter--mb)); } .is-mb-center .search-button-icon.search-button-mb { left: calc(0px - var(--col--gutter--mb)); } .is-transparent .search-button-icon.search-button-mb { color: var(--top_header_search_icon-color); } .header-fix .search-button-icon.search-button-mb { right: calc(60px - var(--col--gutter--mb)); } @media (min-width: 992px) { .search-button-icon { position: relative; } .search-button-icon.search-button-mb { display: none !important; } .search-button-icon.search-button-pc { display: block; font-size: 17px; color: var(--header_search_icon-color); padding-bottom: 1em; } .header-fix .search-button-icon.search-button-pc, .is-pc-left .search-button-icon.search-button-pc { padding-bottom: 0; } .is-transparent .search-button-icon.search-button-pc { color: var(--top_header_search_icon-color); } } @media (min-width: 768px) { .is-mb-left .search-button-icon.search-button-mb { display: flex; right: calc(60px - var(--col--gutter--pc)); } .no-nav .is-mb-left .search-button-icon.search-button-mb { right: -30px; } .is-mb-center .search-button-icon.search-button-mb, .no-nav .is-mb-center .search-button-icon.search-button-mb { display: flex; left: -30px; } .header-fix .search-button-icon.search-button-mb { right: calc(60px - var(--col--gutter--pc)); } } .search-button-wrapper { opacity: 0; visibility: hidden; transition: opacity 0.5s ease, visibility 0.5s ease; position: relative; z-index: 99999; } .search-button-wrapper.is-active { opacity: 1; visibility: visible; } .search-button-background { position: fixed; right: 0; top: 0; z-index: 99999; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.76); pointer-events: none; } .search-button-close-box { display: flex; justify-content: center; margin-top: 20px; } .search-button-close { display: inline-flex; color: #fff; font-size: 15px; cursor: pointer; } .search-button-close__icon { width: 24px; height: 24px; display: flex; justify-content: center; margin-right: 2px; } .search-button-close__icon::after, .search-button-close__icon::before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; border-radius: 50%; } .search-button-close__icon::before { background: #fff; z-index: -1; opacity: 0; transition: transform ease 0.3s, opacity 0.3s; transform: scale(0); } .search-button-close__icon::after { box-sizing: border-box; } .search-button-close__icon .search-button-close__icon__border { position: relative; display: flex; justify-content: center; align-items: center; cursor: pointer; } .search-button-close__icon .search-button-close__icon__border::after, .search-button-close__icon .search-button-close__icon__border::before { content: ""; position: absolute; width: 17px; height: 1px; background-color: #fff; } .search-button-close__icon .search-button-close__icon__border::before { transform: rotate(45deg); } .search-button-close__icon .search-button-close__icon__border::after { transform: rotate(-45deg); } .search-button-form-container { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 99999; margin: auto; height: 90px; width: 82%; transform: translateY(10px); transition: transform 0.3s ease-in-out; } .is-active .search-button-form-container { transform: translateY(0); } @media (min-width: 992px) { .search-button-form-container { max-width: 600px; width: 600px; } } .search-button-form-box { position: relative; z-index: 1; } @media (min-width: 992px) { .search-button-form-box { max-width: 600px; height: 50px; } } .search-button-form { display: flex; } .search-button-form input[type="text"] { width: 100%; height: 40px; padding: 10px 12px; outline: 0; border: 1px solid #ddd; border-right: none; font-size: 16px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; } .search-button-form__submit { padding: 0; appearance: none; background-color: var(--key-color); color: #fff; width: 46px; height: 40px; font-size: 16px; outline: 0; cursor: pointer; } @media (min-width: 992px) { .search-button-form input[type="text"] { height: 50px; } .search-button-form__submit { width: 50px; height: 50px; font-size: 21px; } } .mainVisual { position: relative; z-index: 0; } @media (max-width: 991.98px) { .mainVisual { overflow: hidden; } } .mainVisual:not([class*="height-"]) { height: 60vw; } @media (min-width: 768px) { .mainVisual:not([class*="height-"]) { height: 50vw; } } @media (min-width: 992px) { .mainVisual:not([class*="height-"]) { max-height: 420px; height: 30vw; } } .mainVisual:not([class*="height-"]) .item__image img, .mainVisual:not([class*="height-"]) .item__image video { height: 60vw; } @media (min-width: 768px) { .mainVisual:not([class*="height-"]) .item__image img, .mainVisual:not([class*="height-"]) .item__image video { height: 50vw; } } @media (min-width: 992px) { .mainVisual:not([class*="height-"]) .item__image img, .mainVisual:not([class*="height-"]) .item__image video { max-height: 420px; height: 30vw; } } .mainVisual.height-self { height: var(--mv-height-sp, var(--mv-height-pc)); } .mainVisual.height-self .item__image img, .mainVisual.height-self .item__image video { height: var(--mv-height-sp, var(--mv-height-pc)); } @media (min-width: 768px) { .mainVisual.height-self { height: var(--mv-height-pc); } .mainVisual.height-self .item__image img, .mainVisual.height-self .item__image video { height: var(--mv-height-pc); } } .mainVisual.height-full { height: calc( var(--mv-height-full, 100vh) - var(--wp-admin--admin-bar--height, 0px) ); } .mainVisual.height-full .item__image img, .mainVisual.height-full .item__image video { height: calc( var(--mv-height-full, 100vh) - var(--wp-admin--admin-bar--height, 0px) ); } .mainVisual.height-full.set-margin { height: calc( var(--mv-height-full, 100vh) - var(--wp-admin--admin-bar--height, 0px) - var(--col--gutter--mb) * 2 ); } .mainVisual.height-full.set-margin .item__image img, .mainVisual.height-full.set-margin .item__image video { height: calc( var(--mv-height-full, 100vh) - var(--wp-admin--admin-bar--height, 0px) - var(--col--gutter--mb) * 2 ); } @media (min-width: 768px) { .mainVisual.height-full.set-margin { height: calc( var(--mv-height-full, 100vh) - var(--wp-admin--admin-bar--height, 0px) - var(--col--gutter--pc) * 2 ); } .mainVisual.height-full.set-margin .item__image img, .mainVisual.height-full.set-margin .item__image video { height: calc( var(--mv-height-full, 100vh) - var(--wp-admin--admin-bar--height, 0px) - var(--col--gutter--pc) * 2 ); } } .mainVisual.height-content .item { overflow: hidden; position: relative; } .mainVisual.height-content .item .item__image img, .mainVisual.height-content .item .item__image video { height: 100%; position: absolute; width: 100%; } .mainVisual.height-content .item .item__image img img, .mainVisual.height-content .item .item__image video img { height: 100%; } .mainVisual.height-content .item .item__info { position: relative; } .mainVisual.height-image .item__image img, .mainVisual.height-image .item__image video { height: auto; display: block; } .mainVisual .item__filter--mesh { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; opacity: var(--mv-filter-opacity, 0); background-color: rgba(0, 0, 0, 0.5); background-image: radial-gradient(#111 30%, transparent 31%), radial-gradient(#111 30%, transparent 31%); background-size: 4px 4px; background-position: 0 0, 2px 2px; } .mainVisual .item__filter--dot { position: absolute; content: ""; top: 0; left: 0; bottom: 0; right: 0; opacity: var(--mv-filter-opacity, 0); background-image: radial-gradient(black 20%, transparent 20%), radial-gradient(black 20%, transparent 20%); background-size: 6px 6px; background-position: 0 0, 3px 3px; } .mainVisual .item__filter--stripe { position: absolute; content: ""; top: 0; left: 0; bottom: 0; right: 0; opacity: var(--mv-filter-opacity, 0); background-image: repeating-linear-gradient( -45deg, #000, #000 2px, transparent 2px, transparent 4px ); background-size: 6px 6px; background-position: 0 0, 3px 3px; } .mainVisual .item__overlay { background: var(--mv_overlay-color); position: absolute; top: 0; left: 0; bottom: 0; right: 0; opacity: var(--mv-overlay-opacity, 0); } .mainVisual .item { position: relative; height: 100%; } .mainVisual .item__image { height: 100%; } .mainVisual .item__image img, .mainVisual .item__image video { object-fit: cover; width: 100%; } .mainVisual .item__info { opacity: 0; transition: opacity 1.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s; will-change: opacity; position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; padding-top: 40px; padding-bottom: 40px; } @media (min-width: 768px) { .mainVisual .item__info { padding-top: 50px; padding-bottom: 50px; } } .mainVisual .item__info.content-left { align-items: flex-start; } .mainVisual .item__info.content-right { align-items: flex-end; text-align: right; } .mainVisual .item__info--fixed { z-index: 1; opacity: 1; transition: none; will-change: auto; display: flex; flex-direction: column; justify-content: center; padding-top: 40px; padding-bottom: 40px; } @media (min-width: 768px) { .mainVisual .item__info--fixed { padding-top: 50px; padding-bottom: 50px; } } .mainVisual .item__info--fixed.container { margin-left: auto !important; margin-right: auto !important; } .mainVisual .swiper-slide:first-child .item__info { opacity: 1; } .mainVisual .item__info--caption { color: #fff; font-size: 1.6rem; font-weight: 700; line-height: 1.4; margin: 0; } @media (min-width: 768px) { .mainVisual .item__info--caption { font-size: 1.8rem; } } @media (min-width: 992px) { .mainVisual .item__info--caption { font-size: 2.4rem; } } .mainVisual .item__info .term-description { color: #fff; font-size: 1.4rem; font-weight: 400; line-height: 1.4; margin-block-start: 0; margin-block-end: 0; padding: 10px 0 0; } @media (min-width: 768px) { .mainVisual .item__info .term-description { font-size: 1.6rem; padding: 20px 0 0; } } @media (min-width: 992px) { .mainVisual .item__info .term-description { font-size: 1.6rem; } } .mainVisual .item__info .term-description > *:first-child { margin: 0; } .mainVisual .item__info.content-center .term-description { text-align: center; } .mainVisual .item__info--text { margin: 10px 0 0; color: #fff; font-size: 1.4rem; line-height: 1.4; } @media (min-width: 768px) { .mainVisual .item__info--text { margin: 15px 0 0; font-size: inherit; } } @media (min-width: 992px) { .mainVisual .item__info--text { margin: 20px 0 0; } } .mainVisual .item__info--link { margin: 20px 0 0; } @media (min-width: 768px) { .mainVisual .item__info--link { margin: 30px 0 0; } } @media (min-width: 992px) { .mainVisual .item__info--link { margin: 40px 0 0; } } .mainVisual .item__info--link .btn { display: inline-block; padding: 0.6em 1.4em; background-color: var(--link-color); border: none; color: #fff; font-size: 1.3rem; } @media (min-width: 768px) { .mainVisual .item__info--link .btn { font-size: inherit; } } .mainVisual.is-transparent:not([class*="height-"]) { height: 70vw; } @media (min-width: 768px) { .mainVisual.is-transparent:not([class*="height-"]) { height: 60vw; } } @media (min-width: 992px) { .mainVisual.is-transparent:not([class*="height-"]) { max-height: 420px; height: 40vw; } } .mainVisual.is-transparent:not([class*="height-"]) .item__image img, .mainVisual.is-transparent:not([class*="height-"]) .item__image video { height: 70vw; } @media (min-width: 768px) { .mainVisual.is-transparent:not([class*="height-"]) .item__image img, .mainVisual.is-transparent:not([class*="height-"]) .item__image video { height: 60vw; } } @media (min-width: 992px) { .mainVisual.is-transparent:not([class*="height-"]) .item__image img, .mainVisual.is-transparent:not([class*="height-"]) .item__image video { max-height: 420px; height: 40vw; } } .mainVisual.is-transparent .item__info { padding-top: 80px; padding-bottom: 80px; } @media (min-width: 768px) { .mainVisual.is-transparent .item__info { padding-top: 120px; padding-bottom: 120px; } } .noJS .mainVisual.slider .swiperBody { visibility: visible; opacity: 1; } .noJS .mainVisual.slider .item:not(:first-child) { display: none; } .noJS .mainVisual.slider .item__info { opacity: 1; } .mainVisual.slider.autowidth .xw-swiper { border-radius: 0 0 var(--block--img--border-radius-md) var(--block--img--border-radius-md); } .mainVisual.slider.autowidth.set-margin { margin-top: var(--col--gutter--mb); } @media (min-width: 768px) { .mainVisual.slider.autowidth.set-margin { margin-top: var(--col--gutter--pc); } } .mainVisual.slider.autowidth:not(.height-content) .item__info--fixed .item__info--caption, .mainVisual.slider.autowidth:not(.height-content) .item__info--fixed .item__info--link, .mainVisual.slider.autowidth:not(.height-content) .item__info--fixed .item__info--text { padding-right: var(--col--gutter--mb); padding-left: var(--col--gutter--mb); } @media (min-width: 768px) { .mainVisual.slider.autowidth:not(.height-content) .item__info--fixed .item__info--caption, .mainVisual.slider.autowidth:not(.height-content) .item__info--fixed .item__info--link, .mainVisual.slider.autowidth:not(.height-content) .item__info--fixed .item__info--text { padding-right: var(--col--gutter--pc); padding-left: var(--col--gutter--pc); } } .mainVisual.slider.set-margin .xw-swiper { border-radius: var(--block--img--border-radius-md); } .mainVisual.slider.fullwidth.set-margin { margin-top: var(--col--gutter--mb); margin-right: var(--col--gutter--mb); margin-left: var(--col--gutter--mb); } @media (min-width: 768px) { .mainVisual.slider.fullwidth.set-margin { margin-top: var(--col--gutter--pc); margin-right: var(--col--gutter--pc); margin-left: var(--col--gutter--pc); } } .mainVisual.slider.height-content { height: var(--fixed-content-height, auto); } .mainVisual.slider.height-content .item__info { height: 100%; top: 0; position: relative; z-index: 2; } .mainVisual.slider.height-content .item__info--fixed { opacity: 1; transition: none; will-change: auto; display: flex; flex-direction: column; justify-content: center; padding-top: 40px; padding-bottom: 40px; } @media (min-width: 768px) { .mainVisual.slider.height-content .item__info--fixed { padding-top: 50px; padding-bottom: 50px; } } .mainVisual.slider.height-content .item__info--fixed.container { margin-left: auto !important; margin-right: auto !important; } .mainVisual.slider.height-content .item__filter--dot, .mainVisual.slider.height-content .item__filter--mesh, .mainVisual.slider.height-content .item__filter--stripe, .mainVisual.slider.height-content .item__overlay { z-index: 1; } .mainVisual.slider.height-content .item__info { top: -100%; } .mainVisual.slider.height-content .swiper-slide { height: auto !important; } @keyframes mvFadeIn { 0% { visibility: hidden; opacity: 0; } 100% { visibility: visible; opacity: 1; } } .mainVisual.slider .swiperBody .swiper-slide-active .item__info { opacity: 1; } .mainVisual.slider .item { vertical-align: bottom; } .mainVisual.slider .xw-swiper { width: 100%; height: 100%; overflow: hidden; } .mainVisual.slider .swiper-wrapper { margin-top: 0 !important; } .mainVisual.slider .swiper-slide { width: 100%; height: 100%; overflow: hidden; position: relative; } .mainVisual.slider .swiper-pagination { bottom: 12px; } .mainVisual.slider .swiper-pagination-bullet { width: 12px !important; height: 12px !important; background-color: #c4b9b6 !important; box-shadow: 0 0 3px rgba(0, 0, 0, 0.2) !important; opacity: 1 !important; margin: 0 5px !important; } .mainVisual.slider .swiper-pagination-bullet-active { background-color: #fff !important; } @keyframes zoomUp { 0% { -webkit-transform: scale(1); transform: scale(1); } to { -webkit-transform: scale(1.1); transform: scale(1.1); } } .mainVisual.slider.zoom-up .item__image { transform: scale(1); } .mainVisual.slider.zoom-up .swiper-slide-active .item__image, .mainVisual.slider.zoom-up .swiper-slide-duplicate-active .item__image, .mainVisual.slider.zoom-up .swiper-slide-prev .item__image { -webkit-animation: zoomUp 15s linear 0s 1 normal both; animation: zoomUp 15s linear 0s 1 normal both; } @keyframes leftToRight { 0% { -webkit-transform: scale(1.15) translateX(-1.5%); transform: scale(1.15) translateX(-1.5%); } to { -webkit-transform: scale(1.15) translateX(1.5%); transform: scale(1.15) translateX(1.5%); } } @media (min-width: 768px) { @keyframes leftToRight { 0% { -webkit-transform: scale(1.1) translateX(-1%); transform: scale(1.1) translateX(-1%); } to { -webkit-transform: scale(1.1) translateX(1%); transform: scale(1.1) translateX(1%); } } } .mainVisual.slider.flowing .item__image { transform: scale(1.15); } @media (min-width: 768px) { .mainVisual.slider.flowing .item__image { transform: scale(1.1); } } .mainVisual.slider.flowing .swiper-slide-active .item__image, .mainVisual.slider.flowing .swiper-slide-duplicate-active .item__image, .mainVisual.slider.flowing .swiper-slide-prev .item__image { -webkit-animation: leftToRight 15s linear 0s 1 normal both; animation: leftToRight 15s linear 0s 1 normal both; } .mainVisual.image.autowidth .item__image img, .mainVisual.image.autowidth .item__image video { border-radius: 0 0 var(--block--img--border-radius-md) var(--block--img--border-radius-md); } .mainVisual.image.autowidth.set-margin { margin-top: var(--col--gutter--mb); } @media (min-width: 768px) { .mainVisual.image.autowidth.set-margin { margin-top: var(--col--gutter--pc); } } .mainVisual.image.fullwidth.set-margin { margin-top: var(--col--gutter--mb); margin-right: var(--col--gutter--mb); margin-left: var(--col--gutter--mb); } @media (min-width: 768px) { .mainVisual.image.fullwidth.set-margin { margin-top: var(--col--gutter--pc); margin-right: var(--col--gutter--pc); margin-left: var(--col--gutter--pc); } } .mainVisual.image.set-margin .item__image img, .mainVisual.image.set-margin .item__image video { border-radius: var(--block--img--border-radius-md); } .mainVisual.image .item__info { opacity: 1; } .mainVisual.title-layout-contents-top { background-color: #ccc; } .mainVisual.title-layout-contents-top .item__filter--mesh { opacity: var(--title-filter-opacity, 0); } .mainVisual.title-layout-contents-top .item__filter--dot { opacity: var(--title-filter-opacity, 0); } .mainVisual.title-layout-contents-top .item__filter--stripe { opacity: var(--title-filter-opacity, 0); } .mainVisual.title-layout-contents-top .item__overlay { background: var(--title-overlay-color, #000); opacity: var(--title-overlay-opacity, 0.5); } .mainVisual.title-layout-contents-top .item .item__info { min-height: 15rem; } @media (min-width: 992px) { .mainVisual.title-layout-contents-top .item .item__info { min-height: 24rem; } } .mainVisual.title-layout-contents-top .xw-article-media__body--extra { display: flex; gap: 0.6em 1em; flex-wrap: wrap; } .mainVisual.title-layout-contents-top .item__info--caption { font-size: 2.2rem; } @media (min-width: 768px) { .mainVisual.title-layout-contents-top .item__info--caption { font-size: 2.4rem; } } .mainVisual.title-layout-contents-top .article-meta { order: 2; } .mainVisual.title-layout-contents-top .notice-label__small { background: 0 0; box-shadow: 0 0 0 1px #fff; font-size: 1.1rem; } @media (min-width: 768px) { .mainVisual.title-layout-contents-top .notice-label__small { font-size: 1.2rem; } } .mainVisual.title-layout-contents-top .catList a { background: 0 0; border: #fff solid 1px; border-radius: var(--block--border-radius-inr); font-size: 1.1rem; } @media (min-width: 768px) { .mainVisual.title-layout-contents-top .catList a { font-size: 1.2rem; } } .mainVisual.title-layout-contents-top .tagList a, .mainVisual.title-layout-contents-top .taxList a { background: rgba(255, 255, 255, 0.15); color: #fff; border: 1px rgba(255, 255, 255, 0.15) dashed; border-radius: var(--block--border-radius-inr); font-size: 1.1rem; } @media (min-width: 768px) { .mainVisual.title-layout-contents-top .tagList a, .mainVisual.title-layout-contents-top .taxList a { font-size: 1.2rem; } } .mainVisual.title-layout-contents-top .article-date { color: #fff; font-size: 1.2rem; } @media (min-width: 768px) { .mainVisual.title-layout-contents-top .article-date { font-size: 1.3rem; } } .mainVisual.title-layout-contents-top .article-comment { color: #fff; font-size: 1.2rem; } .mainVisual.title-layout-contents-top .article-comment .comment-link { color: #fff; } @media (min-width: 768px) { .mainVisual.title-layout-contents-top .article-comment { font-size: 1.3rem; } } .mainVisual.title-layout-contents-top .article-pv { color: #fff; font-size: 1.2rem; } .mainVisual.title-layout-contents-top .article-pv .comment-link { color: #fff; } @media (min-width: 768px) { .mainVisual.title-layout-contents-top .article-pv { font-size: 1.3rem; } } .mainVisual.title-layout-contents-top .article-author { color: #fff; font-size: 1.2rem; } @media (min-width: 768px) { .mainVisual.title-layout-contents-top .article-author { font-size: 1.3rem; } } .scroll-btn { position: absolute; bottom: 30px; display: flex; flex-direction: column; align-items: center; cursor: pointer; z-index: 10; text-decoration: none; color: inherit; } .sliderContainer + .scroll-btn { bottom: 70px; } .scroll-position-left { left: 20px; transform: none; } .scroll-position-center { left: 50%; transform: translateX(-50%); } .scroll-position-right { right: 20px; left: auto; transform: none; } .scroll-text { margin-bottom: 4px; font-size: 12px; letter-spacing: 0.05em; font-weight: 500; opacity: 1; } .scroll-arrow { width: 8px; height: 8px; border-right: 2px solid; border-bottom: 2px solid; transform: rotate(45deg); animation: arrowBounce 2s infinite; } @keyframes arrowBounce { 0% { opacity: 0; transform: rotate(45deg) translate(-5px, -5px); } 50% { opacity: 1; transform: rotate(45deg) translate(0, 0); } 100% { opacity: 0; transform: rotate(45deg) translate(5px, 5px); } } .scroll-design-arrow .scroll-text { margin-bottom: 10px; font-size: 12px; letter-spacing: 0.05em; font-weight: 500; } .scroll-design-arrow .scroll-arrow { width: 8px; height: 8px; border-right: 2px solid; border-bottom: 2px solid; transform: rotate(45deg); animation: arrowBounce 2s infinite; } .scroll-design-arrow.no-text .scroll-arrow { width: 16px; height: 16px; border-width: 2px; } .scroll-design-circle .scroll-circle { width: 40px; height: 40px; border: 1px solid; border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; overflow: visible; } .scroll-circle + .scroll-text { margin-top: 6px; } .scroll-design-circle .scroll-circle::before { content: ""; position: absolute; top: -4px; left: -4px; right: -4px; bottom: -4px; border: 1px solid; border-radius: 50%; opacity: 0.5; animation: pulseOuterCircle 2s infinite ease-in-out; } .scroll-design-circle .scroll-circle::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 1px solid; border-radius: 50%; opacity: 0.7; animation: pulseInnerCircle 2s infinite ease-in-out; } .scroll-design-circle .scroll-text { font-size: 12px; letter-spacing: 0.05em; margin-bottom: 5px; position: relative; z-index: 1; } .scroll-design-circle .scroll-arrow { width: 6px; height: 6px; border-right: 1px solid; border-bottom: 1px solid; transform: rotate(45deg); position: relative; z-index: 1; animation: arrowPulse 2s infinite ease-in-out; } .scroll-design-circle.no-text .scroll-circle { width: 40px; height: 40px; } @media (min-width: 992px) { .scroll-design-circle.no-text .scroll-circle { width: 50px; height: 50px; } } .scroll-design-circle.no-text .scroll-arrow { width: 10px; height: 10px; border-width: 2px; } @keyframes pulseOuterCircle { 0% { transform: scale(1); opacity: 0.1; } 50% { transform: scale(1.1); opacity: 0.3; } 100% { transform: scale(1); opacity: 0.1; } } @keyframes pulseInnerCircle { 0% { transform: scale(1); opacity: 0.3; } 50% { transform: scale(0.95); opacity: 0.7; } 100% { transform: scale(1); opacity: 0.3; } } @keyframes arrowPulse { 0% { transform: rotate(45deg) translate(0, 0); } 50% { transform: rotate(45deg) translate(3px, 3px); } 100% { transform: rotate(45deg) translate(0, 0); } } .scroll-design-line { display: flex; flex-direction: column; align-items: center; bottom: 30px; position: absolute; } .scroll-position-left.scroll-design-line { left: 20px; right: auto; transform: none; } .scroll-position-center.scroll-design-line { left: 50%; right: auto; transform: translateX(-50%); } .scroll-position-right.scroll-design-line { right: 20px; left: auto; transform: none; } .scroll-design-line .scroll-text { margin-bottom: 10px; font-size: 12px; letter-spacing: 0.05em; font-weight: 500; } .scroll-design-line .scroll-text.vertical { writing-mode: vertical-rl; text-orientation: upright; letter-spacing: 0.05em; margin-bottom: 15px; text-transform: none; } .scroll-design-line .scroll-text.vertical.en { text-orientation: mixed; letter-spacing: 0.05em; } .scroll-design-line .scroll-line { position: relative; width: 1px; height: 60px; background-color: transparent; } .scroll-design-line.no-text .scroll-line { height: 80px; } .scroll-design-line .scroll-line::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: currentColor; animation: scrollLineStretch 1.5s infinite; } .scroll-design-line .scroll-line { cursor: pointer; } .scroll-design-line .scroll-line::before { content: ""; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 30px; height: 100%; z-index: 1; background-color: transparent; } @keyframes scrollLineStretch { 0% { transform: scale(1, 0); transform-origin: 0 0; } 50% { transform: scale(1, 1); transform-origin: 0 0; } 50.1% { transform: scale(1, 1); transform-origin: 0 100%; } 100% { transform: scale(1, 0); transform-origin: 0 100%; } } @media (max-width: 767px) { .scroll-position-left.scroll-design-line { left: 20px; } .scroll-position-right.scroll-design-line { right: 20px; } .scroll-design-line .scroll-line { height: 50px; } .scroll-design-line.no-text .scroll-line { height: 70px; } } .scroll-design-line.no-text .scroll-line { height: 80px; } @media (max-width: 767px) { .scroll-design-line.no-text .scroll-line { height: 70px; } } .articleHeader, .contentsHeader { margin: 0 0 var(--widget--element--mrg); } .contentsHeader__caption, .page .articleHeader__title { padding-bottom: 0.4em; border-bottom: 1px solid #eee; } .articleHeader__title, .contentsHeader__caption { font-size: 2.2rem; margin: 0; font-weight: 700; line-height: 1.4; } @media (min-width: 768px) { .articleHeader__title, .contentsHeader__caption { font-size: 2.4rem; } } .articleHeader__title a, .contentsHeader__caption a { color: var(--txt-color); } .articleHeader__info { margin-top: 0.8em; } .articleHeader__info .xw-article-media__body--extra { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem; } .articleHeader__info .article-category { order: -1; } .articleHeader__info .notice-label { order: -2; } .articleHeader__sns { margin: 1.8rem 0 var(--widget--element--mrg); } body:has(.mainVisual) .articleHeader__sns { margin-top: 0; } .term-description { margin-block-start: 1em; margin-block-end: 1em; } .catList { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; margin: 0; padding: 0; list-style: none; line-height: 1; } .catList a { font-size: 1.1rem; display: inline-block; padding: 3px 5px; background-color: var(--point-color); border-radius: var(--block--border-radius-inr); color: #fff; letter-spacing: 0; } @media (min-width: 768px) { .catList a { font-size: 1.3rem; padding: 4px 8px; } } .tagList, .taxList { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; margin: 0; padding: 0; list-style: none; line-height: 1; } .tagList a, .taxList a { font-size: 1.1rem; display: inline-block; padding: 3px 5px; background-color: #eee; border-radius: var(--block--border-radius-inr); color: #111; letter-spacing: 0; } @media (min-width: 768px) { .tagList a, .taxList a { font-size: 1.3rem; padding: 4px 8px; } } .articleList__item .catList .list-label { font-size: 1.1rem; display: inline-block; padding: 3px 5px; background-color: var(--point-color); border-radius: var(--block--border-radius-inr); color: #fff; letter-spacing: 0; } @media (min-width: 768px) { .articleList__item .catList .list-label { font-size: 1.3rem; padding: 4px 8px; } } .articleList__item .tagList .list-label, .articleList__item .taxList .list-label { font-size: 1.1rem; display: inline-block; padding: 3px 5px; border-style: solid; border-width: 1px; border-color: var(--point-color); border-radius: var(--block--border-radius-inr); color: #fff; background-color: #fff; letter-spacing: 0; } @media (min-width: 768px) { .articleList__item .tagList .list-label, .articleList__item .taxList .list-label { font-size: 1.3rem; padding: 4px 8px; } } .main * + .archiveListContainer, .main * + .articleListContainer { margin-top: var(--widget--element--mrg); } .articleContainer { margin: var(--widget--main--block--mrg) 0 0; } .articleContainer:first-child { margin-top: 0; } .contentsHeader + .articleList { margin-top: 20px; } .articleList .xw-article-media { display: block; position: relative; color: var(--txt-color); text-decoration: none; } @media (hover: hover) { .articleList .xw-article-media:hover { opacity: 0.7; } } .articleList .xw-article-media__body--title { font-weight: 700; } .articleList .xw-article-media__body--text { font-size: 1.2rem; margin: 0.6em 0 0; opacity: 0.8; } @media (min-width: 768px) { .articleList .xw-article-media__body--text { font-size: 1.4rem; } } .articleList .xw-article-media__body--text:empty { margin: 0; } .articleList .xw-article-media__body--text:empty + .xw-article-media__body--extra .article-meta { margin-top: 0.5em; } .articleList .xw-article-media__body--text:blank { margin: 0; } .articleList .xw-article-media__body--text:blank + .xw-article-media__body--extra .article-meta { margin-top: 0.5em; } .articleList .article-meta { margin-top: 1em; } .articleList.date-side-show .article-category { position: static !important; width: auto !important; min-width: auto !important; padding-right: 0 !important; display: inline-flex; } .articleList.date-side-show .article-category .list-label { background-color: transparent; padding: 0; color: #bbb; } .articleList.date-side-show .article-category .list-label:after { content: ","; margin-left: 3px; } .articleList.date-side-show .article-category ul li:first-child .list-label:before { content: "\f07b"; font-family: "Font Awesome 6 Free"; margin-right: 0.4em; color: #bbb; } .articleList ul li:last-child .list-label:after { display: none; } .articleList__item--fig { overflow: hidden; position: relative; z-index: 0; } .articleList__item--fig::before { content: ""; display: block; height: 0; padding-top: var(--posts--thumb--ratio--card); } .articleList__item--fig img { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; border-radius: var(--block--img--border-radius-md); } .articleList.type-list { display: grid; gap: 30px; } .articleList.type-list .xw-article-media { display: flex; align-items: flex-start; width: 100%; height: 100%; } .articleList.type-list .articleList__item--fig { flex-basis: calc(93% - var(--posts--thumb--ratio--list)); flex-shrink: 0; min-width: 30%; } @media (min-width: 768px) { .articleList.type-list .articleList__item--fig { min-width: 24%; } } .articleList.type-list .articleList__item--fig::before { padding-top: var(--posts--thumb--ratio--list); } .articleList.type-list .xw-article-media__body { padding: 0.5rem 0 0 1.5rem; flex-grow: 1; } @media (min-width: 768px) { .articleList.type-list.pc-col1 .xw-article-media__body { padding: 1rem 0 0 2.5rem; } } .articleList.type-list .xw-article-media__body--title { font-size: 1.4rem; } @media (min-width: 768px) { .articleList.type-list .xw-article-media__body--title { font-size: 1.5rem; } } @media (min-width: 768px) { .articleList.type-list.pc-col1 .xw-article-media__body--title { font-size: 1.7rem; } } .articleList.type-list .article-category { position: absolute; top: 5px; left: 5px; min-width: 30%; width: calc(93% - var(--posts--thumb--ratio--list)); padding-right: 10px; } @media (min-width: 768px) { .articleList.type-list .article-category { top: 10px; left: 10px; min-width: 24%; padding-right: 20px; } } .articleList.type-card { display: grid; gap: 40px 40px; } @media (max-width: 767.98px) { .articleList.type-card.pc-card-col2 { gap: 40px 20px; } } .articleList.type-card.pc-card-col3 { gap: 40px 30px; } @media (max-width: 768px) { .articleList.type-card.pc-card-col3 { gap: 40px 40px; } } @media (max-width: 767.98px) { .articleList.type-card.pc-card-col3 { gap: 40px 20px; } } .articleList.type-card.pc-card-col4 { gap: 40px 20px; } @media (max-width: 768px) { .articleList.type-card.pc-card-col4 { gap: 40px 40px; } } @media (max-width: 767.98px) { .articleList.type-card.pc-card-col4 { gap: 40px 20px; } } @media (max-width: 767.98px) { .articleList.type-card.mb-card-col2 { gap: 40px 20px; } } .articleList.type-card .articleList__item { display: flex; } .articleList.type-card .xw-article-media { display: flex; flex-direction: column; width: 100%; } .articleList.type-card .xw-article-media__body { display: flex; flex-direction: column; flex-grow: 1; } .articleList.type-card .xw-article-media__body--title { margin: 1.3em 0 0; } @media (min-width: 768px) { .articleList.type-card .xw-article-media__body--title { font-size: 1.5rem; } } @media (min-width: 768px) { .articleList.type-card.pc-card-col1 .xw-article-media__body--title, .articleList.type-card.pc-card-col2 .xw-article-media__body--title { font-size: 1.7rem; } } .articleList.type-card .xw-article-media__body--text { margin-top: 0.9em; } .articleList.type-card .xw-article-media__body--extra { margin-top: auto; } .articleList.type-card .article-meta { justify-content: space-between; } .articleList.type-card .article-meta.fullchecked { justify-content: flex-start; } .articleList.type-card .article-category { position: absolute; top: 10px; left: 10px; } @media (min-width: 992px) { .no-sidebar .articleList.type-card.pc-card-col3 .xw-article-media__body--title { font-size: 1.7rem; } } .no-sidebar .articleList.type-card.pc-card-col4 { gap: 40px 30px; } .articleList.type-text { display: grid; gap: 0 var(--block--box--pad); } .articleList.type-text .articleList__item { border-top: 1px solid #eee; } .articleList.type-text .articleList__item:last-child { border-bottom: 1px solid #eee; } @media (min-width: 768px) { .articleList.type-text.pc-col2 .articleList__item:nth-last-child(2) { border-bottom: 1px solid #eee; } } @media (min-width: 768px) { .articleList.type-text.label-horizontal .xw-article-media__body { display: flex; align-items: flex-start; gap: 24px; } .articleList.type-text.label-horizontal .xw-article-media__body .xw-article-media__body--extra { order: 0; min-width: 7.5em; margin-bottom: initial; padding-top: 5px; } .articleList.type-text.label-horizontal .xw-article-media__body .xw-article-media__body--extra:has(i) { min-width: 9em; } .articleList.type-text.label-horizontal .xw-article-media__body .article-category { order: 1; min-width: 8.5em; margin-bottom: initial; padding-top: 2px; } .articleList.type-text.label-horizontal .xw-article-media__body .article-category .cat-list { flex-direction: column; align-items: center; } .articleList.type-text.label-horizontal .xw-article-media__body .article-category .cat-list li { width: 100%; text-align: center; } .articleList.type-text.label-horizontal .xw-article-media__body .article-category .cat-list .list-label { width: 100%; } .articleList.type-text.label-horizontal .xw-article-media__body .article-meta { margin-top: initial; flex-direction: column; align-items: flex-start; gap: 0.7em; } .articleList.type-text.label-horizontal .xw-article-media__body .article-meta .article-date { flex-direction: column; align-items: flex-start; gap: 0.9em; } .articleList.type-text.label-horizontal .xw-article-media__body .article-meta .article-comment { flex-direction: column; align-items: flex-start; gap: 0.9em; } .articleList.type-text.label-horizontal .xw-article-media__body .article-meta .article-pv { flex-direction: column; align-items: flex-start; gap: 0.9em; } .articleList.type-text.label-horizontal .xw-article-media__body .xw-article-media__body--main { order: 2; } } .articleList.type-text .article-category { margin-bottom: 0.5rem; } .articleList.type-text .xw-article-media__body--title { font-size: 1.5rem; } @media (min-width: 768px) { .articleList.type-text .xw-article-media__body--title { font-size: 1.7rem; } } .articleList.type-text .xw-article-media { padding: var(--block--box--pad); } .articleList.type-text .article-meta { margin-top: 0.8em; } .articleList.type-text .xw-article-media__body--extra { margin-bottom: 0.5rem; } .articleList.type-text .xw-article-media__body--text { margin: 0.2em 0 0; } .articleList.type-slider { display: none; } .articleList.type-slider.slick-initialized { display: block; } .articleList.type-slider .xw-article-media__body--title { margin: 1.3em 0 0; } @media (min-width: 768px) { .articleList.type-slider .xw-article-media__body--title { font-size: 1.7rem; } } .articleList.type-slider .xw-article-media { display: flex; flex-direction: column; width: 100%; } .articleList.type-slider .xw-article-media__body { display: flex; flex-direction: column; flex-grow: 1; } .articleList.type-slider .xw-article-media__body--extra { margin-top: auto; } .articleList.type-slider .articleList__item { height: 100%; } .articleList.type-slider .articleList__item .xw-article-media { height: 100%; } .articleList.type-slider .slick-slide { margin: 0 15px; height: auto !important; } .articleList.type-slider .slick-slide > div { height: 100%; } .articleList.type-slider:not(.is-centerMode) .slick-list { padding: 0 15px; } .articleList.type-slider:not(.is-centerMode) .slick-arrow.slick-prev { left: 0.5rem; } .articleList.type-slider:not(.is-centerMode) .slick-arrow.slick-next { right: 0.5rem; } .articleList.type-slider:not(.is-centerMode):not(.alignfull) .slick-list { margin: 0 -15px; padding: 0; } @media (max-width: 767.98px) { .articleList.type-slider:not(.is-centerMode):not(.alignfull) .slick-list { padding: 0 15px; } } .articleList.type-slider:not(.is-centerMode):not(.alignfull) .slick-arrow.slick-prev { left: -2.5rem; } @media (max-width: 767.98px) { .articleList.type-slider:not(.is-centerMode):not(.alignfull) .slick-arrow.slick-prev { left: -1rem; } } .articleList.type-slider:not(.is-centerMode):not(.alignfull) .slick-arrow.slick-next { right: -2.5rem; } @media (max-width: 767.98px) { .articleList.type-slider:not(.is-centerMode):not(.alignfull) .slick-arrow.slick-next { right: -1rem; } } .articleList.type-slider.is-centerMode .slick-arrow.slick-prev { left: 1rem; } .articleList.type-slider.is-centerMode .slick-arrow.slick-next { right: 1rem; } .articleList.type-slider .slick-track { display: flex !important; } .articleList.type-slider .article-category { position: absolute; top: 5px; left: 5px; right: 5px; } @media (min-width: 768px) { .articleList.type-slider .article-category { top: 15px; left: 15px; right: 15px; } } .articleList.type-slider .slick-arrow.slick-next, .articleList.type-slider .slick-arrow.slick-prev { position: absolute; z-index: 99; top: 50%; width: 5rem; height: 5rem; padding: 0; background-color: transparent; text-indent: 100%; white-space: nowrap; overflow: hidden; transform: translateY(-50%); } .articleList.type-slider .slick-arrow.slick-next::after, .articleList.type-slider .slick-arrow.slick-next::before, .articleList.type-slider .slick-arrow.slick-prev::after, .articleList.type-slider .slick-arrow.slick-prev::before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; height: 1em; font-family: "Font Awesome 5 Free"; font-weight: 900; line-height: 1; text-indent: 0; } .articleList.type-slider .slick-arrow.slick-next::before, .articleList.type-slider .slick-arrow.slick-prev::before { content: ""; opacity: 0.8; width: 3rem; height: 3rem; background-color: var(--key-color); border-radius: 3rem; } .articleList.type-slider .slick-arrow.slick-next::after, .articleList.type-slider .slick-arrow.slick-prev::after { font-size: 1.6rem; color: #fff; } .articleList.type-slider .slick-arrow.slick-prev { left: 0; } .articleList.type-slider .slick-arrow.slick-prev::after { content: "\f053"; } .articleList.type-slider .slick-arrow.slick-next { right: 0; } .articleList.type-slider .slick-arrow.slick-next::after { content: "\f054"; } .articleList.type-slider .slick-dots { display: flex; flex-wrap: wrap; justify-content: center; margin: 2rem 0 0; padding: 0; line-height: 0; list-style-type: none; } @media (min-width: 768px) { .articleList.type-slider .slick-dots { bottom: 20px; } } .articleList.type-slider .slick-dots > li { margin: 0 5px; } .articleList.type-slider .slick-dots > li.slick-active button { background-color: var(--key-color); } .articleList.type-slider .slick-dots button { display: inline-block; width: 12px; height: 12px; margin: 0; padding: 0; background-color: rgba(0, 0, 0, 0.2); border: none; border-radius: 50%; line-height: 1; text-indent: 100%; white-space: nowrap; overflow: hidden; } .article__static--pc { display: none; } .article__static--mb { display: block; } @media (min-width: 768px) { .article__static--pc { display: block; } .article__static--mb { display: none; } } .xw-article-media__body--extra { font-size: 1.4rem; line-height: 1; } .xw-article-media__body--extra .article-meta { display: flex; flex-wrap: wrap; gap: 0.6em 1em; } .xw-article-media__body--extra .article-date { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; gap: 0.6em 1em; } .xw-article-media__body--extra .article-date i { margin-right: 0.4em; } .xw-article-media__body--extra .article-comment { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; gap: 0.6em 1em; } .xw-article-media__body--extra .article-comment i { margin-right: 0.4em; } .xw-article-media__body--extra .article-pv { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; gap: 0.6em 1em; } .xw-article-media__body--extra .article-pv i { margin-right: 0.4em; } .xw-article-media__body--extra .article-author { font-size: 1.2rem; display: flex; align-items: center; color: #bbb; } @media (min-width: 768px) { .xw-article-media__body--extra .article-author { font-size: 1.4rem; } } .xw-article-media__body--extra .article-author .article-author-avatar { object-fit: cover; overflow: hidden; margin-right: 0.4em; border-radius: 50%; } .xw-article-media__body--extra .article-author .article-author-avatar img { object-fit: cover; width: 20px; height: 20px; margin: 0; } .articleListRank { display: grid; gap: 20px; } .articleListRank .xw-article-media { display: flex; align-items: flex-start; } @media (hover: hover) { .articleListRank .xw-article-media:hover { color: var(--link-color); } } .articleListRank .xw-article-rank { font-size: 1.2rem; position: absolute; top: 0; left: 0; width: 2em; background: #666; color: #fff; font-weight: 700; letter-spacing: 0; line-height: 2em; text-align: center; } .articleListRank .xw-article-rank.num01, .articleListRank .xw-article-rank.num02, .articleListRank .xw-article-rank.num03 { background-color: var(--point-color); } .articleListRank .articleList__item--fig { min-width: 24%; flex-shrink: 0; flex-basis: calc(93% - var(--posts--thumb--ratio--list)); } @media (min-width: 768px) { .articleListRank .articleList__item--fig { min-width: 24%; } } .articleListRank .articleList__item--fig img { object-fit: cover; width: 100%; height: 100%; border-radius: var(--block--img--border-radius-sm); } .articleListRank .xw-article-media__body { padding: 0.5rem 0 0 1.5rem; flex-grow: 1; } .articleListRank .xw-article-media__body--title { margin: 0; font-size: inherit; } .main .articleListRank .articleList__item .articleList__item--fig { min-width: 34%; margin: 0; flex-basis: initial; flex-shrink: initial; } .main .articleListRank .articleList__item .articleList__item--fig::before { padding-top: var(--posts--thumb--ratio--card); } @media (min-width: 768px) { .main .articleListRank .articleList__item .articleList__item--fig { min-width: 22%; } } .main .articleListRank .xw-article-media { align-items: center; } .main .articleListRank .xw-article-media__body { padding: 10px 15px; } @media (min-width: 768px) { .main .articleListRank .xw-article-media__body { padding: 15px 25px; } } .main .articleListRank .xw-article-rank { font-size: 1.2rem; } @media (min-width: 768px) { .main .articleListRank .xw-article-rank { font-size: 1.6rem; } } .main .articleListRank .xw-article-media__body--title { font-size: 1.4rem; font-weight: 700; } @media (min-width: 768px) { .main .articleListRank .xw-article-media__body--title { font-size: 1.7rem; } } .footer .widget .articleListRank .articleList__item--fig, .side .widget .articleListRank .articleList__item--fig { flex-basis: calc(99% - var(--posts--thumb--ratio--list)); min-width: 30%; } @media (min-width: 768px) { .footer .widget .articleListRank .articleList__item--fig, .side .widget .articleListRank .articleList__item--fig { min-width: 30%; } } .post-thumbnail { margin: var(--widget--element--mrg) 0 0; } .post-thumbnail img { width: 100%; height: auto; border-radius: var(--block--img--border-radius-md); } .toc_block { position: relative; margin-top: var(--widget--block--mrg); margin-bottom: var(--widget--block--mrg); background-color: var(--main--content--background-color); border: 1px solid #eee; border-radius: var(--block--border-radius); } .toc_block a { color: var(--txt-color); text-decoration: none; } @media (hover: hover) { .toc_block a:hover { color: var(--link-color); } } .toc_block li { list-style: none; } .toc_block .toc__caption { display: flex; align-items: center; padding: var(--block--box--pad) var(--block--box--pad) 1em calc(var(--block--box--pad) + 1px); font-weight: 700; cursor: pointer; } .toc_block .toc__caption:has(> a)::before { content: "\f0ca"; display: inline-block; width: 2em; line-height: 2em; margin-right: 0.5em; background-color: var(--key-color); border-radius: 50%; color: #fff; font-family: "Font Awesome 6 Free"; font-weight: 900; text-align: center; } .toc_block .toc_toggle_button { margin-left: 1em; cursor: pointer; font-size: 85%; font-weight: 500; } .toc_block .toc_toggle_button .close, .toc_block .toc_toggle_button .open { display: inline-block; min-width: 2.8em; text-align: center; } .toc_block .toc { padding: 0 var(--block--box--pad) var(--block--box--pad) var(--block--box--pad); transition: height 0.4s ease-in-out, padding-bottom 0.4s ease-in-out; } .toc_block .toc > ol { border-top: 1px solid #eee; padding-top: 1em; } .toc_block .toc ol { margin: 0; padding-left: 0; } @media (min-width: 768px) { .toc_block .toc ol { padding-left: 0.6em; } } .toc_block .toc li { position: relative; margin-top: 0.6em; padding-left: 0.9em; } .toc_block .toc > ol { padding-left: 0.3em; } @media (min-width: 768px) { .toc_block .toc > ol { padding-left: 0.8em; } } .toc_block .toc > ol > li { padding-left: 1em; } .toc_block .toc > ol > li:first-child { margin-top: 0; } .toc_block .toc > ol > li:not(.previous):has(> a) > a::before { content: "\f105"; display: block; position: absolute; top: 0; left: 0; color: var(--point-color); font-family: "Font Awesome 6 Free"; font-weight: 900; } .toc_block .toc > ol > li.next:has(> a) > a::before { content: "\f101"; display: block; position: absolute; top: 0; left: 0; color: var(--point-color); font-family: "Font Awesome 6 Free"; font-weight: 900; } .toc_block .toc > ol > li.next:has(> a) > a::before + a { padding-left: 1em; } .toc_block .toc > ol > li.next > a { padding-left: 0.5em; } .toc_block .toc > ol > li.previous:has(> a) > a::before { content: "\f100"; display: block; position: absolute; top: 0; left: 0; color: var(--point-color); font-family: "Font Awesome 6 Free"; font-weight: 900; } .toc_block .toc > ol > li.previous > a { padding-left: 0.5em; } .toc_block .toc > ol > li > a { font-weight: 700; } .toc_block .toc > ol > li > ol > li:has(> a) > a::before { content: ""; display: block; position: absolute; top: calc(1em - 7px); left: 0; width: 6px; height: 6px; background-color: var(--point-color); border-radius: 50%; } .toc_block .toc > ol > li > ol > li > ol > li:has(> a) > a::before { content: ""; display: block; position: absolute; top: calc(1em - 7px); left: 0; width: 6px; height: 6px; border: 1px solid var(--point-color); border-radius: 50%; } .toc_block .toc > ol > li > ol > li > ol > li > ol > li:has(> a) > a::before { content: ""; display: block; position: absolute; top: 0.7em; left: 0; width: 6px; height: 1px; background-color: var(--point-color); } .blog .main .articleBody { margin-top: 0; } .page-template-page-notitle .articleBody:first-child { margin-top: 0; } :where(.articleBody) p { margin-block-start: 1.5em; margin-block-end: 0; } :where(.articleBody) { margin: var(--widget--element--mrg) 0 0; } .articleBody > :where(:not(.toc_block):not(.pagination):not(.wp-block-cover)) { clear: both; margin-top: var(--widget--element--mrg); margin-bottom: 0; } .articleBody :where(.wp-block-xwrite) { clear: both; margin-top: var(--widget--element--mrg); margin-bottom: 0; } .articleBody > :first-child { margin-top: 0; } .articleBody > :last-child { margin-bottom: 0; } .articleBody .wp-block-spacer + * { margin-top: 0; } .articleBody *:has(+ .wp-block-spacer) { margin-bottom: 0; } .articleBody img { max-width: 100%; } .articleBody :where(.wp-block-image.is-style-default) img, .articleBody :where(.wp-block-image.is-style-rounded) img, .articleBody :where(.wp-block-image:not([class*="is-style-"])) img, .articleBody :where(img[class*="wp-image-"]) { box-shadow: 2px 2px 7px 0 rgba(0, 0, 0, 0.05); outline: 1px solid #eee; } .articleBody h1, .articleBody h2, .articleBody h3, .articleBody h4, .articleBody h5, .articleBody h6 { font-weight: 700; line-height: 1.4; } .articleBody h1 a, .articleBody h2 a, .articleBody h3 a, .articleBody h4 a, .articleBody h5 a, .articleBody h6 a { color: inherit; } .articleBody > p { margin-block-start: 1.5em; margin-block-end: 0; } .articleBody p { line-height: 1.8; } .articleBody p:empty { height: 1px; margin-block-start: 1.2em; margin-block-end: 1.2em; } .articleBody p:blank { height: 1px; margin-block-start: 1.2em; margin-block-end: 1.2em; } :where(.articleBody) a { text-decoration: underline; } @media (hover: hover) { :where(.articleBody) a:hover { text-decoration: none; } } .articleBody .no-shadow img, .articleBody img.no-shadow { box-shadow: none; outline: 0; } .articleBody .wp-block-media-text:not(.is-stacked-on-mobile) .wp-block-media-text__content > :first-child { margin-top: 0; } @media (width >= 601px) { .articleBody .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content > :first-child { margin-top: 0; } } @media (width <= 600px) { .articleBody .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content { padding: 0; } } .articleBody h1 { font-size: 2.4rem; margin-top: 3em; margin-bottom: 1.5em; } @media (min-width: 768px) { .articleBody h1 { font-size: 2.8rem; } } .articleBody h2 { font-size: 2.2rem; margin-top: 3em; margin-bottom: 1.2em; } @media (min-width: 768px) { .articleBody h2 { font-size: 2.4rem; } } .articleBody h3 { font-size: 2rem; margin-top: 2.5em; margin-bottom: 1.2em; } @media (min-width: 768px) { .articleBody h3 { font-size: 2.2rem; } } .articleBody h4 { font-size: 1.8rem; margin-top: 2.3em; margin-bottom: 1em; } @media (min-width: 768px) { .articleBody h4 { font-size: 2rem; } } .articleBody h5 { font-size: 1.6rem; margin-top: 1.8em; margin-bottom: 0.6em; } @media (min-width: 768px) { .articleBody h5 { font-size: 1.8rem; } } .articleBody h6 { font-size: 1.6rem; margin-top: 1.5em; margin-bottom: 0.4em; } .articleFooter { margin: var(--widget--block--mrg) 0 0; } .articleFooter__sns { margin: var(--widget--element--mrg) 0; } .articleFooter__cat, .articleFooter__tag, .articleFooter__tax { display: flex; flex-wrap: wrap; margin-top: 0.5em; align-items: center; } .articleFooter__cat--caption, .articleFooter__tag--caption, .articleFooter__tax--caption { flex-shrink: 0; margin-right: 5px; } .articleFooter__author { position: relative; margin: var(--widget--block--mrg) 0; } .articleFooter__author .caption { font-size: 1.4rem; position: absolute; top: 0; right: 0; left: 0; transform: translateY(calc(-50% - 0.5px)); width: fit-content; margin: auto; padding: 3px 10px; background-color: var(--key-color); border-radius: var(--block--border-radius-inr); color: #fff; } @media (min-width: 768px) { .articleFooter__author .caption { left: calc(2rem + 1px); right: auto; } } .articleFooter__author .uqAuthor { padding: 3rem var(--block--box--pad) var(--block--box--pad); background-color: var(--main--content--background-color); border: 1px solid #eee; border-radius: var(--block--border-radius); } @media (min-width: 768px) { .articleFooter__author .uqAuthor { display: flex; padding: 3rem 2rem 2rem; } } .articleFooter__author .uqAuthor__avatar { text-align: center; } @media (min-width: 768px) { .articleFooter__author .uqAuthor__avatar { flex-shrink: 0; } } .articleFooter__author .uqAuthor__avatar img { border-radius: 50%; margin-bottom: 10px; } .articleFooter__author .uqAuthor__avatar .name { font-size: 1.6rem; color: var(--key-color); font-weight: 700; } .articleFooter__author .uqAuthor__profile { display: flex; flex-direction: column; align-items: center; margin: 1em 0 0; } @media (min-width: 768px) { .articleFooter__author .uqAuthor__profile { display: block; margin: 0 0 0 2rem; } } .articleFooter__author .uqAuthor__profile .snsList { margin-top: 1.5rem; } .articleFooter__author .uqAuthor__profile .snsList .btn__sns { border: 1px solid #d4d4d4; } .articleFooter__author .uqAuthor__profile--text { margin: 0; } .articleFooter__relation { margin: var(--widget--block--mrg) 0; } .articleFooter__relation .caption { font-size: 1.8rem; position: relative; margin: 0 0 1em; padding-left: 0.6em; border-left: 4px solid var(--key-color); font-weight: 700; line-height: 1.4; } @media (min-width: 768px) { .articleFooter__relation .caption { font-size: 2rem; margin: 0 0 1.5em; } } .articleFooter__comment { margin: var(--widget--block--mrg) 0; } .comments-area .comment-reply-title, .comments-area .comments-title { font-size: 1.8rem; position: relative; margin: 0 0 1em; padding-left: 0.6em; border-left: 4px solid var(--key-color); font-weight: 700; line-height: 1.4; } @media (min-width: 768px) { .comments-area .comment-reply-title, .comments-area .comments-title { font-size: 2rem; margin: 0 0 1.5em; } } .comments-area .comment-reply-title small, .comments-area .comments-title small { margin: 0 0 0 1em; font-size: 1.3rem; font-weight: 500; } .comments-area .comment-reply-title small a, .comments-area .comments-title small a { color: var(--txt-color); } .comments-area .comment-respond { margin: var(--widget--block--mrg) 0; } .comments-area .children, .comments-area .comment-list { padding: 0; list-style-type: none; } .comments-area .comment-list { margin: 0 0 var(--widget--block--mrg) 0; } .comments-area .comment-list > li { padding: 2.5rem 0; border-bottom: 1px solid #eee; } .comments-area .comment-list > li:first-child { border-top: 1px solid #eee; } .comments-area .children { margin: 2rem 0 0 1rem; } @media (min-width: 768px) { .comments-area .children { margin-left: 1.5rem; } } .comments-area .children li { margin-top: 2rem; } .comments-area .children .comment-body { padding-left: 1rem; border-left: 3px solid #eee; } @media (min-width: 768px) { .comments-area .children .comment-body { padding-left: 1.5rem; border-left-width: 4px; } } .comments-area .comment-author { display: flex; align-items: center; } .comments-area .comment-author img { width: 35px; height: auto; margin-right: 1rem; } @media (hover: hover) { .comments-area .comment-author .fn a:hover { text-decoration: underline; } } .comments-area .reply { text-align: right; } .comments-area .reply .comment-reply-link { font-size: 1.2rem; padding: 0.3em 0.6em; background-color: #eee; border: 1px solid #ccc; border-radius: var(--block--border-radius-inr); color: var(--txt-color); text-decoration: none; } @media (min-width: 768px) { .comments-area .reply .comment-reply-link { font-size: 1.4rem; } } .comments-area .comment-meta { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } .comments-area .comment-metadata .edit-link { font-size: 1.2rem; } @media (min-width: 768px) { .comments-area .comment-metadata .edit-link { font-size: 1.4rem; } } @media (hover: hover) { .comments-area .comment-edit-link:hover { text-decoration: underline; } } .comments-area .comment-form-author label, .comments-area .comment-form-comment label, .comments-area .comment-form-email label, .comments-area .comment-form-url label { display: block; margin-bottom: 0.5rem; } .comments-area .comment-form-author input, .comments-area .comment-form-author textarea, .comments-area .comment-form-comment input, .comments-area .comment-form-comment textarea, .comments-area .comment-form-email input, .comments-area .comment-form-email textarea, .comments-area .comment-form-url input, .comments-area .comment-form-url textarea { display: block; width: 100%; padding: 8px 10px; background-color: #fff; border: 1px solid #ddd; border-radius: var(--block--border-radius-inr); font-size: 16px; } .comments-area .comment-form-comment textarea { vertical-align: bottom; } .comments-area .form-submit { margin: 2rem 0 0; } .comments-area .form-submit input[type="submit"] { padding: 0.55em 1em; background-color: var(--key-color); border-radius: var(--block--border-radius-inr); border: none; color: #fff; } .comments-area .logged-in-as a { color: var(--link-color); } @media (hover: hover) { .comments-area .logged-in-as a:hover { text-decoration: underline; } } @media (min-width: 992px) { .no-sidebar .comments-area .comment-form-author input, .no-sidebar .comments-area .comment-form-author textarea, .no-sidebar .comments-area .comment-form-comment input, .no-sidebar .comments-area .comment-form-comment textarea, .no-sidebar .comments-area .comment-form-email input, .no-sidebar .comments-area .comment-form-email textarea, .no-sidebar .comments-area .comment-form-url input, .no-sidebar .comments-area .comment-form-url textarea { max-width: calc((100% - 80px) / 3 * 2 + 40px); } } .navigation { margin: var(--widget--block--mrg) 0; } .navigation:last-child { margin-bottom: 0; } .nav-links { display: flex; justify-content: center; flex-wrap: wrap; row-gap: 4px; } .nav-links a { text-decoration: none; } .nav-links .page-numbers, .nav-links .post-page-numbers { font-size: 1.8rem; display: flex; align-items: center; justify-content: center; min-width: 42px; min-height: 42px; margin: 0 5px; border: 1px solid var(--key-color); border-radius: 3em; color: var(--key-color); letter-spacing: -0.05em; line-height: 1; } .nav-links .page-numbers.current, .nav-links .page-numbers:hover, .nav-links .post-page-numbers.current, .nav-links .post-page-numbers:hover { border-color: var(--key-color); background-color: var(--key-color); color: #fff; } .nav-links .page-numbers.next, .nav-links .page-numbers.prev, .nav-links .post-page-numbers.next, .nav-links .post-page-numbers.prev { font-size: 2.4rem; } @media (max-width: 575.98px) { .nav-links .page-numbers, .nav-links .post-page-numbers { font-size: 1.6rem; min-width: 32px; min-height: 32px; margin: 0 4px; } .nav-links .page-numbers.next, .nav-links .page-numbers.prev, .nav-links .post-page-numbers.next, .nav-links .post-page-numbers.prev { font-size: 1.7rem; } } .pagination { margin: var(--widget--block--mrg) 0; } .pagination > p { display: flex; justify-content: center; } .pagination > p a { text-decoration: none; } .pagination .post-page-numbers { font-size: 1.8rem; display: flex; align-items: center; justify-content: center; min-width: 42px; min-height: 42px; margin: 0 5px; border: 1px solid var(--key-color); border-radius: 3em; color: var(--key-color); letter-spacing: -0.01em; line-height: 1; } .pagination .post-page-numbers.current, .pagination .post-page-numbers:hover { border-color: var(--key-color); background-color: var(--key-color); color: #fff; } .articlePagerUnit { display: flex; justify-content: space-between; margin: 15px 0; min-height: 5em; } @media (max-width: 768px) { .articlePagerUnit { flex-direction: column; } .articlePager.next { margin-top: 15px; } } .articlePager { font-size: 1.2rem; flex-basis: 49%; min-height: 5em; border-top: 1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2; } .articlePager.prev { display: flex; justify-content: flex-start; margin-right: auto; margin-left: 0; } .articlePager.prev .articlePager__caption { justify-content: flex-end; } .articlePager.prev .articlePager__caption::before { width: 0.8em; height: 0.8em; border-bottom: 2px solid; border-left: 2px solid; content: ""; transform: rotate(45deg); } .articlePager.next { display: flex; justify-content: flex-end; margin-left: auto; margin-right: 0; } .articlePager.next .articlePager__caption { order: 3; justify-content: flex-start; } .articlePager.next .articlePager__caption::before { width: 0.8em; height: 0.8em; border-top: 2px solid; border-right: 2px solid; content: ""; transform: rotate(45deg); } .articlePager.next .articlePager__body, .articlePager.next .articlePager__body--text { justify-content: flex-end; } .articlePager.next .articlePager__body--fig { order: 2; } .articlePager a { display: flex; align-items: stretch; color: var(--txt-color); width: 100%; text-decoration: none; } @media (hover: hover) { .articlePager a:hover { box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15); opacity: 0.8; background-color: #fff; } } .articlePager__caption { display: flex; align-items: center; min-width: 1.25em; } .articlePager__body { display: flex; margin: 0 auto 0 0; padding: 5px 0; width: 100%; word-break: break-all; } .articlePager__body--fig { margin: auto 10px; flex-basis: 30%; } .articlePager__body--fig img { object-fit: cover; width: 100%; height: auto; } .articlePager__body--fig + .articlePager__body--text { flex-basis: 70%; } .articlePager__body--text { display: flex; align-items: center; margin: 5px 10px; } .articlePagerUnit.type_1 .articlePager__caption { background-color: var(--key-color); } .articlePagerUnit.type_1 .articlePager__caption::before { border-color: #fff; } .articlePagerUnit.type_2 .articlePager__caption::before { border-color: var(--key-color); } .post-password-form .post-password-form__inside-wrapper { font-size: calc(16 * var(--block-style-unit)); display: flex; align-items: flex-end; line-height: 1.5; } .post-password-form .post-password-form__inside-wrapper label { display: flex; align-items: center; flex-wrap: wrap; gap: 0.5rem; margin: 0; } .post-password-form .post-password-form__inside-wrapper input[type="password"] { flex: auto; padding: 0.55em 0.65em; background-color: #fff; border: 1px solid #ddd; border-right: none; border-radius: var(--block--border-radius) 0 0 var(--block--border-radius); } .post-password-form .post-password-form__inside-wrapper input[type="submit"] { flex-shrink: 0; appearance: none; padding: 0.55em 0.65em; background-color: var(--key-color); border: 1px solid var(--key-color); border-radius: 0 var(--block--border-radius) var(--block--border-radius) 0; color: #fff; } .notice-label__large { font-size: 1.3rem; padding: var(--block--box--pad) var(--block--box--pad) 1em calc(var(--block--box--pad) + 1px); margin: var(--widget--element--mrg) 0 0; border-radius: var(--block--border-radius); display: flex; justify-content: center; align-items: center; background-color: #fff; border: 1px solid #eee; } @media (min-width: 768px) { .notice-label__large { font-size: 1.5rem; } } .notice-label__large i { margin-right: 0.75em; min-width: 1em; } .notice-label__small { font-size: 1.1rem; padding: 3px 5px; letter-spacing: 0; line-height: 1; background-color: #fff; box-shadow: 0 0 0 1px #eee; border-radius: var(--block--border-radius-inr); display: flex; } @media (min-width: 768px) { .notice-label__small { font-size: 1.3rem; padding: 4px 8px; } } .notice-label__small i { margin-right: 0.4em; } .remove-title-space > *:first-child:has(.notice-label__large) .notice-label__large { margin-top: 0; } .remove-title-space > *:first-child { margin-top: 0; } .breadcrumbs { display: flex; flex-wrap: wrap; margin: 0 0 1.5rem; padding: 0; list-style: none; max-width: var(--site-content-width, 1200px); } .breadcrumbs > li { font-size: 1.2rem; } .breadcrumbs > li::before { display: inline-block; margin: 0 10px 1px 7px; width: 0.5em; height: 0.5em; border-top: 1px solid; border-right: 1px solid; content: ""; transform: rotate(45deg); color: #777; } .breadcrumbs > li:first-of-type::before { display: none; } .breadcrumbs > li:first-of-type svg { margin-right: 5px; } .breadcrumbs i { margin-right: 5px; } .breadcrumbs a { color: #777; } .breadcrumbs a:hover { color: var(--link-color); } .page-template-page-notitle.no-sidebar .block > header:has(.breadcrumbs) { padding-top: 3rem; } @media (min-width: 768px) { .page-template-page-notitle.no-sidebar .block > header:has(.breadcrumbs) { padding-top: var(--widget--main--block--mrg); } } .breadcrumbs_wrapper.bottom { padding: 1.5rem 0; margin: var(--widget--block--mrg) 0 0; } .page-template-page-notitle.no-sidebar .breadcrumbs_wrapper.bottom { padding-bottom: var(--widget--main--block--mrg); } .breadcrumbs_wrapper.bottom .container { padding: 0; } .breadcrumbs_wrapper.bottom .breadcrumbs { margin: 0; } .page-bottom-breadcrumbs, .page-top-breadcrumbs { padding: 8px 0; } .page-bottom-breadcrumbs.show-background, .page-top-breadcrumbs.show-background { background-color: rgb(var(--key-color--rgb), 0.1); } .page-bottom-breadcrumbs .breadcrumbs, .page-top-breadcrumbs .breadcrumbs { margin: 0 auto; } .widgetSearch { font-size: calc(16 * var(--block-style-unit)); } .widgetSearch form { display: flex; } .widgetSearch input { order: 1; width: 100%; padding: 0 10px; background-color: #fff; border: 1px solid #ddd; border-right: none; border-radius: var(--block--border-radius) 0 0 var(--block--border-radius); line-height: 40px; } .widgetSearch input::placeholder { color: #aaa; } .widgetSearch button[type="submit"] { order: 2; flex-shrink: 0; width: 42px; height: auto; background-color: var(--key-color); border-radius: 0 var(--block--border-radius) var(--block--border-radius) 0; } .widgetSearch button[type="submit"] i { color: #fff; } .wp-block-search .wp-block-search__button:not(.has-icon) { padding: 6px 10px; letter-spacing: normal; } .wp-block-search { font-size: calc(16 * var(--block-style-unit)); } .wp-block-search__input { padding: 8px 10px; background-color: #fff; border: 1px solid #ddd; } .wp-block-search__input::placeholder, .wp-block-search__input[aria-label] { color: #aaa; } .wp-block-search__button { flex-shrink: 0; appearance: none; background-color: var(--key-color); border: none; color: #fff; } .wp-block-search.wp-block-search__button-outside .wp-block-search__input { border-right: none; border-radius: var(--block--border-radius) 0 0 var(--block--border-radius); } .wp-block-search.wp-block-search__button-outside .wp-block-search__button { margin-left: 0; border-radius: 0 var(--block--border-radius) var(--block--border-radius) 0; } .wp-block-search.wp-block-search__button-outside .wp-block-search__button.has-icon { font-size: calc(20 * var(--block-style-unit)); padding: 0.2em 0.3em; } .wp-block-search.wp-block-search__button-outside .wp-block-search__button.has-icon .search-icon { position: relative; left: -2px; } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper { padding: 7px; background-color: #fff; border: 1px solid #ddd; border-radius: var(--block--border-radius); } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input { padding: 0; border: none; } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button { padding: 4px 8px; border-radius: calc(var(--block--border-radius) / 2); } .wp-block-search.wp-block-search__no-button .wp-block-search__input { border-radius: var(--block--border-radius); } .m-0 { margin: 0 !important; } .mt-0 { margin-top: 0 !important; } .mr-0 { margin-right: 0 !important; } .mb-0 { margin-bottom: 0 !important; } .ml-0 { margin-left: 0 !important; } .mx-0 { margin-right: 0 !important; margin-left: 0 !important; } .my-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .p-0 { padding: 0 !important; } .pt-0 { padding-top: 0 !important; } .pr-0 { padding-right: 0 !important; } .pb-0 { padding-bottom: 0 !important; } .pl-0 { padding-left: 0 !important; } .px-0 { padding-right: 0 !important; padding-left: 0 !important; } .py-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .m-5 { margin: 5px !important; } .mt-5 { margin-top: 5px !important; } .mr-5 { margin-right: 5px !important; } .mb-5 { margin-bottom: 5px !important; } .ml-5 { margin-left: 5px !important; } .mx-5 { margin-right: 5px !important; margin-left: 5px !important; } .my-5 { margin-top: 5px !important; margin-bottom: 5px !important; } .p-5 { padding: 5px !important; } .pt-5 { padding-top: 5px !important; } .pr-5 { padding-right: 5px !important; } .pb-5 { padding-bottom: 5px !important; } .pl-5 { padding-left: 5px !important; } .px-5 { padding-right: 5px !important; padding-left: 5px !important; } .py-5 { padding-top: 5px !important; padding-bottom: 5px !important; } .m-10 { margin: 10px !important; } .mt-10 { margin-top: 10px !important; } .mr-10 { margin-right: 10px !important; } .mb-10 { margin-bottom: 10px !important; } .ml-10 { margin-left: 10px !important; } .mx-10 { margin-right: 10px !important; margin-left: 10px !important; } .my-10 { margin-top: 10px !important; margin-bottom: 10px !important; } .p-10 { padding: 10px !important; } .pt-10 { padding-top: 10px !important; } .pr-10 { padding-right: 10px !important; } .pb-10 { padding-bottom: 10px !important; } .pl-10 { padding-left: 10px !important; } .px-10 { padding-right: 10px !important; padding-left: 10px !important; } .py-10 { padding-top: 10px !important; padding-bottom: 10px !important; } .m-15 { margin: 15px !important; } .mt-15 { margin-top: 15px !important; } .mr-15 { margin-right: 15px !important; } .mb-15 { margin-bottom: 15px !important; } .ml-15 { margin-left: 15px !important; } .mx-15 { margin-right: 15px !important; margin-left: 15px !important; } .my-15 { margin-top: 15px !important; margin-bottom: 15px !important; } .p-15 { padding: 15px !important; } .pt-15 { padding-top: 15px !important; } .pr-15 { padding-right: 15px !important; } .pb-15 { padding-bottom: 15px !important; } .pl-15 { padding-left: 15px !important; } .px-15 { padding-right: 15px !important; padding-left: 15px !important; } .py-15 { padding-top: 15px !important; padding-bottom: 15px !important; } .m-20 { margin: 20px !important; } .mt-20 { margin-top: 20px !important; } .mr-20 { margin-right: 20px !important; } .mb-20 { margin-bottom: 20px !important; } .ml-20 { margin-left: 20px !important; } .mx-20 { margin-right: 20px !important; margin-left: 20px !important; } .my-20 { margin-top: 20px !important; margin-bottom: 20px !important; } .p-20 { padding: 20px !important; } .pt-20 { padding-top: 20px !important; } .pr-20 { padding-right: 20px !important; } .pb-20 { padding-bottom: 20px !important; } .pl-20 { padding-left: 20px !important; } .px-20 { padding-right: 20px !important; padding-left: 20px !important; } .py-20 { padding-top: 20px !important; padding-bottom: 20px !important; } .m-25 { margin: 25px !important; } .mt-25 { margin-top: 25px !important; } .mr-25 { margin-right: 25px !important; } .mb-25 { margin-bottom: 25px !important; } .ml-25 { margin-left: 25px !important; } .mx-25 { margin-right: 25px !important; margin-left: 25px !important; } .my-25 { margin-top: 25px !important; margin-bottom: 25px !important; } .p-25 { padding: 25px !important; } .pt-25 { padding-top: 25px !important; } .pr-25 { padding-right: 25px !important; } .pb-25 { padding-bottom: 25px !important; } .pl-25 { padding-left: 25px !important; } .px-25 { padding-right: 25px !important; padding-left: 25px !important; } .py-25 { padding-top: 25px !important; padding-bottom: 25px !important; } .m-30 { margin: 30px !important; } .mt-30 { margin-top: 30px !important; } .mr-30 { margin-right: 30px !important; } .mb-30 { margin-bottom: 30px !important; } .ml-30 { margin-left: 30px !important; } .mx-30 { margin-right: 30px !important; margin-left: 30px !important; } .my-30 { margin-top: 30px !important; margin-bottom: 30px !important; } .p-30 { padding: 30px !important; } .pt-30 { padding-top: 30px !important; } .pr-30 { padding-right: 30px !important; } .pb-30 { padding-bottom: 30px !important; } .pl-30 { padding-left: 30px !important; } .px-30 { padding-right: 30px !important; padding-left: 30px !important; } .py-30 { padding-top: 30px !important; padding-bottom: 30px !important; } .m-35 { margin: 35px !important; } .mt-35 { margin-top: 35px !important; } .mr-35 { margin-right: 35px !important; } .mb-35 { margin-bottom: 35px !important; } .ml-35 { margin-left: 35px !important; } .mx-35 { margin-right: 35px !important; margin-left: 35px !important; } .my-35 { margin-top: 35px !important; margin-bottom: 35px !important; } .p-35 { padding: 35px !important; } .pt-35 { padding-top: 35px !important; } .pr-35 { padding-right: 35px !important; } .pb-35 { padding-bottom: 35px !important; } .pl-35 { padding-left: 35px !important; } .px-35 { padding-right: 35px !important; padding-left: 35px !important; } .py-35 { padding-top: 35px !important; padding-bottom: 35px !important; } .m-40 { margin: 40px !important; } .mt-40 { margin-top: 40px !important; } .mr-40 { margin-right: 40px !important; } .mb-40 { margin-bottom: 40px !important; } .ml-40 { margin-left: 40px !important; } .mx-40 { margin-right: 40px !important; margin-left: 40px !important; } .my-40 { margin-top: 40px !important; margin-bottom: 40px !important; } .p-40 { padding: 40px !important; } .pt-40 { padding-top: 40px !important; } .pr-40 { padding-right: 40px !important; } .pb-40 { padding-bottom: 40px !important; } .pl-40 { padding-left: 40px !important; } .px-40 { padding-right: 40px !important; padding-left: 40px !important; } .py-40 { padding-top: 40px !important; padding-bottom: 40px !important; } .m-45 { margin: 45px !important; } .mt-45 { margin-top: 45px !important; } .mr-45 { margin-right: 45px !important; } .mb-45 { margin-bottom: 45px !important; } .ml-45 { margin-left: 45px !important; } .mx-45 { margin-right: 45px !important; margin-left: 45px !important; } .my-45 { margin-top: 45px !important; margin-bottom: 45px !important; } .p-45 { padding: 45px !important; } .pt-45 { padding-top: 45px !important; } .pr-45 { padding-right: 45px !important; } .pb-45 { padding-bottom: 45px !important; } .pl-45 { padding-left: 45px !important; } .px-45 { padding-right: 45px !important; padding-left: 45px !important; } .py-45 { padding-top: 45px !important; padding-bottom: 45px !important; } .m-50 { margin: 50px !important; } .mt-50 { margin-top: 50px !important; } .mr-50 { margin-right: 50px !important; } .mb-50 { margin-bottom: 50px !important; } .ml-50 { margin-left: 50px !important; } .mx-50 { margin-right: 50px !important; margin-left: 50px !important; } .my-50 { margin-top: 50px !important; margin-bottom: 50px !important; } .p-50 { padding: 50px !important; } .pt-50 { padding-top: 50px !important; } .pr-50 { padding-right: 50px !important; } .pb-50 { padding-bottom: 50px !important; } .pl-50 { padding-left: 50px !important; } .px-50 { padding-right: 50px !important; padding-left: 50px !important; } .py-50 { padding-top: 50px !important; padding-bottom: 50px !important; } .m-55 { margin: 55px !important; } .mt-55 { margin-top: 55px !important; } .mr-55 { margin-right: 55px !important; } .mb-55 { margin-bottom: 55px !important; } .ml-55 { margin-left: 55px !important; } .mx-55 { margin-right: 55px !important; margin-left: 55px !important; } .my-55 { margin-top: 55px !important; margin-bottom: 55px !important; } .p-55 { padding: 55px !important; } .pt-55 { padding-top: 55px !important; } .pr-55 { padding-right: 55px !important; } .pb-55 { padding-bottom: 55px !important; } .pl-55 { padding-left: 55px !important; } .px-55 { padding-right: 55px !important; padding-left: 55px !important; } .py-55 { padding-top: 55px !important; padding-bottom: 55px !important; } .m-60 { margin: 60px !important; } .mt-60 { margin-top: 60px !important; } .mr-60 { margin-right: 60px !important; } .mb-60 { margin-bottom: 60px !important; } .ml-60 { margin-left: 60px !important; } .mx-60 { margin-right: 60px !important; margin-left: 60px !important; } .my-60 { margin-top: 60px !important; margin-bottom: 60px !important; } .p-60 { padding: 60px !important; } .pt-60 { padding-top: 60px !important; } .pr-60 { padding-right: 60px !important; } .pb-60 { padding-bottom: 60px !important; } .pl-60 { padding-left: 60px !important; } .px-60 { padding-right: 60px !important; padding-left: 60px !important; } .py-60 { padding-top: 60px !important; padding-bottom: 60px !important; } @media (min-width: 601px) { .m-wp-sm-0 { margin: 0 !important; } .mt-wp-sm-0 { margin-top: 0 !important; } .mr-wp-sm-0 { margin-right: 0 !important; } .mb-wp-sm-0 { margin-bottom: 0 !important; } .ml-wp-sm-0 { margin-left: 0 !important; } .mx-wp-sm-0 { margin-right: 0 !important; margin-left: 0 !important; } .my-wp-sm-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .p-wp-sm-0 { padding: 0 !important; } .pt-wp-sm-0 { padding-top: 0 !important; } .pr-wp-sm-0 { padding-right: 0 !important; } .pb-wp-sm-0 { padding-bottom: 0 !important; } .pl-wp-sm-0 { padding-left: 0 !important; } .px-wp-sm-0 { padding-right: 0 !important; padding-left: 0 !important; } .py-wp-sm-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .m-wp-sm-5 { margin: 5px !important; } .mt-wp-sm-5 { margin-top: 5px !important; } .mr-wp-sm-5 { margin-right: 5px !important; } .mb-wp-sm-5 { margin-bottom: 5px !important; } .ml-wp-sm-5 { margin-left: 5px !important; } .mx-wp-sm-5 { margin-right: 5px !important; margin-left: 5px !important; } .my-wp-sm-5 { margin-top: 5px !important; margin-bottom: 5px !important; } .p-wp-sm-5 { padding: 5px !important; } .pt-wp-sm-5 { padding-top: 5px !important; } .pr-wp-sm-5 { padding-right: 5px !important; } .pb-wp-sm-5 { padding-bottom: 5px !important; } .pl-wp-sm-5 { padding-left: 5px !important; } .px-wp-sm-5 { padding-right: 5px !important; padding-left: 5px !important; } .py-wp-sm-5 { padding-top: 5px !important; padding-bottom: 5px !important; } .m-wp-sm-10 { margin: 10px !important; } .mt-wp-sm-10 { margin-top: 10px !important; } .mr-wp-sm-10 { margin-right: 10px !important; } .mb-wp-sm-10 { margin-bottom: 10px !important; } .ml-wp-sm-10 { margin-left: 10px !important; } .mx-wp-sm-10 { margin-right: 10px !important; margin-left: 10px !important; } .my-wp-sm-10 { margin-top: 10px !important; margin-bottom: 10px !important; } .p-wp-sm-10 { padding: 10px !important; } .pt-wp-sm-10 { padding-top: 10px !important; } .pr-wp-sm-10 { padding-right: 10px !important; } .pb-wp-sm-10 { padding-bottom: 10px !important; } .pl-wp-sm-10 { padding-left: 10px !important; } .px-wp-sm-10 { padding-right: 10px !important; padding-left: 10px !important; } .py-wp-sm-10 { padding-top: 10px !important; padding-bottom: 10px !important; } .m-wp-sm-15 { margin: 15px !important; } .mt-wp-sm-15 { margin-top: 15px !important; } .mr-wp-sm-15 { margin-right: 15px !important; } .mb-wp-sm-15 { margin-bottom: 15px !important; } .ml-wp-sm-15 { margin-left: 15px !important; } .mx-wp-sm-15 { margin-right: 15px !important; margin-left: 15px !important; } .my-wp-sm-15 { margin-top: 15px !important; margin-bottom: 15px !important; } .p-wp-sm-15 { padding: 15px !important; } .pt-wp-sm-15 { padding-top: 15px !important; } .pr-wp-sm-15 { padding-right: 15px !important; } .pb-wp-sm-15 { padding-bottom: 15px !important; } .pl-wp-sm-15 { padding-left: 15px !important; } .px-wp-sm-15 { padding-right: 15px !important; padding-left: 15px !important; } .py-wp-sm-15 { padding-top: 15px !important; padding-bottom: 15px !important; } .m-wp-sm-20 { margin: 20px !important; } .mt-wp-sm-20 { margin-top: 20px !important; } .mr-wp-sm-20 { margin-right: 20px !important; } .mb-wp-sm-20 { margin-bottom: 20px !important; } .ml-wp-sm-20 { margin-left: 20px !important; } .mx-wp-sm-20 { margin-right: 20px !important; margin-left: 20px !important; } .my-wp-sm-20 { margin-top: 20px !important; margin-bottom: 20px !important; } .p-wp-sm-20 { padding: 20px !important; } .pt-wp-sm-20 { padding-top: 20px !important; } .pr-wp-sm-20 { padding-right: 20px !important; } .pb-wp-sm-20 { padding-bottom: 20px !important; } .pl-wp-sm-20 { padding-left: 20px !important; } .px-wp-sm-20 { padding-right: 20px !important; padding-left: 20px !important; } .py-wp-sm-20 { padding-top: 20px !important; padding-bottom: 20px !important; } .m-wp-sm-25 { margin: 25px !important; } .mt-wp-sm-25 { margin-top: 25px !important; } .mr-wp-sm-25 { margin-right: 25px !important; } .mb-wp-sm-25 { margin-bottom: 25px !important; } .ml-wp-sm-25 { margin-left: 25px !important; } .mx-wp-sm-25 { margin-right: 25px !important; margin-left: 25px !important; } .my-wp-sm-25 { margin-top: 25px !important; margin-bottom: 25px !important; } .p-wp-sm-25 { padding: 25px !important; } .pt-wp-sm-25 { padding-top: 25px !important; } .pr-wp-sm-25 { padding-right: 25px !important; } .pb-wp-sm-25 { padding-bottom: 25px !important; } .pl-wp-sm-25 { padding-left: 25px !important; } .px-wp-sm-25 { padding-right: 25px !important; padding-left: 25px !important; } .py-wp-sm-25 { padding-top: 25px !important; padding-bottom: 25px !important; } .m-wp-sm-30 { margin: 30px !important; } .mt-wp-sm-30 { margin-top: 30px !important; } .mr-wp-sm-30 { margin-right: 30px !important; } .mb-wp-sm-30 { margin-bottom: 30px !important; } .ml-wp-sm-30 { margin-left: 30px !important; } .mx-wp-sm-30 { margin-right: 30px !important; margin-left: 30px !important; } .my-wp-sm-30 { margin-top: 30px !important; margin-bottom: 30px !important; } .p-wp-sm-30 { padding: 30px !important; } .pt-wp-sm-30 { padding-top: 30px !important; } .pr-wp-sm-30 { padding-right: 30px !important; } .pb-wp-sm-30 { padding-bottom: 30px !important; } .pl-wp-sm-30 { padding-left: 30px !important; } .px-wp-sm-30 { padding-right: 30px !important; padding-left: 30px !important; } .py-wp-sm-30 { padding-top: 30px !important; padding-bottom: 30px !important; } .m-wp-sm-35 { margin: 35px !important; } .mt-wp-sm-35 { margin-top: 35px !important; } .mr-wp-sm-35 { margin-right: 35px !important; } .mb-wp-sm-35 { margin-bottom: 35px !important; } .ml-wp-sm-35 { margin-left: 35px !important; } .mx-wp-sm-35 { margin-right: 35px !important; margin-left: 35px !important; } .my-wp-sm-35 { margin-top: 35px !important; margin-bottom: 35px !important; } .p-wp-sm-35 { padding: 35px !important; } .pt-wp-sm-35 { padding-top: 35px !important; } .pr-wp-sm-35 { padding-right: 35px !important; } .pb-wp-sm-35 { padding-bottom: 35px !important; } .pl-wp-sm-35 { padding-left: 35px !important; } .px-wp-sm-35 { padding-right: 35px !important; padding-left: 35px !important; } .py-wp-sm-35 { padding-top: 35px !important; padding-bottom: 35px !important; } .m-wp-sm-40 { margin: 40px !important; } .mt-wp-sm-40 { margin-top: 40px !important; } .mr-wp-sm-40 { margin-right: 40px !important; } .mb-wp-sm-40 { margin-bottom: 40px !important; } .ml-wp-sm-40 { margin-left: 40px !important; } .mx-wp-sm-40 { margin-right: 40px !important; margin-left: 40px !important; } .my-wp-sm-40 { margin-top: 40px !important; margin-bottom: 40px !important; } .p-wp-sm-40 { padding: 40px !important; } .pt-wp-sm-40 { padding-top: 40px !important; } .pr-wp-sm-40 { padding-right: 40px !important; } .pb-wp-sm-40 { padding-bottom: 40px !important; } .pl-wp-sm-40 { padding-left: 40px !important; } .px-wp-sm-40 { padding-right: 40px !important; padding-left: 40px !important; } .py-wp-sm-40 { padding-top: 40px !important; padding-bottom: 40px !important; } .m-wp-sm-45 { margin: 45px !important; } .mt-wp-sm-45 { margin-top: 45px !important; } .mr-wp-sm-45 { margin-right: 45px !important; } .mb-wp-sm-45 { margin-bottom: 45px !important; } .ml-wp-sm-45 { margin-left: 45px !important; } .mx-wp-sm-45 { margin-right: 45px !important; margin-left: 45px !important; } .my-wp-sm-45 { margin-top: 45px !important; margin-bottom: 45px !important; } .p-wp-sm-45 { padding: 45px !important; } .pt-wp-sm-45 { padding-top: 45px !important; } .pr-wp-sm-45 { padding-right: 45px !important; } .pb-wp-sm-45 { padding-bottom: 45px !important; } .pl-wp-sm-45 { padding-left: 45px !important; } .px-wp-sm-45 { padding-right: 45px !important; padding-left: 45px !important; } .py-wp-sm-45 { padding-top: 45px !important; padding-bottom: 45px !important; } .m-wp-sm-50 { margin: 50px !important; } .mt-wp-sm-50 { margin-top: 50px !important; } .mr-wp-sm-50 { margin-right: 50px !important; } .mb-wp-sm-50 { margin-bottom: 50px !important; } .ml-wp-sm-50 { margin-left: 50px !important; } .mx-wp-sm-50 { margin-right: 50px !important; margin-left: 50px !important; } .my-wp-sm-50 { margin-top: 50px !important; margin-bottom: 50px !important; } .p-wp-sm-50 { padding: 50px !important; } .pt-wp-sm-50 { padding-top: 50px !important; } .pr-wp-sm-50 { padding-right: 50px !important; } .pb-wp-sm-50 { padding-bottom: 50px !important; } .pl-wp-sm-50 { padding-left: 50px !important; } .px-wp-sm-50 { padding-right: 50px !important; padding-left: 50px !important; } .py-wp-sm-50 { padding-top: 50px !important; padding-bottom: 50px !important; } .m-wp-sm-55 { margin: 55px !important; } .mt-wp-sm-55 { margin-top: 55px !important; } .mr-wp-sm-55 { margin-right: 55px !important; } .mb-wp-sm-55 { margin-bottom: 55px !important; } .ml-wp-sm-55 { margin-left: 55px !important; } .mx-wp-sm-55 { margin-right: 55px !important; margin-left: 55px !important; } .my-wp-sm-55 { margin-top: 55px !important; margin-bottom: 55px !important; } .p-wp-sm-55 { padding: 55px !important; } .pt-wp-sm-55 { padding-top: 55px !important; } .pr-wp-sm-55 { padding-right: 55px !important; } .pb-wp-sm-55 { padding-bottom: 55px !important; } .pl-wp-sm-55 { padding-left: 55px !important; } .px-wp-sm-55 { padding-right: 55px !important; padding-left: 55px !important; } .py-wp-sm-55 { padding-top: 55px !important; padding-bottom: 55px !important; } .m-wp-sm-60 { margin: 60px !important; } .mt-wp-sm-60 { margin-top: 60px !important; } .mr-wp-sm-60 { margin-right: 60px !important; } .mb-wp-sm-60 { margin-bottom: 60px !important; } .ml-wp-sm-60 { margin-left: 60px !important; } .mx-wp-sm-60 { margin-right: 60px !important; margin-left: 60px !important; } .my-wp-sm-60 { margin-top: 60px !important; margin-bottom: 60px !important; } .p-wp-sm-60 { padding: 60px !important; } .pt-wp-sm-60 { padding-top: 60px !important; } .pr-wp-sm-60 { padding-right: 60px !important; } .pb-wp-sm-60 { padding-bottom: 60px !important; } .pl-wp-sm-60 { padding-left: 60px !important; } .px-wp-sm-60 { padding-right: 60px !important; padding-left: 60px !important; } .py-wp-sm-60 { padding-top: 60px !important; padding-bottom: 60px !important; } } @media (min-width: 768px) { .m-md-0 { margin: 0 !important; } .mt-md-0 { margin-top: 0 !important; } .mr-md-0 { margin-right: 0 !important; } .mb-md-0 { margin-bottom: 0 !important; } .ml-md-0 { margin-left: 0 !important; } .mx-md-0 { margin-right: 0 !important; margin-left: 0 !important; } .my-md-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .p-md-0 { padding: 0 !important; } .pt-md-0 { padding-top: 0 !important; } .pr-md-0 { padding-right: 0 !important; } .pb-md-0 { padding-bottom: 0 !important; } .pl-md-0 { padding-left: 0 !important; } .px-md-0 { padding-right: 0 !important; padding-left: 0 !important; } .py-md-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .m-md-5 { margin: 5px !important; } .mt-md-5 { margin-top: 5px !important; } .mr-md-5 { margin-right: 5px !important; } .mb-md-5 { margin-bottom: 5px !important; } .ml-md-5 { margin-left: 5px !important; } .mx-md-5 { margin-right: 5px !important; margin-left: 5px !important; } .my-md-5 { margin-top: 5px !important; margin-bottom: 5px !important; } .p-md-5 { padding: 5px !important; } .pt-md-5 { padding-top: 5px !important; } .pr-md-5 { padding-right: 5px !important; } .pb-md-5 { padding-bottom: 5px !important; } .pl-md-5 { padding-left: 5px !important; } .px-md-5 { padding-right: 5px !important; padding-left: 5px !important; } .py-md-5 { padding-top: 5px !important; padding-bottom: 5px !important; } .m-md-10 { margin: 10px !important; } .mt-md-10 { margin-top: 10px !important; } .mr-md-10 { margin-right: 10px !important; } .mb-md-10 { margin-bottom: 10px !important; } .ml-md-10 { margin-left: 10px !important; } .mx-md-10 { margin-right: 10px !important; margin-left: 10px !important; } .my-md-10 { margin-top: 10px !important; margin-bottom: 10px !important; } .p-md-10 { padding: 10px !important; } .pt-md-10 { padding-top: 10px !important; } .pr-md-10 { padding-right: 10px !important; } .pb-md-10 { padding-bottom: 10px !important; } .pl-md-10 { padding-left: 10px !important; } .px-md-10 { padding-right: 10px !important; padding-left: 10px !important; } .py-md-10 { padding-top: 10px !important; padding-bottom: 10px !important; } .m-md-15 { margin: 15px !important; } .mt-md-15 { margin-top: 15px !important; } .mr-md-15 { margin-right: 15px !important; } .mb-md-15 { margin-bottom: 15px !important; } .ml-md-15 { margin-left: 15px !important; } .mx-md-15 { margin-right: 15px !important; margin-left: 15px !important; } .my-md-15 { margin-top: 15px !important; margin-bottom: 15px !important; } .p-md-15 { padding: 15px !important; } .pt-md-15 { padding-top: 15px !important; } .pr-md-15 { padding-right: 15px !important; } .pb-md-15 { padding-bottom: 15px !important; } .pl-md-15 { padding-left: 15px !important; } .px-md-15 { padding-right: 15px !important; padding-left: 15px !important; } .py-md-15 { padding-top: 15px !important; padding-bottom: 15px !important; } .m-md-20 { margin: 20px !important; } .mt-md-20 { margin-top: 20px !important; } .mr-md-20 { margin-right: 20px !important; } .mb-md-20 { margin-bottom: 20px !important; } .ml-md-20 { margin-left: 20px !important; } .mx-md-20 { margin-right: 20px !important; margin-left: 20px !important; } .my-md-20 { margin-top: 20px !important; margin-bottom: 20px !important; } .p-md-20 { padding: 20px !important; } .pt-md-20 { padding-top: 20px !important; } .pr-md-20 { padding-right: 20px !important; } .pb-md-20 { padding-bottom: 20px !important; } .pl-md-20 { padding-left: 20px !important; } .px-md-20 { padding-right: 20px !important; padding-left: 20px !important; } .py-md-20 { padding-top: 20px !important; padding-bottom: 20px !important; } .m-md-25 { margin: 25px !important; } .mt-md-25 { margin-top: 25px !important; } .mr-md-25 { margin-right: 25px !important; } .mb-md-25 { margin-bottom: 25px !important; } .ml-md-25 { margin-left: 25px !important; } .mx-md-25 { margin-right: 25px !important; margin-left: 25px !important; } .my-md-25 { margin-top: 25px !important; margin-bottom: 25px !important; } .p-md-25 { padding: 25px !important; } .pt-md-25 { padding-top: 25px !important; } .pr-md-25 { padding-right: 25px !important; } .pb-md-25 { padding-bottom: 25px !important; } .pl-md-25 { padding-left: 25px !important; } .px-md-25 { padding-right: 25px !important; padding-left: 25px !important; } .py-md-25 { padding-top: 25px !important; padding-bottom: 25px !important; } .m-md-30 { margin: 30px !important; } .mt-md-30 { margin-top: 30px !important; } .mr-md-30 { margin-right: 30px !important; } .mb-md-30 { margin-bottom: 30px !important; } .ml-md-30 { margin-left: 30px !important; } .mx-md-30 { margin-right: 30px !important; margin-left: 30px !important; } .my-md-30 { margin-top: 30px !important; margin-bottom: 30px !important; } .p-md-30 { padding: 30px !important; } .pt-md-30 { padding-top: 30px !important; } .pr-md-30 { padding-right: 30px !important; } .pb-md-30 { padding-bottom: 30px !important; } .pl-md-30 { padding-left: 30px !important; } .px-md-30 { padding-right: 30px !important; padding-left: 30px !important; } .py-md-30 { padding-top: 30px !important; padding-bottom: 30px !important; } .m-md-35 { margin: 35px !important; } .mt-md-35 { margin-top: 35px !important; } .mr-md-35 { margin-right: 35px !important; } .mb-md-35 { margin-bottom: 35px !important; } .ml-md-35 { margin-left: 35px !important; } .mx-md-35 { margin-right: 35px !important; margin-left: 35px !important; } .my-md-35 { margin-top: 35px !important; margin-bottom: 35px !important; } .p-md-35 { padding: 35px !important; } .pt-md-35 { padding-top: 35px !important; } .pr-md-35 { padding-right: 35px !important; } .pb-md-35 { padding-bottom: 35px !important; } .pl-md-35 { padding-left: 35px !important; } .px-md-35 { padding-right: 35px !important; padding-left: 35px !important; } .py-md-35 { padding-top: 35px !important; padding-bottom: 35px !important; } .m-md-40 { margin: 40px !important; } .mt-md-40 { margin-top: 40px !important; } .mr-md-40 { margin-right: 40px !important; } .mb-md-40 { margin-bottom: 40px !important; } .ml-md-40 { margin-left: 40px !important; } .mx-md-40 { margin-right: 40px !important; margin-left: 40px !important; } .my-md-40 { margin-top: 40px !important; margin-bottom: 40px !important; } .p-md-40 { padding: 40px !important; } .pt-md-40 { padding-top: 40px !important; } .pr-md-40 { padding-right: 40px !important; } .pb-md-40 { padding-bottom: 40px !important; } .pl-md-40 { padding-left: 40px !important; } .px-md-40 { padding-right: 40px !important; padding-left: 40px !important; } .py-md-40 { padding-top: 40px !important; padding-bottom: 40px !important; } .m-md-45 { margin: 45px !important; } .mt-md-45 { margin-top: 45px !important; } .mr-md-45 { margin-right: 45px !important; } .mb-md-45 { margin-bottom: 45px !important; } .ml-md-45 { margin-left: 45px !important; } .mx-md-45 { margin-right: 45px !important; margin-left: 45px !important; } .my-md-45 { margin-top: 45px !important; margin-bottom: 45px !important; } .p-md-45 { padding: 45px !important; } .pt-md-45 { padding-top: 45px !important; } .pr-md-45 { padding-right: 45px !important; } .pb-md-45 { padding-bottom: 45px !important; } .pl-md-45 { padding-left: 45px !important; } .px-md-45 { padding-right: 45px !important; padding-left: 45px !important; } .py-md-45 { padding-top: 45px !important; padding-bottom: 45px !important; } .m-md-50 { margin: 50px !important; } .mt-md-50 { margin-top: 50px !important; } .mr-md-50 { margin-right: 50px !important; } .mb-md-50 { margin-bottom: 50px !important; } .ml-md-50 { margin-left: 50px !important; } .mx-md-50 { margin-right: 50px !important; margin-left: 50px !important; } .my-md-50 { margin-top: 50px !important; margin-bottom: 50px !important; } .p-md-50 { padding: 50px !important; } .pt-md-50 { padding-top: 50px !important; } .pr-md-50 { padding-right: 50px !important; } .pb-md-50 { padding-bottom: 50px !important; } .pl-md-50 { padding-left: 50px !important; } .px-md-50 { padding-right: 50px !important; padding-left: 50px !important; } .py-md-50 { padding-top: 50px !important; padding-bottom: 50px !important; } .m-md-55 { margin: 55px !important; } .mt-md-55 { margin-top: 55px !important; } .mr-md-55 { margin-right: 55px !important; } .mb-md-55 { margin-bottom: 55px !important; } .ml-md-55 { margin-left: 55px !important; } .mx-md-55 { margin-right: 55px !important; margin-left: 55px !important; } .my-md-55 { margin-top: 55px !important; margin-bottom: 55px !important; } .p-md-55 { padding: 55px !important; } .pt-md-55 { padding-top: 55px !important; } .pr-md-55 { padding-right: 55px !important; } .pb-md-55 { padding-bottom: 55px !important; } .pl-md-55 { padding-left: 55px !important; } .px-md-55 { padding-right: 55px !important; padding-left: 55px !important; } .py-md-55 { padding-top: 55px !important; padding-bottom: 55px !important; } .m-md-60 { margin: 60px !important; } .mt-md-60 { margin-top: 60px !important; } .mr-md-60 { margin-right: 60px !important; } .mb-md-60 { margin-bottom: 60px !important; } .ml-md-60 { margin-left: 60px !important; } .mx-md-60 { margin-right: 60px !important; margin-left: 60px !important; } .my-md-60 { margin-top: 60px !important; margin-bottom: 60px !important; } .p-md-60 { padding: 60px !important; } .pt-md-60 { padding-top: 60px !important; } .pr-md-60 { padding-right: 60px !important; } .pb-md-60 { padding-bottom: 60px !important; } .pl-md-60 { padding-left: 60px !important; } .px-md-60 { padding-right: 60px !important; padding-left: 60px !important; } .py-md-60 { padding-top: 60px !important; padding-bottom: 60px !important; } } @media (min-width: 782px) { .m-wp-md-0 { margin: 0 !important; } .mt-wp-md-0 { margin-top: 0 !important; } .mr-wp-md-0 { margin-right: 0 !important; } .mb-wp-md-0 { margin-bottom: 0 !important; } .ml-wp-md-0 { margin-left: 0 !important; } .mx-wp-md-0 { margin-right: 0 !important; margin-left: 0 !important; } .my-wp-md-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .p-wp-md-0 { padding: 0 !important; } .pt-wp-md-0 { padding-top: 0 !important; } .pr-wp-md-0 { padding-right: 0 !important; } .pb-wp-md-0 { padding-bottom: 0 !important; } .pl-wp-md-0 { padding-left: 0 !important; } .px-wp-md-0 { padding-right: 0 !important; padding-left: 0 !important; } .py-wp-md-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .m-wp-md-5 { margin: 5px !important; } .mt-wp-md-5 { margin-top: 5px !important; } .mr-wp-md-5 { margin-right: 5px !important; } .mb-wp-md-5 { margin-bottom: 5px !important; } .ml-wp-md-5 { margin-left: 5px !important; } .mx-wp-md-5 { margin-right: 5px !important; margin-left: 5px !important; } .my-wp-md-5 { margin-top: 5px !important; margin-bottom: 5px !important; } .p-wp-md-5 { padding: 5px !important; } .pt-wp-md-5 { padding-top: 5px !important; } .pr-wp-md-5 { padding-right: 5px !important; } .pb-wp-md-5 { padding-bottom: 5px !important; } .pl-wp-md-5 { padding-left: 5px !important; } .px-wp-md-5 { padding-right: 5px !important; padding-left: 5px !important; } .py-wp-md-5 { padding-top: 5px !important; padding-bottom: 5px !important; } .m-wp-md-10 { margin: 10px !important; } .mt-wp-md-10 { margin-top: 10px !important; } .mr-wp-md-10 { margin-right: 10px !important; } .mb-wp-md-10 { margin-bottom: 10px !important; } .ml-wp-md-10 { margin-left: 10px !important; } .mx-wp-md-10 { margin-right: 10px !important; margin-left: 10px !important; } .my-wp-md-10 { margin-top: 10px !important; margin-bottom: 10px !important; } .p-wp-md-10 { padding: 10px !important; } .pt-wp-md-10 { padding-top: 10px !important; } .pr-wp-md-10 { padding-right: 10px !important; } .pb-wp-md-10 { padding-bottom: 10px !important; } .pl-wp-md-10 { padding-left: 10px !important; } .px-wp-md-10 { padding-right: 10px !important; padding-left: 10px !important; } .py-wp-md-10 { padding-top: 10px !important; padding-bottom: 10px !important; } .m-wp-md-15 { margin: 15px !important; } .mt-wp-md-15 { margin-top: 15px !important; } .mr-wp-md-15 { margin-right: 15px !important; } .mb-wp-md-15 { margin-bottom: 15px !important; } .ml-wp-md-15 { margin-left: 15px !important; } .mx-wp-md-15 { margin-right: 15px !important; margin-left: 15px !important; } .my-wp-md-15 { margin-top: 15px !important; margin-bottom: 15px !important; } .p-wp-md-15 { padding: 15px !important; } .pt-wp-md-15 { padding-top: 15px !important; } .pr-wp-md-15 { padding-right: 15px !important; } .pb-wp-md-15 { padding-bottom: 15px !important; } .pl-wp-md-15 { padding-left: 15px !important; } .px-wp-md-15 { padding-right: 15px !important; padding-left: 15px !important; } .py-wp-md-15 { padding-top: 15px !important; padding-bottom: 15px !important; } .m-wp-md-20 { margin: 20px !important; } .mt-wp-md-20 { margin-top: 20px !important; } .mr-wp-md-20 { margin-right: 20px !important; } .mb-wp-md-20 { margin-bottom: 20px !important; } .ml-wp-md-20 { margin-left: 20px !important; } .mx-wp-md-20 { margin-right: 20px !important; margin-left: 20px !important; } .my-wp-md-20 { margin-top: 20px !important; margin-bottom: 20px !important; } .p-wp-md-20 { padding: 20px !important; } .pt-wp-md-20 { padding-top: 20px !important; } .pr-wp-md-20 { padding-right: 20px !important; } .pb-wp-md-20 { padding-bottom: 20px !important; } .pl-wp-md-20 { padding-left: 20px !important; } .px-wp-md-20 { padding-right: 20px !important; padding-left: 20px !important; } .py-wp-md-20 { padding-top: 20px !important; padding-bottom: 20px !important; } .m-wp-md-25 { margin: 25px !important; } .mt-wp-md-25 { margin-top: 25px !important; } .mr-wp-md-25 { margin-right: 25px !important; } .mb-wp-md-25 { margin-bottom: 25px !important; } .ml-wp-md-25 { margin-left: 25px !important; } .mx-wp-md-25 { margin-right: 25px !important; margin-left: 25px !important; } .my-wp-md-25 { margin-top: 25px !important; margin-bottom: 25px !important; } .p-wp-md-25 { padding: 25px !important; } .pt-wp-md-25 { padding-top: 25px !important; } .pr-wp-md-25 { padding-right: 25px !important; } .pb-wp-md-25 { padding-bottom: 25px !important; } .pl-wp-md-25 { padding-left: 25px !important; } .px-wp-md-25 { padding-right: 25px !important; padding-left: 25px !important; } .py-wp-md-25 { padding-top: 25px !important; padding-bottom: 25px !important; } .m-wp-md-30 { margin: 30px !important; } .mt-wp-md-30 { margin-top: 30px !important; } .mr-wp-md-30 { margin-right: 30px !important; } .mb-wp-md-30 { margin-bottom: 30px !important; } .ml-wp-md-30 { margin-left: 30px !important; } .mx-wp-md-30 { margin-right: 30px !important; margin-left: 30px !important; } .my-wp-md-30 { margin-top: 30px !important; margin-bottom: 30px !important; } .p-wp-md-30 { padding: 30px !important; } .pt-wp-md-30 { padding-top: 30px !important; } .pr-wp-md-30 { padding-right: 30px !important; } .pb-wp-md-30 { padding-bottom: 30px !important; } .pl-wp-md-30 { padding-left: 30px !important; } .px-wp-md-30 { padding-right: 30px !important; padding-left: 30px !important; } .py-wp-md-30 { padding-top: 30px !important; padding-bottom: 30px !important; } .m-wp-md-35 { margin: 35px !important; } .mt-wp-md-35 { margin-top: 35px !important; } .mr-wp-md-35 { margin-right: 35px !important; } .mb-wp-md-35 { margin-bottom: 35px !important; } .ml-wp-md-35 { margin-left: 35px !important; } .mx-wp-md-35 { margin-right: 35px !important; margin-left: 35px !important; } .my-wp-md-35 { margin-top: 35px !important; margin-bottom: 35px !important; } .p-wp-md-35 { padding: 35px !important; } .pt-wp-md-35 { padding-top: 35px !important; } .pr-wp-md-35 { padding-right: 35px !important; } .pb-wp-md-35 { padding-bottom: 35px !important; } .pl-wp-md-35 { padding-left: 35px !important; } .px-wp-md-35 { padding-right: 35px !important; padding-left: 35px !important; } .py-wp-md-35 { padding-top: 35px !important; padding-bottom: 35px !important; } .m-wp-md-40 { margin: 40px !important; } .mt-wp-md-40 { margin-top: 40px !important; } .mr-wp-md-40 { margin-right: 40px !important; } .mb-wp-md-40 { margin-bottom: 40px !important; } .ml-wp-md-40 { margin-left: 40px !important; } .mx-wp-md-40 { margin-right: 40px !important; margin-left: 40px !important; } .my-wp-md-40 { margin-top: 40px !important; margin-bottom: 40px !important; } .p-wp-md-40 { padding: 40px !important; } .pt-wp-md-40 { padding-top: 40px !important; } .pr-wp-md-40 { padding-right: 40px !important; } .pb-wp-md-40 { padding-bottom: 40px !important; } .pl-wp-md-40 { padding-left: 40px !important; } .px-wp-md-40 { padding-right: 40px !important; padding-left: 40px !important; } .py-wp-md-40 { padding-top: 40px !important; padding-bottom: 40px !important; } .m-wp-md-45 { margin: 45px !important; } .mt-wp-md-45 { margin-top: 45px !important; } .mr-wp-md-45 { margin-right: 45px !important; } .mb-wp-md-45 { margin-bottom: 45px !important; } .ml-wp-md-45 { margin-left: 45px !important; } .mx-wp-md-45 { margin-right: 45px !important; margin-left: 45px !important; } .my-wp-md-45 { margin-top: 45px !important; margin-bottom: 45px !important; } .p-wp-md-45 { padding: 45px !important; } .pt-wp-md-45 { padding-top: 45px !important; } .pr-wp-md-45 { padding-right: 45px !important; } .pb-wp-md-45 { padding-bottom: 45px !important; } .pl-wp-md-45 { padding-left: 45px !important; } .px-wp-md-45 { padding-right: 45px !important; padding-left: 45px !important; } .py-wp-md-45 { padding-top: 45px !important; padding-bottom: 45px !important; } .m-wp-md-50 { margin: 50px !important; } .mt-wp-md-50 { margin-top: 50px !important; } .mr-wp-md-50 { margin-right: 50px !important; } .mb-wp-md-50 { margin-bottom: 50px !important; } .ml-wp-md-50 { margin-left: 50px !important; } .mx-wp-md-50 { margin-right: 50px !important; margin-left: 50px !important; } .my-wp-md-50 { margin-top: 50px !important; margin-bottom: 50px !important; } .p-wp-md-50 { padding: 50px !important; } .pt-wp-md-50 { padding-top: 50px !important; } .pr-wp-md-50 { padding-right: 50px !important; } .pb-wp-md-50 { padding-bottom: 50px !important; } .pl-wp-md-50 { padding-left: 50px !important; } .px-wp-md-50 { padding-right: 50px !important; padding-left: 50px !important; } .py-wp-md-50 { padding-top: 50px !important; padding-bottom: 50px !important; } .m-wp-md-55 { margin: 55px !important; } .mt-wp-md-55 { margin-top: 55px !important; } .mr-wp-md-55 { margin-right: 55px !important; } .mb-wp-md-55 { margin-bottom: 55px !important; } .ml-wp-md-55 { margin-left: 55px !important; } .mx-wp-md-55 { margin-right: 55px !important; margin-left: 55px !important; } .my-wp-md-55 { margin-top: 55px !important; margin-bottom: 55px !important; } .p-wp-md-55 { padding: 55px !important; } .pt-wp-md-55 { padding-top: 55px !important; } .pr-wp-md-55 { padding-right: 55px !important; } .pb-wp-md-55 { padding-bottom: 55px !important; } .pl-wp-md-55 { padding-left: 55px !important; } .px-wp-md-55 { padding-right: 55px !important; padding-left: 55px !important; } .py-wp-md-55 { padding-top: 55px !important; padding-bottom: 55px !important; } .m-wp-md-60 { margin: 60px !important; } .mt-wp-md-60 { margin-top: 60px !important; } .mr-wp-md-60 { margin-right: 60px !important; } .mb-wp-md-60 { margin-bottom: 60px !important; } .ml-wp-md-60 { margin-left: 60px !important; } .mx-wp-md-60 { margin-right: 60px !important; margin-left: 60px !important; } .my-wp-md-60 { margin-top: 60px !important; margin-bottom: 60px !important; } .p-wp-md-60 { padding: 60px !important; } .pt-wp-md-60 { padding-top: 60px !important; } .pr-wp-md-60 { padding-right: 60px !important; } .pb-wp-md-60 { padding-bottom: 60px !important; } .pl-wp-md-60 { padding-left: 60px !important; } .px-wp-md-60 { padding-right: 60px !important; padding-left: 60px !important; } .py-wp-md-60 { padding-top: 60px !important; padding-bottom: 60px !important; } } .lh-1 { line-height: 1 !important; } .lh-xs { line-height: 1.25 !important; } .lh-sm { line-height: 1.4 !important; } .lh-base { line-height: inherit !important; } .lh-lg { line-height: 2 !important; } .ls-0 { letter-spacing: 0 !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-none { display: none !important; } @media (min-width: 601px) { .d-wp-sm-none { display: none !important; } } .d-wp-sm-block { display: none !important; } @media (min-width: 601px) { .d-wp-sm-block { display: inherit !important; } } @media (min-width: 768px) { .d-md-none { display: none !important; } } .d-md-block { display: none !important; } @media (min-width: 768px) { .d-md-block { display: inherit !important; } } @media (min-width: 782px) { .d-wp-md-none { display: none !important; } } .d-wp-md-block { display: none !important; } @media (min-width: 782px) { .d-wp-md-block { display: inherit !important; } } .notfound { display: flex; max-width: 900px; min-height: 300px; align-items: center; } @media (min-width: 768px) { .notfound { justify-content: center; margin: 50px auto; text-align: center; } } .notfound .title { font-size: 2.2rem; font-weight: 700; line-height: 1.4; color: var(--txt-color); } @media (min-width: 768px) { .notfound .title { font-size: 2.4rem; } } @media (min-width: 992px) { .notfound .title { font-size: 3.5rem; } } .notfound .desc { margin: 0.2em 0 0; font-weight: 700; } @media (min-width: 768px) { .notfound .desc { font-size: 1.8rem; } } .notfound .text { margin: 1.5em 0 0; } .footer { overflow: hidden; background-color: var(--footbg-color); color: var(--foottxt-color); } .footer .blockTitle { margin: 0; padding: 0; border: none; color: var(--foottxt-color); text-align: left; } :where(.footer) a { color: var(--foottxt-color); } @media (hover: hover) { :where(.footer) a:hover { color: var(--link-color); } } .container-copyright .copyright { padding-top: 0.8em; padding-bottom: 0.8em; background-color: var(--key-color); color: #fff; font-size: 1.4rem; font-style: normal; text-align: center; } .container-footer-area { margin-top: var(--widget--main--block--mrg); margin-bottom: var(--widget--main--block--mrg); } @media (min-width: 992px) { .container-footer-area { display: grid; column-gap: 40px; grid-template-columns: repeat(3, 1fr); } } .container-footer-area .col { margin: var(--widget--block--mrg) 0; } .container-footer-area .col:first-child { margin-top: 0; } .container-footer-area .col:last-child { margin-bottom: 0; } @media (min-width: 992px) { .container-footer-area .col { margin: 0; } } .siteNavList--footer { padding-top: 1.3rem; padding-bottom: 1.3rem; } @media (min-width: 768px) { .siteNavList--footer .siteNavList { display: flex; flex-wrap: wrap; gap: 10px 40px; width: fit-content; margin: auto; } } .siteNavList--footer .siteNavList > .menu-item > a { padding-right: 0; padding-left: 0; } .siteNavList--footer .siteNavList > .menu-item > a > .menu-item-title { display: flex; align-items: center; } .siteNavList--footer .siteNavList > .menu-item > a > .menu-item-description { font-size: 1.1rem; } @media (min-width: 768px) { .siteNavList--footer .siteNavList > .menu-item > a { border-top: none; } } .siteNavList--footer .siteNavList i, .siteNavList--footer .siteNavList svg { margin-right: 5px; line-height: inherit; } .siteNavList--footer .sub-menu { font-size: 1.4rem; } .siteNavList--footer .sub-menu a > .menu-item-title { display: flex; align-items: center; } .siteNavList--footer .sub-menu a > .menu-item-description { font-size: 1.1rem; } @media (min-width: 768px) { .siteNavList--footer:has(.sub-menu) .siteNavList > .menu-item > a { font-weight: 700; } } @media (min-width: 768px) { .siteNavList--footer:not(:has(.sub-menu)) .siteNavList > .menu-item > a { padding: 0; } } @media (min-width: 768px) { .container-footer-area + .container-siteNavList .siteNavList--footer { border-top: 1px solid rgba(var(--foottxt-color--rgb), 0.2); } } @media (max-width: 767.98px) { .container-footer-area + .container-siteNavList .siteNavList > .menu-item:first-child > a { padding-top: calc(var(--widget--list--pad--y) + 1.3rem); border-top: 1px solid rgba(var(--foottxt-color--rgb), 0.2); } } .pagetop { position: fixed; z-index: 999; right: 20px; bottom: 20px; opacity: 0; } @media (min-width: 992px) { .pagetop { right: 20px; bottom: 20px; } } .pagetop a { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; background-color: rgba(var(--top_transition_button_bg-color--rgb), 0.8); border-radius: var(--top-transition-button-shape); color: var(--top_transition_button-color); font-size: 2rem; } @media (min-width: 992px) { .pagetop a { width: 50px; height: 50px; } } @media (hover: hover) { .pagetop a:hover { background-color: var(--top_transition_button_bg-color); color: var(--top_transition_button-color); } } .btn-primary { border-color: var(--key-color); background: var(--key-color); } .btn-primary:hover { border-color: var(--key-color); background: var(--key-color); color: #fff; } .btn-lg { padding: 1.2rem 4rem; font-size: 1.5rem; } .grecaptcha-badge { bottom: 80px !important; } @media (max-width: 991.98px) { .wpcf7 input[type="email"], .wpcf7 input[type="password"], .wpcf7 input[type="text"], .wpcf7 textarea { width: 100%; } } div.easyLink-box div.easyLink-img { min-width: initial; min-height: initial; }.wp-block-image img {width: 1200px;}