#car_column {
    --swl-fz--content: 4vw;
    --swl-letter_spacing: .05em;
    --swl-font_family: "游ゴシック体", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    --swl-font_weight: 500;
    --color_main: #005cb2;
    --color_text: #333;
    --color_link: #333333;
    --color_htag: #005cb2;
    --color_bg: #fdfdfd;
    --color_gradient1: #ffffff;
    --color_gradient2: #ffffff;
    --color_main_thin: rgba(0, 115, 223, 0.05 );
    --color_main_dark: rgba(0, 69, 134, 1 );
    --color_list_check: #005cb2;
    --color_list_num: #005cb2;
    --color_list_good: #86dd7b;
    --color_list_triangle: #f4e03a;
    --color_list_bad: #f36060;
    --color_faq_q: #d55656;
    --color_faq_a: #6599b7;
    --color_icon_good: #3cd250;
    --color_icon_good_bg: #ecffe9;
    --color_icon_bad: #4b73eb;
    --color_icon_bad_bg: #eafaff;
    --color_icon_info: #f578b4;
    --color_icon_info_bg: #fff0fa;
    --color_icon_announce: #ffa537;
    --color_icon_announce_bg: #fff5f0;
    --color_icon_pen: #7a7a7a;
    --color_icon_pen_bg: #f7f7f7;
    --color_icon_book: #787364;
    --color_icon_book_bg: #f8f6ef;
    --color_icon_point: #ffa639;
    --color_icon_check: #86d67c;
    --color_icon_batsu: #f36060;
    --color_icon_hatena: #5295cc;
    --color_icon_caution: #f7da38;
    --color_icon_memo: #84878a;
    --color_deep01: #f2001b;
    --color_deep02: #005cb2;
    --color_deep03: #63a84d;
    --color_deep04: #fa6219;
    --color_pale01: #fff2f0;
    --color_pale02: #f3f8fd;
    --color_pale03: #e44141;
    --color_pale04: #3d79d5;
    --color_mark_blue: #b7e3ff;
    --color_mark_green: #bdf9c3;
    --color_mark_yellow: #fcf69f;
    --color_mark_orange: #ffddbc;
    --border01: solid 1px var(--color_main);
    --border02: double 4px var(--color_main);
    --border03: dashed 2px var(--color_border);
    --border04: solid 4px var(--color_gray);
    --card_posts_thumb_ratio: 66.666%;
    --list_posts_thumb_ratio: 66.666%;
    --big_posts_thumb_ratio: 52.356%;
    --thumb_posts_thumb_ratio: 52.356%;
    --blogcard_thumb_ratio: 56.25%;
    --color_header_bg: #fdfdfd;
    --color_header_text: #333;
    --color_footer_bg: #333333;
    --color_footer_text: #ffffff;
    --container_size: 1000px;
    --article_size: 1000px;
    --logo_size_sp: 45px;
    --logo_size_pc: 33px;
    --logo_size_pcfix: 33px;
    --color_gnav_bg: var(--color_main);
    font-family:--swl-font_family;
}

.swl-cell-bg[data-icon="doubleCircle"] {
    --cell-icon-color: #ffc977
}

.swl-cell-bg[data-icon="circle"] {
    --cell-icon-color: #94e29c
}

.swl-cell-bg[data-icon="triangle"] {
    --cell-icon-color: #eeda2f
}

.swl-cell-bg[data-icon="close"] {
    --cell-icon-color: #ec9191
}

.swl-cell-bg[data-icon="hatena"] {
    --cell-icon-color: #93c9da
}

.swl-cell-bg[data-icon="check"] {
    --cell-icon-color: #94e29c
}

.swl-cell-bg[data-icon="line"] {
    --cell-icon-color: #9b9b9b
}

.cap_box[data-colset="col1"] {
    --capbox-color: #005cb2;
    --capbox-color--bg: #f0f6fb
}

.cap_box[data-colset="col2"] {
    --capbox-color: #e44141;
    --capbox-color--bg: #fff2f0
}

.cap_box[data-colset="col3"] {
    --capbox-color: #3d79d5;
    --capbox-color--bg: #f3f8fd
}

.red_ {
    --the-btn-color: #0a9fc9;
    --the-btn-color2: #ffbc49;
    --the-solid-shadow: rgba(8, 119, 151, 1 )
}

.blue_ {
    --the-btn-color: #338df4;
    --the-btn-color2: #35eaff;
    --the-solid-shadow: rgba(38, 106, 183, 1 )
}

.green_ {
    --the-btn-color: #62d847;
    --the-btn-color2: #7bf7bd;
    --the-solid-shadow: rgba(74, 162, 53, 1 )
}

.is-style-btn_normal {
    --the-btn-radius: 80px
}

.is-style-btn_solid {
    --the-btn-radius: 80px
}

.is-style-btn_shiny {
    --the-btn-radius: 80px
}

.is-style-btn_line {
    --the-btn-radius: 80px
}

.post_content blockquote {
    padding: 1.5em 3em
}

.post_content blockquote::before,.post_content blockquote::after {
    content: "\00201c";
    display: inline-block;
    position: absolute;
    font-size: 6em;
    color: rgba(200, 200, 200, .4)
}

.post_content blockquote::before {
    font-family: Arial,Helvetica,sans-serif;
    top: 4px;
    left: 8px
}

.post_content blockquote::after {
    transform: rotate(180deg);
    font-family: Arial,Helvetica,sans-serif;
    bottom: 4px;
    right: 8px
}

.mark_blue {
    background: -webkit-linear-gradient(transparent 64%,var(--color_mark_blue) 0%);
    background: linear-gradient(transparent 64%,var(--color_mark_blue) 0%)
}

.mark_green {
    background: -webkit-linear-gradient(transparent 64%,var(--color_mark_green) 0%);
    background: linear-gradient(transparent 64%,var(--color_mark_green) 0%)
}

.mark_yellow {
    background: -webkit-linear-gradient(transparent 64%,var(--color_mark_yellow) 0%);
    background: linear-gradient(transparent 64%,var(--color_mark_yellow) 0%)
}

.mark_orange {
    background: -webkit-linear-gradient(transparent 64%,var(--color_mark_orange) 0%);
    background: linear-gradient(transparent 64%,var(--color_mark_orange) 0%)
}

[class*="is-style-icon_"] {
    color: #333;
    border-width: 0
}

[class*="is-style-big_icon_"]::after {
    border-color: #fff
}

[class*="is-style-big_icon_"] {
    background: #fff;
    color: #333;
    border-top-width: 2px;
    border-top-style: solid;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .05),0 4px 4px -4px rgba(0, 0, 0, .1)
}

[data-col="gray"] .c-balloon__text {
    background: #f7f7f7;
    border-color: #ccc
}

[data-col="gray"] .c-balloon__before {
    border-right-color: #f7f7f7
}

[data-col="green"] .c-balloon__text {
    background: #d1f8c2;
    border-color: #9ddd93
}

[data-col="green"] .c-balloon__before {
    border-right-color: #d1f8c2
}

[data-col="blue"] .c-balloon__text {
    background: #e2f6ff;
    border-color: #93d2f0
}

[data-col="blue"] .c-balloon__before {
    border-right-color: #e2f6ff
}

[data-col="red"] .c-balloon__text {
    background: #ffebeb;
    border-color: #f48789
}

[data-col="red"] .c-balloon__before {
    border-right-color: #ffebeb
}

[data-col="yellow"] .c-balloon__text {
    background: #f0f6fb;
    border-color: #005cb2
}

[data-col="yellow"] .c-balloon__before {
    border-right-color: #f0f6fb
}

.-type-list2 .p-postList__body::after,.-type-big .p-postList__body::after {
    content: "READ MORE »";
}

.c-postThumb__cat {
    background-color: #005cb2;
    color: #fff;
    background-image: repeating-linear-gradient(-45deg,rgba(255,255,255,.1),rgba(255,255,255,.1) 6px,transparent 6px,transparent 12px)
}

.post_content h2:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title)) {
    color: #fff;
    padding: .75em 1em;
    border-radius: 2px;
    background: var(--color_htag)
}

.post_content h2:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title))::before {
    position: absolute;
    display: block;
    pointer-events: none;
    content: "";
    bottom: calc(2px - 1.5em);
    left: 1.5em;
    width: 0;
    height: 0;
    visibility: visible;
    border: .75em solid transparent;
    border-top-color: var(--color_htag)
}

.post_content h3:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title)) {
    padding: 0 .5em .5em
}

.post_content h3:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title))::before {
    content: "";
    width: 100%;
    height: 4px;
    background: -webkit-linear-gradient(135deg, transparent 25%,var(--color_htag) 25%,var(--color_htag) 50%,transparent 50%,transparent 75%,var(--color_htag) 75%,var(--color_htag));
    background: linear-gradient(135deg, transparent 25%,var(--color_htag) 25%,var(--color_htag) 50%,transparent 50%,transparent 75%,var(--color_htag) 75%,var(--color_htag));
    background-size: 4px 4px;
    opacity: 0.5
}

.post_content h4:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title)) {
    padding: 0 0 0 16px;
    border-left: solid 2px var(--color_htag)
}

.post_content h2.is-style-section_ttl {
    padding: 0 5.5em
}

.post_content h2.is-style-section_ttl::before,.post_content h2.is-style-section_ttl::after {
    position: absolute;
    top: 50%;
    bottom: auto;
    display: block;
    width: 3em;
    height: 1px;
    pointer-events: none;
    content: "";
    background: currentColor
}

.post_content h2.is-style-section_ttl::before {
    left: 2em;
    right: auto
}

.post_content h2.is-style-section_ttl::after {
    left: auto;
    right: 2em
}

.post_content h2.is-style-section_ttl.has-text-align-left {
    padding-left: 1.75em;
    padding-right: 0
}

.post_content h2.is-style-section_ttl.has-text-align-left::before {
    width: 1em;
    left: 0
}

.post_content h2.is-style-section_ttl.has-text-align-left::after {
    content: none
}

.post_content h2.is-style-section_ttl.has-text-align-right {
    padding-left: 0;
    padding-right: 1.75em
}

.post_content h2.is-style-section_ttl.has-text-align-right::before {
    content: none
}

.post_content h2.is-style-section_ttl.has-text-align-right::after {
    width: 1em;
    right: 0
}

.l-footer__widgetArea {
    background: #f7f7f7
}

.l-footer__widgetArea {
    color: #333333
}

.l-header__menuBtn {
    color: #fff;
    background-color: #333333
}

.l-header__customBtn {
    color: #fff;
    background-color: #005cb2
}

.c-gnav a::after {
    background: var(--color_main);
    width: 0%;
    height: 2px
}

.p-spHeadMenu .menu-item.-current {
    border-bottom-color: var(--color_main)
}

.c-gnav > li:hover > a::after,.c-gnav > .-current > a::after {
    width: 100%
}

.c-gnav .sub-menu {
    color: #333;
    background: #fff
}

#fix_tocbtn {
    border-radius: 50%
}

#before_footer_widget {
    margin-bottom: 0
}

.c-widget__title.-spmenu {
    padding: .5em .75em;
    border-radius: var(--swl-radius--2, 0px);
    background: var(--color_main);
    color: #fff;
}

.c-secTitle {
    border-left: solid 2px var(--color_main);
    padding: 0em .75em
}

.p-spMenu {
    color: #333
}

.p-spMenu__inner::before {
    background: #fdfdfd;
    opacity: 1
}

.p-spMenu__overlay {
    background: #000;
    opacity: 0.6
}

[class*="page-numbers"] {
    color: #fff;
    background-color: #dedede
}

.l-topTitleArea.c-filterLayer::before {
    background-color: #000;
    opacity: 0;
    content: ""
}


@media screen and (max-width: 959px) {
    

    .l-header__logo {
        margin-right: auto
    }

    .l-header__inner {
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        justify-content: flex-end
    }
}

@media screen and (min-width: 600px) {
    #car_column  {
        --swl-fz--content:16px;
    }
}

@media screen and (max-width: 599px) {
    #car_column  {
    }

    .post_content h2.is-style-section_ttl {
        padding: 0 3.5em
    }

    .post_content h2.is-style-section_ttl::before {
        width: 2em;
        left: 1em
    }

    .post_content h2.is-style-section_ttl::after {
        width: 2em;
        right: 1em
    }
}

@media (min-width: 1208px) {
    .alignwide {
        left:-100px;
        width: calc(100% + 200px);
    }
}

@media (max-width: 1208px) {
    .-sidebar-off .swell-block-fullWide__inner.l-container .alignwide {
        left:0px;
        width: 100%;
    }
}

@media(min-width: 960px) {
    .-series .l-header__inner {
        align-items:stretch;
        display: flex
    }

    .-series .l-header__logo {
        align-items: center;
        display: flex;
        flex-wrap: wrap;
        margin-right: 24px;
        padding: 16px 0
    }

    .-series .l-header__logo .c-catchphrase {
        font-size: 13px;
        padding: 4px 0
    }

    .-series .c-headLogo {
        margin-right: 16px
    }

    .-series-right .l-header__inner {
        justify-content: space-between
    }

    .-series-right .c-gnavWrap {
        margin-left: auto
    }

    .-series-right .w-header {
        margin-left: 12px
    }

    .-series-left .w-header {
        margin-left: auto
    }
}

@media(min-width: 960px)and (min-width:600px) {
    .-series .c-headLogo {
        max-width:400px
    }
}

.l-header__spNav {
    background-color: var(--color_gnav_bg)
}

.p-spHeadMenu a {
    color: #fff
}

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

@media(min-width: 960px) {
    .-parallel .l-header__gnav {
        background-color:var(--color_gnav_bg);
        color: #fff
    }

    .-parallel .l-header__gnav .c-gnav>li>a {
        padding-bottom: 12px;
        padding-top: 12px
    }

    .-parallel .l-header__gnav .c-gnav>li>a:after {
        background-color: #fff
    }

    .-parallel-top .l-header__gnav {
        margin-bottom: 8px
    }

    .-parallel-bottom .l-header__gnav {
        margin-top: 8px
    }
}

.c-submenuToggleBtn:after {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0
}

.c-submenuToggleBtn {
    cursor: pointer;
    display: block;
    height: 2em;
    line-height: 2;
    position: absolute;
    right: 8px;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 2em;
    z-index: 1
}

.c-submenuToggleBtn:before {
    content: "";
    display: inline-block;
    font-family: icomoon;
    font-size: 14px;
    transition: -webkit-transform .25s;
    transition: transform .25s;
    transition: transform .25s,-webkit-transform .25s
}

.c-submenuToggleBtn:after {
    border: 1px solid;
    opacity: .15;
    transition: background-color .25s
}

.c-submenuToggleBtn.is-opened:before {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.widget_categories>ul>.cat-item>a,.wp-block-categories-list>li>a {
    padding-left: 1.75em
}

.c-listMenu a {
    padding: .75em .5em;
    position: relative
}

.c-gnav .sub-menu a:not(:last-child),.c-listMenu a:not(:last-child) {
    padding-right: 40px
}

.c-gnav .sub-menu .sub-menu {
    box-shadow: none
}

.c-gnav .sub-menu .sub-menu,.c-listMenu .children,.c-listMenu .sub-menu {
    height: 0;
    margin: 0;
    opacity: 0;
    overflow: hidden;
    position: relative;
    transition: .25s
}

.c-gnav .sub-menu .sub-menu.is-opened,.c-listMenu .children.is-opened,.c-listMenu .sub-menu.is-opened {
    height: auto;
    opacity: 1;
    visibility: visible
}

.c-gnav .sub-menu .sub-menu a,.c-listMenu .children a,.c-listMenu .sub-menu a {
    font-size: .9em;
    padding-left: 1.5em
}

.c-gnav .sub-menu .sub-menu ul a,.c-listMenu .children ul a,.c-listMenu .sub-menu ul a {
    padding-left: 2.25em
}

@media(min-width: 600px) {
    .c-submenuToggleBtn {
        height:28px;
        line-height: 28px;
        transition: background-color .25s;
        width: 28px
    }
}

@media(min-width: 960px) {
    .c-submenuToggleBtn:hover:after {
        background-color:currentcolor
    }
}

#car_column  {
    --color_content_bg: var(--color_bg);
}

.c-widget__title.-side {
    border-left: solid 2px var(--color_main);
    padding: 0em .75em
}

.c-shareBtns__item:not(:last-child) {
    margin-right: 4px
}

.c-shareBtns__btn {
    padding: 8px 0
}

.single.-index-off .w-beforeToc {
    display: none
}

@media screen and (min-width: 960px) {
    #car_column  {
    }

    .single .c-postTitle__date {
        display: none
    }
}

@media screen and (max-width: 959px) {
    #car_column  {
    }

    .single .c-postTitle__date {
        display: none
    }
}

@media screen and (min-width: 600px) {
    #car_column  {
    }
}

@media screen and (max-width: 599px) {
    #car_column  {
    }
}

.swell-block-fullWide__inner.l-container {
    --swl-fw_inner_pad: var(--swl-pad_container,0px)
}

@media(min-width: 960px) {
    .-sidebar-on .l-content .alignfull,.-sidebar-on .l-content .alignwide {
        left:-16px;
        width: calc(100% + 32px)
    }

    .swell-block-fullWide__inner.l-article {
        --swl-fw_inner_pad: var(--swl-pad_post_content,0px)
    }

    .-sidebar-on .swell-block-fullWide__inner .alignwide {
        left: 0;
        width: 100%
    }

    .-sidebar-on .swell-block-fullWide__inner .alignfull {
        left: calc(0px - var(--swl-fw_inner_pad, 0))!important;
        margin-left: 0!important;
        margin-right: 0!important;
        width: calc(100% + var(--swl-fw_inner_pad, 0)*2)!important
    }
}

@media screen and (min-width: 1240px) {
    .p-relatedPosts {
        display:flex;
        flex-wrap: wrap;
        justify-content: space-between
    }

    .p-relatedPosts .p-postList__item {
        width: 49%
    }
}

.-index-off .p-toc,.swell-toc-placeholder:empty {
    display: none
}

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

#main_content .p-toc {
    border-radius: var(--swl-radius--2,0);
    margin: 4em auto;
    max-width: 800px
}

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

.p-toc .__pn:before {
    content: none!important;
    counter-increment: none
}

.p-toc .__prev {
    margin: 0 0 1em
}

.p-toc .__next {
    margin: 1em 0 0
}

.p-toc.is-omitted:not([data-omit=ct]) [data-level="2"] .p-toc__childList {
    height: 0;
    margin-bottom: -.5em;
    visibility: hidden
}

.p-toc.is-omitted:not([data-omit=nest]) {
    position: relative
}

.p-toc.is-omitted:not([data-omit=nest]):before {
    background: linear-gradient(hsla(0,0%,100%,0),var(--color_bg));
    bottom: 5em;
    content: "";
    height: 4em;
    left: 0;
    opacity: .75;
    pointer-events: none;
    position: absolute;
    width: 100%;
    z-index: 1
}

.p-toc.is-omitted:not([data-omit=nest]):after {
    background: var(--color_bg);
    bottom: 0;
    content: "";
    height: 5em;
    left: 0;
    opacity: .75;
    position: absolute;
    width: 100%;
    z-index: 1
}

.p-toc.is-omitted:not([data-omit=nest]) .__next,.p-toc.is-omitted:not([data-omit=nest]) [data-omit="1"] {
    display: none
}

.p-toc .p-toc__expandBtn {
    background-color: #f7f7f7;
    border: rgba(0,0,0,.2);
    border-radius: 5em;
    box-shadow: 0 0 0 1px #bbb;
    color: #333;
    display: block;
    font-size: 14px;
    line-height: 1.5;
    margin: .75em auto 0;
    min-width: 6em;
    padding: .5em 1em;
    position: relative;
    transition: box-shadow .25s;
    z-index: 2
}

.p-toc[data-omit=nest] .p-toc__expandBtn {
    display: inline-block;
    font-size: 13px;
    margin: 0 0 0 1.25em;
    padding: .5em .75em
}

.p-toc:not([data-omit=nest]) .p-toc__expandBtn:after,.p-toc:not([data-omit=nest]) .p-toc__expandBtn:before {
    border-top-color: inherit;
    border-top-style: dotted;
    border-top-width: 3px;
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    top: calc(50% - 1px);
    transition: border-color .25s;
    width: 100%;
    width: 22px
}

.p-toc:not([data-omit=nest]) .p-toc__expandBtn:before {
    right: calc(100% + 1em)
}

.p-toc:not([data-omit=nest]) .p-toc__expandBtn:after {
    left: calc(100% + 1em)
}

.p-toc.is-expanded .p-toc__expandBtn {
    border-color: transparent
}

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

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

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

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

.p-toc__list>li+li {
    margin-top: .5em
}

.p-toc__list .p-toc__childList {
    padding-left: .5em
}

.p-toc__list [data-level="3"] {
    font-size: .9em
}

.p-toc__list .mininote {
    display: none
}

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

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

#sidebar .p-toc__list .p-toc__childList {
    padding-left: 0
}

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

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

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

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

@media(min-width: 960px) {
    #main_content .p-toc {
        width:92%
    }
}

@media(hover: hover) {
    .p-toc .p-toc__expandBtn:hover {
        border-color:transparent;
        box-shadow: 0 0 0 2px currentcolor
    }
}

@media(min-width: 600px) {
    .p-toc.-double {
        padding:2em
    }
}

.w-beforeFooter {
    margin: 6em auto 3em;
    overflow: hidden
}

.c-widget__title.-footer:before {
    background-color: currentcolor!important
}

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

.l-footer a,.l-footer span {
    color: inherit
}

.l-footer .copyright {
    font-size: 12px;
    text-align: center
}

.l-footer .copyright a {
    color: var(--color_link)
}

.l-footer__nav {
    color: inherit;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: .5em 0 1em
}

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

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

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

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

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

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

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

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

.p-searchModal__inner .c-searchForm {
    box-shadow: 0 0 4px hsla(0,0%,100%,.2)
}

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

@media(min-width: 960px) {
    .w-footer {
        display:flex;
        justify-content: space-between
    }

    .w-footer__box {
        flex: 1;
        padding: 1em
    }
}

@media not all and (min-width: 960px) {
    .w-footer__box {
        padding:1em 0
    }

    .w-footer__box+.w-footer__box {
        margin-top: 1em
    }

    .l-footer__inner {
        padding-bottom: calc(env(safe-area-inset-bottom)*.5)
    }
}

@media(min-width: 600px) {
    .l-footer__nav a {
        border-right:1px solid;
        font-size: 13px;
        padding: 0 .75em
    }

    .l-footer__nav li:first-child a {
        border-left: 1px solid
    }

    .p-indexModal__inner {
        padding: 2em
    }
}

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

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

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

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

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

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

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

.p-articleMetas__termList {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .5em
}

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

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

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

.p-articleThumb__img {
    border-radius: var(--swl-radius--8,0);
    display: block;
    width: 100%
}

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

.p-articleFoot {
    border-top: 1px dashed var(--color_border);
    margin: 2em 0;
    padding-top: 2em
}

.c-shareBtns {
    margin: 2em 0
}

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

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

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

.c-shareBtns__message .__text:before {
    left: 0;
    -webkit-transform: rotate(-40deg);
    transform: rotate(-40deg)
}

.c-shareBtns__message .__text:after {
    right: 0;
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg)
}

.c-shareBtns__list {
    display: flex;
    justify-content: center
}

.c-shareBtns__item.-facebook {
    color: #3b5998
}

.c-shareBtns__item.-twitter {
    color: #1da1f2
}

.c-shareBtns__item.-twitter-x {
    color: #000
}

.c-shareBtns__item.-hatebu {
    color: #00a4de
}

.c-shareBtns__item.-pocket {
    color: #ef3f56
}

.c-shareBtns__item.-pinterest {
    color: #bb0f23
}

.c-shareBtns__item.-line {
    color: #00c300
}

.c-shareBtns__item.-copy {
    color: #717475;
    position: relative
}

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

.c-shareBtns__btn {
    align-items: center;
    background-color: currentcolor;
    border-radius: var(--swl-radius--2,0);
    color: inherit;
    cursor: pointer;
    display: flex;
    justify-content: center;
    text-align: center;
    text-decoration: none
}

.c-shareBtns__icon {
    --the-icon-size: 4.5vw;
    color: #fff;
    display: block;
    font-size: var(--the-icon-size);
    height: 1em;
    line-height: 1;
    margin: auto;
    width: 1em
}

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

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

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

.-fix.c-shareBtns .c-shareBtns__item {
    flex-basis: 100%;
    margin: 4px 0;
    max-width: 100%;
    padding: 0;
    width: 100%
}

.-fix.c-shareBtns .c-shareBtns__btn {
    height: 30px;
    padding: 0
}

.-fix.c-shareBtns .c-shareBtns__icon {
    font-size: 16px
}

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

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

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

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

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

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

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

.c-urlcopy__text {
    display: block
}

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

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

.-fix.c-shareBtns .c-copyedPoppup {
    bottom: 50%;
    left: 100%;
    right: auto;
    -webkit-transform: translateX(8px) translateY(50%);
    transform: translateX(8px) translateY(50%)
}

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

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

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

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

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

.p-authorBox {
    border: 1px solid var(--color_border);
    border-radius: var(--swl-radius--8,0);
    padding: 5vw
}

.p-authorBox .avatar {
    border: 2px solid var(--color_border);
    border-radius: 50%;
    height: 100px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100px
}

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

.p-authorBox__r {
    width: 100%
}

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

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

.p-authorBox__desc {
    width: 100%
}

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

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

.p-authorBox__moreLink {
    border: 1px solid var(--color_border);
    border-radius: var(--swl-radius--4,0);
    color: inherit;
    display: block;
    letter-spacing: var(--swl-letter_spacing,.5px);
    line-height: 3;
    padding: 0 1em;
    position: relative;
    text-align: center;
    text-decoration: none
}

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

@media(min-width: 600px) {
    .c-secTitle {
        font-size:20px
    }

    .l-articleBottom__section {
        margin-top: 6em
    }

    .c-shareBtns__icon {
        --the-icon-size: 18px
    }

    .c-copyedPoppup {
        font-size: 11px;
        right: 50%;
        -webkit-transform: translateX(50%);
        transform: translateX(50%)
    }

    .p-authorBox {
        align-content: stretch;
        display: flex;
        justify-content: space-between;
        padding: 1.5em
    }

    .p-authorBox__l {
        margin-bottom: 0;
        width: 160px
    }

    .p-authorBox__r {
        border-left: 1px solid var(--color_border);
        display: flex;
        flex-direction: column;
        padding-left: 1.5em;
        width: calc(100% - 160px - 1.5em)
    }

    .p-authorBox__more {
        margin-top: auto
    }
}

@media not all and (min-width: 600px) {
    .l-articleBottom__section {
        margin-top:4em
    }

    .p-authorBox {
        text-align: center
    }

    .p-authorBox__iconList {
        justify-content: center
    }
}

@media not all and (min-width: 960px) {
    .-fix.c-shareBtns {
        display:none!important
    }
}