.mes-content {
    max-width: calc(100vw - 8rem) !important;
    max-width: -webkit-calc(100vw - 8rem) !important;
    max-height: calc(100vh - 8rem) !important;
    max-height: -webkit-calc(100vh - 8rem) !important;
    margin: 4rem !important;
}


/* ----------------------- */
.fs-article a span {
    width: 8rem;
    height: 6rem;
}

.fs-article a label:nth-child(1) {
    font-size: 2.5rem;
    top: 10%;
}



/* ********************** */

header {
    height: auto;
}

header>* {
    float: left;
    clear: both;
    width: 100% !important;
    position: static;
    transform: none;
    -webkit-transform: none;
}

header .logo {
    height: 10rem;
    background-size: auto 50%;
}

header .tool {
    border-top: solid .1rem #e5e5e5;
}

header .tool>* {
    float: left;
    clear: none;
}

header .tool form {
    width: calc(100% - 20rem);
    width: -webkit-calc(100% - 20rem);
    border-bottom: none;
    float: right;
}

header .tool input {
    margin-left: 0;
    background-position: 1rem center;
    padding-left: 4rem;
    border-bottom: none;
    background-size: auto 25%;
    width: 100%;
}

header .tool a>label:first-child {
    width: 5rem;
    background-size: auto 27%;
    background-position: center 30%;
}

header .tool a:first-child :nth-child(2) {
    display: none;
}
header .tool a :nth-child(2) {
    bottom: .4em;
}


footer .s-info .items {
    flex-wrap: wrap;
    row-gap: 1rem
}
footer .s-info .items span {
    width: 100%;
}
footer .s-info .items > :not(:first-child):before {
    content: none
}

#nav-main label {
    font-size: 1rem;
}


#banner div {
    bottom: 2rem;
}



#page-home .sd-news .fs-article a {
    width: calc(((100vw - 4rem) / 2) - 2rem);
    width: -webkit-calc(((100vw - 4rem) / 2) - 2rem);
    margin: 0 1rem;
}


#page-home .fs-product a {
    width: calc(((100vw - 4rem) / 2) - 2rem);
    width: -webkit-calc(((100vw - 4rem) / 2) - 2rem);
    margin: 0 1rem;
}


.fs-list-head .tool-sort {margin-left: 2rem}


#page-product-detail .pd-info,
#page-product-detail .pd-images {
    width: 100%;
    clear: both;
}

#page-product-detail .pd-images {
	padding-bottom: 75%;
}


#page-product-detail .pd-images label {
    width: 1rem;
    height: 1rem;
    margin-top: calc((100%*3/4) - 2rem );
    margin-top: -webkit-calc((100%*3/4) - 2rem);
}


#page-product-detail .pd-info {margin-top: 4rem}


#page-product-detail .pd-content {
	margin-bottom: 5rem;
}


#page-product-detail .pd-tabs {
    margin: 4rem 0;
}

#page-product-detail .pd-tabs>label {
    width: calc(99.99%/3);
    width: -webkit-calc(99.99%/3);
    margin: 0;
    padding: 0;
    text-align: center;
}

#page-product-detail .pd-tabs>label:first-of-type {margin-left: 0}

#page-product-detail .p-slider .frame > a {
    width: 30%
}



#popup-contact {
    width: calc(100vw - 8rem);
    width: -webkit-calc(100vw - 8rem);
}


#popup-contact {display: block}

#popup-contact .L .content,
#popup-contact .L,
#popup-contact .R {
    float: left;
    clear: both;
    width: 100%;
}

#popup-contact .R {margin-top: 4rem}

#popup-contact .L .content {
    top: 0;
    transform: none;
    -webkit-transform: none;
}

#popup-contact .logo a {
    background-size: auto 80%;
}

#popup-contact .info * {
    width: 100%;
}

#popup-contact .info h1 {position: relative; margin-bottom: 4rem}

#popup-contact .info h1:after {
    width: 20%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -2rem;
    margin: auto;
}


#page-care .c-title label,
#page-detail .d-title label {
    font-size: 2rem;
}