/*recommendation*/
.recommendation {
    background: #eef7ff !important;
}

.recommendation_inner {
    background: #ddf2ff !important;
}

.recommendation_list li {
    background: linear-gradient(to right, #ffffff, #eef9ff) !important;
}

.recommendation_list li .emphasis {
    color: #0055dd !important;
}

.recommendation_list li::before {
    background-color: #0d97f4 !important;
}

/*/recommendation*/

/*product_nav*/
.product_nav li a::before {
    background: #0c56db !important;
}

.product_nav li a::after {
    background-color: #0c56db !important;
}

.product_nav li a:hover {
    background: linear-gradient(to bottom, #fff 0%, #fff 38%, #e4edfb 100%) !important;
}

.product_nav li a:hover::before {
    background: #0834a8 !important;
}

.product_hero .product_copy h2 {
    font-size: 22px;
    font-weight: bold;
}

.product_hero .product_copy h2.highlight01 {
    color: #0055dd;
}

.product_hero .product_copy h2.highlight02 {
    color: #008844;
}

.product_hero .product_copy h2.highlight03 {
    color: #9e6d00;
}

.price_list .price_list_table caption {
    background: #0055dd !important
}

.price_list .price_list_table td.number,
.price_list .price_list_table td.price {
    color: #0055dd !important
}

/*.product_nav {
    width: 800px !important;
}*/

.product_feedback {
    background: #e9f6ff !important;
}

/*user_info*/

.user_info {
    border-left: 2px #0055dd solid !important;
}

.user_info .name {
    color: #0055dd !important;
}

.user_info .age {
    color: #a86800 !important;
}

.user_info .note {
    color: #222 !important;
}

/*.inner_table th {
    background: #f3f3f3 !important;
}*/

.q_and_a_group h3 {
    margin-bottom: 30px
}

.nav_all_pc button::before {
    background-color: #cfad39 !important
}


.nav_all_pc button::after {
    position: absolute !important;
    background: #cfad39 !important;
    content: '';
    width: 100%;
    height: 5px;
    border-radius: 2px;
    position: absolute;
    bottom: 0;
    left: 0;
}

/*main*/
.pic_1,
.pic_3 {
    width: 900px;
    margin: 30px auto 0px auto;
}

.pic_1 img {
    width: 100%;
    height: auto;
}

.pic_2 {
    width: 900px;
    margin: 0px auto;
    background: linear-gradient(to bottom, rgba(240, 249, 255, 1) 0%, rgba(255, 255, 255, 1) 20%, rgba(208, 236, 255, 1) 100%);
    padding: 21px 35px 57px 35px;
}

.pic_2 .box_3_div .radius div {
    flex: 1
}

.pic_2 .h1,
.pic_4_in .h1 {
    font-size: 44px;
    font-weight: bold;
    color: #0044bb;
    text-align: center;
    margin: 0 auto;
    padding-top: 48px;
    font-family: "arial";
}

.pic_5 .h1 {
    font-size: 44px;
    font-weight: bold;
    color: #0044bb;
    text-align: center;
    margin: 0 auto;
    padding-top: 22px;
    font-family: "arial";
    grid-area: p1;
}

.pic_2 .h2 {
    font-size: 20px;
    font-weight: bold;
    color: #222;
    text-align: center;
    margin: 0 auto;
    padding-top: 8px;
}

.pic_2 .box_5_div {
    display: flex;
    margin: 20px auto 31px auto;
    width: fit-content;
    gap: 8px;
}

.pic_2 .box_5_div div {
    text-align: center;

}

.pic_2 .box_5_div div img {
    width: 100%;
}

.pic_2 .box_5_div div p {
    font-size: 15px;
    font-weight: bold;
    padding-top: 5px;
}

.pic_2 .box_3_div {
    display: flex;
    position: relative;
    justify-content: flex-end;
    margin-top: 22px;
}

.pic_2 .box_3_div .radius img {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 159px;
}

.pic_2 .box_3_div .radius {
    width: 80%;
    background: #fff;
    padding: 15px 21px;
    border-radius: 15px;
    border: #0944b9 solid 2px;
    display: flex;
}

.pic_2 .box_3_div .radius div p:nth-child(1) {
    color: #0a66ca;
    font-size: 26px;
    font-weight: 700;
    font-family: "arial";
}

.pic_2 .box_3_div .radius div p:last-child {
    color: #222;
    font-size: 18px;
    font-weight: 700;
    padding-top: 10px;
    line-height: 1.7;
}

.pic_4 {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(240, 249, 255, 1) 31%, rgba(224, 242, 255, 1) 55%, rgba(255, 255, 255, 1) 70%, rgba(255, 255, 255, 1) 100%);
    padding-bottom: 50px;
}

.pic_4_in {
    width: 900px;
    margin: 0px auto;
    padding: 0px 50px 5px 50px;
    background: #fff;
}

.pic_5_in {
    width: 850px;
    margin: 0px auto;
    background: #fff
}

.pic_5_in_1 {
    width: 723px;
    margin: 0px auto;
    padding: 0;
}

.pic_4_in .h1 b {
    font-size: 70%;
    padding-left: 12px;
}

.pic_4_in .h2 {
    font-size: 22px;
    text-align: center;
    padding-top: 12px;
    color: #0044bb;
    font-weight: bold;
}

.pic_4_in .box3_1 {
    display: flex;
    width: fit-content;
    margin: 30px auto 30px auto;
    column-gap: 30px;
}

.pic_4_in .box3_1 div {
    text-align: center
}

.pic_4_in .box3_1 div img {
    width: 143px;
}

.pic_4_in .box3_1 div p {
    font-weight: bold;
    padding-top: 9px;
    font-size: 15px;
}

.pic_4_in .slash {
    position: relative
}

.pic_4_in .slash:before {
    content: "―";
    padding: 0 10px
}

.pic_4_in .slash:after {
    content: "―";
    padding: 0 10px
}

.pic_4_in ul {
    width: fit-content;
    margin: auto
}

.pic_4_in ul li {
    position: relative;
    font-size: 16px;
    font-weight: bold;
    list-style-type: none;
    line-height: 2.5;
    width: fit-content;
}

.pic_4_in ul li::before {
    content: "";
    position: absolute;
    left: -32px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background: url(/img/goods/br0005/li.webp) no-repeat center center;
    background-size: auto 100%;
}

.pic_4_in ul li::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 4px;
    background: url(/img/goods/br0005/slash.webp);
    left: 0;
    bottom: 3px;
}

.box3_2 {
    display: flex;
    margin: 25px auto;
    gap: 30px;
    width: 84%;
    align-items: center;
}

.box3_2 img {
    width: 15%;
    height: auto
}

.box3_2 div {
    flex: 1
}

.box3_2 div p:first-child {
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 6px
}

.box3_2 div p:last-child {
    font-size: 18px;
}

.detail {
    font-size: 13px;
    text-align: center;
}

.pic_5 {
    text-align: center;
    background: url(/img/goods/br0005/pic4.webp) no-repeat 50% 21px, linear-gradient(to bottom, rgba(233, 246, 255, 1) 1%, rgb(212 239 255) 33%, rgba(212, 238, 255, 1) 54%, rgba(232 245 255) 66%, rgb(232 245 255) 100%);
}

.box_fg {
    display: grid;
    margin: auto;
    align-items: center;
    column-gap: 10px;
    margin-top: 414px;
    margin-bottom: 30px;
    grid-template-areas:
        "img p1"
        "img p2";
    grid-template-columns: 20% 1fr;
}

.box_fg img {
    width: 100%;
    height: auto;
    grid-area: img;
}

.box_fg .h1 {
    grid-area: p1;
}

.box_fg p:last-child {
    grid-area: p2;
    font-size: 16px;
}

.box_fg div {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.box_fg div p {
    margin-top: 8px;
    line-height: 1.5;
}

.box_4_1_div div.box_4_1:nth-child(odd) {
    margin-left: 40px;
}

.box_4_1_div div.box_4_1:nth-child(odd) img {
    margin-left: -40px
}

.box_4_1_div div.box_4_1:nth-child(odd) p {
    margin-left: 15px
}

.box_4_1_div div.box_4_1:nth-child(even) {
    margin-right: 40px;
}

.box_4_1_div div.box_4_1:nth-child(even) img {
    margin-right: -40px
}

.box_4_1_div div.box_4_1:nth-child(even) p {
    margin-left: 35px
}

.box_4_1 {
    display: flex;
    align-items: center;
    gap: 10px;
    background: #fff;
    margin-top: 15px;
    border-radius: 15px;
}

.box_4_1 img {
    width: 15%;
}

.box_4_1 p {
    flex: 1;
    text-align: left;
    font-weight: 700;
    line-height: 1.6;
    font-size: 17px;
}

.box_4_1 p b {
    color: #0044bb
}

.feedback_list li .text b {
    color: #0044bb !important
}

@media print,
screen and (max-width:768px) {

    .product_hero .product_copy h2.highlight01 {
        color: #0055dd;
    }

    .product_hero .product_copy h2.highlight02 {
        color: #008844;
    }

    .product_hero .product_copy h2.highlight03 {
        color: #9e6d00;
    }

    /*recommendation*/
    .recommendation {
        background: #eef7ff !important;
    }

    .recommendation_inner {
        background: #ddf2ff !important;
    }

    .recommendation_list li {
        background: linear-gradient(to right, #ffffff, #eef9ff) !important;
    }

    .recommendation_list li .emphasis {
        color: #0055dd !important;
    }

    .recommendation_list li::before {
        background-color: #0d97f4 !important;
    }

    /*/recommendation*/

    /*product_nav*/
    .product_nav li a::before {
        background: #0c56db !important;
        width: 100% !important;
    }

    .product_nav li a::after {
        background-color: #0c56db !important;
    }

    .product_nav li a:hover {
        background: linear-gradient(to bottom, #fff 0%, #fff 38%, #e4edfb 100%) !important;
    }

    .product_nav li a:hover::before {
        background: #0834a8 !important;
    }

    /*product_feedback*/

    .product_feedback {
        background: #e9f6ff !important;
    }

    .product_feedback .sub_title {
        color: #990000 !important;
    }

    /*/product_feedback*/


    .product_nav {
        width: auto !important;
    }

    .product_nav li {
        width: auto !important;
        flex: 1
    }

    .product_nav li a {
        width: 100% !important;
        flex: 1
    }

    .product_nav ul {
        gap: 1vw;
    }

    .q_and_a_group {
        width: auto !important;
    }


    /*main*/
    .pic_1,
    .pic_3 {
        width: auto;
        margin: -8vw 0 0 0;
    }

    .pic_1 img {
        width: 100%;
        height: auto;
    }

    .pic_2 {
        width: auto;
        /* margin: 0px auto; */
        /* background: linear-gradient(to bottom, rgba(240, 249, 255, 1) 0%, rgba(255, 255, 255, 1) 20%, rgba(208, 236, 255, 1) 100%); */
        /* padding: 21px 35px 57px 35px; */
    }

    .pic_2 .h1,
    .pic_4_in .h1 {
        font-size: 6vw;
        padding-top: 4vw;
    }

    .pic_2 .box_3_div .radius div p:nth-child(1) {
        font-size: 4vw;
    }

    .pic_2 .box_3_div .radius div p:last-child {
        font-size: 3vw;
        line-height: 1.5;
        font-weight: 400;
    }

    .pic_5 .h1 {
        font-size: 5.5vw;
        padding-top: 3vw;
        grid-area: b;
    }

    .pic_2 .h2 {
        font-size: 20px;
        font-weight: bold;
        color: #222;
        text-align: center;
        margin: 0 auto;
        padding-top: 8px;
    }

    .pic_2 .box_5_div {
        display: flex;
        margin: 2vw auto;
        width: fit-content;
        gap: 2vw;
        flex-wrap: wrap;
        justify-content: center;
    }

    .pic_2 .box_5_div div:nth-child(1) {
        width: 100%
    }

    .pic_2 .box_5_div div {
        text-align: center;
        width: 44%;
    }

    .pic_2 .box_5_div div img {
        width: 100%;
        max-width: 30vw;
		height: auto
    }

    .pic_2 .box_5_div div p {
        font-size: 3.4vw;
        font-weight: bold;
        padding-top: 5px;
    }

    .pic_2 .box_3_div {
        display: flex;
        position: relative;
        justify-content: flex-end;
        margin-top: 22px;
    }

    .pic_2 .box_3_div .radius img {
        position: relative;
        left: inherit;
        top: inherit;
        transform: inherit;
        width: 22vw;
        height: auto;
    }

    .pic_2 .box_3_div .radius div {
        flex: 1
    }

    .pic_2 .box_3_div .radius {
        width: 100%;
        background: #fff;
        padding: 4vw 1vw;
        border-radius: 15px;
        border: #0944b9 solid 2px;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }

    .pic_2 .box_3_div .radius p:nth-child(2) {
        color: #0a66ca;
        font-size: 23px;
        font-weight: 700;
        font-family: "arial";
        flex: 1;
    }

    .pic_2 .box_3_div .radius p:last-child {
        color: #222;
        font-size: 16px;
        font-weight: 700;
        padding-top: 10px;
        line-height: 1.7;
        width: 100%;
    }

    .pic_4 {
        background: linear-gradient(to bottom, rgba(240, 249, 255, 1) 0%, rgba(240, 249, 255, 1) 31%, rgba(224, 242, 255, 1) 73%, rgba(255, 255, 255, 1) 100%);
        padding-bottom: 4vw;
        padding-top: 15px;
    }

    .pic_4_in {
        width: calc(100% - 30px);
        margin: 0px auto;
        padding: 0 15px 3vw 15px;
        background: #fff;
        border-radius: 15px;
    }

    .in_1 {
        width: 100%;
        border-radius: 0;
        margin-top: 4vw;
    }

    .pic_5_in {
        width: 850px;
        margin: 0px auto;
        background: #fff
    }

    .pic_5_in_1 {
        width: auto;
        margin: 0px auto;
        padding: 0 5vw;
    }

    .pic_4_in .h1 b {
        font-size: 70%;
        padding-left: 12px;
    }

    .pic_4_in .h2 {
        font-size: 4vw;
        text-align: center;
        padding-top: 12px;
        color: #0044bb;
        font-weight: bold;
    }

    .pic_4_in .box3_1 {
        display: flex;
        width: fit-content;
        margin: 5vw auto;
        column-gap: 5vw;
        flex-wrap: wrap;
        justify-content: center;
    }

    .pic_4_in .box3_1 div {
        text-align: center
    }

    .pic_4_in .box3_1 div:nth-child(1) {
        width: 100%
    }

    .pic_4_in .box3_1 div img {
        width: 143px;
    }

    .pic_4_in .box3_1 div p {
        font-weight: bold;
        padding-top: 9px;
        font-size: 15px;
    }

    .pic_4_in .slash {
        position: relative
    }

    .pic_4_in .slash:before {
        content: "―";
        padding: 0 10px
    }

    .pic_4_in .slash:after {
        content: "―";
        padding: 0 10px
    }

    .pic_4_in ul {
        width: fit-content;
        margin: auto
    }

    .pic_4_in ul li {
        position: relative;
        font-size: 4vw;
        font-weight: bold;
        list-style-type: none;
        line-height: 1.3;
        width: fit-content;
        padding-left: 9vw;
        margin-bottom: 2vw;
    }

    .pic_4_in ul li::before {
        content: "";
        position: absolute;
        left: 1vw;
        top: 50%;
        transform: translateY(-50%);
        width: 6vw;
        height: 6vw;
        background: url(/img/goods/br0005/li.webp) no-repeat center center;
        background-size: auto 100%;
    }

    .pic_4_in ul li::after {
        content: "";
        position: absolute;
        width: 100%;
        height: 4px;
        background: none;
        left: 0;
        bottom: 3px;
    }

    .box3_2 {
        display: flex;
        margin: 4vw auto 4vw auto;
        gap: 3vw;
        width: auto;
        align-items: center;
    }

    .box3_2 img {
        width: 15%;
        height: auto
    }

    .box3_2 div {
        flex: 1
    }

    .box3_2 div p:first-child {
        font-size: 3.4vw;
        font-weight: bold;
        padding-bottom: 6px
    }

    .box3_2 div p:last-child {
        font-size: 3vw;
    }

    .detail {
        font-size: 13px;
        text-align: center;
    }

    .pic_5 {
        text-align: center;
        background: url(/img/goods/br0005/pic4.webp) no-repeat 50% 0vw, linear-gradient(to bottom, rgba(233, 246, 255, 1) 1%, rgb(212 239 255) 33%, rgba(212, 238, 255, 1) 54%, rgba(232 245 255) 66%, rgb(232 245 255) 100%);
        background-size: 132%;
    }

    .mb_20 {
        margin-bottom: -2vw
    }

    .box_fg {
        display: grid;
        margin: auto;
        align-items: center;
        column-gap: 0;
        margin-top: 60vw;
        margin-bottom: 30px;
        grid-template-areas:
            "img p1"
            "p2 p2";
        grid-template-columns: 18% 1fr;
    }

    .box_fg img {
        width: 100%;
        height: auto;
        grid-area: img;
    }

    .box_fg .h1 {
        grid-area: p1;
        padding-top: 0;
    }

    .box_fg p:last-child {
        grid-area: p2;
        font-size: 3vw;
    }

    .box_fg div {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .box_fg div p {
        margin-top: 8px;
        line-height: 1.5;
    }

    .box_4_1_div div.box_4_1:nth-child(odd) {
        margin-left: 0;
        padding-right: 2vw
    }

    .box_4_1_div div.box_4_1:nth-child(odd) img {
        margin-left: -2vw;
    }

    .box_4_1_div div.box_4_1:nth-child(odd) p {
        margin-left: 2vw;
    }

    .box_4_1_div div.box_4_1:nth-child(even) {
        margin-right: 0;
    }

    .box_4_1_div div.box_4_1:nth-child(even) img {
        margin-right: -2vw;
    }

    .box_4_1_div div.box_4_1:nth-child(even) p {
        margin-left: 3vw;
    }

    .box_4_1 {
        display: flex;
        align-items: center;
        gap: 0;
        background: #fff;
        /* margin: 1.5vw auto 1.5vw auto; */
        border-radius: 10px;
        width: 100%;
        margin: 2vw auto 2vw auto;
        padding: 1.5vw 0px;
    }

    .box_4_1 img {
        width: 17%;
        height: auto;
    }

    .box_4_1 p {
        flex: 1;
        text-align: left;
        font-weight: 700;
        line-height: 1.6;
        font-size: 3vw;
    }

    .box_4_1 p b {
        color: #0044bb;
        font-weight: bold;
    }

    .feedback_list li .text b {
        color: #0044bb !important
    }

}