* {
    margin: 0;
    padding: 0
}

body,
html {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative
}

.l-renewal {
    font-family: 'buri'
}

#wrap {
    position: relative
}

#header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;
    z-index: 110
}

#cover-container {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.container {
    position: relative;
    width: 100%;
    height: 100%
}

.is-pc .l-renewal2 .header {
    height: 121px!important
}

.nav-d2-box.shot-gnb {
    display: none!important
}

#legacy-browser {
    position: relative;
    z-index: 9999
}

.l-renewal .gnb {
    padding-bottom: 0
}

.l-renewal .gnb .nav-d1 {
    margin: 0;
    padding: 0 8px 7px
}

.l-renewal .gnb .nav-d2-box {
    display: none
}

.l-renewal .gnb .nav-d1.is-current .nav-d2-box {
    display: none
}

.l-renewal .gnb .nav-d1.is-current .nav-d2-box a {
    display: none
}

.l-renewal .gnb .bg {
    height: 0!important
}

.l-renewal .header.active {
    height: 121px!important
}

.l-renewal .header.active .gnb {
    border-bottom: 1px solid #d5d5d5
}

.l-renewal .header.active .gnb-menu {
    border-bottom-color: #fff!important
}

.gnb .nav-d2-box {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 10;
    width: 100%;
    padding: 7px;
    padding-bottom: 20px
}

.scrollable {
    position: relative
}

.scrollable:focus {
    outline: 0
}

.scrollable .viewport {
    position: relative;
    overflow: hidden
}

.scrollable .viewport .overview {
    position: absolute;
    height: 100%
}

.scrollable .scroll-bar {
    display: none
}

.scrollable .scroll-bar.vertical {
    position: absolute;
    right: 0;
    height: 100%!important
}

.scrollable .scroll-bar.horizontal {
    position: relative;
    width: 100%;
    height: 2px;
    background: #ddd;
    cursor: pointer
}

.scrollable .scroll-bar .thumb {
    position: absolute;
    width: 146px;
    height: 5px;
    background: #a47f68
}

.scrollable .scroll-bar.vertical .thumb {
    width: 100%;
    min-height: 10px
}

.scrollable .scroll-bar.horizontal .thumb {
    width: 146px;
    min-width: 10px;
    bottom: 0;
    left: 0;
    height: 5px
}

.scrollable .scroll-bar.horizontal .thumb:after {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    top: -10px;
    width: 100%;
    height: 30px
}

.not-selectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.scrollable.default-skin {
    padding-right: 10px;
    padding-bottom: 6px
}

.scrollable.default-skin .scroll-bar.vertical {
    width: 6px
}

.scrollable.default-skin .scroll-bar.horizontal {
    height: 6px
}

.scrollable.default-skin .scroll-bar .thumb {
    background-color: black;
    opacity: .4;
    filter: alpha(opacity=40);
    border-radius: 3px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px
}

.scrollable.default-skin .scroll-bar:hover .thumb {
    opacity: .6;
    filter: alpha(opacity=60)
}

.scrollable.gray-skin {
    padding-right: 17px
}

.scrollable.gray-skin .scroll-bar {
    border: 1px solid gray;
    background-color: #d3d3d3
}

.scrollable.gray-skin .scroll-bar .thumb {
    background-color: gray
}

.scrollable.gray-skin .scroll-bar:hover .thumb {
    background-color: black
}

.scrollable.gray-skin .scroll-bar.vertical {
    width: 10px
}

.scrollable.gray-skin .scroll-bar.horizontal {
    height: 10px;
    margin-top: 2px
}

.scrollable.modern-skin {
    padding-right: 17px
}

.scrollable.modern-skin .scroll-bar {
    border: 1px solid gray;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-box-shadow: inset 0 0 5px #888;
    -webkit-box-shadow: inset 0 0 5px #888;
    box-shadow: inset 0 0 5px #888
}

.scrollable.modern-skin .scroll-bar .thumb {
    background-color: #95aabf;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border: 1px solid #536984
}

.scrollable.modern-skin .scroll-bar.vertical .thumb {
    width: 8px;
    background: -moz-linear-gradient(left, #95aabf 0, #547092 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #95aabf), color-stop(100%, #547092));
    background: -webkit-linear-gradient(left, #95aabf 0, #547092 100%);
    background: -o-linear-gradient(left, #95aabf 0, #547092 100%);
    background: -ms-linear-gradient(left, #95aabf 0, #547092 100%);
    background: linear-gradient(to right, #95aabf 0, #547092 100%);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#95aabf',endColorstr='#547092',GradientType=1 )"
}

.scrollable.modern-skin .scroll-bar.horizontal .thumb {
    height: 8px;
    background-image: linear-gradient(#95aabf, #547092);
    background-image: -o-linear-gradient(#95aabf, #547092);
    background-image: -moz-linear-gradient(#95aabf, #547092);
    background-image: -webkit-linear-gradient(#95aabf, #547092);
    background-image: -ms-linear-gradient(#95aabf, #547092);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#95aabf',endColorstr='#547092',GradientType=0 )"
}

.scrollable.modern-skin .scroll-bar.vertical {
    width: 10px
}

.scrollable.modern-skin .scroll-bar.horizontal {
    height: 10px;
    margin-top: 2px
}

.loding-dim {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 1000
}

.loding-dim .dim-img {
    position: absolute;
    width: 108px;
    height: 98px;
    top: 50%;
    left: 50%;
    margin: -16px 0 0 -49px;
    z-index: 1001
}

.loding-dim.off {
    display: none
}

.cover-image .cover-txt .cover-tit.en-letter {
    letter-spacing: 3px
}

.cover {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 100
}

.cover-image {
    background-size: cover
}

.cover-content {
    box-sizing: border-box;
    padding: 3% 5% 3%;
    background-color: #fff
}

.cover-image .cover-txt {
    position: absolute;
    bottom: 97px;
    left: 93px;
    z-index: 1001;
    color: #fff;
    line-height: 1.2
}

.cover-image .cover-txt02 {
    color: #ffffff;
}

.cover-image .cover-txt .cover-tit {
    font-size: 80px
}

.cover-image .cover-txt .txt {
    margin-top: 30px;
    font-size: 34px;
    font-family: 'Times New Roman', '宋体', 'SimSun', '新宋体', 'NSimSun', '华文细黑', 'STSong', 'STSongti-SC', '\534E\6587\5B8B\4F53', serif;
    line-height: 60px
}

.btn-more {
    position: absolute;
    top: 0;
    right: 0;
    line-height: 30px;
    text-decoration: none!important;
    font-size: 18px;
    font-family: 'Times New Roman', '宋体', 'SimSun', '新宋体', 'NSimSun', '华文细黑', 'STSong', 'STSongti-SC', '\534E\6587\5B8B\4F53', serif;
    color: #191919
}

.btn-more .more-arrow {
    display: inline-block;
    margin-left: 10px;
    vertical-align: top
}

.btn-more .more-arrow img {
    width: 100%
}

.cover .sub-tit {
    height: 20%;
    padding: 15px 0 10px;
    line-height: 1;
    box-sizing: border-box
}

.cover .sub-tit .title-txt {
    font-size: 26px;
    font-family: 'Buri', serif;
    color: #888
}

.cover .sub-tit .txt {
    margin-top: 20px;
    font-size: 30px;
    font-weight: 800;
    font-family: 'Times New Roman', '宋体', 'SimSun', '新宋体', 'NSimSun', '华文细黑', 'STSong', 'STSongti-SC', '\534E\6587\5B8B\4F53', serif;
    color: #333;
    line-height: 1.5
}

.scrollable .viewport {
    height: 100%!important
}

.item-wrap .item-list {
    height: 100%;
    box-sizing: border-box
}

.item-wrap .item-list:after {
    content: '';
    display: block;
    clear: both
}

.item-wrap .item-list li {
    float: left;
    width: 280px;
    height: 100%;
    line-height: 1.2
}

.item-wrap .item-list li+li {
    margin-left: 200px
}

.item-wrap .item-list img {
    display: block;
    width: 100%;
    margin-bottom: 5%
}

.item-wrap .item-list .item-tit {
    color:#000;
    font-size: 40px;
    font-family: 'Buri', serif
}

.item-wrap .item-list .txt {
    margin-top: 20px;
    color:#444;
    font-size: 20px;
    font-family: 'Times New Roman', '宋体', 'SimSun', '新宋体', 'NSimSun', '华文细黑', 'STSong', 'STSongti-SC', '\534E\6587\5B8B\4F53', serif;
    line-height: 1.5;
    word-spacing: -2px;
    word-break: break-all
}

.list-artisan.item-wrap,
.list-beauty.item-wrap {
    box-sizing: border-box
}

.item-wrap .list-type02 {
    box-sizing: border-box;
    height: 95%
}

.item-wrap .list-type02:after {
    content: '';
    display: block;
    clear: both
}

.item-wrap .list-type02 li {
    float: left;
    box-sizing: border-box;
    position: relative;
    width: 33.33%;
    height: 93%;
    background: center center no-repeat;
    background-size: cover;
    font-size: 20px;
    font-family: 'Times New Roman', '宋体', 'SimSun', '新宋体', 'NSimSun', '华文细黑', 'STSong', 'STSongti-SC', '\534E\6587\5B8B\4F53', serif;
    color: #fff
}

.item-wrap .list-type02 li .item-tit {
    font-size: 30px;
    font-family: 'Times New Roman', '宋体', 'SimSun', '新宋体', 'NSimSun', '华文细黑', 'STSong', 'STSongti-SC', '\534E\6587\5B8B\4F53', serif
}

.item-wrap .list-type02 li .txt1 {
    margin-top: 7px;
    line-height: 1.2;
    font-size: 24px;
    font-family: 'Times New Roman', '宋体', 'SimSun', '新宋体', 'NSimSun', '华文细黑', 'STSong', 'STSongti-SC', '\534E\6587\5B8B\4F53', serif
}

.item-wrap .list-type02 li .txt2 {
    position: absolute;
    bottom: 13%;
    width: 100%;
    padding: 0 60px;
    word-wrap: break-word;
    word-break: break-all;
    box-sizing: border-box
}

.item-wrap .list-type02 li .img-pc {
    width: 100%;
    height: 100%;
    background-size: cover!important;
    background-position: 50% 50%!important
}

.item-wrap .list-type02 li .img-mobile {
    width: 100%;
    height: 100%;
    background-size: cover!important;
    background-position: 75% 50%!important
}

.list-artisan,
.list-beauty {
    height: 80%
}

.cover-box {
    overflow: hidden;
    position: relative
}

.cover-box .visual-fade {
    display: none
}

.cover-box .after-fade {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    text-align: center;
    box-sizing: border-box
}

.cover-box .after-fade .after-desc {
    font-size: 40px;
    line-height: 60px;
    color: #000
}

.cover-box .after-fade .after-title {
    margin-top: 30px;
    font-size: 24px;
    font-family: 'Times New Roman', '宋体', 'SimSun', '新宋体', 'NSimSun', '华文细黑', 'STSong', 'STSongti-SC', '\534E\6587\5B8B\4F53', serif;
    line-height: 38px;
    color:#444
}

.cover-box .after-fade .after-fade-cont {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -312px;
    margin-top: -130px
}

.cover-box .fade-list .fade-only {
    position: relative;
    padding: 45px 58px;
    z-index: 1;
    display: none;
    box-sizing: border-box
}

.cover-box .fade-list .fade-move-top {
    display: none;
    opacity: 0;
    filter: alpha(opacity=0)
}

.cover-box .inner-content {
    box-sizing: border-box;
    position: relative;
    height: 80%
}

.cover-box .inner-content:after {
    display: inline-block;
    content: "";
    width: 0;
    height: 100%;
    vertical-align: middle
}

.dim {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .5;
    filter: alpha(opacity=50);
    display: none;
    z-index: 100
}

.navi {
    position: fixed;
    z-index: 100;
    left: 50%;
    bottom: 0;
    padding-bottom: 40px;
    font-size: 18px;
    color: #191919
}

.navi a {
    font-family: 'Times New Roman', '宋体', 'SimSun', '新宋体', 'NSimSun', '华文细黑', 'STSong', 'STSongti-SC', '\534E\6587\5B8B\4F53', serif;
    color: #191919
}

.navi:after {
    content: '';
    display: block;
    position: absolute;
    left: 51px;
    bottom: 0;
    width: 1px;
    height: 40px;
    background-color: #999
}

.nav-down {
    margin-left: -52px;
    display: block;
    cursor: pointer;
    opacity: 0
}

.nav-down a:hover,
.nav-down a:focus {
    text-decoration: none
}

.nav-top {
    margin-left: -16px;
    display: none;
    color: #191919
}

.nav-top:after {
    left: 16px
}

.nav-top a:hover {
    text-decoration: none
}

.video-js .vjs-tech {
    width: auto!important
}

.is-mobile .video-js {
    display: none
}

.indicator,
#fp-nav {
    position: fixed;
    z-index: 100;
    width: 52px;
    height: 405px;
    right: 14px;
    top: 55%;
    margin-top: -180px
}

.indicator li {
    text-align: center
}

.indicator li+li {
    margin-top: 13px
}

.indicator li a {
    display: inline-block;
    position: relative;
    width: 19px;
    height: 19px;
    background: url(../image/indi.png) center center no-repeat
}

.indicator.dark li a {
    background: url(../image/indi-dark.png) center center no-repeat
}

.indicator li.active a {
    background-image: url(../image/indi-on.png)
}

.indicator .hover-txt {
    display: none;
    position: absolute;
    right: 28px;
    white-space: nowrap;
    text-align: right;
    font-size: 14px;
    color: #8d7861;
    opacity: 0;
    filter: alpha(opacity=0)
}

.indicator .button-all {
    display: block;
    margin: 30px auto 0;
    width: 17px;
    height: 19px
}

.paging-m {
    display: none
}

.cover1-1 {
    z-index: 1;
    background: #fff url(../image/visual-bg.jpg) no-repeat 100% 0;
    background-size: cover
}

.cover1-1 .cover-object {
    position: absolute;
    bottom: 0;
    left: 10%;
    width: 51%;
    height: 49%;
    background: url(../image/visual-obje.jpg) no-repeat;
    background-size: contain;
    opacity: 0
}

.cover1-1 .cover-inner {
    position: relative;
    height: 100%;
    max-width: 1280px;
    margin: 0 auto
}

.cover1-1 .txt-wrap {
    position: absolute;
    right: 11.8%;
    top: 55%;
    width: 310px;
    height: 510px;
    margin-top: -240px;
    font-family: 'Times New Roman', '宋体', 'SimSun', '新宋体', 'NSimSun', '华文细黑', 'STSong', 'STSongti-SC', '\534E\6587\5B8B\4F53', serif
}

.cover1-1 .txt-wrap .txt {
    display: table;
    width: 100%;
    text-align: center
}

.cover1-1 .txt-wrap .txt span {
    display: table-cell;
    width: 33.3%;
    vertical-align: middle
}

.cover1-1 .txt-wrap .txt span:first-child {
    width: 33.4%
}

.cover1-1 .txt-wrap .main-txt {
    opacity: 0
}

.cover1-1 .txt-wrap .top-txt {
    display: block;
    margin-left: 25px;
    font-size: 48px;
    color: #191919;
    text-align: left
}

.cover1-1 .txt-wrap .top-txt span {
    display: inline-block;
    width: auto;
    opacity: 0
}

.cover1-1 .txt-wrap .top-txt span+span {
    margin-left: 42px
}

.cover1-1 .txt-wrap .txt span:first-child {
    width: auto
}

.cover1-1 .txt-wrap .mid-txt {
    margin-bottom: 34px
}

.cover1-1 .txt-wrap .bottom-txt {
    font-size: 18px;
    color: #666
}

.cover1-1 .txt-wrap .txt-desc {
    margin: 67px 0 0 30px;
    font-size: 30px;
    color: #555;
    text-align: left
}

.cover2-2 .top-cont {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1000;
    overflow: hidden
}

.cover2-2 .top-cont .video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 150%;
    width: auto;
    height: auto;
    z-index: -100;
    transform: translateX(-50%) translateY(-50%);
    transition: 1s opacity
}

.cover2-2 .top-cont .video-cover {
    display: none
}

.is-mobile .cover2-2 .top-cont .video-cover {
    display: block;
    width: 100%;
    height: 100%
}

.cover2-3 {
    z-index: 0
}

.cover2-3 .sub-tit {
    height: 17%
}

.cover2-3 .scroll-bar.horizontal {
    margin-top: 2%
}

.cover2-3 .mobile-content {
    display: none
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    height: 50px!important
}

.mCSB_horizontal.mCSB_inside>.mCSB_container {
    margin-top: 15px!important;
    margin-bottom: 40px!important
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    margin: 25px 0 7px!important
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    margin: 23px 0 0!important
}

.cover3-1 {
    z-index: 0;
    background: #fff url(../image/bg-cover-artisan-pc.jpg) center center no-repeat;
    background-size: cover
}

.cover3-2 {
    z-index: 0
}

.cover3-2 .list-artisan.item-wrap .list-type02 li .txt2 {
    bottom: 5%
}

.cover3-2 .list-artisan.item-wrap .list-type02 li.heritage .img-pc {
    background: url(../image/heritage.jpg) no-repeat
}

.cover3-2 .list-artisan.item-wrap .list-type02 li.signature .img-pc {
    background: url(../image/signature.jpg) no-repeat
}

.cover3-2 .list-artisan.item-wrap .list-type02 li.premium .img-pc {
    background: url(../image/premium.jpg) no-repeat
}

.cover-ani-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff url(../image/fx.png) 100% 100% no-repeat;
    background-size: cover;
    z-index: 0
}

.cover4-1 {
    z-index: 0
}

.cover4-1 .sub-cover {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: cover center center no-repeat
}

.cover4-1 .r1 {
    background-image: url(../image/r1.png);
    background-position: 0 100%;
    background-size: cover;
    z-index: 10
}

.cover4-1 .l1 {
    background-image: url(../image/l1.png);
    background-position: 0 100%;
    background-size: cover;
    z-index: 10
}

.cover4-1 .r2 {
    background-image: url(../image/r2.png);
    background-position: 100% 100%;
    background-size: cover;
    z-index: 5
}

.cover4-1 .l2 {
    background-image: url(../image/l2.png);
    background-position: 16px 100%;
    background-size: cover;
    z-index: 5
}

.cover4-1 .c1 {
    background-image: url(../image/c1.png);
    background-position: center 100%;
    background-size: cover
}

.cover4-1 .c2 {
    background-image: url(../image/c2.png);
    background-position: 0 100%;
    background-size: cover;
    z-index: 15
}

.cover4-1 .t img {
    width: 480px
}

.cover4-1 .cover-txt {
    color: #191919
}

.cover4-2 {
    z-index: 0
}

.cover4-2 .inner-content {
    height: 85%
}

.cover4-2 .sub-tit {
    height: 15%
}

.cover4-2 .slick-track {
    overflow: hidden;
    height: 0
}

.fade-rolling {
    position: relative;
    overflow: hidden;
    height: 100%
}

.fade-rolling:after {
    display: block;
    content: "";
    clear: both
}

.fade-rolling .slick-track {
    height: 100%
}

.fade-rolling .slick-list {
    width: 100%;
    height: 92%
}

.fade-rolling .slick-list:after {
    display: block;
    content: "";
    clear: both
}

.fade-rolling .rolling-container {
    position: relative;
    height: 100%
}

.fade-rolling .rolling-con {
    float: left;
    position: relative;
    width: 100%;
    height: 100%
}

.fade-rolling .rolling-con .img-pc {
    display: block;
    width: 100%;
    height: 100%;
    background-size: cover!important;
    background-position: 50% 50%!important
}

.fade-rolling .rolling-con .img-mobile {
    width: 100%;
    height: 100%;
    background-size: cover!important;
    background-position: 50% 50%!important
}

.fade-rolling .rolling-con .info-box {
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 9%;
    display: table;
    width: 400px;
    height: 360px;
    padding: 10px;
    margin-top: -180px;
    font-family: 'buri';
    text-align: center;
    opacity: .9
}

.fade-rolling .rolling-con .info-box .center-box {
    display: table-cell;
    vertical-align: middle
}

.fade-rolling .rolling-con .info-box .flag {
    display: block;
    font-size: 20px;
    font-family: 'Times New Roman', '宋体', 'SimSun', '新宋体', 'NSimSun', '华文细黑', 'STSong', 'STSongti-SC', '\534E\6587\5B8B\4F53', serif;
    color: #fff
}

.fade-rolling .rolling-con .info-box .category {
    display: block;
    font-size: 40px;
    color: #fff;
    margin-top: 14px;
    font-weight: normal
}

.fade-rolling .rolling-con .info-box .desc {
    display: block;
    font-size: 26px;
    font-family: 'Times New Roman', '宋体', 'SimSun', '新宋体', 'NSimSun', '华文细黑', 'STSong', 'STSongti-SC', '\534E\6587\5B8B\4F53', serif;
    color: #fff;
    margin-top: 28px;
    line-height: 1.4
}

.fade-rolling .rolling-con.skincare .info-box {
    background: rgba(191, 121, 84, 0.9);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#90bf7954, endColorstr=#90bf7954)
}

.fade-rolling .rolling-con.holistic .info-box {
    background: rgba(103, 98, 96, 0.9);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#90625c5a, endColorstr=#90625c5a)
}

.fade-rolling .rolling-con.beauty-rituals .info-box {
    background: rgba(102, 61, 26, 0.9);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#90663d1a, endColorstr=#90663d1a)
}

.fade-rolling .rolling-con.spa .info-box {
    background: rgba(67, 56, 46, 0.9);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#9043382e, endColorstr=#9043382e)
}

.fade-rolling .slick-dots {
    height: 8%;
    margin-top: 1%;
    text-align: center
}

.fade-rolling .slick-dots li {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 2px;
    padding: 0;
    background: #ddd;
    box-sizing: border-box
}

.fade-rolling .slick-dots li.slick-active {
    height: 4px;
    background: #a47f68
}

.fade-rolling .slick-dots li+li {
    margin-left: 20px
}

.fade-rolling .slick-dots li button {
    display: block;
    position: absolute;
    overflow: hidden;
    left: 0;
    top: 50%;
    width: 100%;
    height: 50px;
    text-indent: -9999px;
    margin-top: -25px;
    box-sizing: border-box
}

.fade-rolling .slick-dots li button:focus {
    outline: 0
}

.fade-rolling .rolling-con.skincare .img-pc {
    background-image: url(../image/bg-harmorny-skincare-pc.jpg)
}

.fade-rolling .rolling-con.holistic .img-pc {
    background-image: url(../image/bg-harmorny-holistic-pc.jpg)
}

.fade-rolling .rolling-con.beauty-rituals .img-pc {
    background-image: url(../image/bg-harmorny-beauty-pc.jpg)
}

.fade-rolling .rolling-con.spa .img-pc {
    background-image: url(../image/bg-harmorny-spa-pc.jpg)
}

.cover5-1 {
    z-index: 0;
    background: #fff url(../image/bg-cover-ideal-pc.jpg) center center no-repeat;
    background-size: cover
}

.cover5-1 .cover-txt .cover-tit {
    color: #3a322a
}

.cover5-2 {
    z-index: 0
}

.cover5-2 .list-ideal .item-list li img {
    opacity: 0;
    filter: alpha(opacity=0)
}

.cover5-2 .list-ideal .item-list li .txt-box {
    margin-top: 28px;
    opacity: 0;
    filter: alpha(opacity=0)
}

.cover5-2 .list-ideal .item-list .item-tit {
    font-size: 30px;
    font-family: 'Times New Roman', '宋体', 'SimSun', '新宋体', 'NSimSun', '华文细黑', 'STSong', 'STSongti-SC', '\534E\6587\5B8B\4F53', serif
}

.cover5-2 .list-ideal .mobile-content {
    display: none
}

.cover5-2 .list-ideal .mobile-content .slick-dots {
    display: none
}

.pop-detail.cover5-detail .txt-area {
    min-height: 220px
}

.cover6-1 {
    z-index: 0;
    background: #fff url(../image/bg-cover-beauty-pc.jpg) center center no-repeat;
    background-size: cover
}

.cover6-2 {
    z-index: 0
}

.cover6-2 .list-beauty .item-list {
    width: 1240px;
    margin: 0 auto
}

.cover6-2 .list-beauty .list-type02 li .txt2 {
    bottom: 5%
}

.cover6-2 .list-beauty.item-wrap li {
    color: #191919
}

.cover6-2 .list-beauty.item-wrap li.art {
    color: rgb(19, 19, 19)
}

.cover6-2 .list-beauty.item-wrap li.art .img-pc {
    background: url(../image/art.jpg) no-repeat
}

.cover6-2 .list-beauty.item-wrap li.shine .img-pc {
    background: url(../image/shine.jpg) no-repeat
}

.cover6-2 .list-beauty.item-wrap li.culture .img-pc {
    background: url(../image/culture.jpg) no-repeat
}

.cover6-2 .list-beauty.item-wrap li.shine .txt2,
.cover6-2 .list-beauty.item-wrap .list-type02 li.culture .txt2 {
    margin-top: 32px
}

.cover7-1 {
    z-index: 0;
    background: #fff url(../image/bg-cover-eternity-pc.jpg) center center no-repeat;
    background-size: cover
}

.cover7-1 .cover-txt .cover-tit {
    color: #ffffff
}

.cover7-2 {
    background-image: url(../image/bg-cover-beauty-last-pc.jpg)
}

.cover7-2 {
    z-index: 0;
    background: #fff url(../image/bg-cover-eternity-pc.jpg) center center no-repeat;
    background-size: cover
}

.cover7-2 .cover-inner {
    position: absolute;
    top: 50%;
    margin-top: -205px;
    width: 100%;
    font-size: 24px;
    color: #191919;
    text-align: center
}

.cover7-2 .inner02 {
    font-size: 50px;
    margin-top: -18px
}

.pop-detail {
    position: fixed;
    right: -100%;
    top: 0;
    width: 55%;
    height: 100%;
    padding: 20px 80px 80px;
    box-sizing: border-box;
    z-index: 150;
    background-color: #f9f9f9;
    overflow-y: scroll
}

.pop-detail .btn-detail-close {
    display: none;
    position: fixed;
    z-index: 300;
    right: 16px;
    top: 16px;
    opacity: 0
}

.pop-detail .btn-detail-close.fixed {
    position: fixed
}

.pop-detail .popup-tit {
    margin-bottom: 36px;
    color: #888;
    font-size: 21px
}

.pop-detail .pop-list {
    position: relative;
    overflow: hidden;
    margin: -20px;
    box-sizing: border-box
}

.pop-detail .pop-list+.pop-list {
    margin-top: 40px
}

.pop-detail .pop-list:after {
    display: block;
    content: "";
    clear: both
}

.pop-detail .list-con {
    float: left;
    width: 50%;
    padding: 20px;
    box-sizing: border-box
}

.pop-detail .list-con.full-slick .txt-area {
    margin-top: 19px
}

.pop-detail .con-inner {
    position: relative;
    padding: 10px;
    background: #fff;
    z-index: 1;
    border: 1px solid #e5e5e5;
    box-sizing: border-box
}

.pop-detail .txt-area {
    min-height: 350px;
    padding: 20px 20px 25px
}

.pop-detail .txt-area .tit {
    display: block;
    font-size: 34px;
    color: #888;
    line-height: 1.5;
    letter-spacing: -0.9px
}

.pop-detail .txt-area .sub-tit {
    display: block;
    font-size: 20px;
    font-family: 'Times New Roman', '宋体', 'SimSun', '新宋体', 'NSimSun', '华文细黑', 'STSong', 'STSongti-SC', '\534E\6587\5B8B\4F53', serif;
    color: #8d7861
}

.pop-detail .txt-area .content {
    font-family: NotoSans, 'Microsoft YaHei New', 'Microsoft Yahei', '微软雅黑', '冬青黑体', 'Hiragino Sans GB', STHeitiSC, SimHei, Helvetica, sans-serif;
    font-weight: 400;
    margin-top: 20px;
    font-size: 15px;
    color: #555;
    word-break: break-all
}

.pop-detail .full-slick .detail-banner .slick-dots {
    bottom: auto;
    top: 100px
}

.cover2-detail .pop-cont .txt-area .tit {
    font-size: 40px;
    line-height: 1.2
}

.cover2-detail.pop-detail .con-inner {
    min-height: 700px
}

.cover2-detail.pop-detail .height-long .con-inner {
    min-height: 735px
}

.cover3-detail.pop-detail .detail-banner {
    margin-bottom: 0
}

.cover3-detail.pop-detail .way span {
    display: block
}

.cover3-detail.pop-detail .way span+span {
    margin-top: 8px
}

.cover3-detail.pop-detail .con-inner {
    min-height: 730px
}

.cover4-detail .txt-area .sub-tit {
    margin-top: 3px
}

.cover4-detail.pop-detail .pop-cont .txt-area .content {
    margin-top: 16px
}

.cover4-detail.pop-detail .pop-cont .txt-area .txt-sec-box .content {
    margin-top: 5px
}

.cover4-detail.pop-detail .detail-banner .slick-dots {
    left: inherit;
    top: 50%;
    width: 100%;
    height: auto;
    margin: 0
}

.cover6-detail.pop-detail .con-inner {
    min-height: 740px
}

.pop-detail .full-slick .detail-banner .banner {
    position: relative
}

.pop-detail .full-slick .detail-banner {
    height: 100%;
    margin: 0
}

.pop-detail .txt-sec-box {
    margin-top: 12px
}

.pop-detail .detail-banner {
    position: relative;
    margin-bottom: 21px
}

.pop-detail .detail-banner .slick-list {
    overflow: hidden
}

.pop-detail .detail-banner:after {
    display: block;
    content: "";
    clear: both
}

.pop-detail .detail-banner .slick-track:after {
    display: block;
    content: "";
    clear: both
}

.pop-detail .detail-banner .banner {
    float: left
}

.pop-detail .detail-banner .banner img {
    width: 100%
}

.pop-detail .detail-banner .slick-dots {
    position: absolute;
    left: 50%;
    bottom: -20px;
    width: 150px;
    height: 10px;
    margin: 10px 0 0 -75px;
    text-align: center;
    z-index: 999
}

.pop-detail .detail-banner .slick-dots:after {
    display: block;
    content: "";
    clear: both
}

.pop-detail .detail-banner .slick-dots>li {
    display: inline-block
}

.pop-detail .detail-banner .slick-dots>li+li {
    margin-left: 10px
}

.pop-detail .detail-banner .slick-dots>li button {
    display: block;
    overflow: hidden;
    width: 10px;
    height: 10px;
    margin: 0;
    padding: 0;
    text-indent: -9999px;
    border: 0;
    cursor: pointer;
    background: url(../image/bg-detail-dot-pc.png) no-repeat center center
}

.pop-detail .detail-banner .slick-dots>li.slick-active button {
    width: 24px;
    background: url(../image/bg-detail-dot-active-pc.png) no-repeat center center
}

.pop-detail .btn-box {
    position: absolute;
    left: 0;
    bottom: 38px;
    width: 100%;
    padding: 0 30px;
    box-sizing: border-box
}

.pop-detail .list-con.full-slick .btn-box {
    margin-bottom: -10px
}

.pop-detail .btn-pop-more {
    display: block;
    margin: 20px auto 0;
    width: 100%;
    height: 60px;
    background-color: #fff;
    font-family: 'NotoSans';
    color: #333;
    font-size: 15px;
    font-weight: 700;
    text-align: center;
    line-height: 60px;
    text-decoration: none;
    border: 1px solid #333;
    box-sizing: border-box
}

.pop-detail .btn-black {
    display: block;
    margin: 40px auto 0;
    width: 100%;
    max-width: 388px;
    height: 60px;
    background-color: #333;
    color: #fff;
    font-size: 15px;
    text-align: center;
    line-height: 60px;
    text-decoration: none
}

.pop-detail .btn-black a {
    display: block;
    font-family: 'NotoSans';
    color: #fff
}

.pop-detail .btn-black a:hover,
.pop-detail .btn-black a:focus {
    text-decoration: none
}

.pop-video {
    display: block
}

.pop-list-layer {
    display: none;
    overflow: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 10px;
    background: #fff;
    z-index: 10000
}

.pop-list-layer .btn-detail-close {
    position: absolute;
    top: 0;
    right: 0
}

.pop-list-layer .btn-detail-close.img-mobile {
    display: none
}

.section-list {
    height: 100%
}

.section-list:after {
    display: block;
    content: "";
    clear: both
}

.section-list li {
    float: left;
    position: relative;
    width: 33.33%;
    height: 50%;
    padding: 10px;
    box-sizing: border-box
}

.section-list li a {
    display: block;
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    text-decoration: none
}

.section-list li .hover {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #7b6e60;
    opacity: .9;
    filter: alpha(opacity=90)
}

.section-list li .cover-info {
    position: absolute;
    left: 39px;
    right: 50px;
    bottom: 46px;
    color: #fff
}

.section-list li .cover-info .cover-tit {
    display: block;
    font-size: 30px;
    line-height: 40px;
    font-weight: 400
}

.section-list li .cover-info .cover-txt {
    display: none;
    font-size: 21px;
    line-height: 28px
}

.section-list li.harmorny .cover-info {
    color: #191919
}

.section-list li.ideal .cover-info {
    color: #191919
}

.section-list li.eternity .cover-info {
    color: #191919
}

.section-list li.prologue {
    display: none
}

.section-list li.prologue .cover-info {
    color: #191919
}

.l-renewal .video-popup {
    position: relative
}

.l-renewal .video-popup-wrap {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.l-renewal .video-popup-wrap .dim {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(../image/bg_dim.png) repeat 0 0;
    z-index: 160;
    opacity: 1;
    filter: alpha(opacity=100)
}

.l-renewal .video-popup-cont {
    position: relative;
    width: 100%;
    padding: 38px 30px 0;
    height: 100%;
    overflow: hidden;
    z-index: 170;
    box-sizing: border-box
}

.l-renewal .video-popup-cont .popup-tit {
    display: block;
    margin-bottom: 32px;
    font-size: 38px;
    text-align: center;
    font-weight: normal;
    color: #fff;
    line-height: 50px
}

.l-renewal .video-popup-cont .video-area {
    position: relative;
    height: 100%;
    padding-bottom: 216px;
    box-sizing: border-box;
    z-index: 170
}

.l-renewal .video-popup-cont .video-area:after {
    content: "";
    display: block;
    clear: both
}

.l-renewal .video-popup-cont .video {
    width: 79%;
    height: 100%;
    margin: 0 auto
}

.l-renewal .video-popup-cont .video-desc {
    float: left;
    padding: 0 20px 0 30px;
    width: 21%;
    height: 100%;
    line-height: 24px;
    color: #dedede;
    font-size: 15px;
    text-align: left;
    overflow-y: scroll;
    box-sizing: border-box;
    font-family: 'NotoSans'
}

.l-renewal .video-popup-cont .video-desc p {
    margin: 0
}

.l-renewal .video-popup-cont .video-desc p+p {
    margin-top: 24px
}

.l-renewal .video-popup-cont .flexible-obj {
    height: 100%;
    padding-bottom: 0
}

.l-renewal .video-popup-cont .btn-close {
    position: absolute;
    top: 52px;
    right: 30px;
    width: 27px;
    height: 27px;
    background: url(../image/btn_close.png) no-repeat 0 0;
    text-indent: -9999px;
    z-index: 300
}

.l-renewal .video-player a {
    display: block
}

.l-renewal .video-player img {
    width: 100%
}

.section-list li.origin a {
    background: url(../image/bg-section-origin-pc.jpg) no-repeat center center;
    background-size: cover
}

.section-list li.artisan a {
    background: url(../image/bg-section-artisan-pc.jpg) no-repeat center center;
    background-size: cover
}

.section-list li.harmorny a {
    background: url(../image/bg-section-harmorny-pc.jpg) no-repeat center center;
    background-size: cover
}

.section-list li.ideal a {
    background: url(../image/bg-section-ideal-pc.jpg) no-repeat center center;
    background-size: cover
}

.section-list li.beauty a {
    background: url(../image/bg-section-beauty-pc.jpg) no-repeat center center;
    background-size: cover
}

.section-list li.eternity a {
    background: url(../image/bg-section-eternity-pc.jpg) no-repeat center center;
    background-size: cover
}

#footer {
    display: none
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .pop-detail .btn-black a {
        margin-bottom: 80px
    }
}

:root .pop-detail .btn-black a {
    margin-bottom: 80px \0/IE9
}

@media screen and (max-width:1600px) {
    .pop-detail .pop-cont .pop-list .list-con {
        float: none;
        width: 100%;
        padding: 0
    }
    .pop-detail .pop-cont .pop-list .list-con:first-child {
        padding: 0
    }
    .pop-detail .pop-cont .pop-list .list-con+.list-con {
        margin-top: 40px
    }
    .pop-detail .btn-black {
        max-width: 100%
    }
    .cover2-detail.pop-detail .height-long .con-inner,
    .cover2-detail.pop-detail .con-inner,
    .cover3-detail.pop-detail .con-inner,
    .cover4-detail.pop-detail .con-inner,
    .cover5-detail.pop-detail .con-inner,
    .cover6-detail.pop-detail .con-inner {
        min-height: inherit
    }
    .cover4-detail.pop-detail .full-slick .con-inner {
        height: auto
    }
    .pop-detail .pop-list {
        margin: 0
    }
}

@media screen and (max-width:1460px) {
    .cover .sub-tit .txt {
        font-size: 21px
    }
    .cover2-3 .list-origin .item-list .item-tit {
        font-size: 36px
    }
}

@-moz-document url-prefix() {
    div.pop-detail div.btn-black a {
        margin-bottom: 80px
    }
}

@media(max-device-width:1024px) and (min-device-width:768px) and (orientation:portrait) {
    .cover2-3 .list-origin .item-list li {
        width: 363px
    }
}

@media(max-width:1024px) and (min-width:768px) and (orientation:portrait) {
    .list-artisan.item-wrap,
    .list-beauty.item-wrap {
        padding: 2% 0 7%
    }
    .item-wrap .list-type02 li {
        float: none;
        display: table!important;
        width: 100%;
        height: 33.4%
    }
    .item-wrap .list-type02 li .fade-only {
        display: table-cell!important;
        vertical-align: middle;
        padding: 0 20px
    }
    .item-wrap .list-type02 li .item-tit {
        font-size: 18px
    }
    .item-wrap .list-type02 li .txt1 {
        margin-top: 0;
        font-size: 16px
    }
    .cover2-3 .list-origin .item-list {
        width: 3893px
    }
    .cover2-3 .list-origin .item-list li+li {
        margin-left: 118px
    }
    .list-artisan.item-wrap li .img-mobile {
        display: table
    }
    .list-artisan.item-wrap li.heritage .img-mobile {
        background: url(../image/heritage-m.jpg) no-repeat
    }
    .list-artisan.item-wrap li.signature .img-mobile {
        background: url(../image/signature-m.jpg) no-repeat
    }
    .list-artisan.item-wrap li.premium .img-mobile {
        background: url(../image/premium-m.jpg) no-repeat
    }
    .fade-rolling {
        height: 100%;
        padding-bottom: 35px;
        box-sizing: border-box
    }
    .fade-rolling .rolling-con {
        position: relative;
        height: 100%;
        padding-top: 0;
        padding-bottom: 0
    }
    .fade-rolling .rolling-con .info-box {
        position: absolute;
        left: 50%;
        bottom: 0;
        width: 83%;
        height: 140px;
        top: auto;
        margin-top: auto;
        margin-left: -41.5%;
        padding: 27px 15px 15px
    }
    .fade-rolling .rolling-con .info-box .flag {
        font-size: 11px
    }
    .fade-rolling .rolling-con .info-box .category {
        margin-top: 8px;
        font-size: 15px
    }
    .fade-rolling .rolling-con .info-box .desc {
        font-size: 14px
    }
    .fade-rolling .rolling-con .info-box .desc span {
        white-space: normal!important
    }
    .fade-rolling .slick-dots li {
        width: 40px;
        vertical-align: middle
    }
    .fade-rolling .slick-dots li+li {
        margin-left: 10px
    }
    .fade-rolling .slick-dots {
        bottom: -50px
    }
    .fade-rolling .slick-track,
    .fade-rolling .slick-list,
    .fade-rolling .rolling-container {
        height: 100%
    }
    .cover4-2 .sub-tit {
        height: 12%!important
    }
    .fade-rolling .rolling-con.skincare .img-mobile {
        background-image: url(../image/bg-harmorny-skincare-mobile.jpg)
    }
    .fade-rolling .rolling-con.holistic .img-mobile {
        background-image: url(../image/bg-harmorny-holistic-mobile.jpg)
    }
    .fade-rolling .rolling-con.beauty-rituals .img-mobile {
        background-image: url(../image/bg-harmorny-beauty-mobile.jpg)
    }
    .fade-rolling .rolling-con.spa .img-mobile {
        background-image: url(../image/bg-harmorny-spa-mobile.jpg)
    }
    .fade-rolling .rolling-con .info-box {
        width: 100%;
        left: auto;
        margin-left: auto
    }
    .cover5-2 .list-ideal .item-list li {
        width: auto
    }
    .cover5-2 .list-ideal .item-list li+li {
        margin-left: 40px
    }
    .cover6-1 .cover-txt .cover-tit {
        display: block;
        width: 80%
    }
    .cover6-2 .list-beauty.item-wrap li .img-mobile {
        display: table
    }
    .cover6-2 .list-beauty.item-wrap li.art .img-mobile {
        background: url(../image/art-m.jpg) no-repeat
    }
    .cover6-2 .list-beauty.item-wrap li.shine .img-mobile {
        background: url(../image/shine-m.jpg) no-repeat
    }
    .cover6-2 .list-beauty.item-wrap li.culture .img-mobile {
        background: url(../image/culture-m.jpg) no-repeat
    }
    .cover-box .after-fade .after-desc {
        font-size: 24px;
        line-height: 30px
    }
    .cover-box .after-fade .after-title {
        margin-top: 70px;
        font-size: 18px;
        line-height: 24px
    }
    .pop-detail .txt-area {
        min-height: inherit
    }
    .pop-detail .btn-box {
        position: relative;
        bottom: 0;
        padding: 0 20px 20px
    }
    .pop-detail .list-con.full-slick .txt-area {
        position: absolute
    }
    .pop-detail .list-con.full-slick .btn-box {
        padding: 0 20px 30px 20px;
        margin-top: 240px
    }
    .l-renewal .video-popup-cont .video {
        width: 100%;
        height: auto
    }
    .l-renewal .video-popup-cont .video-desc {
        width: 100%;
        height: 16%;
        padding: 0 10px;
        margin-top: 16px
    }
    .mCSB_horizontal.mCSB_inside>.mCSB_container {
        margin-bottom: 60px!important
    }
}

@media(max-width:1024px) and (min-width:768px) and (orientation:landscape) {
    #mCSB_2_container .item-list {
        width: 100%!important
    }
    .pop-detail .txt-area {
        min-height: inherit
    }
    .pop-detail .btn-box {
        position: relative;
        bottom: 0;
        padding: 0 20px 20px
    }
    .pop-detail .list-con.full-slick .txt-area {
        position: absolute;
        top: 424px;
        margin: 0
    }
    .pop-detail .list-con.full-slick .btn-box {
        padding: 0 20px 30px 20px;
        margin-top: 240px
    }
    .l-renewal .video-popup-cont .video {
        width: 79%;
        height: 100%;
        margin: 0 auto
    }
    .l-renewal .video-popup-cont .video-desc {
        float: left;
        padding: 0 20px 0 30px;
        width: 21%;
        height: 70%;
        line-height: 24px;
        color: #dedede;
        font-size: 15px;
        text-align: left;
        overflow-y: scroll;
        box-sizing: border-box;
        font-family: 'NotoSans'
    }
}

@media screen and (max-width:1024px) {
    .indicator {
        right: 0
    }
    .cover .sub-tit {
        height: 16%
    }
    .cover .sub-tit .txt {
        font-size: 18px
    }
    .cover-box .inner-content,
    .cover .sub-tit .title-txt {
        font-size: 26px
    }
    .cover-content {
        padding: 5% 5% 3%
    }
    .cover-image .cover-txt {
        left: 70px;
        bottom: 137px
    }
    .cover-image .cover-txt .cover-tit {
        font-size: 70px
    }
    .cover-image .cover-txt .txt {
        line-height: 38px;
        margin-top: 18px;
        font-size: 26px
    }
    .cover-box .fade-list .fade-only {
        padding: 30px 28% 30px 30px
    }
    .item-wrap .item-list li {
        width: auto;
        line-height: 1.2
    }
    .item-wrap .item-list .item-tit {
        font-size: 22px
    }
    .item-wrap .item-list .txt {
        font-size: 16px;
        max-width: 280px
    }
    .item-wrap .list-type02 li .item-tit {
        font-size: 24px
    }
    .item-wrap .list-type02 li .txt1 {
        font-size: 21px
    }
    .item-wrap .list-type02 li .txt2 {
        display: none!important
    }
    .cover1-1 {
        background-position: 100% 0
    }
    .cover1-1 .cover-object {
        bottom: 7%;
        width: 59%;
        height: 38%;
        margin-left: -15%;
        background-size: contain
    }
    .cover1-1 .txt-wrap {
        top: 59%;
        width: 230px;
        height: 374px;
        right: 17.8%
    }
    .cover1-1 .txt-wrap .top-txt {
        margin-left: 22px;
        font-size: 35px
    }
    .cover1-1 .txt-wrap .top-txt span+span {
        margin-left: 32px
    }
    .cover1-1 .txt-wrap .mid-txt {
        margin-bottom: 24px
    }
    .cover1-1 .txt-wrap .mid-txt img {
        width: 45%
    }
    .cover1-1 .txt-wrap .bottom-txt {
        font-size: 16px
    }
    .cover1-1 .txt-wrap .txt-desc {
        margin-left: 20px;
        line-height: 44px;
        font-size: 30px
    }
    .cover2-1 {
        background-image: url(../image/bg-cover-origin-tablet.jpg)
    }
    .cover2-3 .list-origin {
        box-sizing: border-box;
        height: 84%
    }
    .cover2-3 .list-origin .scroll-box-cont {
        height: 100%
    }
    .cover2-3 .list-origin .pc-content .item-list {
        width: 1897px
    }
    .cover2-3 .list-origin .pc-content .item-list .item-tit {
        display: block;
        height: 8%;
        font-size: 30px
    }
    .cover2-3 .list-origin .pc-content .item-list li {
        width: 188px
    }
    .cover2-3 .list-origin .pc-content .item-list li+li {
        margin-left: 54px
    }
    .cover2-3 .list-origin .pc-content .item-list .item-tit {
        font-size: 30px
    }
    .cover2-3 .list-origin .pc-content .item-wrap .item-list .txt {
        font-size: 16px
    }
    .list-artisan.item-wrap {
        height: 83%;
        padding: 0
    }
    .cover4-1 .cover-ani-wrap {
        background-image: url(../image/bg-cover-harmorny-tablet.jpg)
    }
    .fade-rolling .rolling-con .info-box .flag {
        font-size: 18px
    }
    .fade-rolling .rolling-con .info-box .category {
        font-size: 30px
    }
    .fade-rolling .rolling-con .info-box .desc {
        margin-top: 20px;
        font-size: 21px
    }
    .cover5-1 {
        background-image: url(../image/bg-cover-ideal-tablet.jpg)
    }
    .cover5-2 .scrollable .viewport .overview {
        width: 100%!important
    }
    .cover5-2 .list-ideal .pc-content .item-list {
        margin: 2.5% 0
    }
    .cover5-2 .list-ideal .pc-content .item-list li .txt-box {
        margin-top: 9.3%;
        opacity: 1
    }
    .cover5-2 .item-wrap .pc-content .item-list .txt {
        margin-top: 9px
    }
    .cover6-1 {
        background-image: url(../image/bg-cover-beauty-tablet.jpg)
    }
    .cover6-2 .list-beauty.item-wrap {
        height: 83%;
        padding: 8% 0 6%
    }
    .cover6-2 .list-beauty.item-wrap li .img-mobile {
        background: 0
    }
    .cover7-2 {
        display: none
    }
    .cover7-2.after-fade .after-fade-cont {
        margin-top: -110px;
        margin-left: -260px
    }
    .cover7-2.after-fade .after-desc {
        font-size: 32px;
        line-height: 46px
    }
    .cover7-2.after-fade .after-title {
        font-size: 22px;
        line-height: 36px
    }
    .pop-detail {
        padding: 20px 30px 80px
    }
    .pop-detail .pop-cont .pop-list {
        margin-bottom: 30px
    }
    .pop-detail .pop-cont .pop-list .list-con {
        width: 100%;
        border: 1px solid #e5e5e5
    }
    .pop-detail .pop-cont .pop-list .list-con:first-child {
        margin-bottom: 30px
    }
    .pop-detail .pop-cont .pop-list .list-con:first-child:after {
        display: none
    }
    .pop-detail .pop-cont .pop-list .list-con:first-child+.list-con:after {
        display: none
    }
    .pop-detail .btn-black {
        margin: 5px 0 0;
        max-width: 100%
    }
    .section-list li .cover-info {
        left: 30px;
        right: 30px;
        bottom: 30px
    }
    .section-list li .cover-info .cover-tit {
        font-size: 24px;
        line-height: 36px
    }
    .section-list li .cover-info .cover-txt {
        display: none;
        font-size: 18px;
        line-height: 28px
    }
    .l-renewal .video-popup-cont .popup-tit {
        margin-bottom: 10px;
        font-size: 30px;
        line-height: 40px;
        padding: 0 30px
    }
    .l-renewal .video-popup-cont .flexible-obj {
        height: 0;
        padding-bottom: 56.25%
    }
    .l-renewal .video-popup-cont {
        position: relative;
        padding-top: 13px;
        overflow-y: scroll
    }
    .l-renewal .video-popup-cont .btn-close {
        top: 20px;
        right: 30px
    }
    .l-renewal .video-popup-cont .video-area {
        padding-bottom: 0
    }
    .btn-more .more-arrow {
        width: 12px
    }
    .btn-more .more-arrow img {
        vertical-align: middle
    }
}

@media screen and (max-width:767px) {
    .navi {
        padding-bottom: 22px;
        font-size: 12px
    }
    .navi:after {
        left: 33px;
        height: 20px
    }
    .nav-down {
        margin-left: -35px
    }
    .nav-top {
        margin-left: -12px
    }
    .nav-top:after {
        left: 12px
    }
    .loding-dim .dim-img {
        width: 50%;
        height: 50%
    }
    .paging-m {
        display: block;
        position: absolute;
        top: 25px;
        right: 5%;
        z-index: 10000;
        font-family: 'buri';
        font-size: 13px;
        color: #fff
    }
    .cover2-2 .paging-m {
        color: #191919
    }
    .paging-m .paging-num {
        display: inline-block;
        vertical-align: top;
        padding-top: 3px
    }
    .paging-m .black {
        color: #191919
    }
    .paging-m .button-all {
        display: inline-block;
        width: 24px;
        height: 24px;
        margin-left: 8px
    }
    .indicator {
        display: none!important;
        height: 288px;
        margin-top: -144px
    }
    .indicator li+li {
        margin-top: 10px
    }
    .cover .sub-tit {
        height: 5%;
        margin-bottom: 0;
        padding-top: 0
    }
    .cover .sub-tit .title-txt {
        font-size: 17px;
        line-height: 20px
    }
    .cover .sub-tit .txt {
        display: none
    }
    .cover-box .inner-content {
        height: 95%;
        padding-top: 3%
    }
    .cover-box .after-fade {
        padding: 20vh 40px 0
    }
    .cover-box .after-fade .after-desc {
        font-size: 18px;
        line-height: 30px
    }
    .cover-box .after-fade .after-title {
        margin-top: 40px;
        font-size: 14px;
        line-height: 24px
    }
    .btn-more {
        font-size: 12px;
        line-height: 19px;
        top: 3px
    }
    .btn-more .more-arrow {
        width: 8px;
        height: 15px;
        margin-left: 0;
        vertical-align: middle
    }
    .scroll-box .scroll-box-cont {
        display: none
    }
    .item-wrap .list-type02 {
        height: 100%!important;
        padding: 0!important
    }
    .item-wrap .list-type02 li {
        float: none;
        width: 100%;
        height: 33.3%
    }
    .item-wrap .list-type02 li .img-mobile {
        display: table;
        height: 100%
    }
    .item-wrap .list-type02 li .fade-only {
        display: table-cell!important;
        vertical-align: middle;
        padding: 20px
    }
    .item-wrap .list-type02 li .item-tit {
        font-size: 18px
    }
    .item-wrap .list-type02 li .txt1 {
        margin-top: 3px;
        font-size: 15px
    }
    .item-wrap.list-beauty,
    .item-wrap.list-artisan {
        height: 95%!important;
        padding: 2% 0 2%!important
    }
    .item-wrap .item-list li {
        width: auto;
        height: 100%
    }
    .item-wrap .item-list .item-tit {
        font-size: 15px
    }
    .item-wrap .item-list .txt {
        margin-top: 7px;
        font-size: 13px
    }
    .item-wrap .list-origin img {
        margin-bottom: 15px
    }
    .item-wrap .list-ideal .item-list {
        width: 860px
    }
    .cover2-2 .top-cont .video {
        display: none!important
    }
    .video-js .vjs-big-play-button {
        display: none!important;
        position: absolute!important;
        top: 0!important;
        left: 0!important;
        width: 100%!important;
        height: 100%!important;
        background: none!important;
        border: none!important
    }
    .cover-image .cover-txt {
        left: 25px;
        bottom: 50px
    }
    .cover-image .cover-txt .cover-tit {
        font-size: 40px
    }
    .cover-image .cover-txt .txt {
        line-height: 19px;
        font-size: 15px;
        margin-top: 16px
    }
    .cover-ani-wrap {
        display: none!important
    }
    .cover3-1 {
        background-image: url(../image/bg-cover-artisan-mobile.jpg);
        background-size: cover
    }
    .cover4-1 {
        background-image: url(../image/bg-cover-harmorny-mobile.jpg);
        background-size: cover;
        background-position: 100% 100%
    }
    .cover5-1 {
        background-image: url(../image/bg-cover-ideal-mobile.jpg);
        background-size: cover
    }
    .cover6-1 {
        background-image: url(../image/bg-cover-beauty-mobile.jpg);
        background-size: cover
    }
    .cover1-1 .cover-inner {
        min-width: 345px
    }
    .cover1-1 .cover-object {
        width: 100%;
        height: 38%;
        margin-left: -45%;
        background-size: contain
    }
    .cover1-1 .txt-wrap {
        top: 50%;
        left: 50%;
        right: auto;
        width: 180px;
        height: 253px;
        margin-left: -90px;
        margin-top: -91px
    }
    .cover1-1 .txt-wrap .top-txt {
        margin-left: 20px;
        font-size: 24px
    }
    .cover1-1 .txt-wrap .top-txt span+span {
        margin-left: 29px
    }
    .cover1-1 .txt-wrap .mid-txt {
        margin-bottom: 16px
    }
    .cover1-1 .txt-wrap .bottom-txt {
        margin-bottom: 34px;
        font-size: 10px
    }
    .cover1-1 .txt-wrap .bottom-txt span {
        margin-left: 30px
    }
    .cover1-1 .txt-wrap .bottom-txt span.txt-flower {
        margin-left: 33px
    }
    .cover1-1 .txt-wrap .txt-desc {
        line-height: 30px;
        margin: 60px 0 0 0;
        font-size: 21px;
        text-align: center
    }
    .cover1-1 .txt-wrap .mid-txt img {
        width: 40%
    }
    .cover2-2 .top-cont .video-cover {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 10000
    }
    .cover2-3 .list-origin .item-list {
        margin: 2% 0
    }
    .cover2-3 .list-origin .item-list .item-tit {
        font-size: 21px
    }
    .cover2-3 .list-origin .mobile-content:after {
        display: block;
        content: "";
        clear: both
    }
    .cover2-3 .list-origin .mobile-content .view-group {
        float: left;
        margin-bottom: 3%
    }
    .cover2-3 .list-origin .mobile-content .slick-slide .item-tit {
        font-size: 30px
    }
    .cover2-3 .list-origin .mobile-content .slick-slide .txt {
        margin-top: 0;
        font-size: 15px;
        word-spacing: inherit
    }
    .cover2-3 .list-origin .mobile-content .slick-slide:after {
        display: block;
        content: "";
        clear: both
    }
    .cover2-3 .list-origin .mobile-content .slick-slide>div {
        float: left;
        width: 44%;
        margin: 0 3%
    }
    .cover2-3 .list-origin .mobile-content .slick-dots {
        height: 8%;
        margin-top: 5%;
        text-align: center
    }
    .cover2-3 .list-origin .mobile-content .slick-dots li {
        float: none;
        display: inline-block;
        position: relative;
        width: 40px;
        height: 2px;
        padding: 0;
        background: #ddd;
        box-sizing: border-box
    }
    .cover2-3 .list-origin .mobile-content .slick-dots li.slick-active {
        height: 4px;
        background: #a47f68
    }
    .cover2-3 .list-origin .mobile-content .slick-dots li+li {
        margin-left: 10px
    }
    .cover2-3 .list-origin .mobile-content .slick-dots li button {
        display: block;
        position: absolute;
        overflow: hidden;
        left: 0;
        top: 50%;
        width: 100%;
        height: 50px;
        text-indent: -9999px;
        margin-top: -25px;
        box-sizing: border-box
    }
    .cover2-3 .list-origin .mobile-content .slick-dots li button:focus {
        outline: 0
    }
    .cover2-3 .list-origin .mobile-content .item-tit {
        font-size: 40px
    }
    .cover2-3 .list-origin .mobile-content img {
        width: auto
    }
    .cover2-3 .list-origin .pc-content {
        display: none
    }
    .cover2-3 .list-origin .mobile-content {
        display: block
    }
    .cover2-3 .list-origin .mobile-content .slick-dots {
        display: block
    }
    .mCSB_horizontal.mCSB_inside>.mCSB_container {
        margin-top: atuo!important;
        margin-bottom: atuo!important
    }
    .list-artisan.item-wrap li.heritage .img-mobile {
        background: url(../image/heritage-m.jpg) no-repeat
    }
    .list-artisan.item-wrap li.signature .img-mobile {
        background: url(../image/signature-m.jpg) no-repeat
    }
    .list-artisan.item-wrap li.premium .img-mobile {
        background: url(../image/premium-m.jpg) no-repeat
    }
    .fade-rolling {
        height: 100%;
        padding: 0;
        box-sizing: border-box
    }
    .fade-rolling .rolling-con {
        position: relative;
        height: 100%;
        padding-top: 0;
        padding-bottom: 0
    }
    .fade-rolling .rolling-con .info-box {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 159px;
        min-height: 159px;
        top: auto;
        margin-top: auto;
        margin-left: 0;
        padding: 0
    }
    .fade-rolling .rolling-con .info-box .flag {
        font-size: 11px
    }
    .fade-rolling .rolling-con .info-box .category {
        margin-top: 8px;
        font-size: 15px
    }
    .fade-rolling .rolling-con .info-box .desc {
        margin-top: 0;
        padding-top: 13px;
        font-size: 14px
    }
    .fade-rolling .rolling-con .info-box .desc span {
        white-space: normal!important
    }
    .fade-rolling .slick-dots li {
        width: 40px;
        vertical-align: middle
    }
    .fade-rolling .slick-dots li+li {
        margin-left: 10px
    }
    .fade-rolling .rolling-con.img-pc {
        background: none!important
    }
    .fade-rolling .rolling-con.skincare .img-mobile {
        background-image: url(../image/bg-harmorny-skincare-mobile.jpg)
    }
    .fade-rolling .rolling-con.holistic .img-mobile {
        background-image: url(../image/bg-harmorny-holistic-mobile.jpg)
    }
    .fade-rolling .rolling-con.beauty-rituals .img-mobile {
        background-image: url(../image/bg-harmorny-beauty-mobile.jpg)
    }
    .fade-rolling .rolling-con.spa .img-mobile {
        background-image: url(../image/bg-harmorny-spa-mobile.jpg)
    }
    .cover5-2 .scrollable .viewport .overview {
        width: auto!important
    }
    .cover5-2 .list-ideal .item-list li .txt-box {
        margin-top: 20px!important
    }
    .cover5-2 .list-ideal .mobile-content:after {
        display: block;
        content: "";
        clear: both
    }
    .cover5-2 .list-ideal .mobile-content .view-group {
        float: left;
        margin-bottom: 3%
    }
    .cover5-2 .list-ideal .mobile-content .slick-slide .item-tit {
        font-size: 15px
    }
    .cover5-2 .list-ideal .mobile-content .slick-slide .txt {
        margin-top: 9px;
        font-size: 13px
    }
    .cover5-2 .list-ideal .mobile-content .slick-slide:after {
        display: block;
        content: "";
        clear: both
    }
    .cover5-2 .list-ideal .mobile-content .slick-slide>div {
        float: left;
        width: 44%;
        margin: 0 3%
    }
    .cover5-2 .list-ideal .mobile-content .slick-dots {
        height: 8%;
        margin-top: 5%;
        text-align: center
    }
    .cover5-2 .list-ideal .mobile-content .slick-dots li {
        float: none;
        display: inline-block;
        position: relative;
        width: 15%;
        height: 2px;
        padding: 0;
        background: #ddd;
        box-sizing: border-box
    }
    .cover5-2 .list-ideal .mobile-content .slick-dots li.slick-active {
        height: 4px;
        background: #a47f68
    }
    .cover5-2 .list-ideal .mobile-content .slick-dots li+li {
        margin-left: 10px
    }
    .cover5-2 .list-ideal .mobile-content .slick-dots li button {
        display: block;
        position: absolute;
        overflow: hidden;
        left: 0;
        top: 50%;
        width: 100%;
        height: 50px;
        text-indent: -9999px;
        margin-top: -25px;
        box-sizing: border-box
    }
    .cover5-2 .list-ideal .mobile-content .slick-dots li button:focus {
        outline: 0
    }
    .cover5-2 .list-ideal .mobile-content .item-tit {
        font-size: 40px
    }
    .cover5-2 .list-ideal .mobile-content img {
        width: auto
    }
    .cover5-2 .list-ideal .pc-content {
        display: none
    }
    .cover5-2 .list-ideal .mobile-content {
        display: block
    }
    .cover5-2 .list-ideal .mobile-content .slick-dots {
        display: block
    }
    .cover6-1 .cover-txt .cover-tit {
        display: block;
        width: 80%
    }
    .cover6-2 .list-beauty.item-wrap li.art .img-mobile {
        background: url(../image/art-m.jpg) no-repeat
    }
    .cover6-2 .list-beauty.item-wrap li.shine .img-mobile {
        background: url(../image/shine-m.jpg) no-repeat
    }
    .cover6-2 .list-beauty.item-wrap li.culture .img-mobile {
        background: url(../image/culture-m.jpg) no-repeat
    }
    .cover7-2.after-fade .after-fade-cont {
        margin-top: -150px;
        margin-left: -136px
    }
    .cover7-2 .cover-box .after-fade .after-desc {
        font-size: 32px;
        line-height: 46px
    }
    .cover7-2 .cover-box .after-fade .after-title {
        font-size: 22px;
        line-height: 36px
    }
    .pop-detail {
        width: 100%;
        padding: 20px 0 0 0;
        background: #fff
    }
    .pop-detail .pop-cont {
        width: 100%
    }
    .pop-detail .popup-tit {
        padding: 0 20px;
        margin-bottom: 18px;
        font-size: 21px
    }
    .pop-detail .pop-cont .txt-area {
        min-height: inherit;
        padding: 10px 20px 25px
    }
    .pop-detail .pop-cont .txt-area .tit {
        margin-bottom: 6px;
        line-height: 1.3;
        font-size: 25px
    }
    .pop-detail .pop-cont .txt-area .sub-tit {
        font-size: 16px
    }
    .pop-detail .pop-cont .txt-area .content {
        font-size: 13px;
        min-height: auto;
        margin-top: 10px
    }
    .pop-detail .pop-cont .pop-list {
        margin: 0
    }
    .pop-detail .pop-cont .pop-list .list-con {
        width: 100%;
        border: 0 none
    }
    .pop-detail .pop-cont .pop-list .list-con:first-child {
        margin-bottom: 0
    }
    .pop-detail .pop-cont .pop-list .list-con .con-inner {
        padding: 0;
        border: 0
    }
    .pop-detail .pop-cont .pop-list .list-con+.list-con {
        margin-top: 0
    }
    .pop-detail .pop-cont .pop-list+.pop-list {
        margin-top: 0
    }
    .pop-detail .btn-pop-more {
        display: block;
        height: 40px;
        line-height: 40px;
        margin-top: 17px;
        font-size: 12px
    }
    .btn-detail-close {
        width: 36px;
        height: 34px
    }
    .pop-detail.cover3-detail .detail-banner {
        margin-bottom: 12px
    }
    .pop-detail .detail-banner {
        margin-bottom: 16px
    }
    .pop-detail .detail-banner .slick-dots>li+li {
        margin-left: 5px
    }
    .pop-detail .detail-banner .slick-dots>li button {
        display: block;
        overflow: hidden;
        width: 6px;
        height: 6px;
        margin: 0;
        padding: 0;
        text-indent: -9999px;
        border: 0;
        cursor: pointer;
        background: url(../image/bg-detail-dot-pc.png) no-repeat center center;
        background-size: 6px 6px
    }
    .pop-detail .detail-banner .slick-dots>li.slick-active button {
        width: 14px;
        background: url(../image/bg-detail-dot-active-pc.png) no-repeat center center;
        background-size: 14px 6px
    }
    .pop-detail .txt-sec-box {
        margin-top: 9px
    }
    .pop-detail .btn-detail-close {
        right: 0;
        top: 0
    }
    .cover3-detail.pop-detail .pop-cont .txt-area .content {
        min-height: auto
    }
    .cover3-detail.pop-detail .way span+span {
        margin-top: 0
    }
    .cover4-detail.pop-detail .pop-cont .txt-area .content {
        margin-top: 10px
    }
    .pop-list-layer {
        padding: 0
    }
    .section-list {
        height: 100%
    }
    .section-list li {
        float: none;
        width: 100%;
        min-height: 100px;
        height: 17%;
        padding: 0
    }
    .section-list li .cover-info {
        left: 15px;
        bottom: 15px
    }
    .section-list li .cover-info .cover-tit {
        font-size: 14px;
        font-weight: normal;
        line-height: 30px
    }
    .section-list li a {
        position: relative;
        top: 0;
        left: 0;
        height: 100%;
        min-height: 100px
    }
    .section-list li.prologue {
        display: block
    }
    .section-list li.prologue a {
        background: url(../image/bg-section-prologue-mobile.jpg) no-repeat center center;
        background-size: cover
    }
    .section-list li.origin a {
        background: url(../image/bg-section-origin-mobile.jpg) no-repeat center center;
        background-size: cover
    }
    .section-list li.artisan a {
        background: url(../image/bg-section-artisan-mobile.jpg) no-repeat center center;
        background-size: cover
    }
    .section-list li.harmorny a {
        background: url(../image/bg-section-harmorny-mobile.jpg) no-repeat center center;
        background-size: cover
    }
    .section-list li.ideal a {
        background: url(../image/bg-section-ideal-mobile.jpg) no-repeat center center;
        background-size: cover
    }
    .section-list li.beauty a {
        background: url(../image/bg-section-beauty-mobile.jpg) no-repeat center center;
        background-size: cover
    }
    .section-list li.eternity a {
        background: url(../image/bg-section-eternity-mobile.jpg) no-repeat center center;
        background-size: cover
    }
    .pop-list-layer {
        right: auto;
        bottom: auto;
        width: 100%;
        height: 100%
    }
    .pop-list-layer .btn-detail-close.img-pc {
        display: none
    }
    .pop-list-layer .btn-detail-close.img-mobile {
        display: block;
        position: fixed;
        top: 25px;
        right: 5%;
        width: 24px;
        height: 24px
    }
    .cover-box .after-fade .after-title {
        margin-top: 23px;
        font-size: 12px;
        line-height: 20px
    }
    .cover-box .after-fade .after-fade-cont {
        margin-top: -65px
    }
    .pop-detail .btn-box {
        position: relative;
        bottom: 0;
        padding: 0 20px 30px 20px
    }
    .pop-detail .list-con.full-slick .btn-box {
        position: relative;
        bottom: 0
    }
    .pop-detail .list-con.full-slick .btn-box.type2 {
        padding-bottom: 25px;
        margin-top: -25px
    }
    .l-renewal .video-popup-cont {
        padding: 9px 0 0
    }
    .l-renewal .video-popup-cont .popup-tit {
        margin-bottom: 4px;
        font-size: 19px;
        line-height: 26px
    }
    .l-renewal .video-popup-cont .video {
        width: 100%;
        height: auto
    }
    .l-renewal .video-popup-cont .video-desc {
        overflow-y: auto;
        width: 100%;
        height: 45%;
        padding: 0 15px;
        margin-top: 12px;
        font-size: 13px;
        line-height: 17px
    }
    .l-renewal .video-popup-cont .flexible-obj {
        padding-bottom: 56.25%
    }
    .l-renewal .video-popup-cont .btn-close {
        width: 14px;
        height: 14px;
        top: 17px;
        right: 15px;
        background-size: contain
    }
    .l-renewal .video-popup-cont .video-desc p+p {
        margin-top: 18px
    }
    @media screen and (-ms-high-contrast:active),
    (-ms-high-contrast:none) {
        .pop-detail .btn-black a {
            margin-bottom: 0
        }
    }
    :root .pop-detail .btn-black a {
        margin-bottom: 0 \0/IE9
    }
    @-moz-document url-prefix() {
        div.pop-detail div.btn-black a {
            margin-bottom: 0
        }
    }
}

@media(max-width:767px) and (orientation:portrait) {
    .cover2-3 .list-origin .item-list {
        margin: 4.5% 0 2%
    }
    .cover5-2 .list-ideal .item-list {
        margin: 10.5% 0 2.5%
    }
    .cover5-2 .list-ideal .item-list li {
        width: auto
    }
    .cover5-2 .list-ideal .mCSB_scrollTools.mCSB_scrollTools_horizontal {
        opacity: 0
    }
}

@media(min-width:321px) and (max-width:767px) and (orientation:portrait) {
    .pop-detail .list-con.full-slick .btn-box {
        margin-bottom: 0
    }
    .pop-detail .list-con.full-slick .btn-box.type2 {
        padding-bottom: 0;
        margin-top: 0
    }
}

@media(max-width:767px) and (orientation:landscape) {
    .is-mobile .mCSB_horizontal.mCSB_inside>.mCSB_container {
        margin-bottom: 0
    }
    .is-mobile .pop-detail {
        width: 50%
    }
    .item-wrap .item-list .txt {
        margin-top: 0
    }
    .item-wrap .list-type02 li .fade-only {
        display: block!important
    }
    .item-wrap .list-type02 li .item-tit {
        font-size: 16px
    }
    .item-wrap .list-type02 li .txt1 {
        font-size: 14px
    }
    .cover2-3 .list-origin .item-list {
        margin: 1% 0
    }
    .cover5-2 .list-ideal .mobile-content .view-group {
        float: left;
        margin: 3% 0 0
    }
    .cover-box .after-fade .after-fade-cont {
        margin-left: -168px
    }
    .pop-detail .list-con.full-slick .btn-box {
        margin-bottom: 0
    }
    .pop-detail .list-con.full-slick .btn-box.type2 {
        padding-bottom: 0;
        margin-top: 0
    }
}

@media screen and (max-width:480px) {
    .fade-rolling .rolling-con .info-box {
        width: 100%;
        left: auto;
        margin-left: auto
    }
}

@media(max-device-width:1024px) and (orientation:landscape) {
    .cover-image .cover-txt {
        left: 5%;
        bottom: 10%
    }
    .cover1-1 .cover-object {
        margin-left: 0
    }
    .cover1-1 .txt-wrap {
        left: auto;
        right: 15%;
        margin-top: -91px;
        margin-left: 0
    }
    .item-wrap .list-type02 li {
        float: left;
        width: 33.3%;
        height: 100%
    }
    .item-wrap .list-type02 li .img-mobile {
        background: none!important
    }
    .fade-rolling .rolling-con .img-mobile {
        background: none!important
    }
    .fade-rolling .rolling-con .info-box {
        display: table;
        top: 50%;
        left: 6%;
        width: 35%;
        height: 70%;
        margin-top: -16%
    }
    .fade-rolling .slick-dots {
        margin-top: 0
    }
    .cover5-1 {
        background-image: url(../image/bg-cover-ideal-tablet.jpg)
    }
    .cover6-1 {
        background-image: url(../image/bg-cover-beauty-tablet.jpg)
    }
}

@media(max-device-width:1024px) and (min-device-width:640px) and (orientation:landscape) {
    .cover-image .cover-txt {
        left: 5%;
        bottom: 10%
    }
    .cover1-1 .cover-object {
        width: 43%;
        height: 30%;
        margin-left: 0
    }
    .cover1-1 .txt-wrap {
        left: auto;
        right: 20%;
        margin-top: 25px;
        margin-left: 0;
        transform: translateY(-50%)
    }
    .list-origin {
        margin-top: -3%
    }
    .cover2-3 .list-origin .item-list .item-tit {
        font-size: 16px
    }
    .cover2-3 .item-wrap .item-list .txt {
        font-size: 11px
    }
    .list-artisan.item-wrap {
        padding: 3% 0 0
    }
    .cover2-3 .list-origin .mobile-content .slick-slide>div {
        float: none;
        display: inline-block;
        vertical-align: top;
        width: 22%;
        margin: 0 7%;
        text-align: left
    }
    .cover2-3 .list-origin .mobile-content img {
        width: 80%
    }
    .cover2-3 .list-origin .mobile-content .slick-slide .item-tit {
        font-size: 14px
    }
    .cover2-3 .list-origin .mobile-content .slick-slide .txt {
        font-size: 11px
    }
    .cover2-3 .list-origin .mobile-content .view-group {
        margin-bottom: 0;
        text-align: center
    }
}

@media(max-device-width:639px) and (min-device-width:320px) and (orientation:landscape) {
    .list-artisan.item-wrap {
        padding: 3% 0 0
    }
    .cover2-3 .list-origin .item-list {
        margin: 4% 0
    }
    .cover2-3 .list-origin .mobile-content .slick-slide>div {
        width: 36%;
        margin: 0 7%
    }
    .cover2-3 .list-origin .mobile-content .slick-slide .item-tit {
        font-size: 11px
    }
    .cover2-3 .list-origin .mobile-content .slick-slide .txt {
        font-size: 10px
    }
    .cover2-3 .list-origin .mobile-content .view-group {
        margin-bottom: 0
    }
    .cover2-3 .list-origin .mobile-content .slick-dots {
        margin-top: 1%
    }
}

@media(max-device-width:1024px) and (orientation:portrait) {
    .item-wrap .list-type02 li .img-pc {
        background: none!important
    }
    .fade-rolling .rolling-con .img-pc {
        background: none!important
    }
    .cover-image .cover-txt {
        left: 55px;
        bottom: 100px
    }
}

@media(max-device-width:480px) and (orientation:portrait) {
    .cover-image .cover-txt .cover-tit.en-letter {
        letter-spacing: 2px
    }
    .cover-image .cover-txt {
        left: 15px;
        bottom: 50px
    }
    .cover-image .cover-txt .cover-tit {
        font-size: 30px;
        line-height: 36px
    }
    .cover-image .cover-txt .txt {
        font-size: 15px
    }
    .cover-box .after-fade .after-desc {
        font-size: 15px;
        line-height: 25px
    }
    .cover-box .after-fade .after-fade-cont {
        margin-left: -110px
    }
    .item-wrap .list-type02 li .item-tit {
        font-size: 16px
    }
    .item-wrap .list-type02 li .txt1 {
        font-size: 13px
    }
    .cover2-3 .list-origin .mobile-content .slick-slide .item-tit {
        font-size: 21px
    }
    .cover2-3 .list-origin .mobile-content .slick-slide .txt {
        font-size: 13px
    }
    .cover2-3 .list-origin .mobile-content .slick-slide>div {
        width: 46%;
        margin: 0
    }
    .cover2-3 .list-origin .mobile-content .slick-slide>div+div {
        margin-left: 8%
    }
    .cover5-2 .list-ideal .mobile-content .slick-slide>div {
        width: 46%;
        margin: 0
    }
    .cover5-2 .list-ideal .mobile-content .slick-slide>div+div {
        margin-left: 8%
    }
}

@media(width:1024px) and (height:698px) and (orientation:landscape) {
    .cover1-1 .txt-wrap {
        top: 50%;
        margin-top: -136px
    }
    .cover2-3 .list-origin .item-list .item-tit {
        font-size: 24px
    }
    .cover2-3 .list-origin .item-list .txt {
        margin-top: 10px
    }
    .cover5-2 .item-wrap .item-list li+li {
        margin-left: 80px!important
    }
}

@media(width:1024px) and (height:672px) and (orientation:landscape) {
    .cover5-2 .item-wrap .item-list li+li {
        margin-left: 85px!important
    }
}

@media(width:1280px) and (height:648px) and (orientation:landscape) {
    .btn-more {
        top: 12px
    }
    .cover1-1 .txt-wrap {
        height: 440px;
        margin-top: -200px
    }
    .cover1-1 .txt-wrap .top-txt {
        font-size: 40px
    }
    .cover1-1 .txt-wrap .mid-txt img {
        width: 37%
    }
    .cover1-1 .txt-wrap .top-txt span+span {
        margin-left: 60px
    }
    .cover1-1 .txt-wrap .txt-desc {
        font-size: 34px
    }
    .item-wrap .item-list li {
        width: 180px!important
    }
    .cover2-3 .list-origin .item-list .item-tit {
        font-size: 30px
    }
    .cover2-3 .list-origin .item-list .txt {
        font-size: 15px
    }
    .cover-ani-wrap {
        background: #fff url(../image/bg-section-harmorny-pc.jpg) 100% 100% no-repeat
    }
    .cover5-2 .item-wrap .item-list {
        width: 1152px!important
    }
    .cover5-2 .item-wrap .item-list li+li {
        margin-left: 120px!important
    }
    .cover4-2 .inner-content {
        margin-top: 10px
    }
}

@media(width:400px) and (height:567px) and (orientation:portrait) {
    .cover2-3 .list-origin .mobile-content .view-group {
        margin-bottom: 1%
    }
}

@media(width:800px) and (height:1128px) and (orientation:portrait) {
    .fade-rolling .rolling-con .info-box {
        height: 300px;
        padding: 0
    }
}

@media(width:800px) and (max-height:1280px) and (orientation:portrait) {
    .pop-detail .list-con.full-slick .txt-area {
        top: 320px
    }
}

@media(max-width:400px) and (max-height:567px) and (orientation:portrait) {
    .btn-more .more-arrow {
        margin-top: -7px
    }
}

@media(width:640px) and (height:327px) and (orientation:landscape) {
    .cover2-3 .list-origin .mobile-content .slick-slide>div {
        float: none;
        display: inline-block;
        vertical-align: top;
        width: 23%;
        text-align: left
    }
    .cover2-3 .list-origin .item-list {
        position: relative;
        margin-top: 3%
    }
    .cover2-3 .list-origin .mobile-content img {
        width: 60%
    }
    .cover1-1 .txt-wrap {
        margin-top: -76px
    }
    .cover2-3 .list-origin .mobile-content .slick-slide .item-tit {
        font-size: 14px
    }
    .cover2-3 .list-origin .mobile-content .slick-slide .txt {
        font-size: 11px
    }
    .cover2-3 .list-origin .mobile-content .view-group {
        text-align: center
    }
    .cover5-2 .list-ideal .mobile-content .view-group {
        margin: 0;
        text-align: center
    }
    .cover5-2 .list-ideal .mobile-content .slick-slide>div {
        float: none;
        display: inline-block;
        vertical-align: top;
        width: 15%
    }
    .cover5-2 .list-ideal .mobile-content img {
        width: 85%
    }
    .cover5-2 .list-ideal .mobile-content .txt-box {
        text-align: left
    }
}

@media(width:533px) and (height:243px) and (orientation:landscape) {
    .cover2-3 .list-origin .mobile-content .slick-slide>div {
        float: none;
        display: inline-block;
        vertical-align: top;
        width: 27%;
        text-align: left
    }
    .cover2-3 .list-origin .mobile-content img {
        width: 48%
    }
    .cover2-3 .list-origin .mobile-content .view-group {
        text-align: center
    }
    .cover2-3 .list-origin .item-list {
        margin: 3% 0 3%
    }
    .cover2-3 .list-origin .mobile-content .slick-slide .txt {
        font-size: 10px
    }
    .cover2-3 .list-origin .mobile-content .slick-dots {
        margin-top: 0
    }
    .cover5-2 .list-ideal .mobile-content .view-group {
        margin: 0;
        text-align: center
    }
    .cover5-2 .list-ideal .mobile-content .slick-slide>div {
        float: none;
        display: inline-block;
        vertical-align: top;
        width: 20%
    }
    .cover5-2 .list-ideal .mobile-content img {
        width: 64%
    }
    .cover5-2 .list-ideal .mobile-content .txt-box {
        text-align: left
    }
    .cover5-2 .list-ideal .mobile-content .slick-slide .txt {
        margin-top: 0;
        font-size: 12px
    }
    .cover5-2 .list-ideal .mobile-content .slick-dots {
        margin-top: 3%
    }
}

@media(width:736px) and (height:414px) and (orientation:landscape) {
    .list-origin {
        margin-top: 0
    }
    .cover2-3 .list-origin .mobile-content .slick-slide>div {
        float: none;
        display: inline-block;
        vertical-align: top;
        width: 29%;
        text-align: left
    }
    .cover2-3 .list-origin .mobile-content img {
        width: 55%
    }
    .cover2-3 .list-origin .mobile-content .view-group {
        text-align: center
    }
    .cover2-3 .list-origin .mobile-content .slick-slide .item-tit {
        font-size: 21px
    }
    .cover5-2 .list-ideal .mobile-content .view-group {
        margin: 0;
        text-align: center
    }
    .cover5-2 .list-ideal .mobile-content .slick-slide>div {
        float: none;
        display: inline-block;
        vertical-align: top;
        width: 30%;
        margin: 0 3% 2%
    }
    .cover5-2 .list-ideal .mobile-content img {
        width: 60%
    }
    .cover5-2 .list-ideal .mobile-content .txt-box {
        text-align: left
    }
    .cover5-2 .list-ideal .mobile-content .slick-slide .txt {
        margin-top: 0;
        font-size: 12px
    }
    .cover5-2 .list-ideal .mobile-content .slick-dots {
        margin-top: 3%
    }
}

@media(width:667px) and (height:375px) and (orientation:landscape) {
    .list-origin {
        margin-top: 0
    }
    .cover2-3 .list-origin .mobile-content .slick-slide>div {
        float: none;
        display: inline-block;
        vertical-align: top;
        width: 29%;
        text-align: left
    }
    .cover2-3 .list-origin .mobile-content img {
        width: 55%
    }
    .cover2-3 .list-origin .mobile-content .view-group {
        text-align: center
    }
    .cover2-3 .list-origin .mobile-content .slick-slide .item-tit {
        font-size: 21px
    }
    .cover5-2 .list-ideal .mobile-content .view-group {
        margin: 0;
        text-align: center
    }
    .cover5-2 .list-ideal .mobile-content .slick-slide>div {
        float: none;
        display: inline-block;
        vertical-align: top;
        width: 30%;
        margin: 0 3% 2%
    }
    .cover5-2 .list-ideal .mobile-content img {
        width: 58%
    }
    .cover5-2 .list-ideal .mobile-content .txt-box {
        text-align: left
    }
    .cover5-2 .list-ideal .mobile-content .slick-slide .txt {
        margin-top: 0;
        font-size: 12px
    }
    .cover5-2 .list-ideal .mobile-content .slick-dots {
        margin-top: 3%
    }
}

@media(max-width:640px) and (max-height:375px) and (orientation:landscape) {
    .cover1-1 .txt-wrap .top-txt {
        margin-left: 21px;
        font-size: 18px
    }
    .cover1-1 .txt-wrap .mid-txt img {
        width: 30%
    }
    .cover1-1 .txt-wrap .top-txt span+span {
        margin-left: 39px
    }
    .cover1-1 .txt-wrap .txt-desc {
        margin-top: 18%!important;
        font-size: 16px
    }
    .cover1-1 .txt-wrap .txt-desc span {
        line-height: 24px
    }
    .fade-rolling .rolling-con .img-mobile {
        background-position: 50% 32%!important
    }
    .fade-rolling .slick-dots {
        margin-top: -2px
    }
    .btn-more {
        top: 0
    }
    .btn-more .more-arrow {
        margin-top: -7px
    }
    .cover5-1 {
        background-image: url(../image/bg-cover-ideal-tablet.jpg)
    }
    .list-con .slick-slide {
        position: relative;
        z-index: 1000
    }
}

@media(max-width:533px) and (max-height:245px) and (orientation:landscape) {
    .cover1-1 .txt-wrap {
        left: 60%;
        margin-top: -68px
    }
    .cover1-1 .txt-wrap .txt-desc span {
        font-size: 14px
    }
    .cover1-1 .txt-wrap .txt-desc {
        margin-top: -20px!Important
    }
    .item-wrap.list-beauty,
    .item-wrap.list-artisan {
        margin-top: 5px
    }
    .fade-rolling .rolling-con .info-box {
        box-sizing: border-box;
        height: 155px;
        margin-top: -65px;
        padding: 10px
    }
    .fade-rolling .rolling-con .info-box .desc {
        font-size: 12px
    }
    .fade-rolling .slick-dots {
        margin-top: -10px
    }
}

@media(max-height:900px) and (orientation:landscape) {
    .is-pc .nav-down {
        margin-left: -45px
    }
    .is-pc .nav-down:after {
        left: 45px
    }
    .is-pc .nav-top {
        margin-left: -14px
    }
    .is-pc .nav-top:after {
        left: 14px
    }
    .is-pc .navi {
        padding-bottom: 30px;
        font-size: 16px
    }
    .is-pc .navi:after {
        height: 28px
    }
    .is-pc .cover1-1 .txt-wrap {
        height: 390px;
        margin-top: -195px
    }
    .is-pc .cover1-1 .txt-wrap .top-txt {
        font-size: 40px
    }
    .is-pc .cover1-1 .txt-wrap .top-txt span+span {
        margin-left: 36px
    }
    .is-pc .cover1-1 .txt-wrap .mid-txt {
        margin-bottom: 16px
    }
    .is-pc .cover1-1 .txt-wrap .mid-txt img {
        width: 39%
    }
    .is-pc .cover1-1 .txt-wrap .bottom-txt {
        font-size: 16px
    }
    .is-pc .cover1-1 .txt-wrap .txt {
        width: 86%
    }
    .is-pc .cover1-1 .txt-wrap .txt-desc {
        font-size: 32px
    }
    .is-pc .cover-image .cover-txt {
        bottom: 82px;
        left: 63px
    }
    .is-pc .cover-image .cover-txt .cover-tit {
        font-size: 64px
    }
    .is-pc .cover-image .cover-txt .txt {
        margin-top: 23px;
        font-size: 25px;
        line-height: 38px
    }
    .is-pc .cover .sub-tit .txt {
        font-size: 22px
    }
    .is-pc .cover-box .fade-list .fade-only {
        padding: 40px 50px
    }
    .is-pc .cover-box .after-fade .after-fade-cont {
        margin-left: -318px;
        margin-top: -110px
    }
    .is-pc .cover-box .after-fade .after-desc {
        font-size: 36px;
        line-height: 52px
    }
    .is-pc .cover-box .after-fade .after-title {
        font-size: 21px;
        line-height: 30px
    }
    .is-pc .btn-more {
        font-size: 17px
    }
    .is-pc .btn-more .more-arrow {
        width: 13px;
        padding-top: 1px
    }
    .is-pc .fade-rolling .rolling-con .info-box .category {
        font-size: 36px
    }
    .is-pc .fade-rolling .rolling-con .info-box .desc {
        font-size: 24px
    }
    .is-pc .cover4-2 .inner-content {
        padding-top: 1%
    }
    .is-pc .item-wrap .list-type02 li .item-tit {
        font-size: 28px
    }
    .is-pc .item-wrap .list-type02 li .txt1 {
        font-size: 22px;
        line-height: 1
    }
    .is-pc .item-wrap .list-type02 li .txt2 {
        padding: 0 50px
    }
    .is-pc .item-wrap .item-list li {
        width: 200px
    }
    .is-pc .item-wrap .item-list li+li {
        margin-left: 180px
    }
    .is-pc .item-wrap .item-list img {
        margin-bottom: 8%
    }
    .is-pc .item-wrap .item-list .item-tit {
        font-size: 27px
    }
    .is-pc .item-wrap .item-list .txt {
        margin-top: 16px;
        font-size: 18px
    }
    .is-pc .list-ideal.item-wrap .item-list li {
        width: 180px
    }
    .is-pc .list-ideal.item-wrap .item-list li+li {
        margin-left: 180px
    }
}

@media(max-height:900px) and (max-width:1024px) and (orientation:landscape) {
    .is-pc .cover1-1 .txt-wrap {
        width: 250px
    }
    .is-pc .cover1-1 .txt-wrap .top-txt {
        margin-left: 16px
    }
    .is-pc .cover1-1 .txt-wrap .top-txt span+span {
        margin-left: 20px
    }
    .is-pc .cover1-1 .txt-wrap .txt-desc {
        margin-left: 14px
    }
}

@media(max-height:730px) and (orientation:landscape) {
    .is-pc .item-wrap .list-type02 li .item-tit {
        font-size: 28px
    }
    .is-pc .item-wrap .list-type02 li .txt1 {
        font-size: 22px;
        line-height: 1
    }
    .is-pc .item-wrap .list-type02 li .txt2 {
        padding: 0 50px
    }
    .is-pc .item-wrap .item-list li {
        width: 200px
    }
    .is-pc .item-wrap .item-list li+li {
        margin-left: 180px
    }
    .is-pc .item-wrap .item-list img {
        margin-bottom: 8%
    }
    .is-pc .item-wrap .item-list .item-tit {
        font-size: 27px
    }
    .is-pc .item-wrap .item-list .txt {
        margin-top: 16px;
        font-size: 18px
    }
}

@media(max-height:700px) and (orientation:landscape) {
    .is-pc .cover1-1 .txt-wrap {
        height: 388px;
        margin-top: -144px
    }
    .is-pc .cover1-1 .txt-wrap .top-txt {
        font-size: 32px
    }
    .is-pc .cover1-1 .txt-wrap .top-txt span+span {
        margin-left: 53px
    }
    .is-pc .cover1-1 .txt-wrap .mid-txt {
        margin-bottom: 16px
    }
    .is-pc .cover1-1 .txt-wrap .mid-txt img {
        width: 37%
    }
    .is-pc .cover1-1 .txt-wrap .bottom-txt {
        font-size: 15px
    }
    .is-pc .cover1-1 .txt-wrap .txt {
        width: 86%
    }
    .is-pc .cover1-1 .txt-wrap .txt-desc {
        font-size: 28px
    }
    .is-pc .cover-image .cover-txt {
        bottom: 78px;
        left: 56px;
        font-size: 64px
    }
    .is-pc .cover-image .cover-txt .cover-tit {
        font-size: 60px
    }
    .is-pc .cover-image .cover-txt .txt {
        margin-top: 18px;
        font-size: 21px;
        line-height: 32px
    }
    .is-pc .cover .sub-tit .title-txt {
        font-size: 24px;
        line-height: 30px
    }
    .is-pc .cover .sub-tit .txt {
        font-size: 22px
    }
    .is-pc .btn-more {
        font-size: 15px
    }
    .is-pc .btn-more .more-arrow {
        width: 11px;
        padding-top: 3px
    }
    .is-pc .cover-box .fade-list .fade-only {
        padding: 30px 40px
    }
    .is-pc .cover-box .after-fade .after-fade-cont {
        margin-left: -301px;
        margin-top: -100px
    }
    .is-pc .cover-box .after-fade .after-desc {
        font-size: 34px;
        line-height: 46px
    }
    .is-pc .cover-box .after-fade .after-title {
        font-size: 18px;
        line-height: 28px
    }
    .is-pc .fade-rolling .rolling-con .info-box {
        width: 300px;
        height: 260px;
        margin-top: -130px
    }
    .is-pc .fade-rolling .rolling-con .info-box .category {
        font-size: 32px
    }
    .is-pc .fade-rolling .rolling-con .info-box .desc {
        font-size: 21px
    }
    .is-pc .list-artisan.item-wrap {
        padding-top: 2%
    }
    .is-pc .list-origin.item-wrap {
        padding-top: 2%
    }
    .is-pc .cover4-2 .inner-content {
        padding-top: 2%
    }
    .is-pc .item-wrap .list-type02 li .item-tit {
        font-size: 21px
    }
    .is-pc .item-wrap .list-type02 li .txt1 {
        margin-top: 5px;
        font-size: 16px;
        line-height: 24px
    }
    .is-pc .item-wrap .list-type02 li .txt2 {
        padding: 0 40px;
        font-size: 16px
    }
    .is-pc .item-wrap .item-list {
        padding: 0 0 5px
    }
    .is-pc .item-wrap .item-list li {
        width: 160px
    }
    .is-pc .item-wrap .item-list li+li {
        margin-left: 140px
    }
    .is-pc .item-wrap .item-list img {
        margin-bottom: 6%
    }
    .is-pc .item-wrap .item-list .item-tit {
        font-size: 22px
    }
    .is-pc .item-wrap .item-list .txt {
        margin-top: 10px;
        font-size: 14px
    }
    .is-pc .list-ideal.item-wrap .item-list li {
        width: 155px
    }
    .is-pc .list-ideal.item-wrap .item-list li+li {
        margin-left: 190px
    }
    .is-pc .mCSB_horizontal.mCSB_inside>.mCSB_container {
        margin-bottom: 30px!important
    }
}

@media(max-height:520px) and (orientation:landscape) {
    .is-pc .cover1-1 .txt-wrap {
        height: 317px;
        margin-top: -117px
    }
    .is-pc .cover1-1 .txt-wrap .top-txt {
        font-size: 26px
    }
    .is-pc .cover1-1 .txt-wrap .top-txt span+span {
        margin-left: 51px
    }
    .is-pc .cover1-1 .txt-wrap .mid-txt {
        margin-bottom: 16px
    }
    .is-pc .cover1-1 .txt-wrap .mid-txt img {
        width: 28%
    }
    .is-pc .cover1-1 .txt-wrap .bottom-txt {
        font-size: 12px
    }
    .is-pc .cover1-1 .txt-wrap .txt {
        width: 78%
    }
    .is-pc .cover1-1 .txt-wrap .txt-desc {
        font-size: 22px;
        line-height: 35px
    }
    .is-pc .cover-image .cover-txt {
        bottom: 58px;
        left: 46px;
        font-size: 64px
    }
    .is-pc .cover-image .cover-txt .cover-tit {
        font-size: 56px
    }
    .is-pc .cover-image .cover-txt .txt {
        margin-top: 14px;
        font-size: 18px;
        line-height: 28px
    }
    .is-pc .cover .sub-tit {
        padding: 10px 0
    }
    .is-pc .cover .sub-tit .title-txt {
        font-size: 22px
    }
    .is-pc .cover .sub-tit .txt {
        font-size: 18px
    }
    .is-pc .btn-more {
        font-size: 15px
    }
    .is-pc .btn-more .more-arrow {
        width: 11px;
        padding-top: 3px
    }
    .is-pc .cover-box .fade-list .fade-only {
        padding: 30px 40px
    }
    .is-pc .cover-box .after-fade .after-fade-cont {
        margin-left: -268px;
        margin-top: -91.5px
    }
    .is-pc .cover-box .after-fade .after-desc {
        font-size: 30px;
        line-height: 42px
    }
    .is-pc .cover-box .after-fade .after-title {
        font-size: 16px;
        line-height: 26px
    }
    .is-pc .fade-rolling .rolling-con .info-box .category {
        font-size: 32px
    }
    .is-pc .fade-rolling .rolling-con .info-box .desc {
        font-size: 21px
    }
    .is-pc .item-wrap .list-type02 li .item-tit {
        font-size: 21px
    }
    .is-pc .item-wrap .list-type02 li .txt1 {
        margin-top: 6px;
        font-size: 18px;
        line-height: 1
    }
    .is-pc .item-wrap .list-type02 li .txt2 {
        padding: 0 40px;
        font-size: 18px
    }
    .is-pc .item-wrap .item-list {
        padding: 0 0 18px
    }
    .is-pc .item-wrap .item-list li {
        width: 130px
    }
    .is-pc .item-wrap .item-list li+li {
        margin-left: 130px
    }
    .is-pc .item-wrap .item-list img {
        margin-bottom: 6%
    }
    .is-pc .item-wrap .item-list .item-tit {
        font-size: 12px
    }
    .is-pc .item-wrap .item-list .txt {
        margin-top: 0;
        font-size: 10px
    }
    .is-pc .mCSB_horizontal.mCSB_inside>.mCSB_container {
        margin-bottom: 10px!important
    }
}

@media \0screen {
    .l-renewal .video-popup-cont,
    .l-renewal .video-popup-wrap {
        position: relative
    }
    .l-renewal .video-popup-cont .flexible-obj {
        height: 0;
        padding-bottom: 56.25%
    }
    .l-renewal .video-popup-cont .video-desc {
        height: 0;
        padding-bottom: 44%
    }
    .pop-detail .btn-black {
        margin-bottom: 80px
    }
    body {
        min-width: auto
    }
    .cover1-1 {
        filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='/resource/image/about/about_renewal/visual-bg.jpg', sizingMethod='scale');
        -ms-filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='/resource/image/about/about_renewal/visual-bg.jpg', sizingMethod='scale')
    }
    .cover1-1 .cover-object {
        filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='/resource/image/about/about_renewal/visual-obje.jpg', sizingMethod='scale');
        -ms-filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='/resource/image/about/about_renewal/visual-obje.jpg', sizingMethod='scale')
    }
    .cover3-1 {
        filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='/resource/image/about/about_renewal/bg-cover-artisan-pc.jpg', sizingMethod='scale');
        -ms-filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='/resource/image/about/about_renewal/bg-cover-artisan-pc.jpg', sizingMethod='scale')
    }
    .cover-ani-wrap {
        filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='/resource/image/about/about_renewal/fx.png', sizingMethod='scale');
        -ms-filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='/resource/image/about/about_renewal/fx.png', sizingMethod='scale')
    }
    .cover4-1 .r1 {
        filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='/resource/image/about/about_renewal/r1.png', sizingMethod='scale');
        -ms-filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='/resource/image/about/about_renewal/r1.png', sizingMethod='scale')
    }
    .cover4-1 .l1 {
        filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='/resource/image/about/about_renewal/l1.png', sizingMethod='scale');
        -ms-filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='/resource/image/about/about_renewal/l1.png', sizingMethod='scale')
    }
    .cover4-1 .r2 {
        filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='/resource/image/about/about_renewal/r2.png', sizingMethod='scale');
        -ms-filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='/resource/image/about/about_renewal/r2.png', sizingMethod='scale')
    }
    .cover4-1 .l2 {
        filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='/resource/image/about/about_renewal/l2.png', sizingMethod='scale');
        -ms-filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='/resource/image/about/about_renewal/l2.png', sizingMethod='scale')
    }
    .cover4-1 .c1 {
        margin: 0!important;
        -ms-filter: "alpha(opacity=100)"!important
    }
    .cover4-1 .c2 {
        filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='/resource/image/about/about_renewal/c2.png', sizingMethod='scale');
        -ms-filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='/resource/image/about/about_renewal/c2.png', sizingMethod='scale')
    }
    .cover5-1 {
        filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='/resource/image/about/about_renewal/bg-cover-ideal-pc.jpg', sizingMethod='scale');
        -ms-filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='/resource/image/about/about_renewal/bg-cover-ideal-pc.jpg', sizingMethod='scale')
    }
    .cover6-1 {
        filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='/resource/image/about/about_renewal/bg-cover-beauty-pc.jpg', sizingMethod='scale');
        -ms-filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='/resource/image/about/about_renewal/bg-cover-beauty-pc.jpg', sizingMethod='scale')
    }
    .section-list li.origin a {
        filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='/resource/image/about/about_renewal/bg-section-origin-pc.jpg', sizingMethod='scale');
        -ms-filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='/resource/image/about/about_renewal/bg-section-origin-pc.jpg', sizingMethod='scale')
    }
    .section-list li.artisan a {
        filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='/resource/image/about/about_renewal/bg-section-artisan-pc.jpg', sizingMethod='scale');
        -ms-filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='/resource/image/about/about_renewal/bg-section-artisan-pc.jpg', sizingMethod='scale')
    }
    .section-list li.harmorny a {
        filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='/resource/image/about/about_renewal/bg-section-harmorny-pc.jpg', sizingMethod='scale');
        -ms-filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='/resource/image/about/about_renewal/bg-section-harmorny-pc.jpg', sizingMethod='scale')
    }
    .section-list li.ideal a {
        filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='/resource/image/about/about_renewal/bg-section-ideal-pc.jpg', sizingMethod='scale');
        -ms-filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='/resource/image/about/about_renewal/bg-section-ideal-pc.jpg', sizingMethod='scale')
    }
    .section-list li.beauty a {
        filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='/resource/image/about/about_renewal/bg-section-beauty-pc.jpg', sizingMethod='scale');
        -ms-filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='/resource/image/about/about_renewal/bg-section-beauty-pc.jpg', sizingMethod='scale')
    }
    .section-list li.eternity a {
        filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='/resource/image/about/about_renewal/bg-section-eternity-pc.jpg', sizingMethod='scale');
        -ms-filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='/resource/image/about/about_renewal/bg-section-eternity-pc.jpg', sizingMethod='scale')
    }
    .ie8_h520 .cover1-1 .txt-wrap {
        height: 317px;
        margin-top: -117px
    }
    .ie8_h520 .cover1-1 .txt-wrap .top-txt {
        font-size: 26px
    }
    .ie8_h520 .cover1-1 .txt-wrap .top-txt span+span {
        margin-left: 51px
    }
    .ie8_h520 .cover1-1 .txt-wrap .mid-txt {
        margin-bottom: 16px
    }
    .ie8_h520 .cover1-1 .txt-wrap .mid-txt img {
        width: 28%
    }
    .ie8_h520 .cover1-1 .txt-wrap .bottom-txt {
        font-size: 12px
    }
    .ie8_h520 .cover1-1 .txt-wrap .txt {
        width: 78%
    }
    .ie8_h520 .cover1-1 .txt-wrap .txt-desc {
        font-size: 22px;
        line-height: 35px
    }
    .ie8_h520 .cover-image .cover-txt {
        bottom: 58px;
        left: 46px;
        font-size: 64px
    }
    .ie8_h520 .cover-image .cover-txt .cover-tit {
        font-size: 56px
    }
    .ie8_h520 .cover-image .cover-txt .txt {
        margin-top: 14px;
        font-size: 18px;
        line-height: 28px
    }
    .ie8_h520 .cover .sub-tit {
        padding: 10px 0
    }
    .ie8_h520 .cover .sub-tit .title-txt {
        font-size: 22px
    }
    .ie8_h520 .cover .sub-tit .txt {
        font-size: 18px
    }
    .ie8_h520 .btn-more {
        font-size: 15px
    }
    .ie8_h520 .btn-more .more-arrow {
        width: 11px;
        padding-top: 3px
    }
    .ie8_h520 .cover-box .fade-list .fade-only {
        padding: 30px 40px
    }
    .ie8_h520 .cover-box .after-fade .after-fade-cont {
        margin-left: -268px;
        margin-top: -91.5px
    }
    .ie8_h520 .cover-box .after-fade .after-desc {
        font-size: 30px;
        line-height: 42px
    }
    .ie8_h520 .cover-box .after-fade .after-title {
        font-size: 16px;
        line-height: 26px
    }
    .ie8_h520 .fade-rolling .rolling-con .info-box .category {
        font-size: 32px
    }
    .ie8_h520 .fade-rolling .rolling-con .info-box .desc {
        font-size: 21px
    }
    .ie8_h520 .item-wrap .list-type02 li .item-tit {
        font-size: 21px
    }
    .ie8_h520 .item-wrap .list-type02 li .txt1 {
        margin-top: 6px;
        font-size: 18px;
        line-height: 1
    }
    .ie8_h520 .item-wrap .list-type02 li .txt2 {
        padding: 0 40px;
        font-size: 18px
    }
    .ie8_h520 .item-wrap .item-list {
        padding: 0 0 18px
    }
    .ie8_h520 .item-wrap .item-list li {
        width: 130px
    }
    .ie8_h520 .item-wrap .item-list li+li {
        margin-left: 130px
    }
    .ie8_h520 .item-wrap .item-list img {
        width: 80%;
        margin-bottom: 6%
    }
    .ie8_h520 .item-wrap .item-list .item-tit {
        font-size: 12px
    }
    .ie8_h520 .item-wrap .item-list .txt {
        margin-top: 0;
        font-size: 10px
    }
    .ie8_h520 .mCSB_inside.mCSB_horizontal>.mCSB_container {
        margin-top: 50px!important
    }
    .ie8_h520 .mCSB_horizontal.mCSB_inside>.mCSB_container {
        margin-bottom: 10px!important
    }
    .ie8_h700 .cover1-1 .txt-wrap {
        height: 388px;
        margin-top: -144px
    }
    .ie8_h700 .cover1-1 .txt-wrap .top-txt {
        font-size: 32px
    }
    .ie8_h700 .cover1-1 .txt-wrap .top-txt span+span {
        margin-left: 53px
    }
    .ie8_h700 .cover1-1 .txt-wrap .mid-txt {
        margin-bottom: 16px
    }
    .ie8_h700 .cover1-1 .txt-wrap .mid-txt img {
        width: 37%
    }
    .ie8_h700 .cover1-1 .txt-wrap .bottom-txt {
        font-size: 15px
    }
    .ie8_h700 .cover1-1 .txt-wrap .txt {
        width: 86%
    }
    .ie8_h700 .cover1-1 .txt-wrap .txt-desc {
        font-size: 28px
    }
    .ie8_h700 .cover-image .cover-txt {
        bottom: 78px;
        left: 56px;
        font-size: 64px
    }
    .ie8_h700 .cover-image .cover-txt .cover-tit {
        font-size: 60px
    }
    .ie8_h700 .cover-image .cover-txt .txt {
        margin-top: 18px;
        font-size: 21px;
        line-height: 32px
    }
    .ie8_h700 .cover .sub-tit .title-txt {
        font-size: 24px;
        line-height: 30px
    }
    .ie8_h700 .cover .sub-tit .txt {
        font-size: 20px
    }
    .ie8_h700 .btn-more {
        font-size: 15px
    }
    .ie8_h700 .btn-more .more-arrow {
        width: 11px;
        padding-top: 3px
    }
    .ie8_h700 .cover-box .fade-list .fade-only {
        padding: 30px 40px
    }
    .ie8_h700 .cover-box .after-fade .after-fade-cont {
        margin-left: -301px;
        margin-top: -100px
    }
    .ie8_h700 .cover-box .after-fade .after-desc {
        font-size: 34px;
        line-height: 46px
    }
    .ie8_h700 .cover-box .after-fade .after-title {
        font-size: 18px;
        line-height: 28px
    }
    .ie8_h700 .fade-rolling .rolling-con .info-box {
        width: 300px;
        height: 260px;
        margin-top: -130px
    }
    .ie8_h700 .fade-rolling .rolling-con .info-box .category {
        font-size: 32px
    }
    .ie8_h700 .fade-rolling .rolling-con .info-box .desc {
        font-size: 21px
    }
    .ie8_h700 .list-artisan.item-wrap {
        padding-top: 3%
    }
    .ie8_h700 .list-origin.item-wrap {
        padding-top: 3%
    }
    .ie8_h700 .cover4-2 .inner-content {
        padding-top: 3%
    }
    .ie8_h700 .item-wrap .list-type02 li .item-tit {
        font-size: 21px
    }
    .ie8_h700 .item-wrap .list-type02 li .txt1 {
        margin-top: 5px;
        font-size: 16px;
        line-height: 24px
    }
    .ie8_h700 .item-wrap .list-type02 li .txt2 {
        padding: 0 40px;
        font-size: 16px
    }
    .ie8_h700 .item-wrap .item-list {
        padding: 0 0 5px
    }
    .ie8_h700 .item-wrap .item-list li {
        width: 160px
    }
    .ie8_h700 .item-wrap .item-list li+li {
        margin-left: 140px
    }
    .ie8_h700 .item-wrap .item-list img {
        width: 70%;
        margin-bottom: 6%
    }
    .ie8_h700 .item-wrap .item-list .item-tit {
        font-size: 22px
    }
    .ie8_h700 .item-wrap .item-list .txt {
        margin-top: 10px;
        font-size: 14px
    }
    .ie8_h700 .list-ideal.item-wrap .item-list li {
        width: 155px
    }
    .ie8_h700 .list-ideal.item-wrap .item-list li+li {
        margin-left: 190px
    }
    .ie8_h700 .mCSB_horizontal.mCSB_inside>.mCSB_container {
        margin-bottom: 30px!important
    }
    .l-renewal.ie8_h700 .video-popup-cont .popup-tit {
        margin-bottom: 15px;
        font-size: 31px
    }
    .l-renewal.ie8_h700 .video-popup-cont {
        padding-top: 26px
    }
    .l-renewal.ie8_h700 .video-popup-cont .btn-close {
        top: 35px
    }
    .ie8_h730 .cover1-1 .txt-wrap {
        height: 388px;
        margin-top: -144px
    }
    .ie8_h730 .cover1-1 .txt-wrap .top-txt {
        font-size: 32px
    }
    .ie8_h730 .cover1-1 .txt-wrap .top-txt span+span {
        margin-left: 53px
    }
    .ie8_h730 .cover1-1 .txt-wrap .mid-txt {
        margin-bottom: 16px
    }
    .ie8_h730 .cover1-1 .txt-wrap .mid-txt img {
        width: 37%
    }
    .ie8_h730 .cover1-1 .txt-wrap .bottom-txt {
        font-size: 15px
    }
    .ie8_h730 .cover1-1 .txt-wrap .txt {
        width: 86%
    }
    .ie8_h730 .cover1-1 .txt-wrap .txt-desc {
        font-size: 28px
    }
    .ie8_h730 .cover-image .cover-txt {
        bottom: 78px;
        left: 56px;
        font-size: 64px
    }
    .ie8_h730 .cover-image .cover-txt .cover-tit {
        font-size: 60px
    }
    .ie8_h730 .cover-image .cover-txt .txt {
        margin-top: 18px;
        font-size: 21px;
        line-height: 32px
    }
    .ie8_h730 .cover .sub-tit .title-txt {
        font-size: 24px;
        line-height: 30px
    }
    .ie8_h730 .cover .sub-tit .txt {
        font-size: 22px
    }
    .ie8_h730 .item-wrap .list-type02 li .item-tit {
        font-size: 28px
    }
    .ie8_h730 .item-wrap .list-type02 li .txt1 {
        font-size: 22px;
        line-height: 1
    }
    .ie8_h730 .item-wrap .list-type02 li .txt2 {
        padding: 0 50px
    }
    .ie8_h730 .item-wrap .item-list li {
        width: 200px
    }
    .ie8_h730 .item-wrap .item-list li+li {
        margin-left: 180px
    }
    .ie8_h730 .item-wrap .item-list img {
        margin-bottom: 8%
    }
    .ie8_h730 .item-wrap .item-list .item-tit {
        font-size: 27px
    }
    .ie8_h730 .item-wrap .item-list .txt {
        margin-top: 16px;
        font-size: 18px
    }
    .ie8_h900 .nav-down {
        margin-left: -18px
    }
    .ie8_h900 .nav-top {
        margin-left: -15px
    }
    .ie8_h900 .nav-top:after {
        left: 16px
    }
    .ie8_h900 .navi {
        padding-bottom: 30px;
        font-size: 16px
    }
    .ie8_h900 .navi:after {
        height: 28px
    }
    .ie8_h900 .cover1-1 .txt-wrap {
        height: 390px;
        margin-top: -195px
    }
    .ie8_h900 .cover1-1 .txt-wrap .top-txt {
        font-size: 36px
    }
    .ie8_h900 .cover1-1 .txt-wrap .mid-txt {
        margin-bottom: 16px
    }
    .ie8_h900 .cover1-1 .txt-wrap .mid-txt img {
        width: 39%
    }
    .ie8_h900 .cover1-1 .txt-wrap .bottom-txt {
        font-size: 16px
    }
    .ie8_h900 .cover1-1 .txt-wrap .txt {
        width: 86%
    }
    .ie8_h900 .cover1-1 .txt-wrap .txt-desc {
        font-size: 32px
    }
    .ie8_h900 .cover-image .cover-txt {
        bottom: 82px;
        left: 63px
    }
    .ie8_h900 .cover-image .cover-txt .cover-tit {
        font-size: 64px
    }
    .ie8_h900 .cover-image .cover-txt .txt {
        margin-top: 23px;
        font-size: 25px;
        line-height: 38px
    }
    .ie8_h900 .cover .sub-tit .txt {
        font-size: 22px
    }
    .ie8_h900 .cover-box .fade-list .fade-only {
        padding: 40px 50px
    }
    .ie8_h900 .cover-box .after-fade .after-fade-cont {
        margin-left: -318px;
        margin-top: -110px
    }
    .ie8_h900 .cover-box .after-fade .after-desc {
        font-size: 36px;
        line-height: 52px
    }
    .ie8_h900 .cover-box .after-fade .after-title {
        font-size: 21px;
        line-height: 30px
    }
    .ie8_h900 .btn-more {
        font-size: 17px
    }
    .ie8_h900 .btn-more .more-arrow {
        width: 13px;
        padding-top: 1px
    }
    .ie8_h900 .fade-rolling .rolling-con .info-box .category {
        font-size: 36px
    }
    .ie8_h900 .fade-rolling .rolling-con .info-box .desc {
        font-size: 24px
    }
    .ie8_h900 .cover4-2 .inner-content {
        padding-top: 1%
    }
    .ie8_h900 .item-wrap .list-type02 li .item-tit {
        font-size: 28px
    }
    .ie8_h900 .item-wrap .list-type02 li .txt1 {
        font-size: 22px;
        line-height: 1
    }
    .ie8_h900 .item-wrap .list-type02 li .txt2 {
        padding: 0 50px
    }
    .ie8_h900 .item-wrap .item-list li {
        width: 200px
    }
    .ie8_h900 .item-wrap .item-list li+li {
        margin-left: 180px
    }
    .ie8_h900 .item-wrap .item-list img {
        margin-bottom: 8%
    }
    .ie8_h900 .item-wrap .item-list .item-tit {
        font-size: 27px
    }
    .ie8_h900 .item-wrap .item-list .txt {
        margin-top: 16px;
        font-size: 18px
    }
    .ie8_h900 .list-ideal.item-wrap .item-list li {
        width: 180px
    }
    .ie8_h900 .list-ideal.item-wrap .item-list li+li {
        margin-left: 180px
    }
    @media screen and (max-width:1024px) {
        .cover1-1 .cover-object {
            bottom: 7%;
            width: 59%;
            height: 38%;
            margin-left: -15%;
            background-size: contain
        }
    }
    @media(max-width:1024px) and (min-width:768px) and (orientation:portrait) {
        .cover2-3 .list-origin .item-list li {
            width: auto
        }
    }
    @media screen and (max-width:767px) {
        .item-wrap .list-type02 li {
            float: none;
            width: 100%;
            height: 32%
        }
        .cover3-1 {
            filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='/resource/image/about/about_renewal/bg-cover-artisan-mobile.jpg', sizingMethod='scale');
            -ms-filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='/resource/image/about/about_renewal/bg-cover-artisan-mobile.jpg', sizingMethod='scale')
        }
        .cover4-1 {
            filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='/resource/image/about/about_renewal/bg-cover-harmorny-mobile.jpg', sizingMethod='scale');
            -ms-filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='/resource/image/about/about_renewal/bg-cover-harmorny-mobile.jpg', sizingMethod='scale')
        }
        .cover5-1 {
            filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='/resource/image/about/about_renewal/bg-cover-ideal-mobile.jpg', sizingMethod='scale');
            -ms-filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='/resource/image/about/about_renewal/bg-cover-ideal-mobile.jpg', sizingMethod='scale')
        }
        .cover6-1 {
            filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='/resource/image/about/about_renewal/bg-cover-beauty-mobile.jpg', sizingMethod='scale');
            -ms-filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='/resource/image/about/about_renewal/bg-cover-beauty-mobile.jpg', sizingMethod='scale')
        }
        .pop-detail .detail-banner .slick-dots>li button {
            filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='/resource/image/about/about_renewal/bg-detail-dot-pc.png', sizingMethod='scale');
            -ms-filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='/resource/image/about/about_renewal/bg-detail-dot-pc.png', sizingMethod='scale')
        }
        .pop-detail .detail-banner .slick-dots>li.slick-active button {
            filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='/resource/image/about/about_renewal/bg-detail-dot-active-pc.png', sizingMethod='scale');
            -ms-filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='/resource/image/about/about_renewal/bg-detail-dot-active-pc.png', sizingMethod='scale')
        }
        .section-list li.prologue a {
            filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='/resource/image/about/about_renewal/bg-section-prologue-mobile.jpg', sizingMethod='scale');
            -ms-filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='/resource/image/about/about_renewal/bg-section-prologue-mobile.jpg', sizingMethod='scale')
        }
        .section-list li.origin a {
            filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='/resource/image/about/about_renewal/bg-section-origin-mobile.jpg', sizingMethod='scale');
            -ms-filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='/resource/image/about/about_renewal/bg-section-origin-mobile.jpg', sizingMethod='scale')
        }
        .section-list li.artisan a {
            filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='/resource/image/about/about_renewal/bg-section-artisan-mobile.jpg', sizingMethod='scale');
            -ms-filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='/resource/image/about/about_renewal/bg-section-artisan-mobile.jpg', sizingMethod='scale')
        }
        .section-list li.harmorny a {
            filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='/resource/image/about/about_renewal/bg-section-harmorny-mobile.jpg', sizingMethod='scale');
            -ms-filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='/resource/image/about/about_renewal/bg-section-harmorny-mobile.jpg', sizingMethod='scale')
        }
        .section-list li.ideal a {
            filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='/resource/image/about/about_renewal/bg-section-ideal-mobile.jpg', sizingMethod='scale');
            -ms-filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='/resource/image/about/about_renewal/bg-section-ideal-mobile.jpg', sizingMethod='scale')
        }
        .section-list li.beauty a {
            filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='/resource/image/about/about_renewal/bg-section-beauty-mobile.jpg', sizingMethod='scale');
            -ms-filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='/resource/image/about/about_renewal/bg-section-beauty-mobile.jpg', sizingMethod='scale')
        }
        .section-list li.eternity a {
            filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='/resource/image/about/about_renewal/bg-section-eternity-mobile.jpg', sizingMethod='scale');
            -ms-filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='/resource/image/about/about_renewal/bg-section-eternity-mobile.jpg', sizingMethod='scale')
        }
    }
    .cover2-2 {
        background: url(../image/bg-cover-origin-pc.jpg) center center no-repeat;
        background-size: cover
    }
    .cover2-2 {
        filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='/resource/image/about/about_renewal/bg-cover-origin-pc.jpg', sizingMethod='scale');
        -ms-filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='/resource/image/about/about_renewal/bg-cover-origin-pc.jpg', sizingMethod='scale')
    }
}

.mCustomScrollbar {
    -ms-touch-action: pinch-zoom;
    touch-action: pinch-zoom
}

.mCustomScrollbar.mCS_no_scrollbar,
.mCustomScrollbar.mCS_touch_action {
    -ms-touch-action: auto;
    touch-action: auto
}

.mCustomScrollBox {
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    outline: 0;
    direction: ltr
}

.mCSB_container {
    width: auto;
    height: auto
}

.mCSB_inside>.mCSB_container {
    margin-right: 30px
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container {
    margin-right: 0;
    margin-left: 30px
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-left: 0
}

.mCSB_scrollTools {
    position: absolute;
    width: 16px;
    height: auto;
    left: auto;
    top: 0;
    right: 0;
    bottom: 0
}

.mCSB_outside+.mCSB_scrollTools {
    right: -26px
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,
.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
    right: auto;
    left: 0
}

.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
    left: -26px
}

.mCSB_scrollTools .mCSB_draggerContainer {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto
}

.mCSB_scrollTools a+.mCSB_draggerContainer {
    margin: 20px 0
}

.mCSB_scrollTools .mCSB_draggerRail {
    width: 2px;
    height: 100%;
    margin: 0 auto
}

.mCSB_scrollTools .mCSB_dragger {
    cursor: pointer;
    width: 100%;
    height: 30px;
    z-index: 1
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    position: relative;
    width: 4px;
    height: 100%;
    margin: 0 auto;
    text-align: center
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 12px
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 8px
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
    display: block;
    position: absolute;
    height: 20px;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer
}

.mCSB_scrollTools .mCSB_buttonDown {
    bottom: 0
}

.mCSB_horizontal.mCSB_inside>.mCSB_container {
    margin-right: 0;
    margin-bottom: 30px
}

.mCSB_horizontal.mCSB_outside>.mCSB_container {
    min-height: 100%
}

.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    width: auto;
    height: 16px;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0
}

.cover5-2 .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    opacity: 0
}

.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: -26px
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer {
    margin: 0 20px
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 2px;
    margin: 7px 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 30px;
    height: 100%;
    left: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 4px;
    margin: 5px auto
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 12px;
    margin: 2px auto
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 8px;
    margin: 4px 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    display: block;
    position: absolute;
    width: 20px;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
    left: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    right: 0
}

.mCSB_container_wrapper {
    position: absolute;
    height: auto;
    width: auto;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin-right: 30px;
    margin-bottom: 30px
}

.mCSB_container_wrapper>.mCSB_container {
    padding-right: 30px;
    padding-bottom: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 20px
}

.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 20px
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 0
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 0
}

.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 20px
}

.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 0
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper {
    margin-right: 0;
    margin-left: 30px
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container {
    padding-right: 0
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container {
    padding-bottom: 0
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
    margin-left: 0
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0
}

.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: #ddd
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #a47f68
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
    background-image: url(../image/mcsb_buttons.png);
    background-repeat: no-repeat;
    opacity: .4;
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)"
}

.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 0
}

.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -20px
}

.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -40px
}

.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -56px
}

.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover {
    opacity: .75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}

.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active {
    opacity: .9;
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)"
}

.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.15)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, 0.85)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, 0.9)
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px
}

.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.1);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.75);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 4px;
    margin: 6px auto
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.85)
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9)
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px 0
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -20px
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -40px
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -56px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85)
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9)
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px 0
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -20px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -40px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -56px
}

.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.75);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px 0
}

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 6px;
    margin: 5px auto
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.85)
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9)
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px 0
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -20px
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -40px
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -56px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85)
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9)
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px 0
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -20px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -40px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -56px
}

.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.1)
}

.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px
}

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%
}

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 2px;
    margin: 7px auto
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.15)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px
}

.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.15)
}

.mCS-rounded.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger {
    height: 14px
}

.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 14px;
    margin: 0 1px
}

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 14px
}

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 14px;
    margin: 1px 0
}

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 16px;
    height: 16px;
    margin: -1px 0
}

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 4px
}

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 16px;
    width: 16px;
    margin: 0 -1px
}

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 4px;
    margin: 6px 0
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 -72px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -92px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -112px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -128px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.15)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px -72px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -92px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -112px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -128px
}

.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail {
    width: 4px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    background-color: transparent;
    background-position: center
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url("https://www.sunsemweb.com/data/template/preview_25/static/images/33aa2da959fa497dba28b46d9add98f2.gif");
    background-repeat: repeat-y;
    opacity: .3;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)"
}

.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    height: 4px;
    margin: 6px 0;
    background-repeat: repeat-x
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px -72px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -92px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -112px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -128px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url("https://www.sunsemweb.com/data/template/preview_25/static/images/6807e979ca374950bbd9d945f8d16958.gif")
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px -72px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -92px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -112px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -128px
}

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-y;
    background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%)
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%)
}

.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 70px
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 70px
}

.mCS-3d.mCSB_scrollTools,
.mCS-3d-dark.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)"
}

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px
}

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
    width: 8px;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.2);
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2)
}

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #555
}

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 8px
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 8px;
    margin: 4px 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2)
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 8px;
    margin: 4px auto
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.1);
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1)
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1)
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)"
}

.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical,
.mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical {
    right: 1px
}

.mCS-3d-thick.mCSB_scrollTools_vertical,
.mCS-3d-thick-dark.mCSB_scrollTools_vertical {
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5)
}

.mCS-3d-thick.mCSB_scrollTools_horizontal,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
    bottom: 1px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5)
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
    width: 12px;
    margin: 2px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4)
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #555
}

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 12px;
    width: auto
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.05);
    box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1)
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-3d-thick-dark.mCSB_scrollTools {
    box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #777
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #fff;
    background-color: rgba(0, 0, 0, 0.05);
    box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical,
.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical {
    right: 0;
    margin: 12px 0
}

.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: 0;
    margin: 0 12px
}

.mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical,
.mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical {
    left: 0;
    right: auto
}

.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent
}

.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 50px
}

.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 50px
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)"
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.5);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)"
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)"
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.5);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)"
}

.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
    width: 6px;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.2)
}

.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px
}

.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 6px;
    margin: 5px 0
}

.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 12px
}

.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 12px;
    margin: 2px 0
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.1)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCS-inset.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    width: 12px;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.2)
}

.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    margin: 3px 5px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 6px;
    margin: 5px 3px;
    position: absolute;
    width: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 12px;
    margin: 2px 0
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75)
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85)
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9)
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.1)
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
    border-width: 1px;
    border-style: solid;
    border-color: #fff;
    border-color: rgba(255, 255, 255, 0.2);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
    border-color: #000;
    border-color: rgba(0, 0, 0, 0.2)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.6)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.6)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.75)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.85)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9)
}