.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:.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:.4em; line-height: 1; opacity:.85; position: absolute; top: 50%; -webkit-transform: scale(.8) translateX(1px) translateY(-50%); transform: scale(.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:.75em 1.5em }
.wp-block-file__button: before {
content:"\e914"; display: inline-block; font-family: icomoon; margin-right:.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:.75em .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:.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 .5em }
.p-profileBox__btn .p-profileBox__btnLink {
color:#fff }
.p-profileBox__iconList {
padding:.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:.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 {
gap:.5em }
.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 }
.wp-block-social-links.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%,.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%,.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:.5em .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:.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,.5) }
td[data-text-color=white],th[data-text-color=white] {
--cell-text-shadow: 1px 1px 1px rgba(#000,.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:-.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:.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:.25em; top:.25em }
.swl-cell-bg[data-icon=doubleCircle] {
--cell-icon-svg: url('data: image/svg+xml; utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50"><path d="M25,43.4C14.9,43.4,6.6,35.1,6.6,25S14.9,6.6,25,6.6S43.4,14.9,43.4,25S35.1,43.4,25,43.4z M25,8.8 C16.1,8.8,8.8,16.1,8.8,25S16.1,41.2,25,41.2S41.2,33.9,41.2,25S33.9,8.8,25,8.8z"/><path d="M25,2C12.3,2,2,12.3,2,25s10.3,23,23,23s23-10.3,23-23S37.7,2,25,2z M25,45.5C13.7,45.5,4.5,36.3,4.5,25S13.7,4.5,25,4.5 S45.5,13.7,45.5,25S36.3,45.5,25,45.5z"/></svg>') }
.swl-cell-bg[data-icon=circle] {
--cell-icon-svg: url('data: image/svg+xml; utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50"><path d="M25,47C12.9,47,3,37.1,3,25S12.9,3,25,3s22,9.9,22,22S37.1,47,25,47z M25,5.6C14.3,5.6,5.6,14.3,5.6,25S14.3,44.4,25,44.4 S44.4,35.7,44.4,25S35.7,5.6,25,5.6z"/></svg>') }
.swl-cell-bg[data-icon=triangle] {
--cell-icon-svg: url('data: image/svg+xml; utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50"><path d="M46.7,42.9H3.3c-0.4,0-0.6-0.4-0.4-0.8L24.6,4.6c0.2-0.3,0.7-0.3,0.9,0l21.7,37.6C47.4,42.5,47.1,42.9,46.7,42.9z M6.7,40.4 h36.5L25,8.8L6.7,40.4z"/></svg>') }
.swl-cell-bg[data-icon=close] {
--cell-icon-svg: url('data: image/svg+xml; utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50"><path d="M42.7,42.7L42.7,42.7c-0.5,0.5-1.3,0.5-1.8,0L7.3,9.1c-0.5-0.5-0.5-1.3,0-1.8l0,0c0.5-0.5,1.3-0.5,1.8,0l33.6,33.6 C43.2,41.4,43.2,42.2,42.7,42.7z"/><path d="M7.3,42.7L7.3,42.7c-0.5-0.5-0.5-1.3,0-1.8L40.9,7.3c0.5-0.5,1.3-0.5,1.8,0v0c0.5,0.5,0.5,1.3,0,1.8L9.1,42.7 C8.6,43.2,7.8,43.2,7.3,42.7z"/></svg>') }
.swl-cell-bg[data-icon=hatena] {
--cell-icon-svg: url('data: image/svg+xml; utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50"><path d="M31.3,28.4c5.2-2.9,7.7-6.8,7.7-12c0-9.4-7.5-12.7-14-12.7c-6.8,0-14,4.9-14,14.1c0,0.9,0.7,1.6,1.6,1.6 c0.9,0,1.6-0.7,1.6-1.6C14.3,10.7,19.7,7,25,7c6.7,0,10.7,3.5,10.7,9.4c0,2.5-0.6,6.1-6,9.1c-2.2,1.2-6.3,4.6-6.3,8.6 c0,0.9,0.7,1.6,1.6,1.6s1.6-0.7,1.6-1.6C26.6,32,29.4,29.5,31.3,28.4z"/><circle cx="25" cy="43.3" r="2.9"/></svg>') }
.swl-cell-bg[data-icon=check] {
--cell-icon-svg: url('data: image/svg+xml; utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50"><path d="M46.8,11c-0.6-0.5-1.7-0.4-2.2,0.1L19.4,36.2l-12-12c-0.6-0.6-1.5-0.6-2.3,0c-0.6,0.6-0.6,1.5,0,2.3l13.1,13.1 c0.3,0.3,0.7,0.4,1.1,0.4c0.4,0,0.8-0.1,1.2-0.4l26.3-26.3C47.4,12.7,47.4,11.7,46.8,11z"/></svg>') }
.swl-cell-bg[data-icon=line] {
--cell-icon-svg: url('data: image/svg+xml; utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50"><path d="M38.5,26.5h-27c-0.8,0-1.5-0.7-1.5-1.5v0c0-0.8,0.7-1.5,1.5-1.5h27c0.8,0,1.5,0.7,1.5,1.5v0C40,25.8,39.3,26.5,38.5,26.5z"/></svg>') }
.tagcloud,.wp-block-tag-cloud {
align-items: center; display: flex; flex-wrap: wrap; gap: 8px }
.is-style-outline.wp-block-tag-cloud .tag-cloud-link {
background: none; border: 1px solid }
.tag-cloud-link {
background:#f7f7f7; border: none; color:#333!important; display: block; line-height: 1; padding: 6px 8px!important; position: relative; text-decoration: none }
.tag-cloud-link.tag-cloud-link {
margin: 0 }
.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:.75em .5em }
.widget_rss .rss-date,.widget_rss .rssSummary,.widget_rss cite {
font-size:.9em; margin-top:.5em; opacity:.8 }
.widget_rss .rss-date,.widget_rss cite {
margin-right:.5em; order: 1 }
.widget_rss .rssSummary,.widget_rss li .rsswidget {
order: 0; width: 100% }
.c-widget__title .rsswidget {
color: inherit; text-decoration: none }
.swell-block-accordion__item+.swell-block-accordion__item {
margin-top:.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 .25s,height .25s,opacity .25s,visibility .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 .5em; padding: 1em .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 .25s,-webkit-transform .25s; transition: transform .25s,opacity .25s; transition: transform .25s,opacity .25s,-webkit-transform .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(.5) rotate(-180deg); transform: scale(.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(.5) rotate(180deg); transform: scale(.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:.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:.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:.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,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) }
.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:.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:.5em; text-decoration: none; text-shadow: 0 -1px rgba(0,0,0,.1); transition: box-shadow .25s,opacity .25s }
[data-ad=ranking] .p-adBox__btn {
padding:.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,.1),0 12px 24px -12px rgba(0,0,0,.2); opacity:.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:.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:.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:.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 .25s; z-index: 0 }
.c-bannerLink__img {
display: block; transition:-webkit-transform .25s; transition: transform .25s; transition: transform .25s,-webkit-transform .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:.25em }
.c-bannerLink__description {
font-size:.95em; margin-top:.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,.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,.2); top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 100% }
.-cap-ctr_button .c-bannerLink__label {
background: hsla(0,0%,100%,.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,.25); bottom: 0; color:#fff; left: 0; padding: 8px; text-shadow: 1px 1px rgba(0,0,0,.25); width: 100% }
.p-customBanner .c-bannerLink: before {
background: rgba(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 .25s,box-shadow .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 .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:.5em; justify-content: center; line-height: 1.5; margin-bottom: 0!important; padding:.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:-.25em }
.cap_box_ttl i.-right {
margin-left:.4em }
.cap_box_ttl svg {
height: var(--the-icon-size); width: var(--the-icon-size) }
.cap_box_ttl svg: not(.-right) {
margin-left:-.25em }
.cap_box_ttl svg.-right {
margin-right:-.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:.85em; padding:.25em .75em; position: relative; top: 1px }
.is-style-onborder_ttl2>.cap_box_ttl,.is-style-onborder_ttl>.cap_box_ttl {
display: inline-flex; font-size:.85em; left: 1em; line-height: 1; margin-bottom: 0; padding:.5em .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:.85em; max-width: 100%; min-width: 2em; overflow: hidden; padding:.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:.75em }
.is-style-vtabel>.swell-block-dl__dt {
background-color: var(--color_main); color:#fff; margin-top:-1px!important; padding:.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:.25em 2.5em .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:.5em }
.is-style-float>.swell-block-dl__dd {
margin-left: 0; padding:.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:.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:.75em; width: 2em }
.is-style-faq-border .swell-block-faq__item {
padding-left:.5em; padding-right:.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:.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:.75em }
.swell-block-linkList.is-style-default .swell-block-linkList__icon,.swell-block-linkList.is-style-default .swell-block-linkList__text {
transition:-webkit-transform .25s; transition: transform .25s; transition: transform .25s,-webkit-transform .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:.6em .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(.4em); transform: translateX(.4em) }
.swell-block-linkList.is-style-button {
--the-gap:.5em; --the-icon-offset:-.75em; --the-list-padding:.6em 1.5em }
.swell-block-linkList.is-style-button.-flex {
--the-icon-offset:-.15em; --the-list-padding:.25em .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 .25s,color .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:.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:.5em .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%,.1) 0,hsla(0,0%,100%,.1) 50%,transparent 0,transparent 75%,hsla(0,0%,100%,.1) 0,hsla(0,0%,100%,.1)); background-color:#111; background-size: 6px 6px; border-radius: 1px; color:#fff; display: inline-flex; line-height: 1; margin: 0 auto .5rem; padding:.5em }
.swell-block-review__rating .__value {
align-items: center; display: flex; justify-content: center }
.swell-block-review__rating .__str {
color:#454545; font-size:.75em; margin-left:.5em; margin-right:-.5em }
.swell-block-review__rating .__stars {
font-size: 1.4em; letter-spacing:.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%,.1) 0,hsla(0,0%,100%,.1) 50%,transparent 0,transparent 75%,hsla(0,0%,100%,.1) 0,hsla(0,0%,100%,.1)); background-size: 6px 6px; border-radius: 5em; color:#fff; font-size:.9em; line-height: 1; margin: 0 0 .5rem; padding:.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:.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:.25em; text-align: left }
.is-style-small .swell-block-step__body {
margin-top:.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:.8; padding: 0 2px 0 0 }
.is-style-small .swell-block-step__number: after {
font-size: 14px; opacity:.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 .5em; --the-tab-item-margin: 0; display: flex; flex-wrap: var(--the-tab-flex_wrap); justify-content: center; margin: var(--the-tab-margin)!important; 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,.15); height: 11px }
.c-tabList::-webkit-scrollbar-thumb {
background: hsla(0,0%,78%,.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 .25s,color .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:.5; padding-bottom:.75em; padding-top:.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 .1s,color .1s }
.is-style-balloon>.c-tabList .c-tabList__button {
background: var(--color_gray); transition: background-color .25s,color .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 .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 .75em }
.is-style-bb>.c-tabList .c-tabList__button {
background: none; box-shadow: none; opacity:.7; padding-top:.25em; transition: color .25s,opacity .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:.4; z-index: 0 }
.is-style-bb>.c-tabList .c-tabList__button: after {
background-color: var(--color_main); height: 2px; opacity: 0; transition: opacity .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 .5s,visibility .5s,-webkit-transform .5s; transition: opacity .5s,visibility .5s,transform .5s; transition: opacity .5s,visibility .5s,transform .5s,-webkit-transform .5s; transition-timing-function: ease-out; z-index: 1; padding: 0 0 50px 0; }
.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 {
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:.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:.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,.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 {
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:.75em }
.c-balloon__text {
font-size:.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,.15); opacity:.8 }
 }