.legacy-body .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
}
.legacy-body .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
}
.legacy-body .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:legacy-shiny_btn;
animation-name:legacy-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
}
.legacy-body .is-style-btn_shiny a:hover {
-webkit-transform:translateY(2px);
transform:translateY(2px)
}
.legacy-body .is-style-btn_shiny a:hover:before {
left:110%;
transition:.25s ease-in-out
}
.legacy-body .is-style-btn_shiny a:hover:after {
-webkit-animation:none;
animation:none
}
.legacy-body [data-type=type1] .p-blogCard__inner:before {
content:"";
height:100%;
left:0;
position:absolute;
top:0;
width:100%;
z-index:0
}
.legacy-body .wp-block-image.is-style-shadow img {
box-shadow:0 2px 8px rgba(0,0,0,.1),0 4px 8px -4px rgba(0,0,0,.2)
}
.legacy-body .c-categoryList:before, .legacy-body .c-tagList:before, .legacy-body .c-taxList:before {
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
font-family:Legacy-icomoon!important;
font-style:normal;
font-variant:normal;
font-weight:400;
line-height:1;
text-transform:none
}
.legacy-body .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 8px;
opacity:.8;
width:10px
}
@-webkit-keyframes legacy-flash {
0% {
opacity:.6
}
to {
opacity:1
}
}
@keyframes legacy-flash {
0% {
opacity:.6
}
to {
opacity:1
}
}
@-webkit-keyframes legacy-FadeIn {
to {
opacity:1
}
}
@keyframes legacy-FadeIn {
to {
opacity:1
}
}
@-webkit-keyframes legacy-FadeInFromX {
to {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes legacy-FadeInFromX {
to {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@-webkit-keyframes legacy-FadeInFromY {
to {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes legacy-FadeInFromY {
to {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@-webkit-keyframes legacy-flowing_text {
to {
-webkit-transform:translateX(-100%);
transform:translateX(-100%)
}
}
@keyframes legacy-flowing_text {
to {
-webkit-transform:translateX(-100%);
transform:translateX(-100%)
}
}
@-webkit-keyframes legacy-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 legacy-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 legacy-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 legacy-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 legacy-zoomUp {
0% {
-webkit-transform:scale(1);
transform:scale(1)
}
to {
-webkit-transform:scale(1.1);
transform:scale(1.1)
}
}
@keyframes legacy-zoomUp {
0% {
-webkit-transform:scale(1);
transform:scale(1)
}
to {
-webkit-transform:scale(1.1);
transform:scale(1.1)
}
}
@-webkit-keyframes legacy-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 legacy-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 legacy-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 legacy-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)
}
}
.legacy-body {
--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
}
.legacy-body {
font-size:var(--swl-fz--root)
}
.legacy-body .c-plainBtn {
-webkit-appearance:none;
-moz-appearance:none;
-o-appearance:none;
appearance:none;
background-color:transparent;
border:none;
box-shadow:none
}
.legacy-body *, .legacy-body .c-plainBtn {
margin:0;
padding:0
}
.legacy-body * {
box-sizing:border-box;
font-family:inherit;
font-size:inherit;
line-height:inherit
}
.legacy-body :after, .legacy-body :before {
box-sizing:inherit;
text-decoration:inherit;
vertical-align:inherit
}
.legacy-body b, .legacy-body strong {
font-weight:700
}
.legacy-body sub, .legacy-body sup {
font-size:smaller
}
.legacy-body ruby>rt {
font-size:50%
}
.legacy-body main {
display:block
}
.legacy-body ol, .legacy-body ul {
list-style:none
}
.legacy-body blockquote, .legacy-body q {
quotes:none
}
.legacy-body blockquote:after, .legacy-body blockquote:before, .legacy-body q:after, .legacy-body q:before {
content:none
}
.legacy-body table {
border-collapse:collapse;
border-spacing:0
}
.legacy-body td, .legacy-body th {
word-break:break-all
}
.legacy-body img {
border-style:none;
height:auto;
max-width:100%
}
.legacy-body video {
outline:none
}
.legacy-body code, .legacy-body pre {
-moz-tab-size:4;
-o-tab-size:4;
tab-size:4
}
.legacy-body svg:not([fill]) {
fill:currentColor
}
.legacy-body [hidden] {
display:none
}
.legacy-body button, .legacy-body input, .legacy-body optgroup, .legacy-body select, .legacy-body textarea {
font-family:inherit;
font-size:inherit;
line-height:inherit
}
.legacy-body button, .legacy-body input {
overflow:visible
}
.legacy-body button, .legacy-body select {
text-transform:none
}
.legacy-body [type=button], .legacy-body [type=reset], .legacy-body [type=submit], .legacy-body button {
-webkit-appearance:button;
cursor:pointer;
display:inline-block
}
.legacy-body [role=button] {
cursor:pointer
}
.legacy-body fieldset {
padding:.35em .75em .625em
}
.legacy-body legend {
box-sizing:border-box;
color:inherit;
display:table;
max-width:100%;
padding:0;
white-space:normal
}
.legacy-body button, .legacy-body input, .legacy-body select, .legacy-body textarea {
background-color:#f7f7f7;
border:1px solid hsla(0,0%,78%,.5);
border-radius:0;
color:#333;
padding:.25em .5em
}
.legacy-body [type=color] {
padding:0
}
.legacy-body [type=range] {
vertical-align:middle
}
.legacy-body [aria-busy=true] {
cursor:progress
}
.legacy-body [aria-controls] {
cursor:pointer
}
.legacy-body [aria-disabled] {
cursor:default
}
.legacy-body {
letter-spacing:var(--swl-letter_spacing,normal)
}
.legacy-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:hidden;
position:relative
}
.legacy-body a {
color:var(--color_link)
}
.legacy-body #main_content .post_content {
font-size:var(--swl-fz--content,16px)
}
.legacy-body.-index-off [data-onclick=toggleIndex] {
display:none
}
.legacy-body .l-article {
max-width:var(--article_size);
padding-left:0;
padding-right:0
}
.legacy-body.-sidebar-off .l-article {
margin-left:auto;
margin-right:auto
}
.legacy-body {
max-width:100%;
position:relative;
z-index:1
}
.legacy-body .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)
}
.legacy-body .l-content {
margin:0 auto 6em;
padding-top:2em;
position:relative;
z-index:1
}
.legacy-body .l-mainContent {
position:static!important;
width:100%
}
.legacy-body .l-mainContent__inner>:first-child, .legacy-body .post_content>:first-child {
margin-top:0!important
}
.legacy-body .l-mainContent__inner>:last-child, .legacy-body .post_content>:last-child {
margin-bottom:0!important
}
.legacy-body .c-taxList:before {
content:"\e92f";
margin-right:.4em
}
.legacy-body .c-categoryList {
color:var(--color_main)
}
.legacy-body .c-categoryList:before {
content:"\e92f";
margin-right:.4em
}
.legacy-body .c-tagList:before {
color:inherit;
content:"\e935";
margin-right:.4em
}
.legacy-body .c-categoryList__link, .legacy-body .c-tagList__link, .legacy-body .c-taxList__link {
display:block;
line-height:1;
margin:.25em .25em .25em 0;
padding:4px .5em;
text-decoration:none
}
.legacy-body .c-tagList__link {
background:#f7f7f7;
color:#333
}
.legacy-body .c-categoryList__link {
background-color:var(--color_main);
color:#fff
}
.legacy-body .c-taxList__link {
background:#f7f7f7;
color:#333
}
.legacy-body .c-filterLayer:after, .legacy-body .c-filterLayer:before, .legacy-body .c-filterLayer__img {
height:100%;
left:0;
position:absolute;
top:0;
width:100%
}
.legacy-body .c-filterLayer {
z-index:0
}
.legacy-body .c-filterLayer:before {
z-index:1
}
.legacy-body .c-filterLayer:after {
display:block;
z-index:2
}
.legacy-body .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
}
.legacy-body .c-filterLayer__img {
z-index:0
}
.legacy-body .c-pagination {
align-items:center;
display:flex;
flex-wrap:wrap;
font-size:13px;
justify-content:center;
margin:3em 0;
position:relative
}
.legacy-body [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
}
.legacy-body [class*=page-numbers].current, .legacy-body [class*=page-numbers]:hover {
background-color:var(--color_main);
color:#fff
}
.legacy-body .c-postTitle {
align-items:center;
display:flex;
flex-direction:row-reverse
}
.legacy-body .c-postTitle__ttl {
font-size:5vw;
line-height:1.4;
width:100%
}
.legacy-body .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
}
.legacy-body .c-postTitle__date .__y {
display:block;
font-size:3vw;
line-height:1;
margin-bottom:4px
}
.legacy-body .c-postTitle__date .__md {
display:block;
font-size:4.2vw
}
.legacy-body .p-postList .c-postTitle {
margin:0 auto 1em;
position:relative;
width:100%;
z-index:1
}
.legacy-body .p-postList .c-postTitle__date .__md, .legacy-body .p-postList .c-postTitle__ttl {
font-size:4vw
}
.legacy-body .c-postThumb {
overflow:hidden;
position:relative;
vertical-align:middle
}
.legacy-body .c-postThumb__figure {
margin:0;
overflow:hidden;
position:relative;
width:100%;
z-index:0
}
.legacy-body .c-postThumb__figure:before {
content:"";
display:block;
height:0;
padding-top:var(--card_posts_thumb_ratio)
}
.legacy-body .-type-thumb .c-postThumb__figure:before {
padding-top:var(--thumb_posts_thumb_ratio)
}
.legacy-body .p-postList__link:hover .c-postThumb:before {
opacity:.2
}
.legacy-body .p-postList__link:hover .c-postThumb__img {
-webkit-transform:scale(1.06);
transform:scale(1.06)
}
.legacy-body .c-postThumb__img {
left:0;
position:absolute;
top:0;
transition:-webkit-transform .25s;
transition:transform .25s;
transition:transform .25s,-webkit-transform .25s
}
.legacy-body .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
}
.legacy-body .c-postThumb__cat:before {
margin-right:.4em
}
.legacy-body .c-postTimes {
align-items:center;
display:flex;
flex-wrap:wrap
}
.legacy-body .c-postTimes__posted {
margin-right:.4em
}
.legacy-body .c-postTimes__posted:before {
margin-right:.25em;
position:relative;
top:1px
}
.legacy-body .p-blogCard {
cursor:pointer;
display:block;
margin:2.5em auto 2em;
max-width:880px;
transition:box-shadow .25s;
width:100%
}
.legacy-body .wp-block-embed>.p-blogCard {
margin:0 auto
}
.legacy-body .p-blogCard:hover {
box-shadow:0 4px 16px rgba(0,0,0,.1),0 12px 28px -12px rgba(0,0,0,.05)
}
.legacy-body .p-blogCard:hover .c-postThumb__img {
opacity:1
}
.legacy-body .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
}
.legacy-body .p-blogCard__caption:before {
content:"\e923";
display:inline-block;
font-family:Legacy-icomoon;
margin-right:3px
}
.legacy-body .-external .p-blogCard__caption:before {
content:"\e91a"
}
.legacy-body .p-blogCard__inner {
align-items:center;
display:flex;
justify-content:space-between;
margin:0;
padding:16px;
position:relative;
transition:box-shadow .25s
}
.legacy-body .-noimg>.p-blogCard__inner {
min-height:5em
}
.legacy-body .p-blogCard__thumb {
--card_posts_thumb_ratio:61.805%;
flex-shrink:0;
margin:0 1em 0 0;
width:30%
}
.legacy-body .p-blogCard__thumb .c-postThumb__figure {
margin:0;
position:relative;
width:100%
}
.legacy-body .p-blogCard__body {
flex:1 1 auto;
margin:0
}
.legacy-body .p-blogCard__title {
color:inherit;
display:block;
font-weight:400;
line-height:1.4;
text-decoration:none
}
.legacy-body .p-blogCard__excerpt {
display:block;
font-size:.8em;
line-height:1.4;
margin-top:.5em;
opacity:.8;
word-break:break-word
}
.legacy-body [data-type=type1] .p-blogCard__caption {
bottom:auto;
right:auto
}
.legacy-body [data-type=type1] .p-blogCard__inner {
padding-top:21px
}
.legacy-body [data-type=type1] .p-blogCard__inner:before {
border:1px solid;
border-radius:var(--swl-radius--2,0);
display:block;
pointer-events:none
}
.legacy-body [data-type=type2] .p-blogCard__caption {
background:var(--color_main);
bottom:auto;
color:#fff;
padding:0 .75em;
right:auto
}
.legacy-body [data-type=type2] .p-blogCard__inner {
border:1px solid var(--color_main);
border-radius:2px;
padding-top:24px
}
.legacy-body [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%
}
.legacy-body [data-type=type3] .p-blogCard__inner {
background:#fff;
border-radius:2px;
box-shadow:0 1px 3px 1px rgba(0,0,0,.08);
color:#333
}
.legacy-body .p-breadcrumb {
margin:0 auto;
padding:8px 0;
position:relative
}
.legacy-body .p-breadcrumb.-bg-on {
background:#f7f7f7
}
.legacy-body .p-breadcrumb:not(.-bg-on) {
padding-top:12px
}
.legacy-body .l-topTitleArea+.p-breadcrumb {
background:none!important;
border:none!important;
box-shadow:none!important;
padding-top:12px
}
.legacy-body .p-breadcrumb__list {
align-items:center;
display:flex;
font-size:10px;
list-style:none;
overflow:hidden;
width:100%
}
.legacy-body .p-breadcrumb__item {
align-items:center;
display:inline-flex;
position:relative
}
.legacy-body .p-breadcrumb__item:last-child:after {
content:none
}
.legacy-body .p-breadcrumb__item:last-child span {
opacity:.8
}
.legacy-body .p-breadcrumb__text {
align-items:center;
color:inherit;
display:block;
display:inline-flex;
text-decoration:none;
white-space:nowrap
}
.legacy-body .p-breadcrumb__text:before {
margin-right:3px
}
.legacy-body .p-breadcrumb__text:hover span {
opacity:.76
}
.legacy-body .p-breadcrumb__text .__home {
align-items:center;
display:inline-flex;
gap:4px
}
.legacy-body .p-breadcrumb__text .__home:before {
line-height:inherit
}
.legacy-body.single .p-breadcrumb__item:last-child>span.p-breadcrumb__text {
display:none
}
.legacy-body .p-postListWrap {
position:relative
}
.legacy-body .p-postList.p-postList {
list-style:none;
margin-bottom:0;
padding-left:0
}
.legacy-body .p-postList.-type-card, .legacy-body .p-postList.-type-thumb {
display:flex;
flex-wrap:wrap;
margin-left:-.5em;
margin-right:-.5em
}
.legacy-body.p-postList__item.p-postList__item:before {
content:none
}
.legacy-body .-type-card .p-postList__item {
margin-bottom:2.5em;
margin-top:0;
padding:0 .5em;
width:50%
}
.legacy-body .-type-thumb .p-postList__item {
margin-bottom:1em;
margin-top:0;
padding:0 .5em;
width:50%
}
.legacy-body .p-postList__link {
color:inherit;
display:block;
position:relative;
text-decoration:none;
z-index:0
}
.legacy-body .-type-card .p-postList__link {
height:100%
}
.legacy-body .-type-card .p-postList__thumb {
width:100%
}
.legacy-body .-type-thumb .p-postList__thumb {
box-shadow:none;
width:100%
}
.legacy-body .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
}
.legacy-body .p-postList__body {
position:relative;
transition:opacity .25s
}
.legacy-body .-type-card .p-postList__body {
padding-top:1em
}
.legacy-body .-type-card .p-postList__item:hover .p-postList__body {
opacity:.75
}
.legacy-body .-type-thumb .p-postList__body {
background:rgba(0,0,0,.5);
bottom:0;
color:#fff;
left:0;
padding:.75em;
position:absolute;
width:100%
}
.legacy-body .p-postList__link:hover .p-postList__body:after {
background:var(--color_main);
box-shadow:none;
color:#fff;
opacity:1
}
.legacy-body .p-postList .p-postList__title {
background:none;
border:none;
color:inherit;
display:block;
font-weight:700;
line-height:1.5;
margin:0;
padding:0
}
.legacy-body .p-postList .p-postList__title:after, .legacy-body .p-postList .p-postList__title:before {
content:none
}
.legacy-body .-type-card .p-postList__title {
font-size:3.6vw
}
.legacy-body .p-postList__meta {
align-items:center;
display:flex;
flex-wrap:wrap;
font-size:10px;
line-height:1.25;
margin-top:.75em;
position:relative
}
.legacy-body .p-postList__title+.p-postList__meta {
margin-top:.25em
}
.legacy-body .p-postList__meta :before {
margin-right:.25em
}
.legacy-body .-type-thumb .p-postList__meta {
margin-top:0
}
.legacy-body .p-postList__times {
margin-right:.5em;
padding:4px 0
}
.legacy-body .alignwide {
max-width:none!important;
position:relative;
width:100%
}
.legacy-body h2.alignwide {
margin-left:0!important;
margin-right:0!important
}
.legacy-body .alignfull {
left:calc(50% - 50vw);
max-width:100vw!important;
position:relative;
width:100vw
}
@supports (--css:variables) {
.legacy-body .alignfull {
left:calc(50% - 50vw + var(--swl-scrollbar_width, 0)/2);
width:calc(100vw - var(--swl-scrollbar_width, 0))
}
}
.legacy-body .alignfull>.wp-block-group__inner-container {
margin:0 auto;
max-width:var(--article_size)
}
.legacy-body .clear {
clear:both!important
}
.legacy-body .has-small-font-size {
font-size:var(--swl-fz--small)!important
}
.legacy-body .has-medium-font-size {
font-size:var(--swl-fz--medium)!important
}
.legacy-body .u-fz-l {
font-size:var(--swl-fz--large)!important
}
.legacy-body .u-thin {
opacity:.8
}
.legacy-body .hov-flash-up {
transition:box-shadow .25s
}
.legacy-body .hov-flash-up:hover {
-webkit-animation:legacy-flash 1s;
animation:legacy-flash 1s;
box-shadow:0 2px 8px rgba(0,0,0,.25)
}
.legacy-body .luminous {
cursor:-webkit-zoom-in!important;
cursor:zoom-in!important
}
.legacy-body .u-mb-ctrl+* {
margin-top:0!important
}
.legacy-body .u-mb-0 {
margin-bottom:0!important
}
.legacy-body .u-mb-10 {
margin-bottom:1em!important
}
.legacy-body .u-mb-20 {
margin-bottom:2em!important
}
.legacy-body .u-mb-30 {
margin-bottom:3em!important
}
.legacy-body .u-mb-40 {
margin-bottom:4em!important
}
.legacy-body .u-mt-40 {
margin-top:4em!important
}
.legacy-body .u-obf-cover {
display:block;
height:100%!important;
-o-object-fit:cover;
object-fit:cover;
width:100%!important
}
.legacy-body .alignleft {
float:left
}
.legacy-body .alignright {
float:right
}
.legacy-body .post_content {
line-height:1.8;
margin:0;
max-width:100%;
padding:0
}
.legacy-body .post_content>* {
clear:both;
margin-bottom:var(--swl-block-margin,2em)
}
.legacy-body .post_content>:first-child, .legacy-body .post_content div>:first-child {
margin-top:0!important
}
.legacy-body .post_content>:last-child, .legacy-body .post_content dd>:last-child, .legacy-body .post_content div>:last-child {
margin-bottom:0!important
}
.legacy-body .post_content h1 {
font-size:2em
}
.legacy-body .post_content h2 {
font-size:1.2em;
line-height:1.4;
margin:4em 0 2em;
position:relative;
z-index:1
}
.legacy-body .post_content>h2 {
margin-left:var(--swl-h2-margin--x,0);
margin-right:var(--swl-h2-margin--x,0)
}
.legacy-body .post_content h3 {
font-size:1.1em;
font-weight:700;
line-height:1.4;
margin:3em 0 2em;
position:relative
}
.legacy-body .post_content h3:before {
bottom:0;
display:block;
left:0;
position:absolute;
z-index:0
}
.legacy-body .post_content h4 {
font-size:1.05em;
line-height:1.4;
margin:3em 0 1.5em;
position:relative
}
.legacy-body .post_content dt, .legacy-body .post_content h2, .legacy-body .post_content h3, .legacy-body .post_content h4 {
font-weight:700
}
.legacy-body .post_content table {
border:none;
border-spacing:0;
line-height:1.5;
max-width:100%;
text-align:left;
width:100%
}
.legacy-body .post_content table caption {
font-size:.9em;
opacity:.8;
padding:.5em
}
.legacy-body .post_content td, .legacy-body .post_content th {
background-clip:padding-box;
border:1px solid #ededed;
border-bottom:none;
border-right:none;
min-width:var(--swl-minwidth-cell,0)!important;
padding:.5em .75em;
vertical-align:top
}
.legacy-body .post_content td:last-child, .legacy-body .post_content th:last-child {
border-right:1px solid #ededed
}
.legacy-body .post_content tr:last-child>td {
border-bottom:1px solid #ededed
}
.legacy-body .post_content thead td, .legacy-body .post_content thead th {
background-color:var(--thead-color--bg,var(--color_main));
color:var(--thead-color--txt,#fff)
}
.legacy-body .post_content tbody th {
color:var(--tbody-th-color--txt,inherit);
font-weight:700;
position:relative;
z-index:1
}
.legacy-body .post_content tbody th:before {
background-color:var(--tbody-th-color--bg,hsla(0,0%,59%,.05));
content:"";
height:100%;
left:0;
pointer-events:none;
position:absolute;
top:0;
width:100%;
z-index:-1
}
.legacy-body .post_content small {
font-size:.8em;
opacity:.8
}
.legacy-body .post_content :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
}
.legacy-body .post_content ul {
list-style:disc
}
.legacy-body .post_content ol {
list-style:decimal
}
.legacy-body .post_content ol, .legacy-body .post_content ul {
padding-left:var(--swl-list-padding--left)
}
.legacy-body .post_content ol ul, .legacy-body .post_content ul ul {
list-style:circle
}
.legacy-body .post_content li {
line-height:1.5;
margin:.25em 0;
position:relative
}
.legacy-body .post_content li ol, .legacy-body .post_content li ul {
margin:0
}
.legacy-body .post_content hr {
border:none;
border-bottom:1px solid rgba(0,0,0,.1);
margin:2.5em 0
}
.legacy-body .post_content blockquote {
background:var(--color_gray);
position:relative
}
.legacy-body .post_content blockquote cite {
display:block;
font-size:.8em;
margin-top:.75em;
opacity:.8
}
.legacy-body .post_content blockquote p {
margin:.5em 0;
position:relative;
z-index:1
}
.legacy-body .post_content blockquote:after, .legacy-body .post_content blockquote:before {
line-height:1;
position:absolute;
z-index:0
}
.legacy-body .post_content pre {
overflow-x:auto;
padding:.5em 0
}
.legacy-body .post_content iframe {
display:block;
margin-left:auto;
margin-right:auto;
max-width:100%
}
.legacy-body .l-mainContent__inner>.post_content {
margin:4em 0;
padding:0 var(--swl-pad_post_content,0)
}
.legacy-body .swl-has-mb--s>*, .legacy-body .wp-block-column>*, .legacy-body .wp-block-group__inner-container>*, .legacy-body div[class*=is-style-]>* {
margin-bottom:1em
}
.legacy-body .alignfull>.wp-block-group__inner-container>* {
margin-bottom:2em
}
.legacy-body :where(.is-layout-flex) {
gap:.5em
}
.legacy-body .is-layout-flex {
display:flex;
flex-wrap:wrap
}
.legacy-body .is-layout-flex.is-nowrap {
flex-wrap:nowrap
}
.legacy-body .is-layout-flex.is-vertical {
flex-direction:column
}
.legacy-body [class*=fill_col_] {
border-radius:1px;
padding:.25em .5em
}
.legacy-body {
--swl-box_padding:1.5em
}
.legacy-body [class*=is-style-big_icon_] {
border-color:var(--the-color,currentColor);
padding:2em 1.5em 1.5em;
position:relative
}
.legacy-body [class*=is-style-big_icon_]:not(:first-child) {
margin-top:2.5em
}
.legacy-body [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:Legacy-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
}
.legacy-body .wp-block-embed>figcaption, .legacy-body .wp-block-image figcaption, .legacy-body .wp-block-table figcaption {
color:inherit;
display:block!important;
font-size:.8em;
line-height:1.4;
margin-bottom:0;
margin-top:.75em;
opacity:.8;
text-align:center
}
.legacy-body .wp-block-image {
text-align:center
}
.legacy-body .wp-block-image img {
vertical-align:bottom
}
.legacy-body .wp-block-image.is-resized {
display:block
}
.legacy-body .wp-block-image>figure {
display:block!important
}
.legacy-body .wp-block-image figcaption a {
display:inline
}
.legacy-body .wp-block-image:after {
clear:both;
content:"";
display:block;
height:0;
visibility:hidden
}
.legacy-body .wp-block-image a {
display:block;
transition:opacity .25s
}
.legacy-body .wp-block-image a:hover {
opacity:.8
}
.legacy-body .wp-caption {
max-width:100%;
text-align:center;
width:100%
}
.legacy-body .wp-caption-text {
font-size:.8em;
margin-top:1em;
opacity:.8
}
.legacy-body img.aligncenter {
clear:both;
display:block;
margin-left:auto;
margin-right:auto
}
.legacy-body img.border {
border:1px solid rgba(0,0,0,.1)
}
.legacy-body .wp-block-image.is-style-photo_frame img {
border:4px solid #fff;
box-shadow:0 0 0 1px rgba(0,0,0,.1)
}
.legacy-body .swl-marker {
display:inline;
padding:2px
}
.legacy-body .swl-inline-icon {
display:inline-block;
margin-left:.1em;
margin-right:.1em;
min-width:1em;
position:relative
}
.legacy-body .swl-inline-icon+.swl-inline-icon {
margin-left:0
}
.legacy-body .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%
}
.legacy-body li:before {
letter-spacing:normal
}
.legacy-body .swell-block-button {
--the-icon-size:1.1em
}
.legacy-body .swell-block-button[data-align=right] {
text-align:right
}
.legacy-body .swell-block-button[data-align=left] {
text-align:left
}
.legacy-body .swell-block-button a {
text-align:center
}
.legacy-body .swell-block-button .swell-block-button__link[data-has-icon] {
align-items:center;
display:inline-flex;
gap:.5em;
justify-content:center
}
.legacy-body [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
}
.legacy-body [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)
}
.legacy-body [class*=is-style-btn_] img {
display:none
}
.legacy-body .is-style-btn_normal a {
color:#fff;
font-weight:700;
transition:box-shadow .25s
}
.legacy-body .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
}
.legacy-body .is-style-btn_shiny a {
color:#fff;
font-weight:700
}
.legacy-body .wp-block-group.is-row>*, .legacy-body .wp-block-group.is-stack>* {
margin:0
}
.legacy-body .wp-block-quote>:first-child {
margin-top:0
}
.legacy-body :where(.has-border) {
margin-left:.3px
}
@media (max-width:959px) {
@-webkit-keyframes legacy-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 legacy-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%)
}
}
.legacy-body [data-spmenu=opened] .legacy-body {
overflow-y:hidden;
touch-action:none
}
.legacy-body #content {
overflow:hidden
}
.legacy-body[data-has-theadfix] #content {
overflow:visible
}
.legacy-body .p-blogCard__excerpt {
display:none
}
}
@media (min-width:600px) {
.legacy-body {
--swl-fz--root:16px;
--swl-h2-margin--x:-16px
}
.legacy-body .l-content {
padding-top:4em
}
.legacy-body .c-postTitle__ttl {
font-size:24px
}
.legacy-body .c-postTitle__date .__y {
font-size:14px
}
.legacy-body .c-postTitle__date .__md {
font-size:24px
}
.legacy-body .p-postList .c-postTitle__date .__md, .legacy-body .p-postList .c-postTitle__ttl {
font-size:20px
}
.legacy-body .c-postThumb__cat {
font-size:11px
}
.legacy-body .p-blogCard__caption {
font-size:12px;
left:24px
}
.legacy-body .p-blogCard__inner {
padding:24px
}
.legacy-body .p-blogCard__thumb {
width:21%
}
.legacy-body [data-type=type1] .p-blogCard__inner {
padding-top:25px
}
.legacy-body [data-type=type2] .p-blogCard__inner {
padding-top:28px
}
.legacy-body [data-type=type3] .p-blogCard__caption {
bottom:8px;
right:8px
}
.legacy-body .p-breadcrumb__list {
font-size:11px
}
.legacy-body .-type-card .p-postList__title {
font-size:16px
}
.legacy-body .-type-thumb .p-postList__title {
font-size:14px
}
.legacy-body .p-postList__meta {
font-size:11px
}
.legacy-body .post_content h2 {
font-size:1.4em
}
.legacy-body .post_content h3 {
font-size:1.3em
}
.legacy-body .post_content h4 {
font-size:1.2em
}
.legacy-body .wp-block-group {
--swl-box_padding:2em
}
.legacy-body [class*=is-style-big_icon_] {
padding:2.5em 2em 2em
}
.legacy-body [class*=is-style-big_icon_]:before {
left:.75em
}
.legacy-body [class*=is-style-btn_] {
--the-min-width:40%
}
}
@media (min-width:960px) {
.legacy-body {
--swl-fz--side:14px;
--swl-pad_post_content:16px;
--swl-pad_container:32px
}
.legacy-body .-type-card.-pc-col2 .p-postList__item {
padding:0 .75em
}
.legacy-body .wp-block-image.is-style-photo_frame img {
border:6px solid #fff
}
}
@media (min-width:1200px) {
.legacy-body {
--swl-sidebar_width:304px;
--swl-sidebar_margin:52px
}
.legacy-body {
--swl-pad_container:48px
}
}
@media screen {
.legacy-body [hidden~=screen] {
display:inherit
}
.legacy-body [hidden~=screen]:not(:active):not(:focus):not(:target) {
clip:rect(0 0 0 0)!important;
position:absolute!important
}
}
@media (max-width:599px) {
.legacy-body.page-numbers[data-apart="2"]:not(:first-child):not(:last-child) {
display:none
}
.legacy-body .c-postThumb__cat {
-webkit-transform:scale(.9);
transform:scale(.9)
}
.legacy-body .p-blogCard__title {
font-size:3.6vw
}
.legacy-body .-type-card.-sp-col1 .p-postList__item, .legacy-body .-type-thumb.-sp-col1 .p-postList__item {
width:100%
}
.legacy-body .p-postList__title .-type-thumb.-sp-col2 {
font-size:3.2vw
}
.legacy-body .-type-card.-sp-col1 .p-postList__title {
font-size:3.8vw
}
.legacy-body .twitter-tweet {
box-sizing:border-box!important;
display:none!important;
max-width:88vw!important;
min-width:0!important;
width:100%!important
}
.legacy-body .twitter-tweet>iframe {
width:100%!important
}
}
@media (min-width:960px) and (max-width:1019px) {
.legacy-body.-sidebar-off .-type-card.-pc-col3 .p-postList__item {
padding:0 .75em
}
}
@media (min-width:1020px) {
.legacy-body.-sidebar-off .-type-card.-pc-col3 .p-postList__item, .legacy-body.-sidebar-off .-type-thumb.-pc-col3 .p-postList__item {
width:33.33333%
}
}