/* =============================================================================
* legacy-swell-blocks.css
* -----------------------------------------------------------------------------
* Swell テーマから本文表示に必要な CSS を抜粋して取り込んだもの。
* Swell テーマを無効化しても既存記事の見た目を維持するのが目的。
*
* 取り込み方針:
* 1. blocks.css 全量 (Swell 独自 block スタイル / conflict 可能性小)
* 2. main.css 全量 (ただし html/body/.post_content 基本 typography を
* Python CSS パーサで除外 → 本テーマの typography.styl と衝突回避)
* 3. :root に Default_Settings.php ベースの CSS 変数を静的注入
* 4. PHP 実行時動的 CSS (.red_ / .is-style-btn_* / .mark_*) を静的再現
*
* 注意:
* - icomoon フォントは未同梱 → content:"\eXXX" のアイコンは未表示
* - 本番 DB の swell_editor オプションで色設定を変更している場合は
* 動的 CSS ブロックを再生成する必要あり
* ============================================================================= */
:root {
/* ---- Core site colors ---- */
--color_main: #04384c;
--color_text: #333;
--color_link: #1176d4;
--color_bg: #fdfdfd;
--color_htag: #04384c;
--color_gradient1: #d8ffff;
--color_gradient2: #87e7ff;
--color_content_bg: #fff;
--color_main_thin: rgba(4, 56, 76, 0.05);
--color_main_dark: #022a39;
/* ---- Border / table ---- */
--color_border--table: #dcdcdc;
--table-border: 1px solid var(--color_border--table);
/* ---- Header / Footer ---- */
--color_header_bg: #fff;
--color_header_text: #333;
--color_footer_bg: #222;
--color_footer_text: #fff;
/* ---- Lists ---- */
--color_list_dot: var(--color_main);
--color_list_check: var(--color_main);
--color_list_num: var(--color_main);
--color_list_good: #86dd7b;
--color_list_triangle: #f4e03a;
--color_list_bad: #f36060;
/* ---- FAQ ---- */
--color_faq_q: #d55656;
--color_faq_a: #6599b7;
/* ---- Caption (cap_box) ---- */
--color_cap_01: #f59b5f;
--color_cap_01_light: #fff8eb;
--color_cap_02: #5fb9f5;
--color_cap_02_light: #edf5ff;
--color_cap_03: #2fcd90;
--color_cap_03_light: #eafaf2;
/* ---- Deep / Pale palette ---- */
--color_deep01: #e44141;
--color_deep02: #3d79d5;
--color_deep03: #63a84d;
--color_deep04: #f09f4d;
--color_pale01: #fff2f0;
--color_pale02: #f3f8fd;
--color_pale03: #f1f9ee;
--color_pale04: #fdf9ee;
/* ---- Markers ---- */
--color_mark_blue: #b7e3ff;
--color_mark_green: #bdf9c3;
--color_mark_yellow: #fcf69f;
--color_mark_orange: #ffddbc;
/* ---- Balloon (speech) ---- */
--color_bln_gray: #f7f7f7;
--color_bln_gray_border: #ccc;
--color_bln_green: #d1f8c2;
--color_bln_green_border: #9ddd93;
--color_bln_blue: #e2f6ff;
--color_bln_blue_border: #93d2f0;
--color_bln_red: #ffebeb;
--color_bln_red_border: #f48789;
--color_bln_yellow: #f9f7d2;
--color_bln_yellow_border: #fbe593;
/* ---- Icon box colors ---- */
--color_icon_good: #3cd250;
--color_icon_good_bg: #ecffe9;
--color_icon_bad: #4b73eb;
--color_icon_bad_bg: #eafaff;
--color_icon_info: #f578b4;
--color_icon_info_bg: #fff0fa;
--color_icon_announce: #ffa537;
--color_icon_announce_bg: #fff5f0;
--color_icon_pen: #7a7a7a;
--color_icon_pen_bg: #f7f7f7;
--color_icon_book: #787364;
--color_icon_book_bg: #f8f6ef;
--color_icon_point: #ffa639;
--color_icon_check: #86d67c;
--color_icon_batsu: #f36060;
--color_icon_hatena: #5295cc;
--color_icon_caution: #f7da38;
--color_icon_memo: #84878a;
/* ---- Border shorthand tokens ---- */
--border01: solid 1px var(--color_main);
--border02: double 4px var(--color_main);
--border03: dashed 2px var(--color_border);
--border04: solid 4px var(--color_gray);
/* ---- Button palette ---- */
--swl--btn-color--red: #f74a4a;
--swl--btn-color2--red: #ffbc49;
--swl--btn-color--blue: #338df4;
--swl--btn-color2--blue: #35eaff;
--swl--btn-color--green: #62d847;
--swl--btn-color2--green: #7bf7bd;
/* ---- Typography ---- */
--swl-fz--content: 16px;
--swl-letter_spacing: normal;
--swl-font_family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
"Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN",
"Noto Sans JP", Meiryo, sans-serif;
--swl-font_weight: 400;
/* ---- Layout ---- */
--container_size: 1200px;
--article_size: 780px;
/* ---- Thumb ratios ---- */
--big_posts_thumb_ratio: 56.25%;
--list_posts_thumb_ratio: 56.25%;
--card_posts_thumb_ratio: 56.25%;
--thumb_posts_thumb_ratio: 56.25%;
--blogcard_thumb_ratio: 56.25%;
/* ---- Logo ---- */
--logo_size_sp: 32px;
--logo_size_pc: 40px;
--logo_size_pcfix: 32px;
/* ---- MV ---- */
--mv_btn_radius: 4px;
--mv_slide_animation: slide;
/* ---- Review ---- */
--color-review_star: #ffb400;
/* ---- Admin bar ---- */
--swl-adminbarH: 0px;
--swl-fix_headerH: 0px;
--swl-scrollbar_width: 0px;
/* ---- Radius ---- */
--swl-radius--2: 2px;
--swl-radius--4: 4px;
--swl-radius--8: 8px;
--swl-faq_icon_radius: 50%;
}
.SinglePost__Content {
/* =============================================================================
* Swell runtime-injected CSS variables (reproduced from Default_Settings.php)
* ============================================================================= */
/* =============================================================================
* blocks.css (full)
* ============================================================================= */
.calendar_wrap,
.wp-block-calendar {
margin-inline: auto;
max-width: 480px;
width: 100%;
}
.wp-calendar-table.wp-calendar-table {
background: #fff;
border: 1px solid var(--color_border);
color: #333;
padding: 24px;
text-align: center;
width: 100%;
}
.wp-calendar-table caption {
background: none;
line-height: 1.5;
opacity: 1;
padding: 0.25em;
}
.wp-calendar-table thead th {
background-color: var(--color_gray);
border: none;
color: inherit !important;
font-weight: 700 !important;
}
.wp-calendar-table tbody td,
.wp-calendar-table thead th {
line-height: 2.5;
padding: 0;
text-align: center;
}
.wp-calendar-table tbody td {
border-color: var(--color_border);
font-family: arial, sans-serif;
}
.wp-calendar-table tbody a {
display: block;
font-weight: 700;
line-height: inherit;
text-decoration: underline;
}
.wp-calendar-table #today {
background: var(--color_main);
color: #fff;
}
.wp-calendar-table .pad {
background: none;
}
.wp-calendar-nav {
display: flex;
justify-content: space-between;
margin-top: 8px;
}
.wp-calendar-nav a {
color: inherit;
}
.widget_categories > ul > .cat-item > a:before,
.wp-block-categories-list > li > a:before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: inherit;
content: "\e92f";
display: inline-block;
font-family: icomoon !important;
left: 0.4em;
line-height: 1;
opacity: 0.85;
position: absolute;
top: 50%;
-webkit-transform: scale(0.8) translateX(1px) translateY(-50%);
transform: scale(0.8) translateX(1px) translateY(-50%);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
.wp-block-categories-list .children {
list-style: none;
padding-left: 0;
}
.wp-block-columns {
--wp-column-gap: 1.5em;
gap: var(--wp-column-gap) !important;
line-height: 1.6;
}
.wp-block-columns .wp-block-column {
margin: 0 !important;
}
.border_gray > .wp-block-column {
border: 1px solid var(--color_border);
padding: 1.5em;
}
.border_main > .wp-block-column {
border: 1px solid var(--color_main);
padding: 1.5em;
}
.shadow_on > .wp-block-column {
background: #fff;
box-shadow: var(--swl-box_shadow);
color: #333;
padding: 1.5em;
}
.post_content .wp-block-embed {
max-width: 100%;
}
.post_content blockquote.wp-embedded-content {
display: none;
}
.post_content iframe.wp-embedded-content {
max-width: 100%;
position: relative !important;
}
.wp-block-embed-facebook,
.wp-block-embed-instagram,
.wp-block-embed-twitter {
max-width: 100%;
overflow: hidden;
text-align: center;
}
.wp-block-embed.aligncenter iframe {
display: block !important;
margin: 0 auto !important;
}
.wp-has-aspect-ratio {
position: relative;
}
.wp-has-aspect-ratio .wp-block-embed__wrapper {
position: relative;
width: 100%;
}
.wp-has-aspect-ratio .wp-block-embed__wrapper:before {
content: "";
display: block;
padding-top: 50%;
}
.wp-has-aspect-ratio iframe {
bottom: 0;
height: 100%;
left: 0;
position: absolute;
right: 0;
top: 0;
width: 100%;
}
.wp-embed-aspect-21-9 .wp-block-embed__wrapper:before {
padding-top: 42.85%;
}
.wp-embed-aspect-18-9 .wp-block-embed__wrapper:before {
padding-top: 50%;
}
.wp-embed-aspect-16-9 .wp-block-embed__wrapper:before {
padding-top: 56.25%;
}
.wp-embed-aspect-4-3 .wp-block-embed__wrapper:before {
padding-top: 75%;
}
.wp-embed-aspect-1-1 .wp-block-embed__wrapper:before {
padding-top: 100%;
}
.wp-embed-aspect-9-16 .wp-block-embed__wrapper:before {
padding-top: 177.78%;
}
.wp-embed-aspect-1-2 .wp-block-embed__wrapper:before {
padding-top: 200%;
}
.wp-block-file__button {
background: #32373c;
border-radius: 8px;
color: #fff;
font-size: inherit;
padding: 0.75em 1.5em;
}
.wp-block-file__button:before {
content: "\e914";
display: inline-block;
font-family: icomoon;
margin-right: 0.5em;
}
.wp-block-gallery {
--wp--style--gallery-gap-default: 1em;
display: flex;
flex-wrap: wrap;
}
.wp-block-gallery .blocks-gallery-grid {
padding: 0;
width: 100%;
}
.wp-block-gallery .blocks-gallery-item {
padding: 0;
}
.wp-block-gallery figure {
margin: 0;
}
.widget_recent_entries a,
.wp-block-latest-posts a {
text-decoration: none;
}
.wp-block-latest-posts li:after {
clear: both;
content: "";
display: block;
height: 0;
visibility: hidden;
}
.wp-block-latest-posts:not(.is-grid) {
border-top: 1px solid var(--color_border);
}
.wp-block-latest-posts:not(.is-grid) li {
border-bottom: 1px solid var(--color_border);
padding: 1em 0;
}
.widget_recent_entries li {
border-bottom: 1px solid var(--color_border);
margin: 0;
}
.widget_recent_entries a {
color: inherit;
display: block;
line-height: 1.4;
padding: 0.75em 0.5em;
}
.widget_recent_entries a:hover {
background-color: var(--swl-color_hov_gray);
}
.recent_entries_date {
display: block;
margin-top: 2px;
}
.wp-block-media-text {
--swl-mediatext--space: 1.5rem;
--swl-mediatext--gap: var(--swl-mediatext--space);
--swl-mediatext--offsetX: var(--swl-mediatext--space);
gap: var(--swl-mediatext--gap);
}
.wp-block-media-text .wp-block-media-text__content {
padding: 0;
}
.wp-block-media-text.alignfull {
--swl-mediatext--margin: var(--swl-mediatext--space);
}
.wp-block-media-text.alignfull:not(.has-media-on-the-right)
.wp-block-media-text__content {
margin-right: var(--swl-mediatext--offsetX);
}
.wp-block-media-text.alignfull.has-media-on-the-right
.wp-block-media-text__content {
margin-left: var(--swl-mediatext--offsetX);
}
.wp-block-media-text.has-background {
--swl-mediatext--gap: 0;
--swl-mediatext--offsetX: 0;
padding: 0;
}
.wp-block-media-text.has-background .wp-block-media-text__content {
padding: var(--swl-mediatext--space);
}
.wp-block-media-text__media img {
display: block;
}
.is-image-fill > .wp-block-media-text__content {
padding-bottom: var(--swl-mediatext--space);
padding-top: var(--swl-mediatext--space);
}
.is-vertically-aligned-top > .wp-block-media-text__content {
padding-top: var(--swl-mediatext--space);
}
.is-vertically-aligned-bottom > .wp-block-media-text__content {
padding-bottom: var(--swl-mediatext--space);
}
.is-style-card.wp-block-media-text {
--swl-mediatext--gap: 0;
--swl-mediatext--offsetX: 0;
background: #fff;
box-shadow: var(--swl-box_shadow);
color: #333;
}
.is-style-card > .wp-block-media-text__media {
height: 100%;
}
.is-style-card > .wp-block-media-text__media > img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.is-style-card > .wp-block-media-text__content {
padding: var(--swl-mediatext--space);
}
.is-style-broken.wp-block-media-text {
--ark-mediatext--gap: 0;
--swl-mediatext--lap: -4em;
}
.is-style-broken .wp-block-media-text__content {
z-index: 1;
}
.is-style-broken:not(.has-media-on-the-right) .wp-block-media-text__content {
margin-left: var(--swl-mediatext--lap);
}
.is-style-broken.has-media-on-the-right .wp-block-media-text__content {
margin-right: var(--swl-mediatext--lap);
}
.p-profileBox {
border: 1px solid var(--color_border);
border-radius: var(--swl-radius--4, 0);
padding: 4px;
}
.p-profileBox__bg {
background: #ccc;
border-radius: var(--swl-radius--2, 0);
height: 160px;
margin: 0;
overflow: hidden;
width: 100%;
}
.p-profileBox__bgImg {
display: block;
height: 160px;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
}
.p-profileBox__icon {
margin: 1em 0 0;
text-align: center;
}
.p-profileBox__iconImg {
background: #fdfdfd;
border: 4px solid #fdfdfd;
border-radius: 50%;
height: 120px;
-o-object-fit: cover;
object-fit: cover;
width: 120px;
}
.p-profileBox__bg + .p-profileBox__icon {
margin-top: -60px;
}
.p-profileBox__name {
padding-top: 0.5em;
text-align: center;
}
.p-profileBox__job {
font-size: 3.2vw;
padding: 0 1em;
text-align: center;
}
.p-profileBox__text {
font-size: 3.4vw;
padding: 1em;
}
.p-profileBox .p-profileBox__btn {
margin: 1.5em auto 0.5em;
}
.p-profileBox__btn .p-profileBox__btnLink {
color: #fff;
}
.p-profileBox__iconList {
padding: 0.5em 0 1em;
}
.p-profileBox__iconList .-feedly,
.p-profileBox__iconList .-rss {
display: none;
}
.wp-block-pullquote {
border-bottom: 3px solid #666;
border-top: 3px solid #666;
font-size: 1.2em;
padding: 1em 0;
text-align: center;
width: 100%;
}
.wp-block-pullquote.alignleft {
text-align: left;
}
.wp-block-pullquote.alignright {
text-align: right;
}
.wp-block-pullquote > blockquote {
background: none;
margin: 0;
padding: 1em;
}
.wp-block-pullquote > blockquote:after,
.wp-block-pullquote > blockquote:before {
content: none !important;
}
.wp-block-pullquote a {
text-decoration: underline;
}
.wp-block-search__label {
font-weight: 700;
}
.wp-block-search__button {
background: #f7f7f7;
border: none !important;
border-radius: 2px;
box-shadow:
0 0 1px #aaa,
inset 0 -1px 0 #ccc;
flex-shrink: 0;
font-size: 14px;
}
.wp-block-search .wp-block-search__input {
background: none;
}
.wp-block-search .wp-block-search__input,
.wp-block-search.wp-block-search__button-inside
.wp-block-search__inside-wrapper {
border: 1px solid var(--color_border);
}
.wp-block-search__button.has-icon {
align-items: center;
display: flex;
}
.wp-block-search__button-inside .wp-block-search__button {
background: none;
box-shadow: none;
}
.wp-block-search__button-only .wp-block-search__button {
padding: 0.5em;
}
.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
margin-left: auto;
margin-right: auto;
max-width: 100px;
}
.wp-block-social-links .wp-block-social-link {
margin: 4px !important;
}
.wp-block-social-links.is-style-logos-only .components-button,
.wp-block-social-links.is-style-logos-only .wp-block-social-link-anchor {
padding: 0;
}
.post_content .wp-block-social-links {
list-style: none;
padding: 0;
}
:where(.td_to_th_ tbody tr) > :first-child:not(.-no1) {
background-color: transparent;
color: var(--tbody-th-color--txt, inherit);
font-weight: 700;
position: relative;
z-index: 1;
}
:where(.td_to_th_ tbody tr) > :first-child:not(.-no1):before {
background-color: var(--tbody-th-color--bg, hsla(0, 0%, 59%, 0.05));
content: "";
inset: 0;
pointer-events: none;
position: absolute;
z-index: -1;
}
/* .wp-block-table > table {
--swl-cell1-width: unset;
}
.wp-block-table > table tr > :first-child:not(.-no1) {
max-width: var(--swl-cell1-width, auto);
min-width: var(--swl-cell1-width, var(--swl-minwidth-cell, 0)) !important;
width: var(--swl-cell1-width, auto);
} */
[data-cell1-fixed] table {
border-collapse: separate;
}
[data-cell1-fixed] tr > :first-child:not(.-no1) {
left: 0;
position: sticky !important;
top: 0;
z-index: 3;
}
:where(
[data-cell1-fixed] tbody,
[data-cell1-fixed] tfoot,
[data-cell1-fixed].is-style-simple thead
)
tr
> :first-child:not(.-no1) {
background-color: var(--color_content_bg, #fff) !important;
}
/* .wp-block-table[data-cell1-fixed] tbody th:first-child:not(.-no1) {
background-color: transparent;
position: relative;
}
.wp-block-table[data-cell1-fixed] tbody th:first-child:not(.-no1):before {
background-color: var(--tbody-th-color--bg, hsla(0, 0%, 59%, 0.05));
content: "";
inset: 0;
pointer-events: none;
position: absolute;
z-index: -1;
} */
.is-style-stripes[data-cell1-fixed] tbody tr:nth-child(odd) {
--color_content_bg: #f0f0f0;
}
tr:has(> [rowspan="3"]:first-child) + tr + tr > td:first-child,
tr:has(> [rowspan]:first-child) + tr > td:first-child {
--swl-cell1-width: auto;
color: inherit;
font-weight: revert;
position: relative !important;
z-index: 0;
}
tr:has(> [rowspan="3"]:first-child) + tr + tr > td:first-child:before,
tr:has(> [rowspan]:first-child) + tr > td:first-child:before {
content: none;
}
:root {
--color_border--table: #dcdcdc;
}
/* .wp-block-table {
--table-border: 1px solid var(--color_border--table);
}
.wp-block-table.aligncenter {
margin-left: auto;
margin-right: auto;
}
.wp-block-table td,
.wp-block-table th {
background-clip: padding-box;
border: var(--table-border);
min-width: var(--swl-minwidth-cell, 0) !important;
padding: 0.5em 0.75em;
position: relative;
vertical-align: top;
z-index: 0;
}
.wp-block-table tfoot,
.wp-block-table thead {
border: none;
}
.wp-block-table > table {
margin-bottom: 0;
}
.wp-block-table.is-all-centered--ta > table,
.wp-block-table.is-all-centered > table,
.wp-block-table.is-thead-centered thead {
text-align: center;
}
.wp-block-table.is-all-centered td,
.wp-block-table.is-all-centered th,
.wp-block-table.is-all-centered--va td,
.wp-block-table.is-all-centered--va th {
vertical-align: middle;
} */
.min_width10_ {
--swl-minwidth-cell: 80px;
}
.min_width20_ {
--swl-minwidth-cell: 160px;
}
.min_width30_ {
--swl-minwidth-cell: 240px;
}
.is-style-simple {
--tbody-th-color--bg: transparent;
--thead-color--txt: curentcolor;
--thead-color--bg: transparent;
}
.is-style-simple > table {
border-right: none !important;
box-shadow: none;
}
.is-style-simple td,
.is-style-simple th {
border-left: none;
border-right: none;
box-shadow: none;
}
.is-style-simple thead td,
.is-style-simple thead th {
border-bottom: 4px double var(--color_border--table);
}
.is-style-simple thead[style*="--thead-color--bg"] td,
.is-style-simple thead[style*="--thead-color--bg"] th {
border-bottom: none;
}
.is-style-stripes {
--tbody-th-color--bg: transparent;
}
.is-style-stripes tbody td,
.is-style-stripes tbody th {
border: none !important;
}
.is-style-stripes thead th {
border: none;
}
.is-style-stripes tbody tr:nth-child(2n) {
background-color: var(--color_content_bg, #fff);
}
.is-style-stripes .wp-element-caption {
margin-top: 0;
padding: 0.25em 0;
}
.is-style-double table {
border: 1px solid var(--color_border--table);
border-collapse: separate;
border-spacing: 2px;
}
[data-table-scrollable] table {
border-collapse: separate;
max-width: var(--table-width, 100%) !important;
min-width: 100%;
width: var(--table-width, 100%) !important;
}
[data-table-scrollable]:not(.is-style-double) table {
border-bottom: var(--table-border);
border-right: var(--table-border);
}
[data-table-scrollable]:not(.is-style-double) td,
[data-table-scrollable]:not(.is-style-double) th {
border-bottom: none;
border-right: none;
}
[data-table-scrollable="both"] {
display: block;
max-width: 100%;
overflow-x: scroll;
padding-bottom: 16px;
width: 100%;
}
/* .wp-block-table[data-theadfix] {
overflow: visible;
}
.wp-block-table[data-theadfix] table {
border-collapse: separate;
}
.wp-block-table[data-theadfix="both"] thead th {
position: sticky;
top: var(--swl-offset_y, 0);
z-index: 3;
} */
[data-table-scrollable]:not(.is-style-double) table,
[data-theadfix]:not(.is-style-double) table {
border-bottom: var(--table-border);
border-right: var(--table-border);
}
[data-table-scrollable]:not(.is-style-double) td,
[data-table-scrollable]:not(.is-style-double) th,
[data-theadfix]:not(.is-style-double) td,
[data-theadfix]:not(.is-style-double) th {
border-bottom: none;
border-right: none;
}
td[data-has-cell-icon*="-bg"],
th[data-has-cell-icon*="-bg"] {
text-shadow: var(--cell-text-shadow, 1px 1px 1px var(--color_content_bg));
}
td[data-has-cell-icon]:not([class*="has-text-align-"]),
th[data-has-cell-icon]:not([class*="has-text-align-"]) {
text-align: center;
vertical-align: middle;
}
td[data-has-cell-icon="l-bg"],
th[data-has-cell-icon="l-bg"] {
padding-bottom: 1.25em;
padding-top: 1.25em;
}
td[data-has-cell-icon="s-bg"],
th[data-has-cell-icon="s-bg"] {
padding: 1em;
}
td[data-text-color="black"],
th[data-text-color="black"] {
--cell-text-shadow: 1px 1px 1px rgba(#fff, 0.5);
}
td[data-text-color="white"],
th[data-text-color="white"] {
--cell-text-shadow: 1px 1px 1px rgba(#000, 0.15);
}
td .has-inline-color,
td .swl-inline-color,
th .has-inline-color,
th .swl-inline-color {
text-shadow: none;
}
td[data-text-color="black"] {
color: var(--swl-text_color--black);
}
td[data-text-color="white"] {
color: var(--swl-text_color--white);
}
th[data-text-color="black"] {
--thead-color--txt: var(--swl-text_color--black);
}
th[data-text-color="white"] {
--thead-color--txt: var(--swl-text_color--white);
}
.swl-cell-bg {
--cell-icon-size: 1.5em;
background-color: var(--the-cell-bg, unset);
display: inline-block;
line-height: 1;
position: static;
width: 0;
}
.swl-cell-bg:before {
background-color: inherit;
content: "";
display: block;
height: 100%;
left: 0;
pointer-events: none;
position: absolute;
text-align: center;
top: 0;
width: 100%;
z-index: -1;
}
.swl-cell-bg[data-icon]:after {
background-color: var(--cell-icon-color, currentColor);
content: "";
-webkit-mask-image: var(--cell-icon-svg, unset);
mask-image: var(--cell-icon-svg, unset);
-webkit-mask-position: center center;
mask-position: center center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
pointer-events: none;
}
.swl-cell-bg[data-icon-type="bg"]:after {
display: block;
height: 100%;
left: calc(50% - var(--cell-icon-size) / 2);
-webkit-mask-size: auto var(--cell-icon-size);
mask-size: auto var(--cell-icon-size);
position: absolute;
top: 0;
width: var(--cell-icon-size);
z-index: -1;
}
.swl-cell-bg[data-icon-type="obj"] {
display: inline-flex !important;
flex-direction: row-reverse;
font-family: Arial, Helvetica, sans-serif;
height: auto;
text-indent: -0.28em;
vertical-align: middle;
width: auto;
}
.swl-cell-bg[data-icon-type="obj"]:after {
display: inline-block;
height: var(--cell-icon-size);
position: relative;
width: var(--cell-icon-size);
z-index: 0;
}
.swl-cell-bg[data-icon-size="l"] {
--cell-icon-size: 2.5em;
}
.swl-cell-bg[data-icon-size="l"][data-icon-type="bg"]:after {
opacity: 0.75;
}
.swl-cell-bg[data-icon-size="s"] {
--cell-icon-size: 1em;
}
.swl-cell-bg[data-icon-size="s"][data-icon-type="bg"]:after {
height: var(--cell-icon-size);
left: auto;
right: 0.25em;
top: 0.25em;
}
.swl-cell-bg[data-icon="doubleCircle"] {
--cell-icon-svg: url('data:image/svg+xml;utf8,');
}
.swl-cell-bg[data-icon="circle"] {
--cell-icon-svg: url('data:image/svg+xml;utf8,');
}
.swl-cell-bg[data-icon="triangle"] {
--cell-icon-svg: url('data:image/svg+xml;utf8,');
}
.swl-cell-bg[data-icon="close"] {
--cell-icon-svg: url('data:image/svg+xml;utf8,');
}
.swl-cell-bg[data-icon="hatena"] {
--cell-icon-svg: url('data:image/svg+xml;utf8,');
}
.swl-cell-bg[data-icon="check"] {
--cell-icon-svg: url('data:image/svg+xml;utf8,');
}
.swl-cell-bg[data-icon="line"] {
--cell-icon-svg: url('data:image/svg+xml;utf8,');
}
.tagcloud,
.wp-block-tag-cloud {
align-items: center;
display: flex;
flex-wrap: wrap;
}
.is-style-outline.wp-block-tag-cloud .tag-cloud-link {
background: none;
}
.tag-cloud-link {
background: #f7f7f7;
border: none;
color: #333 !important;
display: block;
line-height: 1;
margin-bottom: 8px;
margin-right: 8px;
padding: 6px 8px !important;
position: relative;
text-decoration: none;
}
.widget_archive select,
.widget_categories select,
.wp-block-archives select,
.wp-block-categories select {
-webkit-appearance: none;
appearance: none;
background: #f7f7f7
url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23a0a5aa%22%2F%3E%3C%2Fsvg%3E)
no-repeat right 8px top 55%;
background-size: 1em 1em;
border: 1px solid var(--color_border);
border-radius: 5px;
border-radius: 2px;
display: block;
height: auto;
line-height: 32px;
padding: 4px 24px 4px 12px;
width: 100%;
}
.widget_archive select::-ms-expand,
.widget_categories select::-ms-expand,
.wp-block-archives select::-ms-expand,
.wp-block-categories select::-ms-expand {
display: none;
}
.widget_rss ul {
line-height: 1.5;
}
.widget_rss li {
border-bottom: 1px solid var(--color_border);
display: flex;
flex-wrap: wrap;
margin: 0;
padding: 0.75em 0.5em;
}
.widget_rss .rss-date,
.widget_rss .rssSummary,
.widget_rss cite {
font-size: 0.9em;
margin-top: 0.5em;
opacity: 0.8;
}
.widget_rss .rss-date,
.widget_rss cite {
margin-right: 0.5em;
order: 1;
}
.widget_rss .rssSummary,
.widget_rss li .rsswidget {
order: 0;
width: 100%;
}/* legacy-swell:chrome
* .c-widget__title .rsswidget {
* color: inherit;
* text-decoration: none;
* } */
.swell-block-accordion__item + .swell-block-accordion__item {
margin-top: 0.5em;
}
.swell-block-accordion__title {
align-items: center;
background: var(--color_gray);
cursor: pointer;
display: flex;
font-weight: 400;
justify-content: space-between;
padding: 1em;
position: relative;
}
.swell-block-accordion__title::-webkit-details-marker {
display: none;
}
.swell-block-accordion__title .swell-block-accordion__label {
flex: 1 1 auto;
font-size: inherit;
font-weight: inherit;
margin: 0;
padding: 0 1em 0 0;
word-break: break-all;
}
.swell-block-accordion__icon {
flex: 0 0 auto;
font-size: 1.25em;
text-align: right;
width: 1em;
}
.swell-block-accordion__body {
height: auto;
opacity: 1;
overflow: hidden;
padding: 1em;
transition:
padding 0.25s,
height 0.25s,
opacity 0.25s,
visibility 0.25s;
}
:not(.is-opened) > .swell-block-accordion__body {
height: 0 !important;
opacity: 0;
padding-bottom: 0 !important;
padding-top: 0 !important;
}
.swell-block-accordion.is-style-border .swell-block-accordion__title,
.swell-block-accordion.is-style-simple .swell-block-accordion__title {
background: none;
}
.swell-block-accordion.is-style-border .swell-block-accordion__body,
.swell-block-accordion.is-style-simple .swell-block-accordion__body {
border-top: 1px dashed var(--color_border);
margin: 0 0.5em;
padding: 1em 0.5em;
}
.is-style-border > .swell-block-accordion__item {
border: 1px solid var(--color_border);
}
.is-style-simple > .swell-block-accordion__item {
border-bottom: 1px solid var(--color_border);
margin-bottom: 0;
}
.is-style-simple > .swell-block-accordion__item:first-child {
border-top: 1px solid var(--color_border);
}
.is-style-simple
> .swell-block-accordion__item
+ .swell-block-accordion__item {
margin-top: 0;
}
.swell-block-accordion.is-style-main .swell-block-accordion__title {
background-color: var(--color_main);
color: #fff;
}
.swell-block-accordion.is-style-main .swell-block-accordion__body {
border: 1px solid var(--color_main);
border-top: none;
}
.c-switchIconBtn,
.c-switch_icon_btn {
display: block;
position: relative;
}
.c-switchIconBtn .__icon--closed,
.c-switchIconBtn .__icon--opened,
.c-switchIconBtn .__icon_closed,
.c-switchIconBtn .__icon_opened,
.c-switch_icon_btn .__icon--closed,
.c-switch_icon_btn .__icon--opened,
.c-switch_icon_btn .__icon_closed,
.c-switch_icon_btn .__icon_opened {
display: block;
font-size: inherit;
line-height: 1;
transition:
opacity 0.25s,
-webkit-transform 0.25s;
transition:
transform 0.25s,
opacity 0.25s;
transition:
transform 0.25s,
opacity 0.25s,
-webkit-transform 0.25s;
width: 100%;
}
.c-switchIconBtn .__icon--closed,
.c-switchIconBtn .__icon_closed,
.c-switch_icon_btn .__icon--closed,
.c-switch_icon_btn .__icon_closed {
-webkit-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
}
.c-switchIconBtn .__icon--opened,
.c-switchIconBtn .__icon_opened,
.c-switch_icon_btn .__icon--opened,
.c-switch_icon_btn .__icon_opened {
left: 0;
opacity: 0;
position: absolute;
top: 0;
-webkit-transform: scale(0.5) rotate(-180deg);
transform: scale(0.5) rotate(-180deg);
}
.c-switchIconBtn[data-opened="true"] > .__icon--closed,
.c-switchIconBtn[data-opened="true"] > .__icon_closed,
.c-switch_icon_btn[data-opened="true"] > .__icon--closed,
.c-switch_icon_btn[data-opened="true"] > .__icon_closed {
opacity: 0;
-webkit-transform: scale(0.5) rotate(180deg);
transform: scale(0.5) rotate(180deg);
}
.c-switchIconBtn[data-opened="true"] > .__icon--opened,
.c-switchIconBtn[data-opened="true"] > .__icon_opened,
.c-switch_icon_btn[data-opened="true"] > .__icon--opened,
.c-switch_icon_btn[data-opened="true"] > .__icon_opened {
opacity: 1;
-webkit-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
}
.p-adBox {
margin-left: auto;
margin-right: auto;
max-width: 800px;
}
.p-adBox.-border-on {
border: 1px solid var(--color_border);
padding: 1.5em;
}
.p-adBox.-border-on[data-ad="ranking"] {
padding-top: 0.5em;
}
.p-adBox__img {
text-align: center;
}
.p-adBox__img img {
display: block;
margin: 0 auto;
}
[data-ad="normal"] .p-adBox__img {
width: 100%;
}
.p-adBox__img a:hover {
opacity: 0.8;
}
.p-adBox__title {
background-position: left 60%;
background-repeat: no-repeat;
background-size: auto 1.75rem;
border-bottom: 1px solid var(--color_border);
font-size: 1.25rem;
font-weight: 700;
line-height: 1.5;
margin-bottom: 1em;
padding: 0.5rem 0;
}
.p-adBox__title:not(.-rank0) {
padding-left: 2.75rem;
padding-top: 1em;
}
.p-adBox__title.-rank1 {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAABqCAMAAABApGVwAAABCFBMVEUAAADyzE/yy07zzVXyy07zzFHzzVTzzljzzlX01GvzzFLzz1z22XzzzE/yy0711nPzzFDzzVPyy0722X311GvyzFHzzFDzzlfyy0722Xz00WLzz1nzzln00mPzzlj002j11nLzzlbyzE/002nzzlj002n00WL113f113X22n/11nP22Hv00F/yzVP22n/11W/12Hj00mT11nP002r00mP22X3z0WD00WP22X/22Hn113b00WH113fz0GDyy07zzlfyzFHyzVP00mTz0F7002f002r12Hr01XDzz1rz0WH11nP22X/113Xzz1v113f01G322oL01Gz22oH11nHz0GD12Hz12X312H3V26OcAAAAPnRSTlMAQIC/vxAgQIC/YIBAMO+/z6+PgBCfUN/fv7+/n4BwQIDvcO+PYFAwIO/vYDDvz8+vr5+PcBDv349Q335wz6ClR9EAAAYTSURBVGje7ZdpVxoxGIUzGyACCsouoGipu7XaxS7AOICyK27//580yQwTmGRIgjrth97jRznPue9N7jsB//XvyyhrmlY2QNA63mkgrYdAsDKykIrJIFiVG1NFQaBKuuA9EKiKLjgJAtWWC46AQBV2wXEQpEjIWyBgGXsBHi36RpXBXxCqEA0Er2gDKQyCEzEcvGVyn4K3XPxL1yl823D0qr24WSvVNuUMY7C8ZSOjZgww1c/u9XVr9wMQV2iIwPKW1TpUYrpJVy0EbrUlyFvDW5cckeJi2eSQZT0icnt3U9iwNQPeMYR/VneUMHD1ITC2XBE2bEGy/GKs1qdS8KSHU/C26Fn8isHSllUXrGLHQwuGjGZdA2IqPSIwIUelHWfsE+rMmmTMM+wBZ5fLGOw54EtRw10IRrOWtpxywFUApmQEPgZi+tbtWstZVkjCtkKXBUgWrJAP19ddMmuZVRFF1HR07izW8Lm+EDLsgMmsBbdjmtwkoop9oc43+YZbENwlIYtaNtbrLHDYBrfPPgKOViCYzFrYcjxXtxX3gO3WbN/vcuqr0qLAIqsimqg7Ah455XU/vvnFMQzJdMiNLV5n8cE3nxcZbrdbVMg8y0ay7g92ViMiP5z5H7HPEMyeddq/sNZnuDng0Vdk2QH3Dv2O2P49BeauCgXGS6QDjwpk1oh85GN47JC9rWmS7Ui3hhC4jcGD0Xem4RsMZod8YrBbgweGIZNZDwajT18ApW0MpmeNLZsR/9YgStEfFY5lDIaWO6dU0JuHEHwPwS0KjJT1bw0iFXi0as2GjMCdg5jX8MPNmA6ZWI7SrSECtqYhjzF41Hl6/uUx/HBDQqYtm1mqNcTAsxdqgCy/9Oe65KhHwMyQzSjVGpQUL7hmzc4ah9x56vdPZ47YDwgmIZPWJGyNag0+ODykQkbgycFH1/CgB8ljxoUilhW6NfhgO2QyaxRyf3J3cDQ1DMHMWRO0aznabDbZ4DgNng+5h0OG4Ls7u0tio8GAG7IZtluj6QsGlBCYnjUiT3CX5KdgSG55LhSxnMat0ZQCDy1Pa6JZY/AEdkmsMxoJhGyGYGs0pcC3jJA7CAzJ/YNYHoL5IUPL0RMI9SXnaPAOM2QH3H9+6nTckH1a04R/SIvAOg0uLgh5QsCs1iRoW5LgW3bIjmUEJrOmQyaOiWVxMN2aFJgTMg+cosFbEMxszcnikIdSIas0OHLLDRlblg6ZD4ZkejVKzJoOWQzcYIVMLtRLh8x6+ZAVGpxpLAp5IhWyKQMOQ/BQNuQuK2R5MLM13zbkOAtMhdx7+5ABQxAs3pq8kCXB/q05EWtNzJUHNyRDlp91jgXe8Q+Z2Zps8OLW1FlgTThkzoMCSxKMyLKrkT9rPpjTmgjM/dZcCE4xX7IELL0aRUNWWeCI2RBvTX7IcmC6NemQ5S8UHyzZmvIhKyxwxoRk8dU45oRsCoOVJjvkkeRqNJcAv3trxtlggZCfqJClHhSAqaZpLrcaORuKD8Yhv8ODgg8mIb/PgyLHBicWhjx5g1ejzgbrnJClHxTiYGRZ/kHR5X9r8sEyq1E+5BQbnMbg93xQqGywktJPzMa7PSgSuqoAXxnh8mox6wl58MpX47quRhUDiOi4clkqrLz2QXGiJdWqEuLSDPpfPlY+bG9/WluTWY07mpaMRDIKvRDiyDV7S2h75TBgaz8Wix1tIOXz+TWsFaxCoXBeWoWKhsNhH3uGUk3pZCuyF7L1rXBxWdkHb6OQoqb0BNmKi8AWvsT3Z2sX21exL0sDM5CY47+cyHpywG27tTpPB/n8942Nq1iMP4S4AnGQhy1iyYDxLbaXYs/dTJM+PlO9QzvY81Kp9BPlGolEkhqWe3swQg5cJ2DUHo7lFxv87BxmdInITpq5P3xyzg+cmA95OmsbDC2PRg64vRxY942omtZsy3Mh9/tuZSGwa3m+JnlgPVWNLy6t2ur5b3vW8yG/YHCPgB9n22rB23Q9qWa49UU6s3SxckaHLDVr2NEqbkx5bcauUFOd0iG3/MHrelJVM4ohyVrQmBsbuLhXoHbdkLPFogaVjEApCjT4X2z9AaMirHtGcztvAAAAAElFTkSuQmCC);
}
.p-adBox__title.-rank2 {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAABqCAMAAABApGVwAAAA1VBMVEUAAADBwcHBwcHAwMDBwcHCwsLExMTCwsLLy8vDw8PQ0NDCwsLCwsLBwcHHx8fBwcHBwcHR0dHCwsLAwMDExMTBwcHIyMjBwcHExMTQ0NDExMTKysrNzc3KysrJycnCwsLDw8PMzMzOzs7Dw8PAwMDIyMjKysrJycnJycnOzs7R0dHOzs7KysrMzMzIyMjNzc3R0dHOzs7R0dHHx8fOzs7S0tLQ0NDS0tLT09PR0dHT09PExMTS0tLT09PBwcHExMTPz8/GxsbIyMjKysrMzMzR0dHT09Ntt6rvAAAAPnRSTlMAQL+AECBA37+/gIBwYIAwj0BQ74DPv5+/v5/vv0AQ769QIO+vj3BgMBDv79/Pr5+PYDDvr8/Pv2AQ78+vEIK8dcwAAAUySURBVGje7ZlrU9pAFIY3FxIDAUK4aa0CVWyt1aq193aXcPH//6RmCeSIZzebXZy0H/p+cMZxnMdn3+w5IOR//v24YRAEoUuqTvuM8fRrpNq4PluH9km1CdkGTJuk0oxzcEQqTcC25DGpNK9ycINUGi8Ht0mVgZJfkYrjRoyn2kcLblRI/kL4CAlI9WkyHo9UFxCuXhnuU/XKh5VfJxDOstdePJ20Jqf6wpRRXWU3dmI3/66VJPP58VtSPjXGjJQdmqbbBG4Kni80yK9YbswaelyejFxja3DqfGoizM7c0r9GN+mufyXcghcnpYUTZqIc0m0s/m2PJZuzbpV9Fj8lRspODnYy4y14QsqllYAxd25qG8dZYZwMHZcR5mCIb9YxmW6UL8oLGypHG/B2m04z8DtSLh8ArKlsQcNZauGg/Ah5O0fGzCq3STl12Nx5FuP1hZqWEp4nSNkmJTKEmwTxsuf65rSE8BwrU7Wy26cF4MW1sugBgCFUqdz2aZY2Bq/Jx4rxdTIH8FPlmqLeLt2EPMsWvFgW36qDDIyUh6qZJQcnG/DyY5HwgoMFJRcpu+dUDebk60siy8fFAsAllWt9CkFX/hOc9XJ5dU/EeZP+XFLyyJVNjS6F4KfwEMCcfCcVXkhKpg3p1FCB4ayXs9mtUHjJfy4uWaI8pJrg2cN3glJHYKQsnhqQCL+oeHrWszRfUNGXxwAWKPvyqQFxyLP0ErhQG/L7DhLOwViZv4bDU0MDDMqz1cWu8NUSyNgYlGFqlAEzAXi1M0vulggsVIapgYO3ScxQyZz8+feTffgMjJVtNDXUYI+hkjl49f4+F54BWFIytfDUUINFJaf58W0rPAOyuGRQblJZ2hgMZ70Dflxls6Qzk4Gx8pBKQ1B2wUB+fFz94rPkCIFFykOYGlpgXDJXXn2558IqZcpTg6mhDUZnnT5iHS6sKDlTbo6KuD4Gn8lL5pkVGQNeFRuDD0EZlYzBWDkzZnuCsfKsSBmM+Rd9MCsAY2VszNTGkfC/C6KpqQAnqOJitoPBDbZPyTtwA7DpWQMU2Bpg8wtFgV4cC4NjZlwyDBFsrAZ7DJUsvFDikneNmR5Yv2R947YQbF4yKCuMiSAIjC+UumQw1gLrTE0oeX/j/UtWzRBfBB69WMlytC0C24yZTk1QBmMDsPlqBGOmA6aMZ9+SC40j8TtZZjg1yxs7InCDmpeMjXXB5iWbGzuUal4ofWNLBI7pC5SMF4UabFFFyarVaGYMYPOpCcYy57YYvGfJ8CpXGiIMgA1WIzbWAptfqP2NzaemelX4YnCXalwoI2NbDLYpNZ+a2FgfbF7yHsYGqxEbS5Uj2edCxiVDy4XKjhhsRfZoz5LBGDt3bcci0rhe2Dv0NaemyrhvO03LJWXyzrtoDQZ6UxM/XiP73AmtmpLm1vAfcHJXrz+8PtKZmmdBMG40YgsvhLYr/ZA1iEKPiPOm0+l8q/McHR295jngGfDctFqtXq/peZ5Ez7XCyIatKN6LiT+YXpy8IS+TmuVEdhe2YtFe3H6+eXBbn3QujYFxSvTRjhAmBydP7/D7r19v6+mf0FEfQttKcSkvV6T64HkO3hmWVwc8vFRea5pGYxwEgW3biGIOXgjA8Bb12SueMvFl4C4+ayADOI0AzKiSbksrCoe2GrzcAcNwVFGjsF38gMS9m5/ykgEMygp8/9yJleMLRlZrenBtWjLMaAcmplYuOxM+qT6rS97hnTtODFvBNDAx62keskl5nJ+1H6wzbqSxrFTwf8T5Aw8mOdBxZeTnAAAAAElFTkSuQmCC);
}
.p-adBox__title.-rank3 {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAABqCAMAAABApGVwAAABOFBMVEUAAADCf1DBfk/Bfk/DgVPFhlnGh1zEhFfCgVPCgVLDg1XCgFHKkGfOmHLSoH3IjWPEg1bCgFHDg1XCgFLBf0/CgFLNl3HFhlrBfk/EhVjBfk/Gh1zLkWnQnHfMlG3FhlrOmXPGh1vEhVjOmHLCf1DSoX7SoX7FhlrLkmrPm3bKkWnRn3zJjmTQnXnOmHLSoYDNlm/QnXnBfk/OmXTLk2vKkWnIi2HCf1DJjWTKkGjSoX/QnXnTpIPSoX7Pm3fCgVLRn33Pm3bOmnXHi2HCgFHSoX/TpIPTo4LBfk/EhFfDg1XCgFHEhVjIjWPGiF3Jj2XDgVPFhVnKkWnLk2vMlW/RoH3Hil/Son/Bf1DOmnTRnnrFh1vKkGfHi2HTo4HNl3DPm3bTpIPMlG3NmHLPnHfOmHPQnHjUpYQtwWF6AAAASHRSTlMAQIC/EECAv2AwgCC/EICA78+/n49Qv3Dv39+/QL+/nzAgr4BwQL+PYCDvYFBA78/Pr6+fj3Dv79+vj1Dv79+/7+/vz69wQEBiHo2mAAAGk0lEQVRo3u2YZ3sSQRSFZ5fepEvAFNPVJBo1sfcKhBR6IIUkBPz//8C7MwsDOzvc3UhWP3g++/h67pl77iL5r39f7ozP58u4idMKxAqa4iHirNzZAlUxTpxVplQoUXDRTxzVUqmkg9eJo/IxMJCXiKNaAC4DB4mj8pQGIQeIk+IhLxCH5V6n4HXivDLAzZC/oCyE7CPOy09D9hDHlaUZO2/ZU6Zg5y3fK5dAjq8TGNbBhUXyB4psRjcj9gyfAPkGDeJOq2n+8RDd3z88ffSAWNfiAQPbtazmQTODS+ptAPiwUrFBXmBg6jlokwvy6//6xhmATyuPItYNa+AyA8fcxKJCDAue3bT6NPA+gKuzlg03KJlybVheyQ+k0EkPwctWX8iLIdiWZXUIVpnjAz3kTWJN0bMBmHn223acZoHpIVvNOPKCgYezzt4sY7Kuz3qXIOLb1+Ah27Gc0sErhGmdge8Ta3q1v2+YtVXLCk+YaTEThllbrJAHhwLY4qnwa9Skf+wtbtJN3rFkmIIbBycjs04QC0ryTeKaZQv1OoIbPj0cWObgIm7ZHc+bgT0UXKluo0GHx8AgCkYtB3J5poABrC0UgK8eI/U1WxkBUzKzHELincnrIgbp5XVVq+1ONlwBsgY2zDqJdRYCrtZqneeTDFcBPB4ym/Uky+5neTlYb02w3Oluy5/Y82p1HAzCLIfiI9wcMegFbU0G7n2RPbGHVwA2D1l6KhSIl8slfMvwkDu91ucNiWEAS0IuBqWtgYB5yN3WxfUbU8O12pUsZInlZB4Dj4bcal30n5oEvQxgWchgWd4aXCnxo2I0ZLDcfiIEHXncMYDHZp2VtwaXSgzyNkZmrYH77U+rRsPdjj5rAO8LIRf9YmvYAFPLFFyvfzcY5mCT1qSWhdbAwfr3D581gJtjXbLRArA8ZG6Zt4YoxQjePOAh1xi4XW82n4w8sQ+tHpDpQh0Kp5GCE6OtcZw/tgL2HIghA/j83f2h4QsA85DFhQIN/1rl5THIIrhBwYOFoiE3zy/fbQwMX7RaSMhDy/69vT3KFRQQwRCyYaEo+Ncl65KtawD3Op2atDUBfMQMJfekYCIIwGOtyUIG8uU57ZK56ws2a3lrAjhJW2OPgkFWwCdmIdcp+By6ZKvdv2ZgeWtqCkFrHNkFG1uTgYHcfL+6RsHYQoFlf+wIwLJZ50RwjM7aLGQAN+v1dpuG3EVCLh6BhmAB7RLB9yaEfE7B/UHIV7KQQaNgkBUwD5nNmoesW8ZDFsgWwcbW7I/PGg9ZnDV2FUELJ5KQwTIPGWlNNGRVBHvLJgtlCPlaaE0sZJtg3prCrJHWFMg4OAhg4TROPWRFBKdLADY9jZKQT62FjII9JTRkdKF4yLw1cXABwIbTeGE7ZGzWAQkYac0+2poYmJioUCpLWpOHLJ5GvDVxsDHk7uhptN2aNsCFsnAap92aOTNwDMDS1pzSaXSZgRM8ZPw01mydRhwsPY2/bn4acXCxUJaexsvphJwyAyeLhZIk5Oa0TqNqBg4CeGqnUVwoHNxAT2PP3mnMY+Aj05CvpxmyYgZOH+kh84Xq2m9NEQyaDFYAfJunEQfzWU/9NAZMwXtA5q0pDRn/1SgHE1MBGGvNm59GHCw/jX/Qmjj4dlszZw5+CeSbnkZrrekyB7skIeOtiYZsCYz/arTfmjj4dk9jyhycPAaycBqR1rR1GlVzsJL6GLvF0zjjUhUilduT8d7Liv/XJs7aRshxl+pX3MSKArO70XAYac0a1pqxj9+CK0oIpbnFP3J/9sHy8tO5OTutGfP5loLBtBIQ7YBryXnyrWc8xFwPV3/+2LijaW1O013Q/Px8WNPraNTr9fo9Hs+ixJOyknLxqyieJ+1NN16Fd3ZnH5LpKKSoKdcMv4ryu8i2GOLdvruz/HYrcmNgGog57Lcik97V+tcea612/f3a2ps7d96ubuFDCCiAAx61yIWCj1l/NM70pu7y90wfFTzmx1qwNFSIlWnJ5/MlEgm6Prwg7YG1kMsc3KF1ycF9tr5XbIfOGvQd883VwXJyTgZ+ORYynTUHN9n+MnCFgYFsB+ySRrSSTNCQz8ZCbjZ1MMya9ka1SpdXX10OnjhrV2olMPmBpL1LXwch91rGkHtd2pSsNcbA3LIBHH+mptH64pUV3ZnfRkM+mBgydLQqaUxMka230FRrT8SQT+Uhx13PVDWNXAVUvDFXV6Eul5/Spgw/Gs4666NaCoIUBQz+l7l+A7lr7Bf7++DYAAAAAElFTkSuQmCC);
}
.p-adBox__star {
font-size: 1.1em;
}
.p-adBox__name {
font-weight: 700;
margin-bottom: 4px;
}
[data-ad="affiliate"] .p-adBox__name {
font-size: 1.2em;
line-height: 1.4;
}
[data-ad="amazon"] .p-adBox__desc {
display: none;
}
.p-adBox__btns {
display: flex;
justify-content: space-between;
margin: 0 -4px;
padding-top: 1.25em;
text-align: center;
}
[data-ad="ranking"] .p-adBox__btns {
padding-bottom: 0.5em;
}
.p-adBox__btn {
border-radius: 3px;
box-shadow: var(--swl-btn_shadow);
display: block;
flex: 1 1 100%;
line-height: 1.5;
margin: 0 4px;
padding: 0.5em;
text-decoration: none;
text-shadow: 0 -1px rgba(0, 0, 0, 0.1);
transition:
box-shadow 0.25s,
opacity 0.25s;
}
[data-ad="ranking"] .p-adBox__btn {
padding: 0.75em;
}
:root .p-adBox__btn {
color: #fff;
}
.p-adBox__btn.-btn1 {
background: #309ff7;
}
.p-adBox__btn.-btn2 {
background: #ffad13;
}
.p-adBox__btn:hover {
box-shadow:
0 4px 12px rgba(0, 0, 0, 0.1),
0 12px 24px -12px rgba(0, 0, 0, 0.2);
opacity: 0.9;
}
.c-balloon {
align-content: flex-start;
display: flex;
justify-content: space-between;
position: relative;
}
.c-balloon.-bln-right {
flex-direction: row-reverse;
}
.c-balloon__icon {
flex-shrink: 0;
position: relative;
text-align: center;
width: 60px;
}
.c-balloon__iconImg {
display: block;
margin: 0 auto;
-o-object-fit: cover;
object-fit: cover;
}
.c-balloon .c-balloon__iconImg {
height: 60px;
width: 60px;
}
.-circle > .c-balloon__iconImg {
border: 2px solid #ececec;
border-radius: 50%;
}
.c-balloon__iconName {
display: block;
font-size: 10px;
line-height: 1;
opacity: 0.8;
padding-top: 4px;
}
.c-balloon__body {
align-items: flex-start;
display: flex;
flex-basis: 100%;
padding: 4px 24px;
}
.c-balloon__body.-thinking {
padding-top: 8px;
}
.-bln-left .c-balloon__body {
justify-content: flex-start;
}
.-bln-right .c-balloon__body {
justify-content: flex-end;
}
.c-balloon__text {
border-radius: 8px;
color: #333;
line-height: 1.6;
max-width: 560px;
padding: 1em;
position: relative;
}
.-border-on .c-balloon__text {
border-style: solid;
border-width: 1px;
}
.c-balloon .c-balloon__text > p {
margin-bottom: 0;
margin-top: 0;
}
.c-balloon__shapes {
background-color: inherit;
border-color: inherit;
height: 0;
position: absolute;
top: 16px;
width: 0;
z-index: 1;
}
.-bln-left .c-balloon__shapes {
left: 0;
}
.-bln-right .c-balloon__shapes {
right: 0;
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.c-balloon__after,
.c-balloon__before {
border-color: transparent;
border-style: solid;
display: block;
height: 0;
position: absolute;
top: 0;
width: 0;
}
.-speaking .c-balloon__after,
.-speaking .c-balloon__before {
border-width: 8px 10px 8px 0;
left: -10px;
}
.-thinking .c-balloon__after,
.-thinking .c-balloon__before {
background: inherit;
border-radius: 50%;
}
.-thinking.-border-none .c-balloon__after,
.-thinking.-border-none .c-balloon__before {
border: none;
}
.-thinking.-border-on .c-balloon__after,
.-thinking.-border-on .c-balloon__before {
border-color: inherit;
border-width: 1px;
}
.c-balloon__before {
z-index: 3;
}
.-speaking.-border-on .c-balloon__before {
left: -8px;
}
.-thinking .c-balloon__before {
border-radius: 50%;
height: 8px;
left: -21px;
top: 0;
width: 8px;
}
.c-balloon__after {
border-right-color: inherit;
z-index: 2;
}
.-speaking.-border-none .c-balloon__after {
display: none;
}
.-thinking .c-balloon__after {
height: 12px;
left: -16px;
top: 8px;
width: 12px;
}
.c-bannerLink:before,
.c-bannerLink__text {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.c-bannerLink {
border-radius: var(--swl-radius--4, 0);
display: block;
margin-left: auto;
margin-right: auto;
overflow: hidden;
position: relative;
text-align: center;
text-decoration: none;
}
.c-bannerLink i {
margin-right: 0.5em;
}
.c-bannerLink.-shadow-on {
box-shadow: var(--swl-img_shadow);
}
.c-bannerLink.-radius-on {
border-radius: 8px;
}
.c-bannerLink:before {
background-color: inherit;
content: "";
z-index: 1;
}
.c-bannerLink:after,
.c-bannerLink:before,
.c-bannerLink__figure,
.c-bannerLink__label {
border-radius: inherit;
}
a.c-bannerLink:hover .c-bannerLink__figure {
opacity: 0.8;
}
a.c-bannerLink:hover .c-bannerLink__img {
-webkit-transform: scale(1.04);
transform: scale(1.04);
}
.c-bannerLink__figure {
margin: 0;
overflow: hidden;
position: relative;
transition: opacity 0.25s;
z-index: 0;
}
.c-bannerLink__img {
display: block;
transition: -webkit-transform 0.25s;
transition: transform 0.25s;
transition:
transform 0.25s,
-webkit-transform 0.25s;
width: 100%;
}
.swell-block-bannerLink .c-bannerLink__img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.c-bannerLink.-blur-on .c-bannerLink__img {
-webkit-filter: blur(4px);
filter: blur(4px);
-webkit-transform: scale(1.08);
transform: scale(1.08);
}
a.c-bannerLink.-blur-on:hover .c-bannerLink__img {
-webkit-transform: scale(1.12);
transform: scale(1.12);
}
.c-bannerLink__label {
display: block;
font-size: 3.4vw;
line-height: 1.4;
position: absolute;
z-index: 2;
}
.c-bannerLink__text {
align-items: center;
color: #fff;
display: flex;
flex-direction: column;
justify-content: center;
padding: 1.5em;
z-index: 2;
}
.c-bannerLink__text.is-vertically-aligned-top {
justify-content: flex-start;
}
.c-bannerLink__text.is-vertically-aligned-bottom {
justify-content: flex-end;
}
.c-bannerLink__title {
font-size: 1.4em;
line-height: 1.25;
width: 100%;
}
.c-bannerLink__title:before {
margin-right: 0.25em;
}
.c-bannerLink__description {
font-size: 0.95em;
margin-top: 0.5em;
width: 100%;
}
.-border-inside .c-bannerLink:after {
border: 1px solid #fff;
content: "";
display: block;
height: calc(100% - 8px);
left: 4px;
pointer-events: none;
position: absolute;
top: 4px;
width: calc(100% - 8px);
z-index: 3;
}
.-darken .c-bannerLink {
background-color: rgba(0, 0, 0, 0.2);
}
.-cap-none .c-bannerLink__label {
display: none;
}
.-cap-top_left .c-bannerLink__label {
background-color: #fff;
color: #333;
left: 4px;
padding: 2px 12px;
top: 4px;
}
.-cap-btm_right .c-bannerLink__label {
background-color: #fff;
bottom: 4px;
color: #333;
padding: 2px 12px;
right: 4px;
}
.-cap-ctr_simple .c-bannerLink__label {
color: #fff;
font-weight: 700;
left: 0;
padding: 0 1em;
text-align: center;
text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 100%;
}
.-cap-ctr_button .c-bannerLink__label {
background: hsla(0, 0%, 100%, 0.9);
border: 1px solid var(--swl-color_shadow);
border-radius: 40px;
color: #333;
left: 12%;
padding: 8px 12px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 76%;
}
.-cap-btm_wide .c-bannerLink__label {
background: rgba(0, 0, 0, 0.25);
bottom: 0;
color: #fff;
left: 0;
padding: 8px;
text-shadow: 1px 1px rgba(0, 0, 0, 0.25);
width: 100%;
}
.p-customBanner .c-bannerLink:before {
background: rgba(0, 0, 0, 0.2);
}
.p-customBanner .c-bannerLink__text {
text-shadow: 1px 1px 0 var(--swl-color_shadow);
}
.swell-block-box-menu {
--the-box-width--mb: 50%;
--the-box-width--tab: 50%;
--the-box-width--pc: 50%;
--the-gap: 0px;
--the-icon-size: 3em;
--the-icon-color: var(--color_main);
}
.swell-block-box-menu[data-has-gap="1"] .swell-block-box-menu__inner {
margin-left: calc(var(--the-gap) * -1);
row-gap: var(--the-gap);
}
.swell-block-box-menu[data-has-gap="1"] .swell-block-box-menu__item {
margin-left: var(--the-gap);
}
.swell-block-box-menu[data-has-gap="0"] .swell-block-box-menu__inner {
margin-left: 1px;
}
.swell-block-box-menu[data-has-gap="0"] .swell-block-box-menu__item {
margin-left: -1px !important;
margin-top: -1px !important;
}
.swell-block-box-menu__inner {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
}
.swell-block-box-menu__item {
--the-box-width: var(--the-box-width--mb);
color: var(--the-text-color, inherit);
transition:
opacity 0.25s,
box-shadow 0.25s;
}
.swell-block-box-menu .swell-block-box-menu__item {
margin: 0;
width: calc(var(--the-box-width) - var(--the-gap));
}
.swell-block-box-menu[data-direction="vertical"] .swell-block-box-menu__item {
text-align: center;
}
.swell-block-box-menu__link {
color: inherit;
display: flex;
height: 100%;
padding: 1em;
position: relative;
text-decoration: none;
transition: background-color 0.25s;
}
.swell-block-box-menu__link:focus {
z-index: 1;
}
.swell-block-box-menu[data-direction="vertical"] .swell-block-box-menu__link {
flex-flow: column;
justify-content: center;
}
.swell-block-box-menu[data-direction="horizontal"]
.swell-block-box-menu__link {
align-items: center;
}
.swell-block-box-menu__figure {
align-items: center;
display: flex;
justify-content: center;
margin: 0;
position: relative;
}
.swell-block-box-menu[data-direction="vertical"]
.swell-block-box-menu__figure {
margin-bottom: 1em;
}
.swell-block-box-menu[data-direction="horizontal"]
.swell-block-box-menu__figure {
margin-right: 1em;
}
.swell-block-box-menu__figure svg {
display: block;
height: var(--the-icon-size);
width: var(--the-icon-size);
}
.swell-block-box-menu__figure i {
color: var(--the-icon-color);
font-size: var(--the-icon-size);
line-height: 1;
}
.swell-block-box-menu__figure > img {
height: var(--the-icon-size);
-o-object-fit: cover;
object-fit: cover;
width: var(--the-icon-size);
}
.swell-block-box-menu__figure[data-trim="0"] > img {
-o-object-fit: contain;
object-fit: contain;
width: 100%;
}
.swell-block-box-menu__text {
display: block;
flex: 1;
line-height: 1;
}
.swell-block-box-menu.is-style-default {
--the-border-color: #eee;
}
.swell-block-box-menu.is-style-default .swell-block-box-menu__item {
border: 1px solid var(--the-border-color);
}
.swell-block-box-menu.is-style-default
[data-has-gradient="0"]
.swell-block-box-menu__figure
svg {
color: var(--the-icon-color);
}
.swell-block-box-menu.is-style-default .swell-block-box-menu__mask {
background: var(--the-icon-gradient);
display: block;
height: var(--the-icon-size);
-webkit-mask-image: var(--mask-image);
mask-image: var(--mask-image);
-webkit-mask-position: center center;
mask-position: center center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
width: var(--the-icon-size);
}
.swell-block-box-menu.is-style-default .swell-block-box-menu__mask > * {
display: none;
}
.swell-block-box-menu.is-style-fill .swell-block-box-menu__item {
color: var(--the-text-color, #fff);
}
.swell-block-box-menu.is-style-fill .swell-block-box-menu__link {
background: var(--the-icon-color);
padding: 1em 1.25em;
}
.swell-block-box-menu.is-style-fill [data-has-gradient="1"] {
--the-icon-color: var(--the-icon-gradient);
}
.swell-block-box-menu.is-style-fill .swell-block-box-menu__figure > svg {
color: inherit;
}
.cap_box {
--capbox-color: var(--color_main);
--capbox-color--bg: unset;
--the-icon-size: 1.1em;
position: relative;
}
.cap_box_ttl {
align-items: center;
background-color: var(--capbox-color);
color: #fff;
display: flex;
gap: 0.5em;
justify-content: center;
line-height: 1.5;
margin-bottom: 0 !important;
padding: 0.5em;
position: relative;
text-align: center;
z-index: 1;
}
.cap_box_ttl i {
font-size: var(--the-icon-size);
}
.cap_box_ttl i:not(.-right) {
margin-left: -0.25em;
}
.cap_box_ttl i.-right {
margin-left: 0.4em;
}
.cap_box_ttl svg {
height: var(--the-icon-size);
width: var(--the-icon-size);
}
.cap_box_ttl svg:not(.-right) {
margin-left: -0.25em;
}
.cap_box_ttl svg.-right {
margin-right: -0.25em;
}
.cap_box_content {
background-color: var(--capbox-color--bg);
border: 1px solid var(--capbox-color);
clear: both;
margin-top: -2px;
padding: 1.25em;
position: relative;
z-index: 0;
}
.is-style-small_ttl .cap_box_ttl {
float: left;
font-size: 0.85em;
padding: 0.25em 0.75em;
position: relative;
top: 1px;
}
.is-style-onborder_ttl2 > .cap_box_ttl,
.is-style-onborder_ttl > .cap_box_ttl {
display: inline-flex;
font-size: 0.85em;
left: 1em;
line-height: 1;
margin-bottom: 0;
padding: 0.5em 0.75em;
position: relative;
text-align: center;
top: 1em;
z-index: 1;
}
.is-style-onborder_ttl2 > .cap_box_content,
.is-style-onborder_ttl > .cap_box_content {
padding-top: 1.5em;
}
.is-style-onborder_ttl > .cap_box_ttl {
color: var(--capbox-color);
}
.is-style-onborder_ttl > .cap_box_content,
.is-style-onborder_ttl > .cap_box_ttl {
background-color: var(--color_content_bg) !important;
}
.is-style-shadow.cap_box {
box-shadow: var(--swl-box_shadow);
overflow: hidden;
}
.is-style-shadow > .cap_box_content {
border: none;
}
.is-style-shadow:not([data-colset]) {
--capbox-color--bg: #fff;
}
.is-style-shadow:not([data-colset]) > .cap_box_content {
color: #333;
}
.is-style-inner > .cap_box_ttl {
font-size: 0.85em;
max-width: 100%;
min-width: 2em;
overflow: hidden;
padding: 0.25em 1em;
position: absolute;
white-space: nowrap;
}
.is-style-inner > .cap_box_content:before {
content: "";
display: block;
height: 1em;
visibility: hidden;
width: 100%;
}
.is-style-intext[data-colset] {
background-color: var(--capbox-color--bg);
}
.is-style-intext.cap_box {
border: 1px solid var(--capbox-color);
padding: 1.5em;
}
.is-style-intext > .cap_box_ttl {
background: none !important;
color: var(--capbox-color);
justify-content: flex-start;
padding: 0;
text-align: left;
}
.is-style-intext > .cap_box_content {
background: none !important;
border: none;
margin-top: 1em;
padding: 0;
}
.swell-block-columns {
--swl-clmn-mrgn--x: 1.5rem;
--swl-clmn-mrgn--y: 1.5rem;
--swl-clmn-pddng: 0;
}
.swell-block-columns > .c-scrollHint {
margin-top: 0;
}
.swell-block-columns[data-scrollable] {
--swl-clmn-mrgn--y: 0px;
overflow: hidden;
}
.swell-block-columns[data-scrollable] > .swell-block-columns__inner {
padding-bottom: 16px;
}
.swell-block-columns.alignfull {
margin-left: 0;
margin-right: 0;
}
.swell-block-columns[data-valign="top"] > .swell-block-columns__inner {
align-items: flex-start;
}
.swell-block-columns[data-valign="center"] > .swell-block-columns__inner {
align-items: center;
}
.swell-block-columns[data-valign="bottom"] > .swell-block-columns__inner {
align-items: flex-end;
}
.swell-block-columns__inner {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
margin-left: calc(var(--swl-clmn-mrgn--x) * -1);
margin-top: 0 !important;
row-gap: var(--swl-clmn-mrgn--y);
}
.swell-block-column {
--clmn-w: var(--clmn-w--mobile, 100%);
}
.swell-block-columns .swell-block-column {
margin: 0 0 0 var(--swl-clmn-mrgn--x);
padding: var(--swl-clmn-pddng);
width: calc(var(--clmn-w) - var(--swl-clmn-mrgn--x));
}
.swell-block-column[data-valign="top"] {
align-self: flex-start;
}
.swell-block-column[data-valign="center"] {
align-self: center;
}
.swell-block-column[data-valign="bottom"] {
align-self: flex-end;
}
.swell-block-column.is-breadk-all {
word-break: break-all;
}
.is-style-clmn-shadow {
--swl-clmn-pddng: 1rem;
}
.is-style-clmn-shadow[data-scrollable="1"] > .swell-block-columns__inner {
padding: 4px 4px 20px;
}
.is-style-clmn-shadow > .swell-block-columns__inner > .swell-block-column {
background-color: #fff;
box-shadow: var(--swl-box_shadow);
color: #333;
}
.is-style-clmn-border {
--swl-clmn-pddng: 1rem;
}
.is-style-clmn-border > .swell-block-columns__inner > .swell-block-column {
border: 1px solid var(--color_border);
}
.swell-block-columns[data-scrollable="1"] > .swell-block-columns__inner {
flex-wrap: nowrap;
margin-left: 0;
overflow-x: auto;
}
.swell-block-columns[data-scrollable="1"]
> .swell-block-columns__inner
> .swell-block-column {
flex-shrink: 0;
width: var(--clmn-w);
}
.swell-block-columns[data-scrollable="1"]
> .swell-block-columns__inner
> .swell-block-column:first-child {
margin-left: 0;
}
.swell-block-dl__dt {
font-weight: 700;
}
.swell-block-dl__dd {
margin-left: 1em;
padding: 1em;
}
.swell-block-dl__dd + .swell-block-dl__dt {
margin-top: 1em;
}
.is-style-border > .swell-block-dl__dt {
border-left: 1px solid var(--color_main);
padding-left: 0.75em;
}
.is-style-vtabel > .swell-block-dl__dt {
background-color: var(--color_main);
color: #fff;
margin-top: -1px !important;
padding: 0.5em 1em;
}
.is-style-vtabel > .swell-block-dl__dd {
border: 1px solid var(--color_border);
border-top: none;
margin-left: 0;
}
.is-style-float {
--swl-dt-width: 24%;
}
.is-style-float.swell-block-dl {
display: flex;
flex-wrap: wrap;
line-height: 1.5;
}
.is-style-float > .swell-block-dl__dt {
margin-top: 0 !important;
padding: 0.25em 2.5em 0.25em 0;
position: relative;
width: var(--swl-dt-width);
}
.is-style-float > .swell-block-dl__dt:after {
background: var(--color_border);
bottom: auto;
content: "";
display: block;
height: 2px;
left: auto;
position: absolute;
right: 1em;
top: calc(1em - 1px);
width: 0.5em;
}
.is-style-float > .swell-block-dl__dd {
margin-left: 0;
padding: 0.25em 0;
width: calc(100% - var(--swl-dt-width));
}
.is-style-float > .swell-block-dl__dd + .swell-block-dl__dd {
margin-left: var(--swl-dt-width);
}
.swell-block-faq {
--swl-faq_icon_radius: 0;
}
.swell-block-faq.-icon-rounded {
--swl-faq_icon_radius: 10%;
}
.swell-block-faq.-icon-circle {
--swl-faq_icon_radius: 50%;
}
.swell-block-faq .swell-block-faq__item + .swell-block-faq__item {
margin-top: 1em;
}
.swell-block-faq .faq_q {
font-size: inherit;
font-weight: 700;
line-height: 1.5;
margin: 0;
padding: 1em 1em 1em 3em;
position: relative;
}
.swell-block-faq .faq_q:before {
border-radius: var(--swl-faq_icon_radius);
bottom: unset;
content: "Q";
display: block;
font-family: Arial, sans-serif;
font-weight: 400;
left: 0;
line-height: 2;
position: absolute;
text-align: center;
top: 0.75em;
width: 2em;
}
.swell-block-faq .faq_a {
line-height: 1.5;
padding: 1em 1em 1em 3em;
position: relative;
}
.swell-block-faq .faq_a:before {
border-radius: var(--swl-faq_icon_radius);
content: "A";
display: block;
font-family: Arial, sans-serif;
left: 0;
line-height: 2;
position: absolute;
text-align: center;
top: 0.75em;
width: 2em;
}
.is-style-faq-border .swell-block-faq__item {
padding-left: 0.5em;
padding-right: 0.5em;
}
.is-style-faq-border .swell-block-faq__item + .swell-block-faq__item {
border-top: 1px solid var(--color_border);
padding-top: 1em;
}
.is-style-faq-box .swell-block-faq__item {
border: 1px solid var(--color_border);
}
.is-style-faq-box .faq_q {
border-bottom: 1px dashed var(--color_border);
}
.is-style-faq-box .faq_a,
.is-style-faq-box .faq_q,
.is-style-faq-stripe .faq_a,
.is-style-faq-stripe .faq_q {
padding: 1.25em 1em 1.25em 4em;
}
.is-style-faq-box .faq_a:before,
.is-style-faq-box .faq_q:before,
.is-style-faq-stripe .faq_a:before,
.is-style-faq-stripe .faq_q:before {
left: 1em;
position: absolute;
top: 1em;
}
.is-style-faq-stripe .swell-block-faq__item:not(:last-child) {
margin-bottom: 1.5em;
}
.is-style-faq-stripe .faq_q {
background-color: var(--color_gray);
}
[data-a="col-text"] .faq_a:before,
[data-q="col-text"] .faq_q:before {
box-shadow: 0 0 0 1px currentcolor;
}
[data-a="fill-text"] .faq_a:before,
[data-q="fill-text"] .faq_q:before {
background-color: var(--color_text);
color: #fff;
}
[data-a="col-main"] .faq_a:before,
[data-q="col-main"] .faq_q:before {
box-shadow: 0 0 0 1px currentcolor;
color: var(--color_main);
}
[data-a="fill-main"] .faq_a:before,
[data-q="fill-main"] .faq_q:before {
background-color: var(--color_main);
color: #fff;
}
[data-q="col-custom"] .faq_q:before {
box-shadow: 0 0 0 1px currentcolor;
color: var(--color_faq_q);
}
[data-a="col-custom"] .faq_a:before {
box-shadow: 0 0 0 1px currentcolor;
color: var(--color_faq_a);
}
[data-q="fill-custom"] .faq_q:before {
background-color: var(--color_faq_q);
color: #fff;
}
[data-a="fill-custom"] .faq_a:before {
background-color: var(--color_faq_a);
color: #fff;
}
.swell-block-fullWide .__parallaxLayer,
.swell-block-fullWide.has-bg-img:before {
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 0;
}
.swell-block-fullWide + .swell-block-fullWide {
margin-top: -2em;
}
.swell-block-fullWide {
padding: 2em 0;
position: relative;
}
.swell-block-fullWide.has-bg-img {
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.swell-block-fullWide.has-bg-img:before {
background-color: inherit;
z-index: 1;
}
.swell-block-fullWide.-parallax {
overflow: hidden;
}
.swell-block-fullWide .__parallaxLayer {
background-position: 50%;
background-size: cover;
height: calc(100% + 25vh);
top: -20vh;
}
.swell-block-fullWide .w-beforeToc {
display: none;
}
.swell-block-fullWide__inner {
padding: 0 var(--swl-fw_inner_pad, 0);
position: relative;
z-index: 1;
}
.swell-block-fullWide__inner.l-article,
.swell-block-fullWide__inner.l-container {
margin-left: auto;
margin-right: auto;
}
.swell-block-fullWide__SVG {
left: 0;
pointer-events: none;
position: absolute;
width: 100%;
z-index: 2;
}
.swell-block-fullWide__SVG.-top {
bottom: 100%;
-webkit-transform: translateY(1px);
transform: translateY(1px);
}
.swell-block-fullWide__SVG.-bottom {
top: 100%;
-webkit-transform: translateY(-1px);
transform: translateY(-1px);
}
.swell-block-fullWide__SVG.-bg {
background-repeat: no-repeat;
background-size: 100% 100%;
}
.swell-block-fullWide__SVG.-bg.-bottom,
.swell-block-fullWide__SVG.-bg.-top {
background-position: 50%;
}
.swell-block-linkList__icon {
flex: 0 0 auto;
font-size: 1.25em;
}
.swell-block-linkList__icon.-left {
margin-left: var(--the-icon-offset);
order: 0;
}
.swell-block-linkList__icon.-right {
margin-right: var(--the-icon-offset);
order: 2;
}
.swell-block-linkList__link {
align-items: center;
color: inherit;
display: flex;
flex-shrink: 0;
gap: 0.25em;
line-height: 1.4;
margin: 0 auto;
padding: var(--the-list-padding);
position: relative;
text-decoration: none;
}
.swell-block-linkList__text {
order: 0;
}
.swell-block-linkList {
--the-color: var(--color_text);
--the-radius: 100px;
--the-fz: 1em;
--the-gap: 0;
--the-list-padding: 0;
--the-icon-offset: 0;
align-items: center;
display: flex;
flex-wrap: wrap;
font-size: var(--the-fz);
gap: var(--the-gap);
}
.swell-block-linkList.swell-block-linkList {
--swl-list-padding--left: 0;
list-style: none;
}
.swell-block-linkList .swell-block-linkList__item {
margin: 0 auto;
width: 100%;
}
.swell-block-linkList.is-style-default {
--the-color: var(--color_main);
--the-gap: 0.75em;
}
.swell-block-linkList.is-style-default .swell-block-linkList__icon,
.swell-block-linkList.is-style-default .swell-block-linkList__text {
transition: -webkit-transform 0.25s;
transition: transform 0.25s;
transition:
transform 0.25s,
-webkit-transform 0.25s;
}
.swell-block-linkList.is-style-default .swell-block-linkList__link:hover {
color: var(--the-color);
}
.swell-block-linkList.is-style-default .swell-block-linkList__text {
margin-right: auto;
}
.swell-block-linkList.is-style-default .swell-block-linkList__icon {
color: var(--the-color);
}
.swell-block-linkList.-border {
--the-list-padding: 0.6em 0.5em;
--the-gap: 0;
}
.swell-block-linkList.-border .swell-block-linkList__item {
border-bottom: 1px solid var(--color_border);
}
.swell-block-linkList.-border .swell-block-linkList__item:first-child {
border-top: 1px solid var(--color_border);
}
.swell-block-linkList.is-style-default:not(.-flex)
.swell-block-linkList__link:hover
.-left
+ .swell-block-linkList__text,
.swell-block-linkList.is-style-default:not(.-flex)
.swell-block-linkList__link:hover
.-right {
-webkit-transform: translateX(0.4em);
transform: translateX(0.4em);
}
.swell-block-linkList.is-style-button {
--the-gap: 0.5em;
--the-icon-offset: -0.75em;
--the-list-padding: 0.6em 1.5em;
}
.swell-block-linkList.is-style-button.-flex {
--the-icon-offset: -0.15em;
--the-list-padding: 0.25em 0.6em;
}
.swell-block-linkList.is-style-button .swell-block-linkList__text {
margin: 0 auto;
}
.swell-block-linkList.is-style-button .swell-block-linkList__link {
background-color: transparent;
border: 1px solid var(--the-color);
border-radius: var(--the-radius);
color: var(--the-color);
justify-content: center;
text-align: center;
transition:
background-color 0.25s,
color 0.25s;
}
.swell-block-linkList.-fill .swell-block-linkList__link,
.swell-block-linkList.is-style-button .swell-block-linkList__link:hover {
background-color: var(--the-color);
color: #fff;
}
.swell-block-linkList.-fill .swell-block-linkList__link:hover {
background-color: transparent;
color: var(--the-color);
}
.swell-block-linkList.-flex {
--the-gap: 0.5em;
}
.swell-block-linkList.-flex .swell-block-linkList__item {
margin: 0 !important;
width: auto;
}
.swell-block-linkList.is-style-default.-flex {
--the-list-padding: 0px;
--the-gap: 0.5em 0.75em;
}
.swell-block-linkList.is-style-default.-flex
.swell-block-linkList__link:hover {
text-decoration: underline;
}
.swell-block-review__inner {
background-color: #fff;
border-radius: 0 0 4px 4px;
border-top: 2px solid #000;
box-shadow: var(--swl-box_shadow);
color: #000;
margin-left: auto;
margin-right: auto;
max-width: 720px;
padding: 1.5rem;
}
.swell-block-review__inner > :last-child {
margin-bottom: 0 !important;
}
.swell-block-review__image {
display: block;
margin: 0 auto 1.5rem;
max-width: 72%;
}
.swell-block-review__image .__img {
display: block;
margin: 0 auto;
}
.swell-block-review__title {
display: flex;
font-size: 1.1em;
font-weight: 700;
justify-content: center;
margin-bottom: 1.5rem;
}
.swell-block-review__rating {
margin-bottom: 1.5rem;
text-align: center;
}
.swell-block-review__rating .__label {
background: linear-gradient(
-45deg,
transparent 25%,
hsla(0, 0%, 100%, 0.1) 0,
hsla(0, 0%, 100%, 0.1) 50%,
transparent 0,
transparent 75%,
hsla(0, 0%, 100%, 0.1) 0,
hsla(0, 0%, 100%, 0.1)
);
background-color: #111;
background-size: 6px 6px;
border-radius: 1px;
color: #fff;
display: inline-flex;
line-height: 1;
margin: 0 auto 0.5rem;
padding: 0.5em;
}
.swell-block-review__rating .__value {
align-items: center;
display: flex;
justify-content: center;
}
.swell-block-review__rating .__str {
color: #454545;
font-size: 0.75em;
margin-left: 0.5em;
margin-right: -0.5em;
}
.swell-block-review__rating .__stars {
font-size: 1.4em;
letter-spacing: 0.1em;
line-height: 1.25;
}
.swell-block-review__demerits,
.swell-block-review__merits {
margin-bottom: 2rem;
}
.swell-block-review__demerits .__label,
.swell-block-review__merits .__label {
background: linear-gradient(
-45deg,
transparent 25%,
hsla(0, 0%, 100%, 0.1) 0,
hsla(0, 0%, 100%, 0.1) 50%,
transparent 0,
transparent 75%,
hsla(0, 0%, 100%, 0.1) 0,
hsla(0, 0%, 100%, 0.1)
);
background-size: 6px 6px;
border-radius: 5em;
color: #fff;
font-size: 0.9em;
line-height: 1;
margin: 0 0 0.5rem;
padding: 0.5em 1em;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.swell-block-review__demerits .__list,
.swell-block-review__merits .__list {
list-style: none !important;
margin: 0 0 0 1.5rem;
padding: 0;
}
.swell-block-review__demerits .__list li,
.swell-block-review__merits .__list li {
margin: 0.4em 0;
}
.swell-block-review__merits {
--color_list_good: #71c863;
}
.swell-block-review__merits .__label {
background-color: var(--color_list_good);
}
.swell-block-review__demerits {
--color_list_bad: #e84f4f;
}
.swell-block-review__demerits .__label {
background-color: var(--color_list_bad);
}
.swell-block-step {
--swl-step_arrow_color: #dedede;
counter-reset: step;
}
.swell-block-step__item {
margin-bottom: 0 !important;
padding: 0 0 3em 64px;
position: relative;
}
.swell-block-step__item:before {
border-left: 1px dashed var(--color_border);
content: "";
display: block;
height: 100%;
left: 23px;
position: absolute;
top: 0;
width: 0;
}
.swell-block-step__item:last-child:before {
content: none;
}
.swell-block-step__item .swell-block-step__title {
font-weight: 700;
margin: 0;
padding: 0;
}
.swell-block-step__number {
box-sizing: content-box;
color: #fff;
display: flex;
flex-direction: column;
height: 48px;
justify-content: center;
left: 0;
line-height: 1;
position: absolute;
text-align: center;
top: 0;
width: 48px;
}
.swell-block-step__number .__label {
content: attr(data-label);
display: block;
font-size: 10px;
padding-bottom: 1px;
}
.swell-block-step__number:after {
content: counter(step);
counter-increment: step;
display: block;
font-size: 20px;
}
.swell-block-step__number[data-num]:after {
content: attr(data-num);
}
.swell-block-step__number[data-hide] .__label,
.swell-block-step__number[data-hide]:after {
display: none;
}
[data-num-style="circle"] .swell-block-step__number,
[data-num-style="circle"] .swell-block-step__number .__shape {
border-radius: 50%;
}
[data-num-style="horizontal"] .swell-block-step__number {
align-items: flex-end;
flex-direction: row;
}
[data-num-style="horizontal"] .swell-block-step__number .__label {
padding-bottom: 4px;
padding-right: 4px;
}
.swell-block-step__title + .swell-block-step__body {
margin-top: 1em;
}
.swell-block-step:not(.is-style-big) > .swell-block-step__item:last-child {
padding-bottom: 0;
}
.swell-block-step:not(.is-style-big):not(.is-style-small)
> .swell-block-step__item
> .swell-block-step__title {
display: flex;
flex-direction: column;
justify-content: center;
min-height: 48px;
}
.is-style-big > .swell-block-step__item {
border-bottom: 1px dashed var(--swl-step_arrow_color);
padding: 2em;
}
.is-style-big > .swell-block-step__item:first-child {
border-top: 1px dashed var(--swl-step_arrow_color);
}
.is-style-big > .swell-block-step__item:before {
border: 12px solid transparent;
border-top: 12px solid var(--swl-step_arrow_color);
display: block;
height: 0;
left: 50%;
top: 100%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 0;
}
.is-style-big > .swell-block-step__item > .swell-block-step__number {
border-radius: 0;
color: inherit;
height: auto;
margin: 0 auto 1em;
position: relative;
width: auto;
}
.is-style-big > .swell-block-step__item > .swell-block-step__number .__label {
font-size: 12px;
}
.is-style-big > .swell-block-step__item > .swell-block-step__number:after {
font-size: 24px;
}
.is-style-big .swell-block-step__title {
text-align: center;
}
.is-style-small .swell-block-step__item {
padding: 0 0 2em 24px;
}
.is-style-small .swell-block-step__item:before {
border-left: 2px solid var(--color_border);
height: calc(100% - 20px);
left: 7px;
top: 18px;
}
.is-style-small .swell-block-step__title {
margin-top: 0.25em;
text-align: left;
}
.is-style-small .swell-block-step__body {
margin-top: 0.5em;
}
.is-style-small .swell-block-step__number {
align-items: center;
color: inherit;
flex-direction: row;
height: auto;
justify-content: flex-start;
margin-left: -24px;
position: relative;
width: auto;
}
.is-style-small .swell-block-step__number .__shape {
border: 2px solid;
box-sizing: border-box;
height: 16px;
margin-right: 8px;
width: 16px;
}
.is-style-small .swell-block-step__number .__label {
font-size: 12px;
opacity: 0.8;
padding: 0 2px 0 0;
}
.is-style-small .swell-block-step__number:after {
font-size: 14px;
opacity: 0.8;
}
.is-style-small [data-hide] + .swell-block-step__title {
margin-top: -24px;
}
.p-postListTab {
margin: 4em auto 2em;
width: 96%;
}
.c-tabList {
--the-tab-margin: 0;
--the-tab-flex: 0 1 auto;
--the-tab-flex_wrap: nowrap;
--the-tab-btn-padding: 1em 0.5em;
--the-tab-item-margin: 0;
display: flex;
flex-wrap: var(--the-tab-flex_wrap);
justify-content: center;
margin: var(--the-tab-margin);
position: relative;
}
.swell-block-tab > .c-tabList {
list-style: none;
padding: 0;
}
#content .c-tabList {
list-style: none;
padding-left: 0;
}
.c-tabList::-webkit-scrollbar {
background-color: var(--color_gray);
box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, 0.15);
height: 11px;
}
.c-tabList::-webkit-scrollbar-thumb {
background: hsla(0, 0%, 78%, 0.9);
background-clip: padding-box;
border: solid transparent;
border-radius: 8px;
border-width: 3px 3px 4px;
}
.c-tabList .c-tabList__item {
flex: var(--the-tab-flex);
margin: var(--the-tab-item-margin);
text-align: center;
}
.c-tabList__button {
border: none;
box-sizing: border-box;
color: var(--color_text);
display: block;
font-size: 13px;
height: 100%;
line-height: 1;
padding: var(--the-tab-btn-padding);
position: relative;
transition:
background-color 0.25s,
color 0.25s;
width: 100%;
}
.c-tabList__button:hover {
outline: none;
}
.is-style-balloon,
.is-style-bb,
.is-style-simple {
--the-tab-margin: 0 0 1em;
}
.is-style-default > .c-tabList {
justify-content: flex-start;
margin: 0;
position: relative;
width: 100%;
}
.is-style-default > .c-tabList .c-tabList__button {
background: none;
box-sizing: border-box;
opacity: 0.5;
padding-bottom: 0.75em;
padding-top: 0.75em;
}
.is-style-default > .c-tabList .c-tabList__button:hover,
.is-style-default > .c-tabList .c-tabList__button[aria-selected="true"] {
background-color: var(--color_text);
color: var(--color_content_bg);
opacity: 1;
}
.is-style-default > .c-tabList .c-tabList__button:hover:before,
.is-style-default
> .c-tabList
.c-tabList__button[aria-selected="true"]:before {
opacity: 1;
}
.is-style-balloon > .c-tabList {
--the-tab-item-margin: 0 0 16px;
}
.is-style-balloon > .c-tabList .c-tabList__item {
padding: 0 4px;
transition:
background-color 0.1s,
color 0.1s;
}
.is-style-balloon > .c-tabList .c-tabList__button {
background: var(--color_gray);
transition:
background-color 0.25s,
color 0.25s;
}
.is-style-balloon > .c-tabList .c-tabList__button:before {
border: 8px solid transparent;
border-bottom: 0;
border-top: 8px solid var(--color_main);
bottom: -8px;
content: "";
display: block;
height: 0;
left: 50%;
opacity: 0;
position: absolute;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
transition: opacity 0.25s;
width: 0;
}
.is-style-balloon > .c-tabList .c-tabList__button:hover,
.is-style-balloon > .c-tabList .c-tabList__button[aria-selected="true"] {
background-color: var(--color_main);
color: #fff;
}
.is-style-balloon > .c-tabList .c-tabList__button:hover:before,
.is-style-balloon
> .c-tabList
.c-tabList__button[aria-selected="true"]:before {
opacity: 1;
}
.is-style-simple > .c-tabList {
--the-tab-item-margin: 0 0 8px;
}
.is-style-simple > .c-tabList .c-tabList__item:not(:first-child) {
margin-left: -1px;
}
.is-style-simple > .c-tabList .c-tabList__button {
background: none;
border: 1px solid #ddd;
box-shadow: none;
color: #666;
}
.is-style-simple > .c-tabList .c-tabList__button:hover,
.is-style-simple > .c-tabList .c-tabList__button[aria-selected="true"] {
background: #ddd;
color: #333;
}
.is-style-simple > .c-tabList .c-tabList__button:hover:before,
.is-style-simple
> .c-tabList
.c-tabList__button[aria-selected="true"]:before {
opacity: 1;
}
.is-style-bb > .c-tabList {
--the-tab-item-margin: 0 0 0.75em;
}
.is-style-bb > .c-tabList .c-tabList__button {
background: none;
box-shadow: none;
opacity: 0.7;
padding-top: 0.25em;
transition:
color 0.25s,
opacity 0.25s;
}
.is-style-bb > .c-tabList .c-tabList__button:after,
.is-style-bb > .c-tabList .c-tabList__button:before {
bottom: 0;
content: "";
display: block;
left: 0;
position: absolute;
width: 100%;
}
.is-style-bb > .c-tabList .c-tabList__button:before {
background-color: var(--color_text);
height: 1px;
opacity: 0.4;
z-index: 0;
}
.is-style-bb > .c-tabList .c-tabList__button:after {
background-color: var(--color_main);
height: 2px;
opacity: 0;
transition: opacity 0.25s;
z-index: 1;
}
.is-style-bb > .c-tabList .c-tabList__button:hover,
.is-style-bb > .c-tabList .c-tabList__button[aria-selected="true"] {
color: var(--color_main);
font-weight: 700;
opacity: 1;
}
.is-style-bb > .c-tabList .c-tabList__button:hover:after,
.is-style-bb > .c-tabList .c-tabList__button[aria-selected="true"]:after {
opacity: 1;
}
@-webkit-keyframes tabFadeUp {
0% {
display: none;
opacity: 0;
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
1% {
display: block;
opacity: 0;
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
to {
display: block;
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes tabFadeUp {
0% {
display: none;
opacity: 0;
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
1% {
display: block;
opacity: 0;
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
to {
display: block;
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@-webkit-keyframes tabFade {
0% {
display: none;
opacity: 0;
}
1% {
display: block;
opacity: 0;
}
to {
display: block;
opacity: 1;
}
}
@keyframes tabFade {
0% {
display: none;
opacity: 0;
}
1% {
display: block;
opacity: 0;
}
to {
display: block;
opacity: 1;
}
}
.c-tabBody {
position: relative;
}
.is-style-default .c-tabBody {
border: 1px solid var(--color_text);
margin-top: -1px;
padding: 1.5em;
}
.p-postListTabBody .c-tabBody__item {
position: relative;
-webkit-transform: translateY(0);
transform: translateY(0);
width: 100%;
z-index: 0;
}
.p-postListTabBody .c-tabBody__item[aria-hidden="true"] {
height: 0;
left: 0;
opacity: 0;
overflow: hidden;
position: absolute;
top: 0;
-webkit-transform: translateY(8px);
transform: translateY(8px);
visibility: hidden;
}
.p-postListTabBody .c-tabBody__item[aria-hidden="false"] {
transition:
opacity 0.5s,
visibility 0.5s,
-webkit-transform 0.5s;
transition:
opacity 0.5s,
visibility 0.5s,
transform 0.5s;
transition:
opacity 0.5s,
visibility 0.5s,
transform 0.5s,
-webkit-transform 0.5s;
transition-timing-function: ease-out;
z-index: 1;
}
.is-style-default .p-postListTabBody .c-tabBody__item[aria-hidden="true"] {
-webkit-transform: translateY(0);
transform: translateY(0);
}
.swell-block-tab .c-tabBody__item {
position: relative;
width: 100%;
}
.swell-block-tab .c-tabBody__item[aria-hidden="true"] {
display: none;
}
.c-tabBody__pager {
padding-left: 24px;
}
.c-tabBody__moreText {
box-shadow: none !important;
color: #aaa;
position: absolute;
right: 48px;
}
@media (min-width: 600px) {
.calendar_wrap,
.wp-block-calendar {
font-size: 14px;
}
.wp-calendar-table caption {
font-size: 13px;
}
.is-style-broken.is-image-fill .wp-block-media-text__media {
min-height: 100%;
}
.p-profileBox__job {
font-size: 12px;
}
.p-profileBox__text {
font-size: 14px;
}
.tag-cloud-link.tag-cloud-link.tag-cloud-link {
font-size: 13px !important;
}
.p-adBox__body {
display: flex;
}
[data-ad="affiliate"] .p-adBox__img,
[data-ad="ranking"] .p-adBox__img {
flex-basis: 32%;
flex-shrink: 0;
margin-right: 1.5em;
}
[data-ad="amazon"] .p-adBox__img {
flex-basis: 160px;
flex-shrink: 0;
margin-right: 1.5em;
}
.p-adBox__details {
flex: 1 1 auto;
}
.c-balloon__icon {
width: 80px;
}
.c-balloon .c-balloon__iconImg {
height: 80px;
width: 80px;
}
.c-balloon__body {
padding: 8px 24px;
}
.c-balloon__body.-thinking {
padding-top: 16px;
}
.c-bannerLink__label {
font-size: 14px;
}
.swell-block-box-menu__item {
--the-box-width: var(--the-box-width--tab);
}
.cap_box_content {
padding: 1.5em;
}
.is-style-onborder_ttl2 > .cap_box_content,
.is-style-onborder_ttl > .cap_box_content {
padding-top: 2em;
}
.swell-block-column {
--clmn-w: var(--clmn-w--tab, 50%);
}
.c-tabList__button {
font-size: 14px;
}
.is-style-default .c-tabBody {
padding: 2em;
}
}
@media (max-width: 599px) {
.wp-block-columns.sp_mb4_ {
row-gap: 4em !important;
}
.wp-block-columns.sp_mb6_ {
row-gap: 6em !important;
}
.wp-block-columns.sp_column2 {
flex-wrap: wrap !important;
font-size: 0.9em;
}
.wp-block-columns.sp_column2 > .wp-block-column {
flex-basis: calc(50% - var(--wp-column-gap) / 2) !important;
flex-grow: 0 !important;
}
}
@media (max-width: 600px) {
.wp-block-media-text {
--swl-mediatext--space: 1rem;
}
.is-image-fill > .wp-block-media-text__media {
min-height: 56vw;
}
.is-stacked-on-mobile.wp-block-media-text {
--swl-mediatext--gap: 0;
--swl-mediatext--offsetX: 0;
}
.is-stacked-on-mobile > .wp-block-media-text__media {
grid-row: 1 !important;
}
.is-stacked-on-mobile > .wp-block-media-text__content {
grid-row: 2 !important;
padding: var(--swl-mediatext--space) !important;
}
.is-style-card.wp-block-media-text {
--swl-mediatext--space: 1.25rem;
}
.is-style-broken.is-image-fill:not(.is-stacked-on-mobile)
.wp-block-media-text__media {
min-height: 100%;
}
.is-style-broken.is-stacked-on-mobile .wp-block-media-text__content {
margin: var(--swl-mediatext--lap) 0 0 !important;
}
}
@media (min-width: 1200px) {
.wp-block-media-text.alignfull {
--swl-mediatext--space: 2rem;
}
}
@media not all and (min-width: 960px) {
.min_width10_ {
--swl-minwidth-cell: 10vw;
}
.min_width20_ {
--swl-minwidth-cell: 20vw;
}
.min_width30_ {
--swl-minwidth-cell: 28vw;
}
.is-style-double.sp_block_ td,
.is-style-double.sp_block_ th {
margin-top: 2px;
}
.sp_block_ table,
.sp_block_ tbody,
.sp_block_ td,
.sp_block_ tfoot,
.sp_block_ th,
.sp_block_ thead,
.sp_block_ tr,
table.sp_block_ {
display: block !important;
width: 100% !important;
}
.sp_block_ td,
.sp_block_ th {
margin-top: -1px;
padding: 1em;
}
.sp_block_ tbody > :first-child > :first-child {
margin-top: 0;
}
.sp_block_.is-style-double table,
table.sp_block_.is-style-double {
border-spacing: 0;
padding: 2px;
}
[data-table-scrollable="sp"] {
--table-width--sp: var(--table-width);
display: block;
overflow-x: scroll;
padding-bottom: 16px;
}
[data-table-scrollable="pc"] table {
--table-width: 100% !important;
}
/* .wp-block-table[data-theadfix="sp"] thead th {
position: sticky;
top: var(--swl-offset_y, 0);
z-index: 3;
} */
.is-style-float {
--swl-dt-width: 36%;
}
.is-style-float.swell-block-dl {
font-size: 0.95em;
}
.swell-block-fullWide__inner.l-article,
.swell-block-fullWide__inner.l-container {
--swl-fw_inner_pad: var(--swl-pad_container, 4vw);
}
[data-width-sp="auto"] > .c-tabList {
--the-tab-flex_wrap: wrap;
--the-tab-btn-padding: 1em;
}
[data-width-sp="50"] .c-tabList {
--the-tab-flex_wrap: wrap;
--the-tab-flex: 0 0 50%;
}
[data-width-sp="flex-50"] .c-tabList {
--the-tab-flex: 0 1 50%;
}
[data-width-sp="flex-auto"] .c-tabList {
--the-tab-flex: 1 1 auto;
}
[data-scroll-sp].swell-block-tab {
position: relative;
}
[data-scroll-sp].swell-block-tab:after {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-animation: FloatHorizontal 3s ease-in-out infinite alternate;
animation: FloatHorizontal 3s ease-in-out infinite alternate;
background: #fff;
border-radius: 8px;
bottom: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
color: #333;
content: "\e921\e921";
font-family: icomoon !important;
font-size: 13px;
font-weight: 400;
letter-spacing: -8px;
line-height: 1;
padding: 2px 12px 2px 4px;
position: absolute;
right: -2px;
}
[data-scroll-sp].has-background:after,
[data-scroll-sp].has-border:after {
bottom: calc(100% - 1.5em);
right: 4px;
}
[data-scroll-sp] > .c-tabList {
-webkit-overflow-scrolling: touch;
flex-wrap: nowrap !important;
justify-content: flex-start;
overflow-x: auto;
scroll-behavior: smooth;
z-index: 1;
}
[data-scroll-sp] > .c-tabList .c-tabList__item {
flex-shrink: 0;
}
[data-scroll-sp].is-style-bb > .c-tabList {
--the-tab-item-margin: 0 0 4px;
}
}
@media (min-width: 960px) {
[data-table-scrollable="sp"] table {
--table-width: 100% !important;
}
[data-table-scrollable="pc"] {
display: block;
max-width: var(--table-width, 100%);
overflow-x: scroll;
padding-bottom: 16px;
width: var(--table-width, 100%);
}
[data-ad="affiliate"] .p-adBox__details,
[data-ad="amazon"] .p-adBox__details {
display: flex;
flex-direction: column;
}
[data-ad="affiliate"] .p-adBox__btns,
[data-ad="amazon"] .p-adBox__btns {
margin-top: auto;
}
.swell-block-box-menu__item {
--the-box-width: var(--the-box-width--pc);
}
.swell-block-column {
--clmn-w: var(--clmn-w--pc, 50%);
}
.swell-block-fullWide.-fixbg {
background-attachment: fixed;
}
[data-width-pc="auto"] > .c-tabList {
--the-tab-flex_wrap: wrap;
--the-tab-btn-padding: 1em;
}
[data-width-pc="25"] > .c-tabList {
--the-tab-flex_wrap: wrap;
--the-tab-flex: 0 0 25%;
}
[data-width-pc="flex-50"] > .c-tabList {
--the-tab-flex: 0 1 50%;
}
[data-width-pc="flex-auto"] > .c-tabList {
--the-tab-flex: 1 1 auto;
}
[data-scroll-pc] > .c-tabList {
-webkit-overflow-scrolling: touch;
flex-wrap: nowrap !important;
justify-content: flex-start;
overflow-x: auto;
scroll-behavior: smooth;
z-index: 1;
}
[data-scroll-pc] > .c-tabList .c-tabList__item {
flex-shrink: 0;
}
[data-scroll-pc].is-style-bb > .c-tabList {
--the-tab-item-margin: 0 0 4px;
}
}
@media not all and (min-width: 600px) {
.tag-cloud-link.tag-cloud-link.tag-cloud-link {
font-size: 12px !important;
}
.p-adBox__img {
padding: 0 8px;
}
.p-adBox__title:not(.-rank0) {
padding-left: 2.5rem;
}
.p-adBox__details {
margin-top: 1em;
}
.p-adBox__btns {
flex-wrap: wrap;
}
.p-adBox__btn {
margin-top: 10px;
padding: 0.75em;
}
.c-balloon__text {
font-size: 0.95em;
}
.-sp-vrtcl.c-balloon {
flex-wrap: wrap;
}
.-sp-vrtcl .c-balloon__body {
padding: 8px 0 0;
width: 100%;
}
.-sp-vrtcl .-speaking {
margin-top: 8px;
}
.-sp-vrtcl .-speaking .c-balloon__shapes {
margin: 0 22px 0 36px;
top: 0;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.-sp-vrtcl .-thinking .c-balloon__shapes {
margin: 0 88px;
top: -24px;
}
.swell-block-review__inner {
padding: 1.5rem 1rem;
}
.swell-block-review__demerits .__list,
.swell-block-review__merits .__list {
margin-left: 1.25rem;
}
.swell-block-step:not(.is-style-big):not(.is-style-small)
> .swell-block-step__item:before {
display: none;
}
.swell-block-step:not(.is-style-big):not(.is-style-small)
> .swell-block-step__item
> .swell-block-step__body {
margin-left: -48px;
}
.is-style-big > .swell-block-step__item {
padding: 2em 1em;
}
}
@media (hover: hover) {
.swell-block-box-menu.is-style-default
.has-link
> .swell-block-box-menu__link:hover {
background-color: var(--swl-color_hov_gray);
}
.swell-block-box-menu.is-style-fill .has-link:hover {
box-shadow: 0 1px 8px 1px rgba(0, 0, 0, 0.15);
opacity: 0.8;
}
}
/* =============================================================================
* main.css (full, html/body/.post_content basic typography stripped)
* ============================================================================= */
.c-infoBar__btn,
.is-style-btn_shiny a {
overflow: hidden;
position: relative;
transition:
opacity 0.25s,
-webkit-transform 0.25s;
transition:
opacity 0.25s,
transform 0.25s;
transition:
opacity 0.25s,
transform 0.25s,
-webkit-transform 0.25s;
z-index: 0;
}
.c-infoBar__btn:before,
.is-style-btn_shiny a:before {
background-image: linear-gradient(
90deg,
hsla(0, 0%, 100%, 0),
hsla(0, 0%, 100%, 0.6) 80%,
hsla(0, 0%, 100%, 0)
);
content: "";
height: 200px;
left: -120px;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%) rotate(25deg);
transform: translateY(-50%) rotate(25deg);
width: 80px;
}
.c-infoBar__btn:after,
.is-style-btn_shiny a:after {
-webkit-animation-duration: 3s;
animation-duration: 3s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-name: shiny_btn;
animation-name: shiny_btn;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
background-image: linear-gradient(100deg, hsla(0, 0%, 100%, 0), #fff);
content: "";
height: 100%;
left: -100px;
position: absolute;
top: 0;
width: 50px;
}
.c-infoBar__btn:hover,
.is-style-btn_shiny a:hover {
-webkit-transform: translateY(2px);
transform: translateY(2px);
}
.c-infoBar__btn:hover:before,
.is-style-btn_shiny a:hover:before {
left: 110%;
transition: 0.25s ease-in-out;
}
.c-infoBar__btn:hover:after,
.is-style-btn_shiny a:hover:after {
-webkit-animation: none;
animation: none;
}
#fix_bottom_menu:before,
.c-infoBar:before,
.c-mvBtn__btn:before,
.l-fixHeader:before,
.p-spMenu__inner:before,
[data-type="type1"] .p-blogCard__inner:before {
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 0;
}
.wp-block-image.is-style-shadow img,
.wp-block-video.is-style-shadow video,
img.shadow {
box-shadow:
0 2px 8px rgba(0, 0, 0, 0.1),
0 4px 8px -4px rgba(0, 0, 0, 0.2);
}
.w-pageTop,
.w-singleBottom,
.w-singleTop {
margin: 2em 0;
}
.c-categoryList:before,
.c-tagList:before,
.c-taxList:before,
code.dir_name:before,
code.file_name:before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: icomoon !important;
font-style: normal;
font-variant: normal;
font-weight: 400;
line-height: 1;
text-transform: none;
}
.c-categoryList__separation:after,
.p-breadcrumb__item:after {
background-color: currentcolor;
-webkit-clip-path: polygon(
45% 9%,
75% 51%,
45% 90%,
30% 90%,
60% 50%,
30% 10%
);
clip-path: polygon(45% 9%, 75% 51%, 45% 90%, 30% 90%, 60% 50%, 30% 10%);
content: "";
display: block;
height: 10px;
margin: 0;
opacity: 0.8;
width: 10px;
}
@-webkit-keyframes flash {
0% {
opacity: 0.6;
}
to {
opacity: 1;
}
}
@keyframes flash {
0% {
opacity: 0.6;
}
to {
opacity: 1;
}
}
@-webkit-keyframes FadeIn {
to {
opacity: 1;
}
}
@keyframes FadeIn {
to {
opacity: 1;
}
}
@-webkit-keyframes FadeInFromX {
to {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes FadeInFromX {
to {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@-webkit-keyframes FadeInFromY {
to {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes FadeInFromY {
to {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@-webkit-keyframes flowing_text {
to {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
}
@keyframes flowing_text {
to {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
}
@-webkit-keyframes shiny_btn {
0% {
opacity: 0;
-webkit-transform: scale(0) rotate(25deg);
transform: scale(0) rotate(25deg);
}
84% {
opacity: 0;
-webkit-transform: scale(0) rotate(25deg);
transform: scale(0) rotate(25deg);
}
85% {
opacity: 0.9;
-webkit-transform: scale(1) rotate(25deg);
transform: scale(1) rotate(25deg);
}
to {
opacity: 0;
-webkit-transform: scale(50) rotate(25deg);
transform: scale(50) rotate(25deg);
}
}
@keyframes shiny_btn {
0% {
opacity: 0;
-webkit-transform: scale(0) rotate(25deg);
transform: scale(0) rotate(25deg);
}
84% {
opacity: 0;
-webkit-transform: scale(0) rotate(25deg);
transform: scale(0) rotate(25deg);
}
85% {
opacity: 0.9;
-webkit-transform: scale(1) rotate(25deg);
transform: scale(1) rotate(25deg);
}
to {
opacity: 0;
-webkit-transform: scale(50) rotate(25deg);
transform: scale(50) rotate(25deg);
}
}
@-webkit-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%);
}
}
@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%);
}
}
@-webkit-keyframes zoomUp {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
to {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
}
@keyframes zoomUp {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
to {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
}
@-webkit-keyframes FloatVertical {
0% {
-webkit-transform: translate3d(0, 4px, 0);
transform: translate3d(0, 4px, 0);
}
50% {
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0);
}
to {
-webkit-transform: translate3d(0, 4px, 0);
transform: translate3d(0, 4px, 0);
}
}
@keyframes FloatVertical {
0% {
-webkit-transform: translate3d(0, 4px, 0);
transform: translate3d(0, 4px, 0);
}
50% {
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0);
}
to {
-webkit-transform: translate3d(0, 4px, 0);
transform: translate3d(0, 4px, 0);
}
}
@-webkit-keyframes FloatHorizontal {
0% {
-webkit-transform: translate3d(4px, 0, 0);
transform: translate3d(4px, 0, 0);
}
50% {
-webkit-transform: translate3d(-4px, 0, 0);
transform: translate3d(-4px, 0, 0);
}
to {
-webkit-transform: translate3d(4px, 0, 0);
transform: translate3d(4px, 0, 0);
}
}
@keyframes FloatHorizontal {
0% {
-webkit-transform: translate3d(4px, 0, 0);
transform: translate3d(4px, 0, 0);
}
50% {
-webkit-transform: translate3d(-4px, 0, 0);
transform: translate3d(-4px, 0, 0);
}
to {
-webkit-transform: translate3d(4px, 0, 0);
transform: translate3d(4px, 0, 0);
}
}
:root {
--color_border: hsla(0, 0%, 78%, 0.5);
--color_gray: hsla(0, 0%, 78%, 0.15);
--swl-color_hov_gray: rgba(3, 2, 2, 0.05);
--swl-color_shadow: rgba(0, 0, 0, 0.12);
--swl-fz--root: 3.6vw;
--swl-fz--side: var(--swl-fz--root);
--swl-block-margin: 2em;
--swl-sidebar_width: 280px;
--swl-sidebar_margin: 24px;
--swl-pad_post_content: 0px;
--swl-pad_container: 4vw;
--swl-h2-margin--x: -2vw;
--swl-box_shadow: 0 2px 4px rgba(0, 0, 0, 0.05),
0 4px 4px -4px rgba(0, 0, 0, 0.1);
--swl-img_shadow: 0 2px 8px rgba(0, 0, 0, 0.1),
0 4px 8px -4px rgba(0, 0, 0, 0.2);
--swl-btn_shadow: 0 2px 2px rgba(0, 0, 0, 0.1),
0 4px 8px -4px rgba(0, 0, 0, 0.2);
--swl-text_color--black: #333;
--swl-text_color--white: #fff;
--swl-fz--xs: 0.75em;
--swl-fz--small: 0.9em;
--swl-fz--normal: 1rem;
--swl-fz--medium: 1.1em;
--swl-fz--large: 1.25em;
--swl-fz--huge: 1.6em;
--swl-list-padding--left: 1.5em;
--swl-list-padding--has_bg: 1em 1em 1em 1.75em;
}
.c-plainBtn {
-webkit-appearance: none;
-o-appearance: none;
appearance: none;
background-color: transparent;
border: none;
box-shadow: none;
}
*,
.c-plainBtn {
margin: 0;
padding: 0;
}
* {
box-sizing: border-box;
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
:after,
:before {
box-sizing: inherit;
text-decoration: inherit;
vertical-align: inherit;
}
b,
strong {
font-weight: 700;
}
sub,
sup {
font-size: smaller;
}
ruby > rt {
font-size: 50%;
}
main {
display: block;
}
:where(ol:not([type])),
:where(ul:not([type])) {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:after,
blockquote:before,
q:after,
q:before {
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
word-break: break-all;
}
img {
border-style: none;
height: auto;
max-width: 100%;
}
video {
outline: none;
}
code,
pre {
-moz-tab-size: 4;
-o-tab-size: 4;
tab-size: 4;
}
svg:not([fill]) {
fill: currentcolor;
}
[hidden] {
display: none;
}
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
button,
input {
overflow: visible;
}
button,
select {
text-transform: none;
}
[type="button"],
[type="reset"],
[type="submit"],
button {
-webkit-appearance: button;
cursor: pointer;
display: inline-block;
}
[role="button"] {
cursor: pointer;
}
fieldset {
padding: 0.35em 0.75em 0.625em;
}
legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
}
button,
input,
select,
textarea {
background-color: #f7f7f7;
border: 1px solid hsla(0, 0%, 78%, 0.5);
border-radius: 0;
color: #333;
padding: 0.25em 0.5em;
}
[type="color"] {
padding: 0;
}
[type="range"] {
vertical-align: middle;
}
[aria-busy="true"] {
cursor: progress;
}
[aria-controls] {
cursor: pointer;
}
[aria-disabled] {
cursor: default;
}
a {
color: var(--color_link);
}
.swl-inline-color {
--color_link: currentcolor;
}
#lp-content .post_content,
#main_content .post_content {
font-size: var(--swl-fz--content, 16px);
}
[data-spmenu="opened"] #wpadminbar {
z-index: 1;
}/* legacy-swell:chrome
* #fix_bottom_menu {
* bottom: -60px;
* display: none;
* left: 0;
* position: fixed;
* } */
[data-spmenu="opened"] body > .adsbygoogle {
top: -140px !important;
}
.-index-off .widget_swell_index,
.-index-off [data-onclick="toggleIndex"] {
display: none;
}
.-index-off .widget_swell_index + .c-widget {
margin-top: 0 !important;
}
.l-article {
max-width: var(--article_size);
padding-left: 0;
padding-right: 0;
}
.-sidebar-off .l-article,
.lp-content .l-article {
margin-left: auto;
margin-right: auto;
}
#body_wrap {
max-width: 100%;
overflow-x: clip;
position: relative;
z-index: 1;
}
#body_wrap.-bg-fix {
z-index: 1;
}
#body_wrap.-bg-fix:before {
content: "";
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: -1;
}/* legacy-swell:chrome
* .admin-bar {
* --swl-adminbarH: var(--wp-admin--admin-bar--height, 32px);
* } */
.l-container {
margin-left: auto;
margin-right: auto;
max-width: calc(
var(--container_size, 0px) + var(--swl-pad_container, 0px) * 2
);
padding-left: var(--swl-pad_container, 0);
padding-right: var(--swl-pad_container, 0);
}
.l-content {
margin: 0 auto 6em;
padding-top: 2em;
position: relative;
z-index: 1;
}
.l-fixHeader {
left: 0;
margin-top: var(--swl-adminbarH, 0);
opacity: 0;
position: fixed;
top: 0;
-webkit-transform: translateY(calc(var(--swl-fix_headerH, 100px) * -1));
transform: translateY(calc(var(--swl-fix_headerH, 100px) * -1));
visibility: hidden;
width: 100%;
z-index: 101;
}
.l-fixHeader[data-ready] {
transition: all 0.5s;
}
.l-fixHeader:before {
background: var(--color_header_bg);
display: block;
}
.c-smallNavTitle {
color: inherit;
font-size: 10px;
line-height: 1;
opacity: 0.6;
}
.sub-menu .c-smallNavTitle {
display: none;
}/* legacy-swell:chrome
* .c-gnav {
* display: flex;
* height: 100%;
* text-align: center;
* } *//* legacy-swell:chrome
* .c-gnav a {
* text-decoration: none;
* } *//* legacy-swell:chrome
* .c-gnav .ttl {
* color: inherit;
* line-height: 1;
* position: relative;
* z-index: 1;
* } *//* legacy-swell:chrome
* .c-gnav > .menu-item {
* height: 100%;
* position: relative;
* } *//* legacy-swell:chrome
* .c-gnav > .menu-item:hover > .sub-menu {
* opacity: 1;
* visibility: visible;
* } *//* legacy-swell:chrome
* .c-gnav > .menu-item > a {
* color: inherit;
* display: flex;
* flex-direction: column;
* height: 100%;
* justify-content: center;
* padding: 0 12px;
* position: relative;
* white-space: nowrap;
* } *//* legacy-swell:chrome
* .c-gnav > .menu-item > a .ttl {
* display: block;
* font-size: 14px;
* } *//* legacy-swell:chrome
* .c-gnav > .menu-item > a:after {
* bottom: 0;
* content: "";
* display: block;
* left: 0;
* position: absolute;
* transition:
* width 0.25s,
* height 0.25s,
* -webkit-transform 0.25s;
* transition:
* transform 0.25s,
* width 0.25s,
* height 0.25s;
* transition:
* transform 0.25s,
* width 0.25s,
* height 0.25s,
* -webkit-transform 0.25s;
* } *//* legacy-swell:chrome
* .c-gnav > .menu-item > a .c-submenuToggleBtn {
* display: none;
* } *//* legacy-swell:chrome
* .c-gnav > .menu-item > .sub-menu {
* left: 50%;
* top: 100%;
* -webkit-transform: translateX(-50%);
* transform: translateX(-50%);
* } *//* legacy-swell:chrome
* .c-gnav .sub-menu {
* box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
* opacity: 0;
* position: absolute;
* text-align: left;
* transition:
* opacity 0.25s,
* visibility 0.25s;
* visibility: hidden;
* width: 15em;
* z-index: 1;
* } *//* legacy-swell:chrome
* .c-gnav .sub-menu li {
* position: relative;
* } *//* legacy-swell:chrome
* .c-gnav .sub-menu .ttl {
* font-size: 0.9em;
* left: 0;
* position: relative;
* transition: left 0.25s;
* } *//* legacy-swell:chrome
* .c-gnav .sub-menu a {
* color: inherit;
* display: block;
* padding: 0.5em 0.75em;
* position: relative;
* } *//* legacy-swell:chrome
* .c-gnav .sub-menu a:hover {
* background-color: var(--swl-color_hov_gray);
* } *//* legacy-swell:chrome
* .c-gnav__sBtn {
* color: inherit;
* display: flex;
* flex-direction: column;
* height: 100%;
* justify-content: center;
* padding: 0 12px;
* width: auto;
* } *//* legacy-swell:chrome
* .c-gnav__sBtn .icon-search {
* font-size: 20px;
* } */
.l-header {
background: var(--color_header_bg);
left: 0;
top: 0;
z-index: 100;
}
.l-header,
.l-header__inner {
position: relative;
width: 100%;
}
.l-header__inner {
color: var(--color_header_text);
z-index: 1;
}
.l-header__inner .c-catchphrase {
letter-spacing: var(--swl-letter_spacing, 0.2px);
}
.l-header__logo {
line-height: 1;
}/* legacy-swell:chrome
* .c-headLogo.-txt {
* align-items: center;
* display: flex;
* } *//* legacy-swell:chrome
* .c-headLogo__link {
* display: block;
* text-decoration: none;
* } */
.-img .c-headLogo__link {
height: 100%;
}
.-txt .c-headLogo__link {
color: inherit;
display: block;
font-size: 5vw;
font-weight: 700;
}/* legacy-swell:chrome
* .c-headLogo__img {
* height: 100%;
* -o-object-fit: contain;
* object-fit: contain;
* width: auto;
* } */
.w-header {
align-items: center;
display: flex;
}
.l-header__customBtn,
.l-header__menuBtn {
height: var(--logo_size_sp);
line-height: 1.25;
text-align: center;
width: var(--logo_size_sp);
}
.l-mainContent {
position: static !important;
width: 100%;
}
.-sidebar-on .l-mainContent {
max-width: 100%;
}
.l-mainContent__inner > :first-child,
.l-parent > :first-child,
.post_content > :first-child {
margin-top: 0 !important;
}
.l-mainContent__inner > :last-child,
.l-parent > :last-child,
.post_content > :last-child {
margin-bottom: 0 !important;
}
.l-scrollObserver {
display: block;
height: 1px;
left: 0;
pointer-events: none;
position: absolute;
top: 100px;
visibility: hidden;
width: 100%;
z-index: 1000;
}/* legacy-swell:chrome
* #sidebar {
* font-size: var(--swl-fz--side);
* position: relative;
* } */
.c-blogLink {
--the-ison-size: 1em;
align-items: center;
display: flex;
gap: 0.5em;
line-height: 1.5;
text-decoration: none;
}
.c-blogLink__icon {
flex: 0 0 auto;
text-decoration: none;
}
.c-blogLink__icon .__svg {
height: var(--the-ison-size);
width: var(--the-ison-size);
}
.c-blogLink[data-style="text"] {
--the-ison-size: 0.9em;
}
.c-blogLink[data-style="text"] .c-blogLink__icon {
border: 1px solid;
border-radius: 50%;
display: inline-flex;
flex: 0 0 auto;
padding: 4px;
}
.c-blogLink[data-style="text"] .c-blogLink__text {
text-decoration: underline;
}
.c-blogLink[data-style="slim"] {
--the-ison-size: 1.2em;
align-items: stretch;
border-radius: 6px;
box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.1);
color: inherit;
gap: 0;
overflow: hidden;
}
.c-blogLink[data-style="slim"] .c-blogLink__icon {
align-items: center;
background-color: #e6e9ea;
border: 2px solid #fff;
border-radius: inherit;
color: #34383f;
display: flex;
justify-content: center;
transition:
color 0.25s,
background-color 0.25s;
width: 3.25em;
}
.c-blogLink[data-style="slim"] .c-blogLink__text {
padding: 1em 0.75em;
}
.c-blogLink[data-style="slim"]:hover .c-blogLink__icon {
background-color: #34383f;
color: #fff;
}
.c-listMenu li {
margin: 0;
position: relative;
}
.c-listMenu a {
border-bottom: 1px solid var(--color_border);
color: inherit;
display: block;
line-height: 1.4;
position: relative;
text-decoration: none;
}
.c-listMenu a:hover {
background-color: var(--swl-color_hov_gray);
}
.c-taxList:before {
content: "\e92f";
}
.c-categoryList {
color: var(--color_main);
}
.c-categoryList:before {
content: "\e92f";
}
.c-tagList:before {
color: inherit;
content: "\e935";
}
.c-categoryList__link,
.c-tagList__link,
.c-taxList__link {
border-radius: 1px;
display: block;
line-height: 1;
padding: 4px 0.5em;
text-decoration: none;
}
.c-tagList__link {
background: #f7f7f7;
color: #333;
}
.c-categoryList__link {
background-color: var(--color_main);
color: #fff;
}
.c-taxList__link {
background: #f7f7f7;
color: #333;
}
.l-mainContent .c-categoryList__link.-current {
background: none;
box-shadow: inset 0 0 0 1px currentcolor;
color: inherit;
}
.l-topTitleArea .c-categoryList__link.-current {
border: none;
padding: 0;
}
.c-categoryList__separation {
display: block;
line-height: 1;
margin-right: 0.25em;
}
.c-filterLayer:after,
.c-filterLayer:before,
.c-filterLayer__img {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.c-filterLayer {
z-index: 0;
}
.c-filterLayer:before {
z-index: 1;
}
.c-filterLayer:after {
display: block;
z-index: 2;
}
.c-filterLayer.-texture-dot:after {
background-color: rgba(0, 0, 0, 0.1);
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAQMAAAC3obSmAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAGUExURUdwTAAAAJ8qhFEAAAABdFJOUwBA5thmAAAAEklEQVQI12MwYDBgYGBoYGAAAASKAOH8MS30AAAAAElFTkSuQmCC);
background-size: 2px;
content: "";
opacity: 0.5;
}
.c-filterLayer.-texture-brushed:after {
background-image: url(../../assets/img/texture/white-brushed.png);
content: "";
opacity: 0.5;
}
.c-filterLayer__img {
z-index: 0;
}
.-filter-blur > .c-filterLayer__img {
-webkit-filter: blur(4px);
filter: blur(4px);
height: calc(100% + 8px);
left: -4px;
top: -4px;
width: calc(100% + 8px);
}
.-filter-glay > .c-filterLayer__img {
-webkit-filter: grayscale(60%);
filter: grayscale(60%);
}/* legacy-swell:chrome
* .c-fixBtn {
* align-items: center;
* background: #fff;
* border: 1px solid var(--color_main);
* border-radius: var(--swl-radius--8, 0);
* box-shadow: var(--swl-box_shadow);
* color: var(--color_main);
* cursor: pointer;
* display: flex;
* flex-direction: column;
* height: 52px;
* justify-content: center;
* letter-spacing: normal;
* line-height: 1;
* opacity: 0.75;
* overflow: hidden;
* text-align: center;
* transition: all 0.25s;
* width: 52px;
* } *//* legacy-swell:chrome
* .c-fixBtn + .c-fixBtn {
* margin-top: 16px;
* } *//* legacy-swell:chrome
* .c-fixBtn__icon {
* display: block;
* font-size: 20px;
* } *//* legacy-swell:chrome
* .c-fixBtn__label {
* -webkit-font-feature-settings: "palt";
* font-feature-settings: "palt";
* display: block;
* font-size: 10px;
* -webkit-transform: scale(0.9);
* transform: scale(0.9);
* } */
#fix_tocbtn .c-fixBtn__label {
margin-top: 2px;
}
#pagetop .c-fixBtn__label {
margin-top: -8px;
}
#pagetop[data-has-text="1"] .c-fixBtn__icon {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
.c-iconBtn {
align-content: center;
align-items: center;
color: inherit;
display: inline-flex;
flex-wrap: wrap;
height: 100%;
justify-content: center;
text-decoration: none;
width: 100%;
}
.c-iconBtn .-menuBtn {
z-index: 1;
}
.c-iconBtn__icon {
display: block;
font-size: 24px;
}
.p-spMenu__closeBtn .c-iconBtn__icon {
font-size: 20px;
}
.c-iconBtn__icon:before {
display: block;
}
.c-iconBtn__label {
display: block;
font-size: 10px;
-webkit-transform: scale(0.9);
transform: scale(0.9);
width: 100%;
}
.c-iconList {
display: flex;
flex-wrap: wrap;
}
.widget_swell_prof_widget .c-iconList,
.widget_swell_sns_links .c-iconList {
justify-content: center;
}
.l-footer__foot .c-iconList {
justify-content: center;
margin-bottom: 8px;
}
.c-iconList__link {
box-sizing: content-box;
color: inherit;
height: 1em;
margin: 0 3px;
padding: 2px;
text-align: center;
text-decoration: none;
width: 1em;
}
.c-iconList__icon,
.c-iconList__link {
display: block;
line-height: 1;
}
.c-iconList__icon:before {
color: inherit;
}
.is-style-circle .c-iconList__link {
border: 1px solid;
border-radius: 50%;
margin: 4px;
padding: 5px;
}
.c-modal {
height: 100%;
left: 0;
position: fixed;
top: 0;
transition:
opacity 0.5s,
visibility 0.5s;
width: 100%;
z-index: 1000;
}
[data-loaded="false"] .c-modal {
display: none;
}
.c-modal:not(.is-opened) {
opacity: 0;
pointer-events: none;
visibility: hidden;
}
.c-modal .c-modal__close {
color: #fff;
cursor: pointer;
left: 0;
line-height: 2;
padding-top: 0.5em;
position: absolute;
text-align: center;
text-shadow: 1px 1px 1px #000;
top: 100%;
width: 100%;
}/* legacy-swell:chrome
* .c-mvBtn {
* display: block;
* margin: 2em auto 0;
* position: relative;
* text-align: center;
* } */
.u-ta-l .c-mvBtn {
margin-left: 0;
}
.u-ta-r .c-mvBtn {
margin-right: 0;
}/* legacy-swell:chrome
* .c-mvBtn__btn {
* background-color: var(--color_main);
* border-radius: var(--mv_btn_radius);
* box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
* display: block;
* font-size: 3.2vw;
* letter-spacing: var(--swl-letter_spacing, 1px);
* overflow: hidden;
* padding: 0.75em 2.5em;
* position: relative;
* text-decoration: none;
* text-shadow: none;
* transition: box-shadow 0.25s;
* } */
.-btn-n > .c-mvBtn__btn {
color: #fff;
}/* legacy-swell:chrome
* .c-mvBtn__btn:before {
* background: linear-gradient(hsla(0, 0%, 100%, 0.2), #fff);
* border-radius: 2px;
* display: block;
* opacity: 0;
* transition: opacity 0.25s;
* } *//* legacy-swell:chrome
* .c-mvBtn__btn:hover {
* box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
* opacity: 1;
* } *//* legacy-swell:chrome
* .c-mvBtn__btn:hover:before {
* opacity: 0.2;
* } */
.-btn-b > .c-mvBtn__btn {
background: none;
border: 1px solid;
}
.c-overlay {
background: rgba(0, 0, 0, 0.75);
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 0;
}/* legacy-swell:chrome
* .c-pagination {
* align-items: center;
* display: flex;
* flex-wrap: wrap;
* font-size: 13px;
* justify-content: center;
* margin: 3em 0;
* position: relative;
* } *//* legacy-swell:chrome
* [class*="page-numbers"] {
* box-sizing: content-box;
* display: block;
* font-size: 14px;
* height: 36px;
* line-height: 36px;
* margin: 6px;
* min-width: 36px;
* padding: 0;
* position: relative;
* text-align: center;
* text-decoration: none;
* transition:
* color 0.25s,
* background-color 0.25s;
* width: auto;
* } *//* legacy-swell:chrome
* [class*="page-numbers"].current,
* [class*="page-numbers"]:hover {
* background-color: var(--color_main);
* color: #fff;
* } *//* legacy-swell:chrome
* .c-pagination__dot {
* color: #aaa;
* margin: 0 6px;
* } */
.c-postTitle {
align-items: center;
display: flex;
flex-direction: row-reverse;
}
.c-postTitle__ttl {
font-size: 5vw;
line-height: 1.4;
width: 100%;
}
.c-postTitle__date {
border-right: 1px solid var(--color_border);
font-weight: 400;
line-height: 1;
margin-right: 0.75em;
padding: 0.5em 0.75em 0.5em 0;
text-align: center;
}
.c-postTitle__date .__y {
display: block;
font-size: 3vw;
line-height: 1;
margin-bottom: 4px;
}
.c-postTitle__date .__md {
display: block;
font-size: 4.2vw;
}/* legacy-swell:chrome
* .p-postList .c-postTitle {
* margin: 0 auto 1em;
* position: relative;
* width: 100%;
* z-index: 1;
* } *//* legacy-swell:chrome
* .p-postList .c-postTitle__date .__md,
* .p-postList .c-postTitle__ttl {
* font-size: 4vw;
* } */
.c-reviewStars i {
color: var(--color-review_star, #fac225);
}
.post_content > .c-reviewStars {
display: block;
}
.c-scrollHint {
-webkit-animation: FloatHorizontal 2s ease-in-out infinite alternate;
animation: FloatHorizontal 2s ease-in-out infinite alternate;
margin-bottom: 2px !important;
margin-top: 3em;
text-align: right;
}
.c-scrollHint span {
align-items: center;
display: inline-flex;
font-size: 12px;
line-height: 1;
opacity: 0.75;
vertical-align: middle;
}
.c-scrollHint span i {
font-size: 16px;
margin-left: 4px;
}
/* .c-scrollHint + .wp-block-table {
margin-top: 0 !important;
} */
.c-searchForm {
position: relative;
}
.c-searchForm__s {
background-color: #fff;
line-height: 2;
padding: 4px 44px 4px 8px;
width: 100%;
}
.c-searchForm__submit {
border-radius: var(--swl-radius--4, 0);
height: 100%;
overflow: hidden;
position: absolute;
right: 0;
top: 0;
width: 40px;
}
.c-searchForm__submit:before {
color: #fff;
font-size: 20px;
left: 50%;
position: absolute;
top: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
z-index: 1;
}
.w-header .c-searchForm__s {
font-size: 14px;
line-height: 20px;
}
.w-header .c-searchForm__submit {
width: 30px;
}
.w-header .c-searchForm__submit:before {
font-size: 16px;
}
.skip-link {
left: 0;
opacity: 0;
overflow: hidden;
pointer-events: none;
position: absolute !important;
text-decoration: none;
top: 0;
z-index: 999;
}
.skip-link:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
color: #21759b;
display: block;
font-size: 14px;
font-weight: 700;
height: auto;
left: 8px;
opacity: 1;
padding: 16px 24px;
pointer-events: auto;
top: 8px;
width: auto;
z-index: 1000;
}
.c-postAuthor {
align-items: center;
display: flex;
}
.c-postAuthor.is-link {
color: inherit;
text-decoration: none;
transition: opacity 0.25s;
}
.c-postAuthor.is-link:hover {
opacity: 0.75;
}
.c-postAuthor__figure {
border-radius: 50%;
height: 20px;
margin: 0 0.25em 0 1px;
overflow: hidden;
width: 20px;
}
.c-postAuthor__figure .avatar {
display: block;
-o-object-fit: cover;
object-fit: cover;
}/* legacy-swell:chrome
* .c-postThumb {
* overflow: hidden;
* position: relative;
* vertical-align: middle;
* } *//* legacy-swell:chrome
* .c-postThumb__figure {
* margin: 0;
* overflow: hidden;
* position: relative;
* width: 100%;
* z-index: 0;
* } *//* legacy-swell:chrome
* .c-postThumb__figure:before {
* content: "";
* display: block;
* height: 0;
* padding-top: var(--card_posts_thumb_ratio);
* } */
.-type-list .c-postThumb__figure:before,
.-type-list2 .c-postThumb__figure:before {
padding-top: var(--list_posts_thumb_ratio);
}
.-type-big .c-postThumb__figure:before {
padding-top: var(--big_posts_thumb_ratio);
}
.-type-thumb .c-postThumb__figure:before {
padding-top: var(--thumb_posts_thumb_ratio);
}
.p-blogCard .c-postThumb__figure:before {
padding-top: var(--blogcard_thumb_ratio);
}/* legacy-swell:chrome
* .p-postList__link:hover .c-postThumb:before {
* opacity: 0.2;
* } *//* legacy-swell:chrome
* .p-postList__link:hover .c-postThumb__img {
* -webkit-transform: scale(1.06);
* transform: scale(1.06);
* } *//* legacy-swell:chrome
* .c-postThumb__img {
* left: 0;
* position: absolute;
* top: 0;
* transition: -webkit-transform 0.25s;
* transition: transform 0.25s;
* transition:
* transform 0.25s,
* -webkit-transform 0.25s;
* } *//* legacy-swell:chrome
* .c-postThumb__cat {
* background-color: var(--color_main);
* display: inline-block;
* font-size: 10px;
* line-height: 2;
* overflow: hidden;
* padding: 0 0.75em;
* position: absolute;
* right: 0;
* top: 0;
* white-space: nowrap;
* z-index: 1;
* } */
.-type-list .c-postThumb__cat,
.-type-list2 .c-postThumb__cat {
left: 0;
right: auto;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}/* legacy-swell:chrome
* .c-postThumb__cat:before {
* margin-right: 0.4em;
* } *//* legacy-swell:chrome
* .c-postTimes {
* align-items: center;
* display: flex;
* flex-wrap: wrap;
* gap: 0.5em;
* } *//* legacy-swell:chrome
* .c-postTimes__modified:before,
* .c-postTimes__posted:before {
* margin-right: 0.325em;
* position: relative;
* top: 1px;
* } */
.c-rssSite {
margin-right: 0.5rem;
}
.c-rssSite__favi {
display: block;
height: 14px;
margin-right: 0.25rem;
width: 14px;
}
.c-rssAuthor {
margin-left: 0 !important;
}
.p-blogCard {
cursor: pointer;
display: block;
margin: 2.5em auto 2em;
max-width: 880px;
transition: box-shadow 0.25s;
width: 100%;
}
.wp-block-embed > .p-blogCard {
margin: 0 auto;
}
.p-blogCard:hover {
box-shadow:
0 4px 16px rgba(0, 0, 0, 0.1),
0 12px 28px -12px rgba(0, 0, 0, 0.05);
}
.p-blogCard:hover .c-postThumb__img {
opacity: 1;
}
.p-blogCard__caption {
background: var(--color_content_bg);
border-radius: 2px;
display: inline-block;
font-size: 11px;
left: 16px;
line-height: 2;
padding: 0 0.5em;
position: absolute;
top: -1em;
z-index: 1;
}
.p-blogCard__caption:before {
content: "\e923";
display: inline-block;
font-family: icomoon;
margin-right: 3px;
}
.-external .p-blogCard__caption:before {
content: "\e91a";
}
.p-blogCard__inner {
align-items: center;
display: flex;
justify-content: space-between;
margin: 0;
padding: 16px;
position: relative;
transition: box-shadow 0.25s;
}
.-noimg > .p-blogCard__inner {
min-height: 5em;
}
.p-blogCard__thumb {
flex-shrink: 0;
margin: 0 1em 0 0;
width: 30%;
}
.p-blogCard__thumb .c-postThumb__figure {
margin: 0;
position: relative;
width: 100%;
}
.p-blogCard__body {
flex: 1 1 auto;
margin: 0;
}
.p-blogCard__title {
color: inherit;
display: block;
font-weight: 400;
line-height: 1.4;
text-decoration: none;
}
.p-blogCard__excerpt {
display: block;
font-size: 0.8em;
line-height: 1.4;
margin-top: 0.5em;
opacity: 0.8;
word-break: break-word;
}
[data-type="type1"] .p-blogCard__caption {
bottom: auto;
right: auto;
}
[data-type="type1"] .p-blogCard__inner {
padding-top: 21px;
}
[data-type="type1"] .p-blogCard__inner:before {
border: 1px solid;
border-radius: var(--swl-radius--2, 0);
display: block;
pointer-events: none;
}
[data-type="type2"] .p-blogCard__caption {
background: var(--color_main);
bottom: auto;
color: #fff;
padding: 0 0.75em;
right: auto;
}
[data-type="type2"] .p-blogCard__inner {
border: 1px solid var(--color_main);
border-radius: 2px;
padding-top: 24px;
}
[data-type="type3"] .p-blogCard__caption {
background: none;
bottom: 2px;
font-size: 10px;
left: auto;
opacity: 0.8;
right: 4px;
top: auto;
-webkit-transform: scale(0.8);
transform: scale(0.8);
-webkit-transform-origin: 100% 100%;
transform-origin: 100% 100%;
}
[data-type="type3"] .p-blogCard__inner {
background: #fff;
border-radius: 2px;
box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.08);
color: #333;
}/* legacy-swell:chrome
* .p-breadcrumb {
* margin: 0 auto;
* padding: 8px 0;
* position: relative;
* } *//* legacy-swell:chrome
* .p-breadcrumb.-bg-on {
* background: #f7f7f7;
* } *//* legacy-swell:chrome
* .p-breadcrumb:not(.-bg-on) {
* padding-top: 12px;
* } */
.-body-solid .p-breadcrumb.-bg-on {
box-shadow: inset 0 -1px 8px rgba(0, 0, 0, 0.06);
}
.-frame-on .p-breadcrumb,
.c-infoBar + .p-breadcrumb,
.c-infoBar + [data-barba="container"] > .p-breadcrumb,
.l-topTitleArea + .p-breadcrumb {
background: none !important;
border: none !important;
box-shadow: none !important;
padding-top: 12px;
}
.-frame-on .p-breadcrumb {
padding-bottom: 12px;
}/* legacy-swell:chrome
* .p-breadcrumb__list {
* align-items: center;
* display: flex;
* font-size: 10px;
* gap: 0.5em;
* list-style: none;
* overflow: hidden;
* width: 100%;
* } *//* legacy-swell:chrome
* .p-breadcrumb__item {
* align-items: center;
* display: inline-flex;
* gap: 0.5em;
* position: relative;
* } *//* legacy-swell:chrome
* .p-breadcrumb__item:last-child:after {
* content: none;
* } *//* legacy-swell:chrome
* .p-breadcrumb__item:last-child span {
* opacity: 0.8;
* } *//* legacy-swell:chrome
* .p-breadcrumb__text {
* align-items: center;
* color: inherit;
* display: block;
* display: inline-flex;
* text-decoration: none;
* white-space: nowrap;
* } *//* legacy-swell:chrome
* .p-breadcrumb__text:before {
* margin-right: 3px;
* } *//* legacy-swell:chrome
* .p-breadcrumb__text:hover span {
* opacity: 0.76;
* } *//* legacy-swell:chrome
* .p-breadcrumb__text .__home {
* align-items: center;
* display: inline-flex;
* gap: 4px;
* } *//* legacy-swell:chrome
* .p-breadcrumb__text .__home:before {
* line-height: inherit;
* } */
.single .p-breadcrumb__item:last-child > span.p-breadcrumb__text {
display: none;
}
.p-fixBtnWrap {
align-items: flex-end;
bottom: 1.25em;
display: flex;
flex-direction: column;
opacity: 0;
position: fixed;
right: 1em;
text-align: center;
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
transition:
opacity 0.3s,
visibility 0.3s,
-webkit-transform 0.3s;
transition:
opacity 0.3s,
transform 0.3s,
visibility 0.3s;
transition:
opacity 0.3s,
transform 0.3s,
visibility 0.3s,
-webkit-transform 0.3s;
visibility: hidden;
z-index: 99;
}
[data-loaded="false"] .p-fixBtnWrap {
display: none;
}
[data-scrolled="true"] .p-fixBtnWrap {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
visibility: visible;
}
.p-postListWrap {
position: relative;
}/* legacy-swell:chrome
* .p-postList.p-postList {
* list-style: none;
* margin-bottom: 0;
* padding-left: 0;
* } *//* legacy-swell:chrome
* .p-postList.-type-simple {
* border-top: 1px solid var(--color_border);
* } *//* legacy-swell:chrome
* .p-postList.-type-card,
* .p-postList.-type-thumb {
* display: flex;
* flex-wrap: wrap;
* margin-left: -0.5em;
* margin-right: -0.5em;
* } */
.-frame-off .p-postList.-type-list2 {
border-top: 1px solid var(--color_border);
padding-top: 1.5em;
}/* legacy-swell:chrome
* .c-widget .p-postList.-type-card {
* margin-bottom: -1.5em;
* } *//* legacy-swell:chrome
* .p-postList.-type-thumb + .is-style-more_btn {
* margin-top: 1em;
* } *//* legacy-swell:chrome
* .p-postList.-type-simple + .is-style-more_btn {
* margin-top: 2em;
* } *//* legacy-swell:chrome
* .p-postList__item.p-postList__item:before {
* content: none;
* } */
.-type-simple .p-postList__item {
margin-bottom: 0;
margin-top: 0;
}
.-type-list .p-postList__item {
margin-bottom: 2em;
margin-top: 0;
}
.-type-list2 .p-postList__item {
border-bottom: 1px solid var(--color_border);
margin-bottom: 1.5em;
margin-top: 0;
padding-bottom: 1.5em;
}
.-type-big .p-postList__item {
padding-left: 0.5em;
padding-right: 0.5em;
}
.-type-big .p-postList__item:not(:last-child) {
border-bottom: 1px solid var(--color_border);
margin-bottom: 3em;
padding-bottom: 3em;
}
.-type-card .p-postList__item {
margin-bottom: 2.5em;
margin-top: 0;
padding: 0 0.5em;
width: 50%;
}
.-type-thumb .p-postList__item {
margin-bottom: 1em;
margin-top: 0;
padding: 0 0.5em;
width: 50%;
}
.is-first-big > .p-postList__item:first-child {
width: 100%;
}/* legacy-swell:chrome
* .c-widget .-type-card .p-postList__item {
* margin-bottom: 2em;
* } *//* legacy-swell:chrome
* .c-widget .-type-list .p-postList__item {
* margin-bottom: 1.5em;
* } *//* legacy-swell:chrome
* .p-postList__link {
* color: inherit;
* display: block;
* position: relative;
* text-decoration: none;
* z-index: 0;
* } */
.-type-card .p-postList__link {
height: 100%;
}
.-type-simple .p-postList__link {
border-bottom: 1px solid var(--color_border);
display: block;
padding: 1em 0.25em;
transition: background-color 0.25s;
}
.-type-simple .p-postList__link:hover {
background-color: var(--swl-color_hov_gray);
}
.-type-list .p-postList__link,
.-type-list2 .p-postList__link {
align-items: flex-start;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.-type-list2 .p-postList__link {
padding: 0 0.25em;
}
.-type-list2 .p-postList__item:nth-child(2n) .p-postList__link {
flex-direction: row-reverse;
}
.-type-card .p-postList__thumb {
width: 100%;
}
.-type-list .p-postList__thumb,
.-type-list2 .p-postList__thumb {
width: 36%;
}
.-type-thumb .p-postList__thumb {
box-shadow: none;
width: 100%;
}/* legacy-swell:chrome
* .p-postList__thumb:before {
* background: linear-gradient(
* 45deg,
* var(--color_gradient1),
* var(--color_gradient2)
* );
* content: "";
* display: block;
* height: 100%;
* left: 0;
* opacity: 0;
* position: absolute;
* top: 0;
* transition: opacity 0.25s;
* width: 100%;
* z-index: 1;
* } *//* legacy-swell:chrome
* .p-postList__body {
* position: relative;
* transition: opacity 0.25s;
* } */
.-type-big .p-postList__body,
.-type-card .p-postList__body {
padding-top: 1em;
}
.-ps-style-normal .p-postList__item:hover .p-postList__body,
.-type-card .p-postList__item:hover .p-postList__body,
.-type-list .p-postList__item:hover .p-postList__body {
opacity: 0.75;
}
.-type-list .p-postList__body,
.-type-list2 .p-postList__body {
width: 60%;
}
.-type-thumb .p-postList__body {
background: rgba(0, 0, 0, 0.5);
bottom: 0;
color: #fff;
left: 0;
padding: 0.75em;
position: absolute;
width: 100%;
}
.-type-big .p-postList__body:after,
.-type-list2 .p-postList__body:after {
box-shadow: 0 0 0 1px var(--color_border);
display: block;
font-size: 12px;
letter-spacing: var(--swl-letter_spacing, 0.5px);
margin: 2em auto 0;
opacity: 0.75;
padding: 1em 0;
text-align: center;
transition:
color 0.25s,
background-color 0.25s;
width: 100%;
}
.-type-list2 .p-postList__body:after {
display: inline-block;
margin-top: 2em;
max-width: 100%;
padding: 0.5em 3em;
width: auto;
}/* legacy-swell:chrome
* .p-postList__link:hover .p-postList__body:after {
* background: var(--color_main);
* box-shadow: none;
* color: #fff;
* opacity: 1;
* } *//* legacy-swell:chrome
* .p-postList .p-postList__title {
* background: none;
* border: none;
* color: inherit;
* display: block;
* font-weight: 700;
* line-height: 1.5;
* margin: 0;
* padding: 0;
* } *//* legacy-swell:chrome
* .p-postList .p-postList__title:after,
* .p-postList .p-postList__title:before {
* content: none;
* } */
.-type-card .p-postList__title,
.-type-list .p-postList__title,
.-type-list2 .p-postList__title {
font-size: 3.6vw;
}
.-type-simple .p-postList__title {
font-size: 1em;
}/* legacy-swell:chrome
* .p-postList__excerpt {
* line-height: 1.5;
* } */
.-type-card .p-postList__excerpt {
font-size: 3.2vw;
margin-top: 0.5em;
}
.-type-list .p-postList__excerpt,
.-type-list2 .p-postList__excerpt {
font-size: 3.4vw;
margin-top: 0.5em;
}
.-type-big .p-postList__excerpt {
line-height: 1.6;
padding-bottom: 0.5em;
}
#sidebar .p-postList__excerpt,
.-related .p-postList__excerpt,
.-type-thumb .p-postList__excerpt {
display: none;
}/* legacy-swell:chrome
* .p-postList__meta {
* align-items: center;
* display: flex;
* flex-wrap: wrap;
* font-size: 10px;
* line-height: 1.25;
* margin-top: 0.75em;
* position: relative;
* } *//* legacy-swell:chrome
* .p-postList__title + .p-postList__meta {
* margin-top: 0.25em;
* } *//* legacy-swell:chrome
* .p-postList__meta :before {
* margin-right: 0.25em;
* } */
.-type-simple .p-postList__meta {
margin: 0 0 4px;
}
.-type-big .p-postList__meta {
font-size: 12px;
margin: 0 0 1em;
}
.-type-thumb .p-postList__meta,
.c-widget .p-postList__meta {
margin-top: 0;
}/* legacy-swell:chrome
* .p-postList__author,
* .p-postList__cat,
* .p-postList__times,
* .p-postList__views {
* margin-right: 0.5em;
* padding: 4px 0;
* } */
.-type-simple .p-postList__author {
padding: 0;
}/* legacy-swell:chrome
* .p-postList__author:not(:first-child) {
* margin-left: auto;
* } */
.-w-ranking.p-postList {
counter-reset: number 0;
}
.-w-ranking .p-postList__item {
position: relative;
}
.-w-ranking .p-postList__item:before {
background-color: #3c3c3c;
color: #fff;
content: counter(number);
counter-increment: number;
display: block;
font-family: arial, helvetica, sans-serif;
pointer-events: none;
position: absolute;
text-align: center;
z-index: 2;
}
.-w-ranking .p-postList__item:first-child:before {
background-color: #f7d305;
background-image: linear-gradient(
to top left,
#f7bf05,
#fcea7f,
#fcd700,
#f7d305,
#eaca12,
#ac9303,
#f7d305,
#fcea7f,
#f7e705,
#eaca12,
#f7bf05
);
}
.-w-ranking .p-postList__item:nth-child(2):before {
background-color: #a5a5a5;
background-image: linear-gradient(
to top left,
#a5a5a5,
#e5e5e5,
#ae9c9c,
#a5a5a5,
#a5a5a5,
#7f7f7f,
#a5a5a5,
#e5e5e5,
#a5a5a5,
#a5a5a5,
#a5a5a5
);
}
.-w-ranking .p-postList__item:nth-child(3):before {
background-color: #c47222;
background-image: linear-gradient(
to top left,
#c46522,
#e8b27d,
#d07217,
#c47222,
#b9722e,
#834c17,
#c47222,
#e8b27d,
#c48022,
#b9722e,
#c46522
);
}
.-w-ranking.-type-card .p-postList__item:before {
font-size: 3.2vw;
left: calc(0.5em + 8px);
line-height: 2.5;
top: -4px;
width: 2em;
}
.-w-ranking.-type-list .p-postList__item:before {
font-size: 3vw;
left: 0;
line-height: 2;
top: 0;
width: 2em;
}
.-type-big .noimg_ {
display: none;
}
.-type-big .noimg_ + .p-postList__body {
padding-top: 0;
}
.p-spMenu {
height: 100%;
left: 0;
position: fixed;
top: 0;
transition: opacity 0s;
width: 100%;
z-index: 101;
}
[data-loaded="false"] .p-spMenu {
display: none;
}
[data-spmenu="closed"] .p-spMenu {
opacity: 0;
pointer-events: none;
transition-delay: 1s;
}
.p-spMenu a {
color: inherit;
}
.p-spMenu .c-widget__title {
margin-bottom: 1.5em;
}
.c-spnav {
display: block;
text-align: left;
}
.c-spnav .menu-item {
position: relative;
}
.c-spnav > .menu-item:first-child > a {
border-top: none;
}
.c-spnav a {
border-bottom: 1px solid var(--color_border);
display: block;
padding: 0.75em 0.25em;
}
.c-spnav .desc {
margin-left: 8px;
}
.p-spMenu__overlay {
transition:
opacity 0.5s,
visibility 0.5s;
}
[data-spmenu="closed"] .p-spMenu__overlay {
opacity: 0;
visibility: hidden;
}
.p-spMenu__inner {
box-shadow: 0 0 8px var(--swl-color_shadow);
height: 100%;
padding-top: var(--logo_size_sp);
position: absolute;
top: 0;
transition: -webkit-transform 0.45s;
transition: transform 0.45s;
transition:
transform 0.45s,
-webkit-transform 0.45s;
transition-timing-function: ease-out;
width: 88vw;
z-index: 1;
}
.-left .p-spMenu__inner {
left: 0;
-webkit-transform: translateX(-88vw);
transform: translateX(-88vw);
}
.-right .p-spMenu__inner {
right: 0;
-webkit-transform: translateX(88vw);
transform: translateX(88vw);
}
[data-spmenu="opened"] .p-spMenu__inner {
-webkit-transform: translateX(0);
transform: translateX(0);
}
.p-spMenu__closeBtn {
height: var(--logo_size_sp);
position: absolute;
top: 0;
width: var(--logo_size_sp);
z-index: 1;
}
.-left .p-spMenu__closeBtn {
left: 0;
}
.-right .p-spMenu__closeBtn {
right: 0;
}
.p-spMenu__body {
-webkit-overflow-scrolling: touch;
height: 100%;
overflow-y: scroll;
padding: 0 4vw 10vw;
position: relative;
}
.p-spMenu__nav {
margin-top: -1em;
padding-bottom: 0.5em;
}
.p-spMenu__bottom {
margin-top: 2em;
}
.note {
color: #e03030;
}
.dump_data {
background: #fafafa;
border: 1px solid #ddd;
display: block;
font-family: arial, sans-serif;
font-size: 13px;
padding: 16px;
white-space: pre-wrap;
}
.xdebug-var-dump {
font-family: inherit;
white-space: inherit;
}
.xdebug-var-dump small:first-child {
display: block;
}
.xdebug-var-dump font {
color: #4368af;
}
.xdebug-var-dump small {
color: #ff6868;
}
.alignwide {
max-width: none !important;
position: relative;
width: 100%;
}
h2.alignwide {
margin-left: 0 !important;
margin-right: 0 !important;
}
.alignfull {
left: calc(50% - 50vw);
max-width: 100vw !important;
position: relative;
width: 100vw;
}
@supports (--css: variables) {
.alignfull {
left: calc(50% - 50vw + var(--swl-scrollbar_width, 0px) / 2);
width: calc(100vw - var(--swl-scrollbar_width, 0px));
}
}
.alignfull > .wp-block-cover__inner-container,
.alignfull > .wp-block-group__inner-container {
margin: 0 auto;
max-width: var(--article_size);
}
.u-bg-main {
background-color: var(--color_main) !important;
color: #fff !important;
}
.cf:after,
.cf:before {
clear: both;
content: "";
display: block;
height: 0;
overflow: hidden;
}
.clear,
.u-cf {
clear: both !important;
}
.none,
.u-none {
display: none !important;
}
.u-block {
display: block !important;
}
.u-flex--aic {
align-items: center;
display: flex;
}
.fs_xs,
.has-xs-font-size,
.u-fz-xs {
font-size: var(--swl-fz--xs) !important;
}
.fs_s,
.has-s-font-size,
.has-small-font-size,
.u-fz-s {
font-size: var(--swl-fz--small) !important;
}
.has-normal-font-size,
.has-regular-font-size {
font-size: var(--swl-fz--normal) !important;
}
.has-medium-font-size,
.u-fz-m {
font-size: var(--swl-fz--medium) !important;
}
.fs_l,
.has-l-font-size,
.has-large-font-size,
.u-fz-l {
font-size: var(--swl-fz--large) !important;
}
.fs_xl,
.has-huge-font-size,
.has-xl-font-size,
.u-fz-xl {
font-size: var(--swl-fz--huge) !important;
}
.u-fz-10 {
font-size: 10px;
}
.u-fz-11 {
font-size: 11px;
}
.u-fz-12 {
font-size: 12px;
}
.u-fz-13 {
font-size: 13px;
}
.u-fz-14 {
font-size: 14px;
}
.u-fz-15 {
font-size: 15px;
}
.u-fz-16 {
font-size: 16px;
}
.u-fz-18 {
font-size: 18px;
}
.u-fw-bold {
font-weight: 700 !important;
}
.u-fw-normal {
font-weight: 400 !important;
}
.u-fw-lighter {
font-weight: lighter !important;
}
.u-fs-italic {
font-style: italic !important;
}
.u-col-main {
color: var(--color_main) !important;
}
.u-thin {
opacity: 0.8;
}
.hov-opacity {
transition: opacity 0.25s;
}
.hov-opacity:hover {
opacity: 0.8;
}
.hov-flash:hover {
-webkit-animation: flash 1s;
animation: flash 1s;
}
.hov-flash-up {
transition: box-shadow 0.25s;
}
.hov-flash-up:hover {
-webkit-animation: flash 1s;
animation: flash 1s;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
}
.hov-col-main {
transition: color 0.25s;
}
.hov-col-main:hover {
color: var(--color_main) !important;
}
.u-lh-10 {
line-height: 1 !important;
}
.u-lh-15 {
line-height: 1.5 !important;
}
.u-lh-20 {
line-height: 2 !important;
}
.luminous {
cursor: -webkit-zoom-in !important;
cursor: zoom-in !important;
}
.u-mb-ctrl + * {
margin-top: 0 !important;
}
.u-mb-0 {
margin-bottom: 0 !important;
}
.u-mb-5 {
margin-bottom: 0.5em !important;
}
.u-mb-10 {
margin-bottom: 1em !important;
}
.u-mb-15 {
margin-bottom: 1.5em !important;
}
.u-mb-20 {
margin-bottom: 2em !important;
}
.u-mb-25 {
margin-bottom: 2.5em !important;
}
.u-mb-30 {
margin-bottom: 3em !important;
}
.u-mb-40 {
margin-bottom: 4em !important;
}
.u-mb-50 {
margin-bottom: 5em !important;
}
.u-mb-60 {
margin-bottom: 6em !important;
}
.u-mb-80 {
margin-bottom: 8em !important;
}
.u-mt-0 {
margin-top: 0 !important;
}
.u-mt-5 {
margin-top: 0.5em !important;
}
.u-mt-10 {
margin-top: 1em !important;
}
.u-mt-15 {
margin-top: 1.5em !important;
}
.u-mt-20 {
margin-top: 2em !important;
}
.u-mt-25 {
margin-top: 2.5em !important;
}
.u-mt-30 {
margin-top: 3em !important;
}
.u-mt-40 {
margin-top: 4em !important;
}
.u-mt-50 {
margin-top: 5em !important;
}
.u-mt-60 {
margin-top: 6em !important;
}
.u-mt-80 {
margin-top: 8em !important;
}
.u-obf-cover {
display: block;
height: 100% !important;
-o-object-fit: cover;
object-fit: cover;
width: 100% !important;
}
.al_c,
.u-ta-c {
text-align: center;
}
.al_l,
.u-ta-l {
text-align: left;
}
.al_r,
.u-ta-r {
text-align: right;
}
.u-nowrap {
white-space: nowrap;
}
.alignleft {
float: left;
}
.alignright {
float: right;
}
.c-prBanner__link {
display: block;
margin: 0 auto;
max-width: 400px;
transition: opacity 0.25s;
}
.c-prBanner__link:hover {
opacity: 0.8;
}
.c-prBanner__img {
width: 100%;
}
.widget_swell_ad_widget {
margin: 0 auto;
text-align: center;
width: 100%;
}
.widget_swell_ad_widget iframe,
.widget_swell_ad_widget ins {
box-sizing: border-box;
max-width: 100%;
}
.w-beforeToc {
margin-bottom: 4em;
margin-top: 4em;
}
.w-fixSide {
margin-top: 2em;
max-height: calc(
100vh - 16px - var(--swl-adminbarH, 0px) - var(--swl-fix_headerH, 0px)
);
overflow-y: auto;
top: calc(8px + var(--swl-adminbarH, 0px) + var(--swl-fix_headerH, 0px));
}
.w-frontTop {
margin-bottom: 3em;
}
.w-frontBottom {
margin-top: 3em;
}/* legacy-swell:chrome
* .c-widget + .c-widget {
* margin-top: 2em;
* } *//* legacy-swell:chrome
* .c-widget p:empty:before {
* content: none;
* } *//* legacy-swell:chrome
* .c-widget .textwidget > :not(:last-child) {
* margin-bottom: 1em;
* } *//* legacy-swell:chrome
* .c-widget__title {
* font-size: 4vw;
* font-weight: 700;
* margin-bottom: 1.5em;
* overflow: hidden;
* position: relative;
* } *//* legacy-swell:chrome
* .c-widget__title:after,
* .c-widget__title:before {
* box-sizing: inherit;
* display: block;
* height: 1px;
* position: absolute;
* z-index: 0;
* } */
.widget_search .c-widget__title,
.widget_search .wp-block-search__label {
display: none;
}
.recentcomments {
padding: 8px;
}
.cat-post-count,
.post_count,
.tag-link-count {
color: #666;
font-size: 3vw;
position: relative;
right: -1px;
}
.cat-post-count {
margin-left: 4px;
}
.wp-block-archives-list,
.wp-block-categories-list,
.wp-block-latest-comments,
.wp-block-latest-posts,
.wp-block-rss {
list-style: none !important;
padding: 0 !important;
}
.post_content > * {
clear: both;
margin-bottom: var(--swl-block-margin, 2em);
}
.post_content div > :first-child,
.post_content > :first-child {
margin-top: 0 !important;
}
.post_content dd > :last-child,
.post_content div > :last-child,
.post_content > :last-child {
margin-bottom: 0 !important;
}
.post_content .is-style-section_ttl {
background: none;
border: none;
border-radius: 0;
color: inherit;
letter-spacing: var(--swl-letter_spacing, 0.2px);
padding: 0;
position: relative;
text-align: center;
}
.post_content .is-style-section_ttl:after,
.post_content .is-style-section_ttl:before {
border: none;
content: none;
}
.post_content .is-style-section_ttl.has-text-align-left {
text-align: left;
}
.post_content .is-style-section_ttl.has-text-align-right {
text-align: right;
}
.post_content .is-style-section_ttl small {
display: block;
font-size: 0.6em;
padding-top: 0.25em;
}
.post_content :where(table) caption {
font-size: 0.9em;
margin-bottom: 0.25em;
opacity: 0.8;
}
.post_content small {
font-size: 0.8em;
opacity: 0.8;
}
.post_content :not(pre) > code {
align-items: center;
background: #f7f7f7;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 2px;
color: #333;
display: inline-flex;
font-family: Menlo, Consolas, メイリオ, sans-serif;
font-size: 0.9em;
letter-spacing: 0;
line-height: 1;
margin: 0 0.5em;
padding: 0.25em 0.5em;
}
.post_content :where(ul:not([type])) {
list-style: disc;
}
.post_content :where(ol:not([type])) {
list-style: decimal;
}
.post_content iframe {
display: block;
margin-left: auto;
margin-right: auto;
max-width: 100%;
}
.l-mainContent__inner > .post_content {
margin: 4em 0;
padding: 0 var(--swl-pad_post_content, 0);
}
.c-tabBody__item > *,
.cap_box_content > *,
.faq_a > *,
.swell-block-accordion__body > *,
.swell-block-dl__dd > *,
.swell-block-step__body > *,
.swl-has-mb--s > *,
.wp-block-column > *,
.wp-block-cover__inner-container > *,
.wp-block-group__inner-container > *,
.wp-block-media-text__content > *,
div[class*="is-style-"] > * {
margin-bottom: 1em;
}
.alignfull > .wp-block-cover__inner-container > *,
.alignfull > .wp-block-group__inner-container > *,
.swell-block-fullWide__inner > * {
margin-bottom: 2em;
}
:where(.is-layout-flex) {
gap: 0.5em;
}
.is-layout-flex {
display: flex;
flex-wrap: wrap;
}
.is-layout-flex.is-nowrap {
flex-wrap: nowrap;
}
.is-layout-flex:not(.is-vertical).is-content-justification-center {
justify-content: center;
}
.is-layout-flex:not(.is-vertical).is-content-justification-right {
justify-content: flex-end;
}
.is-layout-flex.is-content-justification-space-between {
justify-content: space-between;
}
.is-layout-flex.is-vertical {
flex-direction: column;
}
.is-layout-flex.is-vertical.is-content-justification-center {
align-items: center;
}
.is-layout-flex.is-vertical.is-content-justification-left {
align-items: flex-start;
}
.is-layout-flex.is-vertical.is-content-justification-right {
align-items: flex-end;
}
.font_col_main {
color: var(--color_main) !important;
}
.font_col_red {
color: var(--color_deep01) !important;
}
.font_col_blue {
color: var(--color_deep02) !important;
}
.font_col_green {
color: var(--color_deep03) !important;
}
[class*="fill_col_"] {
border-radius: 1px;
padding: 0.25em 0.5em;
}
.fill_col_main {
background-color: var(--color_main);
color: #fff;
}
.fill_col_red {
background-color: var(--color_deep01) !important;
color: #fff;
}
.fill_col_blue {
background-color: var(--color_deep02) !important;
color: #fff;
}
.fill_col_green {
background-color: var(--color_deep03) !important;
color: #fff;
}
.is-style-border_sg {
border: 1px solid hsla(0, 0%, 78%, 0.5);
padding: var(--swl-box_padding);
}
.is-style-border_dg {
border: 1px dashed hsla(0, 0%, 78%, 0.5);
padding: var(--swl-box_padding);
}
.is-style-border_sm {
border: 1px solid var(--color_main);
padding: var(--swl-box_padding);
}
.is-style-border_dm {
border: 1px dashed var(--color_main);
padding: var(--swl-box_padding);
}
.is-style-bg_main {
background-color: var(--color_main);
color: #fff;
padding: var(--swl-box_padding);
}
.is-style-bg_main_thin {
background-color: var(--color_main_thin);
padding: var(--swl-box_padding);
}
.is-style-bg_gray {
background: var(--color_gray);
padding: var(--swl-box_padding);
}
:root {
--swl-box_padding: 1.5em;
}
.has-border.-border01 {
border: var(--border01);
}
.has-border.-border02 {
border: var(--border02);
}
.has-border.-border03 {
border: var(--border03);
}
.has-border.-border04 {
border: var(--border04);
}
.has-border,
div.has-background,
p.has-background {
padding: var(--swl-box_padding);
}
.is-style-balloon_box2,
.is-style-emboss_box,
.is-style-sticky_box {
background-color: #fff;
color: #333;
}
.is-style-bg_stripe {
background: linear-gradient(
-45deg,
transparent 25%,
var(--color_gray) 25%,
var(--color_gray) 50%,
transparent 50%,
transparent 75%,
var(--color_gray) 75%,
var(--color_gray)
);
background-clip: padding-box;
background-size: 6px 6px;
padding: var(--swl-box_padding);
position: relative;
}
.is-style-crease {
background-color: #f7f7f7;
padding: calc(0.5em + 20px);
position: relative;
}
.is-style-crease:before {
background-color: inherit;
border-color: var(--color_content_bg) var(--color_content_bg)
rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1);
border-style: solid;
border-width: 0 20px 20px 0;
box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.05);
content: "";
position: absolute;
right: 0;
top: 0;
width: 0;
}
.is-style-bg_grid {
background-image: linear-gradient(
transparent calc(100% - 1px),
var(--color_gray) 50%,
var(--color_gray)
),
linear-gradient(
90deg,
transparent calc(100% - 1px),
var(--color_gray) 50%,
var(--color_gray)
);
background-repeat: repeat;
background-size: 16px 16px;
padding: var(--swl-box_padding);
}
.is-style-note_box,
.is-style-stitch {
background: #f7f7f7;
color: #5f5a59;
display: block;
font-style: normal;
padding: var(--swl-box_padding);
position: relative;
}
.is-style-note_box:before,
.is-style-stitch:before {
border: 1px dashed hsla(0, 0%, 78%, 0.6);
border-radius: inherit;
content: "";
display: block;
height: calc(100% - 12px);
left: 6px;
pointer-events: none;
position: absolute;
top: 6px;
width: calc(100% - 12px);
}
.is-style-dent_box {
background: rgba(0, 0, 0, 0.05);
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
padding: var(--swl-box_padding);
}
.is-style-emboss_box {
border-top: 2px solid var(--color_main);
box-shadow: var(--swl-box_shadow);
padding: var(--swl-box_padding);
}
.is-style-kakko_box {
padding: var(--swl-box_padding);
position: relative;
}
.is-style-kakko_box:before {
border-left: 1px solid;
border-top: 1px solid;
left: 0;
top: 0;
}
.is-style-kakko_box:after {
border-bottom: 1px solid;
border-right: 1px solid;
bottom: 0;
right: 0;
}
.is-style-kakko_box:after,
.is-style-kakko_box:before {
border-color: var(--color_main);
content: "";
display: inline-block;
height: 2em;
position: absolute;
width: 2.25em;
}
.is-style-big_kakko_box {
padding: var(--swl-box_padding);
position: relative;
}
.is-style-big_kakko_box:before {
border-bottom: 1px solid;
border-left: 1px solid;
border-top: 1px solid;
bottom: 0;
left: 0;
}
.is-style-big_kakko_box:after {
border-bottom: 1px solid;
border-right: 1px solid;
border-top: 1px solid;
bottom: 0;
right: 0;
}
.is-style-big_kakko_box:after,
.is-style-big_kakko_box:before {
border-color: var(--color_main);
content: "";
display: inline-block;
height: 100%;
position: absolute;
width: 0.75em;
}
.is-style-border_left {
border-left: 2px solid;
padding-left: 10px;
}
.is-style-sticky_box {
border-left: 8px solid var(--color_main);
box-shadow: var(--swl-box_shadow);
min-width: 6em;
padding: 0.75em 1em;
}
.is-style-balloon_box,
.is-style-sticky_box {
line-height: 1.4;
position: relative;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.is-style-balloon_box {
background-color: var(--color_main);
border-radius: 2px;
color: #fff;
min-width: 2em;
padding: 0.5em 1.25em;
}
.is-style-balloon_box:before {
border: 12px solid transparent;
border-top: 12px solid var(--color_main);
bottom: -22px;
content: "";
height: 0;
left: 1.25em;
position: absolute;
visibility: visible;
width: 0;
}
.is-style-balloon_box2 {
border: 1px solid;
border-radius: 2px;
line-height: 1.4;
min-width: 2em;
padding: 0.5em 1.25em;
position: relative;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.is-style-balloon_box2:before {
background: inherit;
border-bottom: 1px solid;
border-right: 1px solid;
bottom: -7px;
content: "";
height: 12px;
left: 1.25em;
position: absolute;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
visibility: visible;
width: 12px;
}
.is-style-balloon_box.has-text-align-center,
.is-style-balloon_box2.has-text-align-center {
margin-left: auto;
margin-right: auto;
}
.is-style-balloon_box.has-text-align-center:before {
left: calc(50% - 12px);
}
.is-style-balloon_box2.has-text-align-center:before {
left: 50%;
-webkit-transform: translateX(-50%) rotate(45deg);
transform: translateX(-50%) rotate(45deg);
}
.is-style-icon_announce,
.is-style-icon_bad,
.is-style-icon_book,
.is-style-icon_good,
.is-style-icon_info,
.is-style-icon_pen {
border-radius: 2px;
line-height: 1.6;
padding: 1em 1em 1em 4.25em;
position: relative;
}
.is-style-icon_announce:before,
.is-style-icon_bad:before,
.is-style-icon_book:before,
.is-style-icon_good:before,
.is-style-icon_info:before,
.is-style-icon_pen:before {
content: "";
display: inline-block;
font-family: icomoon;
font-size: inherit;
left: 1.25em;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%) scale(1.5);
transform: translateY(-50%) scale(1.5);
}
.is-style-icon_announce:after,
.is-style-icon_bad:after,
.is-style-icon_book:after,
.is-style-icon_good:after,
.is-style-icon_info:after,
.is-style-icon_pen:after {
border-right: 1px solid;
content: "";
display: block;
height: 50%;
left: 3.25em;
opacity: 0.4;
position: absolute;
top: 25%;
width: 0;
}
.is-style-icon_good {
background: var(--color_icon_good_bg);
border-color: var(--color_icon_good);
}
.is-style-icon_good:before {
color: var(--color_icon_good);
content: "\e8dc";
}
.is-style-icon_good:after {
border-right-color: var(--color_icon_good);
}
.is-style-icon_bad {
background: var(--color_icon_bad_bg);
border-color: var(--color_icon_bad);
}
.is-style-icon_bad:before {
color: var(--color_icon_bad);
content: "\e8db";
}
.is-style-icon_bad:after {
border-right-color: var(--color_icon_bad);
}
.is-style-icon_info {
background: var(--color_icon_info_bg);
border-color: var(--color_icon_info);
}
.is-style-icon_info:before {
color: var(--color_icon_info);
content: "\e941";
}
.is-style-icon_info:after {
border-right-color: var(--color_icon_info);
}
.is-style-icon_announce {
background: var(--color_icon_announce_bg);
border-color: var(--color_icon_announce);
}
.is-style-icon_announce:before {
color: var(--color_icon_announce);
content: "\e913";
}
.is-style-icon_announce:after {
border-right-color: var(--color_icon_announce);
}
.is-style-icon_pen {
background: var(--color_icon_pen_bg);
border-color: var(--color_icon_pen);
}
.is-style-icon_pen:before {
color: var(--color_icon_pen);
content: "\e934";
}
.is-style-icon_pen:after {
border-right-color: var(--color_icon_pen);
}
.is-style-icon_book {
background: var(--color_icon_book_bg);
border-color: var(--color_icon_book);
}
.is-style-icon_book:before {
color: var(--color_icon_book);
content: "\e91a";
}
.is-style-icon_book:after {
border-right-color: var(--color_icon_book);
}
[class*="is-style-big_icon_"] {
border-color: var(--the-color, currentColor);
padding: 2em 1.5em 1.5em;
position: relative;
}
[class*="is-style-big_icon_"]:not(:first-child) {
margin-top: 2.5em;
}
[class*="is-style-big_icon_"]:before {
align-items: center;
background-color: var(--the-color, currentColor);
border: 2px solid;
border-color: var(--color_content_bg);
border-radius: 50%;
color: #fff;
content: "";
display: inline-flex;
font-family: icomoon;
font-size: 1.25em;
height: 2em;
justify-content: center;
left: 0.5em;
line-height: 1;
padding: 0 0 0 0.05em;
position: absolute;
top: -1px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 2em;
}
.is-style-big_icon_point {
--the-color: var(--color_icon_point);
}
.is-style-big_icon_point:before {
content: "\e915";
}
.is-style-big_icon_check,
.is-style-big_icon_good {
--the-color: var(--color_icon_check);
}
.is-style-big_icon_check:before,
.is-style-big_icon_good:before {
content: "\e923";
}
.is-style-big_icon_bad,
.is-style-big_icon_batsu {
--the-color: var(--color_icon_batsu);
}
.is-style-big_icon_bad:before,
.is-style-big_icon_batsu:before {
content: "\e91f";
}
.is-style-big_icon_hatena {
--the-color: var(--color_icon_hatena);
}
.is-style-big_icon_hatena:before {
content: "\e917";
}
.is-style-big_icon_caution {
--the-color: var(--color_icon_caution);
}
.is-style-big_icon_caution:before {
content: "\e916";
}
.is-style-big_icon_memo {
--the-color: var(--color_icon_memo);
}
.is-style-big_icon_memo:before {
content: "\e929";
}
.is-style-browser_mac {
--frame-color: #ced1d5;
--bar-height: 32px;
--frame-width: 6px;
--caption-fz: 12px;
display: grid !important;
grid-template-areas: "Bar" "Display";
position: relative;
}
.swell-block-column .is-style-browser_mac,
.wp-block-column .is-style-browser_mac,
.wp-block-gallery:not(.columns-1) .is-style-browser_mac {
--frame-width: 4px;
--caption-fz: 11px;
--bar-height: 30px;
}
.is-style-browser_mac > .wp-block-group__inner-container {
max-height: 400px;
overflow-y: auto;
padding: 1.5em;
width: 100%;
}
.is-style-browser_mac:before {
background: var(--frame-color)
url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIHZpZXdCb3g9IjAgMCA1NiAxNCI+PGNpcmNsZSBjeD0iOCIgY3k9IjciIHI9IjYiIHN0eWxlPSJmaWxsOiNlYzZhNWUiLz48Y2lyY2xlIGN4PSIyOCIgY3k9IjciIHI9IjYiIHN0eWxlPSJmaWxsOiNmNWJmNTEiLz48Y2lyY2xlIGN4PSI0OCIgY3k9IjciIHI9IjYiIHN0eWxlPSJmaWxsOiM2MWM1NTUiLz48L3N2Zz4=)
no-repeat left 8px top 50%;
background-size: auto calc(var(--bar-height) - 20px);
border-radius: 8px 8px 0 0;
content: "";
display: block;
grid-area: Bar;
height: var(--bar-height);
padding: 0;
position: relative;
width: 100%;
z-index: 1;
}
.is-style-browser_mac.wp-block-image img,
.is-style-browser_mac.wp-block-video video,
.is-style-browser_mac > .wp-block-group__inner-container {
background: #fff;
border: solid var(--frame-width) var(--frame-color);
border-radius: 0 0 8px 8px;
border-top: none;
box-shadow: 0 2px 24px -2px rgba(0, 0, 0, 0.25);
color: #333;
grid-area: Display;
}
.is-style-browser_mac.wp-block-image,
.is-style-browser_mac.wp-block-video {
margin-left: auto;
margin-right: auto;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.is-style-browser_mac.wp-block-image img,
.is-style-browser_mac.wp-block-video video {
display: block;
margin: 0 auto;
}
.is-style-browser_mac.is-style-browser_mac > figcaption {
background: #fff;
border-radius: 6px 6px 0 0;
font-size: var(--caption-fz) !important;
grid-area: Bar;
left: calc((var(--bar-height) - 20px) * 5 + 8px);
line-height: 1;
margin: 0 !important;
max-width: calc(100% - 80px);
padding: 6px 8px;
position: absolute;
top: calc(var(--bar-height) - var(--caption-fz) - 14px);
z-index: 2;
}
.wp-block-gallery .is-style-browser_mac figcaption {
max-width: 100%;
top: auto;
width: 100%;
}
.is-style-desktop {
--body-color: #ced1d5;
--bezel-width: 8px;
--bezel-frame: 2px;
--bezel-width--foot: calc(var(--bezel-width) * 5.5);
--panel-ratio: 56.25%;
display: grid !important;
grid-template-areas: "Display" "Foot" "Caption";
padding: 0;
position: relative;
}
.swell-block-column .is-style-desktop,
.wp-block-column .is-style-desktop,
.wp-block-gallery:not(.columns-1) .is-style-desktop {
--bezel-width: 6px;
}
.is-style-desktop.wp-block-image {
margin-left: auto;
margin-right: auto;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.is-style-desktop.wp-block-image img,
.is-style-desktop.wp-block-video video,
.is-style-desktop > .wp-block-group__inner-container {
border: var(--bezel-width) solid #222;
border-bottom-width: calc(var(--bezel-width) - var(--bezel-frame));
border-radius: 6px 6px 0 0;
display: block;
grid-area: Display;
margin: 0 auto;
padding: 0;
z-index: 0;
}
.is-style-desktop > .wp-block-group__inner-container {
background-color: #fff;
color: #111;
height: calc(100% - var(--bezel-width--foot));
overflow-y: auto;
padding: 1em;
position: absolute;
width: 100%;
}
.is-style-desktop.wp-block-image img,
.is-style-desktop.wp-block-video video {
margin-bottom: var(--bezel-width--foot);
}
.is-style-desktop figcaption {
grid-area: Caption;
}
.is-style-desktop:after {
border: solid var(--bezel-frame) var(--body-color) !important;
border-bottom-width: var(--bezel-width--foot) !important;
border-radius: 6px 6px 8px 8px !important;
box-sizing: border-box;
content: "";
display: block;
grid-area: Display;
height: 0;
padding-top: var(--panel-ratio);
pointer-events: none;
width: 100%;
z-index: 1;
}
.is-style-desktop.wp-block-image:after,
.is-style-desktop.wp-block-video:after {
height: 100%;
padding: 0;
position: absolute;
visibility: visible;
width: 100%;
z-index: 1;
}
.is-style-desktop:before {
background: linear-gradient(
to bottom,
rgba(0, 0, 0, 0.125),
rgba(0, 0, 0, 0.05) 55%,
rgba(0, 0, 0, 0.05) 75%,
rgba(0, 0, 0, 0.075) 92%,
hsla(0, 0%, 100%, 0.3) 96%,
rgba(0, 0, 0, 0.35) 99%
),
linear-gradient(
to right,
hsla(0, 0%, 100%, 0.2),
rgba(0, 0, 0, 0.35) 1%,
hsla(0, 0%, 100%, 0.3) 4%,
rgba(0, 0, 0, 0.02) 8%,
hsla(0, 0%, 100%, 0.2) 25%,
hsla(0, 0%, 100%, 0.2) 75%,
rgba(0, 0, 0, 0.02) 92%,
hsla(0, 0%, 100%, 0.3) 96%,
rgba(0, 0, 0, 0.35) 99%,
hsla(0, 0%, 100%, 0.2)
),
linear-gradient(to bottom, var(--body-color), var(--body-color));
background-position: top, bottom, top;
background-repeat: no-repeat;
background-size:
100% 92%,
100% 8%,
100%;
border-radius: 0 0 4px 4px/2px;
box-shadow: 0 0 calc(var(--body-width, 4px) * 0.001) rgba(0, 0, 0, 0.2);
content: "";
display: block;
grid-area: Foot;
height: 0;
margin: 0 auto;
order: 1;
padding-top: 10%;
width: 18%;
}
.wp-block-gallery .is-style-desktop img {
height: calc(100% - var(--bezel-width--foot)) !important;
}
.wp-block-gallery .is-style-desktop figcaption {
bottom: var(--bezel-width--foot) !important;
grid-area: Display;
}
.is-style-browser_mac.size_s,
.is-style-desktop.size_s {
padding: 0 var(--img-space--s, 8%);
}
.is-style-browser_mac.size_s img,
.is-style-desktop.size_s img {
max-width: 100%;
}
.is-style-browser_mac.size_xs,
.is-style-desktop.size_xs {
padding: 0 var(--img-space--xs, 16%);
}
.is-style-browser_mac.size_xs img,
.is-style-desktop.size_xs img {
max-width: 100%;
}
.p-articleThumb__caption,
.wp-block-embed > figcaption,
.wp-block-image figcaption,
/* .wp-block-table figcaption, */
.wp-block-video figcaption {
color: inherit;
display: block !important;
font-size: 0.8em;
line-height: 1.4;
margin-bottom: 0;
margin-top: 0.75em;
opacity: 0.8;
text-align: center;
}
.has-swl-main-color {
color: var(--color_main) !important;
}
.has-swl-main-thin-color {
color: var(--color_main_thin) !important;
}
.has-swl-gray-color {
color: var(--color_gray) !important;
}
.has-black-color {
color: #000 !important;
}
.has-white-color {
color: #fff !important;
}
.has-swl-pale-01-color {
color: var(--color_pale01) !important;
}
.has-swl-pale-02-color {
color: var(--color_pale02) !important;
}
.has-swl-pale-03-color {
color: var(--color_pale03) !important;
}
.has-swl-pale-04-color {
color: var(--color_pale04) !important;
}
.has-swl-deep-01-color {
color: var(--color_deep01) !important;
}
.has-swl-deep-02-color {
color: var(--color_deep02) !important;
}
.has-swl-deep-03-color {
color: var(--color_deep03) !important;
}
.has-swl-deep-04-color {
color: var(--color_deep04) !important;
}
.has-swl-main-background-color {
background-color: var(--color_main) !important;
color: var(--swl-text_color--white, #fff);
}
.has-swl-main-thin-background-color {
background-color: var(--color_main_thin) !important;
color: var(--swl-text_color--black, #333);
}
.has-swl-gray-background-color {
background-color: var(--color_gray) !important;
}
.has-black-background-color {
background-color: #000 !important;
color: var(--swl-text_color--white, #fff);
}
.has-white-background-color {
background-color: #fff !important;
color: var(--swl-text_color--black, #333);
}
.has-swl-deep-01-background-color {
background-color: var(--color_deep01) !important;
color: var(--swl-text_color--white, #fff);
}
.has-swl-deep-02-background-color {
background-color: var(--color_deep02) !important;
color: var(--swl-text_color--white, #fff);
}
.has-swl-deep-03-background-color {
background-color: var(--color_deep03) !important;
color: var(--swl-text_color--white, #fff);
}
.has-swl-deep-04-background-color {
background-color: var(--color_deep04) !important;
color: var(--swl-text_color--white, #fff);
}
.has-swl-pale-01-background-color {
background-color: var(--color_pale01) !important;
color: var(--swl-text_color--black, #333);
}
.has-swl-pale-02-background-color {
background-color: var(--color_pale02) !important;
color: var(--swl-text_color--black, #333);
}
.has-swl-pale-03-background-color {
background-color: var(--color_pale03) !important;
color: var(--swl-text_color--black, #333);
}
.has-swl-pale-04-background-color {
background-color: var(--color_pale04) !important;
color: var(--swl-text_color--black, #333);
}
.wp-block-columns.sp_column2.has-2-columns {
flex-wrap: nowrap !important;
}
.wp-block-columns.first_big > .wp-block-column,
.wp-block-columns.last_big > .wp-block-column {
flex-grow: 0;
}
.wp-block-columns.first_big .wp-block-column:first-child,
.wp-block-columns.last_big .wp-block-column:last-child {
flex-basis: 100% !important;
}
.wp-block-columns.first_big.sp_column2 .wp-block-column:not(:first-child),
.wp-block-columns.last_big.sp_column2 .wp-block-column:not(:last-child) {
flex-basis: calc(50% - var(--wp-column-gap) / 2) !important;
}
.instagram-media-rendered,
.twitter-tweet-rendered {
margin-left: auto !important;
margin-right: auto !important;
}
.fb_iframe_widget,
.fb_iframe_widget > span {
display: block !important;
}
.fb_iframe_widget > span {
margin: 0 auto;
}
.wp-block-image {
text-align: center;
}
.wp-block-image img {
vertical-align: bottom;
}
.wp-block-image figcaption a {
display: inline;
}
.wp-block-image:after {
clear: both;
content: "";
display: block;
height: 0;
visibility: hidden;
}
.wp-block-image a {
display: block;
transition: opacity 0.25s;
}
.wp-block-image a:hover {
opacity: 0.8;
}
.wp-caption {
max-width: 100%;
text-align: center;
width: 100%;
}
.wp-caption-text {
font-size: 0.8em;
margin-top: 1em;
opacity: 0.8;
}
img.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-block-image.is-style-border img,
.wp-block-video.is-style-border video,
img.border {
border: 1px solid rgba(0, 0, 0, 0.1);
}
.wp-block-image.is-style-photo_frame img,
.wp-block-video.is-style-photo_frame video,
img.photo_frame {
border: 4px solid #fff;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
}
.size_s img,
img.size_s {
display: block;
margin: auto;
max-width: calc(100% - var(--img-space--s, 8%) * 2);
}
.size_xs img,
img.size_xs {
display: block;
margin: auto;
max-width: calc(100% - var(--img-space--xs, 16%) * 2);
}
.swl-marker {
display: inline;
padding: 2px;
}
.swl-bg-color {
border-radius: 1px;
padding: 0.25em;
}
mark.has-inline-color {
background-color: inherit;
}
code.dir_name:before {
content: "\e92f";
margin-right: 0.4em;
opacity: 0.8;
}
code.file_name:before {
content: "\e924";
margin-right: 0.4em;
}
.swl-cell-text-centered {
display: inline-block;
text-align: center;
width: 100%;
}
.swl-inline-list {
display: inline-block;
line-height: 1.5;
padding: 2px 0 2px 1.5em;
position: relative;
}
.swl-inline-list[data-icon="dot"]:before {
background-color: currentcolor;
border-radius: 50%;
color: inherit;
content: "";
display: block;
height: 6px;
left: 0.5em;
position: absolute;
top: calc(0.75em - 1px);
width: 6px;
}
.swl-inline-list:not([data-icon="dot"]):before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
background: none;
border: none;
border-radius: 0;
display: block;
font-family: icomoon;
height: auto;
left: 0.25em;
position: absolute;
top: 2px;
width: 1em;
}
.swl-inline-list[data-icon="check"]:before {
color: var(--color_list_check);
content: "\e923";
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
.swl-inline-list[data-icon="circle"]:before {
color: var(--color_list_good);
content: "\ea56";
}
.swl-inline-list[data-icon="triangle"]:before {
color: var(--color_list_triangle);
content: "\e93f";
}
.swl-inline-list[data-icon="close"]:before {
color: var(--color_list_bad);
content: "\e91f";
}
.swl-inline-icon {
display: inline-block;
margin-left: 0.1em;
margin-right: 0.1em;
min-width: 1em;
position: relative;
}
.swl-inline-icon + .swl-inline-icon {
margin-left: 0;
}
.swl-inline-icon:after {
background: currentcolor;
content: "";
display: block;
height: 100%;
left: 0;
-webkit-mask-image: var(--the-icon-svg);
mask-image: var(--the-icon-svg);
-webkit-mask-position: center center;
mask-position: center center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
max-width: 2ch;
position: absolute;
top: 0;
width: 1em;
width: 100%;
}
ol.is-style-index ul li:before,
ul.is-style-index li li:before {
background: none;
border-bottom: 2px solid;
border-left: 2px solid;
border-radius: 0;
box-shadow: none;
color: inherit;
content: "" !important;
height: calc(1em - 2px);
left: 0.25em;
opacity: 0.75;
position: absolute;
top: 0;
-webkit-transform: none;
transform: none;
-webkit-transform: scale(0.75);
transform: scale(0.75);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
width: 6px;
}
ol.has-background,
ul.has-background {
padding: var(--swl-list-padding--has_bg);
}
li .has-background {
--swl-list-padding--has_bg: 0.5em 0.5em 0.5em
calc(0.5em + var(--swl-list-padding--left));
}
.is-style-bad_list,
.is-style-check_list,
.is-style-good_list,
.is-style-index,
.is-style-note_list,
.is-style-num_circle,
.is-style-triangle_list {
--swl-list-padding--left: 0.25em;
--swl-list-padding--has_bg: 1em;
list-style: none !important;
}
.is-style-bad_list ol,
.is-style-bad_list ul,
.is-style-check_list ol,
.is-style-check_list ul,
.is-style-good_list ol,
.is-style-good_list ul,
.is-style-index ol,
.is-style-index ul,
.is-style-note_list ol,
.is-style-note_list ul,
.is-style-num_circle ol,
.is-style-num_circle ul,
.is-style-triangle_list ol,
.is-style-triangle_list ul {
--swl-list-padding--left: 0px;
list-style: none !important;
}
li:before {
letter-spacing: normal;
}
ul.is-style-index li {
padding-left: 1.25em;
position: relative;
}
ul.is-style-index li:before {
background-color: currentcolor;
border-radius: 50%;
color: inherit;
content: "";
display: block;
height: 6px;
left: 2px;
position: absolute;
top: calc(0.75em - 3px);
width: 6px;
}
ol.is-style-index > :first-child {
counter-reset: toc;
}
ol.is-style-index ol > li,
ol.is-style-index > li {
margin-left: 2em;
padding-left: 0;
position: relative;
}
ol.is-style-index ol > li:before,
ol.is-style-index > li:before {
border-right: 1px solid;
content: counters(toc, "-");
counter-increment: toc;
display: block;
font-family: inherit;
letter-spacing: -0.1px;
line-height: 1.1;
padding: 0 0.5em 0 0;
position: absolute;
right: calc(100% + 0.5em);
top: 0.25em;
-webkit-transform: scale(0.95);
transform: scale(0.95);
white-space: nowrap;
width: auto;
}
ol.is-style-index ol {
counter-reset: toc;
padding-left: 1em;
}
ol.is-style-index ol li:before {
opacity: 0.75;
}
ol.is-style-index ul li {
counter-increment: none;
margin-left: 0;
padding-left: 1.25em;
}
.is-style-bad_list li,
.is-style-check_list li,
.is-style-good_list li,
.is-style-triangle_list li {
padding-left: 1.5em;
}
.is-style-bad_list li:before,
.is-style-check_list li:before,
.is-style-good_list li:before,
.is-style-triangle_list li:before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
background: none;
border: none;
border-radius: 0;
display: block;
font-family: icomoon;
height: auto;
left: 0;
position: absolute;
top: 0;
width: 1em;
}
.is-style-bad_list li li:before,
.is-style-check_list li li:before,
.is-style-good_list li li:before,
.is-style-triangle_list li li:before {
background-color: currentcolor;
-webkit-clip-path: circle(12% at 50%);
clip-path: circle(12% at 50%);
content: "\00a0";
font-family: inherit;
}
.is-style-check_list li:before {
color: var(--color_list_check);
content: "\e923";
}
.is-style-good_list li:before {
color: var(--color_list_good);
content: "\ea56";
}
.is-style-triangle_list li:before {
color: var(--color_list_triangle);
content: "\e93f";
}
.is-style-bad_list li:before {
color: var(--color_list_bad);
content: "\e91f";
}
.is-style-note_list {
font-size: 0.9em;
}
.is-style-note_list:not(.has-text-color) {
opacity: 0.85;
}
.is-style-note_list li {
margin: 0.5em 0;
padding-left: 1.25em;
}
.is-style-note_list li:before {
background: none;
border: none;
border-radius: 0;
content: "※";
height: auto;
left: 0;
position: absolute;
top: 0;
-webkit-transform: scale(0.75);
transform: scale(0.75);
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
white-space: nowrap;
}
ol.is-style-note_list {
counter-reset: li;
}
ol.is-style-note_list > li {
padding-left: 1.75em;
}
ol.is-style-note_list > li:before {
content: "※" counter(li);
counter-increment: li;
letter-spacing: 1px;
}
.is-style-num_circle {
counter-reset: li;
}
.is-style-num_circle li {
padding-left: 2em;
}
.is-style-num_circle li:before {
background-color: var(--color_list_num);
border-radius: 50%;
box-shadow: 0 0 0 1px var(--color_list_num);
box-sizing: content-box;
color: #fff;
content: counter(li);
counter-increment: li;
display: block;
height: 1.8em;
left: 1px;
line-height: 1.8;
padding: 0;
position: absolute;
text-align: center;
top: -0.15em;
-webkit-transform: scale(0.75);
transform: scale(0.75);
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
width: 1.8em;
}
.is-style-num_circle ol {
counter-reset: li;
}
.is-style-num_circle ol li:before {
background: none;
box-shadow: 0 0 0 1px var(--color_list_num);
color: var(--color_list_num);
opacity: 0.75;
-webkit-transform: scale(0.7);
transform: scale(0.7);
}
.is-style-num_circle ul li {
padding-left: 1.25em;
}
.is-style-num_circle ul li:before {
content: "";
counter-increment: none;
-webkit-transform: scale(0.15);
transform: scale(0.15);
}
.-list-under-dashed > li,
.border_bottom > li {
border-bottom: 1px dashed var(--color_border);
margin-bottom: 0.75em;
padding-bottom: 0.75em;
}
ol.-list-flex,
ul.-list-flex {
display: flex;
flex-wrap: wrap;
gap: 1em;
}
.is-style-index[reversed] > li:before,
.is-style-note_list[reversed] > li:before,
.is-style-num_circle[reversed] > li:before {
counter-increment: li -1;
}
.swell-block-button {
--the-icon-size: 1.1em;
}
.swell-block-button[data-align="right"] {
text-align: right;
}
.swell-block-button[data-align="left"] {
text-align: left;
}
.swell-block-button a {
text-align: center;
}
.swell-block-button .swell-block-button__link[data-has-icon] {
align-items: center;
display: inline-flex;
gap: 0.5em;
justify-content: center;
}
.swell-block-button .__icon:not(.-right) {
margin-left: -0.25em;
}
.swell-block-button .__icon.-right {
margin-right: -0.25em;
}
.swell-block-button .__icon {
font-size: var(--the-icon-size);
height: var(--the-icon-size);
width: var(--the-icon-size);
}
.swell-block-button .__icon:before {
display: block;
}
.swell-block-button__img {
border: none;
display: none !important;
}
[class*="is-style-btn_"] {
--the-fz: 1em;
--the-width: auto;
--the-min-width: 64%;
--the-padding: 0.75em 1.5em;
--the-btn-color: var(--color_main);
--the-btn-color2: var(--color_main);
--the-btn-bg: var(--the-btn-color);
display: block;
font-size: var(--the-fz);
margin: 0 auto 2em;
position: relative;
text-align: center;
}
[class*="is-style-btn_"] a {
background: var(--the-btn-bg);
border-radius: var(--the-btn-radius, 0);
display: inline-block;
letter-spacing: var(--swl-letter_spacing, 1px);
line-height: 1.5;
margin: 0;
min-width: var(--the-min-width);
padding: var(--the-padding);
position: relative;
text-decoration: none;
width: var(--the-width);
}
[class*="is-style-btn_"].-size-custom {
--the-min-width: 1em;
}
[class*="is-style-btn_"].-size-s {
--the-fz: 0.9em;
--the-min-width: 40%;
}
[class*="is-style-btn_"].-size-l {
--the-min-width: 100%;
--the-padding: 1em 1.5em;
}
[class*="is-style-btn_"] img {
display: none;
}
.is-style-btn_normal a {
color: #fff;
font-weight: 700;
transition: box-shadow 0.25s;
}
.is-style-btn_normal a:hover {
box-shadow:
0 4px 12px rgba(0, 0, 0, 0.1),
0 12px 24px -12px rgba(0, 0, 0, 0.2);
opacity: 1;
}
.is-style-btn_solid a {
box-shadow: 0 4px 0 var(--the-solid-shadow, var(--color_main_dark));
color: #fff;
font-weight: 700;
transition:
box-shadow 0.25s,
-webkit-transform 0.25s;
transition:
transform 0.25s,
box-shadow 0.25s;
transition:
transform 0.25s,
box-shadow 0.25s,
-webkit-transform 0.25s;
z-index: 1;
}
.is-style-btn_solid a:hover {
box-shadow: 0 0 0 transparent !important;
-webkit-transform: translate3d(0, 4px, 0);
transform: translate3d(0, 4px, 0);
}
.is-style-btn_shiny a {
color: #fff;
font-weight: 700;
}
.is-style-btn_line a {
background: none;
border: 1px solid;
color: var(--the-btn-color, var(--color_main));
position: relative;
transition: background-color 0.25s;
}
.is-style-btn_line a:hover {
background-color: var(--the-btn-color, var(--color_main));
border-color: transparent;
color: #fff !important;
}
.is-style-more_btn {
--the-fz: 0.9em;
--the-width: auto;
--the-min-width: 80%;
--the-padding: 0.75rem 3em;
display: block;
margin: 0 auto 2em;
padding: 2px 0;
position: relative;
text-align: center;
}
.is-style-more_btn img {
display: none;
}
.is-style-more_btn a {
background: #fff;
box-shadow: 0 0 0 1px #dcdcdc;
color: #666;
display: inline-block;
font-size: var(--the-fz);
min-width: var(--the-min-width);
padding: var(--the-padding);
position: relative;
text-decoration: none;
transition:
box-shadow 0.25s,
background-color 0.25s;
width: var(--the-width);
}
.is-style-more_btn a:after {
content: "\e930";
font-family: icomoon;
position: absolute;
right: 1em;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
transition: -webkit-transform 0.25s;
transition: transform 0.25s;
transition:
transform 0.25s,
-webkit-transform 0.25s;
}
.is-style-more_btn a:hover {
background-color: var(--color_main);
box-shadow: none;
color: #fff;
}
.is-style-more_btn a:hover:after {
-webkit-transform: translateX(4px) translateY(-50%);
transform: translateX(4px) translateY(-50%);
}
.is-style-more_btn.-size-custom {
--the-min-width: 1em;
}
.is-style-more_btn.-size-s {
--the-min-width: 40%;
--the-padding: 0.5rem 3em;
}
.is-style-more_btn.-size-l {
--the-min-width: 100%;
--the-padding: 1rem 3em;
}
.swl-inline-btn {
display: inline-block;
font-size: 0.9em;
margin: 0 0.25em;
}
table .swl-inline-btn {
margin: 0.5em 0.25em;
}
.swl-inline-btn.is-style-btn_solid {
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}
.swl-inline-btn a {
display: inline-flex;
letter-spacing: var(--swl-letter_spacing, 0.5px);
padding: 0.5em 1em;
}
.wp-block-code.wp-block-code {
border: 1px solid var(--color_border);
border-radius: 2px;
font-family: Menlo, Consolas, メイリオ, sans-serif;
font-size: min(14px, 3.4vw);
padding: 0.5em;
}
.wp-block-cover {
overflow: hidden;
}
.wp-block-details {
--wp--style--block-gap: 1em;
}
.wp-block-details > :last-child {
margin-bottom: 0;
}
.wp-block-details > :not(summary) {
-webkit-margin-after: 0;
-webkit-margin-before: var(--wp--style--block-gap);
margin-block-end: 0;
margin-block-start: var(--wp--style--block-gap);
}
.wp-block-footnotes > li > a,
sup.fn > a {
text-decoration: underline;
}
sup.fn > a {
-webkit-padding-start: 1px;
-webkit-padding-end: 2px;
font-family: helvetica;
font-size: 0.75rem;
letter-spacing: 0.5px;
padding-inline-end: 2px;
padding-inline-start: 1px;
}
sup.fn > a:before {
content: "[";
}
sup.fn > a:after {
content: "]";
}
.wp-block-group.is-row {
display: flex;
}
.wp-block-group.is-stack {
display: flex;
flex-direction: column;
}
.wp-block-group.is-row > *,
.wp-block-group.is-stack > * {
margin: 0;
}
.wp-block-quote > :first-child {
margin-top: 0;
}
.wp-block-video {
text-align: center;
}
:where(.has-border) {
margin-left: 0.3px;
}
.p-blogParts {
position: relative;
}
.p-blogParts__edit {
bottom: 100%;
font-size: 12px;
margin-bottom: 0;
position: absolute;
right: 0;
}
.c-prNotation {
line-height: 1.5;
}
.c-prNotation[data-style="small"] {
align-items: center;
border: 1px solid;
border-radius: 1px;
display: inline-flex;
font-size: 13px;
gap: 0.25em;
padding: 0.125em 0.4em;
}
.c-prNotation[data-style="small"] > i {
margin: 0 0 -1px -0.5px;
}
.c-prNotation[data-style="big"] {
border: 1px solid var(--color_gray);
border-radius: 1px;
font-size: 0.95em;
margin: 1.5em 0;
padding: 0.75em;
}
.c-prNotation[data-style="big"] > i {
vertical-align: -0.05em;
}
@media not all and (min-width: 960px) {
@-webkit-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%);
}
}
@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%);
}
}
[data-spmenu="opened"] body {
overflow-y: hidden;
touch-action: none;
}/* legacy-swell:chrome
* #wpadminbar {
* position: fixed !important;
* } */
.l-fixHeader,
.l-header__gnav {
display: none;
}
.l-header[data-spfix="1"] {
position: sticky;
top: var(--swl-adminbarH, 0);
}
.l-header__inner {
align-items: center;
display: flex;
justify-content: space-between;
padding: 0;
}
.l-header__inner .c-catchphrase {
display: none;
}
.l-header__logo {
padding: 0 2vw;
}/* legacy-swell:chrome
* .c-headLogo {
* height: var(--logo_size_sp);
* } */
.-img .c-headLogo__link {
display: block;
padding: 10px 0;
}/* legacy-swell:chrome
* #sidebar {
* margin-top: 4em;
* } */
.p-blogCard__excerpt {
display: none;
}
.p-fixBtnWrap {
padding-bottom: calc(env(safe-area-inset-bottom) * 0.5);
}/* legacy-swell:chrome
* #fix_bottom_menu + .p-fixBtnWrap {
* bottom: 64px;
* } */
.is-hide-last--sp .p-postList__item:last-child {
display: none;
}
.sp-py-0 {
padding-bottom: 0 !important;
padding-top: 0 !important;
}
.sp-py-20 {
padding-bottom: 2em !important;
padding-top: 2em !important;
}
.sp-py-40 {
padding-bottom: 4em !important;
padding-top: 4em !important;
}
.sp-py-60 {
padding-bottom: 6em !important;
padding-top: 6em !important;
}
.sp-py-80 {
padding-bottom: 8em !important;
padding-top: 8em !important;
}
.pc_,
.pc_only {
display: none !important;
}
.w-fixSide {
max-height: unset !important;
}
.is-style-browser_mac {
--frame-width: 4px;
--caption-fz: 11px;
--bar-height: 30px;
}
.is-style-desktop {
--bezel-width: 6px;
}
}
@media (min-width: 600px) {
:root {
--swl-fz--root: 16px;
--swl-h2-margin--x: -16px;
}
.l-content {
padding-top: 4em;
}
.-txt .c-headLogo__link {
font-size: 24px;
}/* legacy-swell:chrome
* .c-mvBtn__btn {
* font-size: 14px;
* } */
.c-postTitle__ttl {
font-size: 24px;
}
.c-postTitle__date .__y {
font-size: 14px;
}
.c-postTitle__date .__md {
font-size: 24px;
}/* legacy-swell:chrome
* .p-postList .c-postTitle__date .__md,
* .p-postList .c-postTitle__ttl {
* font-size: 20px;
* } *//* legacy-swell:chrome
* .c-postThumb__cat {
* font-size: 11px;
* } */
.p-blogCard__caption {
font-size: 12px;
left: 24px;
}
.p-blogCard__inner {
padding: 24px;
}
.p-blogCard__thumb {
width: 21%;
}
[data-type="type1"] .p-blogCard__inner {
padding-top: 25px;
}
[data-type="type2"] .p-blogCard__inner {
padding-top: 28px;
}
[data-type="type3"] .p-blogCard__caption {
bottom: 8px;
right: 8px;
}/* legacy-swell:chrome
* .p-breadcrumb__list {
* font-size: 11px;
* } */
.-frame-off .p-postList.-type-list2 {
padding-top: 2em;
}
.-type-list2 .p-postList__item {
margin-bottom: 2em;
padding-bottom: 2em;
}
.-type-card.-pc-col1 .p-postList__item,
.-type-thumb.-pc-col1 .p-postList__item {
width: 100%;
}
.-type-card.-pc-col1 .p-postList__item {
margin: 0 0 3em;
}
.-type-big .p-postList__body:after {
width: 80%;
}
.-type-card .p-postList__title,
.-type-list .p-postList__title,
.-type-list2 .p-postList__title {
font-size: 16px;
}
#sidebar .-type-card .p-postList__title,
.-related .p-postList__title,
.-type-thumb .p-postList__title,
.w-footer:not(.-col1) .p-postList__title {
font-size: 14px;
}
#sidebar .-type-list .p-postList__title,
.-type-card .p-postList__excerpt {
font-size: 13px;
}
.-type-list .p-postList__excerpt,
.-type-list2 .p-postList__excerpt {
font-size: 14px;
}/* legacy-swell:chrome
* .p-postList__meta {
* font-size: 11px;
* } */
.-w-ranking.-type-card .p-postList__item:before {
font-size: 14px;
}
.-w-ranking.-type-list .p-postList__item:before {
font-size: 12px;
}/* legacy-swell:chrome
* .c-widget__title {
* font-size: 16px;
* } */
.cat-post-count,
.post_count,
.tag-link-count {
font-size: 13px;
}
.post_content h2 {
font-size: 1.4em;
}
.post_content h3 {
font-size: 1.3em;
}
.post_content h4 {
font-size: 1.2em;
}
.wp-block-group {
--swl-box_padding: 2em;
}
[class*="is-style-big_icon_"] {
padding: 2.5em 2em 2em;
}
[class*="is-style-big_icon_"]:before {
left: 0.75em;
}
.wp-block-columns.has-2-columns {
flex-wrap: nowrap !important;
}
.wp-block-columns.first_big:not(.sp_column2)
.wp-block-column:not(:first-child),
.wp-block-columns.last_big:not(.sp_column2)
.wp-block-column:not(:last-child) {
flex-basis: calc(50% - var(--wp-column-gap) / 2) !important;
}
[class*="is-style-btn_"] {
--the-min-width: 40%;
}
[class*="is-style-btn_"].-size-s {
--the-min-width: 20%;
}
[class*="is-style-btn_"].-size-l {
--the-min-width: 80%;
}
.is-style-more_btn {
--the-min-width: 64%;
}
}
@media (min-width: 960px) {
:root {
--swl-fz--side: 14px;
--swl-pad_post_content: 16px;
--swl-pad_container: 32px;
}
.-sidebar-on .l-content {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.c-smallNavTitle {
display: block;
position: relative;
top: 4px;
}/* legacy-swell:chrome
* .c-headLogo {
* height: var(--logo_size_pc);
* } */
.l-fixHeader .c-headLogo {
height: var(--logo_size_pcfix);
}
.-sidebar-on .l-mainContent {
width: calc(100% - var(--swl-sidebar_width) - var(--swl-sidebar_margin));
}/* legacy-swell:chrome
* #sidebar .c-widget + .c-widget {
* margin-top: 2.5em;
* } */
.-sidebar-on #sidebar {
width: var(--swl-sidebar_width);
}/* legacy-swell:chrome
* .c-fixBtn:hover {
* opacity: 1;
* } */
.p-fixBtnWrap {
bottom: 2.5em;
right: 2.5em;
}/* legacy-swell:chrome
* #sidebar .-type-card .p-postList__item {
* width: 100%;
* } */
.-type-card.-pc-col2 .p-postList__item {
padding: 0 0.75em;
}
.w-footer.-col1 .-type-card .p-postList__item {
width: 33.33333%;
}
.w-footer.-col1 .-type-list {
display: flex;
flex-wrap: wrap;
margin-left: -0.5em;
margin-right: -0.5em;
}
.w-footer.-col1 .-type-list .p-postList__item {
padding: 0.5em;
width: 50%;
}
.is-hide-last--pc .p-postList__item:last-child,
.p-spMenu {
display: none;
}
.hov-bg-main {
transition:
background-color 0.25s,
color 0.25s;
}
.hov-bg-main:hover {
background-color: var(--color_main) !important;
color: #fff !important;
}
.pc-py-0 {
padding-bottom: 0 !important;
padding-top: 0 !important;
}
.pc-py-20 {
padding-bottom: 2em !important;
padding-top: 2em !important;
}
.pc-py-40 {
padding-bottom: 4em !important;
padding-top: 4em !important;
}
.pc-py-60 {
padding-bottom: 6em !important;
padding-top: 6em !important;
}
.pc-py-80 {
padding-bottom: 8em !important;
padding-top: 8em !important;
}
.sp_,
.sp_only {
display: none !important;
}
.w-fixSide {
display: flex;
flex-direction: column;
margin-top: 2.5em;
position: sticky;
}
.w-fixSide .c-widget {
flex: 1 1 auto;
}
.w-fixSide.-multiple .c-listMenu,
.w-fixSide.-multiple .widget_swell_index {
min-height: 8em;
overflow-y: auto !important;
}
.w-fixSide.-multiple .widget_swell_new_posts,
.w-fixSide.-multiple .widget_swell_popular_posts {
min-height: 160px;
overflow-y: auto !important;
}
.wp-block-image.is-style-photo_frame img,
.wp-block-video.is-style-photo_frame video,
img.photo_frame {
border: 6px solid #fff;
}
.wp-block-cover {
padding: 2em;
}
}
@media (min-width: 1200px) {
:root {
--swl-sidebar_width: 304px;
--swl-sidebar_margin: 52px;
}
:root .-frame-on-sidebar {
--swl-sidebar_width: 316px;
}
:root .-frame-on.-sidebar-on {
--swl-sidebar_margin: 36px;
}
:root {
--swl-pad_container: 48px;
}
}
@media screen {
[hidden~="screen"] {
display: inherit;
}
[hidden~="screen"]:not(:active):not(:focus):not(:target) {
clip: rect(0 0 0 0) !important;
position: absolute !important;
}
}
@media screen and (max-width: 782px) {/* legacy-swell:chrome
* .admin-bar {
* --swl-adminbarH: var(--wp-admin--admin-bar--height, 46px);
* } */
}
@media (max-width: 1200px) {/* legacy-swell:chrome
* .c-gnav > .menu-item > a {
* padding: 0 10px;
* } */
}
@media (max-width: 1080px) {/* legacy-swell:chrome
* .c-gnav > .menu-item > a {
* padding: 0 8px;
* } */
}
@media not all and (min-width: 600px) {
.page-numbers[data-apart="2"]:not(:first-child):not(:last-child) {
display: none;
}/* legacy-swell:chrome
* .c-postThumb__cat {
* -webkit-transform: scale(0.9);
* transform: scale(0.9);
* } */
.p-blogCard__title {
font-size: 3.6vw;
}
.-type-card.-sp-col1 .p-postList__item,
.-type-thumb.-sp-col1 .p-postList__item {
width: 100%;
}
.-type-list2 .p-postList__body:after {
content: none !important;
}/* legacy-swell:chrome
* .p-postList__title .-type-thumb.-sp-col2 {
* font-size: 3.2vw;
* } */
.-type-card.-sp-col1 .p-postList__title {
font-size: 3.8vw;
}
.-type-card.-sp-col2 .c-infeedAd {
width: 100%;
}
.is-style-browser_mac > .wp-block-group__inner-container {
max-height: 56vw;
}
.instagram-media,
.twitter-tweet {
box-sizing: border-box !important;
display: none !important;
max-width: 88vw !important;
min-width: 0 !important;
width: 100% !important;
}
.instagram-media-rendered,
.twitter-tweet-rendered {
display: block !important;
}
.twitter-tweet > iframe {
width: 100% !important;
}
}
@media (min-width: 960px) and (max-width: 1019px) {
.-sidebar-off .-type-card.-pc-col3 .p-postList__item {
padding: 0 0.75em;
}
}
@media (min-width: 960px) and (max-width: 1319px) {
.-sidebar-on .-type-card.-pc-col3 .p-postList__item {
padding: 0 0.75em;
}
}
@media (min-width: 1020px) {
.-sidebar-off .-type-card.-pc-col3 .p-postList__item,
.-sidebar-off .-type-thumb.-pc-col3 .p-postList__item {
width: 33.33333%;
}
}
@media (min-width: 1320px) {
.-sidebar-on .-type-card.-pc-col3 .p-postList__item,
.-sidebar-on .-type-thumb.-pc-col3 .p-postList__item {
width: 33.33333%;
}
}
/* =============================================================================
* Dynamic rules (reproduced from classes/Style/Post.php with Default_Settings.php defaults)
* ============================================================================= */
.red_ {
--the-btn-color: #f74a4a;
--the-btn-color2: #ffbc49;
--the-solid-shadow: #b93838;
}
.blue_ {
--the-btn-color: #338df4;
--the-btn-color2: #35eaff;
--the-solid-shadow: #266ab7;
}
.green_ {
--the-btn-color: #62d847;
--the-btn-color2: #7bf7bd;
--the-solid-shadow: #4aa235;
}
.is-style-btn_normal {
--the-btn-radius: 80px;
}
.is-style-btn_solid {
--the-btn-radius: 80px;
}
.is-style-btn_shiny {
--the-btn-radius: 80px;
}
.is-style-btn_line {
--the-btn-radius: 80px;
}
.mark_blue {
background: linear-gradient(transparent 60%, #b7e3ff 60%);
}
.mark_green {
background: linear-gradient(transparent 60%, #bdf9c3 60%);
}
.mark_yellow {
background: linear-gradient(transparent 60%, #fcf69f 60%);
}
.mark_orange {
background: linear-gradient(transparent 60%, #ffddbc 60%);
}
/* =============================================================================
* Balloon color fallback (Swell 動的 CSS の静的再現)
* -----------------------------------------------------------------------------
* Swell 本体では classes/Style/Post.php::balloon() が runtime で
* [data-col="..."] .c-balloon__text { background/border } を吐いていた。
* 本テーマでは Swell 無効化しているので静的に再現する。
* 変数 --color_bln_* は上の :root 宣言から引く。
* ============================================================================= */
[data-col="gray"] .c-balloon__text { background: var(--color_bln_gray); border-color: var(--color_bln_gray_border); }
[data-col="green"] .c-balloon__text { background: var(--color_bln_green); border-color: var(--color_bln_green_border); }
[data-col="blue"] .c-balloon__text { background: var(--color_bln_blue); border-color: var(--color_bln_blue_border); }
[data-col="red"] .c-balloon__text { background: var(--color_bln_red); border-color: var(--color_bln_red_border); }
[data-col="yellow"] .c-balloon__text { background: var(--color_bln_yellow); border-color: var(--color_bln_yellow_border); }
[data-col="gray"] .c-balloon__before { border-right-color: var(--color_bln_gray); }
[data-col="green"] .c-balloon__before { border-right-color: var(--color_bln_green); }
[data-col="blue"] .c-balloon__before { border-right-color: var(--color_bln_blue); }
[data-col="red"] .c-balloon__before { border-right-color: var(--color_bln_red); }
[data-col="yellow"] .c-balloon__before { border-right-color: var(--color_bln_yellow); }
}