@charset "utf-8";

/*********************************
*共通
*********************************/
button, input, optgroup, select, textarea {
    margin: 0;
    font-family: "source-han-sans-japanese", sans-serif;
    font-size: inherit;
    line-height: inherit;
}

.ui-mobile {
    margin: 0 auto;
    padding: 0;
}

.wrapper {
    position: relative;
    height: auto !important;
    height: 100%;
    max-width: 100%;
    margin: 0 auto;
    padding: 0;
}


body {
    font-family: "source-han-sans-japanese", sans-serif;
    background-color: #000000;
    margin: 0 auto;
    padding: 0;
    font-size: 100%;
}

hr.blue {
    border: 1px solid #23B6BC;
    background-color: #000000;
    margin-bottom: 3%;
}

a {
    text-decoration: none;
}

/*########## 992px以上（スマートフォン）###########*/
@media screen and (min-width:992px) {

    /* TOPページ start */
    .wrapper {
        min-height: 100vh;
        display: flex;
        flex-direction: column;
    }

    .header {
        text-align: center;
        padding-top: 60px;
        margin-bottom: 44px;
    }

    .header img {
        width: 106px;
    }

    .title {
        margin-bottom: 2rem;
    }

    .title h2 {
        font-size: 3.5rem;
        margin-bottom: 1rem;
        color: #23B6BC;
        text-align: center;
        font-family: corporate-logo-ver2, sans-serif;
    }

    .title p {
        font-size: 1.25rem;
        margin-top: 0;
        margin-bottom: 0;
        text-align: center;
        color: #A2A2A2;
    }

    .chose-block {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        margin-bottom: 80px;
    }

    .chose-block .chose-nav {
        flex-basis: 478px;
    }

    .chose-block .chose-nav:nth-of-type(odd) {
        margin-right: 14px;
    }

    .chose-block .chose-nav:nth-of-type(even) {
        margin-left: 14px;
    }

    .chose-block .chose-nav .top_button_desk_layout,
    .chose-block .chose-nav .top_button_product {
        position: relative;
        width: 100%;
        height: 220px;
    }

    .chose-block .chose-nav .top_button_desk_layout img,
    .chose-block .chose-nav .top_button_product img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        border: 1px solid #0B6D70;
        border-radius: 10px;
    }

    .chose-block .chose-nav .top_button_desk_layout img.active,
    .chose-block .chose-nav .top_button_product img.active {
        opacity: 0;
        transition: 0.5s;
        box-shadow: 0 0 15px rgba(35, 182, 188, .65);
    }

    .chose-block .chose-nav .top_button_desk_layout:hover img.active,
    .chose-block .chose-nav .top_button_product:hover img.active {
        opacity: 1;
    }

    .chose-block .chose-nav .text {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        width: 100%;
        text-align: center;
    }

    .chose-block .chose-nav .text h3 {
        font-size: 45px;
        font-family: futura-pt, sans-serif;
        font-weight: 600;
        color: #23B6BC;
        margin-bottom: 0;
        text-shadow: 2px 2px 5px #000000;
    }

    .chose-block .chose-nav .text h4 {
        font-size: 1rem;
        color: #A2A2A2;
        text-shadow: 2px 2px 5px #000000;
    }

    .bland-site a {
        display: block;
        max-width: 255px;
        margin: 0 auto;
        text-align: center;
        padding: 1rem;
        background-color: #0B6D70;
        border-radius: 32px;
        transition: 0.3s;
    }

    .bland-site a:hover {
        opacity: .75;
    }

    .bland-site a h4 {
        font-size: 1rem;
        color: #fff;
        margin-bottom: 0;
        font-weight: bold;
    }

    .bland-site a h4 img {
        width: 24px;
        margin-right: .5rem;
        vertical-align: top;
    }

    footer {
        margin-top: auto;
        width: 100%;
        padding: 1.5rem;
    }

    footer p {
        margin: 0;
        text-align: center;
        color: #A2A2A2;
        font-size: .75rem;
    }

    /* TOPページ end */

    /* 製品から選ぶページ start */
    .sub-title1 {
        max-width: 992px;
        margin: 0 auto;
        padding: 0 1rem;
        position: relative;
        height: 104px;
        width: 100%;
    }

    .sub-title1 h3 {
        font-size: 1.875rem;
        color: #fff;
        margin: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
    }

    .sub-title1 i {
        position: absolute;
        top: 50%;
        left: 2rem;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        color: #23B6BC;
        font-size: 2rem;
    }

    .select-category-product {
        margin-bottom: 118px;
    }

    .category-product,
    .category-product-add {
        max-width: 992px;
        margin: 0 auto;
        width: 100%;
        border-top: 1px solid #0B6D70;
        padding: 2rem 0;
    }

    .category-product ul,
    .category-product-add ul {
        list-style: none;
        padding-left: 0;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        margin-bottom: 0;
    }

    .category-product ul li,
    .category-product-add ul li {
        flex-basis: 220px;
        margin: 0 .5rem;
    }

    .category-genre {
        position: relative;
        width: 220px;
        height: 260px;
    }

    .category-genre img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        border-radius: 10px;
    }

    .category-genre img.active {
        opacity: 0;
        transition: 0.5s;
        border: 1px solid #0B6D70;
        box-shadow: 0 0 10px rgba(35, 182, 188, .65);
    }

    .category-genre:hover img.active {
        opacity: 1;
    }

    .category-genre img.check {
        width: 100px;
        top: 40%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
    }

    .category-genre p {
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        margin-bottom: 0;
        font-size: 18px;
        width: 100%;
        text-align: center;
        color: #fff;
    }

    .category-title h2,
    .category-title2 h2 {
        font-size: 21px;
        margin-bottom: 1.25rem;
        color: #23B6BC;
        text-align: center;
    }

    /* 製品から選ぶページ end */

    /* 一覧ページ start */
    .header-nav header {
        height: 60px;
        background-color: #313131;
        text-align: center;
        position: relative;
    }

    .header-nav header img {
        width: 150px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
    }

    .sub-title2,
    .sub-title3 {
        max-width: 992px;
        margin: 0 auto;
        padding: 0 1rem;
        position: relative;
        height: 92px;
        width: 100%;
    }

    .sub-title2 h3,
    .sub-title3 h3 {
        font-size: 1.875rem;
        color: #fff;
        margin: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
    }

    .sub-title2 i,
    .sub-title3 i {
        position: absolute;
        top: 50%;
        left: 2rem;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        color: #23B6BC;
        font-size: 2rem;
    }

    .select-category-product2 {
        max-width: 992px;
        margin: 0 auto;
        margin-bottom: 116px;
    }

    .select-category-product2 ul {
        padding-left: 0;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        list-style: none;
        padding: 0 1rem;
    }

    .select-category-product2 ul li {
        flex-basis: 50%;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
        display: flex;
    }

    .select-category-product2 ul li:nth-of-type(odd) {
        padding-right: .5rem;
    }

    .select-category-product2 ul li:nth-of-type(even) {
        padding-left: .5rem;
    }

    .category-product5 {
        border: 1px solid #0B6D70;
        border-radius: 10px;
    }

    .category-product5 .ui-link {
        padding: 1.875rem 1rem;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .category-product5 .ui-link img {
        width: calc(50% - 0.5rem);
        margin-right: 0.5rem;
    }

    .category-product5 .ui-link .category-content {
        width: calc(50% - 0.5rem);
        margin-left: 0.5rem;
    }

    .category-product5 .ui-link .category-content h2 {
        font-size: 1rem;
        text-align: left;
        margin-bottom: 1rem;
        color: #A2A2A2;
        word-break: break-all;
    }

    .category-product5 .ui-link .category-content h3 {
        font-size: 1.25rem;
        text-align: left;
        margin-bottom: .5rem;
        color: #fff;
    }

    .category-product5 .ui-link .category-content h4 {
        font-size: 1rem;
        text-align: left;
        color: #A2A2A2;
    }

    .category-color {
        margin-top: 1rem;
    }

    .category-color ul {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        padding: 0;
    }

    .category-color ul li {
        padding: 0;
        margin-right: .5rem;
        flex-basis: 20px;
    }

    .category-color ul li:last-child {
        margin-right: 0;
    }

    .category-color ul li:nth-of-type(even),
    .category-color ul li:nth-of-type(odd) {
        padding: 0;
    }

    .category-color ul li .circle {
        border: 1px solid #707070;
        border-radius: 50%;
    }

    #Black {
        width: 18px;
        height: 18px;
        border-radius: 50%;
        background-color: #000000;
    }

    #White {
        width: 18px;
        height: 18px;
        border-radius: 50%;
        background-color: #ffffff;
    }

    #Red {
        width: 18px;
        height: 18px;
        border-radius: 50%;
        background-color: #FE0000;
    }

    #Blue {
        width: 18px;
        height: 18px;
        border-radius: 50%;
        background-color: #0800FF;
    }

    #Green {
        width: 18px;
        height: 18px;
        border-radius: 50%;
        background-color: #00FF2B;
    }

    #Wood,
    #Oak {
        width: 18px;
        height: 18px;
        border-radius: 50%;
        background-color: #deb068;
    }

    #Grey {
        width: 18px;
        height: 18px;
        border-radius: 50%;
        background-color: #4d4d4d;
    }

    .calculation,
    .calculation2 {
        width: 100vw;
        background-color: #23B6BC;
        position: fixed;
        bottom: 0;
        z-index: 1;
    }

    .money_calculation,
    .money_calculation2 {
        max-width: 992px;
        height: 100px;
        margin: 0 auto;
        display: flex;
        flex-flow: row;
    }

    .money_calculation .unit-money,
    .money_calculation2 .unit-money {
        display: flex;
        align-items: center;
    }

    .money_calculation .unit-money h1,
    .money_calculation2 .unit-money h1 {
        margin: 0;
        color: #fff;
        font-size: 3.5rem;
        font-weight: 600;
        margin-right: 1rem;
        font-family: futura-pt, sans-serif;
    }

    .money_calculation2 .unit-money h1::before {
        content: "合計金額：";
        font-size: 1.5rem;
    }

    .money_calculation .total-amount,
    .money_calculation2 .total-amount {
        display: flex;
        align-items: center;
    }

    .money_calculation .total-amount h1,
    .money_calculation2 .total-amount h1 {
        margin: 0;
        color: #fff;
        font-size: 3.5rem;
        font-weight: 600;
        font-family: futura-pt, sans-serif;
    }

    .money_calculation .quantity-form,
    .money_calculation2 .quantity-form {
        margin-left: auto;
        position: relative;
        width: 250px;
    }

    .money_calculation .quantity-form .restart_button,
    .money_calculation2 .quantity-form .restart_button {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
    }

    .money_calculation .quantity-form .restart_button,
    .money_calculation2 .quantity-form .restart_button {
        width: 100%;
    }

    .money_calculation .quantity-form .restart_button a,
    .money_calculation2 .quantity-form .restart_button a {
        width: 100%;
        background-color: #0B6D70;
        display: block;
        padding: 1rem .5rem;
        border-radius: .5rem;
    }

    .money_calculation .quantity-form .restart_button a h4,
    .money_calculation2 .quantity-form .restart_button a h4 {
        color: #fff;
        font-size: 1.25rem;
        margin-bottom: 0;
        text-align: center;
    }

    .money_calculation .quantity-form .restart_button a h4 i,
    .money_calculation2 .quantity-form .restart_button a h4 i {
        margin-left: .5rem;
    }

    .money_calculation .select-list {
        position: relative;
        width: 250px;
        margin-left: 1rem;
    }

    .money_calculation .select-list .navCart {
        position: absolute;
        top: 7.5px;
        right: -15px;
        width: 30px;
        height: 30px;
        color: #fff;
        text-align: center;
        border-radius: 50%;
        background-color: #1A59BD;
        display: block;
    }

    .money_calculation .select-list .navCart .navCartIcon {
        vertical-align: middle;
    }

    .money_calculation .select-list a {
        width: 100%;
        background-color: #BC237A;
        display: block;
        padding: 1rem .5rem;
        border-radius: .5rem;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
    }

    .money_calculation .select-list a h4 {
        color: #fff;
        font-size: 1.25rem;
        margin-bottom: 0;
    }

    .money_calculation .select-list a h4 img {
        width: 24px;
        margin-left: .5rem;
        vertical-align: top;
    }

    /* 一覧ページ end */

    /* 製品&レイアウト詳細ページ start */
    .product_hide {
        display: none;
    }

    .select-category-product3 {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        max-width: 992px;
        margin: 0 auto;
        margin-bottom: 128px;
    }

    .select-category-product3 .swiper {
        width: calc(100% - 320px - 1rem);
        padding: 1rem;
        border: 3px solid #707070;
        border-radius: 1rem;
    }

    .select-category-product3 .swiper img {
        width: 100%;
        height: auto;
    }

    .select-category-product3 .swiper .swiper-button-prev,
    .select-category-product3 .swiper .swiper-button-next {
        background-image: none;
        width: auto;
        height: auto;
    }

    .select-category-product3 .swiper .swiper-button-prev i,
    .select-category-product3 .swiper .swiper-button-next i {
        font-size: 2.5rem;
        color: #23B6BC;
    }

    .swiper-pagination-bullet {
        width: 20px;
        height: 20px;
        background-color: #949494;
        opacity: 1;
    }

    .swiper-pagination-bullet-active {
        background-color: #23B6BC;
    }

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

    .select-category-product3 form {
        width: 320px;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .product-details {
        width: 100%;
        padding: 1rem;
        border: 3px solid #707070;
        border-radius: 1rem;
        flex-basis: calc(100% - 300px - 1rem);
        margin-bottom: 1rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .product-details4 {
        width: 100%;
        padding: 1rem;
        border: 3px solid #707070;
        border-radius: 1rem;
        flex-basis: calc(100% - 200px - 1rem);
        margin-bottom: 1rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .product-details .product_name2,
    .product-details4 .product_name {
        padding-bottom: 1rem;
        border-bottom: 1px solid #707070;
    }

    .product-details .product_name2 h2,
    .product-details4 .product_name h2 {
        font-size: 1.25rem;
        font-weight: bold;
        color: #A2A2A2;
        text-align: center;
        margin-bottom: 0;
    }

    .product-details4 .product_name h3 {
        font-size: 1rem;
        margin-bottom: 0;
        color: #A2A2A2;
        text-align: center;
        margin-top: .25rem;
    }

    .product-details .product_url2,
    .product-details4 .product_url {
        width: 100%;
        height: 64px;
        position: relative;
        border-bottom: 1px solid #707070;
    }

    .product-details .product_url2 a,
    .product-details4 .product_url a {
        display: flex;
        height: 64px;
        color: #0B6D70 !important;
    }

    .product-details .product_url2 h2,
    .product-details4 .product_url h2 {
        font-size: 1rem;
        margin-bottom: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
    }

    .product-details .product_url2 i,
    .product-details4 .product_url i {
        font-size: 1.25rem;
        position: absolute;
        top: 50%;
        right: 0;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
    }

    .product-details p,
    .product-details4 p {
        font-size: 11px;
        color: #A2A2A2;
        margin-bottom: 0;
        margin-top: 10px;
        text-align: center;
    }

    .remain_alert {
        color: #FE0000;
    }

    .product-details4 .detail_select,
    .product-details4 .detail_select2 {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .product-details4 .detail_select .color_select,
    .product-details4 .detail_select .type_select,
    .product-details4 .detail_select2 .quantity_select,
    .product-details4 .detail_select2 .product_cost {
        flex-basis: calc(50% - 0.5px);
        border-bottom: 1px solid #707070;
    }

    .product-details4 .detail_select .color_select,
    .product-details4 .detail_select2 .quantity_select {
        border-right: 1px solid #707070;
        padding: 1.5rem 1rem 1.5rem 0;
    }

    .product-details4 .detail_select .type_select,
    .product-details4 .detail_select2 .product_cost {
        padding: 1.5rem 0 1.5rem 1rem;
    }

    .cp_ipselect,
    .cp_ipselect2 {
        width: 100%;
    }

    .cp_ipselect select,
    .cp_ipselect2 select {
        width: 100%;
        height: 30px;
        text-overflow: ellipsis;
        border: none;
        outline: none;
        background: transparent;
        background-image: none;
        box-shadow: none;
        -webkit-appearance: none;
        appearance: none;
        cursor: pointer;
    }

    .cp_ipselect.cp_sl02 {
        border-radius: 15px;
        position: relative;
        background-color: #fff;
    }

    .cp_ipselect.cp_sl02 select {
        color: #707070;
        padding: 0 30px 0 16px;
    }

    .cp_ipselect.cp_sl02::before {
        position: absolute;
        width: 30px;
        height: 30px;
        top: 0;
        right: 0;
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: "\f0d7";
        background-color: #0B6D70;
        color: #fff;
        text-align: center;
        border-radius: 0 15px 15px 0;
        display: flex;
        align-items: center;
        justify-content: center;
        pointer-events: none;
    }

    .cp_ipselect select::-ms-expand,
    .cp_ipselect2 select::-ms-expand {
        display: none;
    }

    .cp_ipselect2 {
        position: relative;
    }

    .cp_ipselect2::before {
        position: absolute;
        width: 50px;
        height: 30px;
        top: 0;
        left: 0;
        content: "数量：";
        color: #707070;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        pointer-events: none;
    }

    .cp_ipselect2::after {
        position: absolute;
        width: 30px;
        height: 30px;
        top: 0;
        right: 0;
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: "\f0d7";
        color: #707070;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        pointer-events: none;
    }

    .cp_ipselect2 .cp_sl06 {
        position: relative;
        color: #707070;
        border-bottom: 1px solid;
        padding: 0 30px 0 50px;
        text-align: center;
    }

    .product-details4 .detail_select2 .product_cost h1 {
        font-size: 1.5rem;
        font-weight: 600;
        font-family: futura-pt, sans-serif;
        text-align: center;
        color: #A2A2A2;
        margin-bottom: 0;
    }

    .product-details .detail_select3 .product_cost2 {
        width: 100%;
        height: 64px;
        position: relative;
        border-bottom: 1px solid #707070;
    }

    .product-details .detail_select3 .product_cost2 h1 {
        color: #A2A2A2;
        margin-bottom: 0;
        font-size: 1.5rem;
        font-family: futura-pt, sans-serif;
        font-weight: 600;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
    }

    .product-details .btn-add,
    .product-details4 .btn-add {
        margin-top: 1rem;
        width: 100%;
        position: relative;
    }

    .product-details .btn-add .restart_button2,
    .product-details4 .btn-add .restart_button2 {
        width: 100%;
        height: 50px;
        background-color: #BC237A;
        border-radius: 25px;
        border: none;
        color: #fff;
        font-size: 1rem;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
    }

    .product-details .btn-add .restart_button_none,
    .product-details4 .btn-add .restart_button_none {
        width: 100%;
        height: 50px;
        background-color: #BC237A;
        border-radius: 25px;
        border: none;
        color: #fff;
        font-size: 1rem;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        pointer-events: none;
    }

    .product-details .btn-add .cart_icon,
    .product-details4 .btn-add .cart_icon {
        width: 20px;
        height: 20px;
        position: absolute;
        top: 50%;
        right: 8px;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
    }

    .product-details .btn-add.disabled,
    .product-details4 .btn-add.disabled {
        opacity: .6;
    }

    .product-details .btn-add.disabled .cart_icon,
    .product-details4 .btn-add.disabled .cart_icon {
        transform: translate(-50%, -50%) rotate(-45deg);
        -webkit-transform: translate(-50%, -50%) rotate(-45deg);
        -ms-transform: translate(-50%, -50%) rotate(-45deg);
    }

    .product-details2,
    .product-details3 {
        flex-basis: 200px;
    }

    .tabs-nav {
        list-style: none;
        padding-left: 0;
        margin-bottom: 0;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        width: 100%;
        height: 50px;
    }

    .tabs-nav li {
        flex-basis: 50%;
    }

    .tabs-nav li a {
        text-align: center;
        border: 3px solid #707070;
        border-radius: 1rem 1rem 0 0;
        padding: .75rem 0;
        color: #707070;
        font-size: 1.25rem;
        display: block;
        line-height: 1;
        cursor: pointer;
    }

    .tabs-nav li a.selected {
        border: 3px solid #0B6D70;
        background-color: #0B6D70;
        color: #fff;
    }

    .section-body {
        background-color: #fff;
        padding: 1rem;
        border-radius: 0 0 1rem 1rem;
        height: 240px;
    }

    .section-body2 {
        background-color: #fff;
        padding: 1rem;
        border-radius: 0 0 1rem 1rem;
        height: 150px;
    }

    .section-body .about-panel h5,
    .section-body2 .about-panel h5 {
        color: #707070;
        margin-bottom: 0%;
        font-size: 1rem;
        line-height: 1.35;
    }

    .section-body .spec-panel h4,
    .section-body2 .spec-panel h4 {
        color: #707070;
        margin-bottom: .5rem;
        font-size: 18px;
        font-weight: bold;
    }

    .section-body .spec-panel,
    .section-body .about-panel {
        height: calc(240px - 2rem);
        overflow: auto;
    }

    .section-body2 .spec-panel,
    .section-body2 .about-panel {
        height: calc(150px - 2rem);
        overflow: auto;
    }

    .section-body .spec-panel p,
    .section-body2 .spec-panel p {
        color: #707070;
        margin-bottom: 0;
    }

    /* 山口追記 */
    .amazon_button_details a {
        display: inline-block;
        width: 100%;
        text-align: center;
        border: 1px solid #0B6D70;
        background-color: #0B6D70;
        color: #ffffff;
        border-radius: 25px;
        padding: .75rem;
        transition: .3s;
        margin-top: 5%;
        margin-bottom: 0.5%;
    }

    .amazon_link {
        position: relative;
        left: 50px;
    }

    .amazon_button_details a:hover {
        opacity: .75;
    }

    /* 製品&レイアウト詳細ページ end */

    /* オーバーレイ start */
    #hogehogebox {
        background-color: transparent;
        border: none;
        justify-content: center;
    }

    #hogehogebox h2 {
        font-size: 2rem;
        color: #fff;
        margin-bottom: 3rem;
        text-align: center;
    }

    #hogehogebox .select_chose {
        text-align: center;
    }

    #hogehogebox .select_chose input {
        background-color: #23B6BC;
        color: #fff;
        font-size: 2.5rem;
        font-weight: bold;
        border-radius: 10px;
        width: 200px;
        height: 200px;
        padding: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border: none;
        outline: none;
        transition: .3s;
    }

    #hogehogebox .select_chose input:hover {
        box-shadow: 0 0 40px #23B6BC;
    }

    #hogehogebox .select_chose input.yes {
        margin-right: 3rem;
    }

    .modal-backdrop {
        opacity: .7 !important;
    }

    /* オーバーレイ end */

    /* リストの中身 start */
    #cart-list .modal-body {
        background-color: #484848;
        padding: 0;
        overflow-y: scroll;
        -ms-overflow-style: none;
        scrollbar-width: none;
        display: flex;
        flex-direction: column;
        height: 100vh;
    }

    #cart-list .modal-body::-webkit-scrollbar {
        display: none;
    }

    .calculation {
        width: 100vw;
        background-color: #23B6BC;
        position: fixed;
        bottom: 0;
        z-index: 1;
    }

    .money_calculation3 {
        width: 100vw;
        background-color: #23B6BC;
        position: fixed;
        top: 0;
        z-index: 1;
    }

    .money_calculation .select-list2 {
        position: relative;
        width: 250px;
        margin-left: 1rem;
    }

    .money_calculation .select-list2 h4 {
        width: 100%;
        background-color: #BC237A;
        text-align: center;
        font-size: 1.25rem;
        color: #fff;
        display: block;
        padding: 1rem .5rem;
        margin-bottom: 0;
        border-radius: .5rem;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        cursor: pointer;
    }

    .money_calculation .select-list2 h4 i {
        margin-left: .5rem;
    }

    .result-title2 {
        margin-top: 100px;
        background-color: #707070;
        padding: 1rem;
    }

    .result-title2 h4 {
        font-size: 1.5rem;
        color: #fff;
        text-align: center;
        margin-bottom: 0;
    }

    .select-category-product4 {
        max-width: 992px;
        margin: 24px auto 78px;
    }

    .select-category-product4 ul {
        padding-left: 0;
        list-style: none;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-bottom: 2rem;
    }

    .select-category-product4 ul li {
        flex-basis: 50%;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }

    .select-category-product4 ul li:nth-of-type(odd) {
        padding-right: .5rem;
    }

    .select-category-product4 ul li:nth-of-type(even) {
        padding-left: .5rem;
    }

    .select-category-product4 ul li .category-product4 {
        width: 100%;
        padding: 1rem;
        padding-right: 1.5rem;
        border: 1px solid rgba(255, 255, 255, .5);
        border-radius: 10px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
    }

    .select-category-product4 ul li .category-product4 img {
        width: 220px;
        height: 220px;
    }

    .select-category-product4 ul li .category-product4 .category-content2 {
        width: calc(100% - 236px);
    }

    .select-category-product4 ul li .category-product4 .category-content2 h3 {
        font-size: 1.25rem;
        color: #fff;
        margin-bottom: 0;
        font-weight: bold;
    }

    .select-category-product4 ul li .category-product4 .category-content2 h2 {
        font-size: 1.25rem;
        color: #fff;
        margin-bottom: .5rem;
    }

    .select-category-product4 ul li .category-product4 .category-content2 .prodact-detail p {
        font-size: 1rem;
        color: #fff;
        margin-bottom: 0;
        line-height: 1.25;
    }

    .select-category-product4 ul .category-title5 {
        margin-bottom: 1rem;
        padding-bottom: 6px;
        border-bottom: 1px solid #fff;
        width: 100%;
    }

    .select-category-product4 ul .category-title5 h4 {
        font-size: 1.25rem;
        color: #fff;
    }

    .category-product4 .cp_ipselect3 {
        display: flex;
        justify-content: right;
        margin: 1rem 0 1rem;
    }

    .category-product4 .cp_ipselect3 .quantity-select {
        width: 70px;
        height: 35px;
        text-overflow: ellipsis;
        border: none;
        outline: none;
        background: transparent;
        background-image: none;
        box-shadow: none;
        -webkit-appearance: none;
        appearance: none;
        cursor: pointer;
    }

    .category-product4 .cp_ipselect3.cp_sl05 {
        position: relative;
    }

    .category-product4 .cp_ipselect3.cp_sl05 select {
        color: #707070;
        background-color: #fff;
        padding: 0 35px 0 13px;
    }

    .category-product4 .cp_ipselect3.cp_sl05::before {
        position: absolute;
        width: 35px;
        height: 35px;
        top: 0;
        right: 0;
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: "\f0d7";
        background-color: #0B6D70;
        color: #fff;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        pointer-events: none;
    }

    .category-product4 .cp_ipselect3 select::-ms-expand {
        display: none;
    }

    .category-product4 .price-change {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .category-product4 .price-change h1 {
        color: #fff;
        font-size: 1.5rem;
        font-family: futura-pt, sans-serif;
        font-weight: 600;
        margin-bottom: 0;
    }

    .select-category-product4 ul li .category-product4 .price-change h2 {
        display: inline-block;
        margin-bottom: 0;
        color: #23B6BC;
        font-size: 1.25rem;
        cursor: pointer;
    }

    .calculation3 {
        background-color: #707070;
        padding: 2.5rem;
        margin-top: auto;
    }

    .calculation3 .restart {
        width: 488px;
        margin: 0 auto;
    }

    .calculation3 .restart a {
        width: 100%;
        height: 80px;
        background-color: #BC237A;
        color: #fff;
        border-radius: 40px;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .calculation3 .restart a h4 {
        margin-bottom: 0;
        font-size: 1.5rem;
        font-weight: bold;
    }

    /* リストの中身 end */

    /* 見積結果ページ start */
    .result-title {
        background-color: #707070;
        padding: 1rem;
    }

    .result-title h4 {
        color: #fff;
        margin-bottom: 0;
        text-align: center;
    }

    .noteList {
        list-style: none;
        padding-left: 0;
        margin-bottom: 0;
        margin-top: 1rem;
    }

    .noteList__li {
        text-align: center;
        color: #dc3545;
        font-size: .75rem;
    }

    .note {
        font-size: .75rem;
    }

    .select-category-product5 {
        max-width: 992px;
        width: 100%;
        margin: 40px auto 78px;
    }

    .select-category-product5 ul {
        list-style: none;
        padding-left: 0;
        margin-bottom: 2.5rem;
    }

    .select-category-product5 ul .category-product3 {
        border-bottom: 1px solid #707070;
    }

    .select-category-product5 ul .category-product3 h4 {
        color: #23B6BC;
        font-size: 1.25rem;
        padding-bottom: .5rem;
        border-bottom: 1px solid #707070;
        margin-bottom: 0;
        flex-basis: 100%;
    }

    .select-category-product5 ul .category-product3 li {
        padding: 0 1rem;
    }

    .category-content3 {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        border-bottom: 1px solid rgba(112, 112, 112, .5);
        padding: 1.5rem 0;
    }

    .select-category-product5 ul .category-product3 li:last-child .category-content3 {
        border: none;
    }

    .category-content3 .resultList-details {
        flex-basis: 50%;
    }

    .category-content3 .resultList-details .resultList-name {
        width: 100%;
        color: #A2A2A2;
        font-size: 1.5rem;
        display: inline-block;
        margin-bottom: .25rem;
    }

    .category-content3 .resultList-details .resultList-no {
        font-weight: 500;
        display: inline-block;
        margin-left: 1rem;
    }

    .category-content3 .resultList-details .resultList-colorType {
        color: #A2A2A2;
        font-size: 1.25rem;
    }

    .category-content3 .resultList-details .resultList-colorType .resultList-color::before {
        content: "色：";
    }

    .category-content3 .resultList-details .resultList-colorType .resultList-type {
        margin-left: 1rem;
    }

    .category-content3 .resultList-details .resultList-colorType .resultList-type::before {
        content: "タイプ：";
    }

    .category-content3 .resultList-quantity {
        flex-basis: 30%;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .category-content3 .resultList-quantity .resultList-money {
        color: #A2A2A2;
        font-size: 1.75rem;
        font-family: futura-pt, sans-serif;
        font-weight: 600;
    }

    .category-content3 .resultList-quantity .resultList-cross {
        color: #A2A2A2;
        font-size: 1.75rem;
        margin: 0 1rem;
    }

    .category-content3 .resultList-quantity .resultList-quantity-num {
        width: 38px;
        height: 38px;
        background-color: #fff;
        border: 1px solid #707070;
        font-size: 1.25rem;
        color: #707070;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .category-content3 .resultList-quantity .resultList-money::before {
        content: "￥";
    }

    .category-content3 .resultList-button {
        flex-basis: 20%;
    }

    .category-content3 .resultList-button .amazon_button a {
        display: inline-block;
        width: 100%;
        text-align: center;
        border: 1px solid #0B6D70;
        background-color: #0B6D70;
        color: #ffffff;
        border-radius: 25px;
        padding: .75rem;
        transition: .3s;
    }

    .category-content3 .resultList-button .amazon_button a:hover {
        opacity: .75;
    }

    /* 見積結果ページ end */
}


/*************************
その他（jqueryMobie)
**************************/

.ui-overlay-a {
    margin: 0 auto;
    padding: 0;
}

.ui-page {
    margin: 0 auto;
    padding: 0;
}

.ui-page-theme-a {
    margin: 0 auto;
    padding: 0;
}

.ui-icon-loading {
    display: none;
}

.ui-loader {
    display: none;
}

.ui-body-a {
    display: none;
}

.ui-loader-default {
    display: none;
}

.ui-select span {
    display: none;
}