:root {
--swl-fz--content: 4vw;
--swl-font_family: "游ゴシック体", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
--swl-font_weight: 500;
--color_main: #2783be;
--color_text: #333;
--color_link: #1176d4;
--color_htag: #2783be;
--color_bg: #fdfdfd;
--color_gradient1: #d8ffff;
--color_gradient2: #87e7ff;
--color_main_thin: rgba(49, 164, 238, 0.05);
--color_main_dark: rgba(29, 98, 143, 1);
--color_list_check: #2783be;
--color_list_num: #2783be;
--color_list_good: #86dd7b;
--color_list_triangle: #f4e03a;
--color_list_bad: #f36060;
--color_faq_q: #d55656;
--color_faq_a: #6599b7;
--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;
--color_deep01: #db2e2e;
--color_deep02: #2783be;
--color_deep03: #4fad6a;
--color_deep04: #f09f4d;
--color_pale01: #fff2f0;
--color_pale02: #f3f8fd;
--color_pale03: #f1f9ee;
--color_pale04: #fdf9ee;
--color_mark_blue: #b7e3ff;
--color_mark_green: #bdf9c3;
--color_mark_yellow: #fcf69f;
--color_mark_orange: #ffddbc;
--border01: solid 1px var(--color_main);
--border02: double 4px var(--color_main);
--border03: dashed 2px var(--color_border);
--border04: solid 4px var(--color_gray);
--card_posts_thumb_ratio: 66.666%;
--list_posts_thumb_ratio: 66.666%;
--big_posts_thumb_ratio: 56.25%;
--thumb_posts_thumb_ratio: 61.805%;
--blogcard_thumb_ratio: 56.25%;
--color_header_bg: #fdfdfd;
--color_header_text: #333;
--color_footer_bg: #fdfdfd;
--color_footer_text: #333;
--container_size: 1200px;
--article_size: 900px;
--logo_size_sp: 48px;
--logo_size_pc: 40px;
--logo_size_pcfix: 32px;
}
.swl-cell-bg[data-icon="doubleCircle"] {
--cell-icon-color: #ffc977
}
.swl-cell-bg[data-icon="circle"] {
--cell-icon-color: #94e29c
}
.swl-cell-bg[data-icon="triangle"] {
--cell-icon-color: #eeda2f
}
.swl-cell-bg[data-icon="close"] {
--cell-icon-color: #ec9191
}
.swl-cell-bg[data-icon="hatena"] {
--cell-icon-color: #93c9da
}
.swl-cell-bg[data-icon="check"] {
--cell-icon-color: #94e29c
}
.swl-cell-bg[data-icon="line"] {
--cell-icon-color: #9b9b9b
}
.cap_box[data-colset="col1"] {
--capbox-color: #f59b5f;
--capbox-color--bg: #fff8eb
}
.cap_box[data-colset="col2"] {
--capbox-color: #5fb9f5;
--capbox-color--bg: #edf5ff
}
.cap_box[data-colset="col3"] {
--capbox-color: #2fcd90;
--capbox-color--bg: #eafaf2
}
.red_ {
--the-btn-color: #e89820;
--the-btn-color2: #ffbc49;
--the-solid-shadow: rgba(174, 114, 24, 1)
}
.blue_ {
--the-btn-color: #2783be;
--the-btn-color2: #35eaff;
--the-solid-shadow: rgba(29, 98, 143, 1)
}
.green_ {
--the-btn-color: #4fad6a;
--the-btn-color2: #7bf7bd;
--the-solid-shadow: rgba(59, 130, 80, 1)
}
.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
}
.l-main blockquote {
padding: 1.5em 2em 1.5em 3em
}
.l-main blockquote::before {
content: "";
display: block;
width: 5px;
height: calc(100% - 1.5em);
top: 0.75em;
left: 0.75em;
border-left: solid 1px rgba(180, 180, 180, .75);
border-right: solid 1px rgba(180, 180, 180, .75);
}
.mark_blue {
background: -webkit-linear-gradient(transparent 64%, var(--color_mark_blue) 0%);
background: linear-gradient(transparent 64%, var(--color_mark_blue) 0%)
}
.mark_green {
background: -webkit-linear-gradient(transparent 64%, var(--color_mark_green) 0%);
background: linear-gradient(transparent 64%, var(--color_mark_green) 0%)
}
.mark_yellow {
background: -webkit-linear-gradient(transparent 64%, var(--color_mark_yellow) 0%);
background: linear-gradient(transparent 64%, var(--color_mark_yellow) 0%)
}
.mark_orange {
background: -webkit-linear-gradient(transparent 64%, var(--color_mark_orange) 0%);
background: linear-gradient(transparent 64%, var(--color_mark_orange) 0%)
}
[class*="is-style-icon_"] {
color: #333;
border-width: 0
}
[class*="is-style-big_icon_"] {
border-width: 2px;
border-style: solid
}
[data-col="gray"] .c-balloon__text {
background: #f7f7f7;
border-color: #ccc
}
[data-col="gray"] .c-balloon__before {
border-right-color: #f7f7f7
}
[data-col="green"] .c-balloon__text {
background: #d1f8c2;
border-color: #9ddd93
}
[data-col="green"] .c-balloon__before {
border-right-color: #d1f8c2
}
[data-col="blue"] .c-balloon__text {
background: #e2f6ff;
border-color: #93d2f0
}
[data-col="blue"] .c-balloon__before {
border-right-color: #e2f6ff
}
[data-col="red"] .c-balloon__text {
background: #ffebeb;
border-color: #f48789
}
[data-col="red"] .c-balloon__before {
border-right-color: #ffebeb
}
[data-col="yellow"] .c-balloon__text {
background: #f9f7d2;
border-color: #fbe593
}
[data-col="yellow"] .c-balloon__before {
border-right-color: #f9f7d2
}
.-type-list2 .p-postList__body::after,
.-type-big .p-postList__body::after {
content: "READ MORE »";
}
.c-postThumb__cat {
background-color: #2783be;
color: #fff;
background-image: repeating-linear-gradient(-45deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, .1) 6px, transparent 6px, transparent 12px)
}
.l-main h2:where(:not([class^="swell-block-"]):not(.faq_q):not(.heading-secondary)) {
background: var(--color_htag);
padding: .75em 1em;
color: #fff !important;
}
.l-main h2:where(:not([class^="swell-block-"]):not(.faq_q):not(.heading-secondary))::before {
position: absolute;
display: block;
pointer-events: none;
content: "";
top: -4px;
left: 0;
width: 100%;
height: calc(100% + 4px);
box-sizing: content-box;
border-top: solid 2px var(--color_htag);
border-bottom: solid 2px var(--color_htag)
}
.l-main h3:where(:not([class^="swell-block-"]):not(.faq_q):not(.heading-secondary)) {
padding: 0 .5em .5em
}
.l-main h3:where(:not([class^="swell-block-"]):not(.faq_q):not(.heading-secondary))::before {
content: "";
width: 100%;
height: 2px;
background: repeating-linear-gradient(90deg, var(--color_htag) 0%, var(--color_htag) 29.3%, rgba(49, 164, 238, 0.2) 29.3%, rgba(49, 164, 238, 0.2) 100%)
}
.l-main h4:where(:not([class^="swell-block-"]):not(.faq_q):not(.heading-secondary)) {
padding: 0 0 0 16px;
border-left: solid 2px var(--color_htag)
}
.l-header__menuBtn {
order: 1
}
.l-header__customBtn {
order: 3
}
.c-gnav a::after {
background: var(--color_main);
width: 100%;
height: 2px;
transform: scaleX(0)
}
.p-spHeadMenu .menu-item.-current {
border-bottom-color: var(--color_main)
}
.c-gnav>li:hover>a::after,
.c-gnav>.-current>a::after {
transform: scaleX(1)
}
.c-gnav .sub-menu {
color: #333;
background: #fff
}
.l-fixHeader::before {
opacity: 1
}
#pagetop {
border-radius: 50%
}
.c-widget__title.-spmenu {
padding: .5em .75em;
border-radius: var(--swl-radius--2, 0px);
background: var(--color_main);
color: #fff;
}
.c-widget__title.-footer {
padding: .5em
}
.c-widget__title.-footer::before {
content: "";
bottom: 0;
left: 0;
width: 40%;
z-index: 1;
background: var(--color_main)
}
.c-widget__title.-footer::after {
content: "";
bottom: 0;
left: 0;
width: 100%;
background: var(--color_border)
}
.c-secTitle {
border-left: solid 2px var(--color_main);
padding: 0em .75em
}
.p-spMenu {
color: #333
}
.p-spMenu__inner::before {
background: #fdfdfd;
opacity: 1
}
.p-spMenu__overlay {
background: #000;
opacity: 0.6
}
[class*="page-numbers"] {
border-radius: 50%;
margin: 4px;
color: #fff;
background-color: #dedede
}
a {
text-decoration: none
}
.l-topTitleArea.c-filterLayer::before {
background-color: #000;
opacity: 0.2;
content: ""
}
@media screen and (min-width: 960px) {
:root {}
}
@media screen and (max-width: 959px) {
:root {}
.l-header__logo {
order: 2;
text-align: center
}
}
@media screen and (min-width: 600px) {
:root {
--swl-fz--content: 16px;
}
}
@media screen and (max-width: 599px) {
:root {}
}
@media (min-width: 1108px) {
.alignwide {
left: -100px;
width: calc(100% + 200px);
}
}
@media (max-width: 1108px) {
.-sidebar-off .swell-block-fullWide__inner.l-container .alignwide {
left: 0px;
width: 100%;
}
}
.l-fixHeader .l-fixHeader__gnav {
order: 0
}
[data-scrolled=true] .l-fixHeader[data-ready] {
opacity: 1;
-webkit-transform: translateY(0) !important;
transform: translateY(0) !important;
visibility: visible
}
.-body-solid .l-fixHeader {
box-shadow: 0 2px 4px var(--swl-color_shadow)
}
.l-fixHeader__inner {
align-items: stretch;
color: var(--color_header_text);
display: flex;
padding-bottom: 0;
padding-top: 0;
position: relative;
z-index: 1
}
.l-fixHeader__logo {
align-items: center;
display: flex;
line-height: 1;
margin-right: 24px;
order: 0;
padding: 16px 0
}
@media (min-width:960px) {
.-series .l-header__inner {
align-items: stretch;
display: flex
}
.-series .l-header__logo {
align-items: center;
display: flex;
flex-wrap: wrap;
margin-right: 24px;
padding: 16px 0
}
.-series .l-header__logo .c-catchphrase {
font-size: 13px;
padding: 4px 0
}
.-series .c-headLogo {
margin-right: 16px
}
.-series-right .l-header__inner {
justify-content: space-between
}
.-series-right .c-gnavWrap {
margin-left: auto
}
.-series-right .w-header {
margin-left: 12px
}
.-series-left .w-header {
margin-left: auto
}
}
@media (min-width:960px) and (min-width:600px) {
.-series .c-headLogo {
max-width: 400px
}
}
.c-gnav .sub-menu a:before,
.c-listMenu a: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-submenuToggleBtn {
display: none
}
.c-listMenu a {
padding: .75em 1em .75em 1.5em;
transition: padding .25s
}
.c-listMenu a:hover {
padding-left: 1.75em;
padding-right: .75em
}
.c-gnav .sub-menu a:before,
.c-listMenu a:before {
color: inherit;
content: "\e921";
display: inline-block;
left: 2px;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
vertical-align: middle
}
.widget_categories>ul>.cat-item>a,
.wp-block-categories-list>li>a {
padding-left: 1.75em
}
.c-listMenu .children,
.c-listMenu .sub-menu {
margin: 0
}
.c-listMenu .children a,
.c-listMenu .sub-menu a {
font-size: .9em;
padding-left: 2.5em
}
.c-listMenu .children a:before,
.c-listMenu .sub-menu a:before {
left: 1em
}
.c-listMenu .children a:hover,
.c-listMenu .sub-menu a:hover {
padding-left: 2.75em
}
.c-listMenu .children ul a,
.c-listMenu .sub-menu ul a {
padding-left: 3.25em
}
.c-listMenu .children ul a:before,
.c-listMenu .sub-menu ul a:before {
left: 1.75em
}
.c-listMenu .children ul a:hover,
.c-listMenu .sub-menu ul a:hover {
padding-left: 3.5em
}
.c-gnav li:hover>.sub-menu {
opacity: 1;
visibility: visible
}
.c-gnav .sub-menu:before {
background: inherit;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 0
}
.c-gnav .sub-menu .sub-menu {
left: 100%;
top: 0;
z-index: -1
}
.c-gnav .sub-menu a {
padding-left: 2em
}
.c-gnav .sub-menu a:before {
left: .5em
}
.c-gnav .sub-menu a:hover .ttl {
left: 4px
}
:root {
--color_content_bg: var(--color_bg);
}
.c-widget__title.-side {
padding: .5em
}
.c-widget__title.-side::before {
content: "";
bottom: 0;
left: 0;
width: 40%;
z-index: 1;
background: var(--color_main)
}
.c-widget__title.-side::after {
content: "";
bottom: 0;
left: 0;
width: 100%;
background: var(--color_border)
}
.c-shareBtns__item:not(:last-child) {
margin-right: 4px
}
.c-shareBtns__btn {
padding: 8px 0
}
@media screen and (min-width: 960px) {
:root {}
.single .c-postTitle__date {
display: none
}
}
@media screen and (max-width: 959px) {
:root {}
.single .c-postTitle__date {
display: none
}
}
@media screen and (min-width: 600px) {
:root {}
}
@media screen and (max-width: 599px) {
:root {}
}
.swell-block-fullWide__inner.l-container {
--swl-fw_inner_pad: var(--swl-pad_container, 0px)
}
@media (min-width:960px) {
.-sidebar-on .l-content .alignfull,
.-sidebar-on .l-content .alignwide {
left: -16px;
width: calc(100% + 32px)
}
.swell-block-fullWide__inner.l-article {
--swl-fw_inner_pad: var(--swl-pad_post_content, 0px)
}
.-sidebar-on .swell-block-fullWide__inner .alignwide {
left: 0;
width: 100%
}
.-sidebar-on .swell-block-fullWide__inner .alignfull {
left: calc(0px - var(--swl-fw_inner_pad, 0)) !important;
margin-left: 0 !important;
margin-right: 0 !important;
width: calc(100% + var(--swl-fw_inner_pad, 0)*2) !important
}
}
.p-relatedPosts .p-postList__item {
margin-bottom: 1.5em
}
.p-relatedPosts .p-postList__times,
.p-relatedPosts .p-postList__times>:last-child {
margin-right: 0
}
@media (min-width:600px) {
.p-relatedPosts .p-postList__item {
width: 33.33333%
}
}
@media screen and (min-width:600px) and (max-width:1239px) {
.p-relatedPosts .p-postList__item:nth-child(7),
.p-relatedPosts .p-postList__item:nth-child(8) {
display: none
}
}
@media screen and (min-width:1240px) {
.p-relatedPosts .p-postList__item {
width: 25%
}
}
.-index-off .p-toc,
.swell-toc-placeholder:empty {
display: none
}
.p-toc.-modal {
height: 100%;
margin: 0;
overflow-y: auto;
padding: 0
}
#main_content .p-toc {
border-radius: var(--swl-radius--2, 0);
margin: 4em auto;
max-width: 800px
}
#sidebar .p-toc {
margin-top: -.5em
}
.p-toc .__pn:before {
content: none !important;
counter-increment: none
}
.p-toc .__prev {
margin: 0 0 1em
}
.p-toc .__next {
margin: 1em 0 0
}
.p-toc.is-omitted:not([data-omit=ct]) [data-level="2"] .p-toc__childList {
display: none
}
.p-toc.is-omitted:not([data-omit=nest]) {
position: relative
}
.p-toc.is-omitted:not([data-omit=nest]):before {
background: linear-gradient(hsla(0, 0%, 100%, 0), var(--color_bg));
bottom: 5em;
content: "";
height: 4em;
left: 0;
opacity: .75;
pointer-events: none;
position: absolute;
width: 100%;
z-index: 1
}
.p-toc.is-omitted:not([data-omit=nest]):after {
background: var(--color_bg);
bottom: 0;
content: "";
height: 5em;
left: 0;
opacity: .75;
position: absolute;
width: 100%;
z-index: 1
}
.p-toc.is-omitted:not([data-omit=nest]) .__next,
.p-toc.is-omitted:not([data-omit=nest]) [data-omit="1"] {
display: none
}
.p-toc .p-toc__expandBtn {
background-color: #f7f7f7;
border: rgba(0, 0, 0, .2);
border-radius: 5em;
box-shadow: 0 0 0 1px #bbb;
color: #333;
display: block;
font-size: 14px;
line-height: 1.5;
margin: .75em auto 0;
min-width: 6em;
padding: .5em 1em;
position: relative;
transition: box-shadow .25s;
z-index: 2
}
.p-toc[data-omit=nest] .p-toc__expandBtn {
display: inline-block;
font-size: 13px;
margin: 0 0 0 1.25em;
padding: .5em .75em
}
.p-toc:not([data-omit=nest]) .p-toc__expandBtn:after,
.p-toc:not([data-omit=nest]) .p-toc__expandBtn:before {
border-top-color: inherit;
border-top-style: dotted;
border-top-width: 3px;
content: "";
display: block;
height: 1px;
position: absolute;
top: calc(50% - 1px);
transition: border-color .25s;
width: 100%;
width: 22px
}
.p-toc:not([data-omit=nest]) .p-toc__expandBtn:before {
right: calc(100% + 1em)
}
.p-toc:not([data-omit=nest]) .p-toc__expandBtn:after {
left: calc(100% + 1em)
}
.p-toc.is-expanded .p-toc__expandBtn {
border-color: transparent
}
.p-toc__ttl {
display: block;
font-size: 1.2em;
line-height: 1;
position: relative;
text-align: center
}
.p-toc__ttl:before {
content: "\e918";
display: inline-block;
font-family: icomoon;
margin-right: .5em;
padding-bottom: 2px;
vertical-align: middle
}
#index_modal .p-toc__ttl {
margin-bottom: .5em
}
.p-toc__list li {
line-height: 1.6
}
.p-toc__list>li+li {
margin-top: .5em
}
.p-toc__list .p-toc__childList {
padding-left: .5em
}
.p-toc__list [data-level="3"] {
font-size: .9em
}
.p-toc__list .mininote {
display: none
}
.l-main .p-toc__list {
padding-left: 0
}
#sidebar .p-toc__list {
margin-bottom: 0
}
#sidebar .p-toc__list .p-toc__childList {
padding-left: 0
}
.p-toc__link {
color: inherit;
font-size: inherit;
text-decoration: none
}
.p-toc__link:hover {
opacity: .8
}
.p-toc.-border {
border-bottom: 2px solid var(--color_main);
border-top: 2px solid var(--color_main);
padding: 1.75em .5em 1.5em
}
.p-toc.-border .p-toc__ttl {
margin-bottom: .75em
}
@media (min-width:960px) {
#main_content .p-toc {
width: 92%
}
}
@media (hover:hover) {
.p-toc .p-toc__expandBtn:hover {
border-color: transparent;
box-shadow: 0 0 0 2px currentcolor
}
}
@media (min-width:600px) {
.p-toc.-border {
padding: 1.75em 1em 1.5em
}
}
.p-pnLinks {
align-items: stretch;
display: flex;
justify-content: space-between;
margin: 2em 0
}
.p-pnLinks__item {
font-size: 3vw;
position: relative;
width: 49%
}
.p-pnLinks__item:before {
content: "";
display: block;
height: .5em;
pointer-events: none;
position: absolute;
top: 50%;
width: .5em;
z-index: 1
}
.p-pnLinks__item.-prev:before {
border-bottom: 1px solid;
border-left: 1px solid;
left: .35em;
-webkit-transform: rotate(45deg) translateY(-50%);
transform: rotate(45deg) translateY(-50%)
}
.p-pnLinks__item.-prev .p-pnLinks__thumb {
margin-right: 8px
}
.p-pnLinks__item.-next .p-pnLinks__link {
justify-content: flex-end
}
.p-pnLinks__item.-next:before {
border-bottom: 1px solid;
border-right: 1px solid;
right: .35em;
-webkit-transform: rotate(-45deg) translateY(-50%);
transform: rotate(-45deg) translateY(-50%)
}
.p-pnLinks__item.-next .p-pnLinks__thumb {
margin-left: 8px;
order: 2
}
.p-pnLinks__item.-next:first-child {
margin-left: auto
}
.p-pnLinks__link {
align-items: center;
border-radius: var(--swl-radius--2, 0);
color: inherit;
display: flex;
height: 100%;
line-height: 1.4;
min-height: 4em;
padding: .6em 1em .5em;
position: relative;
text-decoration: none;
transition: box-shadow .25s;
width: 100%
}
.p-pnLinks__thumb {
border-radius: var(--swl-radius--4, 0);
height: 32px;
-o-object-fit: cover;
object-fit: cover;
width: 48px
}
.p-pnLinks .-prev .p-pnLinks__link {
border-left: 1.25em solid var(--color_main)
}
.p-pnLinks .-prev:before {
color: #fff
}
.p-pnLinks .-next .p-pnLinks__link {
border-right: 1.25em solid var(--color_main)
}
.p-pnLinks .-next:before {
color: #fff
}
@media not all and (min-width:960px) {
.p-pnLinks.-thumb-on {
display: block
}
.p-pnLinks.-thumb-on .p-pnLinks__item {
width: 100%
}
}
@media (min-width:600px) {
.p-pnLinks__item {
font-size: 13px
}
.p-pnLinks__thumb {
height: 48px;
width: 72px
}
.p-pnLinks__title {
transition: -webkit-transform .25s;
transition: transform .25s;
transition: transform .25s, -webkit-transform .25s
}
.-prev>.p-pnLinks__link:hover .p-pnLinks__title {
-webkit-transform: translateX(4px);
transform: translateX(4px)
}
.-next>.p-pnLinks__link:hover .p-pnLinks__title {
-webkit-transform: translateX(-4px);
transform: translateX(-4px)
}
.p-pnLinks .-prev .p-pnLinks__link:hover {
box-shadow: 1px 1px 2px var(--swl-color_shadow)
}
.p-pnLinks .-next .p-pnLinks__link:hover {
box-shadow: -1px 1px 2px var(--swl-color_shadow)
}
}
.w-beforeFooter {
margin: 6em auto 3em;
overflow: hidden
}
.c-widget__title.-footer:before {
background-color: currentcolor !important
}
.l-footer {
background-color: var(--color_footer_bg);
color: var(--color_footer_text);
position: relative;
z-index: 0
}
.l-footer a,
.l-footer span {
color: inherit
}
.l-footer .copyright {
font-size: 12px;
text-align: center
}
.l-footer .copyright a {
color: var(--color_link)
}
.l-footer__nav {
color: inherit;
display: flex;
flex-wrap: wrap;
justify-content: center;
padding: .5em 0 1em
}
.l-footer__nav a {
color: inherit;
display: block;
font-size: 3vw;
padding: .25em .5em;
text-decoration: none
}
.l-footer__nav a:hover {
text-decoration: underline
}
.l-footer__foot,
.l-footer__widgetArea {
padding-bottom: 1em;
padding-top: 1em
}
.p-indexModal {
padding: 80px 16px
}
.p-indexModal__inner {
background: #fdfdfd;
border-radius: var(--swl-radius--4, 0);
color: #333;
height: 100%;
margin: -1em auto 0 !important;
max-width: 800px;
padding: 2em 1.5em;
position: relative;
-webkit-transform: translateY(16px);
transform: translateY(16px);
transition: -webkit-transform .5s;
transition: transform .5s;
transition: transform .5s, -webkit-transform .5s;
z-index: 1
}
.is-opened>.p-indexModal__inner {
-webkit-transform: translateY(0);
transform: translateY(0)
}
.p-searchModal__inner {
background: hsla(0, 0%, 100%, .1);
left: 50%;
max-width: 600px;
padding: 1em;
position: absolute;
top: calc(50% + 16px);
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
transition: top .5s;
width: 96%;
z-index: 1
}
.is-opened>.p-searchModal__inner {
top: 50%
}
.p-searchModal__inner .c-searchForm {
box-shadow: 0 0 4px hsla(0, 0%, 100%, .2)
}
.p-searchModal__inner .s {
font-size: 16px
}
@media (min-width:960px) {
.w-footer {
display: flex;
justify-content: space-between
}
.w-footer__box {
flex: 1;
padding: 1em
}
}
@media not all and (min-width:960px) {
.w-footer__box {
padding: 1em 0
}
.w-footer__box+.w-footer__box {
margin-top: 1em
}
.l-footer__inner {
padding-bottom: calc(env(safe-area-inset-bottom)*.5)
}
}
@media (min-width:600px) {
.l-footer__nav a {
border-right: 1px solid;
font-size: 13px;
padding: 0 .75em
}
.l-footer__nav li:first-child a {
border-left: 1px solid
}
.p-indexModal__inner {
padding: 2em
}
}
.c-secTitle {
display: block;
font-size: 4.5vw;
margin-bottom: 1.5em;
position: relative
}
.c-secTitle:after,
.c-secTitle:before {
box-sizing: inherit;
display: block;
height: 1px;
position: absolute;
z-index: 0
}
.post-password-form:not(:first-child) {
border-top: 1px dashed var(--color_border);
padding-top: 1em
}
.post-password-form p {
margin-bottom: 1em
}
.p-articleMetas {
align-items: center;
display: flex;
flex-wrap: wrap;
font-size: 12px;
gap: .625em;
padding: 0 1px
}
.p-articleMetas.-top {
margin-top: .75em
}
.p-articleMetas.-top .p-articleMetas__termList {
font-size: 11px
}
.p-articleMetas__termList {
align-items: center;
display: flex;
flex-wrap: wrap;
gap: .5em
}
.p-articleThumb {
margin: 2em 0;
text-align: center;
width: 100%
}
.p-articleThumb__youtube {
height: 0;
padding-bottom: 56.25%;
position: relative
}
.p-articleThumb__youtube iframe {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%
}
.p-articleThumb__img {
border-radius: var(--swl-radius--8, 0);
display: block;
width: 100%
}
.p-articleThumb__figcaption {
font-size: .9em;
margin-top: .75em;
text-align: center
}
.p-articleFoot {
border-top: 1px dashed var(--color_border);
margin: 2em 0;
padding-top: 2em
}
.c-shareBtns {
margin: 2em 0
}
.c-shareBtns__message {
padding: .25em 0 .75em;
text-align: center;
width: 100%
}
.c-shareBtns__message .__text {
display: inline-block;
line-height: 1.5;
padding: 0 1.5em;
position: relative
}
.c-shareBtns__message .__text:after,
.c-shareBtns__message .__text:before {
background-color: currentcolor;
bottom: 0;
content: "";
display: block;
height: 1.5em;
position: absolute;
width: 1px
}
.c-shareBtns__message .__text:before {
left: 0;
-webkit-transform: rotate(-40deg);
transform: rotate(-40deg)
}
.c-shareBtns__message .__text:after {
right: 0;
-webkit-transform: rotate(40deg);
transform: rotate(40deg)
}
.c-shareBtns__list {
display: flex;
justify-content: center
}
.c-shareBtns__item.-facebook {
color: #3b5998
}
.c-shareBtns__item.-twitter {
color: #1da1f2
}
.c-shareBtns__item.-twitter-x {
color: #000
}
.c-shareBtns__item.-hatebu {
color: #00a4de
}
.c-shareBtns__item.-pocket {
color: #ef3f56
}
.c-shareBtns__item.-pinterest {
color: #bb0f23
}
.c-shareBtns__item.-line {
color: #00c300
}
.c-shareBtns__item.-copy {
color: #717475;
position: relative
}
.c-shareBtns:not(.-style-btn-small) .c-shareBtns__item {
flex: 1
}
.c-shareBtns__btn {
align-items: center;
background-color: currentcolor;
border-radius: var(--swl-radius--2, 0);
color: inherit;
cursor: pointer;
display: flex;
justify-content: center;
text-align: center;
text-decoration: none
}
.c-shareBtns__icon {
--the-icon-size: 4.5vw;
color: #fff;
display: block;
font-size: var(--the-icon-size);
height: 1em;
line-height: 1;
margin: auto;
width: 1em
}
.c-shareBtns__icon:before {
color: inherit;
display: block
}
.-fix.c-shareBtns {
border: none !important;
left: 8px;
margin: 0;
position: fixed;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 30px;
z-index: 99
}
.-fix.c-shareBtns .c-shareBtns__list {
border: none;
flex-direction: column;
margin: 0;
padding: 0;
width: 100%
}
.-fix.c-shareBtns .c-shareBtns__item {
flex-basis: 100%;
margin: 4px 0;
max-width: 100%;
padding: 0;
width: 100%
}
.-fix.c-shareBtns .c-shareBtns__btn {
height: 30px;
padding: 0
}
.-fix.c-shareBtns .c-shareBtns__icon {
font-size: 16px
}
.c-urlcopy {
display: block;
position: relative;
width: 100%
}
.c-urlcopy .-copied {
opacity: 0;
position: absolute;
top: 8px
}
.c-urlcopy .-to-copy {
opacity: 1;
top: 0
}
.c-urlcopy.-done .-to-copy {
opacity: 0;
top: 8px;
transition-duration: 0s
}
.c-urlcopy.-done .-copied {
opacity: 1;
top: 0;
transition-duration: .25s
}
.c-urlcopy.-done+.c-copyedPoppup {
opacity: 1;
visibility: visible
}
.c-urlcopy .c-shareBtns__icon {
transition: opacity .25s, top .25s
}
.c-urlcopy__text {
display: block
}
.c-urlcopy__content {
align-items: center;
display: flex;
justify-content: center;
position: relative;
width: 100%
}
.c-copyedPoppup {
bottom: calc(100% + 2px);
color: grey;
font-size: 10px;
opacity: 0;
position: absolute;
right: 0;
text-align: right;
transition: opacity .25s, visibility .25s;
visibility: hidden;
white-space: nowrap
}
.-fix.c-shareBtns .c-copyedPoppup {
bottom: 50%;
left: 100%;
right: auto;
-webkit-transform: translateX(8px) translateY(50%);
transform: translateX(8px) translateY(50%)
}
.c-big-urlcopy {
margin: 1em 0
}
.c-big-urlcopy .c-shareBtns__icon {
align-items: center;
display: flex;
justify-content: center;
width: auto
}
.c-big-urlcopy .c-urlcopy__text {
font-size: .8em;
margin-left: .75em;
padding-top: 1px
}
.c-shareBtns.-style-btn-small.has-big-copybtn {
align-items: center;
display: flex;
flex-wrap: wrap;
justify-content: center
}
.c-shareBtns.-style-btn-small .c-big-urlcopy {
margin: 8px;
max-width: 100%;
width: 16em
}
.p-authorBox {
border: 1px solid var(--color_border);
border-radius: var(--swl-radius--8, 0);
padding: 5vw
}
.p-authorBox .avatar {
border: 2px solid var(--color_border);
border-radius: 50%;
height: 100px;
-o-object-fit: cover;
object-fit: cover;
width: 100px
}
.p-authorBox__l {
margin: 0 0 1em;
text-align: center
}
.p-authorBox__r {
width: 100%
}
.p-authorBox__name {
color: inherit;
display: block;
font-weight: 700;
line-height: 1.2;
margin-top: 8px;
text-decoration: none
}
.p-authorBox__position {
display: block;
font-style: italic;
line-height: 1.2;
margin-top: 4px
}
.p-authorBox__desc {
width: 100%
}
.p-authorBox__iconList {
margin-top: 8px
}
.p-authorBox__more {
padding-top: 1em
}
.p-authorBox__moreLink {
border: 1px solid var(--color_border);
border-radius: var(--swl-radius--4, 0);
color: inherit;
display: block;
letter-spacing: var(--swl-letter_spacing, .5px);
line-height: 3;
padding: 0 1em;
position: relative;
text-align: center;
text-decoration: none
}
.p-authorBox__moreLink:after {
content: "\e930";
font-family: icomoon;
margin-left: .25em;
position: absolute;
right: 1em;
top: 0
}
@media (min-width:600px) {
.c-secTitle {
font-size: 20px
}
.l-articleBottom__section {
margin-top: 6em
}
.c-shareBtns__icon {
--the-icon-size: 18px
}
.c-copyedPoppup {
font-size: 11px;
right: 50%;
-webkit-transform: translateX(50%);
transform: translateX(50%)
}
.p-authorBox {
align-content: stretch;
display: flex;
justify-content: space-between;
padding: 1.5em
}
.p-authorBox__l {
margin-bottom: 0;
width: 160px
}
.p-authorBox__r {
border-left: 1px solid var(--color_border);
display: flex;
flex-direction: column;
padding-left: 1.5em;
width: calc(100% - 160px - 1.5em)
}
.p-authorBox__more {
margin-top: auto
}
}
@media not all and (min-width:600px) {
.l-articleBottom__section {
margin-top: 4em
}
.p-authorBox {
text-align: center
}
.p-authorBox__iconList {
justify-content: center
}
}
@media not all and (min-width:960px) {
.-fix.c-shareBtns {
display: none !important
}
}
.p-breadcrumb .customize-partial-edit-shortcut {
top: 0
}
.p-breadcrumb .customize-partial-edit-shortcut button {
left: 8px
}
.c-infoBar__btn,
.is-style-btn_shiny a {
overflow: hidden;
position: relative;
transition: opacity .25s, -webkit-transform .25s;
transition: opacity .25s, transform .25s;
transition: opacity .25s, transform .25s, -webkit-transform .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%, .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: .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, .1), 0 4px 8px -4px rgba(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: .8;
width: 10px
}
@-webkit-keyframes flash {
0% {
opacity: .6
}
to {
opacity: 1
}
}
@keyframes flash {
0% {
opacity: .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: .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: .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%, .5);
--color_gray: hsla(0, 0%, 78%, .15);
--swl-color_hov_gray: rgba(3, 2, 2, .05);
--swl-color_shadow: rgba(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, .05), 0 4px 4px -4px rgba(0, 0, 0, .1);
--swl-img_shadow: 0 2px 8px rgba(0, 0, 0, .1), 0 4px 8px -4px rgba(0, 0, 0, .2);
--swl-btn_shadow: 0 2px 2px rgba(0, 0, 0, .1), 0 4px 8px -4px rgba(0, 0, 0, .2);
--swl-text_color--black: #333;
--swl-text_color--white: #fff;
--swl-fz--xs: .75em;
--swl-fz--small: .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
}
html {
font-size: var(--swl-fz--root)
}
.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: .35em .75em .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%, .5);
border-radius: 0;
color: #333;
padding: .25em .5em
}
[type=color] {
padding: 0
}
[type=range] {
vertical-align: middle
}
[aria-busy=true] {
cursor: progress
}
[aria-controls] {
cursor: pointer
}
[aria-disabled] {
cursor: default
}
html {
letter-spacing: var(--swl-letter_spacing, normal)
}
body {
word-wrap: break-word;
-webkit-text-size-adjust: 100%;
background-color: var(--color_bg);
color: var(--color_text);
font-family: var(--swl-font_family);
font-size: 1rem;
font-weight: var(--swl-font_weight);
line-height: 1.6;
max-width: 100%;
min-width: 100%;
overflow-wrap: break-word;
overflow-x: clip;
position: relative
}
a {
color: var(--color_link)
}
.swl-inline-color {
--color_link: currentcolor
}
#lp-content .l-main,
#main_content .l-main {
font-size: var(--swl-fz--content, 16px)
}
[data-spmenu=opened] #wpadminbar {
z-index: 1
}
#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
}
.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 .5s
}
.l-fixHeader:before {
background: var(--color_header_bg);
display: block
}
.c-smallNavTitle {
color: inherit;
font-size: 10px;
line-height: 1;
opacity: .6
}
.sub-menu .c-smallNavTitle {
display: none
}
.c-gnav {
display: flex;
height: 100%;
text-align: center
}
.c-gnav a {
text-decoration: none
}
.c-gnav .ttl {
color: inherit;
line-height: 1;
position: relative;
z-index: 1
}
.c-gnav>.menu-item {
height: 100%;
position: relative
}
.c-gnav>.menu-item:hover>.sub-menu {
opacity: 1;
visibility: visible
}
.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
}
.c-gnav>.menu-item>a .ttl {
display: block;
font-size: 14px
}
.c-gnav>.menu-item>a:after {
bottom: 0;
content: "";
display: block;
left: 0;
position: absolute;
transition: width .25s, height .25s, -webkit-transform .25s;
transition: transform .25s, width .25s, height .25s;
transition: transform .25s, width .25s, height .25s, -webkit-transform .25s
}
.c-gnav>.menu-item>a .c-submenuToggleBtn {
display: none
}
.c-gnav>.menu-item>.sub-menu {
left: 50%;
top: 100%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%)
}
.c-gnav .sub-menu {
box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
opacity: 0;
position: absolute;
text-align: left;
transition: opacity .25s, visibility .25s;
visibility: hidden;
width: 15em;
z-index: 1
}
.c-gnav .sub-menu li {
position: relative
}
.c-gnav .sub-menu .ttl {
font-size: .9em;
left: 0;
position: relative;
transition: left .25s
}
.c-gnav .sub-menu a {
color: inherit;
display: block;
padding: .5em .75em;
position: relative
}
.c-gnav .sub-menu a:hover {
background-color: var(--swl-color_hov_gray)
}
.c-gnav__sBtn {
color: inherit;
display: flex;
flex-direction: column;
height: 100%;
justify-content: center;
padding: 0 12px;
width: auto
}
.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, .2px)
}
.l-header__logo {
line-height: 1
}
.c-headLogo.-txt {
align-items: center;
display: flex
}
.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
}
.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,
.l-main>:first-child {
margin-top: 0 !important
}
.l-mainContent__inner>:last-child,
.l-parent>:last-child,
.l-main>: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
}
#sidebar {
font-size: var(--swl-fz--side);
position: relative
}
.c-blogLink {
--the-ison-size: 1em;
align-items: center;
display: flex;
gap: .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: .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, .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 .25s, background-color .25s;
width: 3.25em
}
.c-blogLink[data-style=slim] .c-blogLink__text {
padding: 1em .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 .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: .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, .1);
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAQMAAAC3obSmAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAGUExURUdwTAAAAJ8qhFEAAAABdFJOUwBA5thmAAAAEklEQVQI12MwYDBgYGBoYGAAAASKAOH8MS30AAAAAElFTkSuQmCC);
background-size: 2px;
content: "";
opacity: .5
}
.c-filterLayer.-texture-brushed:after {
background-image: url(https://www.shimamura-hosp.com/medi-column/wp-content/themes/swell/assets//img/texture/white-brushed.png);
content: "";
opacity: .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%)
}
.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: .75;
overflow: hidden;
text-align: center;
transition: all .25s;
width: 52px
}
.c-fixBtn+.c-fixBtn {
margin-top: 16px
}
.c-fixBtn__icon {
display: block;
font-size: 20px
}
.c-fixBtn__label {
-webkit-font-feature-settings: "palt";
font-feature-settings: "palt";
display: block;
font-size: 10px;
-webkit-transform: scale(.9);
transform: scale(.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(.9);
transform: scale(.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 .5s, visibility .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: .5em;
position: absolute;
text-align: center;
text-shadow: 1px 1px 1px #000;
top: 100%;
width: 100%
}
.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
}
.c-mvBtn__btn {
background-color: var(--color_main);
border-radius: var(--mv_btn_radius);
box-shadow: 0 1px 4px rgba(0, 0, 0, .1);
display: block;
font-size: 3.2vw;
letter-spacing: var(--swl-letter_spacing, 1px);
overflow: hidden;
padding: .75em 2.5em;
position: relative;
text-decoration: none;
text-shadow: none;
transition: box-shadow .25s
}
.-btn-n>.c-mvBtn__btn {
color: #fff
}
.c-mvBtn__btn:before {
background: linear-gradient(hsla(0, 0%, 100%, .2), #fff);
border-radius: 2px;
display: block;
opacity: 0;
transition: opacity .25s
}
.c-mvBtn__btn:hover {
box-shadow: 0 1px 8px rgba(0, 0, 0, .2);
opacity: 1
}
.c-mvBtn__btn:hover:before {
opacity: .2
}
.-btn-b>.c-mvBtn__btn {
background: none;
border: 1px solid
}
.c-overlay {
background: rgba(0, 0, 0, .75);
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 0
}
.c-pagination {
align-items: center;
display: flex;
flex-wrap: wrap;
font-size: 13px;
justify-content: center;
margin: 3em 0;
position: relative
}
[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 .25s, background-color .25s;
width: auto
}
[class*=page-numbers].current,
[class*=page-numbers]:hover {
background-color: var(--color_main);
color: #fff
}
.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: .75em;
padding: .5em .75em .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
}
.p-postList .c-postTitle {
margin: 0 auto 1em;
position: relative;
width: 100%;
z-index: 1
}
.p-postList .c-postTitle__date .__md,
.p-postList .c-postTitle__ttl {
font-size: 4vw
}
.c-reviewStars i {
color: var(--color-review_star, #fac225)
}
.l-main>.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: .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, .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 .25s
}
.c-postAuthor.is-link:hover {
opacity: .75
}
.c-postAuthor__figure {
border-radius: 50%;
height: 20px;
margin: 0 .25em 0 1px;
overflow: hidden;
width: 20px
}
.c-postAuthor__figure .avatar {
display: block;
-o-object-fit: cover;
object-fit: cover
}
.c-postThumb {
overflow: hidden;
position: relative;
vertical-align: middle
}
.c-postThumb__figure {
margin: 0;
overflow: hidden;
position: relative;
width: 100%;
z-index: 0
}
.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)
}
.p-postList__link:hover .c-postThumb:before {
opacity: .2
}
.p-postList__link:hover .c-postThumb__img {
-webkit-transform: scale(1.06);
transform: scale(1.06)
}
.c-postThumb__img {
left: 0;
position: absolute;
top: 0;
transition: -webkit-transform .25s;
transition: transform .25s;
transition: transform .25s, -webkit-transform .25s
}
.c-postThumb__cat {
background-color: var(--color_main);
display: inline-block;
font-size: 10px;
line-height: 2;
overflow: hidden;
padding: 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
}
.c-postThumb__cat:before {
margin-right: .4em
}
.c-postTimes {
align-items: center;
display: flex;
flex-wrap: wrap;
gap: .5em
}
.c-postTimes__modified:before,
.c-postTimes__posted:before {
margin-right: .325em;
position: relative;
top: 1px
}
.c-rssSite {
margin-right: .5rem
}
.c-rssSite__favi {
display: block;
height: 14px;
margin-right: .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 .25s;
width: 100%
}
.wp-block-embed>.p-blogCard {
margin: 0 auto
}
.p-blogCard:hover {
box-shadow: 0 4px 16px rgba(0, 0, 0, .1), 0 12px 28px -12px rgba(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 .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 .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: .8em;
line-height: 1.4;
margin-top: .5em;
opacity: .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 .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: .8;
right: 4px;
top: auto;
-webkit-transform: scale(.8);
transform: scale(.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, .08);
color: #333
}
.p-breadcrumb {
margin: 0 auto;
padding: 8px 0;
position: relative
}
.p-breadcrumb.-bg-on {
background: #f7f7f7
}
.p-breadcrumb:not(.-bg-on) {
padding-top: 12px
}
.-body-solid .p-breadcrumb.-bg-on {
box-shadow: inset 0 -1px 8px rgba(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
}
.p-breadcrumb__list {
align-items: center;
display: flex;
font-size: 10px;
gap: .5em;
list-style: none;
overflow: hidden;
width: 100%
}
.p-breadcrumb__item {
align-items: center;
display: inline-flex;
gap: .5em;
position: relative
}
.p-breadcrumb__item:last-child:after {
content: none
}
.p-breadcrumb__item:last-child span {
opacity: .8
}
.p-breadcrumb__text {
align-items: center;
color: inherit;
display: block;
display: inline-flex;
text-decoration: none;
white-space: nowrap
}
.p-breadcrumb__text:before {
margin-right: 3px
}
.p-breadcrumb__text:hover span {
opacity: .76
}
.p-breadcrumb__text .__home {
align-items: center;
display: inline-flex;
gap: 4px
}
.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 .3s, visibility .3s, -webkit-transform .3s;
transition: opacity .3s, transform .3s, visibility .3s;
transition: opacity .3s, transform .3s, visibility .3s, -webkit-transform .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
}
.p-postList.p-postList {
list-style: none;
margin-bottom: 0;
padding-left: 0
}
.p-postList.-type-simple {
border-top: 1px solid var(--color_border)
}
.p-postList.-type-card,
.p-postList.-type-thumb {
display: flex;
flex-wrap: wrap;
margin-left: -.5em;
margin-right: -.5em
}
.-frame-off .p-postList.-type-list2 {
border-top: 1px solid var(--color_border);
padding-top: 1.5em
}
.c-widget .p-postList.-type-card {
margin-bottom: -1.5em
}
.p-postList.-type-thumb+.is-style-more_btn {
margin-top: 1em
}
.p-postList.-type-simple+.is-style-more_btn {
margin-top: 2em
}
.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: .5em;
padding-right: .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 .5em;
width: 50%
}
.-type-thumb .p-postList__item {
margin-bottom: 1em;
margin-top: 0;
padding: 0 .5em;
width: 50%
}
.is-first-big>.p-postList__item:first-child {
width: 100%
}
.c-widget .-type-card .p-postList__item {
margin-bottom: 2em
}
.c-widget .-type-list .p-postList__item {
margin-bottom: 1.5em
}
.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 .25em;
transition: background-color .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 .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%
}
.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 .25s;
width: 100%;
z-index: 1
}
.p-postList__body {
position: relative;
transition: opacity .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: .75
}
.-type-list .p-postList__body,
.-type-list2 .p-postList__body {
width: 60%
}
.-type-thumb .p-postList__body {
background: rgba(0, 0, 0, .5);
bottom: 0;
color: #fff;
left: 0;
padding: .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, .5px);
margin: 2em auto 0;
opacity: .75;
padding: 1em 0;
text-align: center;
transition: color .25s, background-color .25s;
width: 100%
}
.-type-list2 .p-postList__body:after {
display: inline-block;
margin-top: 2em;
max-width: 100%;
padding: .5em 3em;
width: auto
}
.p-postList__link:hover .p-postList__body:after {
background: var(--color_main);
box-shadow: none;
color: #fff;
opacity: 1
}
.p-postList .p-postList__title {
background: none;
border: none;
color: inherit;
display: block;
font-weight: 700;
line-height: 1.5;
margin: 0;
padding: 0
}
.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
}
.p-postList__excerpt {
line-height: 1.5
}
.-type-card .p-postList__excerpt {
font-size: 3.2vw;
margin-top: .5em
}
.-type-list .p-postList__excerpt,
.-type-list2 .p-postList__excerpt {
font-size: 3.4vw;
margin-top: .5em
}
.-type-big .p-postList__excerpt {
line-height: 1.6;
padding-bottom: .5em
}
#sidebar .p-postList__excerpt,
.-related .p-postList__excerpt,
.-type-thumb .p-postList__excerpt {
display: none
}
.p-postList__meta {
align-items: center;
display: flex;
flex-wrap: wrap;
font-size: 10px;
line-height: 1.25;
margin-top: .75em;
position: relative
}
.p-postList__title+.p-postList__meta {
margin-top: .25em
}
.p-postList__meta :before {
margin-right: .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
}
.p-postList__author,
.p-postList__cat,
.p-postList__times,
.p-postList__views {
margin-right: .5em;
padding: 4px 0
}
.-type-simple .p-postList__author {
padding: 0
}
.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(.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: .75em .25em
}
.c-spnav .desc {
margin-left: 8px
}
.p-spMenu__overlay {
transition: opacity .5s, visibility .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 .45s;
transition: transform .45s;
transition: transform .45s, -webkit-transform .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: .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: .8
}
.hov-opacity {
transition: opacity .25s
}
.hov-opacity:hover {
opacity: .8
}
.hov-flash:hover {
-webkit-animation: flash 1s;
animation: flash 1s
}
.hov-flash-up {
transition: box-shadow .25s
}
.hov-flash-up:hover {
-webkit-animation: flash 1s;
animation: flash 1s;
box-shadow: 0 2px 8px rgba(0, 0, 0, .25)
}
.hov-col-main {
transition: color .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: .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: .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 .25s
}
.c-prBanner__link:hover {
opacity: .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
}
.c-widget+.c-widget {
margin-top: 2em
}
.c-widget p:empty:before {
content: none
}
.c-widget .textwidget>:not(:last-child) {
margin-bottom: 1em
}
.c-widget__title {
font-size: 4vw;
font-weight: 700;
margin-bottom: 1.5em;
overflow: hidden;
position: relative
}
.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
}
.l-main {
line-height: 1.8;
margin: 0;
max-width: 100%;
padding: 0
}
.l-main .content>* {
clear: both;
margin-bottom: var(--swl-block-margin, 2em)
}
.l-main div>:first-child,
.l-main .content>:first-child {
margin-top: 0 !important
}
.l-main dd>:last-child,
.l-main div>:last-child,
.l-main .content>:last-child {
margin-bottom: 0 !important
}
.l-main h1 {
font-size: 2em
}
.l-main h2 {
font-size: 1.2em;
line-height: 1.4;
margin: 4em 0 2em;
position: relative;
z-index: 1
}
.l-main>h2 {
margin-left: var(--swl-h2-margin--x, 0);
margin-right: var(--swl-h2-margin--x, 0)
}
.l-main h3 {
font-size: 1.1em;
font-weight: 700;
line-height: 1.4;
margin: 3em 0 2em;
position: relative
}
.l-main h3:before {
bottom: 0;
display: block;
left: 0;
position: absolute;
z-index: 0
}
.l-main h4 {
font-size: 1.05em;
line-height: 1.4;
margin: 3em 0 1.5em;
position: relative
}
.l-main dt,
.l-main h2,
.l-main h3,
.l-main h4 {
font-weight: 700
}
.l-main .is-style-section_ttl {
background: none;
border: none;
border-radius: 0;
color: inherit;
letter-spacing: var(--swl-letter_spacing, .2px);
padding: 0;
position: relative;
text-align: center
}
.l-main .is-style-section_ttl:after,
.l-main .is-style-section_ttl:before {
border: none;
content: none
}
.l-main .is-style-section_ttl.has-text-align-left {
text-align: left
}
.l-main .is-style-section_ttl.has-text-align-right {
text-align: right
}
.l-main .is-style-section_ttl small {
display: block;
font-size: .6em;
padding-top: .25em
}
.l-main table {
border: none;
border-collapse: collapse;
border-spacing: 0;
line-height: 1.6;
max-width: 100%;
text-align: left;
width: 100%
}
.l-main td,
.l-main th {
border: 1px solid var(--color_border--table, #dcdcdc);
padding: .5em
}
.l-main th {
background-color: var(--tbody-th-color--bg, hsla(0, 0%, 59%, .05));
color: var(--tbody-th-color--txt, inherit);
font-weight: 700
}
.l-main thead td,
.l-main thead th {
background-color: var(--thead-color--bg, var(--color_main));
color: var(--thead-color--txt, #fff)
}
.l-main :where(table) caption {
font-size: .9em;
margin-bottom: .25em;
opacity: .8
}
.l-main small {
font-size: .8em;
opacity: .8
}
.l-main :not(pre)>code {
align-items: center;
background: #f7f7f7;
border: 1px solid rgba(0, 0, 0, .1);
border-radius: 2px;
color: #333;
display: inline-flex;
font-family: Menlo, Consolas, メイリオ, sans-serif;
font-size: .9em;
letter-spacing: 0;
line-height: 1;
margin: 0 .5em;
padding: .25em .5em
}
.l-main :where(ul:not([type])) {
list-style: disc
}
.l-main :where(ol:not([type])) {
list-style: decimal
}
.l-main ol,
.l-main ul {
padding-left: var(--swl-list-padding--left)
}
.l-main ol ul,
.l-main ul ul {
list-style: circle
}
.l-main li {
line-height: 1.5;
margin: .25em 0;
position: relative
}
.l-main li ol,
.l-main li ul {
margin: 0
}
.l-main hr {
border: none;
border-bottom: 1px solid rgba(0, 0, 0, .1);
margin: 2.5em 0
}
.l-main blockquote {
background: var(--color_gray);
position: relative
}
.l-main blockquote.is-style-large {
padding: 1.5em 3em
}
.l-main blockquote.is-style-large cite {
text-align: inherit
}
.l-main blockquote cite {
display: block;
font-size: .8em;
margin-top: 1em;
opacity: .8
}
.l-main blockquote>* {
position: relative;
z-index: 1
}
.l-main blockquote>:not(:last-child) {
margin: 0 0 .5em
}
.l-main blockquote:after,
.l-main blockquote:before {
line-height: 1;
position: absolute;
z-index: 0
}
.l-main pre {
overflow-x: auto;
padding: .5em
}
.l-main iframe {
display: block;
margin-left: auto;
margin-right: auto;
max-width: 100%
}
.l-mainContent__inner>.l-main {
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: .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: .25em .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%, .5);
padding: var(--swl-box_padding)
}
.is-style-border_dg {
border: 1px dashed hsla(0, 0%, 78%, .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(.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, .1) rgba(0, 0, 0, .1);
border-style: solid;
border-width: 0 20px 20px 0;
box-shadow: -1px 1px 1px rgba(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%, .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, .05);
box-shadow: inset 0 2px 4px rgba(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: .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: .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: .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: .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: .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: .5em;
line-height: 1;
padding: 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, .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, .125), rgba(0, 0, 0, .05) 55%, rgba(0, 0, 0, .05) 75%, rgba(0, 0, 0, .075) 92%, hsla(0, 0%, 100%, .3) 96%, rgba(0, 0, 0, .35) 99%), linear-gradient(to right, hsla(0, 0%, 100%, .2), rgba(0, 0, 0, .35) 1%, hsla(0, 0%, 100%, .3) 4%, rgba(0, 0, 0, .02) 8%, hsla(0, 0%, 100%, .2) 25%, hsla(0, 0%, 100%, .2) 75%, rgba(0, 0, 0, .02) 92%, hsla(0, 0%, 100%, .3) 96%, rgba(0, 0, 0, .35) 99%, hsla(0, 0%, 100%, .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)*.001) rgba(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: .8em;
line-height: 1.4;
margin-bottom: 0;
margin-top: .75em;
opacity: .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 .25s
}
.wp-block-image a:hover {
opacity: .8
}
.wp-caption {
max-width: 100%;
text-align: center;
width: 100%
}
.wp-caption-text {
font-size: .8em;
margin-top: 1em;
opacity: .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, .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, .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: .25em
}
mark.has-inline-color {
background-color: inherit
}
code.dir_name:before {
content: "\e92f";
margin-right: .4em;
opacity: .8
}
code.file_name:before {
content: "\e924";
margin-right: .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: .5em;
position: absolute;
top: calc(.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: .25em;
position: absolute;
top: 2px;
width: 1em
}
.swl-inline-list[data-icon=check]:before {
color: var(--color_list_check);
content: "\e923";
-webkit-transform: scale(.8);
transform: scale(.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: .1em;
margin-right: .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: .25em;
opacity: .75;
position: absolute;
top: 0;
-webkit-transform: none;
transform: none;
-webkit-transform: scale(.75);
transform: scale(.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: .5em .5em .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: .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(.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: -.1px;
line-height: 1.1;
padding: 0 .5em 0 0;
position: absolute;
right: calc(100% + .5em);
top: .25em;
-webkit-transform: scale(.95);
transform: scale(.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: .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: .9em
}
.is-style-note_list:not(.has-text-color) {
opacity: .85
}
.is-style-note_list li {
margin: .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(.75);
transform: scale(.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: -.15em;
-webkit-transform: scale(.75);
transform: scale(.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: .75;
-webkit-transform: scale(.7);
transform: scale(.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(.15);
transform: scale(.15)
}
.-list-under-dashed>li,
.border_bottom>li {
border-bottom: 1px dashed var(--color_border);
margin-bottom: .75em;
padding-bottom: .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: .5em;
justify-content: center
}
.swell-block-button .__icon:not(.-right) {
margin-left: -.25em
}
.swell-block-button .__icon.-right {
margin-right: -.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: .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: .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 !important;
font-weight: 700;
transition: box-shadow .25s
}
.is-style-btn_normal a:hover {
box-shadow: 0 4px 12px rgba(0, 0, 0, .1), 0 12px 24px -12px rgba(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 !important;
font-weight: 700;
transition: box-shadow .25s, -webkit-transform .25s;
transition: transform .25s, box-shadow .25s;
transition: transform .25s, box-shadow .25s, -webkit-transform .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 !important;
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 .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: .9em;
--the-width: auto;
--the-min-width: 80%;
--the-padding: .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 !important;
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 .25s, background-color .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 .25s;
transition: transform .25s;
transition: transform .25s, -webkit-transform .25s
}
.is-style-more_btn a:hover {
background-color: var(--color_main);
box-shadow: none;
color: #fff !important;
}
.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: .5rem 3em
}
.is-style-more_btn.-size-l {
--the-min-width: 100%;
--the-padding: 1rem 3em
}
.swl-inline-btn {
display: inline-block;
font-size: .9em;
margin: 0 .25em
}
table .swl-inline-btn {
margin: .5em .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, .5px);
padding: .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: .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: .75rem;
letter-spacing: .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: .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: .25em;
padding: .125em .4em
}
.c-prNotation[data-style=small]>i {
margin: 0 0 -1px -.5px
}
.c-prNotation[data-style=big] {
border: 1px solid var(--color_gray);
border-radius: 1px;
font-size: .95em;
margin: 1.5em 0;
padding: .75em
}
.c-prNotation[data-style=big]>i {
vertical-align: -.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
}
#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
}
.c-headLogo {
height: var(--logo_size_sp)
}
.-img .c-headLogo__link {
display: block;
padding: 10px 0
}
#sidebar {
margin-top: 4em
}
.p-blogCard__excerpt {
display: none
}
.p-fixBtnWrap {
padding-bottom: calc(env(safe-area-inset-bottom)*.5)
}
#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
}
.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
}
.p-postList .c-postTitle__date .__md,
.p-postList .c-postTitle__ttl {
font-size: 20px
}
.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
}
.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
}
.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
}
.c-widget__title {
font-size: 16px
}
.cat-post-count,
.post_count,
.tag-link-count {
font-size: 13px
}
.l-main h2 {
font-size: 1.4em
}
.l-main h3 {
font-size: 1.3em
}
.l-main 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: .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
}
.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))
}
#sidebar .c-widget+.c-widget {
margin-top: 2.5em
}
.-sidebar-on #sidebar {
width: var(--swl-sidebar_width)
}
.c-fixBtn:hover {
opacity: 1
}
.p-fixBtnWrap {
bottom: 2.5em;
right: 2.5em
}
#sidebar .-type-card .p-postList__item {
width: 100%
}
.-type-card.-pc-col2 .p-postList__item {
padding: 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: -.5em;
margin-right: -.5em
}
.w-footer.-col1 .-type-list .p-postList__item {
padding: .5em;
width: 50%
}
.is-hide-last--pc .p-postList__item:last-child,
.p-spMenu {
display: none
}
.hov-bg-main {
transition: background-color .25s, color .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) {
.admin-bar {
--swl-adminbarH: var(--wp-admin--admin-bar--height, 46px)
}
}
@media (max-width:1200px) {
.c-gnav>.menu-item>a {
padding: 0 10px
}
}
@media (max-width:1080px) {
.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
}
.c-postThumb__cat {
-webkit-transform: scale(.9);
transform: scale(.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
}
.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 .75em
}
}
@media (min-width:960px) and (max-width:1319px) {
.-sidebar-on .-type-card.-pc-col3 .p-postList__item {
padding: 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%
}
}
.swl-format-1 {
font-weight: bold;
display: inline;
padding: 2px;
background: linear-gradient(transparent 64%, #fff68f 0%);
}
.swl-format-2 {
font-weight: bold;
}
.w50 {
max-width: 50%;
}
.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
}
.l-main .wp-block-embed {
max-width: 100%
}
.l-main blockquote.wp-embedded-content {
display: none
}
.l-main 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 .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
}
.l-main .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) !important;
}
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) !important;
}
.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,')
}
.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: .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,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: .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);
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
}
.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: .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.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: .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
}
}
@media only screen and (min-width: 992px) {
.archive__item {
width: calc(33.3% - 30px);
margin-right: 30px;
}
.archive__item:nth-child(3n) {
margin-right: 0;
}
}
@media only screen and (max-width: 991px) {
.archive__item {
width: 48.5%;
}
.archive {
justify-content: space-between;
}
}
#viewWide:checked~.archive .archive__item-shadow {
padding: 10px;
}
#viewWide:checked~.archive .eyecatch__cat a {
font-size: 1rem;
}
.archive .heading-secondary {
background: none;
border: none;
color: inherit;
display: block;
font-weight: 700;
line-height: 1.5;
margin: 0;
padding: 0;
}
.archive .heading-secondary a {
font-size: 16px !important;
color: #000 !important;
}
.archive .archive__item .phrase-secondary {
display: none;
}
.globalNavi {
float: right;
margin-left: auto;
margin-right: 0;
}
.globalNavi li a {
font-size: 15px;
}
.subNavi {
display: none;
}
.c-tabList li {
list-style: none !important;
}
.c-tabList li:before {
display: none !important;
}
.swell-block-accordion__title {
margin-bottom: 0 !important;
}
.swell-block-accordion__body {
margin-top: 0 !important;
}
/* PR表記（the Thor用） */
.l-main.pr .dateList-main {
position: relative;
}
.icon-pr:before,
.l-main.pr .dateList-main:after{
content: "PRあり";
display: block;
width: fit-content;
padding: 3px 7px;
margin-right: 5px;
background: #fff;
color: #555;
border: 1px solid #777;
font-size: 14px;
line-height: 1.1em;
font-weight: bold;
border-radius: 2px;
}
.l-main.pr .dateList-main {
margin-bottom: 5px;
}
.icon-pr:before {
display: inline-block;
margin: 0 5px 5px 0;
}
.icon-pr.clinicfor:before {
content: "※CLINIC FORの情報提供元：CLINIC FOR";
}
.l-main.pr .main-image {
margin-top: 10px;
}
@media (max-width: 680px){
.icon-pr:before,
.l-main.pr .dateList-main:after {
font-size: 12px;
}
}
code {
display: block !important;
padding: 25px 15px 15px !important;
position: relative;
background: #f0f0f0;
box-shadow: rgba(0,0,0,0.5) 1px 1px 3px inset;
border-radius: 5px;
line-height: 1.8em !important;
margin: 30px 0 10px !important;
}
code:before {
content: "コード";
display: block;
position: absolute;
left: 0;
top: -15px;
background: #444;
color: #fff;
border-radius: 5px 5px 5px 0;
padding: 2px 10px;
font-weight: bold;
}
code[data-title]:before {
content: attr(data-title);
}
code:after {
content: "";
position: absolute;
left: 50%;
bottom: -22px;
display: block;
border: solid;
border-width: 25px 10px 0;
border-color: #eee transparent transparent;
}
.postContents table tr th {
background: var(--color_main);
color: var(--color_bg);
}
.scroll {
overflow: auto;
/* white-space: nowrap; */
width: 100%;
}
.scroll.wrap {
white-space: normal;
}
.scroll::-webkit-scrollbar{
height: 15px;
}
.scroll::-webkit-scrollbar-track{
background: #f1f1f1;
}
.scroll::-webkit-scrollbar-thumb{
background: #ccc;
border-radius: 4px;
}
.scroll table {
margin: 0 auto !important;
table-layout: fixed;
}
.scroll table th {
background: var(--color_main) !important;
}
.nowrap,
.nowrap * {
white-space: nowrap !important;
}
.scroll.nowrap table {
width: auto !important;
min-width: 100% !important;
}
.scroll.nowrap table tr th .af-btn,
.scroll.nowrap table tr th .af-btn > span > span,
.scroll.nowrap table tr th,
.scroll.nowrap table tr td {
white-space: nowrap !important;
width: auto !important;
min-width: 0;
}
.scroll.nowrap table tr th .af-btn,
.scroll.nowrap table tr th .af-btn > span {
width: 100% !important;
text-align: center;
}
.scroll.nowrap table tr th .af-btn > span {
padding: 0;
}
.scroll.normal table,
.scroll.normal table,
.scroll.normal table {
table-layout: auto !important;
}
.tc {
text-align: center;
}
.scroll.l-2 table tr > *:first-child { width: 60px !important; min-width: 60px; max-width: 60px; padding: 5px;}
.scroll.l-2 table tr > *:nth-child(2) { position: sticky; left: 60px; z-index: 2;}
@media only screen and (min-width: 768px) {
.scroll {
white-space: normal;
}
}
.scroll table th:first-child {
display: table-cell !important;
}
.scroll table tbody td {
min-width: 180px;
}
table.tc th,
table.tc td,
table th.tc,
table td.tc {
text-align: center !important;
}
.scroll.rank table thead td,
.scroll.rank table thead th { position: sticky; top: 0; z-index: 1; }
.scroll.rank table tfoot th, .scroll.rank table tfoot td{ position: sticky; bottom: 0 !important; top: auto !important; z-index: 1;}
.scroll.rank table thead th:first-child,
.scroll.rank table tbody th,
.scroll table tbody th:first-child,
.scroll table thead th:first-child,
.scroll.rank table tfoot th{ position: sticky; left: 0 !important; z-index: 2;}
.scroll.rank table thead {position:relative; z-index:3;}
.scroll.rank table thead tr th:first-child{position: sticky; left: 0; top: 0; z-index:4;}
a.afbtn {display:inline-block;background:#07a;color:#fff !important;border-radius:5px;text-align:center;text-decoration:none;padding:10px 15px;}
.scroll.rank.smt-lock table tbody tr th:first-child {
width: 120px !important;
}
.scroll.rank table thead td a:after,
.scroll.rank table thead th a:after {
white-space: pre;
content: "\A\25b6公式サイトはこちら";
font-weight: normal;
font-size: 13px;
color: #fff;
}
.scroll table th.no-sticky,
.scroll table th.normal { position: static !important;}
@media only screen and (max-width: 736px) {
.scroll.rank table th:first-child { width: 100px !important; }
.scroll.rank table td { white-space: normal !important; }
.scroll.rank.smt-lock {max-height: 540px;}
.scroll.rank.smt-lock table td { padding: 5px; }
.scroll.rank.smt-lock table thead th { position: sticky; top: 0; z-index: 2; }
.smt-scroll{
overflow: auto;
width: 100%;
}
.smt-scroll::-webkit-scrollbar {
height: 15px;
}
.smt-scroll::-webkit-scrollbar-track {
background: #f1f1f1;
}
.smt-scroll::-webkit-scrollbar-thumb {
background: #ff7ba3;
}
.scroll.nowrap table {
width: auto !important;
table-layout: auto !important;
white-space: nowrap !important;
}
.scroll.nowrap table tr th a,
.scroll.nowrap table tr th,
.scroll.nowrap table tr td {
white-space: nowrap !important;
width: auto !important;
min-width: 0;
}
}
/* カテゴリーリスト */
.cate-list {
padding: 0 !important;
margin: 15px 0;
text-align: left;
}
.cate-list li {
display: inline-block;
padding: 2px 8px !important;
font-size: 15px;
line-height: 1.2em;
margin: 0 0 5px 5px !important;
background: var(--color_main);
list-style: none !important;
color: #fff;
border-radius: 5px;
}
.cate-list li:before {
display: none !important;
}
@media only screen and (max-width: 500px) {
.cate-list li {
padding: 1px 6px !important;
font-size: 13px;
line-height: 1.2em;
margin: 0 0 3px 3px !important;
}
}
.btn_click {
cursor: pointer;
color: var(--color_link);
}
.swell-block-button,
.swl-inline-btn.red_ {
width: 100%;
text-align: center !important;
float: none;
}
.swell-block-button a,
.swell-block-button .btn_click {
width: 100%;
display: block !important;
margin: auto;
}
.swell-block-button.red_ a,
.swl-inline-btn.red_ a,
.swell-block-button.red_ .btn_click,
.swl-inline-btn.red_ .btn_click {
width: 100%;
justify-content: center;
/* display: block !important; */
margin: auto;
background: linear-gradient(90deg,#F96500 0, #F2F030 100%);
text-align: center !important;
}
/* swellボタンを aタグでなくても使用できるように拡張 */
[class*=is-style-btn_] .swell-block-button__link{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)}
.is-style-btn_normal .swell-block-button__link,.is-style-btn_shiny .swell-block-button__link{box-shadow:var(--swl-btn_shadow)}
.is-style-btn_normal .swell-block-button__link{color:#fff;font-weight:700;transition:box-shadow .25s}
.is-style-btn_normal .swell-block-button__link:hover{box-shadow:0 4px 12px rgba(0,0,0,.1),0 12px 24px -12px rgba(36, 33, 33, 0.2);opacity:1}
.is-style-btn_solid .swell-block-button__link{box-shadow:0 4px 0 var(--the-solid-shadow,var(--color_main_dark));color:#fff;font-weight:700;transition:box-shadow .25s,-webkit-transform .25s;transition:transform .25s,box-shadow .25s;transition:transform .25s,box-shadow .25s,-webkit-transform .25s;z-index:1}
.is-style-btn_solid .swell-block-button__link:hover{box-shadow:0 0 0 transparent!important;-webkit-transform:translate3d(0,4px,0);transform:translate3d(0,4px,0)}
.is-style-btn_shiny .swell-block-button__link{color:#fff;font-weight:700}
.is-style-btn_line .swell-block-button__link{background:none;border:1px solid;color:var(--the-btn-color,var(--color_main));position:relative;transition:background-color .25s}
.is-style-btn_line .swell-block-button__link:hover{background-color:var(--the-btn-color,var(--color_main));border-color:transparent;color:#fff!important}
.is-style-more_btn{--the-fz:.9em;--the-width:auto;--the-min-width:80%;--the-padding:.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 .swell-block-button__link{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 .25s,background-color .25s;width:var(--the-width)}
.is-style-more_btn .swell-block-button__link:after{content:"\e930";font-family:icomoon;position:absolute;right:1em;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:-webkit-transform .25s;transition:transform .25s;transition:transform .25s,-webkit-transform .25s}
.is-style-more_btn .swell-block-button__link:hover{background-color:var(--color_main);box-shadow:none;color:#fff}
.is-style-more_btn .swell-block-button__link:hover:after{-webkit-transform:translateX(4px) translateY(-50%);transform:translateX(4px) translateY(-50%)}
.c-infoBar__btn,.is-style-btn_shiny .swell-block-button__link{overflow:hidden;position:relative;transition:opacity .25s,-webkit-transform .25s;transition:opacity .25s,transform .25s;transition:opacity .25s,transform .25s,-webkit-transform .25s;z-index:0}
.c-infoBar__btn:before,.is-style-btn_shiny .swell-block-button__link:before{background-image:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.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 .swell-block-button__link: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 .swell-block-button__link:hover{-webkit-transform:translateY(2px);transform:translateY(2px)}
.c-infoBar__btn:hover:before,.is-style-btn_shiny .swell-block-button__link:hover:before{left:110%;transition:.25s ease-in-out}
.c-infoBar__btn:hover:after,.is-style-btn_shiny .swell-block-button__link:hover:after{-webkit-animation:none;animation:none}
.swl-inline-btn .swell-block-button__link { display: block; padding: 8px 3px !important; width: 100% !important; }
table .swl-inline-btn { width: 100%; }
table .is-style-btn_line .swell-block-button__link { background: #fff; }
/*footer*/
footer {
border-top: 1px solid #ddd;
}
footer .widget {
margin: 0 auto 0px;
}
.bottomFooter {
background: #fff;
padding: 20px 0 !important;
}
.bottomFooter__navi {
margin-bottom: 15px;
}
.bottomFooter__list li {
color: #000;
font-weight: normal;
font-size: 11px;
font-size: 1.1rem;
padding-left: 1em;
margin-left: 1em;
}
.bottomFooter__list li a {
margin: 0;
}
.bottomFooter__list li:not(:first-child) {
border-left: 1px solid #333;
}
footer .container {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
footer .container .foot_right {
margin-left: auto;
}
footer .container .container.divider {
margin: 0;
}
.bottomFooter__copyright {
color: #0095df;
font-family: "Lato", sans-serif;
letter-spacing: 0.15em;
font-size: 12px;
font-size: 1.2rem;
font-weight: bold;
color: #aaa;
}
.widgetFooter__box .wp-block-group>p {
color: #333;
line-height: 1.5;
font-size: 12px;
font-size: 1.2rem;
}
.top_yoyaku_bnr_sp {
display: none;
}
@media only screen and (min-width: 768px) {
.bottomFooter {
padding: 30px 0 !important;
}
.bottomFooter__list li {
font-size: 13px;
font-size: 1.3rem;
}
.widgetFooter__box .wp-block-group>p {
display: inline-block;
vertical-align: middle;
margin-left: 20px;
font-size: 13px;
font-size: 1.3rem;
padding-bottom: 10px;
}
.bottomFooter__copyright {
text-align: right;
}
}
@media only screen and (max-width: 767px) {
footer .container {
flex-direction: column;
}
footer .wp-container-core-group-layout-1.wp-container-core-group-layout-1 {
flex-direction: column;
}
footer .container .container.divider {
margin-right: auto;
margin-bottom: 20px;
}
footer .container .foot_right {
margin-right: auto;
}
.top_yoyaku_bnr_sp {
display: block;
position: fixed;
bottom: 0;
right: 0;
left: 0;
z-index: 10000;
text-align: center;
width: 100%;
font-weight: 600;
}
.top_yoyaku_bnr_sp a {
padding: 15px;
background-color: #0067b6;
width: 100%;
color: #fff;
display: block;
font-size: 20px;
}
}
/*sidebar*/
.tel-mv {
border: 5px solid #eee;
padding: 8px;
}
.tel-mv a {
display: flex;
align-items: center;
justify-content: center;
}
.tel-mv a:hover {
opacity: 0.8;
}
.tel-mv .ttl {
padding: 8px 0;
font-weight: bold;
text-align: center;
background-color: #e9f0f4;
margin-bottom: 10px;
font-size: 13px;
font-size: 1.3rem;
}
.tel-mv-btn a {
color: #fff;
background: #0067b6;
text-align: center;
font-size: 18px;
font-weight: bold;
padding: 10px 0;
}
.tel-mv hr {
margin: 10px 0;
}
.pdf-mv-btn a {
color: #fff;
background: #ec6a0a;
text-align: center;
font-size: 18px;
font-weight: bold;
padding: 10px 0;
}
.tel-mv .min {
line-height: 1.4;
color: #666;
font-size: 10px;
font-size: 1rem;
padding-left: 1em;
text-indent: -1em;
}
.tel-mv-btn a img,
.pdf-mv-btn a img {
width: 25px;
margin-right: 5px;
}
@media only screen and (max-width: 767px) {
.tel-mv-btn a {
font-size: 14px;
}
.pdf-mv-btn a {
font-size: 14px;
}
.tel-mv-btn a img {
width: 20px;
}
.pdf-mv-btn a img {
width: 20px;
}
}
@media only screen and (min-width: 768px) {
.l-sidebar {
width: 32%;
}
}
/*header*/
.t-logoSp35 .siteTitle__logo {
height: auto;
}
.l-header .header_top .widget {
margin: 0;
}
@media (min-width: 769px) and (max-width: 991px) {
.u-none-pc.menuBtn {
display: none;
}
.globalNavi.u-none-sp {
display: block;
}
.globalNavi::before,
.globalNavi::after {
display: none;
}
}
@media only screen and (min-width: 769px) {
.l-header .header_top .widget .sp_area {
display: none;
}
.l-header .container {
max-width: 100%;
margin-left: 0;
margin-right: 0;
}
.siteTitle {
width: 25%;
margin: 0;
padding-right: 20px;
}
.l-header .header_top {
max-width: 1170px;
margin: 0 auto;
display: flex;
align-items: stretch;
justify-content: space-between;
width: 100%;
padding-top: 20px;
padding-bottom: 15px;
}
.l-header .header_top .widget {
width: 75%;
margin: 0;
display: flex;
justify-content: space-between;
align-items: center;
}
.l-header .header_top .widget .btn-header-lg {
display: block;
background-color: #e9f0f4;
color: #0095df;
text-align: center;
padding: 10px;
text-decoration: none !important;
transition: all 0.25s ease;
font-size: 15px;
font-weight: bold;
}
.l-header .header_top .widget .list-header {
font-size: 12px;
display: flex;
justify-content: space-between;
margin-bottom: 3px;
}
.l-header .header_top .widget .list-header li a {
color: #000;
display: flex;
justify-content: center;
align-items: center;
column-gap: 3px;
}
.l-header .header_top .widget .list-header li a:hover {
color: #0095df;
}
.l-header .header_top .widget .address-header {
font-size: 12px;
padding-left: 15px;
border-left: 1px solid #0095df;
height: 80%;
display: flex;
align-items: center;
}
.l-header .header_top .widget .right-header {
width: 50%;
max-width: 280px;
}
.container-header {
display: flex;
align-items: center;
flex-direction: column;
padding-left: 0;
padding-right: 0;
}
.globalNavi {
float: none;
margin-left: auto;
margin-right: 0;
width: 100%;
background-color: #0095df;
background-image: linear-gradient(-45deg, #26a5e4 25%, #0095df 25%, #0095df 50%, #26a5e4 50%, #26a5e4 75%, #0095df 75%, #0095df);
background-size: 3px 3px;
}
.globalNavi__list {
max-width: 1170px;
margin: 0 auto;
width: 100%;
display: flex;
}
.globalNavi__list>li {
width: calc(100% / 6);
height: auto;
position: relative;
}
.globalNavi__list>li>a {
margin-right: 0;
padding: 24px 1px;
text-align: center;
color: #fff;
transition: all 0.2s linear;
position: relative;
width: 100%;
font-size: 1.7rem;
}
.globalNavi__list>li>a:hover {
background-color: #337ab7;
}
.globalNavi__list>li.menu-item-has-children>a::before {
border: none;
background: #ffffff;
height: calc(tan(60deg)* 8px / 2);
width: 10px;
clip-path: polygon(0 0, 100% 0, 50% 100%);
transform: none;
left: 50%;
margin-left: -.5em;
top: auto;
bottom: 5px;
content: "";
position: absolute;
}
.globalNavi__list>li:first-child:before,
.globalNavi__list>li:after {
position: absolute;
content: ' ';
display: block;
background-color: #fff;
opacity: .3;
top: 10%;
height: 80%;
width: 1px;
right: 0;
}
.globalNavi__list>li:first-child:before {
right: auto;
left: 0;
}
.globalNavi__list>li.menu-item-has-children:hover>a::before,
.globalNavi__list>li.page_item_has_children:hover>a::before {
margin-top: 0;
transform: none;
}
.globalNavi__list .menu-item a:hover,
.globalNavi__list .page_item a:hover {
border-bottom: none;
color: #fff;
}
.globalNavi__inner {
overflow-x: inherit;
}
.globalNavi__list>li .children,
.globalNavi__list>li .sub-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 9999;
display: block;
transition: .15s;
}
.globalNavi__list>li .children>li,
.globalNavi__list>li .sub-menu>li {
display: block;
overflow: hidden;
width: auto;
min-width: 200px;
height: 0;
line-height: 5rem;
white-space: nowrap;
transition: .15s;
text-align: left;
position: relative;
width: 100%;
background: #fff;
border: none;
}
.globalNavi__list>li:hover .children>li,
.globalNavi__list>li:hover .sub-menu>li {
overflow: visible;
height: 5rem;
line-height: 5rem;
}
.globalNavi__list>li:hover .children::before,
.globalNavi__list>li:hover .sub-menu::before {
display: none;
}
.globalNavi__list>li .sub-menu>li a {
color: #fff;
transition: .15s;
margin: 0;
font-weight: bold;
height: auto;
color: #000 !important;
background-color: #fff !important;
text-align: left;
display: inline-block;
width: 100%;
position: relative;
padding: 0 10px;
}
.globalNavi__list>li .sub-menu>li a:hover {
background-color: #eef4f6 !important;
color: #0095df !important;
}
.globalNavi__list>li:hover .children>li:not( :first-child),
.globalNavi__list>li:hover .sub-menu>li:not( :first-child) {
border-top: none;
box-shadow: none;
}
.globalNavi__list>li:hover .children>li:not( :first-child) a,
.globalNavi__list>li:hover .sub-menu>li:not( :first-child) a {
border-top: 1px solid #eee;
}
.globalNavi__list>li .sub-menu>li>a:after {
content: "";
width: 4px;
height: 4px;
border-top: solid 1px #0095df;
border-right: solid 1px #0095df;
position: absolute;
right: 10px;
top: 50%;
margin-top: -2px;
transform: rotate(45deg);
}
.l-header .header_top .widget .list-header li a .icon {
width: 15px;
height: 15px;
display: inline-block;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
.l-header .header_top .widget .list-header li a .icon-news {
background-image: url(https://www.shimamura-hosp.com/curriculum/index/5/wp-content/uploads/2024/04/news.png);
}
.l-header .header_top .widget .list-header li a .icon-recruit {
background-image: url(https://www.shimamura-hosp.com/curriculum/index/5/wp-content/uploads/2024/04/human.png);
}
.l-header .header_top .widget .list-header li a .icon-access {
background-image: url(https://www.shimamura-hosp.com/curriculum/index/5/wp-content/uploads/2024/04/access.png);
}
}
.icon-contact:before {
content: "\e94e";
margin-right: 5px;
}
@media only screen and (max-width: 768px) {
.l-header .header_top .widget .pc_area {
display: none;
}
.l-header {
padding: 0;
height: 50px;
}
.l-header .container {
height: 100%;
display: flex;
align-items: center;
padding: 0 15px;
margin: 0;
}
.siteTitle {
margin-bottom: 0;
width: 150px;
max-width: fit-content;
}
.t-logoSp35 .menuBtn {
top: 0;
bottom: 0;
background-color: #0095df !important;
width: 50px;
display: flex;
align-items: center;
}
.menuBtn__link {
margin: auto;
color: #fff;
width: 100%;
height: 100%;
text-align: center;
align-content: center;
}
.menuBtn__link.icon-menu:before {
content: "MENU";
font-size: 10px;
display: block;
line-height: 10px;
margin-bottom: 2px;
}
.menuBtn__link.icon-menu:after {
content: "\e910";
}
.l-header .header_top .widget {
position: static;
}
.l-header .header_top .widget .sp_area {
position: absolute;
top: 0;
right: 50px;
}
.l-header .header_top .widget .sp_area a {
display: flex;
height: 50px;
width: 50px;
background-color: #0067b6;
justify-content: center;
align-items: center;
}
.l-header .header_top .widget .sp_area a .icon {
width: 30px;
height: 30px;
display: inline-block;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
background-image: url(https://www.shimamura-hosp.com/curriculum/index/5/wp-content/uploads/2024/04/access_w.png);
}
.menuBtn__content {
max-width: calc(100vw - 50px);
right: auto;
left: 0;
transform: translateX(-110%);
}
.menuBtn__contentInner .navbar-menu {
margin-bottom: 100px;
}
.menuBtn__contentInner .navbar-nav>li .link-gnav {
display: block;
position: relative;
padding: 15px 15px;
line-height: 1.3;
cursor: pointer;
color: #333;
font-weight: 600;
font-size: 14px;
font-size: 1.4rem;
border-bottom: 1px solid #eee;
}
.menuBtn__contentInner .navbar-nav>li label.link-gnav {
cursor: pointer;
}
.menuBtn__contentInner .navbar-nav>li label.link-gnav:before {
background-color: #0095df;
width: 10px;
height: 8px;
clip-path: polygon(0 0, 100% 0%, 50% 100%);
position: absolute;
right: 5px;
top: 50%;
display: block;
content: "";
margin-top: -4px;
}
.menuBtn__contentInner .navbar-nav>li label.link-gnav input {
display: none;
}
.dropdown>.dropdown-menu {
max-height: 0;
margin: 0;
overflow: hidden;
opacity: 0;
transition: all 0.3s linear;
}
.dropdown:has(input:checked)>.dropdown-menu {
max-height: 9999px;
opacity: 1;
transition: all 0.3s linear;
}
.menuBtn__contentInner .navbar-nav>li .link-gnav.active,
.menuBtn__contentInner .navbar-nav>li .link-gnav:active,
.menuBtn__contentInner .navbar-nav>li .link-gnav:focus {
color: #fff;
background-color: #0067b6;
}
.menuBtn__contentInner .dropdown .dropdown-menu li:not(:first-child) {
border-top: 1px solid #eee;
}
.menuBtn__contentInner .dropdown .dropdown-menu li a {
position: relative;
padding: 12px 15px;
padding-left: 30px;
text-align: left;
color: #333;
background-color: #f9f9f9;
letter-spacing: 0;
font-weight: 600;
white-space: normal;
line-height: 1.3;
font-size: 14px;
font-size: 1.4rem;
display: block;
}
.menuBtn__contentInner .dropdown .dropdown-menu li a:after {
content: "";
width: 4px;
height: 4px;
border-top: solid 1px #0095df;
border-right: solid 1px #0095df;
position: absolute;
right: 10px;
top: 50%;
margin-top: -2px;
transform: rotate(45deg);
}
.menuBtn__scroll {
padding: 0;
}
.menuBtn__close {
display: none;
}
.menuBtn__checkbox:checked~.menuBtn__link.icon-menu:after {
content: "\e90f";
}
.menuBtn__contentInner .list-header li a .icon {
width: 15px;
height: 15px;
display: inline-block;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
.menuBtn__contentInner .list-header li a .icon-news {
background-image: url(https://www.shimamura-hosp.com/curriculum/index/5/wp-content/uploads/2024/04/news.png);
}
.menuBtn__contentInner .list-header li a .icon-recruit {
background-image: url(https://www.shimamura-hosp.com/curriculum/index/5/wp-content/uploads/2024/04/human.png);
}
.menuBtn__contentInner .list-header li a .icon-access {
background-image: url(https://www.shimamura-hosp.com/curriculum/index/5/wp-content/uploads/2024/04/access.png);
}
.menuBtn__contentInner .list-header {
font-size: 12px;
display: flex;
justify-content: flex-start;
margin-bottom: 3px;
margin-top: 15px;
column-gap: 10px;
padding-left: 20px;
}
.menuBtn__contentInner .list-header li a {
color: #000;
display: flex;
justify-content: center;
align-items: center;
column-gap: 3px;
}
.menuBtn__contentInner .list-header li a:hover {
color: #0095df;
}
.menuBtn__contentInner .right-header {
width: 50%;
max-width: 280px;
}
.menuBtn__contentInner .address-header {
margin: 15px;
padding: 5px 10px;
color: #333;
background-color: #f6f6f6;
font-size: 12px;
font-size: 1.2rem;
}
}
/* .ep-box を含む .wp-block-columns */
.wp-block-columns:has(.ep-box) {
width: 100%;
gap:10px !important;
overflow: auto;
align-items: stretch !important;
flex-wrap: nowrap !important;
}
.wp-block-columns:has(.ep-box) .ep-box {
min-width: 240px !important;
margin:0;
padding: 10px;
}
.wp-block-columns:has(.ep-box) .ep-box .balloon {
min-width: 100%;
}
@media only screen and (min-width: 768px) {
.content .wp-block-columns .balloon .balloon__text {
max-width: calc(100% - 100px);
width: 100%;
}
.wp-block-columns:has(.ep-box) .ep-box {
padding: 15px;
min-width: 280px !important;
}
}
/* リッチリスト */
dl.rich_list {
margin: 20px 0;
padding: 0;
}
dl.rich_list dt {
position: relative;
background: var(--color_main);
padding: 12px 15px 10px;
margin: 0 0 10px;
border: 0 !important;
line-height: 1.2em;
font-weight: bold;
color: #fff;
border-radius: 7px;
}
dl.rich_list dt:before {
content: "";
display: block;
position: absolute;
border-style: solid;
border-width: 12px 7px 0;
border-color: var(--color_main) transparent transparent;
left: 50px;
bottom: -12px;
}
dl.rich_list dt[style]:before {
background: inherit;
border-color: transparent #fff #fff;
}
dl.rich_list dd {
padding: 0;
margin: 0 0 15px !important;
border: 0 !important;
line-height: 1.5em;
}
.content dl.rich_list dd .h5,
dl.rich_list dd .h5,
.content dl.rich_list dd h3,
dl.rich_list dd h3,
.content dl.rich_list dd h4,
dl.rich_list dd h4,
.content dl.rich_list dd h5,
dl.rich_list dd h5,
.content dl.rich_list dd h6,
dl.rich_list dd h6 {
margin: 0 0 5px !important;
padding: 5px 0 1px 30px;
background: url(./images/icon-check.png) no-repeat left top !important;
border: 0 !important;
background-size: 28px 28px !important;
font-weight: bold;
line-height: 1.2em;
color: #030 !important;
}
dl.rich_list dd p br:first-child,
dl.rich_list dd h3 + br,
dl.rich_list dd h4 + br,
dl.rich_list dd h5 + br,
dl.rich_list dd .h5 + br,
dl.rich_list dd h6 + br {
display: none;
}
dl.rich_list dd h3 b,
dl.rich_list dd h4 b,
dl.rich_list dd h5 b,
dl.rich_list dd .h5 b,
dl.rich_list dd h6 b {
color: #e22;
}
dl.rich_list dd p {
margin: 0 0 0 20px !important;
padding: 0;
line-height: inherit !important;
}
.article-body dl.rich_list dd ul li {
padding-top: 0 !important;
padding-bottom: 0 !important;
line-height: 1.3em !important;
}
.article-body dl.rich_list dd ul li:before {
background: #a8a8f4;
top: 5px;
}
@media (max-width: 600px){
dl.rich_list dt {
padding: 10px 12px 8px;
}
}
/* ■■■■■ .tableclose ■■■■■ */
.tableclose label input,
.tableclose:has(label[data-show="1"] input[type="checkbox"]) table tr:nth-of-type(n+2),
.tableclose:has(label[data-show="2"] input[type="checkbox"]) table tr:nth-of-type(n+3),
.tableclose:has(label[data-show="3"] input[type="checkbox"]) table tr:nth-of-type(n+4),
.tableclose:has(label[data-show="4"] input[type="checkbox"]) table tr:nth-of-type(n+5),
.tableclose:has(label[data-show="5"] input[type="checkbox"]) table tr:nth-of-type(n+6),
.tableclose:has(label[data-show="6"] input[type="checkbox"]) table tr:nth-of-type(n+7),
.tableclose:has(label[data-show="7"] input[type="checkbox"]) table tr:nth-of-type(n+8),
.tableclose:has(label[data-show="8"] input[type="checkbox"]) table tr:nth-of-type(n+9),
.tableclose:has(label[data-show="9"] input[type="checkbox"]) table tr:nth-of-type(n+10),
.tableclose:has(label[data-show="10"] input[type="checkbox"]) table tr:nth-of-type(n+11),
.tableclose:has(label:not([data-show]) input[type="checkbox"]) table tr:nth-of-type(n+5) {
display: none;
}
.tableclose:has(label input[type="checkbox"]:checked) table tr {
display: table-row !important;
}
.tableclose label {
display: inline-block;
position: relative;
padding: 5px 15px;
margin: 5px 0 20px;
background: var(--color_main);
background: linear-gradient(175deg, var(--color_main_thin) 0%, var(--color_main) 80%);
color: #fff !important;
border-radius: 20px;
cursor: pointer;
font-size: 14px;
line-height: 1.4em;
float: left;
}
.tableclose label:hover {
background: var(--color_main) !important;
box-shadow: rgba(0,0,0,0.6) 2px 2px 5px;
top: -2px;
left: -1px;
}
.tableclose label:active {
box-shadow: rgba(0,0,0,0.6) 0 1px 5px;
top: 0;
left: 0;
}
.tableclose label:after {
content: "▲クリックで開く";
}
.tableclose label:has(input:checked):after {
content: "▲クリックで閉じる";
}
.tableclose label[data-open-text]:after {
content: attr(data-open-text);
}
.tableclose label[data-close-text]:has(input:checked):after {
content: attr(data-close-text);
}
.tableclose.scroll label,
.scroll .tableclose label {
position: sticky;
left: 0;
}
table tr.bg-white td {
background: #fff !important;
}
.wp-block-table table tr td:before, .wp-block-table table tr th:before { display: none; }
.wp-block-table table tr th,
body .l-main .wp-block-table table tr th:first-child,
.l-main table tr th {
background: var(--color_main) !important;
color: var(--color_bg) !important;
}
/*テーブル開閉のボタン*/
.content p.table-open{
margin-top: 10px !important;
position: relative;
display: inline-block;
padding: 8px 25px 8px 13px;
border: 1px solid #ccc;
background: #f1e767;
background: -webkit-gradient(linear, left top, left bottom, from(#fdfbfb), to(#ebedee));
background: -webkit-linear-gradient(top, #fdfbfb 0%, #ebedee 100%);
background: linear-gradient(to bottom, #fdfbfb 0%, #ebedee 100%);
-webkit-box-shadow: inset 1px 1px 1px #fff;
box-shadow: inset 1px 1px 1px #fff;
border-radius: 8px;
text-decoration: none;
cursor: pointer;
font-size: 0.8em;
}
.table-open::after {
content: '';
position: absolute;
top: 0;
bottom: 0;
right: 10px;
width: 9px;
height: 9px;
margin: auto;
border-top: 2px solid #000;
border-right: 2px solid #000;
transform: translateY(-2px) rotate(135deg);
box-sizing: border-box;
transition: all 0.5s;
}
.table-open.on:after {
transform: translateY(1px) rotate(315deg);
}
/* テーブル 列方向枠線 */
.first-box-line tr > *:nth-child(2) {
border-left: 3px solid #ff0000 !important;
border-right: 3px solid #ff0000 !important;
}
.first-box-line tr:first-child > *:nth-child(2) {
border-top: 3px solid #ff0000;
}
.first-box-line tr:last-child > *:nth-child(2) {
border-bottom: 3px solid #ff0000;
}
.first-tr-line tr:nth-child(2) {
border: 3px solid #ff0000;
}
/* テーブル 列方向枠線 ※セル結合を無視する特別仕様 */
table.first-line tbody tr:first-child > *:first-child,
table.first-line {
position: relative;
}
table.first-line {
overflow: hidden;
}
table.first-line tbody tr:first-child > *:first-child:after,
table.first-line tbody tr:first-child > *:first-child:before {
content: "";
position: absolute;
width: 3px;
height: 20000px;
right: -1px;
top: 0;
background: #fa0;
z-index: 1 !important;
}
table.first-line tbody tr:first-child > *:first-child:after {
right: auto;
left: -1px;
}
table.first-line tbody tr:first-child > *:first-child {
border-top: 3px solid #fa0;
}
table.first-line tbody tr:last-child > *:first-child {
border-bottom: 3px solid #fa0;
}
/* カテゴリーアイコン削除 */
li.dateList__item.icon-folder {
/* display: none; */
}
/* TOPページコンテンツ用 */
.content.top ul>li:before {
content: "・";
transform: scale(1);
color: #000;
}
.content.top table {
font-size: inherit;
}
.youtube-box {
text-align: center;
margin-top: 30px;
}
.content.top h1 {
margin-bottom: 30px;
}
.content.top h2 {
position: relative;
background-color: #eef4f6;
border-left: 5px solid #0095df;
font-size: 25px;
font-weight: bold;
line-height: 1.3;
padding: 15px;
color: #000 !important;
border-left: 4px solid #0095df;
margin: 35px auto 15px;
}
.content.top h3 {
font-size: 20px;
font-weight: bold;
line-height: 1.3;
padding-left: 15px;
padding-top: 5px;
padding-bottom: 5px;
color: #000 !important;
border: 0;
border-left: 4px solid #0095df;
margin: 30px 10px 15px;
}
.content.top h2:before,
.content.top h3:before,
.content.top h3:after {
display: none;
}
.content.top p {
margin: 10px 20px 30px;
}
@media (max-width: 600px) {
.content.top h1 {
font-size: 20px;
}
.content.top h2 {
font-size: 20px;
}
.content.top h3 {
font-size: 18px;
}
.content.top p {
margin: 10px 10px 30px;
}
.content.top ul {
padding-left: 10px;
}
}
.container-fluid {
overflow: hidden;
}
.container-fluid>.navbar-header,
.container>.navbar-collapse,
.container-fluid>.navbar-collapse {
margin-right: 0;
margin-left: 0;
}
.navbar-static-top {
border-radius: 0;
}
.navbar-fixed-top,
.navbar-fixed-bottom {
border-radius: 0;
}
.navbar>.container .navbar-brand,
.navbar>.container-fluid .navbar-brand {
margin-left: -15px;
}
.row-sub {
position: relative;
}
@media only screen and (min-width: 992px) {
.row-sub .maincontent {
float: left;
width: 100%;
margin-left: -260px;
padding-left: 290px;
}
}
@media print {
.row-sub .maincontent {
float: left;
width: 100%;
margin-left: -260px;
padding-left: 290px;
}
}
.row-sub .sidebar {
margin-left: -15px;
margin-right: -15px;
}
@media only screen and (min-width: 992px) {
.row-sub .sidebar {
float: left;
width: 260px;
padding-right: 30px;
border-right: 1px solid #eee;
margin: 0;
position: relative;
}
}
@media print {
.row-sub .sidebar {
float: left;
width: 260px;
padding-right: 30px;
border-right: 1px solid #eee;
margin: 0;
position: relative;
}
}
.row-sub .ttl-side {
position: relative;
color: #fff;
text-align: center;
font-weight: bold;
font-size: 14px;
font-size: 1.4rem;
background-color: #0067b6;
background-image: linear-gradient(-45deg, #1588c2 25%, #0067b6 25%, #0067b6 50%, #1588c2 50%, #1588c2 75%, #0067b6 75%, #0067b6);
background-size: 3px 3px;
}
@media only screen and (min-width: 768px) {
.row-sub .ttl-side {
font-size: 16px;
font-size: 1.6rem;
}
}
@media print {
.row-sub .ttl-side {
font-size: 16px;
font-size: 1.6rem;
}
}
.row-sub .ttl-side>a,
.row-sub .ttl-side>span {
display: block;
color: #fff;
padding: 10px;
padding-right: 20px;
}
@media only screen and (min-width: 992px) {
.row-sub .ttl-side>a,
.row-sub .ttl-side>span {
padding: 20px 10px;
}
}
@media print {
.row-sub .ttl-side>a,
.row-sub .ttl-side>span {
padding: 20px 10px;
}
}
.row-sub .list-side {
padding: 0;
margin: 0;
list-style: none;
}
.row-sub .list-side:after {
content: "";
display: block;
clear: both;
}
@media only screen and (min-width: 992px) {
.row-sub .list-side {
display: block !important;
}
}
@media print {
.row-sub .list-side {
display: block !important;
}
}
.row-sub .list-side>li {
display: table;
margin: 0;
width: 50%;
font-weight: 600;
float: left;
border-right: 1px solid #eee;
border-bottom: 1px solid #eee;
}
@media only screen and (min-width: 992px) {
.row-sub .list-side>li {
padding: 0;
margin: 0;
width: auto;
float: none;
display: block;
border-right: none;
}
}
@media print {
.row-sub .list-side>li {
padding: 0;
margin: 0;
width: auto;
float: none;
display: block;
border-right: none;
}
}
.row-sub .list-side>li.active>a,
.row-sub .list-side>li.active>span {
color: #0095df;
background-color: #f4f5f6;
}
.row-sub .list-side>li>a,
.row-sub .list-side>li>span {
display: table-cell;
vertical-align: middle;
position: relative;
padding: 15px;
line-height: 1.5;
text-align: left;
color: #333;
text-decoration: none !important;
font-size: 12px;
font-size: 1.2rem;
}
@media only screen and (min-width: 768px) {
.row-sub .list-side>li>a,
.row-sub .list-side>li>span {
display: block;
width: 100%;
padding: 20px 15px;
font-size: 14px;
font-size: 1.4rem;
transition: all 0.25s ease;
}
.row-sub .list-side>li>a:hover,
.row-sub .list-side>li>span:hover {
color: #0095df;
background-color: #f4f5f6;
}
}
@media print {
.row-sub .list-side>li>a,
.row-sub .list-side>li>span {
display: block;
width: 100%;
padding: 20px 15px;
font-size: 14px;
font-size: 1.4rem;
transition: all 0.25s ease;
}
.row-sub .list-side>li>a:hover,
.row-sub .list-side>li>span:hover {
color: #0095df;
background-color: #f4f5f6;
}
}
.row-sub .list-side>li>a::after,
.row-sub .list-side>li>span::after {
position: absolute;
right: 5px;
top: 50%;
display: block;
margin-top: -.2em;
line-height: 1;
content: '';
border-color: #0095df;
border-width: 1.5px 1.5px 0 0;
border-style: solid;
width: 5px;
height: 5px;
transform: rotate(45deg);
}
.row-mv {
overflow: hidden;
}
@media only screen and (min-width: 768px) {
.row-mv {
padding-top: 20px;
}
}
@media print {
.row-mv {
padding-top: 20px;
}
}
.row-mv .mv {
margin-bottom: 10px;
}
@media only screen and (min-width: 768px) {
.row-mv .mv {
width: 100%;
margin-bottom: 0;
}
}
@media only screen and (min-width: 991px) {
.row-mv .mv {
width: 840px;
margin: 0 auto 20px;
}
}
@media print {
.row-mv .mv {
width: 100%;
margin-bottom: 0;
}
}
.row-mv .time-mv,
.row-mv .tel-mv {
margin-bottom: 10px;
}
@media only screen and (min-width: 991px) {
.row-mv .time-mv {
width: 60%;
max-width: 670px;
height: 260px;
float: left;
}
}
@media only screen and (min-width: 1199px) {
.row-mv .time-mv {
width: 60%;
height: 260px;
float: left;
}
}
@media print {
.row-mv .time-mv {
width: 620px;
height: 260px;
float: left;
}
}
@media only screen and (min-width: 991px) {
.row-mv .tel-mv {
width: 50%;
max-width: 370px;
height: 260px;
float: right;
}
}
@media only screen and (min-width: 1199px) {
.row-mv .tel-mv {
width: 40%;
max-width: 450px;
height: 260px;
float: right;
}
}
@media print {
.row-mv .tel-mv {
width: 450px;
height: 260px;
float: right;
}
}
@media print {
.mv .inner-mv {
height: 420px;
background-image: url(../img/common/mv-01.jpg);
background-repeat: no-repeat;
background-size: cover;
}
}
@media print {
.mv .slider-pro {
display: none;
}
}
.mv .sp-buttons {
position: absolute;
padding: 0;
z-index: 90;
bottom: 0px;
}
.mv .sp-buttons .sp-button {
background-color: #f3f3f3;
border: none;
margin: 0 5px;
width: 15px;
height: 15px;
border: 1px solid #fff;
}
.mv .sp-buttons .sp-selected-button {
background-color: #0095df;
}
.mv .sp-arrow {
z-index: 90;
width: 30px;
height: 30px;
background-size: cover;
background-image: url("../img/common/arrow-l.png");
background-repeat: no-repeat;
}
.mv .sp-previous-arrow {
left: 5px;
}
.mv .sp-next-arrow {
transform: rotate(180deg);
right: 5px;
}
.mv .sp-arrow::before {
content: none;
}
.mv .sp-arrow::after {
content: none;
}
.time-mv {
border: 5px solid #eee;
padding: 8px;
}
.time-mv.side {
font-size: 12px;
font-size: 1.2rem;
}
@media only screen and (min-width: 768px) {
.time-mv.side .ttl {
font-size: 13px;
font-size: 1.3rem;
}
}
@media print {
.time-mv.side .ttl {
font-size: 13px;
font-size: 1.3rem;
}
}
@media only screen and (min-width: 768px) {
.time-mv.side .row-btns>a {
font-size: 13px;
font-size: 1.3rem;
}
}
@media print {
.time-mv.side .row-btns>a {
font-size: 13px;
font-size: 1.3rem;
}
}
.time-mv.side .row-btns>a .icon {
font-size: 17px;
font-size: 1.7rem;
}
@media only screen and (min-width: 768px) {
.time-mv.side .min {
font-size: 10px;
font-size: 1rem;
}
}
@media print {
.time-mv.side .min {
font-size: 10px;
font-size: 1rem;
}
}
@media only screen and (min-width: 768px) {
.time-mv.side .row-time .th {
width: 60px;
font-size: 12px;
font-size: 1.2rem;
}
}
@media print {
.time-mv.side .row-time .th {
width: 60px;
font-size: 12px;
font-size: 1.2rem;
}
}
@media only screen and (min-width: 768px) {
.time-mv.side .row-time .td {
padding-left: 10px;
}
}
@media print {
.time-mv.side .row-time .td {
padding-left: 10px;
}
}
.time-mv.side .row-time .td .dl-time dt {
width: 28px;
font-size: 12px;
font-size: 1.2rem;
}
@media only screen and (min-width: 768px) {
.time-mv.side .row-time .td .dl-time dd {
font-size: 12px;
font-size: 1.2rem;
}
}
@media print {
.time-mv.side .row-time .td .dl-time dd {
font-size: 12px;
font-size: 1.2rem;
}
}
.time-mv .ttl {
padding: 8px 0;
font-weight: bold;
text-align: center;
background-color: #e9f0f4;
margin-bottom: 10px;
margin-top: 0;
font-size: 13px;
font-size: 1.3rem;
color: #000 !important;
}
.time-mv .ttl:before,
.time-mv .ttl:after {
display: none;
}
@media only screen and (min-width: 768px) {
.time-mv .ttl {
font-size: 15px;
font-size: 1.5rem;
}
}
@media print {
.time-mv .ttl {
font-size: 15px;
font-size: 1.5rem;
}
}
.time-mv hr {
margin: 10px 0;
}
.time-mv .row-btns {
overflow: hidden;
margin-top: 10px;
}
@media only screen and (min-width: 768px) {
.time-mv .row-btns {
margin-top: 10px;
}
}
@media print {
.time-mv .row-btns {
margin-top: 10px;
}
}
.time-mv .row-btns>a {
width: 50%;
display: block;
float: left;
color: #fff;
font-weight: bold;
text-align: center;
padding: 10px;
background-color: #0095df;
font-size: 13px;
font-size: 1.3rem;
}
@media only screen and (min-width: 768px) {
.time-mv .row-btns>a {
padding: 15px 5px;
transition: all 0.25s ease;
font-size: 15px;
font-size: 1.5rem;
}
.time-mv .row-btns>a:hover {
color: #fff;
opacity: .8;
}
}
@media print {
.time-mv .row-btns>a {
padding: 15px 5px;
transition: all 0.25s ease;
font-size: 15px;
font-size: 1.5rem;
}
.time-mv .row-btns>a:hover {
color: #fff;
opacity: .8;
}
}
.time-mv .row-btns>a .icon,
.time-mv .row-btns>a .txt {
display: block;
}
.time-mv .row-btns>a .icon {
margin-bottom: 5px;
font-size: 20px;
font-size: 2rem;
}
.time-mv .row-btns>a.btn-shinryo {
background-color: #0067b6;
}
.time-mv .min {
line-height: 1.4;
color: #666;
font-size: 10px;
font-size: 1rem;
}
@media only screen and (min-width: 768px) {
.time-mv .min {
font-size: 12px;
font-size: 1.2rem;
}
}
@media print {
.time-mv .min {
font-size: 12px;
font-size: 1.2rem;
}
}
.time-mv .row-time {
display: table;
width: 100%;
font-weight: bold;
}
.time-mv .row-time .th,
.time-mv .row-time .td {
display: table-cell;
vertical-align: middle;
letter-spacing: 0;
}
.time-mv .row-time .th {
width: 70px;
border: 1px solid #0095df;
color: #0095df;
text-align: center;
padding: 10px 5px;
font-weight: bold;
font-size: 13px;
font-size: 1.3rem;
}
@media only screen and (min-width: 768px) {
.time-mv .row-time .th {
font-size: 13px;
font-size: 1.3rem;
}
}
@media print {
.time-mv .row-time .th {
font-size: 13px;
font-size: 1.3rem;
}
}
.time-mv .row-time .th.blue {
border-color: #0067b6;
color: #0067b6;
}
.time-mv .row-time .th.orange {
border-color: #ec6a0a;
color: #ec6a0a;
}
.time-mv .row-time .th.green {
border-color: #1a93b1;
color: #1a93b1;
}
.time-mv .row-time .td {
padding-left: 15px;
}
.time-mv .row-time .td .dl-time {
overflow: hidden;
margin: 0;
padding: 0;
}
.time-mv .row-time .td .dl-time dt {
float: left;
width: 35px;
}
.time-mv .row-time .td .dl-time dd {
float: left;
width: 100%;
margin-left: -35px;
padding-left: 40px;
font-weight: bold;
color: #0095df;
font-size: 14px;
font-size: 1.4rem;
}
@media only screen and (min-width: 768px) {
.time-mv .row-time .td .dl-time dd {
font-size: 16px;
font-size: 1.6rem;
}
}
@media print {
.time-mv .row-time .td .dl-time dd {
font-size: 16px;
font-size: 1.6rem;
}
}
.tel-mv {
border: 5px solid #eee;
padding: 8px;
}
.tel-mv.side {
font-size: 12px;
font-size: 1.2rem;
}
@media only screen and (min-width: 768px) {
.tel-mv.side .ttl {
font-size: 13px;
font-size: 1.3rem;
}
}
@media print {
.tel-mv.side .ttl {
font-size: 13px;
font-size: 1.3rem;
}
}
@media only screen and (min-width: 768px) {
.tel-mv.side .row-btns>a {
font-size: 13px;
font-size: 1.3rem;
}
}
@media print {
.tel-mv.side .row-btns>a {
font-size: 13px;
font-size: 1.3rem;
}
}
.tel-mv.side .row-btns>a .icon {
font-size: 17px;
font-size: 1.7rem;
}
@media only screen and (min-width: 768px) {
.tel-mv.side .min {
font-size: 10px;
font-size: 1rem;
}
}
@media print {
.tel-mv.side .min {
font-size: 10px;
font-size: 1rem;
}
}
@media only screen and (min-width: 768px) {
.tel-mv.side .row-time .th {
width: 60px;
font-size: 12px;
font-size: 1.2rem;
}
}
@media print {
.tel-mv.side .row-time .th {
width: 60px;
font-size: 12px;
font-size: 1.2rem;
}
}
@media only screen and (min-width: 768px) {
.tel-mv.side .row-time .td {
padding-left: 10px;
}
}
@media print {
.tel-mv.side .row-time .td {
padding-left: 10px;
}
}
.tel-mv.side .row-time .td .dl-time dt {
width: 28px;
font-size: 12px;
font-size: 1.2rem;
}
@media only screen and (min-width: 768px) {
.tel-mv.side .row-time .td .dl-time dd {
font-size: 12px;
font-size: 1.2rem;
}
}
@media print {
.tel-mv.side .row-time .td .dl-time dd {
font-size: 12px;
font-size: 1.2rem;
}
}
.tel-mv .ttl {
padding: 8px 0;
font-weight: bold;
text-align: center;
background-color: #e9f0f4;
margin-bottom: 10px;
font-size: 13px;
font-size: 1.3rem;
}
@media only screen and (min-width: 768px) {
.tel-mv .ttl {
font-size: 15px;
font-size: 1.5rem;
}
}
@media print {
.tel-mv .ttl {
font-size: 15px;
font-size: 1.5rem;
}
}
.tel-mv hr {
margin: 10px 0;
}
.tel-mv .row-btns {
overflow: hidden;
margin-top: 10px;
}
@media only screen and (min-width: 768px) {
.tel-mv .row-btns {
margin-top: 10px;
}
}
@media print {
.tel-mv .row-btns {
margin-top: 10px;
}
}
.tel-mv .row-btns>a {
width: 50%;
display: block;
float: left;
color: #fff;
font-weight: bold;
text-align: center;
padding: 10px;
background-color: #0095df;
font-size: 13px;
font-size: 1.3rem;
}
@media only screen and (min-width: 768px) {
.tel-mv .row-btns>a {
padding: 15px 5px;
transition: all 0.25s ease;
font-size: 15px;
font-size: 1.5rem;
}
.tel-mv .row-btns>a:hover {
color: #fff;
opacity: .8;
}
}
@media print {
.tel-mv .row-btns>a {
padding: 15px 5px;
transition: all 0.25s ease;
font-size: 15px;
font-size: 1.5rem;
}
.tel-mv .row-btns>a:hover {
color: #fff;
opacity: .8;
}
}
.tel-mv .row-btns>a .icon,
.tel-mv .row-btns>a .txt {
display: block;
}
.tel-mv .row-btns>a .icon {
margin-bottom: 5px;
font-size: 20px;
font-size: 2rem;
}
.tel-mv .row-btns>a.btn-shinryo {
background-color: #0067b6;
}
.tel-mv .min {
line-height: 1.4;
color: #666;
font-size: 10px;
font-size: 1rem;
}
@media only screen and (min-width: 768px) {
.tel-mv .min {
font-size: 12px;
font-size: 1.2rem;
}
}
@media print {
.tel-mv .min {
font-size: 12px;
font-size: 1.2rem;
}
}
.tel-mv .row-time {
display: table;
width: 100%;
}
.tel-mv .row-time .th,
.tel-mv .row-time .td {
display: table-cell;
vertical-align: middle;
letter-spacing: 0;
}
.tel-mv .row-time .th {
width: 70px;
border: 1px solid #0095df;
color: #0095df;
text-align: center;
padding: 10px 5px;
font-weight: bold;
font-size: 13px;
font-size: 1.3rem;
}
@media only screen and (min-width: 768px) {
.tel-mv .row-time .th {
font-size: 13px;
font-size: 1.3rem;
}
}
@media print {
.tel-mv .row-time .th {
font-size: 13px;
font-size: 1.3rem;
}
}
.tel-mv .row-time .th.blue {
border-color: #0067b6;
color: #0067b6;
}
.tel-mv .row-time .th.orange {
border-color: #ec6a0a;
color: #ec6a0a;
}
.tel-mv .row-time .th.green {
border-color: #1a93b1;
color: #1a93b1;
}
.tel-mv .row-time .td {
padding-left: 15px;
}
.tel-mv .row-time .td .dl-time {
overflow: hidden;
margin: 0;
padding: 0;
}
.tel-mv .row-time .td .dl-time dt {
float: left;
width: 35px;
}
.tel-mv .row-time .td .dl-time dd {
float: left;
width: 100%;
margin-left: -35px;
padding-left: 40px;
font-weight: bold;
color: #0095df;
font-size: 14px;
font-size: 1.4rem;
}
@media only screen and (min-width: 768px) {
.tel-mv .row-time .td .dl-time dd {
font-size: 16px;
font-size: 1.6rem;
}
}
@media print {
.tel-mv .row-time .td .dl-time dd {
font-size: 16px;
font-size: 1.6rem;
}
}
.txt-orange {
color: #ec6a0a;
}
.txt-indent {
padding-left: 1em;
text-indent: -1em;
}
@media (max-width: 990px) {
.hidden-sm {
display: none;
}
}
.icon:before {
content: "";
display: block;
margin: 0 auto -4px;
width: 20px;
height: 20px;
}
.icon-shinryo:before {
background: url(../../uploads/2025/02/icon-shinryo.png) no-repeat center center;
background-size: 100% auto;
}
.icon-curriculum:before {
background: url(../../uploads/2025/02/icon-curriculum.png) no-repeat center center;
background-size: 100% auto;
}