/* ------------------------------
page products
------------------------------ */
.post-contents .image_full {
    text-align: center;
    border: 1px #c2c2c2 solid;
    margin-top: 30px;
    position: relative;
}
.post-contents .co_right {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 365px;
    height: 40px;
    background: #0099e2;
    color: #fff;
    font-size: 16px;
    text-align: center;
}
.post-contents .products-column-three > div > figure {
    width: 100%;
    border: 1px #c2c2c2 solid;
    margin-bottom: 15px;
}
.post-contents .products-column-four > div > figure img {
    max-width: 100%;
    flex-shrink: 0;
}
.post-contents .products-column-three > div:not(:last-child) {
    margin-right: 15px;
}
.post-contents .is-column-three.products-column-three > * {
    width: calc((100% - 15px * 2) / 3);
}
.post-contents .product-box01 {
    display: flex;
}
.post-contents .product-box01 dt {
    flex-shrink: 0;
    margin-right: 40px;
}
.post-contents .link-button_list_f {
    margin-top: 0px;
}
.post-contents .link-button_list_f a {
    width: 400px;
}
.post-contents .link-button_list_f a:not(:last-child) {
    margin-right: 36px;
}
.post-contents .product-box01 .link-button.link-button-blue {
    margin-top: 20px;
}
.post-contents .product-box01 .link-button.link-button-blue a {
    padding: 5px 35px;
}
.post-contents .post-column-title-m.com_tt01 {
    margin: 57px 0 11px;
}
.post-contents .com-txt01 {
    margin-bottom: 36px;
}
.post-contents .frame01-com01 {
    margin-bottom: 65px;
}
.post-contents .com_tt02 {
    margin-bottom: 10px;
}
.frame01-pro {
    margin-top: 77px;
}
/* ----------------------------------------------------------------------------------------------------
*  TAB
* --------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1024px) {
    /* ------------------------------
page products
------------------------------ */
    .post-contents .link-button_list_f {
        justify-content: space-between;
        display: flex;
    }
    .post-contents .link-button_list_f a {
        width: calc(50% - 10px);
        box-sizing: border-box;
        padding: 10px 20px;
    }
    .post-contents .link-button_list_f a:not(:last-child) {
        margin-right: 0px;
    }
}
/* ----------------------------------------------------------------------------------------------------
*  SP
* --------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 767px) {
    /* ------------------------------
page products
------------------------------ */
    .post-contents .products-column-three > div > figure {
        margin: 0 auto 25px;
    }
    .post-contents .products-column-three > div > figure img {
        max-width: 100%;
        max-height: 100%;
        width: auto;
        flex-shrink: 0;
    }
    .post-contents .product-box01, .post-contents .link-button_list_f {
        flex-direction: column;
    }
    .post-contents .product-box01 dt {
        margin: 0 auto 25px;
    }
    .post-contents .link-button_list_f a, .post-contents .link-button_list_f a:not(:last-child) {
        width: 100%;
        max-width: 320px;
        margin: 0 auto;
        padding: 5px 20px;
    }
    .post-contents .link-button_list_f a:not(:last-child) {
        margin-bottom: 25px;
    }
    .post-contents .co_right {
        width: 220px;
    }
    .post-contents .image_full img {
        width: auto;
        max-height: 100%;
        max-width: 100%;
        flex-shrink: 0;
    }
    .post-contents .product-box01 .link-button.link-button-blue {
        max-width: inherit;
    }
    .post-contents .frame01-com01 {
        margin-bottom: 40px;
    }
    .post-contents .post-column-title-m.com_tt01 {
        margin-top: 40px;
    }
}
@media screen and (max-width: 560px) {
    /* ------------------------------
commons
------------------------------ */
    .post-contents .is-column-three.products-column-three > * {
        width: 100%;
    }
    .post-contents .products-column-three {
        flex-direction: column;
    }
    .post-contents .products-column-three.products-column-four > div:not(:last-child), .post-contents .products-column-three > div:not(:last-child) {
        margin-right: 0px;
        margin-bottom: 35px;
    }
}