@charset "UTF-8"; img {
    -ms-interpolation-mode: bicubic;
}

@font-face {
    font-family: "FZLanTingHeiSCLocal";
    src: url("/v2/cmn/fonts/FZLanTingHeiSC.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Shiseido Neue";
    src: url("/v2/cmn/fonts/ShiseidoNeue-Regular.otf") format("opentype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0000-00FF, U+0100-024F;
}

@font-face {
    font-family: "Shiseido Neue";
    src: url("/v2/cmn/fonts/ShiseidoNeue-Bold.otf") format("opentype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0000-00FF, U+0100-024F;
}

html, body, body * {
    font-family: "Shiseido Neue", "FZLanTingHeiSCLocal", "方正兰亭黑简体", sans-serif !important;
}

body {
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -o-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

.cfx:after, .clm2layout:after, #container:after, #gnav:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.cfx, .clm2layout, #container, #gnav {
    display: block;
    /* for safari firefox3 */
    zoom: 1; /* for IE 7*/
}

* html .cfx, * html .clm2layout, * html #container, * html #gnav {
    display: inline-block;
    /* for IE6 */
}

/* IE7 hacks */
*:first-child + html .cfx, *:first-child + html .clm2layout, *:first-child + html #container, *:first-child + html #gnav {
    display: inline-table;
}

/* end hacks */
body {
    min-width: 0;
}

#contents {
    width: auto;
    padding: 0;
    padding-top: 32px;
    position: relative;
}

#contents-area {
    position: relative;
}

#main {
    float: right;
    clear: both;
    /* width: 680px; */
    min-height: 320px;
    padding: 0 35px 0 25px;
    background-color: #ffffff;
    /* margin: -75px 0 0 0; */
}

.sp-head {
    display: none;
}

.lt-ie7 .container_inner #main {
    margin: -39px 0 0 0;
}

#extra-tools {
    float: right;
    margin-top: 110px;
    width: 620px;
}

.contents-group {
    float: none;
    width: auto;
}

#_atssh {
    bottom: 0;
}

/*==================================
header
==================================*/
#header {
    width: 100%;
    height: auto;
    background-color: #fff;
    z-index: 4;
    position: relative;
}

#header .wrap {
    height: auto;
    padding: 0;
    position: relative;
    z-index: 2;
    margin-left: 40px;
    margin: 0 auto;
    width: 984px;
}

#header .icon_group {

}

#header .icon_group img {
    width: 100%;
}

#header .mgdd_menu {
    left: 0;
    position: absolute;
    top: 117px;
    width: 100%;
}

#header .ci {
    position: absolute;
    width: 204px;
    height: 40px;
    margin: 9px 0 0 0;
}

#header .ci a {
    display: block;
    width: 204px;
    height: 40px;
    overflow: hidden;
}

#nav-header {
    display: none;
}

#nav-close-btn {
    display: none;
}

#nav-wrap {
    background: none;
}

#nav-area {

}

#nav-open-btn {
    display: none;
}

/* ----- search-box ----- */
.nav-contents .search-box {
    left: 462px;
    position: absolute;
    right: 0;
    top: 10px;
}

.lt-ie7 .nav-contents .search-box {
    top: 5px;
}

* html .nav-contents .search-box {
    width: 191px;
}

* + html .nav-contents .search-box {
    top: 8px;
}

.search-box legend {
    display: none;
}

.search-box input[type="text"] {
    background-color: #D5D5D5;
    border: medium none;
    border-radius: 4px;
    font-family:'FZLanTingHeiS-EB-GB', 'FZLanTingHei_GBK', sans-serif;
    font-size: 9px;
    height: 12px;
    min-height: 12px;
    padding: 3px 3px 2px;
    vertical-align: top;
    width: 145px;
}

* + html .nav-contents .search-box input[type="text"] {
    padding: 3px 3px 2px 3px;
    width: 150px;
}

html > body .nav-contents .search-box input[type="text"] {
    padding: 3px 3px 2px 3px\9;
    width: 150px\9;
}

body:nth-of-type(1) .nav-contents .search-box input[type="text"] {
    width: 150px\9;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .nav-contents .search-box input[type="text"] {
        height: 12px;
    }
}

.nav-contents .search-box input[type="text"].onblur {
    color: #667b86;
}

.nav-contents .search-box input.searchBtn {
    border-radius: 0;
    height: auto;
    left: 130px;
    top: 1px;
    position: absolute;
    width: 13px;
}

* + html .nav-contents .search-box input.searchBtn {
    margin-top: 1px;
    vertical-align: 0px;
}

/* ----- utility ----- */
.nav-contents .nav.utility {
    left: 0;
    position: absolute;
    top: 2px;
}

.nav-contents .nav.utility.language {
    left: 278px;
    position: absolute;
    top: 13px;
    width: 171px;
}

.nav-contents {
    background: #fff;
}

.nav-contents .nav.utility.language li {
    position: static;
    float: left;
    padding: 0 0 0 0;
}

.nav-contents .nav.utility.language li.english {
    padding-left: 8px;
    padding-right: 15px;
    border-left: 1px solid #000;
    background: url(/v2/cmn/img/navigation/ico_menu_outlink.png) right center no-repeat;
}

.nav-contents .nav.utility.language li.chinese {
    padding-left: 13px;
    padding-right: 26px;
    border-right: 1px solid #000;
    background: url(/v2/cmn/img/navigation/ico_menu_outlink.png) 63px center no-repeat;
}

.nav-contents .nav.utility.language li.english img {
    width: 38px;
    height: auto;
}

.nav-contents .nav.utility.language li.chinese img {
    width: 36px;
    height: auto;
}

.nav-contents .nav.utility.language li a:hover {
    border: none;
}

.nav-contents .nav.utility li {
    position: absolute;
    top: 10px;
    font-size: 1%;
    line-height: 1;
}

.nav-contents .nav.utility li .mark {
    font-size: 10px;
    line-height: 1.2;
    font-family:'FZLanTingHeiS-EB-GB', 'FZLanTingHei_GBK', sans-serif;
}

.nav-contents .nav.utility li.newsrelease {
    left: 0px;
}

.nav-contents .nav.utility li.customer {
    left: 79px;
}

.nav-contents .nav.utility li.product_info {
    left: 186px;
}

.nav-contents .nav.utility li.product_info span {
    display: inline-block;
    padding-right: 15px;
    background: url(/v2/cmn/img/navigation/ico_menu_outlink.png) 55px center no-repeat;
}

.nav-contents .nav.utility li img {
    width: auto;
    height: 12px;
}

.nav-contents .nav.utility li a {
    text-decoration: none;
}

.nav-contents .nav.global li a span {
    z-index: 1000;
    display: block;
    height: 29px;
    background-image: url(/cmn/img/btn_megadropdown.png);
    background-repeat: no-repeat;
}

.nav-contents .nav.global li a span {
    opacity: 0;
    filter: alpha(opacity=0);
}

/* globalnavi
--------------------------------------------------------- */
.global-navi {

}

.global-navi2 {
    width: 100%;
}

.global-navi > li > a:hover img {

}

.global-navi > li > a span {

}

/*==================================
topicpath
==================================*/
#topicpath {
    width: 984px;
    margin: 0 auto;
    padding-top: 0;
    padding-left: 0;
	/* position: relative; */
}

#topicpath li.first-child {
    padding-left: 0;
    margin-left: 0;
    background: none;
}

#topicpath li {
    margin-left: 6px;
    padding-left: 10px;
    background: url(/cmn/img/icon_breadcrumb.gif) no-repeat 0 0.25em;
    float: left;
    font-size: 91%;
    line-height: 1.2;
}

/* #contents-area table{
  font-weight: bold;
  width: 100%;
  font-size: 12px;
  text-align: center;
  background-color: #dcdcdc;
} */
.standards table{
  font-weight: bold;
  width: 100%;
  font-size: 12px;
  text-align: center;
  background-color: #dcdcdc;
}
.standards table thead th{
  font-weight: bold;
  color: #fff;
  text-align: center;
  background-color: #b81b30;
  padding: 5px 20px;
  border: 1px #fff solid;
}
#contents-area1 table thead th{
  font-weight: bold;
  color: #fff;
  text-align: center;
  background-color: #b81b30;
  padding: 5px 20px;
  border: 1px #fff solid;
}
#contents-area table thead th{
  padding: 15px 0;
}
.standards table thead th{
width: 50%;
}
.standards table tbody td{
  padding: 15px 0;
  border: 1px #fff solid;
}
/* #contents-area table tbody td{
  padding: 15px 0;
  border: 1px #fff solid;
} */
#contents-area table.sp{
  display: none;
}

/*==================================
header
==================================*/
#header {
    width: 100%;
    height: auto;
    background-color: #fff;
    z-index: 4;
    position: relative;
}

#header .wrap {
    height: auto;
    padding: 0;
    position: relative;
    z-index: 2;
    margin-left: 40px;
    margin: 0 auto;
    width: 984px;
}

#header .icon_group {

}

#header .icon_group img {
    width: 163px;
}

#header .mgdd_menu {
    left: 0;
    position: absolute;
    top: 117px;
    width: 100%;
}

#header .ci {
    position: absolute;
    width: 204px;
    height: 40px;
    margin: 9px 0 0 0;
}

#header .ci a {
    display: block;
    width: 204px;
    height: 40px;
    overflow: hidden;
}

#nav-header {
    display: none;
}

#nav-close-btn {
    display: none;
}

#nav-wrap {
    background: none;
	z-index:10000;
}

#nav-area {

}

#nav-open-btn {
    display: none;
}

/* megadd
--------------------------------------------------------- */
#nav-area .mgdd-wrap .mgdd-small-title {
    color: #fff;
    font-weight: bold;
    margin: 5px 0 2px 0;
}

.mgdd-link-area-container-white {
    position: absolute;
    right: -50%;
    width: 50%;
    height: 100%;
    background-color: #fff;
}

#nav-area .mgdd-main-inner {
    width: 1366px;
    margin: 0 auto;
    /* height: 322px; */
    background-color: #fff;
    margin-left: -3;
    /* border-top: 1px solid #dadada; */
    /*overflow: hidden;*/
    position: relative;
}

#nav-area .mgdd-main-inner:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}

#nav-area .mgdd-main-inner {
    display: inline-block;
}

/* Hides from IE Mac \*/
* html #nav-area .mgdd-main-inner {
    height: 1%;
}

#nav-area .mgdd-main-inner {
    display: block;
}

/* End Hack */
#nav-area .brands .mgdd-main-inner {
    /* width: 1068px; */
    /* height: 755px; */
    /* background-color: #646464; */
}

#nav-area .recruit .mgdd-main-inner {
    /* width: 980px; */
    /* height: 372px; */
    /* background-color: #646464; */
}

#nav-area .mgdd-wrap .mgdd-wrap-bg {
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: #aa0000;
    margin: 0;
    padding: 0;
    top: 0;
}

#nav-area .mgdd-main {
    /* background-color: #646464; */
    /* width: 1366px; */
    /* height: 340px; */
    letter-spacing: 0;
    clear: both;
    margin: 0 auto;
    background-color: #eee;
    padding: 0;
    position: relative;
    /* margin-left: auto; */
    /* width: 980px; */
    /* margin-right: auto; */
    /* padding-top: 18px; */
    border-top: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
    border-bottom: ;
    overflow: hidden;
}

.brands #nav-area .mgdd-main {
    background-color: #fff;
}

#nav-area .brands .mgdd-main {
    /* height: 755px; */
    background-color: #fff;
}

#nav-area .recruit .mgdd-main {
    /* height: 372px; */
}

#nav-area .mgdd-wrap .mgdd-main .image_title {
    width: 150px;
    padding-top: 4px;
    padding-left: 1px;
    /* color: #fff; */
}

#nav-area .mgdd-wrap .mgdd-main .link_block1_block .title, #nav-area .mgdd-wrap .mgdd-main .link_block2_block .title, #nav-area .mgdd-wrap .mgdd-main .link_block3_block .title, #nav-area .mgdd-wrap .mgdd-main .link_block4_block .title {
    color: #fff;
    font-size: 70%;
    border-bottom: dashed #fff 1px;
    padding-bottom: 5px;
    clear: both;
}

#nav-area .mgdd-main .another_window_icon {
    padding-left: 6px;
    padding-bottom: 7px;
    display: inline-block;
}

#nav-area .mgdd-link-area-container {
    width: 980px;
    padding-top: 30px;
    margin: 0 30px 0 0;
    overflow: hidden;
    /* position: relative; */
    float: right;
}

#nav-area .brands .mgdd-link-area-container {
    /* margin: 0; */
    width: 100%;
}

#nav-area .mgdd-wrap-sustainability .mgdd-link-area-container {
    /* margin: 0 auto 10px; */
    /* width: 1015px; */
}

/* irregular */
#nav-area .mgdd-wrap ul.special-site {
    width: 239px;
    margin-left: 40px;
}

#nav-area .mgdd-wrap .special-site {
    margin-top: 2px;
    padding: 7px 0;
    border-top: 1px solid #d16a85;
    border-bottom: 1px solid #d16a85;
}

#nav-area .mgdd-wrap li.special-site {
    margin-top: 15px;
}

#nav-area .mgdd-wrap li.special-site ul {
    float: none;
    width: auto;
    margin: 0;
}

#nav-area .mgdd-wrap-brands .mgdd-main .image_block {
    clear: both;
    padding-top: 0;
    float: none;
    position: relative;
    width: auto;
}

#nav-area .mgdd-wrap-brands .mgdd-main .img1 {
    clear: both;
    padding-top: 72px;
    padding-left: 6px;
    float: left;
    position: static;
}

#nav-area .mgdd-wrap-brands .mgdd-main .img2 {
    float: left;
    margin-left: 51px;
    margin-top: 72px;
}

#nav-area .mgdd-wrap-brands .mgdd-main .link_block1_block {
    width: 183px;
    height: 100%;
    float: left;
}

#nav-area .mgdd-wrap-brands .mgdd-main .link_block2_block {
    width: 207px;
    height: 100%;
    float: left;
}

#nav-area .mgdd-wrap-brands .mgdd-main .link_block3_block {
    width: 331px;
    height: 100%;
    float: left;
}

#nav-area .mgdd-wrap-brands .mgdd-main .link_block3_block .link_block {
    width: 50%;
    float: left;
}

#nav-area .mgdd-wrap-brands .mgdd-main .link_block3_block .link_block1 {
    width: 40%;
}

#nav-area .mgdd-wrap-brands .mgdd-main .link_block3_block .link_block2 {
    width: 60%;
}

#nav-area .mgdd-wrap-brands .mgdd-main .link_block4_block {
    width: 162px;
    height: 100%;
    float: left;
}

#nav-area .mgdd-wrap-brands .mgdd-main .link_block5_block {
    width: 165px;
    height: 100%;
    float: left;
}

#nav-area .mgdd-wrap-brands .mgdd-main .link_block1_block {
    padding-left: 149px;
}

#nav-area .mgdd-wrap-brands .mgdd-main .link_block2_block, #nav-area .mgdd-wrap-brands .mgdd-main .link_block3_block {
    margin-left: 10px;
}

#nav-area .mgdd-wrap-brands .mgdd-main .link_block3_block {
    /* margin-bottom: 253px; */
}

#nav-area .mgdd-wrap-brands .link_block {
    margin-bottom: 30px;
    margin-top: -5px;
}

/* = [csr] ===========================================*/
#nav-area .mgdd-wrap-csr .mgdd-main .link_block1_block, #nav-area .mgdd-wrap-csr .mgdd-main .link_block2_block, #nav-area .mgdd-wrap-csr .mgdd-main .link_block3_block {
    width: 252px;
    float: left;
    padding-top: 33px;
}

#nav-area .mgdd-wrap-csr .mgdd-main .link_block1_block {
    padding-left: 28px;
}

#nav-area .mgdd-wrap-csr .mgdd-main .link_block2_block {
    padding-top: 12px;
    margin-left: 5px;
}

#nav-area .mgdd-wrap-csr .mgdd-main .link_block3_block {
    margin-left: 10px;
    width: 233px;
}

#nav-area .mgdd-wrap-csr .mgdd-main {
    height: 480px;
}

#nav-area .mgdd-wrap-csr .mgdd-main-inner {
    height: 430px;
}

#nav-area .mgdd-csr-inner-block-title {
    color: #fff;
    display: inline-block;
    background-color: #646464;
    padding: 0 5px;
    margin-left: 9px;
}

.mgdd-csr-inner-block {
}

.mgdd-csr-inner-block .link_block {
    padding: 0px 7px 7px 7px;
    box-sizing: border-box;
}

.mgdd-csr-inner-block .link_block_line {
    border: 1px solid #fff;
    margin-top: -4px;
    padding-top: 7px;
}

#nav-area .mgdd-wrap-csr .mgdd-main .link_block3_block .title {
    padding-top: 23px;
    width: 220px;
}

#nav-area .mgdd-wrap-csr .mgdd-main .link_block3 {
    padding-top: 2px;
    margin: 0;
    width: auto;
}

#nav-area .mgdd-wrap-csr .mgdd-main .link_block3 li {
    width: 210px;
    padding-bottom: 6px;
}

/* = [sustainability] ===========================================*/
#nav-area .mgdd-wrap-sustainability .mgdd-main .link_block1_block, #nav-area .mgdd-wrap-sustainability .mgdd-main .link_block2_block, #nav-area .mgdd-wrap-sustainability .mgdd-main .link_block3_block {
    /*width: 350px;*/
    width: 290px;
    float: left;
    /* padding-top: 33px; */
}

#nav-area .mgdd-wrap-sustainability .mgdd-main .link_block1_block {
    padding-left: 0;
}

#nav-area .mgdd-wrap-sustainability .mgdd-main .link_block2_block {
    padding-top: 0;
    margin-left: 40px;
    /*width: 300px;*/
}

#nav-area .mgdd-wrap-sustainability .mgdd-main .link_block3_block {
    margin-left: 20px;
    /*width: 297px;*/
}

#nav-area .mgdd-wrap-sustainability .mgdd-main {
    /* height: 600px; */
}

#nav-area .mgdd-wrap-sustainability .mgdd-main-inner {
    /* height: 600px; */
}

#nav-area .mgdd-sustainability-inner-block-title {
    color: #bd1928;
    display: inline-block;
    /* background-color: #646464; */
    /* padding: 0 5px; */
    margin-left: 9px;
    font-weight: bold;
    font-size: 14px;
}

.mgdd-sustainability-inner-block {
}

.mgdd-sustainability-inner-block .link_block {
    padding: 0px 7px 7px 7px;
    box-sizing: border-box;
    margin-bottom: 7px;
}

.mgdd-sustainability-inner-block .link_block_line {
    border: 1px solid #fff;
    margin-top: -4px;
    padding-top: 4px;
}

#nav-area .mgdd-wrap-sustainability .mgdd-main .link_block3_block .title {
    /*padding-top: 23px;*/
    padding-top: 0;
    width: 220px;
}

#nav-area .mgdd-wrap-sustainability .mgdd-main .link_block3 {
    padding-top: 2px;
    margin: 0;
    width: auto;
}

#nav-area .mgdd-wrap-sustainability .mgdd-main .link_block3 li {
    width: 210px;
    padding-bottom: 6px;
}

#nav-area .rd .mgdd-main {
    /* height: 345px; */
}

#nav-area .rd .mgdd-main-inner {
    /* height: 345px; */
}

#nav-area .mgdd-wrap-beauty-art .mgdd-main .link_block2_block {
    margin-left: 9px;
    position: static;
    width: 370px;
    float: left;
    /* padding-top: 32px; */
}

#nav-area .mgdd-wrap-ir .mgdd-main .link_block1_block .title {
    padding-top: 29px;
    width: 214px;
}

#nav-area .mgdd-wrap-ir .mgdd-main .link_block2_block .title {
    padding-top: 29px;
    width: 286px;
}

#nav-area .mgdd-wrap-ir .mgdd-main .link_block2 {
    padding-left: 0px;
    padding-top: 1px;
    margin: 0;
}

#nav-area .mgdd-wrap-ir .mgdd-main .link_block3_block {
    float: right;
}

#nav-area .mgdd-wrap-ir .mgdd-main .link_block3_block .title {
    padding-top: 23px;
    width: 217px;
}

#nav-area .mgdd-wrap-ir .mgdd-main .link_block3 {
    padding-left: 1px;
    padding-top: 4px;
}

#nav-area .mgdd-wrap-ir .mgdd-main .link_block3 li {
    color: #fff;
    font-size: 110%;
    padding-bottom: 9px;
}

#nav-area .mgdd-wrap-company .mgdd-main .link_block1_block .title {
    padding-top: 29px;
    width: 214px;
}

#nav-area .mgdd-wrap-company .mgdd-main .link_block2_block .title {
    padding-top: 29px;
    width: 284px;
}

#nav-area .mgdd-wrap-company .mgdd-main .link_block2 {
    padding-left: 0px;
    /* padding-top: 1px; */
    margin-left: 22px;
}

#nav-area .mgdd-wrap-company .mgdd-main .link_block3_block {
    float: right;
    padding-top: 4px;
}

#nav-area .mgdd-wrap-company .mgdd-main .link_block3_block .title {
    padding-top: 26px;
    width: 286px;
}

#nav-area .mgdd-wrap-company .mgdd-main .link_block3 {
    width: auto;
    padding-left: 1px;
    padding-top: 4px;
    margin: 0;
    margin: 0;
}

#nav-area .mgdd-wrap-company .mgdd-main .link_block3 li {
    padding-bottom: 5px;
}

#nav-area .mgdd-wrap-recruit .mgdd-main .link_block1_block .title {
    padding-top: 29px;
    width: 214px;
}

#nav-area .mgdd-wrap-recruit .mgdd-main .link_block2_block .title {
    padding-top: 29px;
    width: 284px;
}

#nav-area .mgdd-wrap-recruit .mgdd-main .link_block3_block {
    float: right;
    padding-top: 19px;
}

#nav-area .mgdd-wrap-recruit .mgdd-main .link_block3_block .title {
    padding-top: 26px;
    width: 286px;
}

#nav-area .mgdd-wrap-recruit .mgdd-main .link_block3 {
    padding-left: 1px;
    padding-top: 4px;
}

#nav-area .mgdd-wrap-recruit .mgdd-main .link_block3 li {
    padding-bottom: 5px;
}

.mgdd-main .image_block img {
    width: 100%;
    height: auto;
}

.mgdd-main .image_block-wrapper {
    background-color: #eeeeee;
    overflow: hidden;
    padding: 30px 36px 26px;
    float: left;
    width: 218px;
}

.recruit .mgdd-main .image_block-wrapper {
    background-color: #eeeeee;
    overflow: hidden;
    /*padding: 30px 36px 52px;*//*20190409 recruit 3column*/
    padding: 30px 36px 26px;
    float: left;
    width: 218px;
}

.beauty-art .mgdd-main .image_block-wrapper {
    width: 439px;
}

/*20190409 recruit 3column*/
/*.recruit .mgdd-main .image_block-wrapper {
    width: 439px;
}*/

#nav-area .beauty-art .mgdd-link-area-container {
    width: 769px;
}

/*20190409 recruit 3column*/
/*#nav-area .recruit .mgdd-link-area-container {
    width: 769px;
}*/

.sustainability .mgdd-main .image_block-wrapper {
    /*height: 375px;*/
    450px; }

.mgdd-main .image_block {
    /* width: 470px; */
    margin: 0;
    /* padding-right: 23px; */
}

/* megadd
--------------------------------------------------------- */
#nav-area .mgdd-wrap {
    width: 100%;
    position: absolute;
    top: 52px;
    left: 0;
    background: #fff;
    padding: 28px 0 36px;
    box-sizing: border-box;
    overflow: hidden;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1);
    border-top: 1px solid #e3e3e3;
    z-index: 2000;

    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s, visibility 0.2s;
}

#nav-area .mgdd-wrap.in {
    opacity: 1;
    visibility: visible;
}

#nav-area .mgdd-wrap-inner {
    max-width: 952px;
    margin: 0 auto;
    position: relative;
}

.mgdd_close {
    width: 50px;
    height: 50px;
    position: absolute;
    right: -14px;
    top: -8px;
    cursor: pointer;
    transform: translate(100%, 0);
}

.mgdd_close::before,
.mgdd_close::after {
    content: "";
    display: block;
    width: 22px;
    height: 1px;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    background: #191919;
    margin: 0 auto;
    transition: 0.4s cubic-bezier(0, 0, 0.4, 1);
    transition-property: background;
}

.mgdd_close::before {
    transform: translate(0, -50%) rotate(45deg);
}

.mgdd_close::after {
    transform: translate(0, -50%) rotate(-45deg);
}

.mgdd_close:hover::before,
.mgdd_close:hover::after {
    background: #c80421;
    transition-duration: 0.2s;
}

.mgdd_blockContainer {
    display: flex;
    opacity: 0;
    transition: opacity 1s cubic-bezier(0, 0, 0.4, 1);
}

.current-nav .mgdd_blockContainer {
    opacity: 1;
}

.mgdd_block-large {
    width: 100%;
    overflow: hidden;
}

.mgdd_block-large > .mgdd_block_list {
    overflow: hidden;
    width: 355px;
    float: left;
}

.mgdd_block_ttl,
.mgdd_blockContainer a {
    display: inline-block;
    font-size: 13px;
    color: #191919;
    line-height: 1.4;
    letter-spacing: .03em;
    padding: 6px 0;
    text-decoration: none;
}

.mgdd_blockContainer a:hover {
    color: #bd1928;
    text-decoration: none;
}

.mgdd_blockContainer a > span {
    display: block;
    font-size: 11px;
}

.mgdd_blockContainer .target-new span {
    position: relative;
    top: -5px;
    right: -5px;
}

.mgdd_blockContainer .target-new img {
    border: 0;
}

.mgdd_block_ttl {
    font-weight: bold;
}

#nav-area .mgdd-wrap .mgdd-wrap-bg {
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: #fff;
    margin: 0;
    padding: 0;
    top: 0;
}

#nav-area .mgdd-wrap a {

}

#nav-area .mgdd-wrap ul li {

}

#nav-area .sustainability .mgdd-wrap .mgdd-main .link_block li {
    margin-bottom: -1px;
}

#nav-area .mgdd-wrap .mgdd-main .title_set {
    padding-top: 17px;
    /* padding-left: 34px; */
    /* float: left; */
    border-bottom: solid #fff 1px;
    /* width: 920px; */
    padding-bottom: 3px;
    position: static;
    margin: 0 auto;
    overflow: hidden;
}

#nav-area .mgdd-wrap .mgdd-main .title_set .title {
    color: #fff;
    font-size: 130%;
    letter-spacing: 0em;
    float: left;
    position: static;
    width: auto;
    display: none;
}

#nav-area .mgdd-wrap .mgdd-main .title_set .title_en {
    color: #fff;
    float: left;
    padding-top: 4px;
    padding-left: 18px;
    font-size: 110%;
}

#nav-area .mgdd-wrap .mgdd-main .image_block {
    clear: both;
    /* padding-top: 32px; */
    /* float: left; */
    position: relative;
    /* background-color: #dadada; */
    overflow: hidden;
}

#nav-area .mgdd-wrap .mgdd-main .image_title {
    width: 200px;
    padding-top: 4px;
    padding-left: 1px;
    /* color: #fff; */
    font-size: 11px;
}

#nav-area .mgdd-main li a .outer-icon {
    /* position:absolute; */
    /* right: 7px; */
    /* top: 6px; */
    margin-left: 5px;
    /* margin-top: -23px; */
    /* margin-bottom: 64px; */
}

#nav-area .mgdd-main li a .outer-icon img {
    vertical-align: middle;
}

#nav-area .mgdd-wrap .mgdd-main .link_block li {
    color: #bd1928;
    font-size: 13px;
    width: 100%;
    margin-bottom: 4px;
    display: table;
    position: relative;
}

#nav-area .mgdd-wrap .mgdd-main .link_block1_block .title, #nav-area .mgdd-wrap .mgdd-main .link_block2_block .title, #nav-area .mgdd-wrap .mgdd-main .link_block3_block .title, #nav-area .mgdd-wrap .mgdd-main .link_block4_block .title {
    color: #bd1928;
    font-size: 80%;
    border-bottom: dashed #fff 1px;
    padding-bottom: 5px;
    clear: both;
}

#nav-area .mgdd-wrap-beauty-art .mgdd-main .image_block {
    width: 479px;
}

#nav-area .mgdd-wrap-beauty-art .mgdd-main .image_block div {
    display: inline-block;
    vertical-align: top;
    margin-top: 0;
    /* margin-bottom: 5px; */
    margin-right: 32px;
}

#nav-area .mgdd-wrap-beauty-art .mgdd-main .image_block .image_title {
    width: 200px;
    margin-right: 0;
}

#nav-area .mgdd-main li a {
    display: table-cell;
    /* height: 30px; */
    min-height: 20px;
    /* background-image: url(/cmn/img/mgdd_page/img_icn.gif); */
    /* background-repeat: no-repeat; */
    vertical-align: middle;
    /* background: #fff; */
    color: #000;
    background: none;
    /* background-image: url(/v2/cmn/img/icon_link.png); */
    background-repeat: no-repeat;
    background-position: 10px center;
    padding: 3px 10px 3px 0px;
    line-height: 1.7em;
	font-size: 12px;
}

#nav-area .mgdd-main .link_block1_block-special li a {
    /* line-height: 1; */
    padding-bottom: 0;
	font-size: 12px;
}

#nav-area .mgdd-wrap-brands .mgdd-main li a {
    /* line-height: 1; */
    font-size: 12px;
}

#nav-area .mgdd-wrap-sustainability .mgdd-main li a {
    /* line-height: 1; */
    font-size: 12px;
    padding: 3px 0;
    line-height: 1.7em;
}

#nav-area .mgdd-wrap-rd .mgdd-main li a {
    /* line-height: 1; */
    font-size: 12px;
}

#nav-area .mgdd-main li a:hover {
    /* background-position: 0% 0%; */
    text-decoration: none;
    /*background-color: #c2cacf;*/
    color: #bd1928;
}

#nav-area .mgdd-main .image_block a {
    background-color: #fff;
    width: 200px;
    height: 100px;
    display: block;
    overflow: hidden;
}

#nav-area .mgdd-main .another_window_icon {
    padding-left: 6px;
    padding-bottom: 5px;
    /* display: inline-block; */
}

/* irregular */
#nav-area .mgdd-wrap ul.special-site {
    width: 239px;
    margin-left: 40px;
}

#nav-area .mgdd-wrap .special-site {
    margin-top: 2px;
    padding: 7px 0;
    border-top: 1px solid #d16a85;
    border-bottom: 1px solid #d16a85;
}

#nav-area .mgdd-wrap li.special-site {
    margin-top: 15px;
}

#nav-area .mgdd-wrap li.special-site ul {
    float: none;
    width: auto;
    margin: 0;
}

#nav-area .mgdd-wrap-brands .mgdd-main .image_block {
    clear: both;
    padding-top: 0;
    float: none;
    position: relative;
    width: auto;
}

#nav-area .mgdd-wrap-brands .mgdd-main .img1 {
    clear: both;
    padding-top: 68px;
    padding-left: 7px;
    float: left;
    position: static;
}

#nav-area .mgdd-wrap-brands .mgdd-main .img2 {
    float: left;
    margin-left: 52px;
    margin-top: 68px;
}

/* = [csr] ===========================================*/
#nav-area .mgdd-wrap-csr .mgdd-main .link_block3_block .title {
    padding-top: 16px;
    width: 216px;
}

#nav-area .mgdd-wrap-csr .mgdd-main .link_block3 {
    padding-top: 2px;
    margin: 0;
    width: auto;
}

#nav-area .mgdd-wrap-csr .mgdd-main .link_block3 li {
    width: 210px;
    padding-left: 1px;
    padding-bottom: 6px;
}

/* = [sustainability] ===========================================*/
#nav-area .mgdd-wrap-sustainability .mgdd-main .link_block3_block .title {
    padding-top: 16px;
    width: 216px;
}

#nav-area .mgdd-wrap-sustainability .mgdd-main .link_block3 {
    padding-top: 2px;
    margin: 0;
    width: auto;
}

#nav-area .mgdd-wrap-sustainability .mgdd-main .link_block3 li {
    width: 210px;
    padding-left: 1px;
    padding-bottom: 6px;
}

.link_block1_block-special-ttl {
    font-size: 14px;
    color: #bd1928;
    margin-bottom: 10px;
    font-weight: bold;
    margin-top: 0;
}

.link_block1_block-special .link_block1_block-special-ttl {
    margin-top: 0;
}

#nav-area .mgdd-wrap-ir .mgdd-main .img1 {
    /* clear: both; */
    /* padding-top: 47px; */
    /* padding-left: 7px; */
    /* float: left; */
}

#nav-area .mgdd-main .img2 {
    /* margin-top: 22px; */
}

#nav-area .mgdd-wrap-ir .mgdd-main .link_block1_block .title {
    padding-top: 35px;
    width: 214px;
}

#nav-area .mgdd-wrap-ir .mgdd-main .link_block1 {
    width: 100%;
    padding-top: 0;
    margin: 0;
}

#nav-area .mgdd-wrap-ir .mgdd-main .link_block1 li {
}

#nav-area .mgdd-wrap-ir .mgdd-main .link_block2_block .title {
    padding-top: 29px;
    width: 267px;
}

#nav-area .mgdd-wrap-ir .mgdd-main .link_block2 {
    padding-left: 0px;
    padding-top: 0px;
    margin: 0;
}

#nav-area .mgdd-wrap-ir .mgdd-main .link_block2 li {
}

#nav-area .mgdd-wrap-ir .mgdd-main .link_block3_block {
    /*float: right;*/
    float: left;
}

#nav-area .mgdd-wrap-ir .mgdd-main .link_block3_block .title {
    padding-top: 23px;
    width: 217px;
}

#nav-area .mgdd-wrap-ir .mgdd-main .link_block3 {
    padding-left: 1px;
    padding-top: 4px;
}

#nav-area .mgdd-wrap-ir .mgdd-main .link_block3 li {
    color: #fff;
    font-size: 110%;
    padding-bottom: 9px;
}

#nav-area .mgdd-main .image_block {
    /* width: 138px; */
}

#nav-area .mgdd-main .img1 {
    /* clear: both; */
    padding-top: 0px;
    /* padding-left: 7px; */
    display: inline-block;
    float: none;
    margin-right: 32px;
    margin-bottom: 26px;
}

/*1012追記*/
#nav-area .mgdd-main .img2 {
    margin-bottom: 26px;
}

#nav-area .mgdd-main .img2 {
    float: none;
    /* margin-left: 7px; */
    /* margin-top: 15px; */
    display: inline-block;
}

#nav-area .mgdd-wrap-recruit .mgdd-main .link_block1_block {
    float: left;
    padding-left: 0;
    width: 285px;
    padding-top: 0;
}

#nav-area .mgdd-wrap-beauty-art .mgdd-main .link_block1_block {
    float: left;
    padding-left: 0;
    width: 285px;
    padding-top: 0;
}

#nav-area .mgdd-wrap-ir .mgdd-main .link_block1_block {
    float: left;
    /* padding-left: 145px; */
    /* padding-top: 27px; */
    /*width: 420px;*/
    width: 370px;
    padding-top: 0;
}

#nav-area .mgdd-wrap-ir .mgdd-main .link_block2_block {
    float: left;
    padding-left: 0;
    /* padding-top: 27px; */
    /*width: 400px;*/
    padding-top: 0;
    width: 280px;
}

#nav-area .mgdd-main .link_block1_block {
    float: left;
    padding-left: 0;
    /* padding-top: 27px; */
    width: 204px;
    padding-top: 0;
}

#nav-area .mgdd-main .link_block1_block-special {
    float: left;
    padding-left: 20px;
    /* padding-top: 27px; */
    width: 452px;
    padding-top: 0;
    border-left: 1px solid #bd1928;
    margin-left: 0;
}

#nav-area .mgdd-main .link_block3_block-special {
    float: left;
    padding-left: 20px;
    /* padding-top: 27px; */
    width: 300px;
    padding-top: 0;
    border-left: 1px solid #bd1928;
    margin-left: 0;
    height: 200px;
}

#nav-area .company .mgdd-main .link_block1_block-special {
    width: 511px;
}

#nav-area .mgdd-wrap-sustainability .mgdd-main .link_block1_block-special {
    margin-left: 0;
    /*margin-top: 38px;*/
    margin-top: -10px;
}

#nav-area .mgdd-wrap-rd .mgdd-main .link_block1_block-special {
    margin-left: 29px;
    width: 185px;
}

#nav-area .mgdd-wrap-recruit .mgdd-main .link_block1_block-special {
    float: left;
    padding-left: 0;
    /* padding-top: 27px; */
    width: 488px;
    padding-top: 0;
    border-left: none;
    margin-left: 0;
}

#nav-area .mgdd-wrap-recruit .mgdd-main .link_block1_block-special {
    float: left;
    padding-left: 20px;
    /* padding-top: 27px; */
    width: 452px;
    padding-top: 0;
    border-left: none;
    margin-left: 0;
}

#nav-area .mgdd-wrap .mgdd-main .link_block1_block-special .link_block1 {
    width: 273px;
    float: left;
}

#nav-area .mgdd-wrap-beauty-art .mgdd-main .link_block1_block-special .link_block1 {
    width: 183px;
    float: left;
}

#nav-area .mgdd-wrap.mgdd-wrap-sustainability .mgdd-main .link_block1_block-special .link_block1 {
    width: 100%;
}

#nav-area .mgdd-wrap .mgdd-main .link_block1_block-special .link_block2 {
    width: 226px;
    float: left;
}

#nav-area .mgdd-wrap-recruit .mgdd-main .link_block1_block-special .link_block1 {
    width: 253px;
    float: left;
}

#nav-area .mgdd-wrap-recruit .mgdd-main .link_block1_block-special .link_block2 {
    width: 223px;
    float: left;
}

#nav-area .mgdd-wrap .mgdd-main .link_block1_block-special .link_block li {
    font-size: 13px;
    /* line-height: 1; */
}

#nav-area .mgdd-wrap-company .mgdd-main .link_block1_block .title {
    padding-top: 16px;
    width: 214px;
}

#nav-area .mgdd-wrap-company .mgdd-main .link_block1 {
    /* width: 370px; */
    padding-top: 0px;
    margin: 0;
    float: left;
}

#nav-area .mgdd-wrap-company .mgdd-main .link_block1 li {
    /* width: 100%; */
    /* padding-top: 5px; */
}

#nav-area .mgdd-main .link_block2_block {
    float: left;
    /* margin-top: 27px; */
    width: 229px;
    /*margin-left: 7px;*/
    padding-top: 0;
}

#nav-area .mgdd-wrap-rd .mgdd-main .link_block2_block {
    float: left;
    /* margin-top: 27px; */
    width: 300px;
    margin-left: 7px;
    padding-top: 0;
}

#nav-area .mgdd-wrap-company .mgdd-main .link_block2_block .title {
    padding-top: 16px;
    width: 214px;
}

#nav-area .mgdd-wrap-company .mgdd-main .link_block2 {
    /* padding-left: 10px; */
    /* padding-top: 27px; */
    margin-left: 0;
    width: 100%;
    /* padding-left: 10px; */
}

#contents #aside .nav.local li.current ul li {
    position: relative;
    /* padding-left: 5px; */
    /* box-sizing: border-box; */
}

#contents #aside .nav.local li.current ul li.current a:before {
    width: 5px;
    height: 13px;
    background-color: #b71932;
    content: "";
    position: absolute;
    left: 0px;
    z-index: 2;
    top: 5px;
}

#contents #aside .nav.local li.current .inner-nav-block ul li.current a:before {
    left: -10px
}

@-moz-document url-prefix() {
    #contents #aside .nav.local li.current ul li.current a:before {
        top: 6px;
    }
}

#nav-area .mgdd-wrap-company .mgdd-main .link_block2 li {
    /* width: 170px; */
    /* padding-top: 5px; */
}

#nav-area .mgdd-main .link_block li:hover {
    background: none;
}

#nav-area .mgdd-wrap-company .mgdd-main .link_block3_block {
    float: right;
    padding-top: 0;
}

#nav-area .mgdd-wrap-company .mgdd-main .link_block3_block .title {
    padding-top: 34px;
    width: 246px;
}

#nav-area .mgdd-wrap-company .mgdd-main .link_block3 {
    width: auto;
    padding-left: 0;
    padding-top: 0;
    margin: 0;
}

#nav-area .mgdd-wrap-company .mgdd-main .link_block3 li {
    width: 215px;
    padding-bottom: 6px;
    padding-left: 1px;
}

#nav-area .mgdd-wrap-recruit .mgdd-main .image_block {
}

#nav-area .mgdd-wrap-recruit .mgdd-main .link_block1_block .title {
    padding-top: 0px;
    width: 264px;
}

#nav-area .mgdd-wrap-recruit .mgdd-main .link_block2_block .title {
    padding-top: 0;
    width: 200px;
}

#nav-area .mgdd-wrap-recruit .mgdd-main .link_block2 {
    /* float: left; */
    /* padding-top: 52px; */
    margin: 0;
}

#nav-area .mgdd-wrap-recruit .mgdd-main .link_block3_block {
    float: right;
    padding-top: 19px;
}

#nav-area .mgdd-wrap-recruit .mgdd-main .link_block3_block .title {
    padding-top: 26px;
    width: 286px;
}

#nav-area .mgdd-wrap-recruit .mgdd-main .link_block3 {
    padding-left: 1px;
    padding-top: 4px;
}

#nav-area .mgdd-wrap-recruit .mgdd-main .link_block3 li {
    padding-bottom: 5px;
}

.mgdd-main .image_block img {
    width: 100%;
    height: auto;
}

/* globalnavi_sub
--------------------------------------------------------- */
.nav-contents .sub_button {
    position: absolute;
    right: 299px;
    top: 26px;
    width: 528px;
}

/* ----- search-box ----- */
.nav-contents .search-box {
    left: 462px;
    position: absolute;
    right: 5px;
    top: 8px;
}

* html .nav-contents .search-box {
    width: 191px;
}

* + html .nav-contents .search-box {
    top: 8px;
}

.search-box legend {
    display: none;
}

.search-box input[type="text"] {
    background-color: #D5D5D5;
    border: medium none;
    border-radius: 4px;
    font-family:'FZLanTingHeiS-EB-GB', 'FZLanTingHei_GBK', sans-serif;
    font-size: 9px;
    height: 12px;
    min-height: 12px;
    padding: 3px 3px 2px;
    vertical-align: top;
    width: 145px;
}

* + html .nav-contents .search-box input[type="text"] {
    padding: 3px 3px 2px 3px;
    width: 150px;
}

html > body .nav-contents .search-box input[type="text"] {
    padding: 3px 3px 2px 3px\9;
    width: 150px\9;
}

body:nth-of-type(1) .nav-contents .search-box input[type="text"] {
    width: 150px\9;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .nav-contents .search-box input[type="text"] {
        height: 12px;
    }
}

.nav-contents .search-box input[type="text"].onblur {
    color: #667b86;
}

.nav-contents .search-box input.searchBtn {
    border-radius: 0;
    height: auto;
    left: 130px;
    top: 1px;
    position: absolute;
    width: 13px;
}

* + html .nav-contents .search-box input.searchBtn {
    margin-top: 1px;
    vertical-align: 0px;
}

/* ----- utility ----- */
.nav-contents .nav.utility {
    left: 0;
    position: absolute;
    top: 3px;
}

.nav-contents .nav.utility.language {
    left: 278px;
    position: absolute;
    top: 13px;
    width: 171px;
}

.lt-ie7 .nav-contents .nav.utility.language {
    top: 0px;
    width: 171px;
}

.nav-contents {
    background: #fff;
}

.nav-contents .nav.utility.language li {
    position: static;
    float: left;
    padding: 0 0 0 0;
}

.nav-contents .nav.utility.language li.english {
    padding-left: 18px;
    padding-right: 15px;
    border-left: 1px solid #000;
    background: url(/v2/cmn/img/navigation/ico_menu_outlink.png) right center no-repeat;
}

.nav-contents .nav.utility.language li.chinese {
    padding-left: 25px;
    padding-right: 25px;
    border-right: 1px solid #000;
    background: url(/v2/cmn/img/navigation/ico_menu_outlink.png) 63px center no-repeat;
}

.lt-ie7 .nav-contents .nav.utility.language li.english {
    width: 49px;
}

.lt-ie7 .nav-contents .nav.utility.language li.chinese {
    margin-left: 70px;
}

.nav-contents .nav.utility.language li.english img {
    width: 38px;
    height: auto;
    vertical-align: top;
}

.nav-contents .nav.utility.language li.chinese img {
    width: 36px;
    height: auto;
    vertical-align: top;
}

.nav-contents .nav.utility.language li a:hover {
    border: none;
}

.nav-contents .nav.utility li {
    position: absolute;
    top: 10px;
    font-size: 1%;
    line-height: 1;
}

.nav-contents .nav.utility li .mark {
    font-size: 10px;
    line-height: 1.2;
    font-family:'FZLanTingHeiS-EB-GB', 'FZLanTingHei_GBK', sans-serif;
    color: #000;
    vertical-align: top;
}

.nav-contents .nav.utility li.newsrelease {
    left: 0px;
}

.nav-contents .nav.utility li.customer {
    left: 79px;
}

.nav-contents .nav.utility li.product_info {
    left: 180px;
    top: -2px;
}

.nav-contents .nav.utility li.product_info span {
    display: inline-block;
    padding-right: 15px;
    background: url(/v2/cmn/img/navigation/ico_menu_outlink.png) 71px 16px no-repeat;
}

.nav-contents .nav.utility li img {
    width: auto;
    height: 12px;
}

.nav-contents .nav.utility li.product_info span img {
    width: auto;
    height: 22px;
}

.nav-contents .nav.utility li a {
}

.nav-contents .nav.global li a span {
    z-index: 1000;
    display: block;
    height: 29px;
    background-image: url(/cmn/img/btn_megadropdown.png);
    background-repeat: no-repeat;
}

.nav-contents .nav.global li a span {
    opacity: 0;
    filter: alpha(opacity=0);
}

/* globalnavi
--------------------------------------------------------- */
.global-navi {

}

.global-navi > li {

}

.global-navi > li > a {

}

.global-navi > li > a img {

}

.global-navi > li > a span {

}

/*.global-navi li.csr {
    margin-left: 30px;
}*/

.global-navi li.sustainability {
    /* margin-left: 30px; */
}

.global-navi li.rd {
    /* margin-left: 30px; */
}

.global-navi li.culture {
    margin-left: 30px;
}

.global-navi li.beauty-art {
    /* margin-left: 30px; */
}

.global-navi li.ir {
    /* padding-left: 35px; */
}

.global-navi li.company {

}

.global-navi li.recruit {
    /* margin-left: 35px; */
}

.global-navi li.brands {
    /* margin-left: 35px; */
}

.global-navi .brands > a {
    /* width: 53px; */
}

.global-navi .csr > a {
    /* width: 73px; */
}

.global-navi .sustainability > a {
    /* width: 73px; */
}

.global-navi .rd > a {
    /* width: 135px; */
}

.global-navi .culture > a {
    width: 83px;
}

.global-navi .beauty-art > a {
    /* width: 123px; */
}

.global-navi .ir > a {
    /* width: 75px; */
}

.global-navi .company > a {
    /* width: 55px; */
}

.global-navi .recruit > a {
    /* width: 56px; */
}

.lt-ie7 .global-navi li a {
    display: block;
    height: auto;
    padding: 0 2px 3px 2px;
}

.lt-ie7 .global-navi li {
    float: left;
    height: 29px;
}

.lt-ie7 .global-navi .brands a img {
    width: 90px;
}

.lt-ie7 .global-navi .csr a img {
    width: 61px;
}

.lt-ie7 .global-navi .sustainability a img {
    width: 270px;
}

.lt-ie7 .global-navi .rd a img {
    width: 91px;
}

.lt-ie7 .global-navi .culture a img {
    width: 83px;
}

.lt-ie7 .global-navi .beauty-art a img {
    width: 124px;
}

.lt-ie7 .global-navi .ir a img {
    width: 133px;
}

.lt-ie7 .global-navi .company a img {
    width: 55px;
}

.lt-ie7 .global-navi .recruit a img {
    width: 56px;
}

.global-navi > li > a:hover img {

}

.global-navi-item.current-nav img {

}

.global-navi > li > a span {

}

/*==================================
aside
==================================*/
#category-title {
    padding: 0 0 36px 0;
    font-size: 100%;
    font-weight: bold;
}

.lt-ie7 #category-title {
    padding: 0 0 0 0;
}

#category-title a:link {
    color: #1e1e1e;
    text-decoration: none;
}

#category-title a:visited {
    color: #1e1e1e;
    text-decoration: none;
}

#category-title a:active {
    color: #1e1e1e;
    text-decoration: none;
}

#category-title a:hover {
    color: #1e1e1e;
    text-decoration: underline;
}

#category-title .lang_jp {
    font-size: 141%;
    line-height: 1.4;
}

#category-title .lang_en {
    font-size: 91%;
    line-height: 1.4;
}

#aside {
    width: 240px;
    padding: 0;
    margin-left: -14px;
    float: left;
}

.lt-ie7 #aside {
    width: 226px;
    margin-left: 0;
}

#aside .nav.local li a span.external {
    padding-right: 10px;
    background: url(../img/icon_pnl_blank.gif) no-repeat right;
}

#aside .nav.local li a:link, #aside .second_nodes a:link {
    color: #b71932;
    text-decoration: none;
}

#aside .nav.local li a:visited, #aside .second_nodes a:visited {
    color: #b71932;
    text-decoration: none;
}

#aside .nav.local li a:active, #aside .second_nodes a:active {
    color: #b71932;
    text-decoration: none;
}

#aside .nav.local li a:hover, #aside .second_nodes a:hover {
    color: #b71932;
    text-decoration: underline;
}

#aside .nav.local li li a:link {
    color: #2e3232;
    text-decoration: none;
}

#aside .nav.local li li a:visited {
    color: #2e3232;
    text-decoration: none;
}

#aside .nav.local li li a:active {
    color: #2e3232;
    text-decoration: none;
}

#aside .nav.local li li a:hover {
    color: #2e3232;
    text-decoration: underline;
}

/* .local #extra */
#extra ul li a:link {
    color: #2e3232;
    text-decoration: none;
}

#extra ul li a:visited {
    color: #2e3232;
    text-decoration: none;
}

#extra ul li a:active {
    color: #2e3232;
    text-decoration: none;
}

#extra ul li a:hover {
    color: #2e3232;
    text-decoration: underline;
}

#contents #extra ul {
    margin: 15px 0 0 0;
    padding: 11px 9px;
    border: 1px solid #94a3ab;
}

#contents #extra ul.first-child {
    margin: 0;
}

#contents #extra ul li a.arrow-next1 {
    display: inline-block;
    width: 173px;
    padding-left: 17px;
    font-size: 100%;
    background-position: 1px 7px;
    line-height: 1.2em;
}

#contents #extra ul li > a.arrow-next1 {
    padding-top: 6px\9;
}

#contents #extra ul li a.arrow-next1 img.outside {
    margin-left: 5px;
    vertical-align: middle;
}

#contents #extra ul.banner {
    padding: 0;
    border: none;
}

#contents #extra ul.banner li {
    margin: 5px 0 0 0;
}

#contents #extra ul.banner li.first-child {
    margin: 0;
}

#contents #extra div.extra-message {
    margin: 15px 0 0 0;
    padding: 15px 17px;
    font-size: 91%;
    background-color: #dce6e3;
    line-height: 1.4em;
}

#contents #extra ul.content-link {
    padding: 0;
    border: none;
}

#contents #extra ul.content-link li {
    margin: 5px 0 0 0;
    padding: 0;
}

#contents #extra ul.content-link li.first-child {
    margin: 0;
    padding: 0;
}

#contents #extra ul.content-link li.mail a {
    display: block;
    padding: 8px 7px 8px 35px;
    background: url(/cmn/img/icon_mail.png) no-repeat scroll 12px 10px transparent;
    line-height: 1.2;
    border: 2px solid #a3b0b6;
}

#contents #extra ul.content-link li.form a {
    display: block;
    padding: 8px 7px 8px 35px;
    background: url(/cmn/img/icon_form.png) no-repeat scroll 14px 8px transparent;
    line-height: 1.2;
    border: 2px solid #a3b0b6;
}

#contents #extra ul.content-link li a:link {
    color: #2e3232;
    text-decoration: none;
    background-color: #f9fcfb;
}

#contents #extra ul.content-link li a:visited {
    color: #2e3232;
    text-decoration: none;
    background-color: #f9fcfb;
}

#contents #extra ul.content-link li a:active {
    color: #2e3232;
    text-decoration: none;
    background-color: #f9fcfb;
}

#contents #extra ul.content-link li a:hover {
    color: #2e3232;
    text-decoration: none;
    background-color: #c2cacf;
}

#contents #aside .nav.local {
    padding: 39px 0 11px 11px;
    background: none !important;
    font-size: 100%;
    margin-bottom: 16px;
}

#contents #aside .aside-section-line + ul.nav.local {
    padding-top: 0;
}

.aside-section-line {
    border: none;
    border-bottom: 1px dotted #000;
    margin: 0 0 24px 12px;
}

#contents #aside .aside-section-line.top {
    margin-bottom: -10px;
    margin-top: 7px;
}

#contents #aside-csr-iso-section .nav.local {
    padding-bottom: 0;
}

#contents #aside-sustainability-iso-section .nav.local {
    padding-bottom: 0;
}

#contents #aside .nav.local:first-child {
    padding-top: 0;
}

#contents #aside .nav.local li {
    display: inline-block;
    width: 242px;
    line-height: 1.6em;
    font-size: 116%;
}

.lt-ie7 #contents #aside .nav.local li {
    width: 240px;
}

#contents #aside .nav.local li a, #aside .second_nodes a {
    display: block;
    padding: 2px 22px 2px 0;
    margin-bottom: 10px;
    text-align: left;
}

#contents #aside .nav.local li ul {
    display: none;
    margin: 5px 0 16px 0;
}

#contents #aside .nav.local li.current ul {
    display: block;
}

#contents #aside .nav.local li li {
    display: inline;
}

#contents #aside .nav.local .inner-nav-block a {
    padding-left: 0;
}

#contents #aside .nav.local li li a {
    display: block;
    width: 185px;
    margin: 1px 0 0 0;
    padding: 4px 3px 4px 15px;
    background-image: none;
    background-color: #ffffff;
    font-size: 12px;
    line-height: 1.5em;
    position: relative;
}

#contents #aside .nav.local > li a {
    padding-left: 12px;
}

#contents #aside .local-block .nav.local {
    padding-top: 0;
}

#contents #aside .local-block .inner-nav-block dt {
    background: url(/cmn/img/icon_aside_ctg.gif) no-repeat left 0.7em;
    line-height: 1.6em;
    font-size: 12px;
    margin-left: 0;
}

#aside .inner-nav-block {
    margin-left: 10px;
    margin-top: 14px;
}

#contents #aside .nav.local li .inner-nav-block {
    display: none;
}

#contents #aside .nav.local li.current .inner-nav-block {
    display: block;
}

.inner-nav-block dd {
    margin-left: 10px;
}

#contents #aside .local-block dt {
    padding: 2px 10px 13px 10px;
    /* background: url(/cmn/img/icon_aside_ctg.gif) no-repeat left 0.7em; */
    font-size: 100%;
    margin-left: 5px;
    font-weight: bold;
}

#contents #aside .aside-section > dt {
    display: inline-block;
    background: #fff;
    margin-left: 0;
    padding-left: 10px;
    padding-bottom: 11px;
    font-size: 12px;
    font-weight: bold;
}

#aside ul.second_nodes li {
    font-size: 116%;
    font-weight: normal;
    padding-left: 12px;
}

#aside .caption {
    padding-left: 12px;
}

#nav-category-top {
    display: none;
}

#contents #aside .nav.local > li.current > a {
    background: #b71932;
    color: #fff;
}

#contents #aside .nav.local li.current ul li.current a {
    color: #b71932;
}

.lt-ie7 #contents #aside .local-block dt {
    margin-left: 0;
}

#sustainability #aside ul {
    border: none !important;
    margin: 0 !important;
}

#sustainability #aside li {
    border: none !important;
}

#sustainability #aside a {
    border: none !important;
    margin-bottom: 15px !important;
}

#sustainability #aside dt {
    font-size: 16px !important;
    background: none !important;
    padding-left: 0 !important;
    width: 100% !important;
    border-bottom: 1px solid #d7d7d7 !important;
    margin-bottom: 20px !important;
    padding-bottom: 5px !important;
}

@media screen and (min-width: 767px) {
    #sustainability #aside dt {
        margin-left: 20px !important;
        display: block !important;
        width: auto !important;
    }
}

/*==================================
footer
==================================*/
#footer,
#footer li {
    font-family: 'FZLanTingHeiS-EB-GB', 'FZLanTingHei_GBK', sans-serif;
}

#footer {

    width: 100%;
    padding: 33px 0 34px;
    background: #c80421;
    position: relative;
    height: auto;
    overflow: hidden;
    box-sizing: border-box;
    min-height: 16px;
    margin-top: 60px;
    z-index: 1;
}

#footer ul {
    list-style: none;
}

#footer .wrap {
    position: relative;
    width: 980px;
    margin: 0 auto;
}

#shiseido_footer_top #footer .wrap {
    width: 980px;
    margin: 0 auto;
}

#sitemap {
    font-family:'FZLanTingHeiS-EB-GB', 'FZLanTingHei_GBK', sans-serif;
    margin: 0;
    padding: 0;
    overflow: hidden;
    height: 0;
    background: #646464;
    position: relative;
    z-index: 1;
}

#sitemap .wrap {
    width: 980px;
    padding: 48px 0 20px 0;
    margin: 0 auto;
}

#sitemap .wrap .outside {
    position: relative;
    top: -3px;
}

#sitemap dd a.outside span {
    background: url(/cmn/img/icon_outside_footer.gif) right 5px no-repeat;
    padding-right: 11px;
}

#sitemap .wrap .column .iso-category-start {
    color: #fff;
    margin-top: 15px;
}

#sitemap .wrap .column .iso-category-start hr {
    margin-right: 0;
}

#sitemap .wrap .column dl dd.iso-category-end {
    padding: 0;
    margin: 0px 0 28px 5px;
}

/* = [ Footer ] ===========================================*/
#footer .wrap .nav.utility {
    float: left;
    font-size: 13px;
    line-height: 1.2em;
    vertical-align: bottom;
    font-family: 'FZLanTingHeiS-EB-GB', 'FZLanTingHei_GBK', sans-serif;
}

#footer .wrap .nav.utility li {
    float: left;
    padding-right: 20px;
    line-height: 1.2em;
}

#footer .wrap .nav.utility li.first-child {
    border-left: none;
}

#footer .wrap .nav.utility li a {
    display: inline;
}

#footer .wrap .copyright {
    padding-top: 3px;
    float: right;
    font-size: 10px;
    line-height: 1.2em;
    color: #e6b8bd;
    font-family: 'FZLanTingHeiS-EB-GB', 'FZLanTingHei_GBK', sans-serif;
}

#footer .wrap .wlaq {
    clear: both;
    float: right;
}

#footer .wrap .copyright span {
    font-size: 110%;
    line-height: 1.2;
}

/* = [ Sitemap ] ===========================================*/
#sitemap .wrap .column {
    float: left;
    width: 211px;
    color: #e6b8bd;
}

#sitemap .wrap .column-2 {
    margin: 0 0 0 44px;
}

#sitemap .wrap .column-3 {
    margin: 0 0 0 46px;
}

#sitemap .wrap .column-4 {
    margin: 0 0 0 45px;
}

#sitemap .wrap .column dl {
    margin: 46px 0 0 0;
}

#sitemap .wrap .column dl.first-child {
    margin: 0;
}

#sitemap .wrap .column dl dt {
    margin-bottom: 20px;
    border-bottom: 1px dashed #FFF;
    font-size: 166%;
}

#sitemap .wrap .column dl dd {
    padding: 0 0 11px 5px;
    font-size: 12px;
}

#sitemap .wrap .column dl dd.first-child {
    padding-top: 20px;
    border-top: 1px dashed #fff;
}

#sitemap .wrap .column dl dd:last-child {
    padding-bottom: 0;
}

#sitemap .wrap .column dt a, #sitemap .wrap .column dd a, #sitemap .wrap .column li a {
    display: block;
    padding: 0 0 10px 5px;
    line-height: 1;
}

#sitemap .wrap .column dd a {
    line-height: 1.5;
}

#sitemap .wrap .column dd a {
    padding: 0 0 0 0;
}

#sitemap .wrap .column-4 dl.other {
    border-top: 1px solid #94a3ab;
}

#sitemap .wrap .column-4 dl.other dt {
    display: none;
}

#sitemap .wrap .column-4 dl.other dd {
    padding-left: 0;
}

#sitemap .wrap .column-4 dl.other dd ul {
    padding: 8px 0 0 15px;
}

#sitemap .wrap .column-4 dl.other dd ul li {
    margin: 3px 0;
}

#sitemap .wrap .column-4 dl.other dd.smp {
    margin: 17px 0 0 0;
}

#sitemap .wrap .column-4 ul.pickup {
    margin: 26px 0 0 0;
    padding: 20px 10px 20px 20px;
}

#sitemap .wrap .column-4 ul.pickup li {
    margin: 8px 0 0;
    font-size: 83%;
}

#sitemap .wrap .column-4 ul.pickup li.first-child {
    margin: 0;
}

#sitemap .wrap .column-4 ul.pickup li a {
    padding-left: 19px;
}

#footer a:link {
    color: #f6e1e4;
    text-decoration: none;
}

#footer a:visited {
    color: #f6e1e4;
    text-decoration: none;
}

#footer a:active {
    color: #f6e1e4;
    text-decoration: none;
}

#footer a:hover {
    color: #f6e1e4;
    text-decoration: underline;
}

#sitemap a:link {
    color: #ffffff;
    text-decoration: none;
}

#sitemap a:visited {
    color: #ffffff;
    text-decoration: none;
}

#sitemap a:active {
    color: #ffffff;
    text-decoration: none;
}

#sitemap a:hover {
    color: #ffffff;
    text-decoration: underline;
}

#footer-global-navi {
    display: none;
}

.footer-line {
    display: none;
}

/*==================================
recommend
==================================*/
.recommend-block dt {
    position: relative;
    border-bottom: 1px solid #ffffff;
    font-weight: bold;
    color: #ffffff;
    line-height: 1.2em;
    padding-bottom: 8px;
}

.recommend-block dt .title {
    font-size: 125%;
}

.recommend-block .error {
    color: #fff;
    margin-top: 10px;
}

#recommend-area {
    float: right;
    position: relative;
    z-index: 1;
    width: 680px;
    padding: 15px 35px 0 25px;
}

.recommend-block {
    clear: both;
}

#business-introduction {
    margin-top: 24px;
}

.recommend-block ul {
    margin-top: -1px;
    overflow: hidden;
}

#recommend-area .recommend-block li .title {
    font-size: 124%;
    line-height: 1.6;
    padding-left: 10px;
}

#recommend-area .recommend-block li .title img.outside {
    vertical-align: middle;
    margin-left: 3px;
}

.recommend-block li.bl-hover .title {
    color: #fff;
    text-decoration: underline;
}

.recommend-block li.bl-hover .txt {
    text-decoration: underline;
}

.recommend-block li a {
    color: #ffffff;
    text-decoration: none !important;
}

.recommend-block li .img {
    background: #fff;
}

#recommend-area .recommend-block ul {
    margin-left: -10px;
}

#recommend-area .recommend-block li {
    vertical-align: top;
    width: 48%;
    margin-left: 10px;
    display: inline-block;
    overflow: hidden;
    border-bottom: 1px solid #888888;
    padding: 10px 0;
}

.lt-ie8 #recommend-area .recommend-block li {
    display: inline;
    zoom: 1; }

#recommend-area .recommend-block .title {
    font-size: 124%;
}

#recommend-area .recommend-block .txt {
    color: #d6d6d6;
    padding-left: 10px;
}

#company #recommend-contents .txt, #csr #recommend-contents .txt,#sustainability #recommend-contents .txt {
    display: none !important;
}

#recommend-area .recommend-block .img {
    width: 110px;
    float: left;
}

#recommend-area .recommend-block .pannel_text_area {
    width: 190px;
    float: left;
}

#recommend-area .recommend-block .img img {
    width: 100%;
    height: auto;
}

#recommend-area .recommend-inner {
    position: static;
    background: #565656;
    padding: 25px 25px 25px 25px;
}

#recommend-area .btn_topics_index {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    padding-left: 10px;
}

#recommend-area .btn_topics_index a {
    margin-top: 8px;
    padding: 0 0 0 12px;
    background: url(/v2/cmn/img/icon_arrow_white.png) no-repeat 0 3px;
    font-size: 108%;
    line-height: 1.1;
    color: #fff;
}

/*==================================
extrabanner
==================================*/
#extra-banner {
    float: right;
    display: block;
    width: 680px;
    padding: 35px 35px 0 25px;
}

#extra-banner li {
    width: 155px;
    height: 55px;
    margin-right: 15px;
    float: left;
}

/*==================================
sub_topics
==================================*/
#sub-area {
    width: auto;
}

#news-container {
    float: right;
    display: block;
    width: 680px;
    padding: 68px 35px 0 25px;
}

.topics_blk {
    clear: both;
    max-width: 1310px;
}

/* topics header */
.topics_blk .blk_header {
    position: relative;
    display: block;
    height: 30px;
    border-bottom: 1px solid #1e1e1e;
}

.topics_blk .blk_header h2 {
    position: absolute;
    left: 0;
    top: 6px;
    font-size: 124%;
    font-weight: bold;
}

.topics_blk .blk_header .sub-title {
    margin-left: 6em;
    padding-top: 8px;
}

.topics_blk .blk_header .nav li.btn_topics_index {
    position: absolute;
    right: 20px;
    bottom: 5px;
}

.topics_blk .blk_header .nav li.btn_topics_index a {
    margin-top: 8px;
    padding: 0 8px 0 12px;
    background: url(/cmn/img/icon_arrow.gif) no-repeat 0 3px;
    font-size: 108%;
    line-height: 1.1;
}

.topics_blk .blk_header .nav li.btn_topics_index a:hover {
    background: url(/cmn/img/icon_arrow_r.gif) no-repeat 0 0.3em;
}

.topics_blk .blk_header .nav li.btn_topics_rss {
    position: absolute;
    right: 0;
    bottom: 7px;
}

.topics_blk .blk_header .nav li.btn_topics_rss a img {
    vertical-align: bottom;
}

/* topics body */
.topics_body {
    min-height: 50px;
    clear: both;
    padding: 0px 0;
    border-bottom: 1px solid #1e1e1e;
}

.topics_body ul.subtopic-headline {
    width: 100%;
    padding: 6px 0;
}

.category-index .topics_body ul.subtopic-headline {
    padding: 26px 0;
}

/* headline */
.topics_body ul.subtopic-headline li {
    clear: both;
    width: 100%;
    margin: 9px 0;
    line-height: 0;
}

.topics_body ul.subtopic-headline li span.date {
    float: left;
    display: block;
    width: 100px;
    padding: 0.1em 0;
    font-size: 108%;
    line-height: 1.3;
}

.topics_body ul.subtopic-headline li span.title {
    position: relative;
    float: left;
    display: block;
    width: 538px;
    padding: 0.1em 10px 0.1em 0;
    font-size: 108%;
    line-height: 1.3;
}

.topics_body ul.subtopic-headline li span.title a img.outside {
    position: absolute;
    display: inline-block;
    bottom: 5px;
    margin: 0 0 0 4px;
    line-height: 1;
}

* html .topics_body ul.subtopic-headline li span.title a img.outside {
    bottom: 2px;
}

* + html .topics_body ul.subtopic-headline li span.title a img.outside {
    bottom: 3px;
}

.topics_body ul.subtopic-headline li a:hover {
    text-decoration: underline !important;
}

/* icon */
.topics_body ul.icon li span.icon {
    float: left;
    display: block;
    width: 110px;
    margin-top: 2px;
    padding: 0.1em 0 0 0;
    font-size: 1px;
    color: rgba(255, 255, 255, 0);
}

.topics_body ul.icon li span.title {
    width: 420px;
    padding: 0.1em 10px 0.1em 10px;
}

* html .topics_body ul.icon li span.icon, * + html .topics_body ul.icon li span.icon {
    color: #fff;
}

.topics_body ul.icon li span.icon img {
    display: block;
}

/* separate */
.topics_body ul.separate li span.title {
    width: 556px;
    padding: 0.1em 10px 0.1em 10px;
}

.topics_body ul.separate li span.title-head {
    float: left;
    display: block;
    width: 120px;
    padding: 0.1em 0;
    text-align: left;
    line-height: 1.3;
}

.topics_body p.error, .topics_body ul.error li {
    margin: 16px 0 12px 6px;
}

/*==================================
tools
==================================*/
#tool_pagetop {
    clear: both;
    position: fixed;
    right: 18px;
    bottom: 36px;
    display: none;
}

#tools {
    clear: both;
    position: relative;
    width: auto;
    height: 30px;
    margin: 0 auto;
}

.tools_menu {
    position: absolute;
    top: 0;
    right: 40px;
    display: block;
    overflow: hidden;
}

.tools_menu li {
    display: block;
    padding: 5px 11px;
    float: left;
}

.tools_menu li img {
    width: 20px;
    height: auto;
}

/*==================================
pagetopButton
==================================*/
#float-pagetop {
    opacity: 0;
    z-index: 1;
}

#float-pagetop-txt {
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
    opacity: 1;
    width: 125px;
    height: 39px;
    display: inline-block;
    background: url(/v2/cmn/img/btn_pagetop_txt.png);
}

#float-pagetop-arrow {
    width: 39px;
    height: 39px;
    display: inline-block;
    background: url(/v2/cmn/img/btn_pagetop.png);
}

#float-pagetop {
    position: fixed;
    bottom: 10px;
    right: 30px;
    display: none;
}

#float-pagetop.is-show {
    display: block;
}

#float-pagetop.is-bottom {
    position: absolute;
}

#float-pagetop-txt {
    opacity: 0;
    -webkit-transition: 0.1s opacity linear;
    -moz-transition: 0.1s opacity linear;
    -ms-transition: 0.1s opacity linear;
    -o-transition: 0.1s opacity linear;
    transition: 0.1s opacity linear;
}

#float-pagetop.is-bottom #float-pagetop-txt {
    opacity: 1;
}

#float-pagetop:hover {
    opacity: 0.5 !important;
}

.lt-ie7 #float-pagetop {
    float: right;
}

#fix-pagetop {
    display: none;
}

/*==================================
改行（表示させない）
==================================*/
.sp-break {
    display: none;
}

.mgdd-link-area-btn_close {
    position: absolute;
    right: 30px;
    top: 37px;
    cursor: pointer;
    z-index: 10;
}

.brands .mgdd-link-area-btn_close {
    /* right: -119px; */
}

@media screen and (max-width: 1365px) {
    .mgdd-main .image_block-wrapper {
        float: none;
        width: 100%;
        box-sizing: border-box;
    }

    .sustainability .mgdd-main .image_block-wrapper {
        height: auto;
    }

    .recruit .mgdd-main .image_block-wrapper {
        height: auto;
    }

    #nav-area .mgdd-wrap .mgdd-main .image_block {
        width: 445px;
        margin: 0 auto;
    }

    #nav-area .mgdd-wrap-sustainability .mgdd-main .image_block {
        width: 670px!important;
        margin: 0 auto;
    }

    #nav-area .mgdd-wrap-sustainability .mgdd-main .image_block .img2 {
        margin-right: 32px;
    }

    #nav-area .beauty-art .mgdd-wrap .mgdd-main .image_block {
        width: 900px;
        margin: 0 auto;
    }

    .beauty-art .mgdd-main .image_block-wrapper {
        height: auto;
        width: 100%;
    }

    #nav-area .recruit .mgdd-wrap .mgdd-main .image_block {
        /*width: 900px;*/
        /*width: 670px;*/ /*20190409 recruit 3column*/
        margin: 0 auto;
    }

    .recruit .mgdd-main .image_block-wrapper {
        height: auto;
        width: 100%;
        padding: 30px 36px 26px;
    }

    #nav-area .mgdd-wrap-recruit .mgdd-main .image_block .img2 {
        /*margin-right: 32px;*/ /*20190409 recruit 3column*/
    }

    #nav-area .mgdd-link-area-container {
        float: none;
        /* margin-left: 27px; */
        /* margin-bottom: 20px; */
        margin: 0 auto 21px;
    }

    #nav-area .mgdd-wrap-brands .mgdd-main .link_block1_block {
        padding-left: 0px;
    }

    #nav-area .mgdd-wrap-brands .mgdd-main .link_block1_block {
        width: 154px;
    }

    #nav-area .mgdd-wrap-brands .mgdd-main .link_block2_block {
        width: 173px;
    }

    #nav-area .mgdd-wrap-brands .mgdd-main .link_block3_block {
        width: 280px;
    }

    #nav-area .mgdd-wrap-brands .mgdd-main .link_block4_block {
        width: 140px;
    }

    .mgdd-link-area-btn_close {
        right: 10px;
    }

    /*#nav-area .beauty-art .mgdd-link-area-container {
    margin-left: 100px;
  }
  #nav-area .ir .mgdd-link-area-container {
    margin-left: 100px;
  }*/
    #nav-area .mgdd-main-inner {
        width: 100%;
    }

    #nav-area .mgdd-main {
        width: 100%;
    }

    #nav-area .mgdd-main .img1 ,#nav-area .mgdd-main .img2 ,#nav-area .mgdd-main .img3 ,#nav-area .mgdd-main .img4 {
        float: left;
        margin-bottom: 0;
    }

    #nav-area .mgdd-wrap-beauty-art .mgdd-main .image_block div.img4 {
        margin-right: 0;
    }

    #nav-area .brands .mgdd-link-area-container {
        width: 980px;
    }

    /*#nav-area .mgdd-wrap-ir .mgdd-main .link_block1_block,
  #nav-area .mgdd-wrap-ir .mgdd-main .link_block2_block {
    width: 50%;
    box-sizing: border-box;
    margin: 0;
    padding-left: 60px;
  }*/
    /*0731追加  */
    #nav-area .mgdd-main .link_block3_block-special {
        float: left;
        padding-left: 20px;
        /* padding-top: 27px; */
        /* width: 320px; */
        width: 150px;
        padding-top: 0;
        border-left: 1px solid #bd1928;
        margin-left: 0;
        height: 200px;
    }

    #nav-area .mgdd-wrap-ir .mgdd-main .link_block1_block {
        /*width: 50%;*/
        width: 33%;
        box-sizing: border-box;
        margin: 0;
        padding-left: 60px;
    }

    #nav-area .mgdd-wrap-ir .mgdd-main .link_block2_block {
        /*width: 50%;*/
        width: 30%;
        box-sizing: border-box;
        margin: 0;
        /*padding-left: 60px;*/
        padding-left: 50px;
        margin-right: 50px;
    }

    /*#nav-area .company .mgdd-main .link_block1_block {
    margin-left: 30px;
  }*/

    /*20190409 recruit 2column*/
    #nav-area .mgdd-wrap-recruit .mgdd-main .link_block1_block {
       /*width: 50%;*/
       width: 34%;
       box-sizing: border-box;
       margin: 0;
       padding-left: 60px;
    }
    #nav-area .mgdd-wrap-recruit .mgdd-main .link_block1_block-special {
      padding-left: 50px;
    }

}

.sub_button-wrapper {
    width: 984px;
    margin: 0 auto;
    position: relative;
}

#contents #aside .nav.local li.current .inner-nav-block ul li.current:before {
    left: -11px;
}

.global-navi .active-item a svg {
    fill: #b71932;
}

#header .icon_group svg {
    fill: #c3002f;
}

@media screen and (max-width: 767px) {
    body #footer {
        padding-top: 0;
        background-color: #C3002F;
        padding: 0;
    }

    #footer #media {
        background-color: #2F3338;
        border: none;
        width: 100%;
    }

    #footer #media .section_container {
        width: 90.5%;
        margin: 0 auto;
        height: auto;
        padding: 52px 0 46px 0px;
        max-width: 340px;
    }

    #footer #media .section_container p {
        /*width: 10.7%;*/
        margin-left: 9.9%;
        padding: 0;
        float: left;
    }

    #footer #media .section_container p svg {
        width: 100%;
        height: auto;
    }

    #footer #media .section_container p.link_youtube {
    }

    #footer #media .section_container p.link_facebook {
        margin-left: 9.5%;
    }

    #footer #media .section_container p.link_twitter {
        margin-left: 9.8%;
        width: 11.6%;
    }

    #footer #media .section_container p.link_linkedin {
    width: 11.7%;
    }

    #footer #media .section_container p.link_instagram {
        margin-left: 10.1%;
    }

    #footer #media .section_container p:first-child {
        /*margin-left: 0;
        width: 15.5%;*/
    }

    #footer #media .section_container p a {
        float: left;
        width: 100%;
    }

    #footer .wrap.group {
        width: auto;
        padding-top: 19px;
    }

    #footer .contact_us {
        text-align: center;
        padding-top: 35px;
    }

    body #footer .wrap .nav.utility {
        float: initial;
        clear: both;
        margin: 0;
        text-align: center;
        width: 100%;
        font-size: 14px;
        padding-bottom: 13px;
    }

    #footer .wrap .copyright {
        float: initial;
        text-align: center;
        padding-top: 0px;
        padding-bottom: 0px;
    }

    body #footer .wrap .nav.utility li {
        float: initial;
        display: -moz-inline-box;
        display: block;
        padding: 0;
        line-height: 2.7;
    }

    #footer .contact_us {
        text-align: center;
        padding-top: 42px;
        font-size: 16px;
        letter-spacing: 1.4px;
    }
}

@media screen and (min-width: 768px) {
    #footer {
        padding-top: 0;
        background-color: #C3002F;
        font-family:'FZLanTingHeiS-EB-GB', 'FZLanTingHei_GBK', sans-serif;
        margin-top: 0;
    }

    #footer #media {
        background-color: #2F3338;
        border: none;
        width: 100%;
    }

    #footer #media .section_container {
        width: 880px;
        margin: 0 auto;
        height: auto;
        padding: 17px 0 47px 0px;
    }

    #footer #media .section_container p {
        width: auto;
    }

    #footer #media .section_container p:first-child {
        margin-left: 0;
        float: left;
		width: 50%;
		text-align:center;
    }
    
    #footer #media .section_container p:last-child {
        float: right;
		width: 50%;
		text-align:center;
    }

    #footer #media .section_container p a {
        /* float: left; */
    }

    #footer .wrap.group {
        width: auto;
        padding-top: 30px;
    }

    #footer .contact_us {
        text-align: center;
        padding-top: 35px;
        font-size: 17px;
        letter-spacing: 0.5px;
    }

    #footer .wrap .nav.utility {
        float: none;
        clear: both;
        margin: 0;
        text-align: center;
        width: 100%;
        display: flex;
        justify-content: center;
        /*padding-left: 100px;*/
    }

    #footer .wrap .copyright {
        float: none;
        text-align: center;
        padding-top: 22px;
        padding-bottom: 0px;
        font-size: 11px;
        font-family:'FZLanTingHeiS-EB-GB', 'FZLanTingHei_GBK', sans-serif;
    }

    #footer .wrap .nav.utility li {
        float: initial;
        display: -moz-inline-box;
        display: inline-block;
    }

    .nav-contents .nav.utility li.newsrelease svg {
    }

    #media .section_container p {
        padding-top: 37px;
    }
}

@media screen and (max-width: 767px) {
    .nav-contents .nav.utility li.product_info {
    }

    .nav-contents .searchBtnPc {
        display: none;
    }

    .global-navi li.company svg {
        width: 58px;
    }

    .global-navi li.ir svg {
        width: 68px;
    }

    .global-navi li.recruit svg {
        width: 55px;
    }

    .global-navi li.brands svg {
        width: 59px;
    }

    .global-navi li.sustainability svg {
        width: 74px;
        height: auto;
    }

    .global-navi li.sustainability a {
        padding-left: 40px;
    }

    .global-navi li.rd svg {
        width: 59px;
        height: 15px;
    }

    .global-navi li.beauty-art svg {
        width: 45px;
        height: auto;
    }

    .global-navi li.beauty-art a {
        padding-left: 35px;
    }

    .global-navi > li.global-navi-item > a {
        padding-top: 13px;
        padding-bottom: 16px;
    }

    .nav-contents .nav.utility li.newsrelease svg {
        width: 100px;
    }

    .global-navi li svg {
        transform: scale(1.6);
    }

    .global-navi > li > a {

    }

    .global-navi .company > a {

    }

    .global-navi li.sustainability a {
        padding-left: 38px;
    }

    .global-navi li.beauty-art a {
        padding-left: 31px;
    }
}

@media screen and (min-width: 768px) {
    #pagetop #nav-wrap {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
    }

    #pagetop #nav-wrap .mgdd-wrap {
        background-color: initial;
    }

    #pagetop #nav-wrap .global-navi a svg {
        fill: #fff;
    }

    #pagetop #nav-wrap .sub_button-wrapper a svg {
        fill: #fff;
    }

    #pagetop #nav-wrap .nav-contents .searchBtnPc:hover svg {
        fill: #b71932;
    }

    #pagetop #nav-wrap .nav-contents .nav.utility li a:hover svg {
        fill: #b71932;
    }

    #pagetop #header .icon_group svg {
        fill: #fff;
    }

    #pagetop #nav-area {
        background-color: inherit;
    }

    #pagetop .normal-header #nav-wrap .sub_button-wrapper a svg {
        fill: black;
    }

    #pagetop .normal-header #header .icon_group svg {
        fill: #c3002f;
    }

    #pagetop .normal-header #nav-area {

    }

    #pagetop .normal-header #nav-wrap .global-navi a svg {
        fill: black;
    }

    #header .icon_group svg {
        fill: #c3002f;
    }

    .nav-contents .nav.utility li.product_info {
        display: none;
    }

    .nav-contents .nav.utility li.customer {
        display: none;
    }

    .nav-contents .nav.utility li.newsrelease a:hover svg {
        /* display: none; */
    }

    #nav-wrap .nav-contents .nav.utility li a:hover svg {
        fill: #b71932;
    }

    #nav-wrap .nav-contents .searchBtnPc:hover svg {
        fill: #b71932;
    }

    .nav-contents .nav.utility li.newsrelease svg {
        width: 43px;
        height: 11px;
    }

    .nav-contents .nav.utility.language li.english {
        background: none;
        border: none;
        padding: 0;
    }

    .nav-contents .nav.utility.language li.english svg {
        width: 19px;
    }

    .nav-contents .nav.utility.language li.chinese {
        background: none;
        border: none;
        padding: 0;
        position: absolute;
        top: 0;
        left: 42px;
    }

    .nav-contents .nav.utility.language li.chinese svg {
        width: 21px;
    }

    .nav-contents .searchBtnPc {
        position: absolute;
        top: 12px;
        left: 163px;
    }

    .nav-contents .searchBtnPc svg {
        width: 16px;
        height: 16px;
        fill: #6E6E6E;
    }

    .nav-contents .searchBtnPc:hover svg {
        fill: #b71932;
        width: 16px;
        height: 16px;
    }

    .nav-contents .search-box input[type="text"] {
        display: none;
    }

    #header .icon_group {
        width: 259px;
        margin: 0 auto;
        padding: 43px 0 40px 0;
    }

    #header .icon_group img {
        width: 220px;
    }

    .global-navi .company > a {

    }

    .global-navi li.company {

    }

    .nav-contents .nav.utility.language {
        position: absolute;
        top: 15px;
        left: 73px;
        width: auto;
    }

    .nav-contents .sub_button {
        top: 27px;
        width: 180px;
        right: 33px;
        height: 30px;
    }

    .nav-contents .nav.utility {
        position: absolute;
        top: 5px;
        left: 0px;
    }

    .global-navi li.company {
    }

    .global-navi li.ir {
        /* left: 101px; */
    }

    .global-navi li.recruit {
        /* left: 217px; */
    }

    .global-navi li.brands {
        margin-top: -3px;
        left: 101px;
    }

    .global-navi li.sustainability {

    }

    .global-navi li.rd {
        /*margin-top: -3px;*/
        left: 439px;
        /* left: 639px; */
    }

    .global-navi li.beauty-art {

    }

    .global-navi li.company svg {
        width: 62px;
        height: 18px;
    }

    .global-navi li.ir svg {
        width: 79px;
        height: 19.31px;
    }

    .global-navi li.recruit svg {
        width: 64px;
        height: 22.31px;
    }

    .global-navi li.brands svg {
        width: 62px;
        height: 22.44px;
    }

    .global-navi li.rd svg {
        width: 65px;
        height: 22.25px;
    }

    .global-navi .global-navi-item {

    }

    .global-navi .global-navi-item > a {

    }

    .nav-contents {

    }

    #nav-area .mgdd-wrap {

    }

    #nav-wrap {
        background: none;
    }

    #nav-area {

    }

    .global-navi-item.current-nav svg {
        border-bottom: 1px solid #b81b30;
    }

    .global-navi .global-navi-item > a svg {
        padding-bottom: 5px;
        /* height: auto; */
        text-align: left;
        transform: scale(1.6);
        border-bottom: 1px solid transparent;
    }

    .global-navi li.global-navi-item a:hover svg {
        border-bottom: 1px solid #b81b30;
    }

    .global-navi li.sustainability svg {
        width: 82px;
        height: 10px;
        padding: 0 10px 8px 10px;
    }

    .global-navi li.beauty-art svg {

    }

    .nav-contents .search-box {
        display: none;
    }

    .svg-large {
        display: none;
    }

    #footer .wrap .nav.utility li:first-child {
        padding-left: 0px;
    }

    #footer .wrap .nav.utility li {
        float: left;
        padding-left: 40px;
        line-height: 1.2em;
        font-size: 13.5px;
        letter-spacing: 0.7px;
        padding-right: 0;
    }

    #footer .wrap.group {
        width: auto;
        padding-top: 30px;
    }
}

@media screen and (min-width: 1390px) {
    #header .icon_group {

    }

    #header .icon_group a {
    }

    #header .icon_group a svg {
        width: 260px;
        height: 42px;
    }

    .global-navi .global-navi-item {
    }

    .global-navi .global-navi-item svg {
    }

    .global-navi li.company {
    }

    .global-navi li.ir {
        /* left: 145px; */
    }

    .global-navi li.recruit {
        /* left: 310px; */
    }

    .global-navi li.brands {
        /* left: 456px; */
        left: 145px;
    }

    .global-navi li.sustainability {

    }

    .global-navi li.rd {
        /* left: 886px; */
        left: 600px;
    }

    .global-navi li.beauty-art {

    }

    .global-navi li.company svg {
        width: 75.06px;
        height: 22.46px;
    }

    .global-navi li.ir svg {
        width: 95.84px;
        height: 22.38px;
    }

    .global-navi li.recruit svg {
        width: 76.19px;
        height: 22.31px;
        /* width: auto; */
        /* height: auto; */
    }

    .global-navi li.brands svg {
        /* width: auto; */
        width: 73.16px;
        height: 22.44px;
    }

    .global-navi li.sustainability svg {
        width: 85px;
        height: 10px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .global-navi li.rd svg {
        width: auto;
        width: 76.61px;
        height: 22.23px;
    }

    .global-navi li.beauty-art svg {
        width: 56px;
        height: 10px;
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 6px;
    }

    .global-navi > li > a {
    }

    .svg-normal {
        display: none;
    }

    .svg-large {
        display: block;
    }

    .nav-contents .sub_button {
        top: 35px;
        width: 196px;
        right: 31px;
        height: auto;
        height: 30px;
    }

    .nav-contents .nav.utility li.newsrelease {
        /* display: none; */
        top: 7px;
        left: 0px;
    }

    .nav-contents .nav.utility li.newsrelease svg {
        width: 43px;
        height: 11px;
    }

    .nav-contents .nav.utility.language li.english {
        background: none;
        border: none;
        padding: 0;
    }

    .nav-contents .nav.utility.language li.english svg {
        width: 19px;
        height: initial;
    }

    .nav-contents .nav.utility.language li.chinese {
        background: none;
        border: none;
        padding: 0;
        position: absolute;
        top: 0;
        left: 42px;
    }

    .nav-contents .nav.utility.language li.chinese svg {
        width: 100%;
        height: initial;
    }

    .nav-contents .nav.utility .newsrelease a {
        width: 43px;
        display: block;
    }

    .nav-contents .nav.utility.language li.english a {
        width: 18px;
        display: block;
    }

    .nav-contents .nav.utility.language li.chinese a {
        width: 20px;
        display: block;
    }

    .nav-contents .nav.utility.language {
        position: absolute;
        top: 12px;
        left: 74px;
        width: auto;
    }

    .nav-contents .searchBtnPc {
        position: absolute;
        top: 10px;
        left: 176px;
    }

    .nav-contents .searchBtnPc svg {
        width: 16px;
        height: 16px;
        fill: #6E6E6E;
    }

    .nav-contents .searchBtnPc:hover svg {
        fill: #b71932;
    }

    #nav-area .mgdd-wrap {

    }
}

@media screen and (min-width: 768px) {
    .main-slide-item .main-slide-item_img {
        width: 50%;

    }

    .main-slide-item_content {
        width: 50%;

    }

    .main-slide-item_inner {
        display: flex;
        flex-direction: row-reverse;
        align-items: center
    }

    .slide-dots {
        position: absolute;
        left: 10px;
        bottom: 10px;
    }

    .mainview_arrow {
        display: none !important;
    }

    .img_ttl .pc {
        display: inline-block;
    }

    .img_ttl .sp {
        display: none;
    }


}

/* ----- #media ----- */
#media {
    clear: both;
    background-color: #646464;
    border-top: 1px solid #DFE5EA;
    border-bottom: 1px solid #DFE5EA;
}

#media .section_container {
    position: relative;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 100%;
    max-width: 1656px;
    height: 107px;
    padding: 0 2.279%;
    /* 31/1360 */
    margin: 0 auto;
    color: #fff;
}

#media .section_container p {
    display: block;
    /*width: 19.5%;*/
    /*width: 24.8%;*/
    width: 49.5%;

    text-align: center;
    float: left;
}

/* title */
#media p.ttl {
    padding-top: 28px;
    text-align: center;
    display: block;
}

#media p.ttl span {
    display: block;
    width: 240px;
    height: 19px;
    color: #fff;
    image: url(../img/index/media_ttl.png);
    background-repeat: no-repeat;
    background-position: left;
    background-size: contain;
    margin: 0 auto;
}

/* link */
#media .section_container p a {
    display: block;
    color: #fff;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

#media .section_container p a:hover {
    text-decoration: none;
    opacity: 0.6;
}

#media .section_container p a span {
    padding: 8px 0;
    background-repeat: no-repeat;
    background-position: left;
    font-size: 150%;
}

/* weibo */
#media .section_container p.link_weibo {
    padding-top: 37px;
}

#media .section_container p.link_weibo a {}

#media .section_container p.link_weibo span {
    padding-left: 48px;
    background-image: url(/img/index/icon_weibo.png);
}

#media .section_container p.link_weibo img.outside {
    vertical-align: middle;
    padding-left: 7px;
}

/* wechat */
#media .section_container p.link_wechat {
    padding-top: 37px;
}

#media .section_container p.link_wechat a {}

#media .section_container p.link_wechat span {
    padding-left: 48px;
    background-image: url(/img/index/icon_wechat.png);
}

#media .section_container p.link_wechat img.outside {
    vertical-align: middle;
    padding-left: 7px;
}

/* youtube */
#media .section_container p.link_youtube {
    padding-top: 37px;
}

#media .section_container p.link_youtube a {}

#media .section_container p.link_youtube span {
    padding-left: 48px;
    background-image: url(/img/index/icon_youtube.png);
}

#media .section_container p.link_youtube img.outside {
    vertical-align: middle;
    padding-left: 7px;
}

/* facebook */
#media .section_container p.link_facebook {
    padding-top: 37px;
}

#media .section_container p.link_facebook a {}

#media .section_container p.link_facebook span {
    padding-left: 36px;
    background-image: url(/img/index/icon_facebook.png);
}

#media .section_container p.link_facebook img.outside {
    vertical-align: middle;
    padding-left: 7px;
}

/* twitter */
#media .section_container p.link_twitter {
    padding-top: 37px;
}

#media .section_container p.link_twitter a {}

#media .section_container p.link_twitter span {
    padding-left: 39px;
    background-image: url(/img/index/icon_twitter.png);
}

#media .section_container p.link_twitter img.outside {
    vertical-align: middle;
    padding-left: 7px;
}

/* instagram */
#media .section_container p.link_instagram {
    padding-top: 37px;
}

#media .section_container p.link_instagram a {}

#media .section_container p.link_instagram span {
    padding-left: 39px;
    background-image: url(/img/index/icon_instagram.png);
}

#media .section_container p.link_instagram img.outside {
    vertical-align: middle;
    padding-left: 7px;
}

/* kireiro */
#media .section_container p.link_kireiro {
    padding-top: 30px;
}

#media .section_container p.link_kireiro a {}

#media .section_container p.link_kireiro span {
    height: 42px;
    padding: 0;
    background-image: url(/img/index/icon_kireiro.png);
    background-size: 212px;
    background-position: center;
}

/* --------------- 
 large 2 only
--------------- */
@media screen and (min-width: 1680px) {
    .brands_item {
        width: calc(100% / 6);
        height: 266px;
        overflow: hidden;
        position: relative;
    }

    .brands_item_img.pc {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: auto;
        height: 100%;
    }
}

/* --------------- 
 normal
--------------- */

@media screen and (min-width: 768px) and (max-width: 1365px) {
    .warning_message_inner {
        width: 570px;
        /* 横２つ並びの場合 */
        /* margin: 0 40px; */
    }

    .warning_message_header {
        float: none;
    }

    .warning_message_links {
        width: 100%;
    }

    .warning_message_link_txt {
        width: 86%;
    }

    #whoweare .whoweare_header {
        margin: 0 40px 21px;
    }

    .whoweare_items {
        margin: 0 40px;
    }

    .highlight_header {
        margin: 0 40px 21px;
    }

    .highlight_items {
        margin: 0 40px;
    }

    #brands {
        float: none;
        width: 100%;
        min-height: auto;
        padding: 50px 40px 0;
        border-bottom: 1px solid #DFE5EA;
    }

    .brands_item {
        width: calc(100% / 6);
    }

    .brands_item_img.pc {
        display: none;
    }

    .brands_item_img.sp {
        display: block;
        width: 100%;
    }

    #feeds_news {
        float: none;
        width: 100%;
        min-height: auto;
        padding: 50px 40px 68px;
    }

    .feeds_news_item_date {
        margin-bottom: 4px;
    }

    .feeds_news_item_txt {
        margin-bottom: 12px;
    }

    #media .section_container p.ttl {
        padding-top: 49px;
    }

    #media .section_container p.ttl span {
        display: block;
        width: 227px;
        height: 18px;
    }

    #media .section_container p a span {
        font-size: 133%;
    }

    #media .section_container p.link_youtube span {
        padding-left: 42px;
    }

    #media .section_container p.link_facebook span {
        padding-left: 30px;
    }

    #media .section_container p.link_youtube {
        /*width: 17%;*/
        width: 24.8%;
    }

    #media .section_container p.link_facebook {
        width: 24%;
    }

    #media .section_container p.link_kireiro span {
        background-size: 85%;
    }
}

.wechat_logo {
	left: 54%;
	margin-top: 0;
	z-index: 999;
	position: absolute;
}

.nav-contents {

}

.nav-contents .global-navi {
    margin: 0 auto;
    display: flex;
    justify-content: center;
    position: relative;
}

.nav-contents .global-navi li {

}

.header_nav-area .nav-contents .news-watashi {
    display: none;
}

@media screen and (max-width: 765px) {
	.nav-contents .global-navi li {

	}
}

.nav-contents .global-navi .global-navi-item {
    padding: 0 28px 0px 28px;
}

.nav-contents .global-navi .global-navi-item > a {
    display: block;
    width: 100%;
    font-size: 20px;
    color: #191919;
    padding: 10px 30px 18px;
    box-sizing: border-box;
    letter-spacing: 0.03em;
    position: relative;
    z-index: 9999;
    white-space: nowrap;
}

.nav-contents .global-navi .is-active > a {
    color: #c80421;
}

.nav-contents .global-navi .global-navi-item > a::after {
    content: "";
    display: block;
    width: 0;
    height: 1px;
    background: #c80421;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    transition: width 0.2s cubic-bezier(0, 0, 0.25, 1);
    z-index: 20;
}

.nav-contents .global-navi .global-navi-item > a:hover {
    text-decoration: none;
}

.nav-contents .global-navi .global-navi-item > a:hover::after {
    width: calc(100% - 60px);
}

.nav-contents .global-navi li:hover a.te {
	padding-bottom: 6px;
	border-bottom: 2px solid #c80421;
	color: #c80421;
}

.nav-contents .global-navi li .about {
	width: 180px;
	background: #fff;
	position: absolute;
	top:51px;
	text-align: left;
	display: none;
	box-shadow:1px 1px 2px #cecece,1px -1px 2px #cecece,-1px 1px 2px #cecece,-1px -1px 2px #cecece;
}

.nav-contents .global-navi li .about p {
	font:14px/3 "";
	padding-left: 14px;
	color: #000;
	border-bottom: 1px solid #f2f2f2;/*d2d1d1*/
}

.nav-contents .global-navi li .about .p2 {
	bottom: 0;
}

.nav-contents .global-navi li:hover .about {
	z-index: 1000;
}

.nav-contents .global-navi li p:hover a {
	border:0;
	color: #c80421;
}

@media screen and (max-width: 765px) {
	.nav-contents .global-navi {
		font-family: 'FZLanTingHeiS-EB-GB', 'FZLanTingHei_GBK', sans-serif;
	}
	.nav-contents {
		font:16px/3 "";
	}
	.nav-contents .global-navi li .about {
		opacity: 0;
	}
	.nav-contents .global-navi li {
		margin-top: 0;
		padding-bottom: 0;
	}
}


#contents .contents-group>.search{
	position: relative;
    width: 100%;
    margin-bottom: 20px;
    margin-top: -10px;
}
#contents .contents-group>.search input{
	line-height: 48px;
	height:48px;
    border: 1px solid #ccc;
    padding: 0 50px 0 20px;
    outline: none;
    transition: all 0.4s ease;
    box-sizing: border-box;
    width: 100%;
    font-size: 16px; 
    color: #333;
	vertical-align:middle;
}
#contents .contents-group>.search input:-ms-input-placeholder{
height:48px;
line-height: 48px;
vertical-align:middle;
}
#contents .contents-group>.search input:placeholder{
height:48px;
line-height: 48px;
vertical-align:middle;
}
#contents .contents-group>.search input:hover{
    border: 1px #c80421 solid;
}

#contents .contents-group>.search>img{
	position: absolute;
    width: 22px;
    height: 22px;
    top: 50%;
    transform: translateY(-50%);
    right: 16px;
	cursor: pointer;
}