.columns-3,
.columns-4 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    margin: 0 auto;
}

/* .index-body .columns-3,
.index-body .columns-4{
    max-width: 1440px;
} */
.columns-3::after {
    content: '';
    width: 32%;
    display: block;
    height: 0;
}

.columns-4::before {
    content: '';
    width: 24%;
    display: block;
    height: 0;
    order: 1
}

.columns-4::after {
    content: '';
    width: 24%;
    display: block;
    height: 0;
}

.columns-3 .entry {
    width: 32%;
    /* padding:2%; */
    margin-bottom: 4%;
    position: relative;
    background-color: #fff;
    border: 1px solid #ddd
}

.columns-4 .entry {
    width: 24%;
    /* padding:2%; */
    margin-bottom: 4%;
    position: relative;
    background-color: #fff;
    border: 1px solid #ddd
}

.columns-5 {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 10px;
}

.columns-5 .entry {
    margin-bottom: 10px;
    position: relative;
    background-color: #fff;
    border: 1px solid #ddd
}

.list-wrp .entry-list.columns-5.postcount-1,
.list-wrp .entry-list.columns-5.postcount-2,
.list-wrp .entry-list.columns-5.postcount-3,
.list-wrp .entry-list.columns-5.postcount-4 {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.list-wrp .entry-list.columns-5.postcount-1 .entry,
.list-wrp .entry-list.columns-5.postcount-2 .entry,
.list-wrp .entry-list.columns-5.postcount-3 .entry,
.list-wrp .entry-list.columns-5.postcount-4 .entry {
    width: 20%;
}

.single .list-wrp .columns-5 .entry .entry-meta-wrp .title-jp {
    margin-bottom: 0;
}

@media screen and (max-width:1099px) {
    .columns-5 {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 10px;
        font-size: .9em;
    }

    .columns-5 .entry:nth-child(5) {
        display: none;
    }
}

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

    .columns-3 .entry,
    .columns-4 .entry {
        width: 100%;
        padding: 2%;
        margin-bottom: 3%;
        position: relative;
        background-color: #fff;
        border: 1px solid #ddd
    }

    .columns-5 {
        display: block;
    }

    /* .list-wrp .entry-list.columns-5.postcount-1,
    .list-wrp .entry-list.columns-5.postcount-2,
    .list-wrp .entry-list.columns-5.postcount-3,
    .list-wrp .entry-list.columns-5.postcount-4{
        display: flex;
        justify-content: center;
    } */
    .columns-5 .entry,
    .list-wrp .entry-list.columns-5.postcount-1 .entry,
    .list-wrp .entry-list.columns-5.postcount-2 .entry,
    .list-wrp .entry-list.columns-5.postcount-3 .entry,
    .list-wrp .entry-list.columns-5.postcount-4 .entry {
        width: 100%;
        display: flex;
        justify-content: space-between;
        margin-bottom: 3%;
    }

    .single .list-wrp .columns-5 .entry .thumb-wrp {
        width: 25%;
        padding: 10px;
        background-color: #f9f9f9;
    }

    .single .list-wrp.other-technology-list-wrp .columns-5 .entry .thumb-wrp {
        width: 25%;
        padding: 10px;
        background-color: transparent;
    }

    .single .list-wrp .columns-5 .entry .thumb-wrp .thumb {
        padding-bottom: 100%;
    }

    .single .list-wrp .columns-5 .entry .entry-meta-wrp {
        width: 72%;
        padding: 10px;
    }
}

.columns-3 .entry .meta-wrp,
.columns-4 .entry .meta-wrp {
    padding: 3% 5%;
}

/* box size */
.w20 {
    width: 20%;
}

.w30 {
    width: 30%;
}

.w40 {
    width: 40%;
    margin: 2em auto;
}

.w50 {
    width: 50%;
    margin: 2em auto;
}

.w70 {
    width: 70%;
    margin: 2em auto;
}

.w80 {
    width: 80%;
    margin: 2em auto;
}

.w100 {
    width: 100%;
    margin: 2em auto;
}

@media screen and (max-width:767px) {
    .w80 {
        width: 100%;
        margin: 1em auto;
    }
}

@media screen and (min-width:768px) {

    /* thumb hover */
    a img {
        transition: all .3s ease;
    }

    a:hover img {
        transform: scale(1.05);
    }
}

/* youtube */
.is-provider-youtube iframe {
    margin-left: auto;
    margin-right: auto;
}

.wp-embed-aspect-16-9 {
    margin-bottom: 2em;
}

.wp-embed-aspect-16-9 .wp-block-embed__wrapper {
    width: 100%;
    height: 0;
    padding-bottom: 54%;
    position: relative;
}

.wp-embed-aspect-16-9 .wp-block-embed__wrapper iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.wp-embed-aspect-16-9.frame iframe {
    border: 1px solid #ccc;
}

.entry .abox {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.brand-logo {
    width: 200px;
    height: 73px;
    margin: 2em auto 1em;
    position: relative;
}

.brand-logo.smahot {
    width: 160px;
    height: 160px;
}

.brand-logo.fredly {
    width: 120px;
    height: 120px;
}

.brand-logo.koden-fan-cooler {
    width: 280px;
}

.brand-logo.lifon {
    height: 90px;
}

.archive .brand-logo {
    margin-bottom: 2em;
}

.archive .brand-logo.fredly-winter {
    width: 120px;
    height: 120px;
}

.archive-icon {
    width: 240px;
    height: 160px;
    margin: -1em auto 1em;
}

.archive-icon.solution-icon {
    margin: 0 auto;
}

.archive-icon.scene-icon {
    margin: 0 auto .5em;
}

.archive-icon.items-icon {
    width: 110px;
    height: 73px;
    margin: 0 auto;
}

.archive-icon.features-icon {
    width: 60px;
    height: 60px;
    margin: 1em auto;
}

.archive-icon img,
.brand-logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.archive-description {
    font-size: .85em;
    margin-bottom: 2em;
    padding: 0 1.5em;
}

@media screen and (max-width:767px) {
    .brand-logo {
        width: 140px;
        margin: 1em auto;
    }

    .brand-logo.smahot {
        width: 130px;
    }
}

/*  line-up (products) */
/* archive line-up */
.archive-line-up-wrp {
    max-width: 100%;
    padding: 0;
}
@media screen and (max-width:640px) {
    .archive-line-up-wrp {
        margin-top: 4rem !important;
    }
    .archive-line-up-wrp.summer {
        margin-top: 0 !important;
    }
}

/* line-up navi on header */
.line-up-navi {
    padding: 0 15px;
    background-color: rgba(255, 255, 255, 1);
    position: sticky;
    top: 55px;
    transition: all .5s ease;
    z-index: 10;
}
@media screen and (max-width:767px) {
    .line-up-navi {
        top: 55px;
    }
    @media screen and (max-width:640px) {
        .line-up-navi {
            padding: 15px 5px;
        }
    }
}

.line-up-navi.on {
    width: 100%;
    position: fixed;
    background-color: rgba(0, 0, 0, .95);
}

.line-up-navi .wp-block-group__inner-container {
    /* width: fit-content; */
    max-width: 1440px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 0 2em;
}

@media screen and (max-width:1300px) {
    .line-up-navi .wp-block-group__inner-container {
        width: fit-content;
        display: block;
    }
    @media screen and (max-width:640px) {
        .line-up-navi .wp-block-group__inner-container {
            width: 100%;
            display: flex;
            justify-content: center;
/*             gap: 0 2em; */
            position: relative;
        }
    }
}

@media screen and (min-width:768px) {
    .line-up-navi.on .wp-block-group__inner-container {
        transform: scale(.8);
        transition: all .2s ease;
    }
}

.line-up-navi-season {
    display: flex;
    align-items: center;
    padding: .6em;
}
@media screen and (max-width:640px) {
    .line-up-navi .line-up-navi-season {
        display: contents;
    }
}

.line-up-navi-season_title {
    width: 7.5em;
    padding: .25em 0 .25em .5em;
    font-family: var(--en);
    font-weight: 800;
    text-align: center;
    color: var(--season-color);
    border: solid 1px;
    border-right: none;
    position: relative;
}

.winter .line-up-navi-season_title {
    --season-color: var(--main_orange);
}

.summer .line-up-navi-season_title {
    --season-color: #99cccc;
}

.line-up-navi-season_title::after {
    content: '';
    display: block;
    width: 1.1em;
    height: calc(100% + 2px);
    position: absolute;
    left: 100%;
    top: -1px;
    background: linear-gradient(to top right, transparent calc(50% - 1px), var(--season-color) calc(50% - 1px), var(--season-color) 50%, transparent 50%) top left/ 100% 50% no-repeat,
        linear-gradient(to bottom right, transparent calc(50% - 1px), var(--season-color) calc(50% - 1px), var(--season-color) 50%, transparent 50%) bottom left / 100% 50% no-repeat;
}

@media screen and (max-width:767px) {
    .line-up-navi-season_title {
        font-size: min(.85em, 3.2vw);
    }
    @media screen and (max-width:640px) {
        .line-up-navi-season_title {
            width: 9em;
            /* margin: 0 auto; */
            /* cursor: pointer; */
            border: solid 1px;
            padding: .5em 1em;
        }

        .winter .line-up-navi-season_title {
            order: 1;
/*             grid-area: title1; */
/*             margin-left: auto; */
        }

        .summer .line-up-navi-season_title {
            order: 2;
/*             grid-area: title2; */
/*             margin-right: auto; */
        }

        .line-up-navi-season_title::after {
            content: none;
        }

        @keyframes extend {
            0% {
                height: 0;
            }

            100% {
                height: 1.5em;
            }
        }

        .line-up-navi-season_title.show::before {
            content: '';
            display: block;
            width: 0;
            height: 1.5em;
            border-right: solid 1px;
            position: absolute;
            left: 50%;
            top: calc(100% - 4px);
            animation: extend .2s forwards ease-out;
        }
    }
}

@keyframes fadeIn {
    0% {
        display: none;
        opacity: 0;
    }

    1% {
        display: flex;
        opacity: 0;
    }

    100% {
        display: flex;
        opacity: 1;
    }
}

@keyframes fadeOut {
    0% {
        display: flex;
        opacity: 1;
    }

    99% {
        display: flex;
        opacity: 0;
    }

    100% {
        display: none;
        opacity: 0;
    }
}

.line-up-navi ul {
    width: fit-content;
    display: flex;
    padding: 0 1.5em;
    align-items: baseline;
    /* gap: 0 1.2em; */
    list-style-type: none;
}

@media screen and (max-width:767px) {
    .line-up-navi.on ul {
        transform: scale(1);
        flex-wrap: nowrap;
    }

    @media screen and (max-width:640px) {
        .line-up-navi ul {
            display: none;
            width: 100vw;
            padding: 3.5em .5em 0;
            grid-area: subnav;
            position: absolute;
            top: 0;
            left: calc(50% - 50vw);
            justify-content: center;
            align-items: center;
            animation: fadeOut .3s forwards;
        }

        .line-up-navi.on ul {
            top: 0;
            position: static;
            padding-top: 1.5em;
            font-size: .85em;
        }

        .line-up-navi .show+ul {
            order: 3;
            display: flex;
            animation: fadeIn .3s forwards;
        }
    }
}

.line-up-navi ul.howtochose-menu {
    padding: 1em;
}

.line-up-navi ul>li {
    padding: 0 1.2em;
}

@media screen and (max-width:767px) {
    .line-up-navi ul>li {
        padding: 0 .75em;
        text-align: center;
    }
    @media screen and (max-width:640px) {
        .line-up-navi ul>li {
            text-align: center;
        }
    }
}

.line-up-navi ul>li:not(:is(:first-child, .sub_cat)) {
    border-left: solid 1px #ccc
}

.line-up-navi ul>li.sub_cat {
    padding-left: 0;
    font-size: .85em;
}

.line-up-navi ul>li a {
    padding: .35em .5em;
    font-family: var(--en);
    font-weight: 800;
    font-size: 1.05em;
    line-height: 1;
    transition: all .2s ease;
}

.line-up-navi ul>li.sub_cat a {
    font-weight: 500;
}

.line-up-navi.on ul a {
    color: #fff;
}

.line-up-navi ul :is(a.on, a:hover),
.line-up-navi.on ul a.on {
    color: var(--main_orange);
}

.line-up-navi .summer ul :is(a.on, a:hover),
.line-up-navi.on .summer ul a.on {
    color: #99cccc;
}

@media screen and (max-width:767px) {
    .line-up-navi ul a {
        display: flex;
        justify-content: center;
        align-items: center;
        /* width: 25%; */
        height: 2em;
        font-size: min(.85em, 3.2vw);
        padding: .4em .25em;
    }

    .line-up-navi.on ul a {
        border-bottom: none;
        /* font-size: .85em; */
    }

    @media screen and (max-width:640px) {
        .line-up-navi ul a {
            width: fit-content;
        }
    }
}




.line-up-wrp {
    width: 100%;
    margin: 0 auto;
    padding: 70px 15px 40px;
}

@media screen and (min-width:641px) {
    .line-up-wrp.koden {
        padding-top: 30px;
    }
}

.line-up-wrp .inner {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
}

.line-up-wrp.koden-fan-cooler {
    background-color: #f5f8f8;
}

.line-up-wrp.lifon {
    background-color: #f9f9f9;
}

.line-up-wrp .description {
    font-size: .95em;
    line-height: 2;
    margin: 1.5em 0 2em;
}

.line-up-wrp .description p {
    line-height: 2;
}

.line-up-wrp .description p~br {
    display: none;
}

@media screen and (max-width:767px) {
    .line-up-wrp .description {
        font-size: .86em;
        line-height: 1.8;
        margin: 1.5em 0 .75em;
    }

    .line-up-wrp .description p {
        line-height: 1.8;
    }
}

.line-up-wrp .entry {
    border: 1px solid #ccc;
}

.line-up-wrp .cat-thumb {
    width: 100%;
    height: 0;
    padding-bottom: 42%;
    overflow: hidden;
    position: relative;
}

.line-up-wrp .cat-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    object-position: center top;
}

.line-up-wrp.fredly .cat-thumb img,
.line-up-wrp.koden-fan-cooler .cat-thumb img,
.line-up-wrp.koden .cat-thumb img,
.line-up-wrp.smahot .cat-thumb img {
    width: 60%;
    height: 60%;
    object-fit: contain;
    top: 20%;
    left: 20%;
}

.line-up-wrp .cat-title {
    font-size: 1em;
    font-weight: bold;
    padding: 1em 0 .5em;
    text-align: center;
}

.line-up-wrp .cat-en-title {
    font-size: .9em;
    margin-bottom: 1em;
    text-align: center;
}

.line-up-wrp.lifon .inner {
    max-width: 960px;
    gap: 2em 0;
}

.line-up-wrp .link_button {
    display: block;
    width: 16em;
    margin: -2em auto 2em;
    padding: calc(.667em + 2px) calc(1.333em + 2px);
    color: #222;
    background-color: transparent;
    border: 1px solid #999;
    line-height: 1.6;
    font-size: .95em;
    text-align: center;
    position: relative;
    transition: all .2s ease;
}

.line-up-wrp .link_button::after {
    content: '';
    width: .5em;
    height: .5em;
    border-top: 1px solid;
    border-right: 1px solid;
    position: absolute;
    top: 50%;
    right: 1em;
    transform: translateY(-50%) rotate(45deg);
}

.line-up-wrp .link_button:hover {
    background-color: #222;
    border: 1px solid #222;
    color: #fff;
}

/* fredly banner */
.fredly-banner-wrp {
    width: 100%;
    padding: 4em 1.5em;
}

.fredly-banner {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 200px;
    max-width: 720px;
    border: 1px solid #ccc;
    margin: 0 auto;
    overflow: hidden;
}

.fredly-banner .fredly-banner-img,
.fredly-banner .fredly-banner-title {
    width: 50%;
    background-color: #fff;
    text-align: center;
}

.fredly-banner .fredly-banner-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.fredly-banner .fredly-banner-title .fredly-logo {
    width: 70px;
    margin: 2em auto 1em;

}

.fredly-banner .fredly-banner-title h3 {
    display: block;
    text-align: center;
    font-size: 1.2em;
    font-weight: bold;
}

/* .line-up-wrp .inner.fredly_banner{
    max-width:960px;
}
.line-up-wrp.fredly .banner-blocks {
    display: flex;
    justify-content: center;
    margin-bottom: 1.75em;
    box-sizing: border-box;
    flex-wrap: wrap;
    gap:4%;
}

.line-up-wrp.fredly .banner-blocks .banner-block {
    width: 48%;
    text-align: center;
    position: relative;
    border:1px solid #ccc;
}

@media (max-width: 767px) {
    .line-up-wrp.fredly .banner-blocks .banner-block {
        width: 100%;
    }
}

.line-up-wrp.fredly .banner-blocks .hd-bg {
    margin: 0 !important;
    position: relative;
    z-index: 0;
}

.line-up-wrp.fredly .banner-blocks .hd-bg img {
    height: min(240px, 50vw);
    object-fit: cover;
    filter: brightness(1);
    transition: .3s ease;
}

.line-up-wrp.fredly .hd-group {
    padding:.75em;
}

.line-up-wrp.fredly .hd-group h3 {
    font-size: min(1.3em, 5vw);
    font-weight: 600;
}

.line-up-wrp.fredly .hd-group h4 {
    letter-spacing: .1em;
}

.line-up-wrp.fredly .hd-group h4::before,
.line-up-wrp.fredly .hd-group h4::after {
    content: '';
    display: inline-block;
    width: .75em;
    height: 0;
    margin: 0 .5em;
    border-top: solid 1px;
    vertical-align: middle;
}

.line-up-wrp.fredly .transparent-link a {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
    z-index: 3;
} */

/* products main image area */
/* .single .wrp{
    width:100%;
    max-width: 100%;
    padding:0;
    margin: 0 auto;
} */
.line-up .wrp {
    padding-bottom: 0;
}

.single .item-wrp {
    margin-bottom: 1em;
    background-color: #f9f9f9;
}

.single .item-wrp>.wp-block-group__inner-container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding: 80px 15px 50px;
}

@media screen and (max-width:767px) {
    .single .item-wrp>.wp-block-group__inner-container {
        padding: 20px 15px 40px;
    }
}

/* slider wrapper */
.single .item-wrp .wp-block-group__inner-container>.wp-block-gallery,
.single .item-wrp .wp-block-eedee-block-gutenslider,
.single .item-wrp .wp-block-nextend-smartslider3 {
    display: block;
    width: 50%;
    height: 100%;
    ;
    margin: 0;
}

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

    .single .item-wrp .wp-block-group__inner-container>.wp-block-gallery,
    .single .item-wrp .wp-block-eedee-block-gutenslider,
    .single .item-wrp .wp-block-nextend-smartslider3 {
        display: block;
        width: 100%;
    }
}

.single .item-wrp .wp-block-group__inner-container>.wp-block-gallery .blocks-gallery-grid {
    width: 100%;
    height: 100%;
    margin: 0 auto;
}

/* .single .wp-block-eedee-block-gutenslider .eedee-swiper-outer{
    width:100%;
    margin: 0;
} */

/* .single .item-wrp .wp-block-eedee-block-gutenslider .eedee-swiper-outer{
    margin:0;
    background-color:#f9f9f9;
    padding:0 15px;
} */
/* .single .swiper-slide,
.single .wp-block-eedee-block-gutenslider .wp-block-eedee-block-gutenslide .eedee-background-div,
.single .item-wrp .wp-block-group__inner-container > .wp-block-gallery .blocks-gallery-grid .blocks-gallery-item figure{
    height:400px;
    position: relative;
} */
/* fix image padding for slide image */
.swiper-slide.p1 .eedee-background-div {
    padding: 10px;
}

.swiper-slide.p2 .eedee-background-div {
    padding: 20px;
}

.swiper-slide.p3 .eedee-background-div {
    padding: 30px;
}

.swiper-slide.p4 .eedee-background-div {
    padding: 40px;
}

/* blend-mode */
.swiper-slide.multiply {
    background-color: #f9f9f9;
    position: relative;
}

.swiper-slide.multiply img {
    mix-blend-mode: multiply;
}

.single .swiper-slide img {
    opacity: 0;
}

.single .swiper-slide.swiper-slide-active img {
    opacity: 1;
}

.single .item-wrp .wp-block-group__inner-container>.wp-block-gallery .blocks-gallery-grid .blocks-gallery-item figure,
.single .wp-block-eedee-block-gutenslider.content-change .single .eedee-background-div,
.single .wp-block-eedee-block-gutenslider.content-fixed .wp-block-eedee-gutenslider__content,
.single .wp-block-eedee-block-gutenslider .eedee-background-div.eedee-background-div.no-media-background,
.single .wp-block-eedee-block-gutenslider .eedee-background-div.no-media-background.eedee-background-div__overlay,
.single .wp-block-eedee-block-gutenslider .swiper-slide.bg-color.eedee-background-div__overlay,
.wp-block-eedee-block-gutenslider .swiper-slide.bg-gradient.eedee-background-div__overlay,
.single .wp-block-eedee-block-gutenslider .swiper-slide.bg-none.eedee-background-div__overlay,
.single .wp-block-eedee-block-gutenslider .swiper-wrapper {
    min-height: 400px;
    position: relative;
}

.single .wp-block-eedee-block-gutenslider.content-change .eedee-background-div,
.single .wp-block-eedee-block-gutenslider.content-fixed .wp-block-eedee-gutenslider__content,
.single .wp-block-eedee-block-gutenslider .single .eedee-background-div.eedee-background-div.no-media-background,
.single .wp-block-eedee-block-gutenslider .eedee-background-div.no-media-background.eedee-background-div__overlay,
.single .wp-block-eedee-block-gutenslider .swiper-slide.bg-color.eedee-background-div__overlay,
.single .wp-block-eedee-block-gutenslider .swiper-slide.bg-gradient.eedee-background-div__overlay,
.single .wp-block-eedee-block-gutenslider .swiper-slide.bg-none.eedee-background-div__overlay,
.single .wp-block-eedee-block-gutenslider .swiper-wrapper {
    min-height: 400px;
}

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

    .single .item-wrp .wp-block-group__inner-container>.wp-block-gallery .blocks-gallery-grid .blocks-gallery-item figure,
    .single .wp-block-eedee-block-gutenslider.content-change .single .eedee-background-div,
    .single .wp-block-eedee-block-gutenslider.content-fixed .wp-block-eedee-gutenslider__content,
    .single .wp-block-eedee-block-gutenslider .eedee-background-div.eedee-background-div.no-media-background,
    .single .wp-block-eedee-block-gutenslider .eedee-background-div.no-media-background.eedee-background-div__overlay,
    .single .wp-block-eedee-block-gutenslider .swiper-slide.bg-color.eedee-background-div__overlay,
    .wp-block-eedee-block-gutenslider .swiper-slide.bg-gradient.eedee-background-div__overlay,
    .single .wp-block-eedee-block-gutenslider .swiper-slide.bg-none.eedee-background-div__overlay,
    .single .wp-block-eedee-block-gutenslider .swiper-wrapper {
        min-height: 345px;
    }

    .single .wp-block-eedee-block-gutenslider.content-change .eedee-background-div,
    .single .wp-block-eedee-block-gutenslider.content-fixed .wp-block-eedee-gutenslider__content,
    .single .wp-block-eedee-block-gutenslider .eedee-background-div.eedee-background-div.no-media-background,
    .single .wp-block-eedee-block-gutenslider .eedee-background-div.no-media-background.eedee-background-div__overlay,
    .single wp-block-eedee-block-gutenslider .swiper-slide.bg-color.eedee-background-div__overlay,
    .single .wp-block-eedee-block-gutenslider .swiper-slide.bg-gradient.eedee-background-div__overlay,
    .single .wp-block-eedee-block-gutenslider .swiper-slide.bg-none.eedee-background-div__overlay,
    .single .wp-block-eedee-block-gutenslider .swiper-wrapper {
        min-height: 345px;
    }

    .single .swiper-slide,
    .single .wp-block-eedee-block-gutenslider .wp-block-eedee-block-gutenslide .eedee-background-div,
    .single .item-wrp .wp-block-group__inner-container>.wp-block-gallery .blocks-gallery-grid .blocks-gallery-item figure {
        min-height: 345px;
    }
}

.single .item-wrp .wp-block-group__inner-container>.wp-block-gallery .blocks-gallery-grid .blocks-gallery-item figure img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    position: absolute;
    top: 0;
    left: 0;
}

/* slick button */
/* .single .wp-block-eedee-block-gutenslider .eedee-gutenslider-pagination{
} */
.wp-block-eedee-block-gutenslider.arrows-sm .eedee-gutenslider-nav {
    display: none;
}

.single .wp-block-eedee-block-gutenslider .eedee-gutenslider-pagination.swiper-pagination-bullets:not(.swiper-pagination-bullets-dynamic) {
    position: relative;
    /* height:100px; */
    bottom: 0;
    padding-top: 30px;
    /* width:100%; */
}

.single .wp-block-eedee-block-gutenslider .swiper-pagination-bullet {
    background-color: #fff;
    width: 66px;
    height: 66px;
    border-radius: 0;
    position: relative;
    overflow: hidden;
    border: 1px solid #ccc;
    opacity: .8;
    margin: 3px !important;
}

.single .wp-block-eedee-block-gutenslider .swiper-pagination-bullet.swiper-pagination-bullet-active {
    border: 1px solid #555;
    opacity: 1;
}

@media screen and (max-width:767px) {
    .single .wp-block-eedee-block-gutenslider .eedee-gutenslider-pagination.swiper-pagination-bullets:not(.swiper-pagination-bullets-dynamic) {
        height: 130px;
        padding-top: 20px;
    }

    .single .wp-block-eedee-block-gutenslider .swiper-pagination-bullet {
        width: 55px;
        height: 55px;
        margin: 0 2px 2px !important;
    }
}

.single .wp-block-eedee-block-gutenslider .swiper-pagination-bullet img {
    width: 100%;
    height: 100%;
    /* object-fit: cover; */
    object-fit: contain;
}

/* item wrapper */
.single .item-wrp .wp-block-group__inner-container>.item,
.single .item-wrp .wp-block-group__inner-container>p {
    display: block;
    width: 50%;
    margin: 0;
    padding-top: 20px;
    padding-left: 5%;
    /* border:1px solid; */
}

.single .item-wrp .wp-block-group__inner-container>.item .flex-start {
    align-items: center;
}

/* .single.fredly .item-wrp .wp-block-group__inner-container>.item .flex-start{
    align-items: flex-start;
} */

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

    .single .item-wrp .wp-block-group__inner-container>.item,
    .single .item-wrp .wp-block-group__inner-container>p {
        display: block;
        width: 100%;
        padding: 40px 20px 0;
    }
}

.single .item-wrp .wp-block-group__inner-container .item-brand-logo {
    display: block;
    width: 170px;
    height: 80px;
    margin-bottom: 2em;
}

.single .item-wrp .wp-block-group__inner-container .item-brand-logo:nth-child(2),
.single .item-wrp .wp-block-group__inner-container .item-brand-logo:nth-child(3) {
    margin-left: 2em !important;
}

.single.fredly .item-wrp .wp-block-group__inner-container .item-brand-logo:nth-child(2) {
    /* margin-left:0 !important; */
}

/* koden + fredly */
.single.smahot .item-wrp .wp-block-group__inner-container .item-brand-logo.koden,
.single.fredly .item-wrp .wp-block-group__inner-container .item-brand-logo.koden {
    width: 95px;
    height: 35px;
    margin-bottom: .5em;
}

.single .item-wrp .wp-block-group__inner-container .item-brand-logo.lifon {
    margin-left: -6px;
}

.single .item-wrp .wp-block-group__inner-container .item-brand-logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: left center;
}

.single .item-wrp .wp-block-group__inner-container .item-brand-logo.smahot {
    width: 107px;
    height: 107px;
    margin-left: -10px;
    margin-bottom: 1.5em;
}

.single .item-wrp .wp-block-group__inner-container .item-brand-logo.fredly {
    width: 80px;
    height: 80px;
    margin-bottom: 1.5em;
}

@media screen and (max-width:767px) {
    .single .item-wrp .wp-block-group__inner-container .item-brand-logo {
        width: 140px;
        height: 60px;
        margin-bottom: 1em;
    }
}

.single .item-wrp .wp-block-group__inner-container .item-brand-logo.koden-fan-cooler {
    width: 220px;
}

.single .item-wrp .wp-block-group__inner-container .cat {
    margin-bottom: 1em;
}

.single .item-wrp .wp-block-group__inner-container .cat a {
    display: inline-block;
    border: 1px solid #999;
    padding: .5em 1em;
    margin-right: .5em;
    border-radius: 4px;
    font-size: .8em;
    transition: all .3s ease;
}

.single .item-wrp .wp-block-group__inner-container .cat a:hover {
    background-color: #222;
    color: #fff;
    border-color: #222;
}

.single .item-wrp .wp-block-group__inner-container .item-name {
    font-size: 1.7em;
    margin-bottom: 1em;
}

.single .item-wrp .wp-block-group__inner-container .item-title {
    font-size: 1.2em;
    line-height: 1.5;
    margin-bottom: 1.5em;
}

.single .item-wrp .wp-block-group__inner-container .item-lead {
    font-size: 1em;
    line-height: 1.8;
    margin-bottom: .5em;
}

@media screen and (max-width:767px) {
    .single .item-wrp .wp-block-group__inner-container .cat a {
        font-size: .7em;
    }

    .single .item-wrp .wp-block-group__inner-container .item-name {
        font-size: 1.5em;
        margin-bottom: .5em;
    }

    .single .item-wrp .wp-block-group__inner-container .item-title {
        font-size: 1em;
        margin-bottom: 1em;
    }

    .single .item-wrp .wp-block-group__inner-container .item-lead {
        font-size: .9em;
    }

    .single .item-wrp .wp-block-group__inner-container .item-lead br {
        display: none;
    }
}

.single .item-info {
    width: 100%;
    max-width: 1200px;
    padding: 50px 15px;
    margin: 1em auto 0;
}

.single .item-info .openprice {
    display: block;
    margin-top: 2em;
    margin-bottom: 2em;
}

@media screen and (max-width: 767px) {
    .single .item-info {
        padding: 30px 20px;
    }

    .single .item-info .openprice {
        font-size: .9em;
    }
}

.is-style-vk-heading-double_bottomborder_black,
.wp-block-column li {
    line-height: 1.6;
}

.wp-block-column ul {
    /* list-style: none; */
    margin-bottom: 1em;
}

.technology .wp-block-column ul li {
    margin-left: 1.5em;
}

.select_area {
    display: none;
}

/* features icon */
.features,
.featuresarea:not(.select_area) {
    display: grid;
    grid-template-columns: repeat(9, 1fr);
    gap: 10px;
    list-style-type: none;
    margin-top: 20px;
    margin-bottom: 20px;
}

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

    .features,
    .featuresarea:not(.select_area) {
        grid-template-columns: repeat(7, 1fr);
        gap: 6px;
    }
}

.features li,
.featuresarea:not(.select_area)>li {
    font-size: 12px;
    line-height: 1.4;
}

.features li img,
.featuresarea:not(.select_area)>li img {
    /* padding:10px 0; */
}

.entry .figure-wrp {
    padding: 20px;
    margin-bottom: 1em;
}

.post .entry .figure-wrp {
    padding: 40px 60px 0;
}

@media screen and (max-width: 767px) {
    .post .entry .figure-wrp {
        padding: 20px 40px 0;
    }
}

.entry .thumb {
    width: 100%;
    padding: 0;
    padding-bottom: 66%;
    display: block;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}

.entry .thumb img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    position: absolute;
    top: 0;
    left: 0
}

.entry .meta {
    width: 100%;
    padding: 0 1em;
}

.entry .tag-wrp {
    width: 100%;
}

.entry .postdate {
    font-size: .9em;
    line-height: 1.4;
    /* padding:.5em 0; */
    margin-bottom: .5em;
}

.entry .cat {
    display: inline-block;
    padding: .25em 1em;
    font-size: .7em;
    line-height: 1.5;
    border: 1px solid #ccc;
    margin-right: .5em;
}

.single .entry .cat {
    font-size: .9em;
    margin-bottom: 1em;
}

.entry .entry-title {
    font-size: 1em;
    padding: 0;
    display: block;
    width: 100%;
    line-height: 1.5;
    margin: 0 0 1em;
}

.archive .entry .meta-title-wrp .entry-title {
    display: inline-block;
    width: auto;
}

.entry .entry-title-jp {
    font-size: .9em;
    padding: 0;
    display: block;
    width: 100%;
    line-height: 1.5;
    margin: 0 0 1em;
}

.archive .entry .lead {
    font-size: .76em;
    padding: 0;
    display: block;
    width: 100%;
    line-height: 1.5;
    margin: 0 0 1.5em;
}

.single .entry .entry-title {
    font-size: 2em;
    padding: 0;
    display: block;
    width: 100%;
    line-height: 1.5;
    margin-bottom: 0;
}

.single.post .entry .entry-title {
    /* color:#0d48bf; */
}

.single .entry h2 {
    display: block;
    width: 100%;
    text-align: left;
    font-size: 1.6em;
    margin: .5em 0;
    color: #222;
    font-weight: normal;
}

.single .entry h3 {
    display: block;
    font-size: 1.3em;
    margin: 0;
    padding: 1em 0;
    color: #222;
    font-weight: normal;
}

@media screen and (max-width: 767px) {
    .single .entry h2 {
        font-size: 1.2em;
    }

    .single .entry h3 {
        font-size: 1em;
    }
}

.entry h3 a {
    color: #222;
    display: inline-block;
    padding: .5em 0;
}

.entry p:not(.cat) {
    font-size: .9em;
    line-height: 1.8;
    padding-bottom: 1em;
}

.single .wrp .entry p:not(.cat) {
    font-size: 1em;
    line-height: 2;
    padding-bottom: 2em;
}

/* product single page */
.single .item-info h5,
.single h5.is-style-vk-heading-plain {
    font-size: 1.1em;
    margin-top: 0;
    margin-bottom: 1em;
}

.single .item-info h5::before,
.single h5.is-style-vk-heading-plain::before {
    content: '';
    display: inline-block;
    width: .3em;
    height: .3em;
    border: 4px solid;
    border-radius: 100%;
    margin-right: .5em;
}

.single.post .wp-block-column ul:not(.features) li {
    list-style-type: disc;
    margin-left: 1.5em;
    font-size: .96em;
    line-height: 1.6;
}

@media screen and (max-width: 767px) {
    .single.post .wp-block-column ul:not(.features) li {
        font-size: .8em;
    }
}

.single.post .wp-block-column ul:not(.features) li em {
    font-style: normal;
    font-size: .8em;
}

.single.post .wp-block-column ul.note li {
    list-style-type: none;
    margin-left: 0;
    font-size: .76em;
}

.single.post .wp-block-column li span {
    display: inline-block;
    font-size: .86em;
    margin-top: .5em;
}

.single .wp-block-column:not(:first-child) {
    margin-left: 4em;
}

@media screen and (max-width: 767px) {
    .single .wp-block-column:not(:first-child) {
        margin-left: 0;
    }
}

.single-figure-wrp {
    width: 100%;
    max-width: 800px;
    margin: 0 auto 2em;

}

.single-figure-wrp .thumb {
    margin: 0 auto;
    width: 100%;
    min-height: 460px;
    position: relative;
    overflow: hidden;
}

.single-figure-wrp .thumb img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    position: absolute;
    top: 0;
    left: 0;
}

/* wp block css fix */
.has-medium-font-size {
    font-size: 1.2em !important;
}

.has-large-font-size {
    font-size: 1.5em !important;
}

figcaption {
    font-size: .9em;
    line-height: 1.5;
    padding: .5em 0;
}

.aligncenter figcaption {
    text-align: center;
}

.wp-block-table table {
    width: 100%;
}

.wp-block-table th,
.wp-block-table td {
    font-weight: normal;
    padding: .5em;
}

.wp-block-image {
    margin: 1em auto 2em;
}

.wp-block-image img {
    width: 100%;
    height: auto;
}

/* table press fix */
.tablepress {
    width: 100%;
    border: none;
    margin-bottom: 1em;
}

.tablepress tr {
    border-bottom: 1px solid #ddd;
}

.tablepress tr:first-child {
    border-top: 1px solid #ddd;
}

.tablepress tr.odd,
.tablepress tr.odd td {
    background-color: transparent;
}

.tablepress tr:nth-child(odd) td {
    background-color: #f3f3f3;
}

.tablepress tr.odd:hover td,
.tablepress tr.even:hover td {
    pointer-events: none;
}

.tablepress th,
.tablepress td {
    font-size: .8em;
    line-height: 1.5;
    transition: none;
    padding: .75em;
}
.tablepress-id-4516748025992 tr:nth-child(odd) :is(th, td) ,
.tablepress-id-4516748025985 tr:nth-child(odd) :is(th, td) {
    background-color: transparent;
}

.tablepress-id-4516748025992 tr:is(:nth-child(1), :nth-child(3), :nth-child(5), :nth-child(7), :nth-child(8), :nth-child(10), :nth-child(12)) :is(th, td),
.tablepress-id-4516748025985 tr:is(:nth-child(1), :nth-child(3), :nth-child(5), :nth-child(7), :nth-child(8), :nth-child(10), :nth-child(12)) :is(th, td) {
    background-color: #f3f3f3;
}
.tablepress-id-4516748025992 tr.row-5 td,
.tablepress-id-4516748025985 tr.row-5 td{
    border-bottom:none;
}

.search .tablepress tr,
.archive .tablepress tr {
    background-color: transparent;
}

.search .tablepress th,
.search .tablepress td,
.archive .tablepress th,
.archive .tablepress td {
    font-size: .74em;
    line-height: 1.5;
    background-color: transparent !important;
}
.search .tablepress dl,
.archive .tablepress dl {
    display: grid;
    grid-template-areas: "dt dd";
    grid-template-columns: auto 1fr;
    grid-template-rows: auto auto;
    gap: .5em 1em;
}

.tablepress .column-1 {
    white-space: nowrap;
}

.tablepress caption a {
    display: inline-block;
    padding: .5em 1em;
    border: 1px solid #ccc;
    border-radius: 3em;
    margin: 1em 0;
}

/* hide edit */
.search .tablepress caption,
.archive .tablepress caption {
    display: none;
}

/* smahot */

/* .smahot_switch { background-color: rgb(244, 244, 244); } */
.nextend-thumbnail-inner {
    background-color: transparent !important;
}

.single .mode,
.single .switch {
    background-color: #f3f3f3;
    border-radius: 4px;
    margin: 2em auto;
    padding: 1.5em 2em;
}

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

    .single .mode,
    .single .switch {
        padding: 1.25em 1em;
    }
}

.single .mode {
    display: inline-block;
    margin: 1em 0;
}

.single .switch .wp-block-image {
    margin: 2em auto 0;
}

.single .mode h5,
.single .switch h5 {
    font-size: 1em;
    color: #222;
}

.single .mode h5::before,
.single .switch h5::before {
    color: #666;
}

.single .mode-list {
    margin-bottom: 1em;
}

.single .mode-list>.wp-block-column {
    display: block;
    font-size: .9em;
    padding: 1.2em 1em;
    border: 2px solid #ccc;
    border-radius: 5px;
    background-color: #fff;
    margin: 0 10px;
}

.single .mode p,
.single .switch p {
    font-size: .9em;
    color: #222;
}

/* pickup contents banner */
.tech-banner-wrp {
    position: relative;
    background-color: #f3f3ef;
    padding: 3em 1em 0;
}

.tech-banner-inner {
    width: 100%;
    max-width: 1200px;
    padding: 10px;
    margin: 0 auto;
}

.tech-banner-wrp .title-wrp .title {
    font-size: 1.5em;
}

.tech-banner-wrp .entry-list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.tech-banner-wrp .entry-list.postcount-1,
.tech-banner-wrp .entry-list.postcount-2 {
    justify-content: center !important;
}

.tech-banner-wrp .entry-list.postcount-1::after,
.tech-banner-wrp .entry-list.postcount-2::after {
    display: none;
}

.tech-banner-wrp .entry-list .entry {
    display: flex;
    justify-content: space-between;
    /* width:48%; */
    background-color: #fff;
    border: 1px solid #ccc;
    position: relative;
    padding: 15px;
}

.tech-banner-wrp .entry-list.postcount-1 .entry,
.tech-banner-wrp .entry-list.postcount-2 .entry {
    margin-left: .5%;
    margin-right: .5%;
}

@media screen and (max-width: 767px) {
    .tech-banner-wrp .entry-list .entry {
        width: 100%;
        margin-top: -1px;
        font-size: .9em;
    }

    .tech-banner-wrp .entry-list.postcount-1 .entry,
    .tech-banner-wrp .entry-list.postcount-2 .entry {
        margin-left: 0;
        margin-right: 0;
    }
}

.tech-banner-wrp .entry-list .entry .thumb-wrp {
    width: 35%;
    margin: 0;
}

.tech-banner-wrp .entry-list .entry .thumb-wrp .thumb {
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    position: relative;
    border: 1px solid #ccc;
    overflow: hidden;
    margin: 0;
}

.tech-banner-wrp .entry-list .entry .thumb-wrp .thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover !important;
    position: absolute;
    top: 0;
    left: 0;
}

.tech-banner-wrp .entry-list .entry .entry-meta-wrp {
    width: 60%;
}

.tech-banner-wrp .entry-list .entry .entry-meta-wrp .entry-title {
    font-size: 1em;
    margin-bottom: .5em;
}

.tech-banner-wrp .entry-list .entry .entry-meta-wrp p {
    font-size: .75em;
    line-height: 1.6;
    padding: 0;
}

@media screen and (max-width: 767px) {
    /* .tech-banner-wrp .entry-list .entry .entry-meta-wrp p{
        font-size:.8em;
    } */
}

.tech-banner-wrp .entry-list .entry .entry-meta-wrp p.btn {
    text-align: center;
    margin-top: 1em;
}

.tech-banner-wrp .entry-list .entry .entry-meta-wrp p.btn a {
    width: 100%;
    font-size: .85em;
    padding: .5em 1em;
}

.store-banner-wrp {
    width: 100%;
    padding: 4em 1em;
    /* background-color:#f5f3eb; */
    background-color: #efe7da;
    text-align: center;
}

.store-banner-inner {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
}

.store-banner-wrp .title-wrp {
    width: 100%;
}

.store-banner-wrp .title-wrp .title {
    font-size: 1.5em;
}

.store-banner-wrp .btn {
    display: inline-block;
    min-width: 300px;
    margin: 10px;
}

.store-banner-wrp .btn a {
    width: 100%;
}

/*archive */
.archive-header .page-title {
    font-size: 1.1em;
    margin-bottom: 1em;
}

.archive-header a {
    display: inline-block;
}

/* archive lineup */
.lineup-title {
    font-weight: bold;
    font-size: 2em;
}

.lineup-title.tax-title {
    font-weight: bold;
    font-size: 2.5em;
    margin-bottom: .25em;
}

.news.inner,
.download.inner {
    max-width: 800px;
    margin: 0 auto;
    padding: 0 15px;
}

.archive .news .entry {
    border-bottom: 1px solid #ccc;
    padding-bottom: 3%;
    margin-bottom: 5%;
}

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

    .archive .news .entry,
    .archive .download .entry {
        padding-bottom: 3%;
    }
}

.archive .news .news-btn,
.search .download .dl-btn {
    width: 5%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    color: #222;
    transition: all .3s ease;
}

.archive .news .news-btn:hover,
.search .download .dl-btn:hover {
    opacity: .5;
}

.news .entry a {
    color: var(--main_blue);
    text-decoration: underline;
    transition: all .3s ease;
    word-break: break-all;
}

.news .entry a:hover {
    color: #222;
}

.archive .technology .lead {
    padding: 0 .5em;
    line-height: 2;
    margin-top: -1em;
}

@media screen and (max-width: 767px) {
    .archive .technology .lead {
        font-size: .94em;
    }
}

.archive .technology .entry {
    border: 1px solid #ccc;
    padding: 20px;
    margin-bottom: 4%;
}

.technology .entry-vol {
    font-family: var(--en), sans-serif;
    color: var(--main_orange);
    font-weight: 600;
    display: block;
    font-size: 1.2em;
    font-weight: 300;
    margin: .5em 0;
    position: relative;
}

.technology .entry-vol::after {
    content: '';
    width: 4em;
    height: 1px;
    display: block;
    margin-top: .5em;
    margin-bottom: 1em;
    background-color: var(--main_orange);
}

.single .technology .entry-vol {
    font-size: 1.8em;
    line-height: 1;
    font-weight: 300;
    margin: 0 auto;
}

.single .technology .entry-vol::after {
    margin: .5em auto 2em;
}

.technology .entry .figure-wrp {
    width: 45%;
    padding: 0;
    margin-bottom: 0;
}

.news .entry .figure-wrp {
    display: block;
    width: 17%;
    padding: 0;
}

.technology .entry .figure-wrp .thumb,
.news .entry .figure-wrp .thumb {
    width: 100%;
    height: 0;
    padding: 0;
    padding-bottom: 100%;
    position: relative;
    margin-bottom: 0;
}

.technology .entry .figure-wrp .thumb img,
.news .entry .figure-wrp .thumb img {
    object-fit: cover;
    border: 1px solid #ccc;
}

.news .entry .figure-wrp .thumb img {
    border: 10px solid #f3f3f3;
}

@media screen and (max-width: 767px) {
    .news .entry .figure-wrp .thumb img {
        border: 4px solid #f3f3f3;
    }
}

.technology .entry .meta-wrp {
    width: 50%;
    padding: 0 0 40px;
    position: relative;
}

.news .entry .meta-wrp {
    width: 70%;
}

.technology .entry .meta-wrp .entry-title,
.news .entry .meta-wrp .entry-title {
    font-size: 1.05em;
}

@media screen and (max-width: 767px) {
    .news .entry .meta-wrp {
        font-size: .9em;
    }

    .technology .entry .meta-wrp {
        padding: 0px;
    }

    .technology .entry .meta-wrp .entry-title,
    .news .entry .meta-wrp .entry-title {
        font-size: 1em;
        margin-bottom: .5em;
    }
}

.technology .entry .btn {
    text-align: center;
    font-size: .75em;
}

.archive .technology .entry .btn {
    padding-bottom: 0;
    text-align: center;
    display: block;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}

.technology .entry .btn a {
    width: 100%;
    line-height: 1;
}

@media screen and (max-width: 767px) {
    .technology .entry {}

    .technology .entry .figure-wrp,
    .technology .entry .meta-wrp {
        width: 100%;
    }

    .technology .entry .figure-wrp .thumb {
        padding-bottom: 60%;
        margin-bottom: 1em;
    }

    .archive .technology .entry .btn {
        position: static;
    }
}

/* news manual download single page */
.news.single .entry,
.download.single .entry {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    padding: 0 15px 40px;
}

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

    .news.single .entry,
    .download.single .entry {
        font-size: .9em;
    }
}

.news.single .news-title {
    font-size: 1.5em;
    margin: 0 0 1.5em;
}

.news.single .entry h3 {
    font-size: 1.2em;
    padding: 0 0 .5em;
}

.news.single .entry .postdate {
    font-size: 1em;
    margin-bottom: 1.5em;
}

/* page */
.table-frame table {}

.table-frame td {
    border: 1px solid #ccc;
    padding: .75em;
}

.page-header {
    text-align: center;
    width: 100%;
    height: 240px;
    position: relative;
    overflow: hidden;
}

.pagetitle-wrp {
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    z-index: 2;
}

.pagetitle-wrp-inner {
    margin-bottom: 1.5em;
}

.page-header .title-en {
    font-size: 2.5em;
    display: block;
    width: 100%;
    font-weight: 700;
    margin-bottom: .2em;
}

.page-header .title-jp {
    font-size: 1.1em;
    display: block;
    width: 100%;
    position: relative;
}

.page-header .title-jp::before,
.page-header .title-jp::after {
    content: '';
    display: inline-block;
    width: 2em;
    height: 1px;
    background-color: #222;
    margin: 0 .75em;
    vertical-align: middle;
}

.page-header .title-jp::before {}

.page-header .title-jp::after {}

@media screen and (max-width: 767px) {
    .page-header {
        height: 180px;
        /*        margin-top: 50px;*/
    }

    .page-header .title-en {
        font-size: 2em;
    }

    .page-header .title-jp {
        font-size: 1em;
    }
}

.single .list-wrp {
    background-color: #f9f9f9;
}

.single .list-wrp .list-wrp-inner {
    max-width: 1440px;
    margin: 0 auto;
    padding: 40px 10px;
}

.single .list-wrp .title {
    font-size: 1.3em;
}

@media screen and (max-width: 767px) {
    .single .list-wrp .title {
        font-size: 1.1em;
    }
}

.single .list-wrp .entry {
    padding: 0;
}

.single .list-wrp .entry .thumb-wrp {
    display: block;
    padding: 20px;
    /* background-color:#f9f9f9; */
}

.single .list-wrp.other-technology-list-wrp .entry .thumb-wrp {
    /* background-color:#fff; */
}

.single .list-wrp .entry .thumb-wrp img {
    object-fit: contain;
}

.single .list-wrp.other-technology-list-wrp .entry .thumb-wrp img {
    object-fit: cover !important;
}

.single .list-wrp .entry .entry-meta-wrp {
    padding: 10px 20px;
}

.single .list-wrp .entry .entry-title {
    font-size: .95em;
    margin-bottom: .75em;
}

.single .list-wrp .entry .title-jp,
.single .list-wrp .entry .exc {
    font-size: .8em;
    line-height: 1.6;
    margin-bottom: 1em;
}

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

    .single .list-wrp .entry .title-jp,
    .single .list-wrp .entry .exc {
        font-size: .76em;
    }
}

/* technology contents */
.page .technology .pagetitle-wrp,
.single.technology .pagetitle-wrp {
    position: static;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    height: 200px;
    overflow: hidden;
    z-index: 3;
}

@media screen and (max-width:767px) {
    .page .technology .pagetitle-wrp,
    .single.technology .pagetitle-wrp {
        height: 160px;
    }
}

.page .technology .page-header,
.single.technology .page-header {
    max-width: 1000px;
    height: auto;
    margin: 0 auto;
    padding-bottom: 4em;
    overflow: auto;
}

.single.technology .page-header.salmon,
.single.technology .page-header.salmon .pagetitle-wrp {
    max-width: 100%;
    background-color:#f7ede7;
}
.single.technology .page-header.coral,
.single.technology .page-header.coral .pagetitle-wrp {
    max-width: 100%;
    background-color:#eee2e2;
}
.single.technology .page-header.pink,
.single.technology .page-header.pink .pagetitle-wrp {
    max-width: 100%;
    background-color:#f6eeee;
}
.single.technology .page-header.yellow,
.single.technology .page-header.yellow .pagetitle-wrp {
    max-width: 100%;
    background-color:#f8f6e7;
}
.single.technology .page-header.green,
.single.technology .page-header.green .pagetitle-wrp {
    max-width: 100%;
    background-color:#e9f8e7;
}
.single.technology .page-header.gray,
.single.technology .page-header.gray .pagetitle-wrp {
    max-width: 100%;
    background-color:#f9f9f9;
}
.single.technology .page-header.salmon .page-mainimg-wrp,
.single.technology .page-header.coral .page-mainimg-wrp,
.single.technology .page-header.pink .page-mainimg-wrp,
.single.technology .page-header.yellow .page-mainimg-wrp,
.single.technology .page-header.green .page-mainimg-wrp,
.single.technology .page-header.gray .page-mainimg-wrp{
    width:100%;
    max-width:1000px;
    margin:0 auto;
}
.single.technology .bgyellow,
.skin-friendly.technology .kodawari-wrp{
    background-color:#f5f4f0;
}
.single.technology .bgwhite,
.skin-friendly.technology .tech-fredly-info-wrp{
    background-color:#fff;
}
.single.technology .bgpink,
.skin-friendly.technology .tech-fredly-wrp{
    background-color:#f5f4f0;
}
.skin-friendly.technology .tech-fredly-wrp .tech-inner{
    padding-bottom: 0;
}
.single.skin-friendly .wrp{
    padding-bottom: 0;
}

.archive .page-mainimg,
.page .technology .page-mainimg,
.single.technology .page-mainimg {
    width: 100%;
    height: 0;
    padding: 0;
    padding-bottom: 45%;
    position: relative;
    overflow: hidden;
    z-index: 0;
}

@media screen and (max-width:767px) {
    .single.technology .page-mainimg {
        padding-bottom: 80%;
    }
}

.page .technology .page-mainimg img,
.single.technology .page-mainimg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}

.page.announcement.wrp {
    width: 100%;
    max-width: 800px;
    padding: 50px 15px;
}

.archive .cat-notice,
.page-header .title-jp.notice-title,
.page-header .title-jp.announcement-title {
    color: var(--color_red);
    border: 1px solid var(--color_red);
    padding: .25em 1em;
}

.archive .cat-notice,
.archive .cat-announcement {
    font-size: .7em;
    display: inline-block;
    padding: .25em 1em;
    margin-bottom: 1em;
}

.page-header .title-jp.notice-title::before,
.page-header .title-jp.announcement-title::before,
.page-header .title-jp.notice-title::after,
.page-header .title-jp.announcement-title::after {
    display: none;
}

.announcement .title {
    font-size: 1.5em;
    margin-bottom: 1em;
}

.announcement h2 {
    font-size: 1.1em;
    margin: 2em 0 .5em;
}

.announcement h3,
.announcement h4 {
    font-size: 1.1em;
    margin-bottom: 1em;
}

.news .frame,
.announcement .frame {
    border: 1px solid #ccc;
    padding: 1em;
}

.page .wp-block-group.technology,
.single.technology .entry-wrp {
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    padding: 0 15px;
}
.single.technology.skin-friendly .entry-wrp{
    max-width: 100%;
    padding:0;
}
.single.technology.skin-friendly .entry-wrp .tech-inner{
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    padding: 50px 15px;
}
.single.technology .table-guard {
    margin-bottom: 2em;
}

.single.technology .table-guard td {
    width: 50%;
    padding: 1em;
    line-height: 1.6;
    border: 2px solid #999;
}

@media screen and (max-width:767px) {
    .single.technology .table-guard td {
        font-size: .8em;
    }
}

.single.technology .table-guard tr:first-child td {
    font-weight: bold;
    text-align: center;
}

.single.technology .exclamation-p img {
    display: inline-block;
    margin-right: .5em;
    vertical-align: middle;
}

/* fix wp */
.single.technology .wp-block-separator {
    color: #ccc;
    margin-bottom: 3em;
}

.page .technology .entry h2,
.single.technology .entry h2 {
    padding-bottom: .5em;
}

.page .technology .entry h4,
.single.technology .entry h4 {
    padding-bottom: 1em;
}

.single .wrp ol {
    margin-left: 1.5em;
}

.single .wrp li {
    line-height: 1.6;
    margin-bottom: .5em;
}

/* download */
.catalog h3 {
    font-size: 1.05em;
    font-weight: bold;
}

.catalog .wrp {
    background-color: #f9f9f9;
}

.catalog .inner {
    max-width: 900px;
    margin: 0 auto;
    padding: 60px 15px;

}

.wp-block-columns.catalog {}

.catalog figure {
    border: 1px solid #ccc;
    margin: 1em auto 2em;
}

.catalog figure>a {
    display: block;
    /* width:100%; */
    width: 220px;
    overflow: hidden;
}

.catalog img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.catalog figure figcaption {
    font-size: .9em;
    padding: .5em 0;
}


/*contact */
.contact .wrp {
    padding-bottom: 0;
}

.contact .inner.info h2 {
    font-size: 1.4em;
    font-weight: bold;
    margin-bottom: 1em;
}

.contact .inner.info p {
    line-height: 2;
    margin-bottom: 1em;
}

.contact .contact-wrp {
    background-color: #f9f9f9;
}

.contact .inner {
    max-width: 800px;
    padding: 60px 15px;
}

.contact .contact-frame {
    border: 1px solid #ccc;
    padding: 2em;
    margin: 2em auto;
    background-color: #fff;
}

@media screen and (max-width: 767px) {
    .contact .contact-frame {
        padding: 1.5em;
        font-size: .9em;
    }
}

.contact .contact-frame p {
    line-height: 1.8;
    padding-bottom: .5em;
}

.contact .contact-frame p.freedial-number img {
    line-height: 1;
    display: inline-block;
    margin-right: .75em;
    vertical-align: middle;
}

.contact .contact-frame p.freedial-number strong {
    vertical-align: middle;
}

/* support */
.support .inner {
    max-width: 960px;
}

.support .frame {
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 1em;
    margin-bottom: 1em;
}

/* faq */
.faq .faq-button {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    font-size: .7em;
    width: 100%;
    /* max-width:1100px; */
    padding: 10px 15px;
    margin: 0 auto;
    background-color: #fff;
    top: 55px;
    z-index: 10;
    transition: all .3s ease;
}

.faq .faq-button.on {
    position: fixed;
    background-color: #f9f9f9;
}

.faq .wp-block-button {
    min-width: 155px;
}

.faq .wp-block-button__link {
    display: block;
    transition: all .3s;
}

.faq .wp-block-button__link.on,
.faq .wp-block-button__link:hover {
    background-color: var(--main_orange);
}

@media screen and (max-width: 767px) {
    .faq .faq-button {
        font-size: .5em;
        margin-bottom: 2em;
    }

    .faq .wp-block-button {
        min-width: 49%;
    }
}

.faq .contents .faq-wrp {
    max-width: 1100px;
    margin: 0 auto;
    padding: 60px 15px 20px;
}

@media screen and (max-width: 767px) {
    .faq .contents .faq-wrp {
        font-size: .9em;
    }
}

.faq .faq-title {
    font-size: 1.5em;
    padding: .5em 0;
    margin: 1em 0 2em;
    border-bottom: 1px solid #666;
}

@media screen and (max-width: 767px) {
    .faq .faq-title {
        font-size: 1.3em;
    }
}

.faq .faq-title::before {
    content: '';
    display: inline-block;
    width: .3em;
    height: .3em;
    border: 5px solid var(--main_blue);
    border-radius: 100%;
    margin-right: .5em;
}

.faq .faq_q {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 1.5em;
    position: relative;
    padding-left: 2em;
}

@media screen and (max-width: 767px) {
    .faq .faq_q {
        font-size: 1em;
    }
}

.faq .faq_q::before {
    content: 'Q';
    display: block;
    width: 1em;
    height: 1em;
    font-size: 1.5rem;
    position: absolute;
    top: -.2em;
    left: 0;
    color: var(--main_blue);
}

.faq .faq_a {
    position: relative;
    padding-left: 2em;
    margin-bottom: 3em;
}

.faq .faq_a::before {
    content: 'A';
    display: block;
    width: 1em;
    height: 1em;
    font-size: 1.5rem;
    font-weight: bold;
    position: absolute;
    top: 0;
    left: 0;
    color: var(--main_orange);
}

.faq p {
    line-height: 1.8;
    margin-bottom: 1em;
}

.faq .note {
    font-size: .8em;
}

/* choose */
.how-to-choose .wrp {
    max-width: 100%;
    padding: 0;
}

.solution-wrp {
    background-color: #fff;
}

.scene-wrp {
    background-color: #f9f9f9;
}

.items-wrp {
    background-color: #f3f3ef;
}

.choose-menu-wrp {
    width: 100%;
}

.choose-menu-wrp>.wp-block-group__inner-container {
    max-width: 1100px;
    padding: 60px 15px;
    margin: 0 auto;
}

.choose-menu-wrp h2 {
    font-size: 2.2em;
    font-weight: 600;
    margin-bottom: .5em;
    color: var(--main_orange);
}

.c-title {
    font-size: 1.4em;
    margin-bottom: 1.5em;
    text-align: center;
}

.concept .lead {
    font-size: 1.05em;
    line-height: 1.8;
    margin-bottom: 1em;
}

.concept .concept-wrp {
    counter-reset: c-counter;
    width: 100%;
    /* max-width: 1440px; */
    max-width: 1360px;
    margin: 0 auto;
    padding: 15px 30px;
    justify-content: space-between;
}

.concept .concept-koden-logo figure {
    width: 200px;
}

.concept .concept-wrp p {
    font-size: .95em;
    line-height: 1.8;
}

@media screen and (max-width: 767px) {
    .concept .lead {
        font-size: 1em;
        line-height: 1.8;
    }

    .concept .concept-koden-logo figure {
        width: 160px;
    }

    .concept .concept-wrp .wp-block-image {
        margin: 2em auto .5em;
    }

    .concept .concept-wrp p {
        font-size: .9em;
    }
}

.concept .c-title {
    counter-increment: c-counter;
}

.concept .c-title::before {
    display: block;
    text-align: center;
    font-family: var(--en), sans-serif;
    font-weight: 600;
    content: "0"counter(c-counter);
    font-size: 2em;
    color: var(--main_blue);
    line-height: 1;
    margin-bottom: .25em;
}

.choose-menu>.wp-block-group__inner-container {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.choose-menu>.wp-block-group__inner-container::after {
    content: '';
    width: 32%;
    height: 0;
    display: block;
}

.c-btn {
    width: 32%;
    display: block;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 1em 1em 0;
    background-color: #fff;
    margin: 0 0 2%;
}

@media screen and (max-width: 767px) {
    .choose-menu>.wp-block-group__inner-container::after {
        display: none;
    }

    .c-btn {
        width: 49%;
    }
}

.c-btn>figure {
    width: 100%;
    text-align: center;
    display: block;
}

.items-wrp .c-btn figure img {
    display: block;
    width: 50%;
    max-width: 80px;
    margin: 0 auto;

}

.c-btn a {
    display: flex;
    justify-content: center;
    align-items: center;
}

.how-to-choose .c-btn figcaption {
    display: block !important;
}

@media screen and (max-width: 767px) {
    .how-to-choose .c-btn figcaption {
        font-size: .8em;
    }
}

/*policy */
.privacy-policy .inner {
    max-width: 960px;
    /* padding:40px 60px;
    border:1px solid #ccc; */
}

.privacy-policy h2 {
    font-size: 1.6em;
}

.privacy-policy h3 {
    font-size: 1.4em;
    margin-top: 1em;
    margin-bottom: 1.5em;
}

.privacy-policy h4 {
    font-size: 1.2em;
    margin-top: 2em;
    margin-bottom: 1em;
    border-bottom: 1px solid #ccc;
    padding-bottom: .5em;
}

.privacy-policy p {
    font-size: .95em;
    line-height: 2;
}

@media screen and (max-width: 767px) {
    .privacy-policy .pagetitle-wrp {
        font-size: .7em;
        line-height: 1.4;
    }

    .privacy-policy h2 {
        font-size: 1.2em;
    }

    .privacy-policy h3 {
        font-size: 1em;
    }

    .privacy-policy h4 {
        font-size: .9em;
    }

    .privacy-policy p {
        font-size: .74em;
        line-height: 2;
    }
}

.privacy-policy strong {
    display: block;
    font-size: 1.1em;
    margin: 1em 0;
}

.privacy-policy ol {
    margin: 1em 0;
    margin-left: 1.5em;
}

.privacy-policy ol li {
    font-size: .9rem;
    line-height: 1.6;
    padding-bottom: .5em;
}

/* footer how to choose */
.how-to-choose-btn {
    position: fixed;
    bottom: 0;
    right: 0;
    display: block;
    width: 100%;
    max-width: 320px;
    margin: 0 auto;
    padding: 1em;
    background-color: #e6d4d0;
    z-index: 99;
    border-radius: 4px 4px 0 0;
    box-shadow: 0 0 3px rgba(0, 0, 0, .2);
}

@media screen and (max-width: 767px) {
    .how-to-choose-btn {
        max-width: 100%;
    }
}

.how-to-choose-btn.on,
.how-to-choose-btn:hover {
    color: var(--main_orange);
}

.how-to-choose-btn .titleicon {
    font-size: 1.4em;
    line-height: 1;
    display: inline-block;
    vertical-align: middle;
}

.how-to-choose-btn .titleicon::before {
    font-size: 1em;
    line-height: 1;
    vertical-align: middle;
    margin-bottom: 0;
}

.how-to-choose-btn .btn-title {
    font-size: 1.1em;
    line-height: 1;
    font-weight: 800;
    display: inline-block;
    vertical-align: middle;
}

.how-to-choose-btn .btn-title-jp {
    font-size: .8em;
    margin: .25em 0 .5em;
}

.how-to-choose-btn .btn-lead {
    font-size: .75em;
}

.how-to-choose-btn .koden-staff {
    width: 50%;
    margin: 0 auto .5em;
}

.how-to-choose-btn {
    transform: translateY(75%);
    transition: all .3s ease;
}

@media screen and (max-width: 767px) {
    .how-to-choose-btn {
        transform: translateY(78%);
    }
}

.how-to-choose-btn.on {
    transform: translateY(0);
}

.how-to-choose-btn .close {
    display: block;
    width: 100%;
    height: 20%;
    position: absolute;
    margin: 0;
    top: 7px;
    right: 0;
    z-index: 3;
    cursor: pointer;
}

.how-to-choose-btn .close:before,
.how-to-choose-btn .close:after {
    display: block;
    width: 16px;
    height: 1px;
    content: '';
    transition: all 0.2s;
    background: #222;
    position: absolute;
    right: 15px;
}

.how-to-choose-btn .close:before {
    top: 9px;
}

.how-to-choose-btn .close:after {
    top: 9px;
}

.how-to-choose-btn.on .close:before {
    transform: rotate(45deg) translateX(0px);
    transform-origin: center center;
}

.how-to-choose-btn.on .close:after {
    transform: rotate(-45deg) translateX(0px);
    transform-origin: center center;
}

/* sitemap */
/* .sitemap .inner {
    max-width: 900px;
}

.sitemap ul {
    margin-left: 1.5em;
}

.sitemap ul li {
    padding: .5em 0;
} */
.sitemap_list-wrp {
    display: grid;
    grid-template-columns: 1fr 5fr 1fr 1fr;
    gap: 2%;
}

@media screen and (max-width:767px) {
    .sitemap_list-wrp {
        display: block;
        width: 100%;
        padding: 1em 1.5em;
    }
}

.sitemap_list-wrp ul,
.sitemap_list-wrp li {
    list-style: none;
    font-size: 12px;
    line-height: 1.5;
}

.sitemap_list-wrp li {
    margin-bottom: .5em;
}
.sitemap_list-wrp li.soon{
}
.sitemap_list-wrp li.soon a{
    pointer-events: none;
    opacity: .5;
}
@media screen and (max-width:767px) {
    .sitemap_list-wrp li {
        width: 100%;
        border-bottom: 1px solid #ccc;
    }
}

.sitemap_list-wrp .box-item {
    border-right: 1px solid #ccc;
}

@media screen and (max-width:767px) {
    .sitemap_list-wrp .box-item {
        border: none;
    }
}

.sitemap_list-wrp .box-item:last-child {
    border: none;
}

.cat-item-wrp {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    gap: 2%;
}

@media screen and (max-width:767px) {
    .cat-item-wrp {
        display: block;
        width: 100%;
    }

    .cat-item:last-child {
        border: none;
    }
}

.cat-item-wrp .cat-items {
    border-right: 1px solid #ccc;
}

@media screen and (max-width:767px) {
    .cat-item-wrp .cat-items {
        border-right: none;
    }

    .page_item:last-child {
        border: none;
    }
}

.cat-item-wrp .cat-items:last-child {
    border: none;
}

/* search */
.error404 .index-main {
    text-align: center;
    padding: 50px 15px;
}

.error404 .index-main .page-title {
    font-size: 2em;
    margin: .5em auto;
}

.error404 .search-area {
    width: 100%;
    max-width: 900px;
    margin: 2em auto;
}

.search-form {
    display: flex;
    justify-content: space-between;
}

.search-form label {
    width: 90%;
}

.search-field {
    display: block;
    width: 100%;
}

.search .res-wrp {
    width: 100%;
}

.search .res {
    width: 100%;
    font-size: 1.2em;
    padding: 0;
    margin: 0;
}

@media screen and (max-width: 767px) {
    .error404 .index-main {
        font-size: .8em;
    }
}

/* registration */
.registration .wrp {
    width: 100%;
    max-width: 1100px;
    margin: 2em auto;
    padding: 15px;
}


/* FREDLY */
.page .fredly main {
    padding-top: 40px;
}

.page .fredly .page-header {
    display: none;
}

.page.fredly .main-view>.wp-block-group__inner-container {
    position: relative;
}

.page.fredly :is(.main-view, .lineup-wrp) .hd-bg {
    margin: 0 !important;
    position: relative;
    z-index: 0;
}

.page.fredly :is(.main-view, .lineup-wrp) .hd-bg img {
    width: 100%;
    object-fit: cover;
}

.page.fredly .main-view .hd-bg img {
    height: min(630px, 100vw);
    object-position: center 10%;
}

.page.fredly :is(.main-view, .lineup-wrp) .hd-group {
    position: absolute;
    left: 50%;
    top: 42%;
    transform: translate(-50%, -50%);
    z-index: 1;
}

.page.fredly :is(.main-view, .lineup-wrp) .hd-group .logo {
    width: min(150px, 23vw);
}

.page.fredly :is(.main-view, .lineup-wrp) .hd-group .tagline {
    width: min(640px, 78vw);
}

.page.fredly .lead-wrp {
    padding: min(80px, 12vw) 5vw;
    line-height: 2;
}

.page.fredly .story-wrp {
    margin: 0;
}

.page.fredly .wp-block-columns.story-wrp :is(.wp-block-column, .wp-block-image),
.page.fredly .lineup-wrp .wp-block-columns :is(.wp-block-column, .wp-block-image) {
    margin: 0;
}

.page.fredly .wp-block-columns.story-wrp .wp-block-column,
.page.fredly .lineup-wrp .wp-block-columns .wp-block-column {
    width: 50%;
    flex-basis: auto;
}

.page.fredly .wp-block-columns.story-wrp .text-wrp {
    padding: min(80px, 15vw) 7vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.page.fredly .wrp-logo {
    margin: 0 auto min(2em, 4vw) !important;
    padding-bottom: 1em;
}

.page.fredly .wrp-logo::after {
    content: '';
    display: block;
    width: 52px;
    margin: 0 auto;
    border-top: solid 1px #be285a;
}

.page.fredly .wrp-logo~h2 {
    margin: 0 auto min(3.75em, 10vw);
    font-size: 1.15em;
    letter-spacing: .05em;
}

.page.fredly .wrp-logo~h3,
.page.fredly .wp-block-columns.story-wrp .text-wrp h3 {
    margin: 0 auto 2.5em;
    font-size: 1.15em;
    color: #be285a;
    letter-spacing: .05em;
    font-weight: 300;
}

.page.fredly .wp-block-columns.story-wrp .text-wrp p {
    margin-bottom: 2em;
    font-size: .95em;
    line-height: 2;
}

.page.fredly .wp-block-columns.story-wrp .text-wrp p:last-child {
    margin-bottom: 0em;
}

.page.fredly .wp-block-columns.story-wrp .img-wrp .wp-block-image {
    height: 100%;
}

.page.fredly .wp-block-columns.story-wrp .img-wrp .wp-block-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (max-width: 781px) {
    .page.fredly .wp-block-columns.story-wrp.order .text-wrp {
        order: 1;
    }

    .page.fredly .wp-block-columns.story-wrp.order .img-wrp {
        order: 2;
    }
}

.page.fredly .feature-wrp {
    padding: min(120px, 12vw) 0 min(80px, 7vw);
    background-color: #f6eeee;
}

.page.fredly .feature-wrp .wrp-logo~h2 {
    margin-bottom: 1em;
}

.page.fredly .feature-wrp .wrp-logo~h3 {
    font-size: min(1.6em, 6vw);
}

.page.fredly .feature-wrp {
    padding: min(120px, 15vw) 0 min(80px, 7vw);
    background-color: #f6eeee;
}

.page.fredly .feature-wrp .wp-block-columns {
    display: flex;
    justify-content: center;
    gap: 0 4em;
}

@media (max-width: 781px) {
    .page.fredly .feature-wrp .wp-block-columns {
        gap: 0 4vw;
    }
}

.page.fredly .feature-wrp .wp-block-column {
    width: 220px;
    aspect-ratio: 1/1;
    margin: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: #be285a;
    border: solid 1px;
    flex-basis: auto;
    flex-grow: 0;
    border-radius: 50%;
}

@media (max-width: 781px) {
    .page.fredly .feature-wrp .wp-block-column {
        width: min(220px, 45vw);
        flex-basis: auto !important;
        font-size: min(14px, 3.6vw);
    }
}

.page.fredly .feature-wrp .wp-block-column h4 {
    font-size: 1.68em;
}

.page.fredly .feature-wrp .wp-block-column h5 {
    margin-bottom: 1em;
    font-weight: 300;
}

.page.fredly .feature-wrp .wp-block-column p {
    font-size: 1.15em;
    line-height: 1.8;
    font-weight: 300;
}

.page.fredly .feature-wrp .btn {
    margin-top: 3em;
    text-align: center;
}

.page.fredly .lineup-wrp {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: min(120px, 15vw) 0 min(80px, 7vw);
}

.page.fredly .lineup-wrp .wp-block-columns .wp-block-column {
    text-align: center;
    position: relative;
}

.page.fredly .lineup-wrp .wp-block-columns .hd-bg img {
    height: min(420px, 78vw);
    object-fit: cover;
}

.page.fredly .lineup-wrp .wp-block-columns .wp-block-column h3 {
    font-size: min(2em, 7vw);
    font-weight: 600;
}

.page.fredly .lineup-wrp .wp-block-columns .wp-block-column h4 {
    letter-spacing: .1em;
}

.page.fredly .lineup-wrp .wp-block-columns .wp-block-column h4::before,
.page.fredly .lineup-wrp .wp-block-columns .wp-block-column h4::after {
    content: '';
    display: inline-block;
    width: .75em;
    height: 0;
    margin: 0 .5em;
    border-top: solid 1px;
    vertical-align: middle;
}

.page.fredly .lineup-wrp .wp-block-columns .wp-block-column .transparent-link a {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
    z-index: 3;
}

.page.fredly .lineup-wrp .wp-block-columns .wp-block-column img {
    filter: brightness(1);
    transition: .3s ease;
}

.page.fredly .lineup-wrp .wp-block-columns .wp-block-column:hover img {
    filter: brightness(1.1);
}