@charset "UTF-8";
.is-style-balloon_box2, .is-style-emboss_box, .is-style-sticky_box {
    color: #333;
    background-color: #fff
}

.c-postAuthor__figure .avatar, .c-postThumb__img, .p-customBanner .c-bannerLink__img, .p-snsCta__figure .p-snsCta__img, .p-termHead__thumbImg, .swell-block-bannerLink .c-bannerLink__img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: "object-fit: cover;"
}

.c-infoBar__btn, .is-style-btn_shiny a {
    position: relative;
    z-index: 0;
    overflow: hidden;
    transition: opacity .25s, -webkit-transform .25s;
    transition: opacity .25s, transform .25s;
    transition: opacity .25s, transform .25s, -webkit-transform .25s
}

.c-infoBar__btn::before, .is-style-btn_shiny a::before {
    position: absolute;
    top: 50%;
    left: -120px;
    width: 80px;
    height: 200px;
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .6) 80%, rgba(255, 255, 255, 0) 100%);
    -webkit-transform: translateY(-50%) rotate(25deg);
    transform: translateY(-50%) rotate(25deg);
    content: ""
}

.c-infoBar__btn::after, .is-style-btn_shiny a::after {
    position: absolute;
    top: 0;
    left: -100px;
    width: 50px;
    height: 100%;
    background-image: linear-gradient(100deg, rgba(255, 255, 255, 0) 0, #fff 100%);
    -webkit-animation-name: shiny_btn;
    animation-name: shiny_btn;
    -webkit-animation-duration: 3.5s;
    animation-duration: 3.5s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    content: ""
}

.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-bannerLink::before, .c-bannerLink__text, .c-filterLayer::after, .c-filterLayer::before, .c-filterLayer__img, .c-gnav .sub-menu a::after, .c-infoBar::before, .c-mvBtn__btn::before, .l-fixHeader::before, .p-postSlider::before, .p-spMenu__inner::before, .post_content .td_to_th_ tbody tr > :first-child::before, .post_content tbody th::before, .swell-block-fullWide .__parallaxLayer, .swell-block-fullWide.has-bg-img::before, [data-type=type1] .p-blogCard__inner::before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    content: ""
}

.p-articleThumb__caption, .wp-block-embed > figcaption, .wp-block-image figcaption, .wp-block-table figcaption, .wp-block-video figcaption {
    display: block !important;
    margin-top: .75em;
    margin-bottom: 0;
    color: inherit;
    font-size: .8em;
    text-align: center;
    opacity: .8
}

.-body-solid .p-articleThumb__img, .-body-solid .p-articleThumb__youtube, .c-bannerLink.-shadow-on, .is-style-shadow img, .is-style-shadow video, .p-indexModal__inner, img.shadow {
    box-shadow: 0 2px 8px rgba(0, 0, 0, .1), 0 4px 8px -4px rgba(0, 0, 0, .2)
}

.-body-solid .p-pickupBanners__item .c-bannerLink, .-body-solid .p-postList__thumb {
    box-shadow: 0 2px 8px rgba(0, 0, 0, .1), 0 4px 4px -4px rgba(0, 0, 0, .1)
}

.-body-solid .c-shareBtns__btn, .-body-solid .p-snsCta, .is-style-emboss_box, .is-style-shadow.cap_box, .is-style-sticky_box, .shadow_on .wp-block-column {
    box-shadow: 0 2px 4px rgba(0, 0, 0, .05), 0 4px 4px -4px rgba(0, 0, 0, .1)
}

.-body-solid [class*=page-numbers], .c-fixBtn {
    box-shadow: 0 2px 4px rgba(0, 0, 0, .1), 0 4px 4px -4px rgba(0, 0, 0, .1)
}

.is-style-btn_normal a, .is-style-btn_shiny a, .p-adBox__btn {
    box-shadow: 0 2px 2px rgba(0, 0, 0, .1), 0 4px 8px -4px rgba(0, 0, 0, .2)
}

.c-shareBtns, .p-articleFoot, .p-pnLinks, .w-pageTop, .w-singleBottom, .w-singleTop {
    margin: 2em 0
}

.c-categoryList::before, .c-tagList::before, .p-pnLinks__item.-next .p-pnLinks__link::before, .p-pnLinks__item.-prev .p-pnLinks__link::before, .widget_categories form::after, .widget_categories > ul > .cat-item > a::before, .wp-block-archives-dropdown::after, .wp-block-categories-dropdown::after, .wp-block-categories-list > li > a::before, code.dir_name::before, code.file_name::before {
    font-weight: 400;
    font-family: icomoon !important;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.c-categoryList__separation::after, .p-breadcrumb__item::after {
    display: block;
    box-sizing: content-box;
    width: 4px;
    height: 4px;
    color: inherit;
    border-top: solid 1px currentColor;
    border-right: solid 1px currentColor;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: .8;
    content: ""
}

ruby > rt {
    font-size: 50%
}

main {
    display: block
}

img {
    max-width: 100%;
    border-style: none;
    height: auto;
}

video {
    outline: 0
}

svg:not([fill]) {
    fill: currentColor
}

[hidden] {
    display: none
}

[type=button], [type=reset], [type=submit], button {
    -webkit-appearance: button;
    display: inline-block;
    cursor: pointer
}

[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
}

[type=color] {
    padding: 0
}

[type=range] {
    vertical-align: middle
}

[aria-busy=true] {
    cursor: progress
}

[aria-controls] {
    cursor: pointer
}

[aria-disabled] {
    cursor: default
}

@-webkit-keyframes flash {
    0% {
        opacity: .6
    }
    100% {
        opacity: 1
    }
}

@keyframes flash {
    0% {
        opacity: .6
    }
    100% {
        opacity: 1
    }
}

@-webkit-keyframes FadeIn {
    100% {
        opacity: 1
    }
}

@keyframes FadeIn {
    100% {
        opacity: 1
    }
}

@-webkit-keyframes FadeInFromX {
    100% {
        left: 0;
        opacity: 1
    }
}

@keyframes FadeInFromX {
    100% {
        left: 0;
        opacity: 1
    }
}

@-webkit-keyframes FadeInFromY {
    100% {
        top: 0;
        opacity: 1
    }
}

@keyframes FadeInFromY {
    100% {
        top: 0;
        opacity: 1
    }
}

@-webkit-keyframes flowing_text {
    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@keyframes flowing_text {
    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@-webkit-keyframes shiny_btn {
    0% {
        -webkit-transform: scale(0) rotate(25deg);
        transform: scale(0) rotate(25deg);
        opacity: 0
    }
    84% {
        -webkit-transform: scale(0) rotate(25deg);
        transform: scale(0) rotate(25deg);
        opacity: 0
    }
    85% {
        -webkit-transform: scale(1) rotate(25deg);
        transform: scale(1) rotate(25deg);
        opacity: .9
    }
    100% {
        -webkit-transform: scale(50) rotate(25deg);
        transform: scale(50) rotate(25deg);
        opacity: 0
    }
}

@keyframes shiny_btn {
    0% {
        -webkit-transform: scale(0) rotate(25deg);
        transform: scale(0) rotate(25deg);
        opacity: 0
    }
    84% {
        -webkit-transform: scale(0) rotate(25deg);
        transform: scale(0) rotate(25deg);
        opacity: 0
    }
    85% {
        -webkit-transform: scale(1) rotate(25deg);
        transform: scale(1) rotate(25deg);
        opacity: .9
    }
    100% {
        -webkit-transform: scale(50) rotate(25deg);
        transform: scale(50) rotate(25deg);
        opacity: 0
    }
}

@-webkit-keyframes leftToRight {
    0% {
        -webkit-transform: scale(1.1) translateX(-1%);
        transform: scale(1.1) translateX(-1%)
    }
    100% {
        -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%)
    }
    100% {
        -webkit-transform: scale(1.1) translateX(1%);
        transform: scale(1.1) translateX(1%)
    }
}

@-webkit-keyframes zoomUp {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    100% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

@keyframes zoomUp {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    100% {
        -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)
    }
    100% {
        -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)
    }
    100% {
        -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)
    }
    100% {
        -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)
    }
    100% {
        -webkit-transform: translate3d(4px, 0, 0);
        transform: translate3d(4px, 0, 0)
    }
}

:root {
    --swl-color_border: rgba(200, 200, 200, .5)
}

@font-face {
    font-weight: 400;
    font-family: icomoon;
    font-style: normal;
    src: url(../fonts/icomoon.ttf?7ojy2d) format("truetype"), url(../fonts/icomoon.woff?7ojy2d) format("woff"), url(../fonts/icomoon.svg?7ojy2d#icomoon) format("svg")
}

[class*=" icon-"]::before, [class^=icon-]::before {
    font-weight: 400;
    font-family: icomoon !important;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-clipboard-copy::before {
    content: "\e93b"
}

.icon-clipboard-copied::before {
    content: "\e93c"
}

.icon-swell::before {
    content: "\e936"
}

.icon-amazon::before {
    color: #f90;
    content: "\e91e"
}

.icon-room::before {
    content: "\e93d"
}

.icon-codepen::before {
    content: "\e900"
}

.icon-facebook::before {
    content: "\e901"
}

.icon-feedly::before {
    color: #2bb24c;
    content: "\e902"
}

.icon-github::before {
    content: "\e903"
}

.icon-googleplus::before {
    color: #dc4e41;
    content: "\e904"
}

.icon-hatebu::before {
    content: "\e905"
}

.icon-instagram::before {
    color: #e4405f;
    content: "\e906"
}

.icon-line::before {
    color: #00c300;
    content: "\e907"
}

.icon-medium::before {
    content: "\e908"
}

.icon-pinterest::before {
    color: #bd081c;
    content: "\e909"
}

.icon-pocket::before {
    color: #ef3f56;
    content: "\e90a"
}

.icon-rss::before {
    color: orange;
    content: "\e90b"
}

.icon-tumblr::before {
    color: #36465d;
    content: "\e90c"
}

.icon-twitter::before {
    color: #1da1f2;
    content: "\e90d"
}

.icon-wordpress::before {
    content: "\e90e"
}

.icon-youtube::before {
    color: red;
    content: "\e90f"
}

.icon-more_arrow::before {
    content: "\e930"
}

.icon-batsu::before, .icon-cross::before, .is-style-bad_list li::before, .is-style-big_icon_bad::before, .is-style-big_icon_batsu::before {
    content: "\e91f"
}

.icon-circle::before, .is-style-good_list li::before {
    content: "\ea56"
}

.icon-check::before, .icon-checkmark::before, .is-style-big_icon_check::before, .is-style-big_icon_good::before, .is-style-check_list li::before {
    content: "\e923"
}

.icon-posted::before {
    content: "\e931"
}

.icon-modified::before {
    content: "\e92d"
}

.icon-search::before {
    content: "\e92e"
}

.icon-close-thin::before {
    content: "\e920"
}

.icon-menu-thin::before {
    content: "\e91b"
}

.icon-info::before {
    content: "\e91d"
}

.icon-alert::before {
    content: "\e916"
}

.icon-hatena::before {
    content: "\e917"
}

.icon-index::before {
    content: "\e918"
}

.icon-arrow_drop_down::before, .widget_categories form::after, .wp-block-archives-dropdown::after, .wp-block-categories-dropdown::after {
    content: "\e5c5"
}

.icon-arrow_drop_up::before {
    content: "\e5c7"
}

.icon-flag::before {
    content: "\e153"
}

.icon-border_color::before {
    content: "\e22b"
}

.icon-cart::before, .icon-shopping_cart::before {
    content: "\e939"
}

.icon-person::before {
    content: "\e7fd"
}

.icon-settings::before {
    content: "\e8b8"
}

.icon-thumb_down::before {
    content: "\e8db"
}

.icon-thumb_up::before {
    content: "\e8dc"
}

.icon-chevron-small-down::before {
    content: "\e910"
}

.icon-chevron-small-left::before, .p-pnLinks__item.-prev .p-pnLinks__link::before {
    content: "\e911"
}

.icon-chevron-small-right::before, .p-pnLinks__item.-next .p-pnLinks__link::before {
    content: "\e921"
}

.icon-chevron-small-up::before {
    content: "\e912"
}

.icon-book::before {
    content: "\e91a"
}

.icon-megaphone::before {
    content: "\e913"
}

.icon-minus::before {
    content: "\e919"
}

.icon-plus::before {
    content: "\e91c"
}

.icon-download::before {
    content: "\e914"
}

.icon-pen::before {
    content: "\e934"
}

.icon-contact::before, .icon-envelope::before, .icon-mail::before, .icon-markunread::before {
    content: "\e92c"
}

.icon-light-bulb::before {
    content: "\e915"
}

.icon-lock-closed::before {
    content: "\e932"
}

.icon-lock-open::before {
    content: "\e933"
}

.icon-home::before {
    content: "\e922"
}

.icon-quill::before {
    content: "\e929"
}

.icon-books::before {
    content: "\e925"
}

.icon-file-empty::before, code.file_name::before {
    content: "\e924"
}

.icon-file-text2::before {
    content: "\e926"
}

.icon-file-picture::before {
    content: "\e927"
}

.icon-file-music::before {
    content: "\e928"
}

.icon-file-video::before {
    content: "\e92a"
}

.icon-file-zip::before {
    content: "\e92b"
}

.c-categoryList::before, .icon-folder::before, .widget_categories > ul > .cat-item > a::before, .wp-block-categories-list > li > a::before, code.dir_name::before {
    content: "\e92f"
}

.icon-price-tag::before {
    content: "\e935"
}

.icon-phone1::before, .icon-phone::before {
    content: "\e942"
}

.icon-bubble::before {
    content: "\e96b"
}

.icon-bubbles::before {
    content: "\e970"
}

.icon-quotes-left::before {
    content: "\e977"
}

.icon-quotes-right::before {
    content: "\e978"
}

.icon-link::before {
    content: "\e9c5"
}

.icon-attachment::before {
    content: "\e9cd"
}

.icon-eye::before {
    content: "\e9ce"
}

.icon-bookmarks::before {
    content: "\e9d3"
}

.icon-star-empty::before {
    content: "\e9d7"
}

.icon-star-half::before {
    content: "\e9d8"
}

.icon-star-full::before {
    content: "\e9d9"
}

.icon-heart::before {
    content: "\e9da"
}

.icon-blocked::before {
    content: "\ea0e"
}

.icon-share::before {
    content: "\ea82"
}

.icon-film::before {
    content: "\e93a"
}

.icon-headphones::before {
    content: "\e938"
}

.icon-image::before {
    content: "\e937"
}

@-webkit-keyframes lum-fade {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes lum-fade {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-webkit-keyframes lum-fadeZoom {
    0% {
        -webkit-transform: scale(.5);
        transform: scale(.5);
        opacity: 0
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes lum-fadeZoom {
    0% {
        -webkit-transform: scale(.5);
        transform: scale(.5);
        opacity: 0
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@-webkit-keyframes lum-loader-rotate {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0);
        transform: translate(-50%, -50%) rotate(0)
    }
    50% {
        -webkit-transform: translate(-50%, -50%) rotate(-180deg);
        transform: translate(-50%, -50%) rotate(-180deg)
    }
    100% {
        -webkit-transform: translate(-50%, -50%) rotate(-360deg);
        transform: translate(-50%, -50%) rotate(-360deg)
    }
}

@keyframes lum-loader-rotate {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0);
        transform: translate(-50%, -50%) rotate(0)
    }
    50% {
        -webkit-transform: translate(-50%, -50%) rotate(-180deg);
        transform: translate(-50%, -50%) rotate(-180deg)
    }
    100% {
        -webkit-transform: translate(-50%, -50%) rotate(-360deg);
        transform: translate(-50%, -50%) rotate(-360deg)
    }
}

@-webkit-keyframes lum-loader-before {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    10% {
        -webkit-transform: scale(1.2) translateX(6px);
        transform: scale(1.2) translateX(6px)
    }
    25% {
        -webkit-transform: scale(1.3) translateX(8px);
        transform: scale(1.3) translateX(8px)
    }
    40% {
        -webkit-transform: scale(1.2) translateX(6px);
        transform: scale(1.2) translateX(6px)
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    60% {
        -webkit-transform: scale(.8) translateX(6px);
        transform: scale(.8) translateX(6px)
    }
    75% {
        -webkit-transform: scale(.7) translateX(8px);
        transform: scale(.7) translateX(8px)
    }
    90% {
        -webkit-transform: scale(.8) translateX(6px);
        transform: scale(.8) translateX(6px)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes lum-loader-before {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    10% {
        -webkit-transform: scale(1.2) translateX(6px);
        transform: scale(1.2) translateX(6px)
    }
    25% {
        -webkit-transform: scale(1.3) translateX(8px);
        transform: scale(1.3) translateX(8px)
    }
    40% {
        -webkit-transform: scale(1.2) translateX(6px);
        transform: scale(1.2) translateX(6px)
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    60% {
        -webkit-transform: scale(.8) translateX(6px);
        transform: scale(.8) translateX(6px)
    }
    75% {
        -webkit-transform: scale(.7) translateX(8px);
        transform: scale(.7) translateX(8px)
    }
    90% {
        -webkit-transform: scale(.8) translateX(6px);
        transform: scale(.8) translateX(6px)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes lum-loader-after {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    10% {
        -webkit-transform: scale(1.2) translateX(-6px);
        transform: scale(1.2) translateX(-6px)
    }
    25% {
        -webkit-transform: scale(1.3) translateX(-8px);
        transform: scale(1.3) translateX(-8px)
    }
    40% {
        -webkit-transform: scale(1.2) translateX(-6px);
        transform: scale(1.2) translateX(-6px)
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    60% {
        -webkit-transform: scale(.8) translateX(-6px);
        transform: scale(.8) translateX(-6px)
    }
    75% {
        -webkit-transform: scale(.7) translateX(-8px);
        transform: scale(.7) translateX(-8px)
    }
    90% {
        -webkit-transform: scale(.8) translateX(-6px);
        transform: scale(.8) translateX(-6px)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes lum-loader-after {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    10% {
        -webkit-transform: scale(1.2) translateX(-6px);
        transform: scale(1.2) translateX(-6px)
    }
    25% {
        -webkit-transform: scale(1.3) translateX(-8px);
        transform: scale(1.3) translateX(-8px)
    }
    40% {
        -webkit-transform: scale(1.2) translateX(-6px);
        transform: scale(1.2) translateX(-6px)
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    60% {
        -webkit-transform: scale(.8) translateX(-6px);
        transform: scale(.8) translateX(-6px)
    }
    75% {
        -webkit-transform: scale(.7) translateX(-8px);
        transform: scale(.7) translateX(-8px)
    }
    90% {
        -webkit-transform: scale(.8) translateX(-6px);
        transform: scale(.8) translateX(-6px)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.lum-lightbox {
    background: rgba(0, 0, 0, .6)
}

.lum-lightbox-inner {
    top: 2.5%;
    right: 2.5%;
    bottom: 2.5%;
    left: 2.5%
}

.lum-lightbox-inner img {
    position: relative
}

.lum-lightbox-inner .lum-lightbox-caption {
    margin: 0 auto;
    color: #fff;
    max-width: 700px;
    text-align: center
}

.lum-loading .lum-lightbox-loader {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 66px;
    height: 20px;
    -webkit-animation: lum-loader-rotate 1.8s infinite linear;
    animation: lum-loader-rotate 1.8s infinite linear
}

.lum-lightbox-loader:after, .lum-lightbox-loader:before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    margin-top: -10px;
    border-radius: 20px;
    background: rgba(255, 255, 255, .9)
}

.lum-lightbox-loader:before {
    left: 0;
    -webkit-animation: lum-loader-before 1.8s infinite linear;
    animation: lum-loader-before 1.8s infinite linear
}

.lum-lightbox-loader:after {
    right: 0;
    -webkit-animation: lum-loader-after 1.8s infinite linear;
    animation: lum-loader-after 1.8s infinite linear;
    -webkit-animation-delay: -.9s;
    animation-delay: -.9s
}

.lum-lightbox.lum-opening {
    -webkit-animation: lum-fade 180ms ease-out;
    animation: lum-fade 180ms ease-out
}

.lum-lightbox.lum-opening .lum-lightbox-inner {
    -webkit-animation: lum-fadeZoom 180ms ease-out;
    animation: lum-fadeZoom 180ms ease-out
}

.lum-lightbox.lum-closing {
    -webkit-animation: lum-fade .3s ease-in;
    animation: lum-fade .3s ease-in;
    animation-direction: reverse
}

.lum-lightbox.lum-closing .lum-lightbox-inner {
    -webkit-animation: lum-fadeZoom .3s ease-in;
    animation: lum-fadeZoom .3s ease-in;
    animation-direction: reverse
}

.lum-img {
    transition: opacity 120ms ease-out
}

.lum-loading .lum-img {
    opacity: 0
}

.lum-gallery-button {
    overflow: hidden;
    text-indent: 150%;
    white-space: nowrap;
    background: 0 0;
    border: 0;
    margin: 0;
    padding: 0;
    outline: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 100px;
    max-height: 100%;
    width: 60px;
    cursor: pointer
}

.lum-previous-button {
    left: 12px
}

.lum-next-button {
    right: 12px
}

.lum-gallery-button:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    width: 36px;
    height: 36px;
    border-top: 4px solid rgba(255, 255, 255, .8)
}

.lum-previous-button:after {
    -webkit-transform: translateY(-50%) rotate(-45deg);
    transform: translateY(-50%) rotate(-45deg);
    border-left: 4px solid rgba(255, 255, 255, .8);
    box-shadow: -2px 0 rgba(0, 0, 0, .2);
    left: 12%;
    border-radius: 3px 0 0 0
}

.lum-next-button:after {
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    border-right: 4px solid rgba(255, 255, 255, .8);
    box-shadow: 2px 0 rgba(0, 0, 0, .2);
    right: 12%;
    border-radius: 0 3px 0 0
}

.lum-lightbox {
    z-index: 999
}

.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical > .swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    transition-property: transform, -webkit-transform;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.swiper-container-multirow > .swiper-wrapper {
    flex-wrap: wrap
}

.swiper-container-free-mode > .swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    transition-property: transform, -webkit-transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: height, -webkit-transform;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal > .swiper-wrapper {
    touch-action: pan-y
}

.swiper-container-wp8-vertical, .swiper-container-wp8-vertical > .swiper-wrapper {
    touch-action: pan-x
}

.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto
}

.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transform: scale(.33);
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff
}

.swiper-container-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8px
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: .2s top, .2s -webkit-transform;
    transition: .2s transform, .2s top;
    transition: .2s transform, .2s top, .2s -webkit-transform
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s left, .2s -webkit-transform;
    transition: .2s transform, .2s left;
    transition: .2s transform, .2s left, .2s -webkit-transform
}

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s right, .2s -webkit-transform;
    transition: .2s transform, .2s right;
    transition: .2s transform, .2s right, .2s -webkit-transform
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    transform-origin: right top
}

.swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical > .swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-progressbar.swiper-pagination-white {
    background: rgba(255, 255, 255, .25)
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
    background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.swiper-pagination-progressbar.swiper-pagination-black {
    background: rgba(0, 0, 0, .25)
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
    background: #000
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}

.swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    animation: swiper-preloader-spin 1s steps(12, end) infinite
}

.swiper-lazy-preloader:after {
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube {
    overflow: visible
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}

.swiper-container-flip {
    overflow: visible
}

.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-coverflow .swiper-wrapper {
    -ms-perspective: 1200px
}

[data-spmenu=opened] #wpadminbar {
    z-index: 1
}

#comments p a, .p-termHead__desc a, .post_content a, .textwidget a {
    color: var(--color_link)
}

.ad_area {
    min-height: 80px;
    margin: 3em auto;
    border: dashed 1px rgba(200, 200, 200, .5)
}

.ad_area.content_top {
    margin-top: 0
}

.-index-off .widget_swell_index, .-index-off [data-onclick=toggleIndex] {
    display: none
}

.-index-off .widget_swell_index + .c-widget {
    margin-top: 0 !important
}

.-body-solid .p-postList.-w-ranking li::before {
    background-image: repeating-linear-gradient(-45deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, .1) 6px, transparent 6px, transparent 12px);
    box-shadow: 1px 1px 4px rgba(0, 0, 0, .2)
}

.-body-solid .p-commentArea {
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .06)
}

.-body-solid .p-commentArea [type=email], .-body-solid .p-commentArea [type=number], .-body-solid .p-commentArea [type=text], .-body-solid .p-commentArea textarea {
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, .06)
}

.l-article {
    max-width: var(--article_size);
    padding-right: 0;
    padding-left: 0
}

.-sidebar-off .l-article, .lp-content .l-article {
    margin-right: auto;
    margin-left: auto
}

#body_wrap {
    position: relative;
    z-index: 1;
    max-width: 100%
}

#body_wrap.-bg-fix {
    z-index: 1
}

#body_wrap.-bg-fix::before {
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    content: ""
}

.admin-bar {
    --swl-adminbar_height: 32px
}

.l-container {
    max-width: var(--container_size);
    margin-right: auto;
    margin-left: auto;
    padding-right: 4vw;
    padding-left: 4vw
}

.l-content {
    position: relative;
    z-index: 1;
    margin: 0 auto 6em;
    padding-top: 2em
}

.l-footer {
    position: relative;
    z-index: 0;
    color: var(--color_footer_text);
    background-color: var(--color_footer_bg)
}

.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 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: .5em 0 1em;
    color: inherit
}

.l-footer__nav a {
    display: block;
    padding: .25em .5em;
    color: inherit;
    font-size: 3vw
}

.l-footer__nav a:hover {
    text-decoration: underline
}

.l-footer__foot {
    padding-top: 1em;
    padding-bottom: 1em
}

.l-footer__widgetArea {
    padding-top: 1em;
    padding-bottom: 1em
}

.p-indexModal {
    padding: 80px 16px
}

.p-indexModal__inner {
    position: relative;
    z-index: 1;
    max-width: 800px;
    height: 100%;
    margin: -1em auto 0 !important;
    padding: 2em 1.5em;
    color: #333;
    background: #fdfdfd;
    -webkit-transform: translateY(16px);
    transform: translateY(16px);
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s
}

.is-opened > .p-indexModal__inner {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.p-indexModal__close {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    padding-top: .5em;
    color: #fff;
    line-height: 2;
    text-align: center;
    text-shadow: 1px 1px 1px #000;
    cursor: pointer
}

.p-searchModal__inner {
    position: absolute;
    top: calc(50% + 16px);
    left: 50%;
    z-index: 1;
    width: 96%;
    max-width: 600px;
    padding: 1em;
    background: rgba(255, 255, 255, .1);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    transition: top .5s
}

.is-opened > .p-searchModal__inner {
    top: 50%
}

.p-searchModal__inner .c-searchForm {
    box-shadow: 0 0 4px rgba(255, 255, 255, .2)
}

.p-searchModal__inner .s {
    font-size: 16px
}

.l-header {
    position: relative;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    background: var(--color_header_bg)
}

.l-header__bar {
    position: relative;
    width: 100%
}

.l-header__bar .c-catchphrase {
    width: 50%;
    margin-right: auto;
    padding: 4px 0;
    overflow: hidden;
    color: inherit;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: .2px;
    white-space: nowrap
}

.l-header__bar .c-iconList .c-iconList__link {
    margin: 0;
    padding: 4px 6px
}

.l-header__barInner {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.l-header__inner {
    position: relative;
    z-index: 1;
    width: 100%;
    color: var(--color_header_text)
}

.l-header__inner .c-catchphrase {
    letter-spacing: .2px
}

.l-header__logo {
    line-height: 1
}

.c-headLogo.-txt {
    display: flex;
    align-items: center
}

.c-headLogo__link {
    display: block
}

.-img .c-headLogo__link {
    height: 100%
}

.-txt .c-headLogo__link {
    display: block;
    color: inherit;
    font-weight: 700;
    font-size: 5vw
}

.c-headLogo__img {
    width: auto;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    font-family: "object-fit: contain;"
}

.w-header {
    display: flex;
    align-items: center
}

.l-header__customBtn, .l-header__menuBtn {
    width: var(--logo_size_sp);
    height: var(--logo_size_sp);
    line-height: 1.25;
    text-align: center
}

.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 .ttl {
    position: relative;
    z-index: 1;
    color: inherit;
    line-height: 1
}

.c-gnav > .menu-item {
    position: relative;
    height: 100%
}

.c-gnav > .menu-item:hover > .sub-menu {
    visibility: visible;
    opacity: 1
}

.c-gnav > .menu-item > a {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    padding: 0 12px;
    color: inherit;
    white-space: nowrap;
    transition: all .25s
}

.c-gnav > .menu-item > a .ttl {
    display: block;
    font-size: 14px
}

.c-gnav > .menu-item > a::after {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    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;
    content: ""
}

.c-gnav > .menu-item > a .c-submenuToggleBtn {
    display: none
}

.c-gnav > .menu-item > .sub-menu {
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.c-gnav .sub-menu {
    position: absolute;
    z-index: 1;
    width: 15em;
    text-align: left;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
    visibility: hidden;
    opacity: 0;
    transition: opacity .25s, visibility .25s
}

.c-gnav .sub-menu li {
    position: relative
}

.c-gnav .sub-menu .ttl {
    position: relative;
    left: 0;
    font-size: .9em;
    transition: left .25s
}

.c-gnav .sub-menu a {
    position: relative;
    display: block;
    padding: .5em .75em;
    color: inherit
}

.c-gnav .sub-menu a::after {
    z-index: 0;
    background-color: transparent;
    -webkit-transform: scale(1);
    transform: scale(1);
    transition: background-color .25s;
    content: ""
}

.c-gnav .sub-menu a:hover::after {
    background-color: rgba(200, 200, 200, .1)
}

.c-gnav__sBtn {
    width: auto
}

.c-gnav__sBtn .icon-search {
    font-size: 20px
}

.p-spHeadMenu {
    text-align: center
}

.p-spHeadMenu .sub-menu {
    display: none
}

.p-spHeadMenu .menu-item {
    width: auto;
    height: 36px;
    padding: 0;
    font-size: 12px;
    border-bottom: solid 2px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.p-spHeadMenu .menu-item.-current {
    border-bottom-color: currentColor
}

.p-spHeadMenu a {
    display: block;
    padding: 0 12px 0;
    line-height: 36px
}

.l-header__spNav a {
    color: var(--color_header_text)
}

.l-header__spNav.-loop-off .menu-item:first-child {
    margin-left: auto
}

.l-header__spNav.-loop-off .menu-item:last-child {
    margin-right: auto
}

.l-fixHeader {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 101;
    width: 100%;
    margin-top: var(--swl-adminbar_height, 0);
    visibility: hidden;
    opacity: 0;
    transition: all .5s
}

.l-fixHeader[data-ready] {
    transition: all .5s
}

.l-fixHeader::before {
    display: block;
    background: var(--color_header_bg);
    opacity: var(--fix_header_opacity)
}

.l-fixHeader .l-fixHeader__gnav {
    order: 0
}

[data-scrolled=true] .l-fixHeader[data-ready] {
    top: 0 !important;
    visibility: visible;
    opacity: 1
}

.-body-solid .l-fixHeader {
    box-shadow: 0 2px 4px rgba(0, 0, 0, .12)
}

.l-fixHeader__inner {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    padding-top: 0;
    padding-bottom: 0;
    color: var(--color_header_text)
}

.l-fixHeader__logo {
    display: flex;
    align-items: center;
    order: 0;
    margin-right: 24px;
    padding: 16px 0;
    line-height: 1
}

.l-mainContent {
    position: static !important;
    width: 100%
}

.-sidebar-on .l-mainContent {
    max-width: 100%
}

.l-mainContent__inner > :first-child {
    margin-top: 0 !important
}

.l-mainContent__inner > :last-child {
    margin-bottom: 0 !important
}

.l-scrollObserver {
    position: absolute;
    top: 100px;
    left: 0;
    z-index: 1000;
    display: block;
    width: 100%;
    height: 1px;
    visibility: hidden;
    pointer-events: none
}

#sidebar {
    position: relative
}

.l-topTitleArea {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 11em;
    margin: 0;
    padding: 1.5em 0;
    overflow: hidden
}

.l-topTitleArea .u-thin {
    opacity: 1
}

.l-topTitleArea .c-postTitle__date {
    border-color: #fff
}

.l-topTitleArea .c-categoryList, .l-topTitleArea .c-tagList {
    color: #fff
}

.l-topTitleArea .c-categoryList__link, .l-topTitleArea .c-tagList__link {
    color: #fff;
    background: 0 0
}

.l-topTitleArea .c-categoryList__link {
    border: solid 1px #fff
}

.l-topTitleArea .c-tagList__link {
    padding: 4px .25em;
    border-bottom: solid 1px #fff
}

.l-topTitleArea__body {
    position: relative;
    z-index: 3;
    width: 100%;
    color: #fff;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .1)
}

_:lang(x)::-ms-backdrop, .l-topTitleArea {
    min-height: auto !important;
    padding: 2em 0 !important
}

.c-bannerLink {
    position: relative;
    display: block;
    overflow: hidden;
    text-align: center
}

.c-bannerLink i {
    margin-right: .5em
}

.c-bannerLink.-radius-on {
    border-radius: 8px
}

.c-bannerLink::before {
    z-index: 1;
    background-color: inherit
}

.c-bannerLink__figure {
    position: relative;
    z-index: 0;
    margin: 0;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: opacity .25s
}

.c-bannerLink__img {
    display: block;
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: -webkit-transform .25s;
    transition: transform .25s;
    transition: transform .25s, -webkit-transform .25s
}

.c-bannerLink.-blur-on .c-bannerLink__img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-filter: blur(4px);
    filter: blur(4px)
}

.c-bannerLink__label {
    position: absolute;
    z-index: 2;
    display: block;
    font-size: 3.4vw;
    line-height: 1.4
}

.c-bannerLink__text {
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 1.5em;
    color: #fff
}

.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 {
    width: 100%;
    font-size: 1.4em;
    line-height: 1.25
}

.c-bannerLink__title::before {
    margin-right: .25em
}

.c-bannerLink__description {
    width: 100%;
    margin-top: .5em;
    font-size: .95em
}

.c-bannerLink:not(.-hov-off):hover .c-bannerLink__figure {
    opacity: .8
}

.c-bannerLink:not(.-hov-off):hover .c-bannerLink__img {
    -webkit-transform: scale(1.025);
    transform: scale(1.025)
}

.-border-inside .c-bannerLink::after {
    position: absolute;
    top: 4px;
    left: 4px;
    z-index: 3;
    display: block;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    border: solid 1px #fff;
    content: "";
    pointer-events: none
}

.-darken .c-bannerLink {
    background-color: rgba(0, 0, 0, .2)
}

.-cap-none .c-bannerLink__label {
    display: none
}

.-cap-top_left .c-bannerLink__label {
    top: 4px;
    left: 4px;
    padding: 2px 12px;
    color: #333;
    background-color: #fff
}

.-cap-btm_right .c-bannerLink__label {
    right: 4px;
    bottom: 4px;
    padding: 2px 12px;
    color: #333;
    background-color: #fff
}

.-cap-ctr_simple .c-bannerLink__label {
    top: 50%;
    left: 0;
    width: 100%;
    padding: 0 1em;
    color: #fff;
    font-weight: 700;
    text-align: center;
    text-shadow: 1px 1px rgba(0, 0, 0, .2);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.-cap-ctr_button .c-bannerLink__label {
    top: 50%;
    left: 12%;
    width: 76%;
    padding: 8px 12px;
    color: #333;
    background: rgba(255, 255, 255, .9);
    border: solid 1px rgba(0, 0, 0, .12);
    border-radius: 40px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.-cap-btm_wide .c-bannerLink__label {
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 8px;
    color: #fff;
    text-shadow: 1px 1px rgba(0, 0, 0, .25);
    background: rgba(0, 0, 0, .25)
}

.c-blogLink {
    line-height: 1.5;
    text-decoration: none !important
}

.c-blogLink__icon {
    display: block;
    display: inline-flex;
    margin-right: 3px;
    padding: 4px;
    text-decoration: none;
    border: solid 1px;
    border-radius: 50%
}

.c-blogLink__icon::before {
    font-size: .8em
}

.c-blogLink__text {
    text-decoration: underline
}

.c-filterLayer {
    z-index: 0
}

.c-filterLayer::before {
    z-index: 1
}

.c-filterLayer::after {
    z-index: 2;
    display: block
}

.c-filterLayer.-texture-dot::after {
    background-color: rgba(0, 0, 0, .1);
    background-image: url(../img/texture/dot.png);
    background-size: 2px;
    opacity: .5
}

.c-filterLayer.-texture-brushed::after {
    background-image: url(../img/texture/brushed-alum.png);
    opacity: .8
}

.c-filterLayer__img {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.c-filterLayer__img > img {
    width: 100%
}

.-filter-blur > .c-filterLayer__img {
    top: -4px;
    left: -4px;
    width: calc(100% + 8px);
    height: calc(100% + 8px);
    -webkit-filter: blur(4px);
    filter: blur(4px)
}

.-filter-glay > .c-filterLayer__img {
    -webkit-filter: grayscale(60%);
    filter: grayscale(60%)
}

.c-fixBtn {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 48px;
    height: 48px;
    overflow: hidden;
    color: var(--color_main);
    line-height: 1;
    text-align: center;
    background: #fff;
    border: solid 1px var(--color_main);
    cursor: pointer;
    opacity: .75;
    transition: .25s
}

.c-fixBtn + .c-fixBtn {
    margin-top: 12px
}

.c-fixBtn__icon {
    display: block;
    font-size: 20px
}

#pagetop .c-fixBtn__icon::before {
    font-size: 24px
}

.c-fixBtn__label {
    display: block;
    margin-top: 2px;
    font-size: 10px
}

.c-iconBtn {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    justify-content: center;
    height: 100%;
    color: inherit
}

.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;
    width: 100%;
    font-size: 10px;
    -webkit-transform: scale(.9);
    transform: scale(.9)
}

.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 {
    display: block;
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    margin: 0 3px;
    padding: 2px;
    color: inherit;
    line-height: 1;
    text-align: center;
    background: 0 0;
    border: none;
    box-shadow: none
}

.c-iconList__icon {
    display: block;
    line-height: 1
}

.c-iconList__icon::before {
    color: inherit
}

.is-style-circle .c-iconList__link {
    margin: 4px;
    padding: 5px;
    border: solid 1px;
    border-radius: 50%
}

.is-style-circle .c-iconList__icon {
    padding-left: .5px
}

.c-modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
    height: 100%;
    transition: opacity .5s, visibility .5s
}

[data-loaded=false] .c-modal {
    display: none
}

.c-modal:not(.is-opened) {
    visibility: hidden;
    opacity: 0;
    pointer-events: none
}

.c-mvBtn {
    position: relative;
    display: block;
    margin: 2em auto 0;
    text-align: center
}

.u-ta-l .c-mvBtn {
    margin-left: 0
}

.u-ta-r .c-mvBtn {
    margin-right: 0
}

.c-mvBtn__btn {
    position: relative;
    display: block;
    padding: .75em 2.5em;
    overflow: hidden;
    font-size: 3.2vw;
    letter-spacing: 1px;
    text-decoration: none !important;
    text-shadow: none;
    background-color: var(--color_main);
    border-radius: var(--mv_btn_radius);
    box-shadow: 0 1px 4px rgba(0, 0, 0, .1);
    transition: box-shadow .25s
}

.-btn-n > .c-mvBtn__btn {
    color: #fff
}

.c-mvBtn__btn::before {
    display: block;
    background: linear-gradient(rgba(255, 255, 255, .2), #fff);
    border-radius: 2px;
    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: 0 0;
    border: solid 1px
}

.c-infoBar__btn {
    display: block;
    width: auto;
    min-width: 1em;
    margin-left: 1em;
    padding: 0 1em;
    color: #fff;
    font-size: .95em;
    line-height: 2;
    border-radius: 40px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .12)
}

.c-overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .75)
}

.c-pageTitle {
    position: relative;
    font-size: 1.3em;
    line-height: 1.4
}

.c-pageTitle::after {
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    content: ""
}

.c-pageTitle[data-style=b_bottom] {
    border-bottom: solid 1px var(--color_border)
}

.c-pageTitle[data-style=b_bottom] .c-pageTitle__inner {
    float: left;
    margin-bottom: -1px;
    padding: .25em .5em;
    border-bottom: solid 1px var(--color_main)
}

.c-pageTitle__inner {
    display: block;
    padding-top: .5em
}

.c-pageTitle__subTitle {
    position: relative;
    top: -2px;
    margin-left: 1em;
    font-style: italic;
    letter-spacing: 1px;
    opacity: .8
}

.c-pageExcerpt {
    margin-top: 1em
}

.c-secTitle {
    position: relative;
    display: block;
    margin-bottom: 1.5em;
    font-size: 4.5vw
}

.c-secTitle::after, .c-secTitle::before {
    position: absolute;
    z-index: 0;
    display: block;
    box-sizing: inherit;
    height: 1px
}

.c-postTitle {
    display: flex;
    flex-direction: row-reverse;
    align-items: center
}

.c-postTitle__ttl {
    width: 100%;
    font-size: 5vw;
    line-height: 1.4
}

.c-postTitle__date {
    margin-right: .75em;
    padding: .5em .75em .5em 0;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    border-right: solid 1px var(--color_border)
}

.c-postTitle__date .__y {
    display: block;
    margin-bottom: 4px;
    font-size: 3vw;
    line-height: 1
}

.c-postTitle__date .__md {
    display: block;
    font-size: 4.2vw
}

.p-postList .c-postTitle {
    position: relative;
    z-index: 1;
    width: 100%;
    margin: 0 auto 1em
}

.p-postList .c-postTitle__date .__md, .p-postList .c-postTitle__ttl {
    font-size: 4vw
}

.c-reviewStars i {
    color: #ffc82e
}

.post_content > .c-reviewStars {
    display: block
}

.c-scrollHint {
    margin: 3em 0 2px;
    text-align: right;
    -webkit-animation: FloatHorizontal 2s ease-in-out infinite alternate;
    animation: FloatHorizontal 2s ease-in-out infinite alternate
}

.c-scrollHint span {
    display: inline-flex;
    align-items: center;
    font-size: 12px;
    line-height: 1;
    vertical-align: middle;
    opacity: .75
}

.c-scrollHint span i {
    margin-left: 4px;
    font-size: 16px
}

.c-scrollHint + .wp-block-table {
    margin-top: 0 !important
}

.c-searchForm {
    position: relative
}

.c-searchForm__s {
    width: 100%;
    padding: 4px 44px 4px 8px;
    line-height: 2;
    background-color: #fff
}

.c-searchForm__submit {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 100%;
    overflow: hidden
}

.c-searchForm__submit::before {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    color: #fff;
    font-size: 20px;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

.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
}

.c-shareBtns__message {
    width: 100%;
    padding: .25em 0 .75em;
    text-align: center
}

.c-shareBtns__message .__text {
    position: relative;
    display: inline-block;
    padding: 0 1.5em;
    line-height: 1.5
}

.c-shareBtns__message .__text::after, .c-shareBtns__message .__text::before {
    position: absolute;
    bottom: 0;
    display: block;
    width: 1px;
    height: 1.5em;
    background-color: currentColor;
    content: ""
}

.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.-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 {
    position: relative;
    color: #909494
}

.c-shareBtns:not(.-style-btn-small) .c-shareBtns__item {
    flex: 1
}

.c-shareBtns__btn {
    display: block;
    color: inherit;
    text-align: center;
    background-color: currentColor;
    cursor: pointer
}

.c-shareBtns__icon {
    display: block;
    color: #fff;
    font-size: 4.5vw;
    line-height: 1;
    transition: color .25s
}

.c-shareBtns__icon::before {
    display: block;
    color: inherit
}

.-fix.c-shareBtns {
    position: fixed;
    top: 50%;
    left: 8px;
    z-index: 99;
    width: 30px;
    margin: 0;
    border: none !important;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.-fix.c-shareBtns .c-shareBtns__list {
    flex-direction: column;
    width: 100%;
    margin: 0;
    padding: 0;
    border: none
}

.-fix.c-shareBtns .c-shareBtns__item {
    flex-basis: 100%;
    width: 100%;
    max-width: 100%;
    margin: 4px 0;
    padding: 0;
    overflow: hidden;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .05), 0 4px 4px -4px rgba(0, 0, 0, .1)
}

.-fix.c-shareBtns .c-shareBtns__btn {
    padding: 0
}

.-fix.c-shareBtns .c-shareBtns__icon::before {
    height: 30px;
    font-size: 16px;
    line-height: 30px
}

.c-urlcopy {
    position: relative;
    display: block;
    width: 100%;
    border: none
}

.c-urlcopy .-copied {
    position: absolute;
    top: 8px;
    opacity: 0
}

.c-urlcopy .-to-copy {
    top: 0;
    opacity: 1
}

.c-urlcopy.-done .-to-copy {
    top: 8px;
    opacity: 0;
    transition-duration: 0s
}

.c-urlcopy.-done .-copied {
    top: 0;
    opacity: 1;
    transition-duration: .25s
}

.c-urlcopy.-done + .c-copyedPoppup {
    visibility: visible;
    opacity: 1
}

.c-urlcopy .c-shareBtns__icon {
    transition: opacity .25s, top .25s
}

.c-urlcopy__text {
    display: block
}

.c-urlcopy__content {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%
}

.c-copyedPoppup {
    position: absolute;
    right: 0;
    bottom: calc(100% + 2px);
    color: grey;
    font-size: 10px;
    white-space: nowrap;
    text-align: right;
    visibility: hidden;
    opacity: 0;
    transition: opacity .25s, visibility .25s
}

.c-big-urlcopy {
    margin: 1em 0
}

.c-big-urlcopy .c-shareBtns__icon {
    display: flex;
    align-items: center;
    justify-content: center
}

.c-big-urlcopy .c-urlcopy__text {
    margin-left: .75em;
    padding-top: 1px;
    font-size: .8em
}

.c-shareBtns.-style-btn-small.has-big-copybtn {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center
}

.c-shareBtns.-style-btn-small .c-big-urlcopy {
    width: 16em;
    max-width: 100%;
    margin: 8px
}

.c-switchIconBtn, .c-switch_icon_btn {
    position: relative;
    display: block
}

.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;
    width: 100%;
    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
}

.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 {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: scale(.5) rotate(-180deg);
    transform: scale(.5) rotate(-180deg);
    opacity: 0
}

.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 {
    -webkit-transform: scale(.5) rotate(180deg);
    transform: scale(.5) rotate(180deg);
    opacity: 0
}

.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 {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
    opacity: 1
}

@-webkit-keyframes tabFadeUp {
    0% {
        display: none;
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
        opacity: 0
    }
    1% {
        display: block;
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
        opacity: 0
    }
    100% {
        display: block;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes tabFadeUp {
    0% {
        display: none;
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
        opacity: 0
    }
    1% {
        display: block;
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
        opacity: 0
    }
    100% {
        display: block;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@-webkit-keyframes tabFade {
    0% {
        display: none;
        opacity: 0
    }
    1% {
        display: block;
        opacity: 0
    }
    100% {
        display: block;
        opacity: 1
    }
}

@keyframes tabFade {
    0% {
        display: none;
        opacity: 0
    }
    1% {
        display: block;
        opacity: 0
    }
    100% {
        display: block;
        opacity: 1
    }
}

.c-tabBody {
    position: relative
}

.is-style-default .c-tabBody {
    margin-top: -1px;
    padding: 1.5em;
    border: solid 1px var(--color_text)
}

.p-postListTabBody .c-tabBody__item {
    position: relative;
    z-index: 0;
    width: 100%;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.p-postListTabBody .c-tabBody__item[aria-hidden=true] {
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    overflow: hidden;
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
    visibility: hidden;
    opacity: 0
}

.p-postListTabBody .c-tabBody__item[aria-hidden=false] {
    z-index: 1;
    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
}

.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 {
    position: absolute;
    right: 48px;
    color: #aaa;
    box-shadow: none !important
}

.p-postListTab {
    width: 96%;
    margin: 4em auto 2em
}

.c-tabList {
    position: relative;
    display: flex;
    justify-content: center
}

.swell-block-tab > .c-tabList {
    padding: 0;
    list-style: none
}

#content .c-tabList {
    padding-left: 0;
    list-style: none
}

.c-tabList::-webkit-scrollbar {
    height: 11px;
    background-color: rgba(200, 200, 200, .15);
    box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, .15)
}

.c-tabList::-webkit-scrollbar-thumb {
    background: rgba(200, 200, 200, .9);
    background-clip: padding-box;
    border: solid 3px transparent;
    border-bottom-width: 4px;
    border-radius: 8px
}

.c-tabList__item {
    text-align: center
}

.c-tabList__button {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    padding: 1em .5em;
    color: var(--color_text);
    font-size: 13px;
    line-height: 1;
    border: none;
    transition: background-color .25s, color .25s
}

.c-tabList__button:hover {
    outline: 0
}

.c-tabBody {
    position: relative
}

.is-style-balloon .c-tabList, .is-style-bb .c-tabList, .is-style-simple .c-tabList {
    margin: 0 0 1em
}

.is-style-default .c-tabList {
    position: relative;
    justify-content: flex-start;
    width: 100%;
    margin: 0
}

.is-style-default .c-tabList__item {
    margin: 0
}

.is-style-default .c-tabList__button {
    box-sizing: border-box;
    padding-top: .75em;
    padding-bottom: .75em;
    background: 0 0;
    opacity: .5
}

.is-style-default .c-tabList__button:hover, .is-style-default .c-tabList__button[aria-selected=true] {
    color: var(--color_content_bg);
    background-color: var(--color_text);
    opacity: 1
}

.is-style-default .c-tabList__button:hover::before, .is-style-default .c-tabList__button[aria-selected=true]::before {
    opacity: 1
}

.-body-solid .is-style-balloon .c-tabList__button {
    box-shadow: 0 2px 4px rgba(0, 0, 0, .12)
}

.is-style-balloon .c-tabList__item {
    margin: 0 0 16px;
    padding: 0 4px;
    transition: background-color .1s, color .1s
}

.is-style-balloon .c-tabList__button {
    background: var(--color_gray);
    transition: background-color .25s, color .25s
}

.is-style-balloon .c-tabList__button::before {
    position: absolute;
    bottom: -8px;
    left: 50%;
    display: block;
    width: 0;
    height: 0;
    border: solid 8px transparent;
    border-top-color: var(--color_main);
    border-bottom: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: 0;
    transition: opacity .25s;
    content: ""
}

.is-style-balloon .c-tabList__button:hover, .is-style-balloon .c-tabList__button[aria-selected=true] {
    color: #fff;
    background-color: var(--color_main)
}

.is-style-balloon .c-tabList__button:hover::before, .is-style-balloon .c-tabList__button[aria-selected=true]::before {
    opacity: 1
}

.is-style-simple .c-tabList__item {
    margin: 0 0 8px
}

.is-style-simple .c-tabList__item:not(:first-child) {
    margin-left: -1px
}

.is-style-simple .c-tabList__button {
    color: #666;
    background: 0 0;
    border: solid 1px #ddd;
    box-shadow: none
}

.is-style-simple .c-tabList__button:hover, .is-style-simple .c-tabList__button[aria-selected=true] {
    color: #333;
    background: #ddd
}

.is-style-simple .c-tabList__button:hover::before, .is-style-simple .c-tabList__button[aria-selected=true]::before {
    opacity: 1
}

.is-style-bb .c-tabList__item {
    margin: 0 0 .75em
}

.is-style-bb .c-tabList__button {
    padding-top: .25em;
    background: 0 0;
    box-shadow: none;
    opacity: .7;
    transition: color .25s, opacity .25s
}

.is-style-bb .c-tabList__button::after, .is-style-bb .c-tabList__button::before {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    content: ""
}

.is-style-bb .c-tabList__button::before {
    z-index: 0;
    height: 1px;
    background-color: var(--color_text);
    opacity: .4
}

.is-style-bb .c-tabList__button::after {
    z-index: 1;
    height: 2px;
    background-color: var(--color_main);
    opacity: 0;
    transition: opacity .25s
}

.is-style-bb .c-tabList__button:hover, .is-style-bb .c-tabList__button[aria-selected=true] {
    color: var(--color_main);
    font-weight: 700;
    opacity: 1
}

.is-style-bb .c-tabList__button:hover::after, .is-style-bb .c-tabList__button[aria-selected=true]::after {
    opacity: 1
}

.tagcloud, .wp-block-tag-cloud {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.tag-cloud-link {
    position: relative;
    display: block;
    margin-right: 8px;
    margin-bottom: 8px;
    padding: 6px 8px;
    color: #333 !important;
    line-height: 1;
    text-decoration: none;
    background: #f7f7f7;
    border: none
}

.c-ttl404 {
    padding-top: 2em;
    font-size: 4.6vw;
    text-align: center
}

.c-postAuthor {
    display: flex;
    align-items: center
}

.c-postAuthor.is-link {
    color: inherit;
    transition: opacity .25s
}

.c-postAuthor.is-link:hover {
    opacity: .75
}

.c-postAuthor__figure {
    width: 20px;
    height: 20px;
    margin-right: .25em;
    margin-left: 1px;
    overflow: hidden;
    border-radius: 50%
}

.c-postThumb {
    position: relative;
    overflow: hidden;
    vertical-align: middle
}

.c-postThumb__figure {
    position: relative;
    z-index: 0;
    width: 100%;
    overflow: hidden;
    -webkit-transform: perspective(0);
    transform: perspective(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.c-postThumb__figure::before {
    display: block;
    height: 0;
    padding-top: var(--card_posts_thumb_ratio);
    content: ""
}

.-type-list .c-postThumb__figure::before, .-type-list2 .c-postThumb__figure::before, .p-blogCard .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)
}

.c-postThumb__img {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: scale(1.01) perspective(0);
    transform: scale(1.01) perspective(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: -webkit-transform .25s;
    transition: transform .25s;
    transition: transform .25s, -webkit-transform .25s
}

.c-postThumb__cat {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    display: inline-block;
    padding: 0 .75em;
    overflow: hidden;
    font-size: 10px;
    line-height: 2;
    white-space: nowrap;
    background-color: var(--color_main);
    -webkit-transform: perspective(0);
    transform: perspective(0);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.-type-list .c-postThumb__cat, .-type-list2 .c-postThumb__cat {
    right: auto;
    left: 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

.c-postThumb__cat::before {
    margin-right: .5em
}

.c-postTimes {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.c-postTimes__modified, .c-postTimes__posted {
    margin-right: .5em
}

.c-postTimes__modified::before, .c-postTimes__posted::before {
    position: relative;
    top: 1px;
    margin-right: .25em
}

.c-rssSite {
    margin-right: .5rem
}

.c-rssSite__favi {
    display: block;
    width: 14px;
    height: 14px;
    margin-right: .25rem
}

.c-rssAuthor {
    margin-left: 0 !important
}

.c-balloon {
    position: relative;
    display: flex;
    align-content: flex-start;
    justify-content: space-between
}

.c-balloon.-bln-right {
    flex-direction: row-reverse
}

.c-balloon__icon {
    position: relative;
    flex-shrink: 0;
    width: 60px;
    text-align: center
}

.c-balloon__iconImg {
    display: block;
    width: 60px;
    height: 60px;
    margin: 0 auto;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: "object-fit: cover;"
}

.-circle > .c-balloon__iconImg {
    border: solid 2px #ececec;
    border-radius: 50%
}

.c-balloon__iconName {
    display: block;
    padding-top: 4px;
    font-size: 10px;
    line-height: 1;
    opacity: .8
}

.c-balloon__body {
    display: flex;
    flex-basis: 100%;
    align-items: flex-start;
    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 {
    position: relative;
    max-width: 560px;
    padding: 1em;
    color: #333;
    line-height: 1.6;
    border-radius: 8px
}

.-border-on .c-balloon__text {
    border-style: solid;
    border-width: 1px
}

.c-balloon .c-balloon__text > p {
    margin-top: 0;
    margin-bottom: 0
}

.c-balloon__shapes {
    position: absolute;
    top: 16px;
    z-index: 1;
    width: 0;
    height: 0;
    background-color: inherit;
    border-color: inherit
}

.-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 {
    position: absolute;
    top: 0;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.-speaking .c-balloon__after, .-speaking .c-balloon__before {
    left: -10px;
    border-width: 8px 10px 8px 0
}

.-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 {
    top: 0;
    left: -21px;
    width: 8px;
    height: 8px;
    border-radius: 50%
}

.c-balloon__after {
    z-index: 2;
    border-right-color: inherit
}

.-speaking.-border-none .c-balloon__after {
    display: none
}

.-thinking .c-balloon__after {
    top: 8px;
    left: -16px;
    width: 12px;
    height: 12px
}

.submit {
    transition: opacity .25s
}

.submit:hover {
    opacity: .8
}

[data-scrolled=true] #fix_bottom_menu {
    bottom: 0
}

#fix_bottom_menu {
    position: fixed;
    bottom: -60px;
    left: 0;
    z-index: 100;
    width: 100%;
    color: var(--color_fbm_text);
    box-shadow: 0 0 4px rgba(0, 0, 0, .1);
    transition: bottom .4s
}

#fix_bottom_menu::before {
    z-index: 0;
    display: block;
    background: var(--color_fbm_bg);
    opacity: var(--fbm_opacity)
}

#fix_bottom_menu .menu_list {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 50px;
    padding: 2px 0 0
}

#fix_bottom_menu .menu_btn .open_btn {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 1
}

#fix_bottom_menu .menu-item {
    flex: 1 1 100%;
    margin: 0;
    padding: 0;
    text-align: center
}

#fix_bottom_menu .menu-item a {
    display: block;
    color: inherit;
    line-height: 1
}

#fix_bottom_menu .menu-item i {
    display: block;
    height: 20px;
    color: inherit;
    font-size: 20px;
    line-height: 20px;
    text-align: center
}

#fix_bottom_menu .menu-item i::before {
    display: inline-block;
    color: inherit
}

#fix_bottom_menu .menu-item.pagetop_btn i {
    -webkit-transform: scale(1.4);
    transform: scale(1.4)
}

#fix_bottom_menu span {
    display: block;
    width: 100%;
    margin-top: 4px;
    color: inherit;
    font-size: 10px;
    line-height: 1
}

.swiper-pagination-bullet-active {
    background: #fff
}

.c-pagination {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin: 3em 0;
    font-size: 13px
}

[class*=page-numbers] {
    position: relative;
    display: block;
    box-sizing: content-box;
    width: auto;
    min-width: 36px;
    height: 36px;
    margin: 6px;
    padding: 0;
    font-size: 14px;
    line-height: 36px;
    text-align: center;
    text-decoration: none;
    transition: color .25s, background-color .25s
}

[class*=page-numbers].current, [class*=page-numbers]:hover {
    color: #fff;
    background-color: var(--color_main)
}

.c-pagination__dot {
    margin: 0 6px;
    color: #aaa
}

.post-password-form:not(:first-child) {
    padding-top: 1em;
    border-top: dashed 1px var(--swl-color_border)
}

.post-password-form p {
    margin-bottom: 1em
}

.p-termHead {
    position: relative;
    margin-top: 3rem
}

.p-termHead__thumbWrap {
    width: 100%
}

.p-termHead__desc {
    width: 100%;
    padding: 1.5em;
    border: solid 1px rgba(200, 200, 200, .5)
}

.p-termContent {
    margin-top: 4em
}

.p-termContent > .p-blogParts {
    margin-bottom: 4em
}

.p-authorContent > :first-child, .p-homeContent > :first-child, .p-termContent > :first-child {
    margin-top: 0
}

.p-adBox {
    max-width: 800px;
    margin-right: auto;
    margin-left: auto
}

.p-adBox.-border-on {
    padding: 1.5em;
    border: solid 1px rgba(200, 200, 200, .5)
}

.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 {
    margin-bottom: 1em;
    padding: .5em 0;
    font-weight: 700;
    font-size: 1.25em;
    line-height: 1.4;
    background-repeat: no-repeat;
    background-position: center left;
    background-size: auto 1.75em;
    border-bottom: solid 1px rgba(200, 200, 200, .5)
}

.p-adBox__title:not(.-rank0) {
    padding-top: 1em;
    padding-left: 3em
}

.p-adBox__title.-rank1 {
    background-image: url(../img/icon/icon_rank1.png)
}

.p-adBox__title.-rank2 {
    background-image: url(../img/icon/icon_rank2.png)
}

.p-adBox__title.-rank3 {
    background-image: url(../img/icon/icon_rank3.png)
}

.p-adBox__star {
    font-size: 1.1em
}

.p-adBox__name {
    margin-bottom: 4px;
    font-weight: 700
}

[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 {
    display: block;
    flex: 1 1 100%;
    margin: 0 4px;
    padding: .5em;
    line-height: 1.5;
    text-decoration: none;
    text-shadow: 0 -1px rgba(0, 0, 0, .1);
    border-radius: 3px;
    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
}

.p-articleFoot {
    padding-top: 2em;
    border-top: dashed 1px rgba(200, 200, 200, .5)
}

.p-articleMetas {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 0 1px;
    font-size: 12px
}

.p-articleMetas.-top {
    margin-top: .5em
}

.p-articleMetas.-top .p-articleMetas__termList {
    font-size: 11px
}

.p-articleMetas__termList {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 .25em 0 0
}

.p-articleMetas__author, .p-articleMetas__times {
    margin: .25em .25em .25em 0
}

.c-categoryList {
    color: var(--color_main)
}

.c-categoryList::before {
    margin-right: .5em
}

.c-tagList::before {
    margin-right: .5em;
    color: inherit;
    content: "\e935"
}

.c-categoryList__link, .c-tagList__link {
    display: block;
    margin: .25em .25em .25em 0;
    padding: 4px .5em;
    line-height: 1
}

.c-tagList__link {
    color: #333;
    background: #f7f7f7
}

.c-categoryList__link {
    color: #fff;
    background-color: var(--color_main)
}

.p-termNavigation {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 1rem;
    padding: 0 4px;
    font-size: 11px
}

.l-topTitleArea .p-termNavigation {
    margin-top: .75rem
}

.l-mainContent .c-categoryList__link.-current {
    color: inherit;
    background: 0 0;
    box-shadow: inset 0 0 0 1px currentColor
}

.l-topTitleArea .c-categoryList__link.-current {
    padding: 0;
    border: none
}

.c-categoryList__separation {
    display: block;
    margin: .25em .25em .25em 0;
    padding: 4px .5em;
    line-height: 1
}

.c-categoryList__separation::after {
    position: relative;
    left: -2px
}

.p-articleThumb {
    width: 100%;
    margin: 2em 0;
    text-align: center
}

.p-articleThumb__youtube {
    position: relative;
    height: 0;
    padding-bottom: 56.25%
}

.p-articleThumb__youtube iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.p-articleThumb__img {
    display: block;
    width: 100%
}

.p-articleThumb__figcaption {
    margin-top: .75em;
    font-size: .9em;
    text-align: center
}

.p-authorBox {
    padding: 5vw;
    border: solid 1px rgba(200, 200, 200, .5)
}

.p-authorBox__l {
    margin: 0 0 1em;
    text-align: center
}

.p-authorBox__r {
    width: 100%
}

.p-authorBox__name {
    display: block;
    margin-top: 8px;
    color: inherit;
    font-weight: 700;
    line-height: 1.2
}

.p-authorBox__position {
    display: block;
    margin-top: 4px;
    font-style: italic;
    line-height: 1.2
}

.p-authorBox__desc {
    width: 100%
}

.p-authorBox__iconList {
    margin-top: 8px
}

.p-authorBox__more {
    padding-top: 1em
}

.p-authorBox__moreLink {
    position: relative;
    display: block;
    padding: 0 1em;
    line-height: 3;
    letter-spacing: .5px;
    text-align: center;
    border: solid 1px rgba(200, 200, 200, .5)
}

.p-authorBox__moreLink::after {
    position: absolute;
    top: 0;
    right: 1em;
    margin-left: .25em;
    font-family: icomoon;
    content: "\e930"
}

.p-authorBox .avatar {
    width: 100px;
    height: 100px;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: "object-fit: cover;";
    border: solid 2px rgba(200, 200, 200, .5);
    border-radius: 50%
}

.p-blogCard {
    display: block;
    width: 100%;
    max-width: 880px;
    margin: 2.5em auto 2em;
    text-decoration: none !important;
    transition: box-shadow .25s;
    color: #333;
}

.p-blogCard:hover {
    opacity: 1;
}

.post_content .p-blogCard {
    color: inherit
}

.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 {
    position: absolute;
    top: -1em;
    left: 16px;
    z-index: 1;
    display: inline-block;
    padding: 0 .5em;
    font-size: 11px;
    line-height: 2;
    background: var(--color_content_bg);
    border-radius: 2px
}

.p-blogCard__caption::before {
    display: inline-block;
    margin-right: 3px;
    font-family: icomoon;
    content: "\e923"
}

.-external .p-blogCard__caption::before {
    content: "\e91a"
}

.p-blogCard__inner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0;
    padding: 16px;
    transition: box-shadow .25s
}

.-noimg > .p-blogCard__inner {
    min-height: 5em
}

.p-blogCard__thumb {
    flex-shrink: 0;
    width: 30%;
    margin: 0 1em 0 0
}

.p-blogCard__thumb .c-postThumb__figure {
    position: relative;
    width: 100%;
    margin: 0
}

.p-blogCard__body {
    flex: 1 1 auto;
    margin: 0
}

.p-blogCard__title {
    display: block;
    font-weight: 400;
    line-height: 1.4
}

.p-blogCard__excerpt {
    display: block;
    margin-top: .5em;
    font-size: .8em;
    line-height: 1.4;
    word-break: break-word;
    opacity: .8
}

[data-type=type1] .p-blogCard__caption {
    right: auto;
    bottom: auto
}

[data-type=type1] .p-blogCard__inner {
    padding-top: 21px
}

[data-type=type1] .p-blogCard__inner::before {
    display: block;
    border: solid 1px currentColor;
    opacity: .9
}

[data-type=type2] .p-blogCard__caption {
    right: auto;
    bottom: auto;
    padding: 0 .75em;
    color: #fff;
    background: var(--color_main)
}

[data-type=type2] .p-blogCard__inner {
    padding-top: 24px;
    border: solid 1px var(--color_main);
    border-radius: 2px
}

[data-type=type3] .p-blogCard__caption {
    top: auto;
    right: 4px;
    bottom: 2px;
    left: auto;
    font-size: 10px;
    background: 0 0;
    -webkit-transform: scale(.8);
    transform: scale(.8);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    opacity: .8
}

[data-type=type3] .p-blogCard__inner {
    color: #333;
    background: #fff;
    border-radius: 2px;
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, .08)
}

.p-breadcrumb {
    position: relative;
    margin: 0 auto;
    padding: 8px 0
}

.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 {
    padding-top: 12px;
    background: 0 0 !important;
    border: none !important;
    box-shadow: none !important
}

.-frame-on .p-breadcrumb {
    padding-bottom: 12px
}

.p-breadcrumb__list {
    display: flex;
    width: 100%;
    overflow: hidden;
    list-style: none
}

.p-breadcrumb__item {
    position: relative;
    margin-right: 10px;
    padding-right: 12px
}

.p-breadcrumb__item::after {
    position: absolute;
    top: calc(50% - 2px);
    right: 0
}

.p-breadcrumb__item:last-child::after {
    content: none
}

.p-breadcrumb__item:last-child span {
    opacity: .8
}

.p-breadcrumb__text {
    display: block;
    color: inherit;
    font-size: 10px;
    white-space: nowrap
}

.p-breadcrumb__text::before {
    margin-right: 3px
}

.p-breadcrumb__text:hover span {
    opacity: .76
}

.single span.p-breadcrumb__text {
    display: none
}

.p-commentArea {
    padding: 1.5em;
    background: var(--color_gray)
}

.p-commentArea__title {
    margin-bottom: 2em;
    padding-bottom: .75em;
    border-bottom: dashed 1px rgba(200, 200, 200, .5)
}

.p-commentArea__title::before {
    margin-right: .5em;
    font-size: 4vw;
    vertical-align: bottom
}

.c-commentList {
    margin-bottom: 2em
}

.c-commentList .children {
    margin-top: 1em;
    margin-left: 1.5em;
    padding: 1em 0 0 1.5em;
    border-left: solid 1px rgba(200, 200, 200, .5)
}

.c-commentList .comment {
    margin-bottom: 2em
}

.comment-author {
    display: flex;
    align-items: center;
    margin-left: -8px
}

.comment-author .avatar {
    border-radius: 50%
}

.comment-author .fn {
    margin-left: .5em
}

.comment-author .says {
    display: none
}

.comment-metadata {
    margin: .5em 0;
    color: #666;
    font-size: 11px
}

.comment-reply-link {
    padding: 4px 8px;
    color: #fff;
    font-size: 12px;
    background: #aaa
}

.comment-body {
    padding-left: 8px
}

.comment-body a::before {
    content: none
}

.comment-content > * {
    margin-bottom: 1em
}

.comment-content blockquote {
    padding: .5em 1em
}

.comment-respond p {
    margin-bottom: 1em
}

.comment-respond label {
    display: block;
    margin-bottom: .25em;
    font-size: .9em
}

.comment-respond #author, .comment-respond #comment, .comment-respond #email, .comment-respond #url {
    width: 100%;
    background: #fff;
    -webkit-appearance: none
}

.comment-respond #submit {
    margin: 1em 0 0;
    padding: .5em 1.5em;
    color: #fff;
    background-color: var(--color_main);
    border: none;
    -webkit-appearance: none
}

#cancel-comment-reply-link {
    margin-left: 2em;
    padding: .5em;
    color: #666;
    font-size: 13px;
    font-style: italic;
    background: #fff;
    border: solid 1px rgba(200, 200, 200, .5);
    border-radius: 3px
}

#cancel-comment-reply-link:hover {
    color: #fff;
    background: #666;
    transition: .25s
}

.comment-form-cookies-consent {
    display: flex;
    align-items: center;
    line-height: 1.2
}

#wp-comment-cookies-consent {
    margin-right: 8px;
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.p-customBanner {
    position: relative;
    margin: 1em 0
}

.p-customBanner .c-bannerLink {
    margin: 0 auto
}

.p-customBanner .c-bannerLink::before {
    background: rgba(0, 0, 0, .2)
}

.p-customBanner .c-bannerLink__text {
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .12)
}

.p-fixBtnWrap {
    position: fixed;
    right: 1em;
    bottom: 1em;
    z-index: 99;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    text-align: center;
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
    visibility: hidden;
    opacity: 0;
    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
}

[data-loaded=false] .p-fixBtnWrap {
    display: none
}

[data-scrolled=true] .p-fixBtnWrap {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    visibility: visible;
    opacity: 1
}

.p-pickupBanners {
    position: relative;
    width: 100%;
    margin-bottom: 4em
}

.p-pickupBanners .sub-menu {
    display: none
}

.p-pickupBanners__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 -4px
}

.p-pickupBanners__item {
    width: 50%;
    padding: 4px
}

.p-pnLinks {
    display: flex;
    align-items: stretch;
    justify-content: space-between
}

.p-pnLinks__item {
    position: relative;
    width: 49%;
    min-height: 4em;
    font-size: 3vw
}

.p-pnLinks__item.-prev .p-pnLinks__link::before {
    position: absolute;
    top: 50%;
    display: inline-block;
    -webkit-transform: translateY(-50%);
    transform: 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 .p-pnLinks__link::before {
    position: absolute;
    top: 50%;
    display: inline-block;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.p-pnLinks__item.-next .p-pnLinks__thumb {
    margin-left: 8px
}

.p-pnLinks__link {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: .5em 1em;
    line-height: 1.4;
    transition: .25s
}

.p-pnLinks__thumb {
    width: 48px;
    height: 32px;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: "object-fit: cover;"
}

.p-pnLinks__title {
    position: relative;
    left: 0;
    transition: all .25s
}

.p-pnLinks.-style-simple .-prev .p-pnLinks__link {
    padding-left: 1.5em
}

.p-pnLinks.-style-simple .-prev .p-pnLinks__link::before {
    left: 0;
    font-size: 1.2em
}

.p-pnLinks.-style-simple .-next .p-pnLinks__link {
    padding-right: 1.5em
}

.p-pnLinks.-style-simple .-next .p-pnLinks__link::before {
    right: 0;
    font-size: 1.2em
}

.p-pnLinks.-style-normal .-prev .p-pnLinks__link {
    border-left: solid 1.25em var(--color_main)
}

.p-pnLinks.-style-normal .-prev .p-pnLinks__link::before {
    left: -1.25em;
    width: 1.25em;
    color: #fff;
    text-align: center
}

.p-pnLinks.-style-normal .-next .p-pnLinks__link {
    border-right: solid 1.25em var(--color_main)
}

.p-pnLinks.-style-normal .-next .p-pnLinks__link::before {
    right: -1.25em;
    width: 1.25em;
    color: #fff;
    text-align: center
}

.p-postList.-type-simple {
    border-top: solid 1px rgba(200, 200, 200, .5)
}

.p-postList.-type-card, .p-postList.-type-thumb {
    display: flex;
    flex-wrap: wrap;
    margin-right: -.5em;
    margin-left: -.5em
}

.-frame-off .p-postList.-type-list2 {
    padding-top: 1.5em;
    border-top: solid 1px rgba(200, 200, 200, .5)
}

.c-widget .p-postList.-type-card {
    margin-bottom: -1.5em
}

.-type-simple .p-postList__item {
    margin-top: 0;
    margin-bottom: 0
}

.-type-list .p-postList__item {
    margin-top: 0;
    margin-bottom: 2em
}

.-type-list2 .p-postList__item {
    margin-top: 0;
    margin-bottom: 1.5em;
    padding-bottom: 1.5em;
    border-bottom: solid 1px rgba(200, 200, 200, .5)
}

.-type-big .p-postList__item {
    padding-right: .5em;
    padding-left: .5em
}

.-type-big .p-postList__item:not(:last-child) {
    margin-bottom: 3em;
    padding-bottom: 3em;
    border-bottom: 1px solid rgba(200, 200, 200, .5)
}

.-type-card .p-postList__item {
    width: 50%;
    margin-top: 0;
    margin-bottom: 2.5em;
    padding: 0 .5em
}

.-type-thumb .p-postList__item {
    width: 50%;
    margin-top: 0;
    margin-bottom: 1em;
    padding: 0 .5em
}

.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 {
    position: relative;
    z-index: 0;
    display: block;
    height: 100%
}

.post_content .p-postList__link {
    color: inherit
}

.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)
}

.-type-simple .p-postList__link {
    display: block;
    padding: 1em .25em 1em;
    border-bottom: solid 1px rgba(200, 200, 200, .5);
    transition: background-color .25s
}

.-type-simple .p-postList__link:hover {
    background-color: var(--color_gray)
}

.-type-list .p-postList__link, .-type-list2 .p-postList__link {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    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 {
    width: 100%;
    box-shadow: none
}

.p-postList__thumb::before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
    background: linear-gradient(45deg, var(--color_gradient1), var(--color_gradient2));
    -webkit-transform: perspective(0);
    transform: perspective(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    opacity: 0;
    transition: opacity .25s;
    content: ""
}

.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 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: .75em .75em;
    color: #fff;
    background: rgba(0, 0, 0, .5)
}

.-type-big .p-postList__body::after, .-type-list2 .p-postList__body::after {
    display: block;
    width: 100%;
    margin: 2em auto 0;
    padding: 1em 0;
    font-size: 12px;
    letter-spacing: .5px;
    text-align: center;
    box-shadow: 0 0 0 1px rgba(200, 200, 200, .5);
    opacity: .75;
    transition: color .25s, background-color .25s
}

.-type-list2 .p-postList__body::after {
    display: inline-block;
    width: auto;
    max-width: 100%;
    margin-top: 2em;
    padding: .5em 3em
}

.p-postList__link:hover .p-postList__body::after {
    color: #fff;
    background: var(--color_main);
    box-shadow: none;
    opacity: 1
}

.p-postList .p-postList__title {
    margin: 0;
    font-weight: 700;
    line-height: 1.5
}

.-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 {
    margin-top: .5em;
    font-size: 3.2vw
}

.-type-list .p-postList__excerpt, .-type-list2 .p-postList__excerpt {
    margin-top: .5em;
    font-size: 3.4vw
}

.-type-big .p-postList__excerpt {
    padding-bottom: .5em;
    line-height: 1.6
}

#sidebar .p-postList__excerpt, .-related .p-postList__excerpt, .-type-thumb .p-postList__excerpt {
    display: none
}

.p-postList__meta {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: .75em;
    font-size: 10px;
    line-height: 1.25
}

.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 {
    margin: 0 0 1em;
    font-size: 12px
}

.-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 {
    position: absolute;
    z-index: 2;
    display: block;
    color: #fff;
    font-family: arial, helvetica, sans-serif;
    text-align: center;
    background-color: #3c3c3c;
    content: counter(number);
    counter-increment: number;
    pointer-events: none
}

.-w-ranking .p-postList__item:nth-child(1)::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 {
    top: -4px;
    left: calc(.5em + 8px);
    width: 2em;
    font-size: 3.2vw;
    line-height: 2.5
}

.-w-ranking.-type-list .p-postList__item::before {
    top: 0;
    left: 0;
    width: 2em;
    font-size: 3vw;
    line-height: 2
}

.-related .-type-card .p-postList__item {
    margin-bottom: 1.5em
}

.-type-big .noimg_ {
    display: none
}

.post_content .p-postList {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none
}

.post_content .-type-simple, .post_content .-type-thumb {
    margin-bottom: 2em
}

.post_content .p-postList__item::before {
    content: none
}

.post_content .p-postList__title {
    display: block;
    padding: 0;
    color: inherit;
    background: 0 0;
    border: none
}

.post_content .p-postList__title::after, .post_content .p-postList__title::before {
    content: none
}

.p-postListWrap {
    position: relative
}

.post_content .p-postListWrap .p-postListWrap {
    margin-bottom: 6em
}

.p-postSlider::before {
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.p-profileBox {
    padding: 4px;
    border: solid 1px var(--color_border)
}

.p-profileBox__bg {
    width: 100%;
    height: 160px;
    background: #ccc
}

.p-profileBox__bgImg {
    width: 100%;
    height: 160px;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: "object-fit: cover;"
}

.p-profileBox__icon {
    margin-top: 1em;
    text-align: center
}

.p-profileBox__iconImg {
    width: 120px;
    height: 120px;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: "object-fit: cover;";
    background: #fdfdfd;
    border: solid 4px #fdfdfd;
    border-radius: 50%
}

.p-profileBox__bg + .p-profileBox__icon {
    margin-top: -60px
}

.p-profileBox__name {
    padding-top: .5em;
    text-align: center
}

.p-profileBox__job {
    padding: 0 1em;
    font-size: 3.2vw;
    text-align: center
}

.p-profileBox__text {
    padding: 1em 1em;
    font-size: 3.4vw
}

.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
}

.p-snsCta {
    position: relative;
    width: 100%;
    margin: 2em auto;
    overflow: hidden;
    color: #fff;
    text-align: center;
    background: #1d1d1d
}

.p-snsCta .fb-like {
    margin: 2px 4px
}

.p-snsCta .c-instaFollowLink, .p-snsCta .twitter-follow-button {
    margin: 2px 8px
}

.p-snsCta .c-instaFollowLink:hover, .p-snsCta .fb-like:hover {
    opacity: .8
}

.p-snsCta .fb-like > span {
    display: block
}

.p-snsCta__body, .p-snsCta__figure {
    min-height: 32vw
}

.p-snsCta__body {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 1em
}

.p-snsCta__message {
    margin-bottom: 1em;
    font-size: 3.2vw
}

.p-snsCta__btns {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.c-instaFollowLink {
    position: relative;
    display: inline-flex;
    align-items: center;
    height: 20px;
    padding: 0 6px;
    overflow: hidden;
    color: #fff;
    font-size: 11px;
    line-height: 1;
    text-decoration: none;
    background: linear-gradient(135deg, #427eff 0, #f13f79 70%) no-repeat;
    border-radius: 3px
}

.c-instaFollowLink::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(15deg, #ffdb2c, #f9764c 25%, rgba(255, 77, 64, 0) 50%) no-repeat;
    content: ""
}

.c-instaFollowLink i {
    margin-right: 4px;
    font-size: 12px
}

.c-instaFollowLink i, .c-instaFollowLink span {
    position: relative;
    z-index: 1;
    white-space: nowrap
}

.p-spMenu {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 101;
    width: 100%;
    height: 100%;
    transition: opacity 0s
}

[data-loaded=false] .p-spMenu {
    display: none
}

[data-spmenu=closed] .p-spMenu {
    opacity: 0;
    transition-delay: 1s;
    pointer-events: none
}

.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 {
    display: block;
    padding: .75em .25em;
    border-bottom: solid 1px var(--color_border)
}

.c-spnav .desc {
    margin-left: 8px
}

.p-spMenu__overlay {
    transition: opacity .5s, visibility .5s
}

[data-spmenu=closed] .p-spMenu__overlay {
    visibility: hidden;
    opacity: 0
}

.p-spMenu__inner {
    position: absolute;
    top: 0;
    z-index: 1;
    width: 88vw;
    height: 100%;
    padding-top: var(--logo_size_sp);
    box-shadow: 0 0 8px rgba(0, 0, 0, .12);
    transition: -webkit-transform .45s;
    transition: transform .45s;
    transition: transform .45s, -webkit-transform .45s;
    transition-timing-function: ease-out
}

.-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 {
    position: absolute;
    top: 0;
    z-index: 1;
    width: var(--logo_size_sp);
    height: var(--logo_size_sp)
}

.-left .p-spMenu__closeBtn {
    left: 0
}

.-right .p-spMenu__closeBtn {
    right: 0
}

.p-spMenu__body {
    position: relative;
    height: 100%;
    padding: 0 4vw 10vw;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
}

.p-spMenu__nav {
    margin-top: -1em;
    padding-bottom: .5em
}

.p-spMenu__bottom {
    margin-top: 2em
}

.swell-toc-placeholder:empty {
    display: none
}

.-index-off .p-toc {
    display: none
}

.p-toc.-modal {
    height: 100%;
    margin: 0;
    padding: 0;
    overflow-y: auto
}

#main_content .p-toc {
    max-width: 800px;
    margin: 4em auto
}

#sidebar .p-toc {
    margin-top: -.5em
}

.p-toc__ttl {
    position: relative;
    display: block;
    font-size: 1.2em;
    line-height: 1;
    text-align: center
}

.p-toc__ttl::before {
    display: inline-block;
    margin-right: .5em;
    padding-bottom: 2px;
    font-family: icomoon;
    vertical-align: middle;
    content: "\e918"
}

#index_modal .p-toc__ttl {
    margin-bottom: .5em
}

.p-toc__list li {
    line-height: 1.6
}

.p-toc__list li li {
    font-size: .9em
}

.p-toc__list ol, .p-toc__list ul {
    padding-bottom: .5em;
    padding-left: .5em
}

.p-toc__list .mininote {
    display: none
}

.post_content .p-toc__list {
    padding-left: 0
}

#sidebar .p-toc__list {
    margin-bottom: 0
}

#sidebar .p-toc__list ol, #sidebar .p-toc__list ul {
    padding-left: 0
}

.p-toc__link {
    color: inherit !important;
    font-size: inherit;
    text-decoration: none
}

.p-toc__link:hover {
    opacity: .8
}

.-simple.p-toc {
    padding: 1.25em;
    border: solid 1px var(--color_border)
}

.-simple .p-toc__ttl {
    margin-bottom: 1em;
    padding: 0 .5em .75em;
    text-align: left;
    border-bottom: dashed 1px var(--color_border)
}

.-capbox.p-toc {
    overflow: hidden;
    border: solid 1px var(--color_main)
}

.-capbox .p-toc__ttl {
    padding: .5em;
    color: #fff;
    background-color: var(--color_main)
}

.-capbox .p-toc__list {
    padding: 1.5em 1em
}

.-border.p-toc {
    padding: 1.75em .5em 1.5em;
    border-top: solid 2px var(--color_main);
    border-bottom: solid 2px var(--color_main)
}

.-border .p-toc__ttl {
    margin-bottom: .75em
}

.-double.p-toc {
    padding: 1.5em 1em 1em;
    background: var(--color_gray);
    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-size: 4px 4px;
    background-clip: padding-box;
    border-top: double 4px var(--color_border);
    border-bottom: double 4px var(--color_border)
}

.-double .p-toc__ttl {
    margin-bottom: .75em
}

.note {
    color: #e03030
}

.dump_data {
    display: block;
    padding: 16px;
    font-size: 13px;
    font-family: arial, sans-serif;
    white-space: pre-wrap;
    background: #fafafa;
    border: solid 1px #ddd
}

.xdebug-var-dump {
    font-family: inherit;
    white-space: inherit
}

.xdebug-var-dump font {
    color: #4368af
}

.xdebug-var-dump small {
    color: #ff6868
}

.alignwide {
    position: relative;
    max-width: 100vw !important
}

.alignfull {
    position: relative;
    left: calc(50% - 50vw);
    width: 100vw;
    max-width: 100vw !important
}

@supports (--css:variables) {
    .alignfull {
        left: calc(50% - (50vw - var(--swl-scrollbar_width, 0) / 2));
        width: calc(100vw - var(--swl-scrollbar_width, 0))
    }
}

.alignfull > .wp-block-cover__inner-container, .alignfull > .wp-block-group__inner-container {
    max-width: var(--article_size);
    margin: 0 auto
}

.u-bg-main {
    color: #fff !important;
    background-color: var(--color_main) !important
}

.cf::after, .cf::before {
    display: block;
    clear: both;
    height: 0;
    overflow: hidden;
    content: ""
}

.clear, .u-cf {
    clear: both !important
}

.column2_box, .column3_box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.column2_box .column_item, .column3_box .column_item {
    margin: 0 !important
}

.none, .u-none {
    display: none !important
}

.u-block {
    display: block !important
}

.u-flex--aic {
    display: flex;
    align-items: center
}

.flex_box {
    display: flex
}

.flex_box .flex_item {
    flex: 1 1 auto
}

.f_left {
    float: left
}

.f_right {
    float: right
}

.fs_xs, .has-xs-font-size, .u-fz-xs {
    font-size: .7em
}

.fs_s, .has-s-font-size, .has-small-font-size, .u-fz-s {
    font-size: .9em
}

.has-normal-font-size, .has-regular-font-size {
    font-size: 1em
}

.has-medium-font-size, .u-fz-m {
    font-size: 1.1em
}

.fs_l, .has-l-font-size, .has-large-font-size, .u-fz-l {
    font-size: 1.2em
}

.fs_xl, .has-huge-font-size, .has-xl-font-size, .u-fz-xl {
    font-size: 1.6em
}

.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-17 {
    font-size: 17px
}

.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-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 {
    box-shadow: 0 2px 8px rgba(0, 0, 0, .25);
    -webkit-animation: flash 1s;
    animation: flash 1s
}

.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
}

.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
}

.widget_archive select, .widget_categories select, .wp-block-archives-dropdown select, .wp-block-categories-dropdown select {
    display: block;
    width: 100%;
    height: auto;
    padding: 0 1em;
    padding: 4px 24px 4px 12px;
    line-height: 32px;
    border: solid 1px rgba(200, 200, 200, .5);
    border-radius: 5px;
    border-radius: 2px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.widget_archive select::-ms-expand, .widget_categories select::-ms-expand, .wp-block-archives-dropdown select::-ms-expand, .wp-block-categories-dropdown select::-ms-expand {
    display: none
}

.widget_archive .screen-reader-text, .wp-block-archives-dropdown .screen-reader-text {
    display: none
}

.widget_categories form, .wp-block-archives-dropdown, .wp-block-categories-dropdown {
    position: relative
}

.widget_categories form::after, .wp-block-archives-dropdown::after, .wp-block-categories-dropdown::after {
    position: absolute;
    top: 50%;
    right: 4px;
    z-index: 1;
    display: inline-block;
    color: #555;
    font-size: 20px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    pointer-events: none
}

.calendar_wrap, .wp-block-calendar {
    width: 100%;
    max-width: 480px;
    margin: auto;
    padding: 24px;
    color: #333;
    background: #fff;
    border: 1px solid rgba(200, 200, 200, .5)
}

.widget_calendar table, .wp-block-calendar table {
    width: 100%;
    text-align: center;
    border: none
}

.widget_calendar caption, .wp-block-calendar caption {
    padding: 0 0 .75em;
    color: #40464d;
    line-height: 1
}

.widget_calendar thead th, .wp-block-calendar thead th {
    padding: 0 0 10px;
    color: inherit;
    font-weight: 700;
    background: 0 0;
    border: none
}

.widget_calendar tbody a, .wp-block-calendar tbody a {
    display: block;
    color: #fff !important;
    line-height: 36px;
    background-color: var(--color_main)
}

.widget_calendar tbody td, .wp-block-calendar tbody td {
    padding: 0;
    font-family: arial, sans-serif;
    line-height: 36px;
    text-align: center;
    background: #f7f7f7;
    border: 1px solid #fff
}

.widget_calendar .pad, .wp-block-calendar .pad {
    background: 0 0
}

.widget_calendar #next, .widget_calendar #prev, .wp-block-calendar #next, .wp-block-calendar #prev {
    padding-top: 8px;
    text-transform: uppercase
}

.widget_calendar #prev, .wp-block-calendar #prev {
    text-align: left
}

.widget_calendar #next, .wp-block-calendar #next {
    text-align: right
}

.wp-calendar-nav {
    display: flex;
    justify-content: space-between;
    margin-top: 8px
}

.wp-calendar-nav a {
    color: inherit
}

.c-prBanner__link {
    display: block;
    max-width: 400px;
    margin: 0 auto;
    transition: opacity .25s
}

.c-prBanner__link:hover {
    opacity: .8
}

.c-prBanner__img {
    width: 100%
}

.widget_recent_entries li {
    position: relative;
    margin: 0;
    border-bottom: solid 1px var(--color_border)
}

.widget_recent_entries a {
    position: relative;
    display: block;
    padding: .75em .5em;
    color: inherit;
    line-height: 1.4
}

.widget_recent_entries a:hover {
    background-color: rgba(150, 150, 150, .05)
}

.widget_archive li, .widget_categories li, .widget_nav_menu li, .widget_pages li, .wp-block-archives li, .wp-block-categories li {
    position: relative;
    margin: 0
}

.widget_archive li a, .widget_categories li a, .widget_nav_menu li a, .widget_pages li a, .wp-block-archives li a, .wp-block-categories li a {
    border-bottom: solid 1px var(--color_border)
}

.widget_archive a, .widget_categories a, .widget_nav_menu a, .widget_pages a, .wp-block-archives a, .wp-block-categories a {
    position: relative;
    display: block;
    padding: .75em .5em;
    color: inherit;
    line-height: 1.4;
    text-decoration: none
}

.widget_archive a:hover, .widget_categories a:hover, .widget_nav_menu a:hover, .widget_pages a:hover, .wp-block-archives a:hover, .wp-block-categories a:hover {
    background-color: rgba(150, 150, 150, .05)
}

.widget_archive a::before, .widget_categories a::before, .widget_nav_menu a::before, .widget_pages a::before, .wp-block-archives a::before, .wp-block-categories a::before {
    position: absolute;
    top: 50%;
    left: 2px;
    display: inline-block;
    color: inherit;
    vertical-align: middle;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.widget_categories > ul > .cat-item > a, .wp-block-categories-list > li > a {
    padding-left: 1.5em
}

.widget_categories > ul > .cat-item > a::before, .wp-block-categories-list > li > a::before {
    -webkit-transform: scale(.8) translateX(1px) translateY(-50%);
    transform: scale(.8) translateX(1px) translateY(-50%);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: .85
}

.widget_categories label, .wp-block-categories label {
    display: none
}

.cat-post-count, .tag-link-count {
    position: relative;
    right: -1px;
    color: #666;
    font-size: 3vw
}

.cat-post-count {
    margin-left: 4px
}

.recentcomments {
    padding: 8px
}

.recent_entries_date {
    display: block;
    margin-top: 2px
}

.widget_search .c-widget__title {
    display: none
}

.widget_swell_ad_widget {
    width: 100%;
    margin: 0 auto;
    text-align: center
}

.widget_swell_ad_widget iframe, .widget_swell_ad_widget ins {
    box-sizing: border-box;
    max-width: 100%
}

.textwidget a {
    transition: opacity .25s
}

.textwidget a:hover {
    text-decoration: underline;
    opacity: .8
}

.w-beforeFooter {
    margin: 6em auto 3em;
    overflow: hidden
}

.w-beforeToc {
    margin-top: 4em;
    margin-bottom: 4em
}

.w-fixSide {
    top: 8px;
    margin-top: 2em
}

.c-widget__title.-footer::before {
    background-color: currentColor !important
}

.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__title {
    position: relative;
    margin-bottom: 1.5em;
    overflow: hidden;
    font-weight: 700;
    font-size: 4vw
}

.c-widget__title::after, .c-widget__title::before {
    position: absolute;
    z-index: 0;
    display: block;
    box-sizing: inherit;
    height: 1px
}

.mark_blue, .mark_green, .mark_orange, .mark_yellow {
    display: inline;
    padding: 2px
}

code.dir_name::before {
    margin-right: .25em;
    opacity: .8
}

code.file_name::before {
    margin-right: .25em
}

.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, .is-style-bg_gray, .is-style-bg_grid, .is-style-bg_main, .is-style-bg_main_thin, .is-style-bg_stripe, .is-style-border_dg, .is-style-border_dm, .is-style-border_sg, .is-style-border_sm, .is-style-dent_box, .is-style-emboss_box, .is-style-note_box, .is-style-stitch, div.has-background, p.has-background {
    padding: 1.5em
}

.is-style-border_sg {
    border: solid 1px rgba(200, 200, 200, .5)
}

.is-style-border_dg {
    border: dashed 1px rgba(200, 200, 200, .5)
}

.is-style-border_sm {
    border: solid 1px var(--color_main)
}

.is-style-border_dm {
    border: dashed 1px var(--color_main)
}

.is-style-bg_main {
    color: #fff;
    background-color: var(--color_main)
}

.is-style-bg_main_thin {
    background-color: var(--color_main_thin)
}

.is-style-bg_gray {
    background: var(--color_gray)
}

.is-style-bg_stripe {
    position: relative;
    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-size: 6px 6px;
    background-clip: padding-box
}

.is-style-crease {
    position: relative;
    padding: calc(.5em + 20px);
    padding-right: calc(.5em + 20px);
    background-color: #f7f7f7
}

.is-style-crease::before {
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    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: ""
}

.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
}

.is-style-note_box, .is-style-stitch {
    position: relative;
    display: block;
    color: #5f5a59;
    font-style: normal;
    background: #f7f7f7
}

.is-style-note_box::before, .is-style-stitch::before {
    position: absolute;
    top: 6px;
    left: 6px;
    display: block;
    width: calc(100% - 12px);
    height: calc(100% - 12px);
    border: 1px dashed rgba(200, 200, 200, .6);
    border-radius: inherit;
    content: "";
    pointer-events: none
}

.is-style-dent_box {
    background: rgba(0, 0, 0, .05);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .1)
}

.is-style-emboss_box {
    border-top: solid 2px var(--color_main)
}

.is-style-kakko_box {
    position: relative;
    padding: 2em
}

.is-style-kakko_box::before {
    top: 0;
    left: 0;
    border-top: solid 1px;
    border-left: solid 1px
}

.is-style-kakko_box::after {
    right: 0;
    bottom: 0;
    border-right: solid 1px;
    border-bottom: solid 1px
}

.is-style-kakko_box::after, .is-style-kakko_box::before {
    position: absolute;
    display: inline-block;
    width: 2.25em;
    height: 2em;
    border-color: var(--color_main);
    content: ""
}

.is-style-big_kakko_box {
    position: relative;
    padding: 2em
}

.is-style-big_kakko_box::before {
    bottom: 0;
    left: 0;
    border-top: solid 1px;
    border-bottom: solid 1px;
    border-left: solid 1px
}

.is-style-big_kakko_box::after {
    right: 0;
    bottom: 0;
    border-top: solid 1px;
    border-right: solid 1px;
    border-bottom: solid 1px
}

.is-style-big_kakko_box::after, .is-style-big_kakko_box::before {
    position: absolute;
    display: inline-block;
    width: .75em;
    height: 100%;
    border-color: var(--color_main);
    content: ""
}

.is-style-border_left {
    padding-left: 10px;
    border-left: solid 2px currentColor
}

.is-style-sticky_box {
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 6em;
    padding: .75em 1em;
    line-height: 1.4;
    border-left: solid 8px var(--color_main)
}

.is-style-balloon_box {
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 6em;
    padding: .5em 1.25em;
    color: #fff;
    line-height: 1.4;
    background-color: var(--color_main);
    border-radius: 2px
}

.is-style-balloon_box::before {
    position: absolute;
    bottom: -22px;
    left: 1.25em;
    width: 0;
    height: 0;
    border: 12px solid transparent;
    border-top-color: var(--color_main);
    visibility: visible;
    content: ""
}

.is-style-balloon_box2 {
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 6em;
    padding: .5em 1.25em;
    line-height: 1.4;
    border: solid 1px;
    border-radius: 2px
}

.is-style-balloon_box2::before {
    position: absolute;
    bottom: -7px;
    left: 1.25em;
    width: 12px;
    height: 12px;
    background: inherit;
    border-right: 1px solid;
    border-bottom: 1px solid;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    visibility: visible;
    content: ""
}

.is-style-balloon_box.has-text-align-center, .is-style-balloon_box2.has-text-align-center {
    margin-right: auto;
    margin-left: 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 {
    position: relative;
    padding: 1em 1em 1em 4.25em;
    line-height: 1.6;
    border-radius: 2px
}

.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 {
    position: absolute;
    top: 50%;
    left: 1.25em;
    display: inline-block;
    font-size: inherit;
    font-family: icomoon;
    -webkit-transform: translateY(-50%) scale(1.5);
    transform: translateY(-50%) scale(1.5);
    content: ""
}

.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 {
    position: absolute;
    top: 25%;
    left: 3.25em;
    display: block;
    width: 0;
    height: 50%;
    border-right: 2px dashed;
    -webkit-transform: scaleX(.5);
    transform: scaleX(.5);
    opacity: .5;
    content: ""
}

.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: "\e91d"
}

.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_]::before {
    position: absolute;
    top: -1px;
    left: .75em;
    padding: 8px;
    color: #fff;
    font-size: 1.35em;
    font-family: icomoon;
    line-height: 1;
    border: solid 2px;
    border-color: var(--color_content_bg);
    border-radius: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.is-style-big_icon_point {
    border-color: var(--color_icon_point)
}

.is-style-big_icon_point::before {
    background: var(--color_icon_point);
    content: "\e915"
}

.is-style-big_icon_check, .is-style-big_icon_good {
    border-color: var(--color_icon_check)
}

.is-style-big_icon_check::before, .is-style-big_icon_good::before {
    background: var(--color_icon_check)
}

.is-style-big_icon_bad, .is-style-big_icon_batsu {
    border-color: var(--color_icon_batsu)
}

.is-style-big_icon_bad::before, .is-style-big_icon_batsu::before {
    background: var(--color_icon_batsu)
}

.is-style-big_icon_hatena {
    border-color: var(--color_icon_hatena)
}

.is-style-big_icon_hatena::before {
    background: var(--color_icon_hatena);
    content: "\e917"
}

.is-style-big_icon_caution {
    border-color: var(--color_icon_caution)
}

.is-style-big_icon_caution::before {
    padding-top: 7px;
    padding-bottom: 9px;
    background: var(--color_icon_caution);
    content: "\e916"
}

.is-style-big_icon_memo {
    border-color: var(--color_icon_memo)
}

.is-style-big_icon_memo::before {
    background: var(--color_icon_memo);
    content: "\e929"
}

.is-style-browser_mac {
    position: relative;
    padding: 32px 0 0;
    overflow: hidden;
    color: #333;
    background: #fff;
    border: solid 6px #dfe1e5;
    border-top: none;
    border-radius: 8px;
    box-shadow: 0 1px 16px -2px rgba(0, 0, 0, .12)
}

.is-style-browser_mac .wp-block-group__inner-container {
    max-height: 400px;
    padding: 1.5em;
    overflow-y: auto
}

.is-style-browser_mac::before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 32px;
    padding: 0;
    background: #dfe1e5 url(../img/style/macdot.svg) no-repeat left 8px top 50%/auto 12px;
    content: ""
}

.is-style-browser_mac.wp-block-image, .is-style-browser_mac.wp-block-video {
    width: 100%;
    width: -webkit-fit-content !important;
    width: -moz-fit-content !important;
    width: fit-content !important;
    margin-right: auto;
    margin-left: auto
}

.is-style-browser_mac.wp-block-image img, .is-style-browser_mac.wp-block-video video {
    display: block;
    margin: 0 auto;
    border-radius: 2px 2px 4px 4px;
    box-shadow: 0 0 0 2px #dfe1e5
}

.is-style-browser_mac .components-resizable-box__container {
    display: block
}

.is-style-browser_mac > figcaption {
    position: absolute;
    top: 6px;
    left: 72px;
    max-width: calc(100% - 80px);
    margin: 0;
    padding: 6px 8px 6px;
    font-size: 12px;
    line-height: 1;
    background: #fff;
    border-radius: 6px 6px 0 0
}

.is-style-browser_mac.wp-block-image.size_s img {
    max-width: 100%;
    padding: 2% 5%
}

.is-style-browser_mac.wp-block-image.size_xs img {
    max-width: 100%;
    padding: 2% 12%
}

.is-style-desktop {
    position: relative;
    display: flex !important;
    flex-direction: column;
    align-items: center;
    padding: 0
}

.is-style-desktop .wp-block-group__inner-container, .is-style-desktop.wp-block-image img, .is-style-desktop.wp-block-video video {
    display: block;
    margin: 0 auto;
    border: solid 8px #3f4244;
    border-bottom-width: 16px;
    border-radius: 6px
}

.is-style-desktop .wp-block-group__inner-container {
    width: 100%;
    max-width: 800px;
    min-height: 440px;
    max-height: 440px;
    padding: 1.5em 1.5em;
    overflow-y: auto
}

.is-style-desktop::before {
    position: relative;
    display: block;
    order: 1;
    width: 100%;
    height: 48px;
    margin-top: -4px;
    padding: 0;
    background: url(../img/style/desktop.svg) no-repeat top center/auto 48px;
    content: ""
}

.is-style-desktop > figcaption {
    order: 3
}

.font_col_main, .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
}

.font_col_red, .has-swl-deep-01-color {
    color: var(--color_deep01) !important
}

.font_col_blue, .has-swl-deep-02-color {
    color: var(--color_deep02) !important
}

.font_col_green, .has-swl-deep-03-color {
    color: var(--color_deep03) !important
}

.has-swl-deep-04-color {
    color: var(--color_deep04) !important
}

.swl-bg-color, [class*=fill_col_] {
    padding: .25em .5em;
    border-radius: 1px
}

.fill_col_main, .has-swl-main-background-color {
    color: #fff;
    background-color: var(--color_main)
}

.has-swl-main-thin-background-color {
    background-color: var(--color_main_thin) !important
}

.has-swl-gray-background-color {
    background-color: var(--color_gray) !important
}

.has-black-background-color {
    color: #fff;
    background-color: #000 !important
}

.has-white-background-color {
    background-color: #fff !important
}

.fill_col_red, .has-swl-deep-01-background-color {
    color: #fff;
    background-color: var(--color_deep01) !important
}

.fill_col_blue, .has-swl-deep-02-background-color {
    color: #fff;
    background-color: var(--color_deep02) !important
}

.fill_col_green, .has-swl-deep-03-background-color {
    color: #fff;
    background-color: var(--color_deep03) !important
}

.has-swl-deep-04-background-color {
    color: #fff;
    background-color: var(--color_deep04) !important
}

.has-swl-pale-01-background-color {
    background-color: var(--color_pale01) !important
}

.has-swl-pale-02-background-color {
    background-color: var(--color_pale02) !important
}

.has-swl-pale-03-background-color {
    background-color: var(--color_pale03) !important
}

.has-swl-pale-04-background-color {
    background-color: var(--color_pale04) !important
}

.post_content > a:hover img {
    opacity: .8
}

.post_content .cap_box, .post_content .wp-block-columns, .post_content .wp-block-embed, .post_content .wp-block-table {
    margin: 3em auto
}

.post_content [class*=is-style-big_icon_] {
    margin-top: 2.5em
}

.post_content div > :first-child, .post_content > :first-child {
    margin-top: 0 !important
}

.post_content dd > :last-child, .post_content div > :last-child, .post_content > :last-child {
    margin-bottom: 0 !important
}

.post_content h1 {
    font-size: 2em
}

.post_content h2 {
    position: relative;
    z-index: 1;
    margin: 4em 0 2em;
    font-size: 1.2em;
    line-height: 1.4
}

.post_content > h2 {
    margin-right: -2vw;
    margin-left: -2vw
}

.post_content h3 {
    position: relative;
    margin: 3em 0 2em;
    font-weight: 700;
    font-size: 1.1em;
    line-height: 1.4
}

.post_content h3::before {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 0;
    display: block
}

.post_content h4 {
    position: relative;
    margin: 3em 0 1.5em;
    font-size: 1.05em;
    line-height: 1.4
}

.post_content dt, .post_content h2, .post_content h3, .post_content h4 {
    font-weight: 700
}

.post_content .is-style-section_ttl {
    position: relative;
    padding: 0;
    color: inherit;
    letter-spacing: .2px;
    text-align: center;
    background: 0 0;
    border: none;
    border-radius: 0
}

.post_content .is-style-section_ttl::after, .post_content .is-style-section_ttl::before {
    border: none;
    content: none
}

.post_content .is-style-section_ttl.has-text-align-left {
    text-align: left
}

.post_content .is-style-section_ttl.has-text-align-right {
    text-align: right
}

.post_content .is-style-section_ttl small {
    display: block;
    padding-top: .25em;
    font-size: .6em
}

.post_content hr {
    margin: 2.5em 0;
    border: none;
    border-bottom: solid 1px rgba(0, 0, 0, .1)
}

.post_content blockquote {
    position: relative;
    background: var(--color_gray)
}

.post_content blockquote.is-style-large {
    padding: 1.5em 3em
}

.post_content blockquote.is-style-large cite {
    text-align: inherit
}

.post_content blockquote cite {
    display: block;
    margin-top: .75em;
    font-size: .8em;
    opacity: .8
}

.post_content blockquote p {
    position: relative;
    z-index: 1;
    margin: .5em 0
}

.post_content pre {
    padding: .5em 0;
    overflow-x: auto
}

.post_content table {
    width: 100%;
    max-width: 100%;
    line-height: 1.5;
    text-align: left;
    border: none;
    border-spacing: 0
}

.post_content td, .post_content th {
    min-width: var(--swl-minwidth-cell, 0);
    padding: .5em .75em;
    vertical-align: top;
    background-clip: padding-box;
    border-top: solid 1px #ededed;
    border-left: solid 1px #ededed
}

.post_content td:last-child, .post_content th:last-child {
    border-right: solid 1px #ededed
}

.post_content tr:last-child > td {
    border-bottom: solid 1px #ededed
}

.post_content thead td, .post_content thead th {
    color: #fff;
    background-color: var(--color_main)
}

.post_content .td_to_th_ tbody tr > :first-child, .post_content tbody th {
    position: relative;
    font-weight: 700
}

.post_content .td_to_th_ tbody tr > :first-child::before, .post_content tbody th::before {
    background-color: rgba(150, 150, 150, .05);
    pointer-events: none
}

.wp_content .min_width10_ {
    --swl-minwidth-cell: 80px
}

.wp_content .min_width20_ {
    --swl-minwidth-cell: 160px
}

.wp_content .min_width30_ {
    --swl-minwidth-cell: 240px
}

.post_content :not(pre) > code {
    display: inline-block;
    margin: 0 .5em;
    padding: .25em .5em;
    color: #333;
    font-size: .9em;
    font-family: Menlo, Consolas, "メイリオ", sans-serif;
    line-height: 1;
    letter-spacing: 0;
    background: #f7f7f7;
    border: solid 1px rgba(0, 0, 0, .1);
    border-radius: 2px
}

.post_content small {
    font-size: .8em;
    opacity: .8
}

.post_content ul {
    list-style: disc
}

.post_content ol {
    list-style: decimal
}

.post_content ol, .post_content ul {
    padding-left: 1.5em
}

.post_content ol.has-background, .post_content ul.has-background {
    padding: 1.5em 1.5em 1.5em 3em
}

.post_content ol ul, .post_content ul ul {
    padding-left: 1.5em;
    list-style: circle
}

.post_content ol ol, .post_content ul ol {
    padding-left: 1.5em
}

.post_content li {
    position: relative;
    margin: .25em 0;
    line-height: 1.5
}

.post_content li ol, .post_content li ul {
    margin: 0
}

#sidebar .post_content {
    margin: 0;
    padding: 0
}

.post_content.p-blogParts {
    margin: 0 0 2em;
    padding: 0
}

.post_content.p-blogParts:first-child {
    margin-top: 0
}

.post_content.p-blogParts:last-child {
    margin-bottom: 0
}

.c-tabBody__item > *, .cap_box_content > *, .faq_a > *, .swell-block-accordion__body > *, .swell-block-dl__dd > *, .swell-block-step__body > *, .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 > *, .full_wide_content > *, .swell-block-fullWide__inner > * {
    margin-bottom: 2em
}

.swell-block-accordion__title {
    cursor: pointer
}

.swell-block-accordion__item + .swell-block-accordion__item {
    margin-top: .5em
}

.swell-block-accordion__title {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1em;
    background: var(--color_gray)
}

.swell-block-accordion__label {
    flex: 1 1 auto;
    padding-right: 1em;
    word-break: break-all
}

.swell-block-accordion__icon {
    flex: 0 0 auto;
    width: 1.25em;
    font-size: 1.25em;
    text-align: right
}

.swell-block-accordion__body {
    height: auto;
    padding: 1em;
    overflow: hidden;
    opacity: 1;
    transition: .25s
}

.swell-block-accordion__body[aria-hidden=true] {
    height: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    opacity: 0
}

.is-style-border .swell-block-accordion__title, .is-style-simple .swell-block-accordion__title {
    background: 0 0
}

.is-style-border .swell-block-accordion__body, .is-style-simple .swell-block-accordion__body {
    margin: 0 .5em;
    padding: 1em .5em;
    border-top: 1px dashed var(--swl-color_border)
}

.is-style-border .swell-block-accordion__item {
    border: 1px solid var(--swl-color_border)
}

.is-style-simple .swell-block-accordion__item {
    margin-bottom: 0;
    border-bottom: 1px solid var(--swl-color_border)
}

.is-style-simple .swell-block-accordion__item:first-child {
    border-top: 1px solid var(--swl-color_border)
}

.is-style-simple .swell-block-accordion__item + .swell-block-accordion__item {
    margin-top: 0
}

.is-style-main .swell-block-accordion__title {
    color: #fff;
    background-color: var(--color_main)
}

.is-style-main .swell-block-accordion__body {
    border: solid 1px var(--color_main);
    border-top: none
}

.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] {
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.swell-block-button .__icon {
    margin-right: .5em
}

.swell-block-button svg {
    width: 1.1em;
    height: 1.1em
}

.swell-block-button__img {
    display: none !important;
    border: none
}

[class*=is-style-btn_] {
    position: relative;
    display: block;
    margin: 0 auto 2em;
    text-align: center
}

[class*=is-style-btn_] a {
    position: relative;
    display: inline-block;
    min-width: 64%;
    margin: 0;
    padding: .75em 1.5em;
    line-height: 1.5;
    letter-spacing: 1px;
    text-decoration: none !important;
    background: var(--color_main)
}

[class*=is-style-btn_].-size-s a {
    min-width: 40%;
    font-size: .9em
}

[class*=is-style-btn_].-size-l a {
    min-width: 100%;
    padding: 1em 1.5em
}

[class*=is-style-btn_] img {
    display: none
}

.is-style-btn_normal a {
    color: #fff;
    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 {
    z-index: 1;
    color: #fff;
    font-weight: 700;
    box-shadow: 0 4px 0 var(--color_main_dark);
    transition: box-shadow .25s, -webkit-transform .25s;
    transition: transform .25s, box-shadow .25s;
    transition: transform .25s, box-shadow .25s, -webkit-transform .25s
}

.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_solid.red_ a {
    box-shadow: 0 4px 0 var(--color_btn_red_dark)
}

.is-style-btn_solid.blue_ a {
    box-shadow: 0 4px 0 var(--color_btn_blue_dark)
}

.is-style-btn_solid.green_ a {
    box-shadow: 0 4px 0 var(--color_btn_green_dark)
}

.is-style-btn_shiny a {
    color: #fff;
    font-weight: 700
}

.is-style-btn_line a {
    position: relative;
    color: var(--color_main);
    background: 0 0;
    border: solid 1px currentColor;
    transition: background-color .25s
}

.is-style-btn_line a:hover {
    color: #fff !important;
    background-color: var(--color_main);
    border-color: transparent
}

.is-style-btn_line.red_ a {
    color: var(--color_btn_red)
}

.is-style-btn_line.blue_ a {
    color: var(--color_btn_blue)
}

.is-style-btn_line.green_ a {
    color: var(--color_btn_green)
}

.is-style-more_btn {
    position: relative;
    display: block;
    margin: 0 auto 2em;
    padding: 2px 0;
    text-align: center
}

.is-style-more_btn img {
    display: none
}

.is-style-more_btn a {
    position: relative;
    display: inline-block;
    min-width: 80%;
    padding: .75em 3em;
    color: #666;
    font-size: 3.4vw;
    text-decoration: none !important;
    background: #fff;
    box-shadow: 0 0 0 1px #dcdcdc;
    transition: box-shadow .25s, background-color .25s
}

.is-style-more_btn a::after {
    position: absolute;
    top: 50%;
    right: 1.25em;
    font-family: icomoon;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: -webkit-transform .25s;
    transition: transform .25s;
    transition: transform .25s, -webkit-transform .25s;
    content: "\e930"
}

.is-style-more_btn a:hover {
    color: #fff;
    background-color: var(--color_main);
    box-shadow: none
}

.is-style-more_btn a:hover::after {
    -webkit-transform: translateX(4px) translateY(-50%);
    transform: translateX(4px) translateY(-50%)
}

.is-style-btn_line.red_ a:hover, .is-style-btn_normal.red_ a, .is-style-btn_shiny.red_ a, .is-style-btn_solid.red_ a {
    background: var(--color_btn_red)
}

.is-style-btn_line.blue_ a:hover, .is-style-btn_normal.blue_ a, .is-style-btn_shiny.blue_ a, .is-style-btn_solid.blue_ a {
    background: var(--color_btn_blue)
}

.is-style-btn_line.green_ a:hover, .is-style-btn_normal.green_ a, .is-style-btn_shiny.green_ a, .is-style-btn_solid.green_ a {
    background: var(--color_btn_green)
}

.swell-block-columns {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-right: -16px;
    margin-left: -16px
}

.swell-block-columns__item {
    padding: 16px
}

.swell-block-fullWide + .swell-block-fullWide {
    margin-top: -2em
}

.swell-block-fullWide {
    position: relative;
    padding: 2em 0
}

.swell-block-fullWide.has-bg-img {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.swell-block-fullWide.has-bg-img::before {
    z-index: 1;
    background-color: inherit
}

.swell-block-fullWide.-parallax {
    overflow: hidden
}

.swell-block-fullWide .__parallaxLayer {
    top: -20vh;
    height: calc(100% + 25vh);
    background-position: center;
    background-size: cover
}

.swell-block-fullWide .w-beforeToc {
    display: none
}

.swell-block-fullWide__inner {
    position: relative;
    z-index: 2
}

.swell-block-fullWide__inner.l-article {
    margin-right: auto;
    margin-left: auto
}

.swell-block-fullWide__SVG {
    position: absolute;
    left: 0;
    z-index: 5;
    width: 100%;
    pointer-events: none
}

.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.-top {
    background-position: center
}

.swell-block-fullWide__SVG.-bg.-bottom {
    background-position: center
}

.wp-block-button:not(.is-style-outline) .wp-block-button__link:not(.has-text-color) {
    color: #fff
}

.wp-block-column {
    margin-top: 0;
    margin-bottom: 0
}

.border_gray .wp-block-column {
    padding: 1.5em;
    border: solid 1px var(--color_border)
}

.border_main .wp-block-column {
    padding: 1.5em;
    border: solid 1px var(--color_main)
}

.shadow_on .wp-block-column {
    padding: 1.5em;
    color: #333;
    background: #fff
}

.wp-block-columns {
    line-height: 1.6
}

.wp-block-columns.first_big .wp-block-column:first-child {
    flex-basis: 100% !important
}

.wp-block-columns.last_big .wp-block-column:last-child {
    flex-basis: 100% !important
}

.wp-block-cover {
    padding: 2em;
    overflow: hidden
}

.wp-block-cover .__bgLayer {
    position: absolute;
    left: 0;
    z-index: 0;
    width: 100%;
    background-size: cover
}

.wp-block-cover .wp-block-cover__inner-container {
    width: 100%
}

.post_content iframe {
    display: block;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto
}

.post_content .wp-block-embed {
    max-width: 100%
}

.post_content blockquote.wp-embedded-content {
    display: none
}

.post_content iframe.wp-embedded-content {
    position: relative !important;
    max-width: 100%
}

.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
}

.instagram-media-rendered, .twitter-tweet-rendered {
    margin-right: auto !important;
    margin-left: 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 {
    display: block;
    padding-top: 50%;
    content: ""
}

.wp-has-aspect-ratio iframe {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 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 {
    padding: .75em 1.5em;
    color: #fff;
    font-size: inherit;
    background: #32373c;
    border-radius: 8px
}

.wp-block-file__button::before {
    display: inline-block;
    margin-right: .5em;
    font-family: icomoon;
    content: "\e914"
}

ul.wp-block-gallery {
    width: 100%;
    padding-left: 0 !important
}

.wp-block-gallery .blocks-gallery-grid {
    width: 100%
}

.wp-block-gallery .blocks-gallery-grid, .wp-block-gallery .blocks-gallery-item {
    padding: 0
}

.wp-block-gallery figure {
    margin: 0
}

.wp-block-gallery .blocks-gallery-caption {
    width: 100%;
    font-size: .9em;
    text-align: center;
    opacity: .8
}

.wp-block-image {
    text-align: center
}

.wp-block-image img {
    vertical-align: bottom
}

.wp-block-image.is-resized {
    display: block;
    width: 100%
}

[data-align] > .wp-block-image.is-resized {
    width: auto
}

.wp-block-image figure {
    display: block !important
}

.wp-block-image figcaption a {
    display: inline
}

.wp-block-image::after {
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    content: ""
}

.wp-block-image a {
    display: block;
    transition: opacity .25s
}

.wp-block-image a:hover {
    opacity: .8
}

.wp-caption {
    width: 100%;
    max-width: 100%;
    text-align: center
}

.wp-caption-text {
    margin-top: 1em;
    font-size: .8em;
    opacity: .8
}

img.aligncenter {
    display: block;
    clear: both;
    margin-right: auto;
    margin-left: auto
}

.is-style-border img, .is-style-border video, img.border {
    border: solid 1px rgba(0, 0, 0, .1)
}

.is-style-photo_frame img, .is-style-photo_frame video, img.photo_frame {
    border: solid 4px #fff;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .1)
}

.size_s img, img.size_s {
    display: block;
    max-width: 92%;
    margin: auto
}

.size_xs img, img.size_xs {
    display: block;
    max-width: 72%;
    margin: auto
}

.wp-block-latest-posts li::after {
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    content: ""
}

.wp-block-latest-posts:not(.is-grid) {
    border-top: solid 1px var(--color_border)
}

.wp-block-latest-posts:not(.is-grid) li {
    padding: 1em 0;
    border-bottom: solid 1px var(--color_border)
}

.is-style-num_circle ul li::before, ol.is-style-index ul li::before, ul.is-style-index li li::before {
    position: absolute;
    top: 0;
    left: .25em;
    width: 6px;
    height: calc(1em - 2px);
    color: inherit;
    background: 0 0;
    border-bottom: solid 2px;
    border-left: solid 2px;
    border-radius: 0;
    box-shadow: none;
    -webkit-transform: none;
    transform: none;
    -webkit-transform: scale(.75);
    transform: scale(.75);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    opacity: .75;
    content: "" !important
}

.post_content .is-style-bad_list, .post_content .is-style-check_list, .post_content .is-style-good_list, .post_content .is-style-index, .post_content .is-style-note_list, .post_content .is-style-num_circle {
    padding-left: .5em;
    list-style: none
}

ol:not(.is-style-default)[class*=is-style-].has-background, ul:not(.is-style-default)[class*=is-style-].has-background {
    padding: 1.5em
}

ol:not(.is-style-default)[class*=is-style-] ol, ol:not(.is-style-default)[class*=is-style-] ul, ul:not(.is-style-default)[class*=is-style-] ol, ul:not(.is-style-default)[class*=is-style-] ul {
    padding-left: 0;
    list-style: none
}

ol:not(.is-style-default)[class*=is-style-] {
    counter-reset: li
}

ol:not(.is-style-default)[class*=is-style-] > li::before {
    counter-increment: li
}

ol:not(.is-style-default)[class*=is-style-][reversed] > li::before {
    counter-increment: li -1
}

ul.is-style-index li {
    position: relative;
    padding-left: 1.25em
}

ul.is-style-index li::before {
    position: absolute;
    top: calc(.75em - 3px);
    left: 2px;
    display: block;
    width: 6px;
    height: 6px;
    color: inherit;
    background-color: currentColor;
    border-radius: 50%;
    content: ""
}

ol.is-style-index {
    list-style-type: none
}

ol.is-style-index ol > li, ol.is-style-index > li {
    position: relative;
    margin-left: 2em;
    padding-left: 0
}

ol.is-style-index ol > li::before, ol.is-style-index > li::before {
    position: absolute;
    top: .25em;
    right: calc(100% + .5em);
    display: block;
    width: auto;
    padding: 0 .5em 0 0;
    font-family: inherit;
    line-height: 1.1;
    letter-spacing: -.1px;
    white-space: nowrap;
    border-right: solid 1px currentColor;
    -webkit-transform: scale(.95);
    transform: scale(.95);
    content: counter(li);
    counter-increment: li
}

ol.is-style-index ol {
    padding-left: 1em;
    counter-reset: li2
}

ol.is-style-index ol > li::before {
    opacity: .75;
    content: counter(li) "-" counter(li2);
    counter-increment: li2
}

ol.is-style-index ol ol {
    counter-reset: li3
}

ol.is-style-index ol ol > li::before {
    opacity: .75;
    content: counter(li) "-" counter(li2) "-" counter(li3);
    counter-increment: li3
}

ol.is-style-index ul li {
    margin-left: 0;
    padding-left: 1.25em
}

ol.is-style-index ul li::before {
    counter-increment: none
}

.is-style-bad_list li, .is-style-check_list li, .is-style-good_list li {
    padding-left: 1.75em
}

.is-style-bad_list li::before, .is-style-check_list li::before, .is-style-good_list li::before {
    position: absolute;
    top: 0;
    left: .25em;
    display: block;
    width: 1em;
    height: auto;
    font-family: icomoon;
    background: 0 0;
    border: none;
    border-radius: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.is-style-bad_list li li::before, .is-style-check_list li li::before, .is-style-good_list li li::before {
    opacity: .8
}

.is-style-check_list li::before {
    color: var(--color_list_check)
}

.is-style-good_list li::before {
    color: var(--color_list_good)
}

.is-style-bad_list li::before {
    color: var(--color_list_bad)
}

.is-style-note_list {
    font-size: .9em
}

.is-style-note_list li {
    margin: .5em 0;
    padding-left: 1.5em;
    opacity: .8
}

.is-style-note_list li::before {
    position: absolute;
    top: 0;
    left: 0;
    height: auto;
    white-space: nowrap;
    background: 0 0;
    border: none;
    border-radius: 0;
    -webkit-transform: scale(.75);
    transform: scale(.75);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    content: "※"
}

ol.is-style-note_list li {
    padding-left: 1.75em
}

ol.is-style-note_list li::before {
    letter-spacing: 1px;
    content: "※" counter(li);
    counter-increment: li
}

.is-style-num_circle li {
    padding-left: 2em
}

.is-style-num_circle li::before {
    position: absolute;
    top: -.25em;
    left: 1px;
    display: block;
    box-sizing: content-box;
    width: 2em;
    height: 2em;
    padding: 0;
    color: #fff;
    line-height: 2;
    text-align: center;
    background-color: var(--color_list_num);
    border-radius: 50%;
    box-shadow: 0 0 0 1px var(--color_list_num);
    -webkit-transform: scale(.68);
    transform: scale(.68);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    content: counter(li)
}

.is-style-num_circle ol {
    counter-reset: li2
}

.is-style-num_circle ol li::before {
    color: var(--color_list_num);
    background: 0 0;
    box-shadow: 0 0 0 1px var(--color_list_num);
    opacity: .75
}

.is-style-num_circle ol > li::before {
    content: counter(li2);
    counter-increment: li2
}

.is-style-num_circle ol ol {
    counter-reset: li3
}

.is-style-num_circle ol ol > li::before {
    content: counter(li3);
    counter-increment: li3
}

.is-style-num_circle ul li {
    padding-left: 1.25em
}

.-list-under-dashed > li, .border_bottom > li {
    margin-bottom: .75em;
    padding-bottom: .75em;
    border-bottom: dashed 1px rgba(200, 200, 200, .5)
}

ol.-list-flex, ul.-list-flex {
    display: flex;
    flex-wrap: wrap
}

.-list-flex > li {
    margin-right: 1em
}

.wp-block-media-text.has-background {
    padding: 0
}

.wp-block-media-text__media img {
    display: block
}

.wp-block-media-text .wp-block-media-text__content {
    padding-right: 1.5em;
    padding-left: 1.5em
}

.is-style-card.wp-block-media-text {
    color: #333;
    background: #fff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .12)
}

.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;
    font-family: "object-fit: cover;"
}

.is-style-card .wp-block-media-text__content {
    padding: 2em 2em
}

.is-style-broken .wp-block-media-text__content {
    z-index: 1;
    padding: 2em 0
}

.is-style-broken:not(.has-media-on-the-right) .wp-block-media-text__content {
    margin-left: -3em
}

.is-style-broken.has-media-on-the-right .wp-block-media-text__content {
    margin-right: -3em
}

.wp-block-pullquote {
    width: 100%;
    padding: 1em 0;
    text-align: center;
    border-top: solid 3px #666;
    border-bottom: solid 3px #666
}

.wp-block-pullquote.alignleft {
    text-align: left
}

.wp-block-pullquote.alignright {
    text-align: right
}

.wp-block-pullquote > blockquote {
    margin: 0;
    padding: 1em;
    background: 0 0
}

.wp-block-pullquote > blockquote::after, .wp-block-pullquote > blockquote::before {
    content: none !important
}

.wp-block-pullquote p {
    font-size: 1.2em !important
}

.wp-block-pullquote a {
    text-decoration: underline
}

.wp-block-search__label {
    font-weight: 700
}

.wp-block-search__button {
    font-size: 14px;
    background: #f7f7f7;
    border: none;
    border-radius: 2px;
    box-shadow: 0 0 1px #aaa, inset 0 -1px 0 #ccc
}

.wp-block-search .wp-block-search__input {
    background: 0 0
}

.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 {
    display: flex;
    align-items: center
}

.wp-block-search__button-inside .wp-block-search__button {
    background: 0 0;
    border: 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) {
    max-width: 100px;
    margin-right: auto;
    margin-left: auto
}

.wp-block-table > table {
    margin-bottom: 0
}

table caption {
    padding: .5em;
    font-size: .9em;
    opacity: .8
}

.is-style-simple > table {
    border-right: none;
    border-collapse: collapse !important;
    box-shadow: none
}

.is-style-simple td, .is-style-simple th {
    background-color: unset !important;
    border-right: none !important;
    border-left: none;
    box-shadow: none
}

.is-style-simple thead td, .is-style-simple thead th {
    color: inherit;
    border-bottom: double 4px #ededed
}

.is-style-stripes.wp-block-table {
    border-bottom: none
}

.is-style-stripes table {
    border-bottom: 1px solid #f0f0f0
}

.is-style-stripes tbody tr:nth-child(even) {
    background-color: var(--color_content_bg, #fff)
}

.is-style-stripes tbody td, .is-style-stripes tbody th {
    background-color: unset !important;
    border: none !important
}

.is-style-stripes figcaption {
    margin-top: 0
}

.is-style-simple.td_to_th_ tbody tr > :first-child::before, .is-style-stripes.td_to_th_ tbody tr > :first-child::before {
    content: none !important
}

.is-style-double table, table.is-style-double {
    border: solid 1px #ededed;
    border-collapse: separate;
    border-spacing: 2px
}

.is-style-double td, .is-style-double th {
    border: solid 1px #ededed
}

[data-table-scrollable] table {
    min-width: 100%
}

[data-table-scrollable=both] {
    display: block;
    padding-bottom: 16px;
    overflow-x: scroll
}

[data-cell1-fixed] table {
    border-collapse: separate
}

[data-cell1-fixed] tr > :first-child {
    position: sticky !important;
    top: 0;
    left: 0;
    z-index: 0
}

[data-cell1-fixed] tbody tr > :first-child, [data-cell1-fixed] tfoot tr > :first-child, [data-cell1-fixed].is-style-simple thead tr > :first-child {
    background-color: var(--color_content_bg, #fff) !important
}

.is-style-stripes[data-cell1-fixed] tbody tr > :first-child {
    background-color: inherit !important
}

.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: 1
}

.has-large-font-size {
    font-size: 1.4em
}

.wp-block-video {
    text-align: center
}

.wp-block-archives-list, .wp-block-categories-list, .wp-block-latest-comments, .wp-block-latest-posts, .wp-block-rss {
    padding: 0 !important;
    list-style: none !important
}

.wp-block-categories-list .children {
    padding-left: 0;
    list-style: none
}

.post_content .wp-block-social-links {
    padding: 0;
    list-style: none
}

.wp-block-social-links .wp-block-social-link {
    margin: 4px
}

.wp-block-social-links a {
    color: inherit
}

.wp-block-social-links.is-style-logos-only a {
    padding: 0
}

.cap_box {
    position: relative
}

.cap_box_ttl {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0 !important;
    padding: .5em;
    color: #fff;
    line-height: 1.5;
    text-align: center;
    background-color: var(--color_main)
}

.cap_box_ttl i {
    margin-right: .4em
}

.cap_box_ttl svg {
    width: 1.1em;
    height: 1.1em;
    margin-right: .4em
}

.cap_box_content {
    position: relative;
    z-index: 0;
    clear: both;
    margin-top: -2px;
    padding: 1.25em;
    border: solid 1px var(--color_main)
}

.is-style-small_ttl .cap_box_ttl {
    position: relative;
    top: 1px;
    float: left;
    padding: .25em .75em;
    font-size: .85em
}

.is-style-onborder_ttl2 > .cap_box_ttl, .is-style-onborder_ttl > .cap_box_ttl {
    position: relative;
    top: 1em;
    left: 1em;
    z-index: 1;
    display: inline-block;
    margin-bottom: 0;
    padding: .5em .75em;
    font-size: .85em;
    line-height: 1;
    text-align: center
}

.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(--color_main);
    background: var(--color_content_bg) !important
}

.is-style-onborder_ttl > .cap_box_content {
    background: var(--color_content_bg) !important
}

.is-style-onborder_ttl2 > .cap_box_ttl {
    color: #fff
}

.is-style-shadow.cap_box {
    overflow: hidden
}

.is-style-shadow > .cap_box_content {
    background: #fff;
    border: none
}

.is-style-shadow:not([data-colset]) > .cap_box_content {
    color: #333
}

.is-style-inner > .cap_box_ttl {
    position: absolute;
    min-width: 2em;
    max-width: 100%;
    padding: .25em 1em;
    overflow: hidden;
    font-size: .85em;
    white-space: nowrap
}

.is-style-inner > .cap_box_content::before {
    display: block;
    width: 100%;
    height: 1em;
    visibility: hidden;
    content: ""
}

.is-style-intext.cap_box {
    padding: 1.5em;
    border: solid 1px var(--color_main)
}

.is-style-intext > .cap_box_ttl {
    justify-content: flex-start;
    padding: 0;
    color: var(--color_main);
    text-align: left;
    background: 0 0 !important
}

.is-style-intext > .cap_box_content {
    margin-top: 1em;
    padding: 0;
    background: 0 0 !important;
    border: none
}

[data-colset=col1] .cap_box_ttl {
    background: var(--color_capbox_01)
}

[data-colset=col1] .cap_box_content {
    background: var(--color_capbox_01_bg);
    border-color: var(--color_capbox_01)
}

.is-style-intext[data-colset=col1] {
    background: var(--color_capbox_01_bg);
    border-color: var(--color_capbox_01)
}

.is-style-intext[data-colset=col1] .cap_box_ttl {
    color: var(--color_capbox_01)
}

.is-style-onborder_ttl[data-colset=col1] .cap_box_ttl {
    color: var(--color_capbox_01)
}

[data-colset=col2] .cap_box_ttl {
    background: var(--color_capbox_02)
}

[data-colset=col2] .cap_box_content {
    background: var(--color_capbox_02_bg);
    border-color: var(--color_capbox_02)
}

.is-style-intext[data-colset=col2] {
    background: var(--color_capbox_02_bg);
    border-color: var(--color_capbox_02)
}

.is-style-intext[data-colset=col2] .cap_box_ttl {
    color: var(--color_capbox_02)
}

.is-style-onborder_ttl[data-colset=col2] .cap_box_ttl {
    color: var(--color_capbox_02)
}

[data-colset=col3] .cap_box_ttl {
    background: var(--color_capbox_03)
}

[data-colset=col3] .cap_box_content {
    background: var(--color_capbox_03_bg);
    border-color: var(--color_capbox_03)
}

.is-style-intext[data-colset=col3] {
    background: var(--color_capbox_03_bg);
    border-color: var(--color_capbox_03)
}

.is-style-intext[data-colset=col3] .cap_box_ttl {
    color: var(--color_capbox_03)
}

.is-style-onborder_ttl[data-colset=col3] .cap_box_ttl {
    color: var(--color_capbox_03)
}

.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 {
    padding-left: .75em;
    border-left: solid 1px var(--color_main)
}

.is-style-vtabel > .swell-block-dl__dt {
    margin-top: -1px !important;
    padding: .5em 1em;
    color: #fff;
    background-color: var(--color_main)
}

.is-style-vtabel > .swell-block-dl__dd {
    margin-left: 0;
    border: solid 1px var(--color_border);
    border-top: none
}

.is-style-float.swell-block-dl {
    line-height: 1.5
}

.is-style-float.swell-block-dl::after {
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    content: ""
}

.is-style-float > .swell-block-dl__dt {
    position: relative;
    float: left;
    clear: both;
    width: 25%;
    margin-top: 0 !important;
    padding: .25em 2.5em .25em 0
}

.is-style-float > .swell-block-dl__dt::after {
    position: absolute;
    top: calc(1em - 1px);
    right: 1em;
    bottom: auto;
    left: auto;
    display: block;
    width: .5em;
    height: 2px;
    background: var(--color_border);
    content: ""
}

.is-style-float > .swell-block-dl__dd {
    float: right;
    width: 72%;
    margin-left: 0;
    padding: .25em 0
}

.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 {
    margin-bottom: 1em
}

.swell-block-faq .faq_q {
    position: relative;
    padding: 1em 1em 1em 3em;
    font-weight: 700;
    line-height: 1.5
}

.swell-block-faq .faq_q::before {
    position: absolute;
    top: .75em;
    left: 0;
    display: block;
    width: 2em;
    font-weight: 400;
    font-family: Arial, sans-serif;
    line-height: 2;
    text-align: center;
    border-radius: var(--swl-faq_icon_radius);
    content: "Q"
}

.swell-block-faq .faq_a {
    position: relative;
    padding: 1em 1em 1em 3em;
    line-height: 1.5
}

.swell-block-faq .faq_a::before {
    position: absolute;
    top: .75em;
    left: 0;
    display: block;
    width: 2em;
    font-family: Arial, sans-serif;
    line-height: 2;
    text-align: center;
    border-radius: var(--swl-faq_icon_radius);
    content: "A"
}

.is-style-faq-border .swell-block-faq__item {
    padding-right: .5em;
    padding-left: .5em
}

.is-style-faq-border .swell-block-faq__item + .swell-block-faq__item {
    padding-top: 1em;
    border-top: solid 1px var(--color_border)
}

.is-style-faq-box .swell-block-faq__item {
    border: solid 1px var(--color_border)
}

.is-style-faq-box .faq_q {
    border-bottom: dashed 1px 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 {
    position: absolute;
    top: 1em;
    left: 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 {
    color: #fff;
    background-color: var(--color_text)
}

[data-a=col-main] .faq_a::before, [data-q=col-main] .faq_q::before {
    color: var(--color_main);
    box-shadow: 0 0 0 1px currentColor
}

[data-a=fill-main] .faq_a::before, [data-q=fill-main] .faq_q::before {
    color: #fff;
    background-color: var(--color_main)
}

[data-q=col-custom] .faq_q::before {
    color: var(--color_faq_q);
    box-shadow: 0 0 0 1px currentColor
}

[data-a=col-custom] .faq_a::before {
    color: var(--color_faq_a);
    box-shadow: 0 0 0 1px currentColor
}

[data-q=fill-custom] .faq_q::before {
    color: #fff;
    background-color: var(--color_faq_q)
}

[data-a=fill-custom] .faq_a::before {
    color: #fff;
    background-color: var(--color_faq_a)
}

.swell-block-step {
    counter-reset: step;
    --swl-step_arrow_color: #dedede
}

.swell-block-step__item {
    position: relative;
    margin-bottom: 0 !important;
    padding: 0 0 3em 64px
}

.swell-block-step__item::before {
    position: absolute;
    top: 0;
    left: 23px;
    display: block;
    width: 0;
    height: 100%;
    border-left: 1px dashed var(--color_border);
    content: ""
}

.swell-block-step__item:last-child::before {
    content: none
}

.swell-block-step__number {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-sizing: content-box;
    width: 48px;
    height: 48px;
    color: #fff;
    line-height: 1;
    text-align: center
}

.swell-block-step__number .__label {
    display: block;
    padding-bottom: 1px;
    font-size: 10px;
    content: attr(data-label)
}

.swell-block-step__number::after {
    display: block;
    font-size: 20px;
    content: counter(step);
    counter-increment: step
}

.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 {
    border-radius: 50%
}

[data-num-style=circle] .swell-block-step__number .__shape {
    border-radius: 50%
}

[data-num-style=horizontal] .swell-block-step__number {
    flex-direction: row;
    align-items: flex-end
}

[data-num-style=horizontal] .swell-block-step__number .__label {
    padding-right: 4px;
    padding-bottom: 4px
}

.swell-block-step__title {
    font-weight: 700
}

.swell-block-step__title + .swell-block-step__body {
    margin-top: 1em
}

.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 {
    padding: 2em;
    border-bottom: dashed 1px var(--swl-step_arrow_color)
}

.is-style-big > .swell-block-step__item:first-child {
    border-top: dashed 1px var(--swl-step_arrow_color)
}

.is-style-big > .swell-block-step__item::before {
    top: 100%;
    left: 50%;
    display: block;
    width: 0;
    height: 0;
    border: solid 12px transparent;
    border-top-color: var(--swl-step_arrow_color);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.is-style-big > .swell-block-step__item > .swell-block-step__number {
    position: relative;
    width: auto;
    height: auto;
    margin: 0 auto 1em;
    color: inherit;
    border-radius: 0
}

.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 {
    top: 18px;
    left: 7px;
    height: calc(100% - 20px);
    border-left: 2px solid var(--color_border)
}

.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 {
    position: relative;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: auto;
    height: auto;
    margin-left: -24px;
    color: inherit
}

.is-style-small .swell-block-step__number .__shape {
    box-sizing: border-box;
    width: 16px;
    height: 16px;
    margin-right: 8px;
    border: solid 2px currentColor
}

.is-style-small .swell-block-step__number .__label {
    padding: 0 2px 0 0;
    font-size: 12px;
    opacity: .8
}

.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
}

[data-spmenu=opened] body > .adsbygoogle {
    top: -140px !important
}

@media (min-width: 600px) {
    .l-articleBottom__section {
        margin-top: 6em
    }

    .l-content {
        padding-top: 4em
    }

    .l-footer__nav a {
        padding: 0 .75em;
        font-size: 13px;
        border-right: 1px solid
    }

    .l-footer__nav li:first-child a {
        border-left: 1px solid
    }

    .p-indexModal__inner {
        padding: 2em
    }

    .-txt .c-headLogo__link {
        font-size: 24px
    }

    .l-topTitleArea {
        min-height: 240px;
        padding: 1em 0
    }

    .c-bannerLink__label {
        font-size: 14px
    }

    .c-mvBtn__btn {
        font-size: 14px
    }

    .c-pageTitle {
        font-size: 1.5em
    }

    .c-secTitle {
        font-size: 20px
    }

    .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-shareBtns__icon {
        font-size: 18px
    }

    .c-copyedPoppup {
        right: 50%;
        font-size: 11px;
        -webkit-transform: translateX(50%);
        transform: translateX(50%)
    }

    .is-style-default .c-tabBody {
        padding: 2em
    }

    .c-tabList__button {
        font-size: 14px
    }

    .tag-cloud-link {
        font-size: 13px !important
    }

    .c-ttl404 {
        font-size: 24px
    }

    .c-postThumb__cat {
        font-size: 11px
    }

    .c-balloon__icon {
        width: 80px
    }

    .c-balloon__iconImg {
        width: 80px;
        height: 80px
    }

    .c-balloon__body {
        padding: 8px 24px
    }

    .c-balloon__body.-thinking {
        padding-top: 16px
    }

    .p-termHead {
        display: flex
    }

    .p-termHead__thumbWrap + .p-termHead__desc {
        border-left: none
    }

    .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
    }

    .p-authorBox {
        display: flex;
        align-content: stretch;
        justify-content: space-between;
        padding: 1.5em
    }

    .p-authorBox__l {
        width: 160px;
        margin-bottom: 0
    }

    .p-authorBox__r {
        display: flex;
        flex-direction: column;
        width: calc(100% - 160px - 1.5em);
        padding-left: 1.5em;
        border-left: solid 1px rgba(200, 200, 200, .5)
    }

    .p-authorBox__more {
        margin-top: auto
    }

    .p-blogCard__caption {
        left: 24px;
        font-size: 12px
    }

    .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 {
        right: 8px;
        bottom: 8px
    }

    .p-breadcrumb__text {
        font-size: 11px
    }

    .p-commentArea__title::before {
        font-size: 18px
    }

    #main_content .p-customBanner .c-bannerLink__title {
        font-size: 24px
    }

    .p-pickupBanners__list {
        margin: 0 -8px
    }

    .p-pickupBanners__item {
        padding: 8px
    }

    .p-pnLinks__item {
        font-size: 13px
    }

    .p-pnLinks__item.-prev .p-pnLinks__link:hover .p-pnLinks__title {
        left: 4px
    }

    .p-pnLinks__item.-next .p-pnLinks__link:hover .p-pnLinks__title {
        left: -4px
    }

    .p-pnLinks__thumb {
        width: 72px;
        height: 48px
    }

    .p-pnLinks.-style-simple .p-pnLinks__link:hover {
        opacity: .8
    }

    .p-pnLinks.-style-normal .-prev .p-pnLinks__link:hover {
        box-shadow: 1px 1px 2px rgba(0, 0, 0, .12)
    }

    .p-pnLinks.-style-normal .-next .p-pnLinks__link:hover {
        box-shadow: -1px 1px 2px rgba(0, 0, 0, .12)
    }

    .-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 {
        font-size: 13px
    }

    .-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
    }

    .-related .-type-card .p-postList__item {
        width: calc(100% / 3)
    }

    .p-profileBox__job {
        font-size: 12px
    }

    .p-profileBox__text {
        font-size: 14px
    }

    .p-snsCta {
        display: flex
    }

    .p-snsCta__body, .p-snsCta__figure {
        flex: 1 1 50%;
        min-height: 200px
    }

    .p-snsCta__message {
        font-size: 16px
    }

    .-capbox .p-toc__list {
        padding-left: 2em
    }

    .-border.p-toc {
        padding: 1.75em 1em 1.5em
    }

    .-double.p-toc {
        padding: 2em 2em 2em
    }

    .calendar_wrap, .wp-block-calendar {
        font-size: 14px
    }

    .widget_calendar caption, .wp-block-calendar caption {
        font-size: 13px
    }

    .widget_calendar #next, .widget_calendar #prev, .wp-block-calendar #next, .wp-block-calendar #prev {
        font-size: 13px
    }

    .cat-post-count, .tag-link-count {
        font-size: 13px
    }

    .c-widget__title {
        font-size: 16px
    }

    div.has-background, div.has-border, div.is-style-bg_gray, div.is-style-bg_grid, div.is-style-bg_main, div.is-style-bg_main_thin, div.is-style-bg_stripe, div.is-style-border_dg, div.is-style-border_dm, div.is-style-border_sg, div.is-style-border_sm, div.is-style-dent_box, div.is-style-emboss_box, div.is-style-note_box, div.is-style-stitch {
        padding: 2em
    }

    [class*=is-style-big_icon_] {
        padding: 2.5em 2em 2em
    }

    .post_content h2 {
        margin: 4em 0 2em;
        font-size: 1.4em
    }

    .post_content > h2 {
        margin-right: -16px;
        margin-left: -16px
    }

    .post_content h3 {
        font-size: 1.3em
    }

    .post_content h4 {
        font-size: 1.2em
    }

    [class*=is-style-btn_] a {
        min-width: 40%
    }

    [class*=is-style-btn_].-size-s a {
        min-width: 20%
    }

    [class*=is-style-btn_].-size-l a {
        min-width: 80%
    }

    .is-style-more_btn a {
        min-width: 64%;
        font-size: 14px
    }

    .is-style-broken.is-image-fill .wp-block-media-text__media {
        min-height: 100%
    }

    .cap_box_content {
        padding: 1.5em
    }

    .is-style-onborder_ttl2 > .cap_box_content, .is-style-onborder_ttl > .cap_box_content {
        padding-top: 2em
    }
}

@media (min-width: 960px) {
    .l-container {
        padding-right: 48px;
        padding-left: 48px
    }

    .-sidebar-on .l-content {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }

    .c-headLogo {
        height: var(--logo_size_pc)
    }

    .l-fixHeader .c-headLogo {
        height: var(--logo_size_pcfix)
    }

    .c-smallNavTitle {
        position: relative;
        top: 4px;
        display: block
    }

    .l-header__spNav {
        display: none
    }

    .-sidebar-on .l-mainContent {
        width: calc(100% - 356px)
    }

    #sidebar .c-widget + .c-widget {
        margin-top: 2.5em
    }

    .-sidebar-on #sidebar {
        width: 304px
    }

    .c-fixBtn:hover {
        opacity: 1
    }

    [data-width-pc="25"] .c-tabList, [data-width-pc=auto] .c-tabList {
        flex-wrap: wrap
    }

    [data-width-pc="25"] .c-tabList__item {
        width: 25%
    }

    [data-width-pc=flex-50] .c-tabList__item {
        flex-basis: 50%
    }

    [data-width-pc=flex-auto] .c-tabList__item {
        flex: 1 1 auto
    }

    [data-width-pc=auto] .c-tabList__button {
        padding-right: 1em;
        padding-left: 1em
    }

    [data-scroll-pc] .c-tabList {
        z-index: 1;
        flex-wrap: nowrap !important;
        justify-content: flex-start;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scroll-behavior: smooth
    }

    [data-scroll-pc] .c-tabList__item {
        flex-shrink: 0
    }

    [data-scroll-pc].is-style-bb .c-tabList__item {
        margin-bottom: 4px
    }

    #fix_bottom_menu {
        display: none
    }

    [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
    }

    .p-commentArea {
        padding: 2em
    }

    .p-fixBtnWrap {
        right: 2em;
        bottom: 2em
    }

    .-pc-fix_col4 .p-pickupBanners__item {
        width: 25%
    }

    .-pc-fix_col3 .p-pickupBanners__item {
        width: calc(100% / 3)
    }

    .-pc-flex .p-pickupBanners__item {
        flex: 1
    }

    #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: calc(100% / 3)
    }

    .w-footer.-col1 .-type-list {
        display: flex;
        flex-wrap: wrap;
        margin-right: -.5em;
        margin-left: -.5em
    }

    .w-footer.-col1 .-type-list .p-postList__item {
        width: 50%;
        padding: .5em
    }

    .is-hide-last--pc .p-postList__item:last-child {
        display: none
    }

    .p-spMenu {
        display: none
    }

    #main_content .p-toc {
        width: 92%
    }

    .alignwide {
        left: calc(50% - 50vw + 4vw);
        width: calc(100vw - 8vw)
    }

    .-sidebar-on.-frame-off .alignwide {
        left: -16px;
        width: calc(100% + 32px)
    }

    .-sidebar-on.-frame-off .l-content .alignfull {
        left: -16px;
        width: calc(100% + 32px)
    }

    .column2_box .column_item {
        width: 48.5%
    }

    .column3_box .column_item {
        width: 32%;
        font-size: .94em
    }

    .hov-bg-main {
        transition: background-color .25s, color .25s
    }

    .hov-bg-main:hover {
        color: #fff !important;
        background-color: var(--color_main) !important
    }

    .pc-py-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .pc-py-20 {
        padding-top: 2em !important;
        padding-bottom: 2em !important
    }

    .pc-py-40 {
        padding-top: 4em !important;
        padding-bottom: 4em !important
    }

    .pc-py-60 {
        padding-top: 6em !important;
        padding-bottom: 6em !important
    }

    .pc-py-80 {
        padding-top: 8em !important;
        padding-bottom: 8em !important
    }

    .sp_, .sp_only {
        display: none !important
    }

    .w-fixSide {
        position: sticky;
        display: flex;
        flex-direction: column;
        max-height: calc(100vh - 16px);
        margin-top: 2.5em
    }

    .w-fixSide .c-widget {
        flex: 1 1 auto
    }

    .w-fixSide .widget_swell_index, .w-fixSide .widget_swell_new_posts, .w-fixSide .widget_swell_popular_posts {
        overflow-y: auto
    }

    .w-fixSide.-multiple .c-widget {
        max-height: 50vh
    }

    .w-footer {
        display: flex;
        justify-content: space-between
    }

    .w-footer__box {
        flex: 1;
        padding: 1em
    }

    .swell-block-fullWide.-fixbg {
        background-attachment: fixed
    }

    .wp-block-columns {
        flex-wrap: nowrap
    }

    .wp-block-columns .wp-block-column {
        flex-basis: calc(50% - 12px);
        flex-grow: 0
    }

    .wp-block-columns .wp-block-column:not(:first-child) {
        margin-left: 24px
    }

    .is-style-photo_frame img, .is-style-photo_frame video, img.photo_frame {
        border: solid 6px #fff
    }

    [data-table-scrollable=sp] table {
        max-width: 100% !important
    }

    [data-table-scrollable=pc] {
        display: block;
        padding-bottom: 16px;
        overflow-x: scroll
    }
}

@media (min-width: 1020px) {
    .-sidebar-off .-type-card.-pc-col3 .p-postList__item, .-sidebar-off .-type-thumb.-pc-col3 .p-postList__item {
        width: calc(100% / 3)
    }
}

@media screen and (min-width: 1240px) {
    .-related .-type-card .p-postList__item {
        width: 25%
    }

    .-related .-type-list {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }

    .-related .-type-list .p-postList__item {
        width: 49%
    }
}

@media (min-width: 1320px) {
    .-sidebar-on .-type-card.-pc-col3 .p-postList__item, .-sidebar-on .-type-thumb.-pc-col3 .p-postList__item {
        width: calc(100% / 3)
    }
}

@media (min-width: 1400px) {
    .alignwide {
        left: calc(50% - 644px);
        width: 1288px
    }
}

@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 (max-width: 959px) {
    @-webkit-keyframes leftToRight {
        0% {
            -webkit-transform: scale(1.15) translateX(-1.5%);
            transform: scale(1.15) translateX(-1.5%)
        }
        100% {
            -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%)
         }
         100% {
             -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
    }

    #content {
        overflow: hidden
    }

    html[data-has-fixtable] #content {
        overflow: visible
    }

    .l-footer__inner {
        padding-bottom: calc(env(safe-area-inset-bottom) * .5)
    }

    .l-header[data-spfix="1"] {
        position: sticky;
        top: var(--swl-adminbar_height, 0)
    }

    .l-header__bar {
        display: none
    }

    .l-header__inner {
        display: flex;
        align-items: center;
        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
    }

    .l-header__gnav {
        display: none
    }

    .l-fixHeader {
        display: none
    }

    #sidebar {
        margin-top: 4em
    }

    .-fix.c-shareBtns {
        display: none !important
    }

    [data-width-sp="50"] .c-tabList, [data-width-sp=auto] .c-tabList {
        flex-wrap: wrap
    }

    [data-width-sp="50"] .c-tabList__item {
        width: 50%
    }

    [data-width-sp=flex-50] .c-tabList__item {
        flex-basis: 50%
    }

    [data-width-sp=flex-auto] .c-tabList__item {
        flex: 1 1 auto
    }

    [data-width-sp=auto] .c-tabList__button {
        padding-right: 1em;
        padding-left: 1em
    }

    [data-scroll-sp].swell-block-tab {
        position: relative
    }

    [data-scroll-sp].swell-block-tab::after {
        position: absolute;
        right: -2px;
        bottom: 100%;
        padding: 2px 12px 2px 4px;
        color: #333;
        font-weight: 400;
        font-size: 13px;
        font-family: icomoon !important;
        line-height: 1;
        letter-spacing: -8px;
        background: #fff;
        border-radius: 8px;
        box-shadow: 0 0 8px rgba(0, 0, 0, .1);
        -webkit-animation: FloatHorizontal 3s ease-in-out infinite alternate;
        animation: FloatHorizontal 3s ease-in-out infinite alternate;
        content: "\e921\e921";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    [data-scroll-sp].has-background::after, [data-scroll-sp].has-border::after {
        right: 4px;
        bottom: calc(100% - 1.5em)
    }

    [data-scroll-sp] .c-tabList {
        z-index: 1;
        flex-wrap: nowrap !important;
        justify-content: flex-start;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scroll-behavior: smooth
    }

    [data-scroll-sp] .c-tabList__item {
        flex-shrink: 0
    }

    [data-scroll-sp].is-style-bb .c-tabList__item {
        margin-bottom: 4px
    }

    #fix_bottom_menu {
        padding-bottom: calc(env(safe-area-inset-bottom) * .5)
    }

    .p-blogCard__excerpt {
        display: none
    }

    .p-fixBtnWrap {
        padding-bottom: calc(env(safe-area-inset-bottom) * .5)
    }

    #fix_bottom_menu + .p-fixBtnWrap {
        bottom: 64px
    }

    .-sp-fix_col1 .p-pickupBanners__item {
        width: 100%
    }

    .-sp-slide .p-pickupBanners__list {
        flex-wrap: nowrap;
        justify-content: flex-start;
        padding: 0 0 1em;
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
        -ms-scroll-snap-type: x mandatory;
        scroll-snap-type: x mandatory;
        scroll-behavior: smooth
    }

    .-sp-slide .p-pickupBanners__list::-webkit-scrollbar {
        height: 2px
    }

    .-sp-slide .p-pickupBanners__list::-webkit-scrollbar-track {
        background: rgba(0, 0, 0, .01);
        border: none;
        border-radius: 2px
    }

    .-sp-slide .p-pickupBanners__list::-webkit-scrollbar-thumb {
        background: rgba(0, 0, 0, .2);
        border-radius: 2px;
        box-shadow: none
    }

    .-sp-slide .p-pickupBanners__item {
        flex: 0 0 88%;
        margin: 0 4px;
        scroll-snap-align: center
    }

    .p-pnLinks.-thumb-on {
        display: block
    }

    .p-pnLinks.-thumb-on .p-pnLinks__item {
        width: 100%
    }

    .is-hide-last--sp .p-postList__item:last-child {
        display: none
    }

    .column2_box .column_item, .column3_box .column_item {
        width: 100%
    }

    .column2_box .column_item + .column_item, .column3_box .column_item + .column_item {
        margin-top: 2em !important
    }

    .sp-py-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .sp-py-20 {
        padding-top: 2em !important;
        padding-bottom: 2em !important
    }

    .sp-py-40 {
        padding-top: 4em !important;
        padding-bottom: 4em !important
    }

    .sp-py-60 {
        padding-top: 6em !important;
        padding-bottom: 6em !important
    }

    .sp-py-80 {
        padding-top: 8em !important;
        padding-bottom: 8em !important
    }

    .pc_, .pc_only {
        display: none !important
    }

    .w-fixSide {
        max-height: unset !important
    }

    .w-footer__box {
        padding: 1em 0
    }

    .w-footer__box + .w-footer__box {
        margin-top: 1em
    }

    .is-style-desktop .wp-block-group__inner-container {
        max-width: 640px;
        min-height: 360px;
        max-height: 360px
    }

    .wp_content .min_width10_ {
        --swl-minwidth-cell: 10vw
    }

    .wp_content .min_width20_ {
        --swl-minwidth-cell: 20vw
    }

    .wp_content .min_width30_ {
        --swl-minwidth-cell: 28vw
    }

    .swell-block-fullWide__inner.l-article {
        padding: 0 4vw
    }

    .wp-block-column {
        flex-basis: 100%
    }

    .wp-block-column:not(:first-child) {
        margin-left: 0
    }

    .wp-block-column + .wp-block-column {
        margin-top: 2em
    }

    .sp_mb4_ .wp-block-column + .wp-block-column {
        margin-top: 4em
    }

    .sp_mb6_ .wp-block-column + .wp-block-column {
        margin-top: 6em
    }

    .wp-block-columns {
        flex-wrap: wrap
    }

    .wp-block-columns .wp-block-column:not(:only-child) {
        flex-basis: 100% !important
    }

    .wp-block-columns.sp_column2 {
        font-size: .9em
    }

    .wp-block-columns.sp_column2 > .wp-block-column {
        flex-basis: 48% !important;
        flex-grow: 0;
        margin-top: 2% !important;
        margin-bottom: 2% !important
    }

    .wp-block-columns.sp_column2 > .wp-block-column:nth-child(2n) {
        margin-left: 4%
    }

    .wp-block-columns.sp_column2.has-2-columns {
        flex-wrap: nowrap
    }

    .wp-block-columns.sp_column2.first_big.has-3-columns .wp-block-column:nth-child(2) {
        margin-right: 4%;
        margin-left: 0
    }

    .wp-block-cover {
        padding: 1em
    }

    .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_ th, .sp_block_ thead, .sp_block_ tr, table.sp_block_ {
        display: block !important;
        width: 100% !important
    }

    .sp_block_ td, .sp_block_ th {
        padding: 1em;
        border-right: solid 1px #ededed
    }

    .sp_block_.is-style-double table, table.sp_block_.is-style-double {
        padding: 0 2px 2px;
        border-spacing: 0
    }

    [data-table-scrollable=sp] {
        display: block;
        padding-bottom: 16px;
        overflow-x: scroll
    }

    .wp-block-table[data-theadfix=sp] thead th {
        position: sticky;
        top: var(--swl-offset_y, 0);
        z-index: 1
    }

    .is-style-float.swell-block-dl {
        font-size: .95em
    }

    .is-style-float > .swell-block-dl__dt {
        width: 40%
    }

    .is-style-float > .swell-block-dl__dd {
        width: 60%
    }
}

@media screen and (max-width: 782px) {
    .admin-bar {
        --swl-adminbar_height: 46px
    }
}

@media (max-width: 600px) {
    .wp-block-media-text.is-image-fill .wp-block-media-text__media {
        min-height: 56vw
    }

    .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: 1em 0 0
    }

    .is-style-broken .wp-block-media-text__content, .is-style-card .wp-block-media-text__content {
        padding: 1em
    }

    .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: -2em 0 0;
        padding: 0 1em
    }
}

@media (max-width: 599px) {
    .l-articleBottom__section {
        margin-top: 4em
    }

    .tag-cloud-link {
        font-size: 12px !important
    }

    .c-postThumb__cat {
        -webkit-transform: scale(.9) perspective(0);
        transform: scale(.9) perspective(0)
    }

    .c-balloon__text {
        font-size: .95em
    }

    .-sp-vrtcl.c-balloon {
        flex-wrap: wrap
    }

    .-sp-vrtcl .c-balloon__body {
        width: 100%;
        padding: 8px 0 0
    }

    .-sp-vrtcl .-speaking {
        margin-top: 8px
    }

    .-sp-vrtcl .-speaking .c-balloon__shapes {
        top: 0;
        margin: 0 22px 0 36px;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    .-sp-vrtcl .-thinking .c-balloon__shapes {
        top: -24px;
        margin: 0 88px
    }

    .page-numbers[data-apart="2"]:not(:first-child):not(:last-child) {
        display: none
    }

    .p-termHead__thumbWrap + .p-termHead__desc {
        border-top: none
    }

    .p-adBox__img {
        padding: 0 8px
    }

    .p-adBox__details {
        margin-top: 1em
    }

    .p-adBox__btns {
        flex-wrap: wrap
    }

    .p-adBox__btn {
        margin-top: 10px;
        padding: .75em
    }

    .p-authorBox {
        text-align: center
    }

    .p-authorBox__iconList {
        justify-content: center
    }

    .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%
    }

    .p-snsCta__figure {
        position: absolute;
        z-index: 0;
        width: 100%;
        opacity: .15
    }

    .is-style-browser_mac .wp-block-group__inner-container {
        max-height: 56vw
    }

    .is-style-desktop .wp-block-group__inner-container {
        min-height: 56vw;
        max-height: 56vw
    }

    .instagram-media, .twitter-tweet {
        display: none !important;
        box-sizing: border-box !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 88vw !important
    }

    .instagram-media-rendered, .twitter-tweet-rendered {
        display: block !important
    }

    .twitter-tweet > iframe {
        width: 100% !important
    }

    .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 (max-width: 460px) {
    .lum-lightbox-image-wrapper {
        display: flex;
        overflow: auto;
        -webkit-overflow-scrolling: touch
    }

    .lum-lightbox-caption {
        width: 100%;
        position: absolute;
        bottom: 0
    }

    .lum-lightbox-position-helper {
        margin: auto
    }

    .lum-lightbox-inner img {
        max-width: none;
        max-height: none
    }

    .lum-lightbox-inner img {
        max-width: 150vw;
        max-height: 88vh
    }

    .lum-gallery-button:after {
        width: 6vw;
        height: 6vw
    }
}

@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 screen and (min-width: 600px) and (max-width: 1239px) {
    .-related .-type-card .p-postList__item:nth-child(7), .-related .-type-card .p-postList__item:nth-child(8) {
        display: none
    }
}

@media screen {
    [hidden~=screen] {
        display: inherit
    }

    [hidden~=screen]:not(:active):not(:focus):not(:target) {
        position: absolute !important;
        clip: rect(0 0 0 0) !important
    }
}