@charset "UTF-8";
/* CSS Document */

@font-face {
    font-family: 'JoyceType';
    src: url('fonts/JoyceType-Light.eot');
    src: url('fonts/JoyceType-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/JoyceType-Light.woff2') format('woff2'),
        url('fonts/JoyceType-Light.woff') format('woff'),
        url('fonts/JoyceType-Light.ttf') format('truetype'),
        url('fonts/JoyceType-Light.svg#JoyceType-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'JoyceType';
    src: url('fonts/JoyceType-Bold.eot');
    src: url('fonts/JoyceType-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/JoyceType-Bold.woff2') format('woff2'),
        url('fonts/JoyceType-Bold.woff') format('woff'),
        url('fonts/JoyceType-Bold.ttf') format('truetype'),
        url('fonts/JoyceType-Bold.svg#JoyceType-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

html,body{
	width:100%; height:100%;
	margin:0; padding:0;
	background-color:#fff;
	font-family:'JoyceType', 'Noto Sans TC', 'Noto Sans SC', sans-serif;
	-webkit-text-size-adjust:none;
	-moz-text-size-adjust:none;
	-ms-text-size-adjust:none;
	letter-spacing:0.08em;
}

img{ border:none; padding:0; margin:0;}

input, textarea{
	border:none;
	padding:0px;
	background-color:transparent;
	font-size:16px;
	font-family:'JoyceType', 'Noto Sans SC', sans-serif;
	color:#111;
	-moz-appearance:none;
	-webkit-appearance:none;
	resize:none;
	outline:none;
}
input:focus, select:focus, textarea:focus, video:focus{ outline:none; font-style:inherit; color:#fff; }
input:-webkit-autofill, input:-webkit-autofill:focus, input:-webkit-autofill:hover {
    background:#fff; -webkit-box-shadow:inset 0 0 0px 9999px #fff; box-shadow:inset 0 0 0px 9999px #fff; color:#000; -webkit-text-fill-color:#000 !important;
}
select{
	background-image:none;
	width:95%; padding:0; margin:0; border:none;
	border-radius:0px;
	color:#fff;
	opacity:0;
	font-size:16px;
	height:46px;
}

.article-words-container table{ border-collapse: collapse; }
.article-words-container table, .article-words-container tr, .article-words-container td{ border:1px solid; }

a{ color:inherit; text-decoration:none;}

div, select, a, input, img, span{  font-family:inherit/*'Noto Sans TC','Arial','Helvetica','SimHei', sans-serif*/; -webkit-tap-highlight-color: rgba(0,0,0,0); }
h1,h2,h3{ font-weight:inherit; font-size:inherit; line-height:inherit; margin:0; padding:0; display:inherit; }

ul{  }
ol{ list-style-position:inside; }
ul, li{ margin:0; padding:0;  }
ol, ol li{ margin-left:0; padding-left:0; }
ol{ margin-left:0; margin-top:0; }
ol li{ margin-bottom:0; list-style-position:inside; }

a.ig_atag:hover{ text-decoration:underline;  }

.joyce-light{ font-family:'JoyceType', 'Noto Sans TC', 'Noto Sans SC', sans-serif; }
.joyce-bold{ font-family:'JoyceType', 'Noto Sans TC', 'Noto Sans SC', sans-serif; font-weight:800;  }
.cor-medium{ font-weight:500; font-family:'JoyceType', 'Noto Sans TC', 'Noto Sans SC', sans-serif; }
.cor-bold{   font-weight:700; font-family:'JoyceType', 'Noto Sans TC', 'Noto Sans SC', sans-serif; }

.txt-tiny{ font-size:0.5em; letter-spacing:0; }
.txt-small{font-size:0.6em; letter-spacing:0; }
.txt-p{font-size:0.8em;  letter-spacing:0;}
.txt-title{font-size:1.2em;}
.txt-big{font-size:1.5em;}
.txt-display{font-size:2.5em;}

.txt-w{color:#fff;}

.float-left{ float:left; }
.clear{ clear:both; }

.lang-selector{ font-family:'JoyceType', 'Noto Sans TC', 'Noto Sans SC'; font-weight:100; font-size:0.7em; color:#fff; letter-spacing:0; border-bottom:2px solid transparent; padding:0px 0 2px 0; }
.lang-selector.hover{ border-bottom:1px solid #fff;  }

/* OVERLAY */
.whatsapp-container{ width:22px !important; height:22px !important; background-image:url("../img/whatsapp-white.svg"); background-repeat:no-repeat; background-position:bottom right; background-size:contain; margin-top: 3px !important; margin-right: 0.75em !important;}


.overlayer-container{ position:fixed; width:100%; height:100%; top:0; left:-110%; background-color:rgba(0,0,0,0.8); z-index:102; opacity:0; pointer-events:none; }
.overlayer-container.active{ opacity:1; pointer-events:all; left:0; transition:opacity 400ms; -webkit-transition:opacity 400ms; }
.overlayer-container img{ position:absolute; top:50%; left:50%; max-width:400px; width:90%; transform:translate(-50%,-50%); }

/* HEADER*/
.header-container {  position:fixed; width:100%; height:3.5em; left:0; top:0; text-align:center; background-color:#000; z-index:98; }
.joyce-logo { position:absolute; background-image:url( "../img/joyce-logo-white.svg"); background-repeat:no-repeat; background-position:center; background-size:contain; height:55%; width:6em; top:50%; left:50%; transform:translate(-50%,-50%);  }

.menu-icon{ position:absolute; top:50%; left:1.5em; width:56px; height:38px; transform:translate(0,-50%); cursor:pointer; }
.menu-rectangle{ position:absolute; left:0; width:100%; height:4px; background-color:#fff; transform-origin:center center; }
.menu-rectangle:nth-child(1){ top:0; transition:opacity .2s, transform .2s; -webkit-transition:opacity .2s, transform .2s;}
.menu-rectangle:nth-child(2){ top:calc(50% - 2px); }
.menu-rectangle:nth-child(3){ bottom:0; transition:opacity .2s, transform .2s; -webkit-transition:opacity .2s, transform .2s;}
.menu-rectangle:nth-child(4){ top:calc(50% - 2px); opacity:0; }
.menu-icon.active .menu-rectangle:nth-child(1), .menu-icon.active .menu-rectangle:nth-child(3){ opacity:0; }
.menu-icon.active .menu-rectangle:nth-child(2), .menu-icon.active .menu-rectangle:nth-child(4){ opacity:1; }

.menu-icon.active .menu-rectangle:nth-child(1){ transform:translateY(15px);  transition:opacity 0s, transform 0s; -webkit-transition:opacity 0s, transform 0s; }
.menu-icon.active .menu-rectangle:nth-child(3){ transform:translateY(-15px); transition:opacity 0s, transform 0s; -webkit-transition:opacity 0s, transform 0s;}
.menu-icon.active .menu-rectangle:nth-child(2){ transform:rotate(45deg);  transition:opacity .2s, transform .2s; -webkit-transition:opacity .2s, transform .2s;}
.menu-icon.active .menu-rectangle:nth-child(4){ transform:rotate(-45deg); transition:opacity .2s, transform .2s; -webkit-transition:opacity .2s, transform .2s; }



/* search */
.menu-container .info-all-icons-container.search-icon{ display:none; }
.info-all-icons-container.search-icon{ right:3.6em; top:50%; width:0.7em; height:calc(0.66em + 2px); overflow:hidden; }
.info-icon-container.search-icon{ background-image:url( "../img/search-icon-w.svg"); background-repeat:no-repeat; background-position:left center; background-size:contain; height:0.66em; width:0.7em; position:absolute; left:0; top:0; cursor:pointer; }
.info-all-icons-container.search-icon input{ position:absolute; top:0; left:1.5em; width:8em; height:100%; overflow:hidden}
.info-all-icons-container.search-icon.active{ width:5.5em;  transition:width .4s; -webkit-transition:width .4s; border-bottom:1px solid #fff; }

.header-container.white input, .header-container.open input{ color:#000; }
.header-container.white .info-all-icons-container.search-icon.active, .header-container.open .info-all-icons-container.search-icon.active{ border-color:#000; }
/* search */


.info-icon-container.lang-selector { float:right; text-align:right; font-size:0.5em; margin-left:1em; line-height:100%; margin-top:0.4em; }
/*menu-mia*/
.sns-all-icons-container { position:relative; bottom:20%;  }

.footer-container .sns-all-icons-container{
    display: flex;
    justify-content: center;
    position: relative;
    right: auto;
    top: auto;
    margin: 0 auto;
    font-size: 1em;
    padding-bottom: 0.5em; }
.footer-container{ position:relative; }

.sns-icon-container{ float:left; margin-left:0.75em; width:30px; height:30px; background-repeat:no-repeat; background-position:bottom right; background-size:contain;  }
/*menu-mia*/
.sns-icon-container.wechat{ background-image:url("../img/wechat-icon-w.svg") }
.sns-icon-container.weibo{ background-image:url("../img/weibo-icon-w.svg");  }
.sns-icon-container.youtube{ background-image:url("../img/utube-icon-w.svg");  }
.sns-icon-container.ig{ background-image:url("../img/ig-icon-w.svg");  }
.sns-icon-container.fb{ background-image:url("../img/facebook-icon-w.svg");  }
.sns-icon-container.pinterest{ background-image:url("../img/pinterest-icon-w.svg"); }
.sns-icon-container.linkedin{ background-image:url("../img/linkedin-icon-w.svg"); }
.sns-icon-container.google{ background-image:url("../img/google-icon-w.svg"); }
.sns-icon-container.tumblr{ background-image:url("../img/tumblr-icon-w.svg"); }

.sns-icon-container.wechat-b{ background-image:url("../img/wechat-icon.svg");  margin-left:0em }
.sns-icon-container.weibo-b{ background-image:url("../img/weibo-icon.svg"); }
.sns-icon-container.youtube-b{ background-image:url("../img/utube-icon.svg"); }
.sns-icon-container.ig-b{ background-image:url("../img/ig-icon.svg"); }
.sns-icon-container.fb-b{ background-image:url("../img/facebook-icon.svg");}

.sns-icon-container.pinterest-b{ background-image:url("../img/pinterest-icon-b.svg"); }
.sns-icon-container.linkedin-b{ background-image:url("../img/linkedin-icon-b.svg"); }
.sns-icon-container.google-b{ background-image:url("../img/google-icon-b.svg"); }
.sns-icon-container.tumblr-b{ background-image:url("../img/tumblr-icon-b.svg"); }

.header-container.white, .header-container.open{ background:#fff; }
.header-container.white .joyce-logo, .header-container.open .joyce-logo{ background-image:url( "../img/joyce-logo.svg"); }
.header-container.white .lang-selector, .header-container.open .lang-selector{ color:#000; }
.header-container.white .menu-rectangle, .header-container.open .menu-rectangle{ background-color:#000; }

.header-container.white .sns-icon-container.wechat, .menu-container-inner .sns-icon-container.wechat, .header-container.open .sns-icon-container.wechat{ background-image:url("../img/wechat-icon.svg");  }
.header-container.white .sns-icon-container.weibo, .menu-container-inner .sns-icon-container.weibo, .header-container.open .sns-icon-container.weibo{ background-image:url("../img/weibo-icon.svg");  }
.header-container.white .sns-icon-container.youtube, .menu-container-inner .sns-icon-container.youtube, .header-container.open .sns-icon-container.youtube{ background-image:url("../img/utube-icon.svg");  }
.header-container.white .sns-icon-container.ig, .menu-container-inner .sns-icon-container.ig, .header-container.open .sns-icon-container.ig{ background-image:url("../img/ig-icon.svg");  }
.header-container.white .sns-icon-container.fb, .menu-container-inner .sns-icon-container.fb, .header-container.open .sns-icon-container.fb{ background-image:url("../img/facebook-icon.svg");  }
.header-container.white .info-icon-container.search-icon, .header-container.open .info-icon-container.search-icon{ background-image:url("../img/search-icon.svg");  }

.header-container.white .lang-selector.hover{ border-color:#000; }
.header-container.open .lang-selector.hover{ border-color:#000; }
/* HEADER*/

/* FOOTER */
.footer-container{ text-align:center; color:#444; padding:0 0 40px 0;  }
.footer-container.fix{ position:fixed; bottom:0; width:100%; left:0; }
.footer-container.absolute{ position:absolute; bottom:0; width:100%; left:0; }

/* MENU OPEN*/
.menu-container{ position:fixed; width:100%; height:100%; background-color:#fff; top:0; left:0; overflow:hidden; z-index:96; transform:translate(-100%, 0%); -webkit-transition:transform 0ms cubic-bezier(0.19, 1, 0.22, 1); transition:transform 0ms cubic-bezier(0.19, 1, 0.22, 1); }
.menu-container.open{ transform:translate(0%, 0%); }

.menu-container-inner{ position:relative; /*background:#ff0000;*/ width:100%; min-height:100%; height:28em; margin:0 auto; }

.big-nav{ color:#000; text-align:center; margin:1em 0; opacity:0; transform:translateY(-100%);  }
.big-nav:nth-child(1){ margin-top:0; }
.big-nav:last-child{ margin-bottom:0; }

.big-nav h1{ position:relative; }
.big-nav h1 > div{ position:absolute; left:0%; width:100%; height:4px; background:#000; -webkit-transform:scale(0,1) translate(-0%,0); transform:scale(0,1) translate(-0%,0); -webkit-transition:transform .1s; transition:transform .1s;  transform-origin:left center; }
.big-nav.hover h1 > div, .big-nav.active h1 > div{ -webkit-transform:scale(1,1) translate(-0%,0); transform:scale(1,1) translate(-0%,0); -webkit-transition:transform .2s; transition:transform .2s; }


.big-nav-container{ position:absolute; top:calc(50% + 0em); left:50%; transform:translate(-50%, -50%); }
/*menu-mia*/
.subscription-box-container{ position:relative; width:370px; height:auto; margin:0.5em 0 1.5em 0; font-size:1em;
 -webkit-transition:border-color .3s linear; transition:border-color .3s linear }
/*menu-mia*/
.subscription-box-button{ font-size:0.8em; position:absolute; width:1em; right:0; top:1px; padding:0; line-height:1em; height:100%; background-repeat:no-repeat; background-position:center right; background-size:contain; background-image:url("../img/icon-arrow.svg"); opacity:0.5; transform:translate(0%, 0%); -webkit-transition:opacity .3s, transform .3s cubic-bezier(0.19, 1, 0.22, 1); transition:opacity .3s, transform .3s cubic-bezier(0.19, 1, 0.22, 1); }


.subscription-box-container input{ font-size:inherit;  padding:0; margin:0; color:#777777; width:100%; border-bottom: 1px #777 solid; line-height: 40px;}
.subscription-box-button input{ color:#777; display: none; }

.subscription-box-container.active, .subscription-box-container.hover{ border-color:#000; }

.subscription-hint-container{ font-size:0.8em; position:absolute; letter-spacing:1px; top:0.4em; line-height:1em; text-align:left; width:100%; opacity:0; pointer-events:none; color:#777; }
.subscription-hint-container.active{ opacity:1; -webkit-transition:opacity .3s linear; transition:opacity .3s linear; }
.subscription-done-container{ letter-spacing:1px; line-height:1em; text-align:center; width:100%; opacity:0; pointer-events:none; display: none; }

.subscription-box-button.active{ opacity:1; cursor:pointer; transform:translate(25%, 0%); }
.subscription-box-button.active .subscription-box-button input{ cursor:pointer; }

.subscription-box-container.done{ border-color:transparent; }
.subscription-box-container.done .subscription-box-border{ pointer-events:none;  }
.subscription-box-container.done input{ opacity:0;  }
.subscription-box-container.done .subscription-box-button{ opacity:0; transform:translate(50%, 0%); }
.subscription-box-container.done .subscription-box-border > div{ opacity:1; pointer-events:none; }
.subscription-box-container.done .subscription-done-container{ opacity:1; -webkit-transition:opacity .4s; transition:opacity .4s; padding: 50px 0px; display: block; font-size: 14px; color: #777; }
.subscription-box-container.done .subscription-box-button.active, .subscription-box-container.done .subscription-box-button.active .subscription-box-button input{ pointer-events:none; }

.small-nav-container{ position:absolute; left:1.5em; bottom:1em; }
.small-nav{ letter-spacing:0em; margin-top:0.25em; opacity:0; transform:translateX(-25%); color:#777777; }
.small-nav.hover{ color:#000; }

/*menu-mia*/
.tiny-nav-container{ position:relative; width:70% }
.tiny-nav{ letter-spacing:0em; float:left; color:#666;  margin:0 0 1em 0; }
.tiny-nav.split{ margin:0em 0.5em 1em 0.5em; }
.tiny-nav.hover{ text-decoration:underline; }
.tiny-nav.split.hover{ text-decoration:none; }
/*menu-mia*/

.menu-container.open .big-nav{ opacity:1; transform:translateY(0%); -webkit-transition:opacity .4s, transform .5s; transition:opacity .4s, transform .5s; }
.menu-container.open .big-nav:nth-child(1){ transition-delay:0.1s;  -webkit-transition-delay:0.1s; }
.menu-container.open .big-nav:nth-child(2){ transition-delay:0.15s; -webkit-transition-delay:0.15s; }
.menu-container.open .big-nav:nth-child(3){ transition-delay:0.2s;  -webkit-transition-delay:0.2s; }
.menu-container.open .big-nav:nth-child(4){ transition-delay:0.25s; -webkit-transition-delay:0.25s; }
.menu-container.open .big-nav:nth-child(5){ transition-delay:0.3s;  -webkit-transition-delay:0.3s; }
.menu-container.open .big-nav:nth-child(6){ transition-delay:0.35s; -webkit-transition-delay:0.35s; }
.menu-container.open .big-nav:nth-child(7){ transition-delay:0.4s; -webkit-transition-delay:0.4s; }

.menu-container.open .small-nav{ opacity:1; transform:translateX(0%); -webkit-transition:opacity .4s, transform .4s; transition:opacity .4s, transform .4s; }
.menu-container.open .small-nav:nth-child(1){ -webkit-transition:opacity .4s .40s, transform .4s .40s, color .2s; transition:opacity .4s .40s, transform .4s .40s, color .2s; }
.menu-container.open .small-nav:nth-child(2){ -webkit-transition:opacity .4s .45s, transform .4s .45s, color .2s; transition:opacity .4s .45s, transform .4s .45s, color .2s; }
.menu-container.open .small-nav:nth-child(3){ -webkit-transition:opacity .4s .50s, transform .4s .50s, color .2s; transition:opacity .4s .50s, transform .4s .50s, color .2s; }
.menu-container.open .small-nav:nth-child(4){ -webkit-transition:opacity .4s .55s, transform .4s .55s, color .2s; transition:opacity .4s .55s, transform .4s .55s, color .2s; }
.menu-container.open .small-nav:nth-child(5){ -webkit-transition:opacity .4s .60s, transform .4s .60s, color .2s; transition:opacity .4s .60s, transform .4s .60s, color .2s; }

.menu-container.open .subscription-box-container{ opacity:1; -webkit-transition:opacity .4s, transform .4s; transition:opacity .4s, transform .4s; transition-delay:0.6s; -webkit-transition-delay:0.6s; }
.menu-container.open .tiny-nav-container{ opacity:1; transform:translateX(0%); -webkit-transition:opacity .4s, transform .4s; transition:opacity .4s, transform .4s; }
.menu-container.open .tiny-nav-container{ transition-delay:0.7s; -webkit-transition-delay:0.7s; }
/* MENU OPEN*/




/*LANDING*/
.home-banner{ position:relative; top:0; left:0; width:100vw; height:50vw; max-height:600px; overflow:hidden; opacity:0; -webkit-transition:opacity 0s .3s; transition:opacity 0s .3s; }
.home-banner.fashion{ margin-top:3.5em;}
.home-banner.firstone{ margin-top:3.5em;}

.home-banner.newver{ max-height:none; height:calc(100vh - 3.5em); }

.home-banner.giftcard{ background-color:white; margin-top:0px; width: 100%; height: 35vw; }

.banner-container{ width:100%; height:100%; position:absolute; transform:translateX(100%); overflow:hidden; }

.banner-container.in.next{ transform:translate(100%, 0%); -webkit-transition:transform 0ms cubic-bezier(.33,0,.25,1); transition:transform 0ms cubic-bezier(.33,0,.25,1); }
.banner-container.in.prev{ transform:translate(-100%, 0%); -webkit-transition:transform 0ms cubic-bezier(.33,0,.25,1);transition:transform 0ms cubic-bezier(.33,0,.25,1);}
.banner-container.out.next{ transform:translate(-100%, 0%);  -webkit-transition:transform 400ms cubic-bezier(.33,0,.25,1); transition:transform 400ms cubic-bezier(.33,0,.25,1);}
.banner-container.out.prev{ transform:translate(100%, 0%); -webkit-transition:transform 400ms cubic-bezier(.33,0,.25,1); transition:transform 400ms cubic-bezier(.33,0,.25,1);}
.banner-container.active{ transform:translate(0%,0%); -webkit-transition:transform 400ms cubic-bezier(.33,0,.25,1); transition:transform 400ms cubic-bezier(.33,0,.25,1); }

.banner-container.in.next .banner-words-container{ transform:translate(10%, -50%); -webkit-transition:transform 0ms cubic-bezier(.33,0,.25,1); transition:transform 0ms cubic-bezier(.33,0,.25,1); }
.banner-container.in.prev .banner-words-container{ transform:translate(-110%, -50%); -webkit-transition:transform 0ms cubic-bezier(.33,0,.25,1);transition:transform 0ms cubic-bezier(.33,0,.25,1);}
.banner-container.out.next .banner-words-container{ transform:translate(-110%, -50%);  -webkit-transition:transform 400ms cubic-bezier(.33,0,.25,1); transition:transform 400ms cubic-bezier(.33,0,.25,1);}
.banner-container.out.prev .banner-words-container{ transform:translate(10%, -50%); -webkit-transition:transform 400ms cubic-bezier(.33,0,.25,1); transition:transform 400ms cubic-bezier(.33,0,.25,1);}
.banner-container.active .banner-words-container{ transform:translate(-50%,-50%); -webkit-transition:transform 400ms 0ms cubic-bezier(.33,0,.25,1); transition:transform 400ms 0ms cubic-bezier(.33,0,.25,1); }


.banner-container.active .banner-image{ transform:scale(1.05, 1.05); }
.banner-container.out .banner-image{ -webkit-transition:transform .4s; transition:transform .4s; }
.banner-image{ transform:scale(1, 1); width:100%; height:100%; background-size:cover; background-position:center; background-repeat:no-repeat; -webkit-transition:transform 4.2s linear; transition:transform 4.2s linear; }

.banner-image video{ position:absolute; top:50%; left:50%; width:100%; height:auto; transform:translate(-50%, -50%);  background-color:#000; }


.banner-words-container{ position:absolute; width:85vw; text-align:center; top:50%; left:50%; transform:translate(-50%,-50%); line-height:1.2; color:#fff; }
.banner-words-container{ text-shadow:1px 1px 1px rgba(0, 0, 0, .4), .5px .5px 0 rgba(0, 0, 0, .6), -1px 1px 1px rgba(0, 0, 0, .4), .5px -0.5px 0 rgba(0, 0, 0, .6); }
.banner-words-container .txt-big{ margin:0.2em auto 0.8em auto; width:90%; max-width:1000px; font-weight:800; letter-spacing:0.05em;  }
.banner-words-container .txt-title{ font-weight:800; font-size:0.8em; letter-spacing:0.1em; }
.banner-words-container .txt-small{ font-weight:800; font-size:0.8em; letter-spacing:0.1em; height:100%; line-height:100%; }
.banner-words-container .txt-small > img{ width:auto; height:9px; vertical-align:top; margin-top:2px; }

.shadowfilter, .shadowfilterwhite { -webkit-filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.5)); filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.5)); -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='rgba(0,0,0,0.3)')"; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='rgba(0,0,0,0.3)');  }
.shadowfilterblack { -webkit-filter: drop-shadow(1px 1px 1px rgba(255,255,255,0.5)); filter: drop-shadow(1px 1px 1px rgba(255,255,255,0.5)); -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='rgba(255,255,255,0.3)')"; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='rgba(255,255,255,0.3)');  }

.banner-words-container.black{ color:#000; }
.banner-words-container.black{ text-shadow:1px 1px 1px rgba(255, 255, 255, .4), .5px .5px 0 rgba(255, 255, 255, .6), -1px 1px 1px rgba(255, 255, 255, .4), .5px -0.5px 0 rgba(255, 255, 255, .6); }

.article-gallery{ width:100%; margin:1em auto; }
.article-gallery-inner{ width:100%; min-height:100px; position:relative; overflow:hidden; -webkit-transition:height 400ms 200ms cubic-bezier(.33,0,.25,1); transition:height 400ms 200ms cubic-bezier(.33,0,.25,1); }
.article-gallery-container{ width:100%; height:100%; position:absolute; transform:translateX(100%); top:0; left:0; }
.article-gallery-container > img{ width:100%; height:auto; }
.article-gallery-caption{ padding:0.5em 0; letter-spacing:0; text-align:center;}

.article-gallery-container.in.next{ transform:translate(100%, 0%); -webkit-transition:transform 0ms cubic-bezier(.33,0,.25,1); transition:transform 0ms cubic-bezier(.33,0,.25,1); }
.article-gallery-container.in.prev{ transform:translate(-100%, 0%); -webkit-transition:transform 0ms cubic-bezier(.33,0,.25,1);transition:transform 0ms cubic-bezier(.33,0,.25,1);}
.article-gallery-container.out.next{ transform:translate(-100%, 0%);  -webkit-transition:transform 200ms cubic-bezier(.33,0,.25,1); transition:transform 200ms cubic-bezier(.33,0,.25,1);}
.article-gallery-container.out.prev{ transform:translate(100%, 0%); -webkit-transition:transform 200ms cubic-bezier(.33,0,.25,1); transition:transform 200ms cubic-bezier(.33,0,.25,1);}
.article-gallery-container.active{ transform:translate(0%,0%); -webkit-transition:transform 200ms cubic-bezier(.33,0,.25,1); transition:transform 200ms cubic-bezier(.33,0,.25,1); }

.category-selector-container{position:relative; width:90vw; left:5vw; top:1.5em; height:2.5em; background:#666; }

.cateory-name{ position:absolute; }
.cateory-name.unselected{ top:0.8em; /*position:absolute; float:right;  margin:0 1em;*/}
.cateory-name.unselected:nth-child(1){ /*margin-right:0;*/ }
.cateory-name.unselected:nth-child(2){ /*margin-right:0;*/ }
.cateory-name.unselected:nth-child(3){ /*margin-right:0;*/ }

.cateory-name.selected{ /*margin-right:5em;float:left;position:relative;*/ left:0;  }

.cateory-name-border{ position: absolute;  width:calc(90vw - 2.5em - 2.4em - 4em - 4em); height:3em; color:#000; }

.label-ele-container-inner.active{ /*font-size:copper*/ }




.all-ele-container{ position:relative; }

.articles-gallery-label-container{ position:relative; width:calc( 100% - 12vw ); max-width:1400px; margin:1.5em auto 0 auto; }
.articles-gallery-label-line-container{ width:calc(100% - 32em); height:2px; background:#000; position:absolute; bottom:0; left:0em; -webkit-transition:left .3s, transform .2s;  transition:left .3s, transform .2s; }

.label-ele-container{ position:relative; overflow:hidden; height:2.4em; margin:1em auto 0 auto; }
.label-ele-container-inner{ position:absolute; opacity:0; pointer-events:none; transform:translateX(250%) translateY(33%); top:0; height:1em; overflow:hidden; transform-origin:left center; }
.label-ele-container-inner.active{ opacity:1; pointer-events:all; transform:translateX(0) scale(1.66,1.66) translateY(20%); -webkit-transition:opacity .3s linear, transform .2s; transition:opacity .3s linear, transform .2s; }


.nav-ele-container{ width:auto; height:1em; position:absolute; right:0; bottom:0.4em; }
.nav-ele-container-inner:nth-child(1){ width:5.5em; }
.nav-ele-container-inner:nth-child(2){ width:4.8em; }
.nav-ele-container-inner:nth-child(3){ width:5.4em; }

.nav-ele-container-inner.newver:nth-child(1){ width:13em; }

.nav-ele-container-inner.inactive{ width:0px!important; opacity:0; margin-left:0; transform:translateX(-100%); pointer-events:none; }
.nav-ele-container-inner{ cursor:pointer; float:right; text-align:right; overflow:hidden; margin-left:1em; -webkit-transition:opacity .2s, transform .2s, width .1s;  transition:opacity .2s, transform .2s, width .1s;  }




.nav-ele-container-inner.hover span{
    display:inline-block;
    border-bottom:1px solid black;
    padding-bottom:2px;
}


.ele-article-container-inner-label{ display:none; }

.articles-gallery-body-container{ position:relative; width:calc( 100% - 12vw ); max-width:1400px; margin:0 auto; overflow:hidden; }
.articles-gallery-body-container-inner{ position:relative; width:400%; }
.podcast .articles-gallery-body-container{ width:calc( 70% - 12vw ); max-width:800px; }

.all-ele-articles-container{ position:relative; width:25%; height:auto; float:left; }
.all-category-articles-container{ position:relative; width:100%; height:auto; float:left; }

.ele-article-container-inner{ position:relative; width:100%; opacity:0; }
.ele-article-container-inner.active{ opacity:1; transition:opacity .2s linear, transform .4s 0s; }

.all-ele-articles-container:nth-child(1) .ele-article-container-inner{transform:translateX(100%); }
.all-ele-articles-container:nth-child(2) .ele-article-container-inner{transform:translateX(0%); }
.all-ele-articles-container:nth-child(3) .ele-article-container-inner{transform:translateX(-100%); }

.all-ele-articles-container:nth-child(1) .ele-article-container-inner.active{transform:translateX(0%); }
.all-ele-articles-container:nth-child(2) .ele-article-container-inner.active{transform:translateX(-100%); }
.all-ele-articles-container:nth-child(3) .ele-article-container-inner.active{transform:translateX(-200%); }

.all-articles-container{ margin-top:2em; width:100%;}
.three-articles-one-row{ float:left; width:calc( (100% - 2em) / 3 ); margin:0 0.5em;  }
.three-articles-one-row:nth-child(1){ margin-left:0; }
.three-articles-one-row:nth-child(3){ margin-right:0; }

.two-articles-one-row{ float:left; width:calc( (100% - 1em) / 2 ); margin-top:2em; }
.two-articles-one-row:nth-last-child(1){ margin-left:1em; margin-bottom:1em; }


.article-pic{ display:inline; width:47%; height:auto; }
.podcast .article-pic{ display:inline; width:100%; height:auto; }

.one-article-one-row{ float:left; width:100%; margin-top:.85em; margin-bottom:.5em; position:relative; }
.one-row-text{ display:inline-block; float:right; top:0; width:calc( 53% - 2em ); height:auto; }
.podcast .one-row-text{ display:inline-block; float:right; top:0; width:100%; height:auto; }
.article-hashtag{ position:absolute; bottom:0; }

.category-article-border{ width:100%; height:1px; background-color:#b3b3b3;  position:relative; float:left;  margin:.5em auto;}
.category-article-border:nth-child(1){ margin-top:0; }

.article-thumb{ width:100%; padding-bottom:70%; background-repeat:no-repeat; background-position:center; background-size:cover; position:relative}
.one-article-one-row .article-thumb{ width:47%; padding-bottom:33%; float:left;  }

.article-title{ line-height:1.3; margin-bottom:.3em; /*overflow:hidden; white-space:nowrap; text-overflow: ellipsis;*/  }
.article-title.three-row{ width:100%; /*height:2.5em;*/ }
.article-title.two-row{ width:100%; /*height:1.3em;*/ }
.article-paragraph{ line-height:1.5; letter-spacing:0;  /*text-align: justify; text-overflow: ellipsis;*/ }
.article-date{ line-height:1.2; padding-top:.5em; text-overflow: ellipsis; }

.home-banner-indicator-container, .contact-banner-indicator-container, .article-gallery-indicator-container{ position:absolute; bottom:0.75em; left:50%; transform:translateX(-50%); }
.home-banner-indicator, .contact-banner-indicator, .article-gallery-indicator{ float:left; width:0.3em; height:0.3em; border-radius:100px; border:1px solid #fff; margin:0 0.3em; cursor:pointer; }
.home-banner-indicator.active, .home-banner-indicator.hover, .contact-banner-indicator.active{ background:#fff; }


.banner-arrow-nav-container{ position:absolute; width:1.5em; height:1.2em; cursor:pointer;  top:50%; transform:translateY(-50%); background-size:contain; background-repeat:no-repeat; -webkit-filter: drop-shadow(1px 0px 2px rgba(0,0,0,0.5)); filter: drop-shadow(1px 0px 3px rgba(0,0,0,0.6)); -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='rgba(0,0,0,0.3)')"; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='rgba(0,0,0,0.3)'); }

.banner-arrow-nav-container:nth-last-child(2){ left:1.5em; background-position:left center; background-image:url(https://www.joyce.com/img/seven-wonders-arrow-left.svg);   }
.banner-arrow-nav-container:nth-last-child(1){ right:1.5em; background-position:right center; background-image:url(https://www.joyce.com/img/seven-wonders-arrow-right.svg);    }

.article-gallery-inner .banner-arrow-nav-container:nth-last-child(2){ left:0.5em; top:calc(50% - 0.75em); }
.article-gallery-inner .banner-arrow-nav-container:nth-last-child(1){ right:0.5em; top:calc(50% - 0.75em); }




.article-gallery-indicator-container{ position:relative; bottom:auto; margin-top:0.5em; width:100%; display:flex; justify-content:center;    }
.article-gallery-indicator{ border-color:#000;  }
.article-gallery-indicator.hover, .article-gallery-indicator.active{ background:#000; }

.contact-banner-indicator-container{ bottom:1.5em; }
.contact-banner-indicator{ border-color:#000; }
.contact-banner-indicator.active, .contact-banner-indicator.hover{ background:#000; }
.contact-banner-indicator.inactive{ pointer-events:none; background-color:#fff; border-color:#bbb; }

.sneak-peek-ig-container{ position:relative; margin:1.5em auto 2em auto; width:calc( 100% - 12vw ); max-width:1400px; padding-bottom:2em; }
.sneak-peek-ig-post{ position:relative; float:left; width:calc( (100% - 4em) / 3 ); margin:0 1em;   }
.sneak-peek-ig-post:nth-child(1){margin-left:0; }
.sneak-peek-ig-post:nth-child(3){margin-right:0; }
.sneak-peek-ig-post .txt-tiny{ color:#666;}

.sneak-peek-ig-post > a > div{ width:100%; padding-bottom:100%; background-repeat:no-repeat; background-position:center; background-size:cover; overflow:hidden; position:relative;  background-color:#000;}
.sneak-peek-ig-post > a > div > video{ position:absolute; }

.sneak-peek-ig-post .joyce-bold.txt-small img{ width:1.1em; height:auto; margin-top:0.6em }
.sneak-peek-ig-post .joyce-bold.txt-small span{ line-height:100%; }
.sneak-peek-ig-post .joyce-bold.txt-small{ margin-top:0.5em; }
.sneak-peek-ig-post .joyce-light.txt-p{ line-height:1.4em; margin:.5em 0 .5em 0; letter-spacing:0; }

.sneak-peek-ig-post > a > div > div{ position:absolute; width:100%; top:0; left:0;padding-bottom:100%; background-repeat:no-repeat; background-position:center; background-size:cover; opacity:0; }
.sneak-peek-ig-post > a > div > div.active{ opacity:1; }

.animated-banner-container{ position:relative; width:100%; background:#000; padding-bottom:66%; overflow:hidden;}
.animated-banner-container.square{ padding-bottom:100%; }
.animated-banner-ele{ position:absolute; top:-0.5%; left:-0.5%; width:101%; height:101%; opacity:0; background-repeat:no-repeat; background-position:center; background-size:cover; -webkit-transition:transform .5s; transition:transform .5s;}
.animated-banner-ele.active{ opacity:1; }

.animated-banner-container.hover .animated-banner-ele{ transform:scale(1.1, 1.1); }

/* category */
.recommend-article-slider{ position:relative; width:100%; height:auto; background-color:#000; padding:0em 0 .5em 0; margin:0em auto; }

.category-banner-container{ position:fixed; left:0; top:3.5em; width:100%; height:50vw; max-height:600px; display:inline-block; }
.category-banner-container .home-banner.fashion{ margin-top:0em; }

.main-category-title{ position:relative; margin:0.5em auto; text-align:center; }
.category-title{ position:relative; padding-top:1.5em; margin:0 auto 1em auto; text-align:center; max-width:88vw; }
.category-title.txt-title{ font-size:1em; }

.all-recommend-article-container{ position:relative; height:auto; margin:auto; width:calc( 100% - 12vw ); max-width:1400px; }
.recommend-article-inner{margin:0 auto 2em auto;}
.recommend-article-post{ position:relative; float:left; width:calc( (100% - 4em) / 3 ); margin:0 1em;   }
.recommend-article-post:nth-child(1){margin-left:0; }
.recommend-article-post:nth-child(3){margin-right:0; }

.articles-gallery.category{ margin-top:1em; }
.articles-gallery.category.article{ margin-top:0em; }
.articles-gallery.category .one-article-one-row:last-child{ margin-bottom:2em; }

.articles-gallery .category-title{ margin:0 auto 1em auto; }
.articles-gallery.category .all-articles-container{ margin-top:0; }
.articles-gallery.category .two-articles-one-row{ margin-top:0em; }

.articles-gallery .highlight-articles-container{ background:transparent; margin-bottom:1em; }
/* CATEGORY */

/* BEAUTY */
.beauty-article-filter-container{ position:relative; width:1000%; height:auto; display:inline-block;  }
.beauty-article-filter-all-label-container{ position:relative; left:0; width:100%; }

.beauty-article-filter-container .one-article-one-row{  }

.beauty-article-filter{ position:relative; float:left; width:10%; -webkit-transform:translateX(0%); transform:translateX(0%); margin-bottom:1em; }
.beauty-article-filter.active{ -webkit-transition:transform .4s; transition:transform .4s; -webkit-transform:translateX(0%); transform:translateX(0%); }

.list-nav-container.beauty-category{ margin-bottom:1em; margin-top:3em; }
.list-nav-container select{ display:none; }
.list-nav-ele-label, .list-nav-ele-icon{ display:none; }

.beauty-article-filter.in.next{ -webkit-transition:transform 0ms cubic-bezier(.33,0,.25,1); transition:transform 0ms cubic-bezier(.33,0,.25,1); }
.beauty-article-filter.out.next{  -webkit-transition:transform 400ms cubic-bezier(.33,0,.25,1); transition:transform 400ms cubic-bezier(.33,0,.25,1); }
.beauty-article-filter.active{  -webkit-transition:transform 400ms cubic-bezier(.33,0,.25,1); transition:transform 400ms cubic-bezier(.33,0,.25,1); }

.beauty-article-filter.all.in.next{ transform:translate(100%, 0%);  }
.beauty-article-filter.all.in.prev{ transform:translate(-100%, 0%); }
.beauty-article-filter.all.out.next{ transform:translate(-100%, 0%);  }
.beauty-article-filter.all.out.prev{ transform:translate(100%, 0%); }
.beauty-article-filter.all.active{ transform:translate(0%,0%);  }

.beauty-article-filter.skincare.in.next{ transform:translate(0%, 0%);  }
.beauty-article-filter.skincare.out.next{ transform:translate(-200%, 0%);  }
.beauty-article-filter.skincare.active{ transform:translate(-100%,0%);  }

.beauty-article-filter.bodycare.in.next{ transform:translate(-100%, 0%);  }
.beauty-article-filter.bodycare.out.next{ transform:translate(-300%, 0%);  }
.beauty-article-filter.bodycare.active{ transform:translate(-200%,0%);  }

.beauty-article-filter.cosmetics.in.next{ transform:translate(-200%, 0%);  }
.beauty-article-filter.cosmetics.out.next{ transform:translate(-400%, 0%);  }
.beauty-article-filter.cosmetics.active{ transform:translate(-300%,0%);  }

.beauty-article-filter.hair.in.next{ transform:translate(-300%, 0%);  }
.beauty-article-filter.hair.out.next{ transform:translate(-500%, 0%);  }
.beauty-article-filter.hair.active{ transform:translate(-400%,0%);  }

.beauty-article-filter.wellness.in.next{ transform:translate(-400%, 0%);  }
.beauty-article-filter.wellness.out.next{ transform:translate(-600%, 0%);  }
.beauty-article-filter.wellness.active{ transform:translate(-500%,0%);  }

.beauty-article-filter.fragrance.in.next{ transform:translate(-500%, 0%);  }
.beauty-article-filter.fragrance.out.next{ transform:translate(-700%, 0%);  }
.beauty-article-filter.fragrance.active{ transform:translate(-600%,0%);  }

.beauty-article-filter.device.in.next{ transform:translate(-600%, 0%);  }
.beauty-article-filter.device.out.next{ transform:translate(-800%, 0%);  }
.beauty-article-filter.device.active{ transform:translate(-700%,0%);  }

.beauty-article-filter.grooming.in.next{ transform:translate(-700%, 0%);  }
.beauty-article-filter.grooming.out.next{ transform:translate(-900%, 0%);  }
.beauty-article-filter.grooming.active{ transform:translate(-800%,0%);  }

.beauty-article-filter.festive.in.next{ transform:translate(-800%, 0%);  }
.beauty-article-filter.festive.out.next{ transform:translate(-1000%, 0%);  }
.beauty-article-filter.festive.active{ transform:translate(-900%,0%);  }

/* BEAUTY */

/* ARTICLE */
.article-banner{ position:fixed; top:3.5em; left:0; width:100vw; height:700px; }

.article-all-content-container{ position:relative; padding-top:1.5em; margin:calc(700px + 3.5em) auto 0 auto;  height:auto; overflow:hidden; background:#fff; }
.article-all-content-container.inapp{ margin-top:700px; }
.article-all-content-container-inner{ position:relative; margin:auto; width:calc(100% - 12vw); max-width:1400px; }

.share-to-sns-container{ float:left; width:30%; letter-spacing:0; margin-top:0.33em; }
.share-to-sns-container .article-sns-all-icons-container{ margin-top:0.25em; }
.share-to-sns-container .sns-icon-container{ background-position:left center; }

.article-words-container{ float:right; width:70%; /*width:80%; max-width:1000px; */height:auto; margin:0 auto 3em auto; }

.article-content-title{ margin-bottom:0.5em; line-height:1.5;  }
.article-content-date{ margin-bottom:3em; letter-spacing:0em; }
.article-content-word{ line-height:1.8; letter-spacing:0em; }

.article-content-word a{ text-decoration:underline;  }
.article-content-word > p > img, .article-content-word > span > img{ max-width:100%; height:auto; }
.article-iframe{ width:100%; padding-bottom:60%; background:#000; position:relative; }
.article-iframe.anchor{ padding-bottom:16.4%; margin-top:1em; background:transparent;  }
.article-iframe.spotify-podcast{ padding-bottom:235px;  margin-top:1em; background:transparent;  }
.article-iframe.spotify-playlist{ padding-bottom:1280px;  margin-top:1em; background:transparent;  }
.article-iframe iframe{ z-index:0; }

.article-content-word iframe{ width:100%; height:100%; position:absolute; top:0; left:0;}


.article-tags-container{ padding-top:1em; letter-spacing:0; }
.article-tags-container a{ text-decoration:none; margin-right:0.5em; }
.article-tags-container a.hover{ text-decoration:underline;  }

.article-product-container{ width:100%; height:auto; margin:1.5em 0; }
.article-product-pic{ width:100%; height:auto; margin-bottom:0.5em; }
.article-product-pic.hover{ opacity:0.8; }
.article-product-details{ text-align:center; display:none; }

.article-product-content{ display:none; opacity:0; margin:auto; }
.article-product-content.active{ display:flex; justify-content:center; opacity:1; text-align:center; }

.article-content-border{ width:100%; height:1px; background-color:#b3b3b3; margin:0.75em 0 0 0; }

.article-product-box{ width:5em; height:auto; margin:1em .5em .5em; float:left; }
.product-pic{ border:1px solid #b3b3b3; }


.articles-gallery{ background:#fff; position:relative; margin-top:calc(3.5em) }
.articles-gallery.landing{ margin-top:0.5em; padding-bottom:0em; }

.article-sns-all-icons-container .sns-icon-container{ float:left; margin-right:.8em; margin-left:0; width:1.1em; height:1.1em; background-position:bottom right; padding:.2em 0; }

.responsive-article-sns-bar .article-sns-all-icons-container .sns-icon-container{ margin:0 0.75em; width:1.2em; height:1.2em;  background-position:center; }
.responsive-article-sns-bar{ width:100%; height:auto; background-color:#333; position:fixed; bottom:0; margin:auto; display:flex; justify-content:center; opacity:0; padding:0.5em 0;  }
/* ARTICLE */


/* BRAND */
.brands-header-container{ position:relative; width:calc(100% - 12vw); max-width:1600px; margin:auto; }
.brands-header-container .main-category-title{ margin-top:3.5em; }

.brands-header-container .sns-icon-container, .stores-container .sns-icon-container{ float:none; width:1.2em; height:1.2em; background-repeat:no-repeat; background-size:contain; background-position:bottom right; margin-top:0; cursor:pointer; position:absolute; bottom:0.25em; right:0; z-index:2; }
.search-b{ background-image:url("../img/search-icon-b.svg"); }

.brand-search-input{ position:absolute; bottom:0.25em; right:1.5em; width:10em; /*display:none;*/ z-index:2; }
.brand-search-input input{ color:#000; width:100%; margin:0 auto; font-size:0.8em; }

.all-brand-list-content-container{ position:relative; width:calc(100% - 12vw); max-width:1600px; height:auto; top:0em; margin:0 auto 1em auto; }

.brand-alphabet-list{ position:relative; width:100%; height:auto; margin:0 auto 0em auto; top:0;  }
.brand-alphabet-border{ width:100%; height:1px; background-color:#ddd; position:relative; top:0em; margin:0.5em auto 0em auto; }
.brand-alphabet-bar{  width:100%; height:auto; margin:0 auto; display:flex; justify-content:center;   }
.alphabet-box{ float:left; text-align:center; font-size:2em; margin:.25em 0.2em .25em 0.2em; color:#999;}
.a-to-z-list{ color:#999;}
.alphabet-box.hover, .a-to-z-list.hover, .alphabet-box.active, .a-to-z-list.active{ color:#000; }

.brand-all-name-list{ position:relative; width:100%; height:auto; top:0; margin:auto; }
.brand-all-name-list table{ border-collapse:separate; border-spacing:0em; margin:2em auto 2em auto; }
.brand-all-name-list td{ vertical-align:top; }
.brand-all-name-list li{ width:calc(33.33% - 2.4em); max-width:370px/*calc( (100% - 6em ) / 3 )*/; list-style:none; display:block; float:left;  margin-left:2em; margin-bottom:1.25em; font-size:0.8em;  }
.brand-all-name-list tr{   }

.brand-all-name-list .table-header{ width:2em; float:left; margin-top:-0.15em; margin-right:1em; }
.brand-all-name-list .table-items{ width:calc(100% - 3em); max-width:1236px; float:right; letter-spacing:0; padding-bottom:2em; }

.brand-filter-container{ position:relative; width:100%; height:auto; top:0; margin:1em auto 0 auto; z-index:1; }
.brand-filter{ float:left; margin:.3em 1.5em 0; }
.brand-filter.active{ font-weight:700; }

.brands-header-container .list-nav-container.brand-category{ margin-bottom:1em; }

.brand-alphabet-list:nth-child(1){margin-top:0;}
.brand-alphabet-border:nth-child(1){margin-top:0em;}
.responsive-a-to-z-list{ display:none; }

li.brand.mono{ font-weight:800; }
li.brand.hover a{ text-decoration:underline; }
/* BRAND */


/* BRAND INDIVIDUAL */
.brand-individual{ position:relative; width:calc(100% - 12vw); max-width:1400px; margin:0 auto; }
.brand-individual.head-section{ padding-top:3.5em; }

.brand-individual .page-title-container{ margin-bottom:0.7em; }
.brand-individual .page-title-border{ margin:0.75em auto 0 auto; }
.brand-web-link{ text-align:left; margin:2em auto 0 auto; line-height:150%; }

.brand-individual-pic{ position:relative; width:100%; height:auto; margin:auto; }

.brand-individual-info-container{ width:100%; height:auto; left:calc( ( 100% - 40em) / 2 ); margin-top:1em; }
.brand-description{  width:80%; height:auto; line-height:180%; letter-spacing:0em; float:none; margin:0;  }
.brand-description a{ text-decoration:underline;  }
.brand-location{ width:100%; float:none; text-align:center; line-height:2; letter-spacing:0.05em; display:inline-block; margin:0 auto 1.75em auto; }

.brand-location a:hover{ text-decoration:underline; }
.brand-location img{ width:auto; height:1.5em; vertical-align:top; margin-top:0.3em; margin-right:0.5em;  }

.brand-individual-read-more{ position:relative; width:100%; margin-top:3em; }
.brand-individual-read-more .page-title-border{ margin:0.75em auto 0 auto; }

.brand-article-banner{ position:relative; width:100vw; height:40vw; max-height:480px; overflow:hidden; }
.banner-container{ width:100%; height:100%; position:absolute;  }

.brand-location-container{ position:fixed; bottom:0em; -webkit-transform:translateY(100%); transform:translateY(100%);  }
/* BRAND INDIVIDUAL */

/* CONTACT */
.contact-question-container{ position:absolute; left:50%; transform:translate(-50%,-50%); pointer-events:none; opacity:0; top:-9999px; width:88%; }
.contact-question-container .page-title-container{ margin-bottom:0; padding:0; opacity:0; transform:translateY(-50%); line-height:150%;  }
.contact-question-container .page-title-border{ margin:0.75em auto; }
.answer-container{ display:flex; justify-content: center; }
.answer-mc-container{ float:left; position:relative; margin:0 1.25em; letter-spacing:0.05em; opacity:0; transform:translateY(-100%); cursor:pointer; }
.answer-mc-container > div:nth-child(1), .answer-next-container > div:nth-child(1){ font-weight:800; position:absolute; opacity:0; transition:opacity 0.2s; }
.answer-mc-container.hover > div:nth-child(1), .answer-mc-container.active > div:nth-child(1){ opacity:1; -webkit-transition:opacity 0.3s; transition:opacity 0.3s; }
.answer-mc-container > div:nth-child(2), .answer-next-container > div:nth-child(2){ opacity:1; -webkit-transition:opacity 0.3s; transition:opacity 0.3s; }
.answer-mc-container.hover > div:nth-child(2), .answer-mc-container.active > div:nth-child(2){ opacity:0;  -webkit-transition:opacity 0.2s;transition:opacity 0.2s; }


.contact-question-container.active{ pointer-events:all; top:47.5%; opacity:1; -webkit-transition:opacity 0.6s 0s; transition:opacity 0.6s 0s; }
.contact-question-container.active .page-title-container{ opacity:1; transform:translateY(0%); -webkit-transition:opacity 0.4s, transform 0.6s; transition:opacity 0.4s, transform 0.6s; }
.contact-question-container.active .answer-mc-container{  opacity:1; transform:translateY(0%); -webkit-transition:opacity 0.2s, transform 0.5s; transition:opacity 0.2s, transform 0.5s; }
.contact-question-container.active .answer-mc-container:nth-child(1){ transition-delay:0.3s; -webkit-transition-delay:0.3s; }
.contact-question-container.active .answer-mc-container:nth-child(2){ transition-delay:0.35s; -webkit-transition-delay:0.35s; }
.contact-question-container.active .answer-mc-container:nth-child(3){ transition-delay:0.4s; -webkit-transition-delay:0.4s; }
.contact-question-container.active .answer-mc-container:nth-child(4){ transition-delay:0.45s; -webkit-transition-delay:0.45s; }
.contact-question-container.active .answer-mc-container:nth-child(5){ transition-delay:0.5s; -webkit-transition-delay:0.5s; }

.answer-container textarea, .answer-container input{ color:#000; width:36em; max-width:88vw; font-size:0.8em; text-align:center; resize:none; box-sizing:border-box; max-height:12.8em; }

.answer-next-container{ margin:1.5em auto; text-align:center!important; width:2em; letter-spacing:0.05em; position:relative; opacity:0; cursor:pointer; pointer-events:none; transform:translateX(-20%); -webkit-transition:opacity 0.2s, transform 0.3s; transition:opacity 0.2s, transform 0.3s; }
.answer-next-container.active{ pointer-events:all; transform:translateX(3%); opacity:1; }

.answer-next-container.active > div{ -webkit-transition:transform 0.3s; transition:transform 0.3s; }
.answer-next-container.hover.active > div{ transform:translateX(10%);  }
.answer-next-container > div:nth-child(1){ width:inherit; }
.answer-next-container > div > span{ position:relative; top:-0.06em }



.contact-info-container{ height:calc(100% - 3.5em); width:100%; min-height:22em; padding-top:3.5em; position:relative; }
.contact-info-container-inner{ text-align:center; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); }
.contact-email-container{ margin-top:2em; font-size:0.8em; }
.contact-email-container .joyce-light{ letter-spacing:0; margin-top:0.1em; }
.contact-email-container a.hover{ text-decoration:underline; }
/* CONTACT */

/* MAP */
.stores-container .sns-icon-container{ bottom:-1.1em; }
.stores-container .brand-search-input{ bottom:-1.1em; }

.page-title-container{ margin:0em auto 1em auto; padding-top:1em; text-align:center;  }
.page-title-border{ background:#000; height:2px; width:1.5em; margin:0.5em auto;}

.store-page-container{ width:100%; margin-top:calc(3.5em + 600px); background:#fff; position:relative; display:inline-block; }

.map-container{ padding-top:3.5em; position:fixed; width:100%; height:600px; top:0; left:0; }
.gmap-container{ width:100%; height:100%; }
.store-nearby-container{ position:absolute; top:calc(50% + 2em); text-align:center; width:90%; left:5%; pointer-events:none; text-shadow:-1px -1px 1px #fff, 1px -1px 1px #fff, -1px 1px 1px #fff, 1px 1px 1px #fff; display:none; }
.map-address-container{ margin:0.33em auto 0 auto; line-height:150%; width:27em; max-width:88vw; }

.stores-container{ margin:0 auto; padding-bottom:4em; width:calc(100% - 12vw); max-width:1400px;  }

.list-nav-container{ margin-bottom:2em; letter-spacing:0.04em; font-weight:500; border-bottom:1px solid #ddd; }
.list-nav-ele{ float:left; margin-left:2em; color:#777; cursor:pointer; padding-bottom:0.25em; }
.list-nav-ele:first-child{ margin-left:0; }
.list-nav-ele.hover, .list-nav-ele.active{ color:#000; border-bottom:0.2em solid #000; }

.all-list-container{ width:100%; overflow:hidden; }
.all-list-container-inner{ width:400%; -webkit-transition:transform .4s 0s; transition:transform .4s 0s; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); }

.all-list-container.store-region.hong-kong .all-list-container-inner{ -webkit-transform:translateX(-50%); transform:translateX(-25%); }
.all-list-container.store-region.china .all-list-container-inner{ -webkit-transform:translateX(-50%); transform:translateX(-50%); }

.region-container{  }

.shop-container{ margin-bottom:3em; width:100%; }
.shop-container:last-child{ margin-bottom:0; }
.shop-label-container{ margin-bottom:1em; }
.store-container{ color:#000; letter-spacing:0; font-size:0.7em; margin-bottom:1em; position:relative; }

.store-address-container{ float:left; width:calc(60% - 2em); cursor:pointer; }
.store-info-container{ float:left; width:40%; margin-left:2em; }
.store-hour-container{ float:left; width:58%; }
.store-tel-container{  float:left; width:42%;  text-align:left; }
.store-map-container{  float:right; text-align:right; cursor:pointer; display:none; }
.store-address-container.hover{ text-decoration:underline; }
.store-hour-container > div > div, .store-hour-container > tel > div{ float:left; }
.store-hour-container > div > div:nth-child(2){ width:8em; }
.store-hour-container > div{  margin-bottom:1.5em; }
.store-tel-container > div {  margin-bottom:0.3em; }

/* MAP */

/* static */
.static-page-container{ margin:3.5em auto 2em auto; display:inline-block; width:100%; }
.static-content-container{ margin:auto; width:88vw; max-width:1400px; text-align:left; color:#222; line-height:150%; }
.static-content-container a{ text-decoration:underline; }
.static-content-container li{ list-style-position:outside;  }
.static-content-container ol{ list-style-position:outside; margin-left:1.5em; }
/* static */


/* ABOUT */
.about-scroll-area-container{ position:fixed; width:100%; height:calc(100vh - 3.5em); top:3.5em; left:0;  }
.about-scroll-area{  }
.about-banner-container{ height:100%; width:100%;  position:absolute; top:0; left:0; background:#000; }
.about-banner-img-container{ height:100%; width:100%;  position:absolute; top:0; left:0; background-repeat:no-repeat; background-size:cover;
background-position:center center; }
.about-banner-txt-container{ position:absolute; text-align:center; top:calc(42.5% - 0em); left:50%; width:85%; -webkit-transform:translateX(-50%) translateY(-50%); transform:translateY(-50%) translateX(-50%); color:#fff; max-width:30em;
text-shadow:1px 1px 1px rgba(0, 0, 0, .4), .5px .5px 0 rgba(0, 0, 0, .6), -1px 1px 1px rgba(0, 0, 0, .4), .5px -0.5px 0 rgba(0, 0, 0, .6);
}
.about-banner-txt-container > div:nth-child(1){ margin-bottom:1em;  }

.about-indicator-container{ position:fixed; left:50%; bottom:1.66em; width:80%; max-width:20em; height:1.25em;  -webkit-transform:translateX(-50%); transform:translateX(-50%); }
.about-indicator-line-container{ height:2px; width:66%; background:#888; position:absolute; left:17%; top:calc(50% - 1px); }
.about-indicator-line-container-inner{ width:100%; height:100%; background:#ddd; width:0%; max-width:100%; }

.about-indicator-btn-container{position:absolute; width:10%; height:100%; cursor:pointer; background-repeat:no-repeat; background-size:contain; }
.about-indicator-btn-container.prev{ left:0;  background-position:center right;background-image:url("../img/about/icon-prev.svg") }
.about-indicator-btn-container.next{ right:0; background-position:center left; background-image:url("../img/about/icon-next.svg")  }



.milestone-background-container{ position:fixed; top:3.5em; left:0; width:100vw; min-height:100%; background-image:url(../img/milestone-bg.jpg); background-repeat:repeat-y;  background-position:center top; background-size:100% auto;
}
.milestone-scroll-area-container{ position:relative; top:0em; left:0; width:100%; max-width:1280px; height:auto;  margin:3.5em auto 3em auto; padding-top:0em;  }
.milestone-scroll-area-container canvas{ background:rgba(0,0,0,0); position:absolute; width:100%; height:100%; top:0; left:0; }

.milestone-ele-container{ position:relative; width:10em; height:auto; top:0; left:0; -webkit-transform:translateX(-50%) translateY(0%); transform:translateX(-50%) translateY(0%); opacity:1; margin-bottom:5.5em; opacity:1;  }
.milestone-ele-container:nth-child(2){ top:3.5em;  }
.milestone-ele-container:nth-child(1n+1){ left:25%;  }
.milestone-ele-container:nth-child(2n+1){ left:75%;  }
.milestone-ele-container:nth-child(3n+1){ left:50%;  }

.milestone-img-container{  width:100%; height:6.6em; background-size:cover; background-position:center; background-repeat: no-repeat; background-color:#fff; }
.milestone-img-container.vertical{ background-size:cover; background-position:left bottom; height:9em; width:6.6em;  }
.milestone-title-container, .milestone-text-container{ color:#fff; }
.milestone-title-container{ margin:0.5em 0 0.25em 0; font-size:0.8em; }
.milestone-text-container{  font-size:0.5em; letter-spacing:0; line-height:1.5; }

.milestone-space-container{ width:100%; height:3em; position:relative; }

.milestone-needle-container{ position:absolute; background-image:url(../img/needle.svg); background-repeat:no-repeat; background-position:center top; background-size:contain; -webkit-transform:rotate(-12deg); transform:rotate(-12deg); width:0.2em; height:1.9em; top:0; left:0; margin-left:-0.1em; margin-top:-0.23em;
 -webkit-transform-origin:50% 12%;
 transform-origin:50% 12%;
}
/* ABOUT */


/* GIFTCARD */

.black-gift-container{ position:relative; top:0; left:0; width:100vw; height:auto; background-color:#000; color:#fff; text-align:center; }
.top-text{ margin:3.5em auto 4em; width:80%; padding-top:3em; }
.gift-head, .gift-sub-head, .gift-buy-button, .gift-title { font-weight:800; }
.gift-buy-button{  position:absolute;  padding:1.5em 1.5em; background:#000; color:#fff; border:1px solid #fff;  font-size:0.6em; border-radius:0.3em; left:50%; transform:translate(-50%,0); margin:3em 0; }

.gift-buy-button:hover{ background:#fff; color:#000; }

.gift-head { font-size:2.1em; margin-bottom:1.3em; }
.gift-sub-head { font-size:1.7em; margin-bottom:0.8em; }
.gift-text { font-size:1em; margin-bottom:1em; line-height:130%; }
.gift-title { font-size:0.95em; }
.gift-caption{ font-size:0.5em; }

.giftcard-image{ width:60%; margin-top:6em; max-width:800px;  }

.bottom-text{ margin:0 0 4em 58vw; width:40%; text-align:left; padding-bottom:3em; }

.white-gift-container{  width:80%; margin:auto; position:relative; top:0; left:0; background-color:#fff; color:#000; }
.gift-text-stripe{ padding-bottom:1.5em; width:40%}
.gift-text-stripe:nth-child(1) { width:50%; }
.gift-text-stripe:nth-child(2){ margin-left:60%; }

.gift-purchase-bar{ opacity:0; }
/* GIFTCARD */


/* PODCAST */

.podcast-banner{ margin-bottom:0; top:3.5em; position:relative; }



.article-all-content-container.podcast{ margin:3.5em auto 0 auto; }

.podcast-left-container{ float:left; width:25%; letter-spacing:0; margin-top:0.33em; }
.podcast-right-container{ float:right; width:70%; height:auto; margin:0 auto 3em auto; }
.soundtrack-container{ margin: 2em auto 0 auto; }


.podcast-info-details{ width:50%; height:auto; float:left; margin-top:1em; }


.poadcast-details-inner table{ border-collapse:separate; border-spacing:0em; margin-left:0; margin-top:1em; }
.poadcast-details-inner td{ vertical-align:top; }
.poadcast-details-inner li{ float:left; width:100%; margin-bottom:1em; list-style-position: outside; }



.poadcast-details-inner .table-header{ width:3em; float:left;  }
.poadcast-details-inner .table-items{ width:65%; float:left; letter-spacing:0; margin-left:5%; margin-top:1em; }
.poadcast-details-inner .table-podcast-no{ width:0.1%; float:left; letter-spacing:0; margin-left:5%; margin-top:1em; }


.article-content-word iframe{ margin-top:-1.5em; z-index:90;}
.soundtrack-container img{ margin:0em;}

.recommend-article-slider.podcast{ position:relative; width:100%; height:auto; background-color:#fff; padding:0; margin:0em auto; }


/* PODCAST */

/* PODCAST TWO*/

.recommend-article-post.podcast { position:relative; float:left; width:calc( (100% - 4em) / 2 ); margin:0 1em 1.5em ;   }
.article-product-pic.podcast-video { margin-top:2em; }

.podcast-left-container .article-sns-all-icons-container{ margin-bottom:1em; }
.podcast-left-container .share-to-sns-container{ float:left; width:110%; letter-spacing:0; margin-top:1em; }

.sns-icon-container.itunes-b{ background-image:url("../img/podcast/iTunes-share-icon.png"); }
.sns-icon-container.spotify-b{ background-image:url("../img/podcast/sportify-icon.png"); }


.podcast-sns .article-sns-all-icons-container{ display:inline-block;  }
.podcast-sns .article-sns-all-icons-container:nth-child(2){margin-right:0.6em; }
.podcast-sns-text{ verticla-align:middle; margin: auto 0.2em; display:inline; }


.sns-icon-container.itunes{ background-image:url("../img/podcast/iTunes-share-icon-w.png"); }
.sns-icon-container.spotify{ background-image:url("../img/podcast/sportify-icon-w.png"); }
/* PODCAST TWO*/


/* PODCAST TWO-B*/

.articles-gallery.podcast .one-article-one-row .article-title { font-size:1.2em; letter-spacing:0.05em; margin-top:0.2em; margin-bottom:0.5em; }
.txt-grey{ color:#828282; }
.podcast .one-article-one-row .article-date{ font-size:0.6em; }
/* PODCAST TWO-B*/

/* NEW PODCAST */
.podcast-fix-share-buttons-container{ position:fixed; left:10em; top:50%; margin-top:0em; transform:translate(-7em,-50%); width:3em; height:auto; }
.three-article-three-row{ float:left; width:calc( ( 100% - 3.2em ) / 3  ); margin:.85em 0.8em 1.5em; /* margin-top:.85em; margin-bottom:;*/ position:relative;  }
.three-article-three-row:nth-child(1){ margin-left:0; }
.three-article-three-row:nth-child(3n + 4){ margin-left:0; clear:both; }
.three-article-three-row:nth-child(3n + 3){ margin-right:0;  }
.articles-gallery.podcast{ margin-top:0; padding-bottom:2em; width:100vw; height:auto; }
.articles-gallery.podcast .articles-gallery-body-container{ width:calc( 100% - 15em); max-width:2000px; margin:0 auto 2em 10em; }
.podcast-top-icon{ width:100%; margin-bottom:.5em; text-align:center; }

.articles-gallery.sounds .articles-gallery-body-container{ margin:0 auto 2em auto; }

.home-banner.podcast{ top:0; left:0; width:100%; height:50vw; max-height:600px; overflow:hidden; opacity:0; -webkit-transition:opacity 0s .3s; transition:opacity 0s .3s;  background:pink;}

.podcast-top-container{  width:100vw; height:50vw; margin:3.5em auto 0; text-align:center;  max-height:600px; }

.articles-gallery.podcast .three-article-three-row .article-title { font-size:0.8em; letter-spacing:0; margin-top:0.3em; margin-bottom:0.5em; }
.podcast .three-article-three-row .article-date{ font-size:0.5em; }
.podcast .three-article-three-row .article-content{ font-size:0.55em; letter-spacing:0; line-height:1.5; }
/* NEW PODCAST */


/* PODCAST POPUP */
.popup-launch-container{  width:100vw; height:auto; position:fixed; padding:.4em 0; bottom:0; text-align:center; z-index:92; -webkit-transition: 350ms 200ms ease-out; transition: 350ms 200ms ease-out; }
.popup-launch-container.inactive{ -webkit-transform:translateY(100%);transform:translateY(100%); -webkit-transition: 350ms ease-out; transition: 350ms ease-out; }
.popup-launch-container.bg-box{  width:100%; background-color:rgba(0,0,0,0.8); z-index:100;  }
.popup-launch-container.promo-text{ text-align:left; width:50%; margin:0 20% 0 30%; position:relative; bottom:auto; padding:0; }
.popup-launch-container.policy{ width:90%; margin:0 auto; max-width:1280px; }
.popup-launch-container.policy a{ text-decoration:underline; }

.popup-launch-container ul{ list-style-position: inside;}

.popup-close-button{ position:absolute; width:35px; height:35px; top:25px; right:10px; cursor:pointer; }
.popup-close-button .popup-rectangle{ position:absolute; width:80%; height:2px; background-color:#fff; transform-origin:center center; cursor:pointer;  }

.popup-close-button div:nth-child(1){ transform:rotate(45deg); }
.popup-close-button div:nth-child(2){ transform:rotate(-45deg); }

/* PODCAST POPUP */

/* PODCAST PROMOTE */
.podcast-promote-box{ width:100vw; top:0; left:0; min-height:calc(70% + 5em); }
.podcast-promote-box.hk-china-container{ background-color:#000; padding:6em 0 3em 0; }
.podcast-promote-box.hk-only-container{ padding-top:4em; }
.podcast-promo-all{ position:relative; height:auto; margin:auto; width:calc(100% - 12vw); max-width:1400px; }

.hk-china-container .podcast-promo-all .e-voucher{ border:3px solid #fff; width:100%; height:auto; margin:1.5em auto 2.5em; padding:1em 0; }
.e-voucher .joyce-bold{ margin-left:2em }

.joyce-promote-txt{ width:70%; margin:1em auto 1em; }
.joyce-promote-txt ul{ margin-left:0.7em; list-style-position:outside; list-style-type:disc; }

.hk-only-container{ margin-top:2em; background-color:#fff; }
.poadcast-promote-inner{ margin-top:2em;}

table{ border-collapse:separate; border-spacing:0em; margin-left:0; margin-top:1em; }
.poadcast-promote-inner td{ vertical-align:top; }
.poadcast-promote-inner li{ float:left; width:100%; margin-bottom:1em; margin-left:0.8em; list-style-position:outside; }

.poadcast-promote-inner .table-header{ width:20%; float:left; text-align:center; margin-top:0.5em;}
.poadcast-promote-inner .table-items{ width:70%; float:left; letter-spacing:0; margin-left:5%; margin-top:0; }
.poadcast-promote-inner .table-podcast-no{ width:1%; float:left; letter-spacing:0; margin-left:5%; margin-top:1em;}

.hk-only-container .poadcast-promote-inner ol{list-style-type: lower-roman;}

.podcast-promo-all p{ margin-top:0; }
/* PODCAST PROMOTE */

/* CAREER */

.home-banner.career{ margin-top:2.5em; }
.home-banner.career.general{ margin-top:calc(3.5em); }
.career-selection-container{ position:relative; width:calc( 100% - 12vw ); max-width:1400px; margin:0 auto; overflow:hidden;}
.career-selection-container .main-category-title{ margin:0.5em auto 0; }


.banner-container.video{ cursor:pointer; }
.banner-container.video .banner-image:after{ width:4em; height:4em; position:absolute; top:50%; left:50%; content:''; background-image:url(../img/icon-play.svg); -webkit-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); border-radius:1000px; background-position:center center; background-repeat:no-repeat; background-size:contain; cursor:pointer; }

.video-overlay-continer{ position:fixed; top:-1000vh; left:0; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index:100; }
.video-overlay-continer.active{ top:0; }
.video-overlay-bg-continer{ position:absolute; top:0; left:0; width:100%; height:100%; }
.video-overlay-continer video{ position:absolute; top:50%; left:50%; -webkit-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); width:1200px; height:675px; max-width:90vw; max-height:75vw; }
.video-close-container{ position:absolute; left:1.5em; top:calc(1.75em - 19px); width:56px; height:38px; cursor:pointer; }


.video-close-container div{ position:absolute; width:100%; height:4px; background:#fff; top:50%; left:0 }
.video-close-container div:nth-child(1){ transform:rotate(45deg); }
.video-close-container div:nth-child(2){ transform:rotate(-45deg); }


	/* JOBS */

.list-nav-container.career-category{  position:relative; margin:auto auto 2em; width:100%; letter-spacing:0.04em; border:none; display:flex; justify-content:center!important;  text-align:center; }
.list-nav-container.career-category .list-nav-ele{ margin:0 1em; }
.list-nav-container.career-category .list-nav-ele{ float:right }


.list-nav-ele.hover, .list-nav-ele.active{ color:#000; border-bottom:0.2em solid #000; }

.list-seperator{ width:100%; height:1px; background-color:#b2b2b2; }

.filter-about{ padding-top:0.3em;}
.filter-contact{ padding-top:0.3em;}
.jobs-function-container{ position:relative;  border-bottom:2px solid #000; margin-bottom:2em; letter-spacing:0.04em; padding:1.1em 0; }
.career-filter-list{ width:10em; height:auto; margin:auto; display:flex; justify-content:center; text-align:center; }
.jobs-function-container .search-icon{ width:1.6em; margin-left:1em; }

.career-filter-function{ position:relative; }
.career-filter-function-placeholder { width:100%; position:absolute; top:50%; transform:translate(0,-50%); pointer-events:none; padding-right:0.5em; }
.career-filter-function-placeholder.focus { opacity:0; }
.career-filter-function input[type=text]{ width:100%; height:2em; z-index:99; }
.career-filter-function input[type=text]:focus, { background-color:#fff; outline:none;  color:#000;}
.career-filter-function textarea, .career-filter-function select { background-color:#fff; }
.career-filter-function input:focus, .career-filter-function select:focus, .career-filter-function textarea:focus{ outline:none; font-style:inherit; color:#000; }

.career-all-job-list{ width:100%; height:auto; margin:auto; }
.career-all-job-list table{ width:100%; border-collapse:separate; border-spacing:0em; margin:1em auto 1em auto;}
.career-all-job-list td{ vertical-align:middle; margin:1% 0%; width:15%;  }
.career-all-job-list .job-title, .career-all-job-list .job-header { width:calc(100% - 22em); }
.career-all-job-list .job-header{ margin-bottom:2em; }
.job-title{ color:#333333; text-decoration:underline; margin-left:0%; }
.job-title.hover{ /*cursor:pointer; font-weight:600;*/ color:#000; }
.career-all-job-list .job-location{ width:7em; }
.career-all-job-list .job-department{  width:15em;}
.career-filter-list .job-header{line-height:100%; color:#000; }

.Lst-HeadT{ width:60%; }
.Lst-Head2{ width:25%; }
.Lst-Head3{ width:15%; }

.career-all-job-list .job-header, .career-all-job-list .job-title, .career-all-job-list .job-department, .career-all-job-list .job-location{ padding-bottom:1em; vertical-align:top; }
/* JOBS */

/* JOB INDIVIDUAL */
.career-job-container{ width:70%; margin:auto; max-width:1028px; }

.job-name-container{ position:relative; margin:6em auto 1em; padding:0.8em 0; text-align:center; font-size:1em; border-top:1px solid #000; border-bottom:1px solid #000; line-height:100%; left:50%; transform:translate(-50%,0); }

.job-info-container{ position:relative; text-align:left; font-size:0.6em; line-height:200%; }
/* JOB INDIVIDUAL */

.publish-date{ font-size:0.7em; margin-bottom:2em; }

.job-details-container{ position:relative; }
.job-detail-title{ font-size:0.7em; text-align:center; padding-bottom:0.3em; margin:3em auto 1em; border-bottom:1px solid #000; }

.job-detail-text{ width:75%; text-align:left; font-size:0.5em; margin:auto; line-height:200%; }

.apply-job-button-container{ position:relative; margin:2em; }
.apply-job-button{  padding:1em 1em; background-color:#000; color:#fff; text-align:center; font-size:0.55em; border:1px #000 solid; border-radius:0.4em; width:10em; margin:auto;}
.apply-job-button:hover{ opacity:70%; }
.txt-bold{ font-weight:800; }
.txt-normal{ font-weight:normal; }


	/* CONTACT */

.career-article-filter .jobs-contact-container{ position:relative; width:80%; margin:2em auto 4em; font-weight:normal; }
.jobs-contact-box{ width:calc( (100% - 5em - 2em) / 3 ); letter-spacing:0.04em; line-height:1.5em;}
.jobs-contact-box:nth-child(1){ float:left; margin-left:5em; }
.jobs-contact-box:nth-child(2){ float:left; margin-left:0;  margin-right:2em;  }
.jobs-contact-box:nth-child(3){ float:right; margin-right:0em; }
.jobs-contact-box a{ text-decoration:underline;  }
/*
.career-article-filter-container{ position:relative; width:1000%; height:auto; display:inline-block; }
.career-article-filter{ position:relative; float:left; width:10%; -webkit-transform:translateX(0%); transform:translateX(0%); margin-bottom:1em; }
.career-article-filter.active{ -webkit-transition:transform .4s; transition:transform .4s; -webkit-transform:translateX(0%); transform:translateX(0%); }
*/

.career-article-filter{ display:none; padding-bottom:2em; }
.career-article-filter.active{ display:block; }

.region-name{ font-weight:800; }
	/* CONTACT */


	/* ABOUT */
.all-about-stripe-container{  width:70%; height:auto; margin:1.2em auto auto; }
.stripe-bar{ position:relative; width:100%; height:auto; padding-bottom:3em; display:flex; }
.stripe-left-box{ text-align:right;  padding-right:0.8em; width:50%; height:auto; border-right:1px solid #000; }
.stripe-right-box{ font-size:0.75em; padding-left:1.2em; line-height:150%; width:50%; }
.stripe-chinese{ font-size: 0.75em; }
.stripe-describle-chinese, .special-cat-chi{ font-size:0.7em; }
.special-cat-eng, .stripe-left-box { font-size:1.5em; }
.special-cat-chi, .special-cat-eng{line-height:120%; }
.special-cat-chi { padding-left:0em; }
.special-cat-eng { padding-left:0.8em; }

/* 20200205 */
.stripe-bar.extra-line{ padding-bottom:1.2em; justify-content: center; }
.special-cat-eng, .stripe-left-box, .stripe-bar.extra-line { font-size:1.3em; }
.extra-value{ font-size:0.75em; }
.home-banner.career.about-slide{  position:relative; margin:auto; width:40vw; height:25vw; max-height:500px; overflow:hidden; opacity:0; -webkit-transition:opacity 0s .3s; transition:opacity 0s .3s; }
/* 20200205 */
	/* ABOUT */

/* CAREER */


@media only screen and (min-width: 0px) and (max-width:1023px) {

/* NEW PODCAST */
.three-article-three-row{  width:100%; margin:.85em 0 1.5em;  }
.articles-gallery.podcast .articles-gallery-body-container{ width:calc(100% - 5em); max-width:2000px; transform:translateX(-6em); margin-bottom:2em;  }

.articles-gallery.sounds .articles-gallery-body-container{ transform:translateX(0em); }

.podcast-fix-share-buttons-container{ left:2em; transform:translate(-50%,-50%); }
/* NEW PODCAST */

/* giftcard */
.gift-text-stripe{ width:100%; }
.gift-text-stripe:nth-child(1) { width:100% }
.gift-text-stripe:nth-child(2){ margin-left:0; }
.white-gift-container{ margin-bottom:0em; margin-top:3em; }
.giftcard-image{ width:80%; }
.bottom-text{ margin:auto; width:80%; text-align:left; padding-bottom:3em; }
/* giftcard */


.footer-container .sns-icon-container{ display:block;  }

.sns-icon-container{ display:none;  }
.info-all-icons-container{ top:50%; transform:translate(0,-50%); }
.info-all-icons-container.search-icon{ background-position:center left; right:auto;  }
.info-icon-container.lang-selector { font-size:.7em;}
.menu-rectangle, .video-close-container div{ height:2px; }

/* search */
.header-container .search-icon{ height:100%; display:none; }
.menu-container .info-all-icons-container.search-icon{ display:block; position:relative; border-bottom:2px solid #000; padding-bottom:0.5em; width:14em; top:auto; left:auto; transform:translateY(0%); margin:2em auto 0 auto; overflow:auto; opacity:0.6; -webkit-transition:opacity .4s; transition:opacity .4s; opacity:0; }
.menu-container.open .info-all-icons-container.search-icon{ opacity:0.6; -webkit-transition:opacity .4s 0.5s; transition:opacity .4s 0.5s; }
.menu-container .info-all-icons-container.search-icon.show{ opacity:1; }
.menu-container .info-icon-container.search-icon{ background-image:url( "../img/search-icon.svg"); background-position:center center; height:100%; width:1em; }
.info-all-icons-container.search-icon input{ color:#000; width:calc(100% - 1.75em);  left:1.75em;  }
.info-all-icons-container.search-icon.active{ width:14em;  }
/* search */

.share-to-sns-container{ display:none; opacity:0; width:0%; }
.article-words-container{ width:100%; }
.article-content-title, .article-content-date { text-align:center; }
.responsive-article-sns-bar{ opacity:1; -webkit-transform:translateY(100%); transform:translateY(100%); -webkit-transition:transform .4s; transition:transform .4s; }
.responsive-article-sns-bar.active{ -webkit-transform:translateY(0%); transform:translateY(0%); }
.responsive-article-sns-bar .sns-icon-container{ display:block;  }

.article-thumb{ padding-bottom:60%;}
.articles-gallery{ padding-bottom:6em; }
.articles-gallery.category{ padding-bottom:1em; }

/* BEAUTY */
.list-nav-container.beauty-category{ width:88vw; margin-left:auto; margin-right:auto; position:relative; }
.list-nav-container.beauty-category .list-nav-ele{ display:none; }

.list-nav-container.beauty-category select{ display:block; position:relative; background:transparent; opacity:0; width:100%; height:2.5em; }
.list-nav-ele-label{ font-size:1.25em; display:block; text-align:center; position:absolute; width:100%; left:0; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); }
.list-nav-ele-icon{ display:block; position:absolute; width:1.25em; height:100%; right:0; top:0; background-repeat:no-repeat; background-position:center right; background-size:contain; background-image:url(../img/icon-option-list.svg);  }
/* BEAUTY */

/*CAREER*/

.list-nav-container.career-category{ width:88vw; margin-left:auto; margin-right:auto; position:relative; }
.list-nav-container.career-category .list-nav-ele{ display:none; }
.list-nav-container.career-category select{ display:block; position:relative; background:transparent; opacity:0; width:100%; height:1.5em; }

	.career-selection-container .jobs-function-container{ padding:0.7em; }

.career-selection-container .list-nav-container{ margin-bottom:1.2em;}

.career-selection-container .all-articles-container{ margin-top:1.2em; }

.career-article-filter .jobs-contact-container{ width:100%; margin:.5em auto 2em;  }
.jobs-contact-box{ width:100%; margin:auto;   }
.jobs-contact-box:nth-child(1), .jobs-contact-box:nth-child(2), .jobs-contact-box:nth-child(3){ clear:both;  margin:0; padding:2em 0 2em 0;  border-bottom: 1px solid #b2b2b2; }

.jobs-contact-box:nth-child(1){ padding-top:2em; }
.all-about-stripe-container{  width:90%; }

.special-cat-eng, .stripe-left-box { font-size:1.2em; }
.special-cat-chi, .special-cat-eng{line-height:122%;}

/* 20200205 */
.special-cat-eng, .stripe-left-box, .stripe-bar.extra-line { font-size:1.2em; }
/* 20200205 */

/*CAREER*/

/* JOB */
.job-detail-text{ width:100%;  font-size:0.6em; }
.publish-date{ font-size:0.8em; }
.career-job-container{ width:80%; }
/* JOB */


/* BRAND */
.all-brand-list-content-container{ margin-bottom:3em; }
.main-category-title.brands{ margin-bottom:0; webkit-transition:padding .4s; transition:padding .4s; }

.brand-all-name-list .table-items{ padding-top:0.8em; }
.brand-all-name-list .table-header{ margin-right:1em; width:1em; margin-top:0.66em; float:left; }

.brand-all-name-list li{ /*width:calc( (100% - 4em ) / 2 );*/ width:calc(38vw - 2em); }
.brand-all-name-list table{ border-spacing:0em; }
.brand-filter-container{ width:100%;  }

.brands-header-container .main-category-title{ margin-bottom: 1em; }
.brands-header-container .sns-icon-container, .stores-container .sns-icon-container{ width:1.4em; height:1.4em; display:block; top:0.1em; }

.list-nav-container.brand-category{ width:100%; margin-left:auto; margin-right:auto; position:relative;  }
.list-nav-container.brand-category .list-nav-ele{ display:none; }

.list-nav-container.brand-category select{ display:block; position:relative; background:transparent; opacity:0; width:100%; height:2.5em; }

.brand-alphabet-bar, .brand-alphabet-border:nth-child(1){ display:none; }
.brand-alphabet-border{ display:none; }

.brand-all-name-list{ margin-top:2em; }

.responsive-a-to-z-list{ display:block; position:fixed; top:calc(50% + 1.75em); right:0.75em; transform:translateY(-50%); }
.a-to-z-list{ text-align:center; margin:0.2em 0; font-size:0.8em; }

.brand-filter-container .sns-icon-container{ position:absolute; width:1.5em; height:1.5em;  margin-top:0em; top:-2.6em; right:0; display:none; }

.brand-search-input{ bottom:auto; right:auto; width:100%; display:none; position:relative; margin:0 auto; }
.brand-search-input input{ width:100%; font-size:1em; }
/* BRAND */

.list-nav-container.store-region{ padding-top:1em; }
.stores-container .sns-icon-container{ bottom:auto; top:-3.3em; }
.stores-container .brand-search-input{ bottom:auto; margin-bottom:1em }


/* MENU OPEN*/
.menu-container{ overflow:scroll; -webkit-overflow-scrolling:touch; }
.menu-container-inner{ position:relative;  width:100%; min-height:100%; height:auto; margin:0 auto;  }
.big-nav-container{ position:relative; top:auto; transform:translate(-50%, 0%); margin-top:calc(3.5em + 1.75em); }

.menu-sns-icons-container{ display:flex; justify-content:center; width:88vw; margin:2.5em auto 1em auto; }
.menu-container-inner .sns-icon-container{ display:block; background-position:center; margin-left:0.25em; margin-right:0.25em; font-size:2em; }

.subscription-box-container{ position:relative;  width:94% !important; margin:1em 0 1.5em 0; }
.subscription-box-button{ font-size:1em; top:0.1em; }
.subscription-hint-container{ font-size:1em; top:0.4em}

.small-nav-container{ position:relative; left:auto; bottom:auto; width:88vw; margin:1em auto ; }
.small-nav{ margin-top:0.75em; width:50%; float:left; }

tiny-nav-container{ position:relative; right:auto; bottom:auto; width:88vw; margin:1em auto; display:flex; justify-content:flex-start; border-top:1px solid #ccc; padding-top:1em; }
	.tiny-nav{ color:#333; margin-bottom:0.5em; }

.menu-sns-icons-container{ opacity:0; transform:translateY(-50%); }
.menu-container.open .menu-sns-icons-container{ opacity:1; transform:translateY(0%);
	transition:opacity .4s, transform .5s; -webkit-transition:opacity .4s, transform .5s;
	transition-delay:0.4s; -webkit-transition-delay:0.4s;
}

/*.subscription-box-container{ transform:translateY(-50%); }
.menu-container.open .subscription-box-container{ transition-delay:0.55s; -webkit-transition-delay:0.55s; }	 */

.menu-container.open .small-nav:nth-child(1){ -webkit-transition:opacity .4s .60s, transform .4s .60s, color .2s; transition:opacity .4s .60s, transform .4s .60s, color .2s; }
.menu-container.open .small-nav:nth-child(3){ -webkit-transition:opacity .4s .65s, transform .4s .65s, color .2s; transition:opacity .4s .65s, transform .4s .65s, color .2s; }
.menu-container.open .small-nav:nth-child(5){ -webkit-transition:opacity .4s .70s, transform .4s .70s, color .2s; transition:opacity .4s .70s, transform .4s .70s, color .2s; }
.menu-container.open .small-nav:nth-child(2){ -webkit-transition:opacity .4s .75s, transform .4s .75s, color .2s; transition:opacity .4s .75s, transform .4s .75s, color .2s; }
.menu-container.open .small-nav:nth-child(4){ -webkit-transition:opacity .4s .80s, transform .4s .80s, color .2s; transition:opacity .4s .80s, transform .4s .80s, color .2s; }

/*.tiny-nav-container{ transform:translateX(-15%); flex-wrap:wrap; }
.menu-container.open .tiny-nav-container{ transition-delay:0.9s;  -webkit-transition-delay:0.9s; } */

.big-nav h1 > div, .big-nav.hover h1 > div, .big-nav.active h1 > div{ -webkit-transition:transform 0s; transition:transform 0s; }
/* MENU OPEN*/
}

.endless-loader-container{ margin:1em auto 2em auto; width:2.7em; display:none;  }
.endless-loader-dot{ width:.4em; height:.4em; border-radius:100px; margin:0 0.25em; background:#000; float:left;  }

.endless-loader-dot:nth-child(1){ -webkit-animation:endless-loader-animation-a 1.25s infinite; animation:endless-loader-animation-a 1.25s infinite; }
.endless-loader-dot:nth-child(2){ -webkit-animation:endless-loader-animation-b 1.25s infinite; animation:endless-loader-animation-b 1.25s infinite; }
.endless-loader-dot:nth-child(3){ -webkit-animation:endless-loader-animation-c 1.25s infinite; animation:endless-loader-animation-c 1.25s infinite; }






/* PODCAST TWO-B */

.podcast .one-article-one-row, .podcast .category-article-border{margin-left:auto; margin-right:auto; }
/* PODCAST TWO-B */


@-webkit-keyframes endless-loader-animation-a {
  	0%   { transform:translateY(0%); }
	40%   { transform:translateY(-100%); }
  	80% { transform:translateY(0%); }
	100% { transform:translateY(0%); }
}

@keyframes endless-loader-animation-a {
	0%   { transform:translateY(0%); }
	40%   { transform:translateY(-100%); }
  	80% { transform:translateY(0%); }
	100% { transform:translateY(0%); }
}
@-webkit-keyframes endless-loader-animation-b {
  	0%   { transform:translateY(0%); }
	8%   { transform:translateY(0%); }
	48%   { transform:translateY(-100%); }
  	88% { transform:translateY(0%); }
	100% { transform:translateY(0%); }
}

@keyframes endless-loader-animation-b {
	0%   { transform:translateY(0%); }
	8%   { transform:translateY(0%); }
	48%   { transform:translateY(-100%); }
  	88% { transform:translateY(0%); }
	100% { transform:translateY(0%); }
}
@-webkit-keyframes endless-loader-animation-c {
  	0%   { transform:translateY(0%); }
	16%   { transform:translateY(0%); }
	56%   { transform:translateY(-100%); }
	96% { transform:translateY(0%); }
	100% { transform:translateY(0%); }
}

@keyframes endless-loader-animation-c {
	0%   { transform:translateY(0%); }
	16%   { transform:translateY(0%); }
	56%   { transform:translateY(-100%); }
	96% { transform:translateY(0%); }
	100% { transform:translateY(0%); }
}


@media only screen and (min-width: 0px) and (max-width:767px) {
	.footer-container .sns-all-icons-container{ display:flex; justify-content:center; position:relative; right:auto; top:auto; margin:0 auto; font-size:1em; padding-bottom:0.5em; }



	/* NEW PODCAST */
	.articles-gallery.podcast .articles-gallery-body-container{ margin-bottom:1em; }
	.home-banner.podcast-banner a .banner-container .banner-words-container{ background:pink; }
	.home-banner.podcast{ height:80vw; max-height:400px; }
	/* NEW PODCAST */

	/* giftcard */
	.top-text{ padding-top:1.5em; }
	.gift-purchase-bar{ opacity: 0; }


	/* giftcard */

	/* ARTICLE */
	.article-banner{ height:80vw; }
	.article-all-content-container{ margin-top:calc(80vw + 3.5em);  }
	.article-all-content-container.inapp{ margin-top:80vw; }

	.banner-words-container{ width:90vw; }
	.banner-words-container .txt-big{ width:100%;  }
	/* ARTICLE */


	/* BRAND */
	.brand-all-name-list .table-items{ width:calc(100% - 1em); }
	.brand-all-name-list .table-header{ margin-top:0.6em; margin-right:0;  }

	.brand-all-name-list{  width:80vw;}
	.brand-all-name-list li{ width:calc(80vw - 4em); }
    .brand-description{ width:100%; }
	.brands-header-container{ width:80vw; }
	/* .brand-location{ width:100%; margin-top:2.5em; text-align:right; display:inline-block; line-height:2; letter-spacing:0.05em; }*/
	.home-banner-indicator, .contact-banner-indicator, .article-gallery-indicator{ width:0.4em; height:0.4em; }
	/* BRAND */


	/* CONTACT */
	.contact-page-container{ min-height:0em; position:relative; height:100%; width:100%; }

	.contact-question-container .page-title-container{ letter-spacing:0px; }
	.contact-question-container .page-title-border{ margin:0.75em auto 1em auto; }

	.answer-mc-container{  margin:0 0.75em; }

	.answer-container textarea, .answer-container input{ font-size:16px; max-height:7.5em; }

	.answer-next-container > div:nth-child(2){ font-weight:800; opacity:0; }
	.answer-next-container > div:nth-child(1){ opacity:1;}
	/* CONTACT */

	/* MAP */
	.list-nav-container.store-region .list-nav-ele{ width:calc(32% - 1.5em); margin:0; text-align:center; padding-bottom:0.25em; border-width:0.33em; }
	.list-nav-container.store-region .list-nav-ele:nth-child(2){ margin:0 2.25em; width:calc(36% - 1.5em);  }

	.store-page-container{ margin-top:calc(3.5em + 80vw); }
	.map-container{ height:80vw; }

	.shop-label-container{ font-size:1.5em; }

	.store-address-container{ width:calc(100% - 4.5em); margin-bottom:1em; }
	.store-info-container{ display:none; width:calc(100% - 4em); margin-left:0em; margin-bottom:2em; }
	.store-hour-container{ width:100%; margin-bottom:0.25em; }
	.store-hour-container > div > div:nth-child(1){  float:left; width:1.2em; height:1em; margin-right:0.5em; }
	.store-hour-container > div:nth-child(1) > div:nth-child(1){ background-image:url("../img/clock.svg"); margin-top:0.1em;  }
	.store-hour-container > div:last-child{ margin-bottom:0em;  }

	.store-tel-container{  width:100%; margin-bottom:0.5em; margin-top:0.4em; text-align:left; }
	.store-tel-container > div > div:nth-child(1){  float:left; width:1.2em; height:1em; margin-right:0.5em; }
	.store-tel-container > div:nth-child(1) > div:nth-child(1){  background-image:url("../img/phone.svg"); margin-top:0em; }

	.store-map-container{  width:100%; text-align:left; display:block; }
	.store-map-container > div{ float:left;  }
	.store-map-container > div:nth-child(1){  background-image:url("../img/pin.svg"); float:left; width:1.2em; height:1.2em; margin-right:0.5em; margin-top:0em; }

	.store-hour-container > div:nth-child(1) > div:nth-child(1), .store-tel-container > div:nth-child(1) > div:nth-child(1), .store-map-container > div:nth-child(1){
		background-position:center center; background-repeat:no-repeat; background-size:contain;
	}

	.store-tel-container > div > div:nth-child(2), .store-map-container > div:nth-child(2){ text-decoration:underline; }
	.store-tel-container > div > div:last-child{ margin-bottom:0em;  }
	.store-container{ margin-bottom:0.5em; font-size:1em; }
	.store-container .store-address-container{ /*font-weight:600;*/ }
	.store-container .drop-down-button{ width:1.5em; height:1.5em; top:0.66em; transform:translateY(-50%); }
	/* MAP */

	.home-banner{ height:80vw; max-height:400px; }
	.home-banner.giftcard{ margin-top:1em; }

	.articles-gallery-label-container{ display:none; }
	.ele-article-container-inner-label{ position:relative; display:block; width:calc(100vw - 12vw); font-size:1.2em; margin:0 auto; border-top:1px solid #000; padding:0.75em 0; text-align:center; cursor:pointer;  }
	.ele-article-container-inner-label.last{ border-bottom:1px solid #000; margin-bottom:1em; }

	.drop-down-button{ background-image:url("../img/drop-down-round-button.svg"); background-repeat:no-repeat; background-size:contain; width:1.25em; height:1.25em; cursor:pointer; position:absolute; top:50%; right:0vw; transform:translateY(-50%); }

	.ele-article-container-inner-label.active .drop-down-button, .store-container.show .drop-down-button{ transform:translateY(-50%) rotate(180deg); }

	.ele-article-container-inner .all-articles-container{ margin-top:0; }

	.articles-gallery-body-container{ width:100%; }
	.articles-gallery-body-container-inner{ width:100%; }
	.all-ele-articles-container{ width:100%; }
	.all-ele-articles-container.fashion{ margin-top:2em; }

	.ele-article-container-inner{ display:block !important; }

	.ele-article-container-inner.active{ transition:opacity 0s, transform 0s; -webkit-transition:opacity 0s, transform 0s; }
	.all-ele-articles-container:nth-child(1) .ele-article-container-inner{transform:translateX(0%); }
	.all-ele-articles-container:nth-child(2) .ele-article-container-inner{transform:translateX(0%); }
	.all-ele-articles-container:nth-child(3) .ele-article-container-inner{transform:translateX(0%); }

	.all-ele-articles-container:nth-child(1) .ele-article-container-inner.active{transform:translateX(0%); }
	.all-ele-articles-container:nth-child(2) .ele-article-container-inner.active{transform:translateX(0%); }
	.all-ele-articles-container:nth-child(3) .ele-article-container-inner.active{transform:translateX(0%); }


	.all-category-articles-container{ width:calc(100% ); }


	.three-articles-one-row{ width:calc(100% - 12vw); margin:0em auto 2em 6vw;  }
	.three-articles-one-row:nth-child(1){ margin-left:6vw; }
	.two-articles-one-row{ width:100%; margin:0em auto 2em; }
	.two-articles-one-row:nth-last-child(1){ margin-left:0; }

	.one-article-one-row, .category-article-border{  margin-left:6vw; }

	.article-pic{ width:100%; display:block; }
	.one-article-one-row .article-thumb{ width:100%; padding-bottom:60%; }
    .one-row-text{ width:100%; clear:both; margin-top:.5em; }

    .article-hashtag{ position:relative; margin-top:2em; clear:both; }

	/* CATEGORY */
	.articles-gallery.category .one-article-one-row, .articles-gallery.category .category-article-border{ width:88vw; }

	.highlight-articles-container{ background:transparent; width:100%; height:auto; position:relative; margin-bottom:1em;}
	.landing.highlight-articles-container{ /*background:#000;*/ margin-bottom:2em; padding:0vw 0;  }
	.highlight-articles-container-inner{ width:calc(100%); transition:transform 0.4s; }

	.landing.highlight-articles-container .article-title, .landing.highlight-articles-container .article-paragraph, .landing.highlight-articles-container .article-date{ /*display:none;*/ }
	.highlight-articles-container .article-title, .highlight-articles-container .article-paragraph, .highlight-articles-container .article-date{ display:block; }
	.highlight-articles-container .two-articles-one-row{ width:calc(88vw); margin-left:6vw; /*margin-bottom:0;*/ }

	.sneak-peek-ig-container, .all-recommend-article-container{ overflow:hidden; margin-left:0em; margin-right:0; width:calc(100% - 0em); }
	.sneak-peek-ig-container-inner, .recommend-article-inner{ transition:transform 0.4s;  }
	.sneak-peek-ig-post:nth-child(1), .recommend-article-post:nth-child(1){ margin:0 0.5em 0 1em; }
	.sneak-peek-ig-post:nth-child(2), .recommend-article-post:nth-child(2){ margin:0 0.5em 0 0.5em; }
	.sneak-peek-ig-post:nth-child(3), .recommend-article-post:nth-child(3){ margin:0 1em 0 0.5em; }

	.all-recommend-article-container{ margin-left:auto; margin-right:auto; width:88vw; }
	.recommend-article-post:nth-child(1){ display:none; }


	/* PODCAST TWO */
	.recommend-article-post.podcast {width:100% ; margin:0 auto 0; display:block; padding-bottom:1.5em; }
	.recommend-article-post.podcast :nth-child(3){  margin:0 auto 0; }
	/* PODCAST TWO */

	/* PODCAST POPUP */
	.popup-launch-container.promo-text{ width:80%; margin:0 10% 0 10%; }
	.e-voucher .joyce-bold.en{ max-width:9em; }
	.popup-launch-container.policy{ width:85%; margin:0 0 0 5%; }
	.popup-launch-container.policy .joyce-light:nth-child(1){ margin-bottom: 1em; }

	.popup-close-button{ width:30px; height:30px; top:25px; right:5px; }
	/* PODCAST POPUP */


	/* BRAND INDIVIDUAL */
	.brand-description{  width:100%; line-height:160%; margin-bottom:2em; }
	..{ width:100%; float:none; text-align:center; line-height:120%;  }
	.brand-individual-read-more{ margin-top:2em; }
	.brand-article-banner{ height:75vw; max-height:400px; }

	.brand-individual .page-title-container{ margin-bottom:0.7em; }
	.brand-location{  clear:both; margin-bottom:1em; }
	.brand-location img{  margin:0.2em 0.5em 0em auto; }
	.brand-location.txt-small{ font-size:0.8em; }

	.brand-individual-read-more .txt-p{ font-size:1em; }

	.brand-location-container{ left:calc(50% - 5em); z-index:10; width:10em; -webkit-transition:transform .4s; transition:transform .4s;  }
	.brand-location-container-inner{ background-repeat:no-repeat; background-position:center; background-size:40% auto; background-image:url("../img/brand/location-pin-icon.svg"); border-radius:100px; width:3em; height:3em; border:1px solid #000;   background-color:#fff; margin:auto; }

	.brand-location-container-label{ padding-bottom:1em;  letter-spacing:0; text-align:center; margin-top:0.5em; text-shadow:-1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; }
	.brand-location-container.active{ -webkit-transform:translateY(0%); transform:translateY(0%); }
	/* BRAND INDIVIDUAL */


	/* TEXT */
	.two-articles-one-row .article-title, .three-articles-one-row .article-title{ margin-top:0.5em; }


	/* TEXT */

	/* PODCAST */
	.podcast-left-container{ display:none;}
    .podcast-right-container{ clear:right; width:100%; height:auto; }
    .podcast-info-details{ width:100%; margin-bottom:0.5em; }
	.poadcast-details-inner .table-items{ margin-top:1em; }
    .podcast-banner-image{ background-position:center; }
	/* PODCAST */


	/* CAREER */
	.career-all-job-list .job-title, .career-all-job-list .job-header { width:calc(100% - 16em); }
	.career-all-job-list .job-location{  width:6em; }
	.career-all-job-list .job-department{  width:10em;}

	.Lst-HeadT{ width:50%; }
	.Lst-Head2{ width:25%; }
	.Lst-Head3{ width:25%; }

	/* 20200205 */
	.home-banner.career.about-slide { width:90vw; height:56.2vw; max-width:420px; max-height:262px; }
	/* 20200205 */
	/* CAREER */


	.joyce-promote-txt{ width:100%; margin:1em auto 1em; }
	.hk-china-container .podcast-promo-all .e-voucher{ border:2px solid #fff; width:calc(100% - 2em);  padding:1em; }
	.e-voucher .joyce-bold{ margin-left:0em }


	.tiny-nav-container{ width:80% }

}

@media only screen and (min-width: 0px) and (max-width:479px) {


	/* NEW PODCAST */
	.articles-gallery.podcast .articles-gallery-body-container{ margin-bottom:1em; }

	/* NEW PODCAST */

	 html,body{ font-size:18px; }
	.txt-tiny{ font-size:0.6em; }
	.txt-small{font-size:0.7em; }

	.video-close-container{width:26px; height:20px; top:calc(1.75em - 10px); left:1em; }
	.menu-icon{ width:26px; height:20px; left:1em;  }
	.menu-rectangle:nth-child(2), .menu-rectangle:nth-child(4){ top:9px; }
	.menu-icon.active .menu-rectangle:nth-child(1){ transform:translateY(8px);  }
	.menu-icon.active .menu-rectangle:nth-child(3){ transform:translateY(-8px); }

	.info-all-icons-container{ right:1em; }
	/*.info-all-icons-container.search-icon{ height:22px; width:22px; left:calc(26px + 1.75em); }*/

	.recommend-article-post:nth-child(2), .recommend-article-post:nth-child(3){ margin:0 0em 2em 0em; }

	.recommend-article-inner{ width:calc(100% + 0em); }
	.recommend-article-post{ width:calc(100% - 0em);  }

	.sneak-peek-ig-container-inner{ width:88vw; margin:auto;}
	.sneak-peek-ig-post{ width:100%; clear:both; }
	.sneak-peek-ig-post:nth-child(1){ margin:0 auto 2em auto; }
	.sneak-peek-ig-post:nth-child(2){ margin:0 auto 2em auto; }
	.sneak-peek-ig-post:nth-child(3){ margin:0 auto 2em auto; }
	.sneak-peek-ig-post > a > div > video{ position:relative; }
	.sneak-peek-ig-post > a > div{ padding-bottom:100%; background-color:#fff; }
	/* BANNER */
	.banner-words-container .txt-title{ font-size:0.7em; }
	.banner-words-container .txt-big{ font-size:1.15em; letter-spacing:1px; margin:0.5em auto 1.5em auto; }
	.banner-words-container .txt-small{ font-size:0.7em; }
	.banner-words-container .txt-small > img{ height:5px; margin-top:1px; }
	/* BANNER */

	/* MAP */
	.list-nav-container.store-region .list-nav-ele{ width:calc(29% - 1em); }
	.list-nav-container.store-region .list-nav-ele:nth-child(2){ margin:0 1.5em; width:calc(42% - 1em);  }
	/* MAP */

	.article-iframe.anchor{ padding-bottom:98px;}

	/* TEXT */
	.about-banner-txt-container{  font-size:0.8em; letter-spacing:0.05em; top:calc(40% - 0em); }

	.page-title-container.txt-big{ font-size:1.3em; }

	.article-content-title{ font-size:1.2em; margin-bottom:0.3em; }
	.article-content-word{ font-size:0.8em; }
	.article-content-date{ font-size:0.66em; color:#333; margin-top:1em; }

	.one-article-one-row .article-title{ font-size:0.95em; letter-spacing:0.05em; margin-top:0.2em; margin-bottom:0.2em; }
	.one-article-one-row .article-paragraph{ font-size:0.8em; margin-bottom:0.75em; }
	.one-article-one-row .article-date{ font-size:0.66em; color:#333; margin:0; }
	.one-article-one-row .article-hashtag{ font-size:0.66em; }

	.two-articles-one-row .article-title, .three-articles-one-row .article-title{ font-size:0.95em; letter-spacing:0.05em; margin-top:0.7em; margin-bottom:0.2em; }
	.two-articles-one-row .article-paragraph, .three-articles-one-row .article-paragraph{ font-size:0.8em; margin-bottom:0.75em; }
	.two-articles-one-row .article-date, .three-articles-one-row .article-date{ font-size:0.66em; color:#333; }

	.sneak-peek-ig-post .txt-small, .sneak-peek-ig-post .txt-p{ font-size:0.8em; }
	.sneak-peek-ig-post .txt-tiny{ font-size:0.66em; }

	.recommend-article-post .txt-p{ font-size:0.95em; margin-top:0.7em; margin-bottom:0.2em; line-height:140%!important; }
	.recommend-article-post .txt-small{ font-size:0.8em; margin-bottom:1.5em; line-height:140%!important; }
	.recommend-article-post .txt-tiny{ font-size:0.66em; }

	.podcast .three-article-three-row .article-title{ font-size:0.95em!important; line-height:140%!important; }
	.podcast .three-article-three-row .article-content{ font-size:0.8em; margin-bottom:1em; line-height:140%!important; }
	.podcast .three-article-three-row .article-date{ font-size:0.66em;  }

	.brand-description.txt-p{ font-size:0.8em; }
	/* TEXT */

	.static-content-container.txt-small{ font-size:16px; }

	.page-title-container.txt-title{ font-size:1.1em; }
	.answer-container.txt-p{ font-size:0.8em; }

	.article-gallery-caption, .article-tags-container{ font-size:0.8em; }

	.podcast-sns .article-sns-all-icons-container:nth-child(2){margin-right:0em; }
	.podcast-sns.responsive-article-sns-bar .sns-icon-container{ margin-left:0em; margin-right:3vw;  width:1.1em; height:1.1em; max-width:5vw; max-height:5vw; }
	.podcast-sns-text{ verticla-align:middle; margin: auto 0.2em; display:inline; }

	/* PODCAST POPUP */

	/* CAREER */
	.stripe-describle-chinese{ font-size:0.9em; }
	.jobs-function-container{  padding:0.6em 0; }
	.special-cat-eng, .stripe-left-box { font-size:1em; }

	/* 20200205 */
	.special-cat-eng, .stripe-left-box, .stripe-bar.extra-line{ font-size:0.7em; }
	/* 20200205 */
	/* CAREER */

	/* giftcard */
	.gift-purchase-bar{ opacity:0; }

	/* giftcard */

	/* ABOUT */
	.milestone-ele-container:nth-child(1n+1){ left:33%;  }
	.milestone-ele-container:nth-child(2n+1){ left:66%;  }

	.milestone-title-container{ font-size:1em; }
	.milestone-text-container{  font-size:0.66em;  }

	.contact-info-container{ height:calc(100% - 5.5em); width:100%; min-height:24em; padding-top:5.5em; }
	.contact-info-container-inner{ position:relative; left:auto; top:auto; transform:translate(-0%,-0%); margin:auto }
	.contact-email-container{ font-size:1em; }


}


@media only screen and (min-width: 480px) and (max-width:767px) {




	 html,body{ font-size:20px; }
	.txt-tiny{ font-size:0.6em; }
	.txt-small{font-size:0.66em; }

	.video-close-container{width:30px; height:22px; top:calc(1.75em - 11px); left:1em;  }
	.menu-icon{ width:30px; height:22px; left:1em;  }
	.menu-rectangle:nth-child(2), .menu-rectangle:nth-child(4){ top:10px; }
	.menu-icon.active .menu-rectangle:nth-child(1){ transform:translateY(9px);  }
	.menu-icon.active .menu-rectangle:nth-child(3){ transform:translateY(-9px); }

	/*.info-all-icons-container.search-icon{ height:25px; width:25px; left:calc(30px + 2em);  }	*/
	.info-all-icons-container{ right:1em; }

	.recommend-article-post:nth-child(2){ margin:0 0.5em 0 0em; }
	.recommend-article-post:nth-child(3){ margin:0 0em 0 0.5em; }

	.recommend-article-inner{ width:calc(100% + 0em); }
	.recommend-article-post{ width:calc(50% - 0.5em);  }

	.sneak-peek-ig-container-inner{ width:88vw; margin:auto;}
	.sneak-peek-ig-post{ width:calc(50% - 0.5em); }
	.sneak-peek-ig-post:nth-child(1){ margin:0 0.5em 0 auto; }
	.sneak-peek-ig-post:nth-child(2){ margin:0 auto 0 0.5em; }
	.sneak-peek-ig-post:nth-child(3){ display:none; }


	/* BANNER */
	.banner-words-container .txt-title{ font-size:0.7em; }
	.banner-words-container .txt-big{ font-size:1.1em; letter-spacing:1px; margin:0.5em auto 1.5em auto; }
	.banner-words-container .txt-small{ font-size:0.7em; }
	.banner-words-container .txt-small > img{ height:5px; margin-top:2px; }
	/* BANNER */

	.article-iframe.anchor{ padding-bottom:98px;}
	.article-iframe.spotify-podcast{  }

	/* TEXT */
	.about-banner-txt-container{  font-size:0.75em; letter-spacing:0.05em;  }

	.page-title-container.txt-big{ font-size:1.3em; }

	.article-content-title{ font-size:1.2em; margin-bottom:0.3em; }
	.article-content-word{ font-size:0.75em; }
	.article-content-date{ font-size:0.6em; color:#333; margin-top:1em; }

	.one-article-one-row .article-title{ font-size:0.9em; letter-spacing:0.05em; margin-top:0.2em; margin-bottom:0.2em; }
	.one-article-one-row .article-paragraph{ font-size:0.75em; margin-bottom:0.75em; }
	.one-article-one-row .article-date{ font-size:0.6em; color:#333; margin:0; }
	.one-article-one-row .article-hashtag{ font-size:0.6em; }

	.two-articles-one-row .article-title, .three-articles-one-row .article-title{ font-size:0.9em; letter-spacing:0.05em; margin-top:0.75em; margin-bottom:0.2em; }
	.two-articles-one-row .article-paragraph, .three-articles-one-row .article-paragraph{ font-size:0.75em; margin-bottom:0.75em; }
	.two-articles-one-row .article-date, .three-articles-one-row .article-date{ font-size:0.6em; color:#333; }

	.sneak-peek-ig-post .txt-small, .sneak-peek-ig-post .txt-p{ font-size:0.75em; }
	.sneak-peek-ig-post .txt-tiny{ font-size:0.6em; }

	.recommend-article-post .txt-p{ font-size:0.9em; margin-top:0.75em; margin-bottom:0.2em; line-height:140%!important; }
	.recommend-article-post .txt-small{ font-size:0.75em; margin-bottom:1.2em; line-height:140%!important; }
	.recommend-article-post .txt-tiny{ font-size:0.6em; }

	.podcast .three-article-three-row .article-title{ font-size:0.9em!important; line-height:140%!important; }
	.podcast .three-article-three-row .article-content{ font-size:0.75em; margin-bottom:1.2em; line-height:140%!important; }
	.podcast .three-article-three-row .article-date{ font-size:0.6em;  }

	.brand-description.txt-p{ font-size:0.75em; }

	.page-title-container.txt-title{ font-size:1.1em; }
	.answer-container.txt-p{ font-size:0.75em; }
	.answer-mc-container{  margin:0 1em; }
	/* TEXT */

	.static-content-container.txt-small{ font-size:16px; }

	.article-gallery-caption, .article-tags-container{ font-size:0.75em; }
	.podcast-sns.responsive-article-sns-bar .sns-icon-container{ margin-left:0.15em; width:1em; height:1em; }

	.contact-email-container{ font-size:0.9em; }
}



@media only screen and (min-width: 768px) and (max-width:1023px) {


	/* NEW PODCAST */
	.three-article-three-row{  width: calc( (100% - 3.2em )/ 2); margin:.85em 1.6em 1.5em; }
	.three-article-three-row:nth-child(1){ margin-left:1.6em; }
	.three-article-three-row:nth-child(3n + 4){ margin-left:1.6em; clear:none; }
	.three-article-three-row:nth-child(3n + 3){ margin-right:1.6em;   }
	.three-article-three-row:nth-child(even){ margin-left:0; margin-right:0; }
	/* NEW PODCAST */

	html,body{ font-size:22px; }

	.video-close-container{width:34px; height:26px; top:calc(1.75em - 13px); left:1em;  }
	.menu-icon{ width:34px; height:26px; left:1em; }
	.menu-rectangle:nth-child(2), .menu-rectangle:nth-child(4){ top:12px; }
	.menu-icon.active .menu-rectangle:nth-child(1){ transform:translateY(10px);  }
	.menu-icon.active .menu-rectangle:nth-child(3){ transform:translateY(-10px); }

	.info-all-icons-container{ right:1em; }
	/*.info-all-icons-container.search-icon{ height:30px; width:30px; left:calc(34px + 2em); }	*/

	.store-address-container{ width:calc(55% - 2em);  }
	.store-info-container{ width:45%; margin-left:2em; }

	/* BANNER */
	.banner-words-container .txt-title{ font-size:0.6em; }
	.banner-words-container .txt-big{ font-size:1.1em; letter-spacing:0.05em; margin:0.5em auto 1.33em auto; }
	.banner-words-container .txt-small{ font-size:0.6em; }
	.banner-words-container .txt-small > img{ height:6px; margin-top:2px; }
	/* BANNER */


	.brand-location img{  margin:0.15em 0.5em 0em auto; }

	/* ARTICLE */
	.article-banner{ height:60vw; }
	.article-all-content-container{ margin-top:calc(60vw + 3.5em);  }
	.article-all-content-container.inapp{ margin-top:60vw; }

	.article-iframe.anchor{ padding-bottom:160px;}
	/* ARTICLE */

	/* MAP */
	.store-page-container{ margin-top:calc(3.5em + 45vw); }
	.map-container{ height:45vw; }
	.store-container{ font-size:0.8em; }

	.store-address-container{ width:calc(52% - 2em); }
	.store-info-container{ width:48%; margin-left:2em; }
	.store-hour-container{ width:59%; }
	.store-tel-container{  width:41%;  }
	/* MAP */

	/* TEXT */
	.about-banner-txt-container{  font-size:0.8em; letter-spacing:0.05em;  }

	.page-title-container.txt-big{ font-size:1.3em; }

	.label-ele-container{ font-size:0.6em; }
	.nav-ele-container{ font-size:0.6em; }

	.article-content-title{ font-size:1.1em; margin-bottom:0.3em; }
	.article-content-word{ font-size:0.66em; }
	.article-content-date{ font-size:0.5em; color:#333; margin-top:1em; }

	.one-article-one-row .article-title{ font-size:0.75em; letter-spacing:0.05em; margin-top:0em; margin-bottom:0.2em; }
	.one-article-one-row .article-paragraph{ font-size:0.66em; margin-bottom:0.75em; }
	.one-article-one-row .article-date{ font-size:0.5em; color:#333; margin:0; }
	.one-article-one-row .article-hashtag{ font-size:0.5em; }

	.two-articles-one-row .article-title, .three-articles-one-row .article-title{ font-size:0.75em; letter-spacing:0.05em; margin-top:0.66em; margin-bottom:0.2em; }
	.two-articles-one-row .article-paragraph, .three-articles-one-row .article-paragraph{ font-size:0.66em; margin-bottom:0.75em; }
	.two-articles-one-row .article-date, .three-articles-one-row .article-date{ font-size:0.5em; color:#333; }

	.sneak-peek-ig-post .txt-p{ font-size:0.66em; }
	.sneak-peek-ig-post .txt-tiny{ font-size:0.5em; }

	.recommend-article-post .txt-p{ font-size:0.75em; margin-top:0.66em; margin-bottom:0.2em; line-height:140%!important; }
	.recommend-article-post .txt-small{ font-size:0.66em; margin-bottom:1.5em; line-height:140%!important; }
	.recommend-article-post .txt-tiny{ font-size:0.5em; }

	.brand-description.txt-p{ font-size:0.66em; }

	.podcast .three-article-three-row .article-title{ font-size:0.75em!important; line-height:140%!important; }
	.podcast .three-article-three-row .article-content{ font-size:0.66em; margin-bottom:1em; line-height:140%!important; }
	.podcast .three-article-three-row .article-date{ font-size:0.5em;  }
	/* TEXT */

	.static-content-container.txt-small{ font-size:0.66em; }

	.page-title-container.txt-title{ font-size:1.1em; }
	.answer-container.txt-p{ font-size:0.75em; }
	.answer-mc-container{  margin:0 1.2em; }

	.article-gallery-caption, .article-tags-container{ font-size:0.66em; }

	.sns-icon-container, .podcast-left-container{ display:none;  }
	.podcast-right-container{ width:100%; }
}

@media only screen and (min-width: 768px) and (max-width:874px) {
	.article-iframe.anchor{ padding-bottom:98px;}
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
	html,body{ font-size:26px; }

	/* NEW PODCAST */
	.three-article-three-row{  width: calc( (100% - 3.2em )/ 2); margin:.85em 1.6em 1.5em; }
	.three-article-three-row:nth-child(1){ margin-left:1.6em; }
	.three-article-three-row:nth-child(3n + 4){ margin-left:1.6em; clear:none; }
	.three-article-three-row:nth-child(3n + 3){ margin-right:1.6em;   }
	.three-article-three-row:nth-child(even){ margin-left:0; margin-right:0; }
	/* NEW PODCAST */


	.video-close-container{width:45px; height:32px; top:calc(1.75em - 16px); }
	.menu-icon{ width:45px; height:32px;  }
	.menu-rectangle, .video-close-container div{ height:3px; }
	.menu-rectangle:nth-child(2), .menu-rectangle:nth-child(4){ top:15px; }
	.menu-icon.active .menu-rectangle:nth-child(1){ transform:translateY(12px);  }
	.menu-icon.active .menu-rectangle:nth-child(3){ transform:translateY(-12px);  }

	.menu-container-inner{ height:25.5em;  }
	.big-nav{ margin:0.75em 0; }
	.big-nav.txt-big{ font-size:1.33em; }
	.small-nav{ font-size:0.8em; }

	/* search */
	.info-all-icons-container.search-icon input{ left:1.3em; width:7.5em; }
	/* search */


	/* BANNER */
	.banner-words-container .txt-title{ font-size:0.55em; }
	.banner-words-container .txt-big{ font-size:1.1em; letter-spacing:0.05em; margin:0.5em auto 1.2em auto; }
	.banner-words-container .txt-small{ font-size:0.55em; }
	.banner-words-container .txt-small > img{ height:5px; margin-top:2px; }
	/* BANNER */


	/* BEAUTY */
	.list-nav-container.beauty-category{ font-size:0.7em; display:flex; justify-content:flex-start;   }
	.list-nav-container.beauty-category .list-nav-ele:nth-child(1){ margin-left:0em; }
	.list-nav-container.beauty-category .list-nav-ele{ margin-left:2em; }
	/* BEAUTY */

	/* ARTICLE */
	.article-banner{ height:420px; }
	.article-all-content-container{ margin-top:calc(420px + 3.5em);  }
	.article-all-content-container.inapp{ margin-top:420px; }

	.article-iframe.anchor{ padding-bottom:98px;}
	/* ARTICLE */

	/* BRAND */
	.brand-all-name-list li{ width:calc(36vw); max-width:none;  font-size:0.7em; }
	/* BRAND */

	/* MAP */
	.store-page-container{ margin-top:calc(3.5em + 420px); }
	.map-container{ height:420px; }

	.store-address-container{ width:calc(55% - 2em); }
	.store-info-container{ width:45%; margin-left:2em; }
	.store-hour-container{ width:60%; }
	.store-tel-container{  width:40%;  }
	/* MAP */

	/* TEXT */
	.about-banner-txt-container{  font-size:0.75em; letter-spacing:0.05em;  }

	.page-title-container.txt-big{ font-size:1.2em; }

	.label-ele-container{ font-size:0.6em; }
	.nav-ele-container{ font-size:0.5em; }

	.article-content-title{ font-size:1.1em; margin-bottom:0.3em; }
	.article-content-word{ font-size:0.55em; }
	.article-content-date{ font-size:0.45em; color:#333; margin-top:1em; }

	.one-article-one-row .article-title{ font-size:0.7em; letter-spacing:0.05em; margin-top:0em; margin-bottom:0.2em; }
	.one-article-one-row .article-paragraph{ font-size:0.55em; margin-bottom:0.75em; }
	.one-article-one-row .article-date{ font-size:0.45em; color:#333; margin:0; }
	.one-article-one-row .article-hashtag{ font-size:0.45em; }

	.two-articles-one-row .article-title, .three-articles-one-row .article-title{ font-size:0.7em; letter-spacing:0.05em; margin-top:0.66em; margin-bottom:0.2em; }
	.two-articles-one-row .article-paragraph, .three-articles-one-row .article-paragraph{ font-size:0.55em; margin-bottom:0.75em; }
	.two-articles-one-row .article-date, .three-articles-one-row .article-date{ font-size:0.45em; color:#333; }

	.sneak-peek-ig-post .txt-p{ font-size:0.55em; }
	.sneak-peek-ig-post .txt-tiny{ font-size:0.45em; }

	.recommend-article-post .txt-p{ font-size:0.7em; margin-top:0.66em; margin-bottom:0.2em; line-height:140%!important; }
	.recommend-article-post .txt-small{ font-size:0.55em; margin-bottom:1.2em; line-height:140%!important; }
	.recommend-article-post .txt-tiny{ font-size:0.45em; }

	.podcast .three-article-three-row .article-title{ font-size:0.7em!important; line-height:140%!important; }
	.podcast .three-article-three-row .article-content{ font-size:0.55em; margin-bottom:1em; line-height:140%!important; }
	.podcast .three-article-three-row .article-date{ font-size:0.45em;  }

	.brand-description.txt-p{ font-size:0.55em; }

	.list-nav-container.beauty-category{ font-size:0.5em; }
	/* TEXT */

	.static-content-container.txt-small{ font-size:0.55em; }

	.page-title-container.txt-title{ font-size:1.1em; }
	.answer-container.txt-p{ font-size:0.7em; }

	.article-gallery-caption, .article-tags-container{ font-size:0.55em; }
}

@media only screen and (min-width: 1280px) and (max-width:1599px) {
	html,body{ font-size:28px; }

	.video-close-container{width:50px; height:35px; top:calc(1.75em - 17.5px); }
	.menu-icon{ width:50px; height:35px;  }
	.menu-rectangle, .video-close-container div{ height:3px; }
	.menu-rectangle:nth-child(2), .menu-rectangle:nth-child(4){ top:16px; }
	.menu-icon.active .menu-rectangle:nth-child(1){ transform:translateY(14px);  }
	.menu-icon.active .menu-rectangle:nth-child(3){ transform:translateY(-14px);  }

	.info-icon-container.lang-selector { margin-top:0.3em; }

	/* BANNER */
	.banner-words-container .txt-title{ font-size:0.6em; }
	.banner-words-container .txt-big{ font-size:1.2em; letter-spacing:0.05em; }
	.banner-words-container .txt-small{ font-size:0.6em; }
	.banner-words-container .txt-small > img{ height:7px; margin-top:2px; }
	/* BANNER */

	/* BRAND */
    .alphabet-box{ margin:.25em 0.3em .25em 0.3em; }
	.brand-all-name-list li{ width:calc(24vw); font-size:0.7em; }
	/* BRAND */


	/* ARTICLE */
	.article-banner{ height:600px; }
	.article-all-content-container{ margin-top:calc(600px + 3.5em);  }
	.article-all-content-container.inapp{ margin-top:600px; }

	.article-iframe.anchor{ padding-bottom:160px;}
	/* ARTICLE */

	/* MAP */
	.store-page-container{ margin-top:calc(3.5em + 500px); }
	.map-container{ height:500px; }
	/* MAP */



	/* TEXT */
	.about-banner-txt-container{  font-size:0.75em; letter-spacing:0.05em;  }

	.page-title-container.txt-big{ font-size:1.2em; }

	.label-ele-container{ font-size:0.6em; }
	.nav-ele-container{ font-size:0.5em; }

	.article-content-title{ font-size:1.1em; margin-bottom:0.3em; }
	.article-content-word{ font-size:0.55em; }
	.article-content-date{ font-size:0.45em; color:#333; margin-top:1em; }

	.one-article-one-row .article-title{ font-size:0.7em; letter-spacing:0.05em; margin-top:0em; margin-bottom:0.2em; }
	.one-article-one-row .article-paragraph{ font-size:0.55em; margin-bottom:0.75em; }
	.one-article-one-row .article-date{ font-size:0.45em; color:#333; margin:0; }
	.one-article-one-row .article-hashtag{ font-size:0.45em; }

	.two-articles-one-row .article-title, .three-articles-one-row .article-title{ font-size:0.7em; letter-spacing:0.05em; margin-top:0.66em; margin-bottom:0.2em; }
	.two-articles-one-row .article-paragraph, .three-articles-one-row .article-paragraph{ font-size:0.55em; margin-bottom:0.75em; }
	.two-articles-one-row .article-date, .three-articles-one-row .article-date{ font-size:0.45em; color:#333; }


	.sneak-peek-ig-post .txt-p{ font-size:0.55em; }
	.sneak-peek-ig-post .txt-tiny{ font-size:0.45em; }

	.recommend-article-post .txt-p{ font-size:0.7em; margin-top:0.66em; margin-bottom:0.2em; line-height:140%!important; }
	.recommend-article-post .txt-small{ font-size:0.55em; margin-bottom:1.2em; line-height:140%!important; }
	.recommend-article-post .txt-tiny{ font-size:0.45em; }

	.podcast .three-article-three-row .article-title{ font-size:0.7em!important; line-height:140%!important; }
	.podcast .three-article-three-row .article-content{ font-size:0.55em; margin-bottom:1em; line-height:140%!important; }
	.podcast .three-article-three-row .article-date{ font-size:0.45em;  }

	.brand-description.txt-p{ font-size:0.55em; }

	.list-nav-container.beauty-category{ font-size:0.58em; }
	/* TEXT */

	.static-content-container.txt-small{ font-size:0.55em; }

	.page-title-container.txt-title{ font-size:1.15em; }
	.answer-container.txt-p{ font-size:0.7em; }

	.article-gallery-caption, .article-tags-container{ font-size:0.55em; }
}


@media only screen and (min-width: 1600px) and (max-width:4000px) {
	html,body{ font-size:30px; }

	/* BANNER */
	.banner-words-container .txt-title{ font-size:0.6em; }
	.banner-words-container .txt-big{ font-size:1.3em; }
	.banner-words-container .txt-small{ font-size:0.6em; }
	.banner-words-container .txt-small > img{ height:7px; margin-top:2px; }
	/* BANNER */

	/* BRAND */
    .alphabet-box{ margin:.25em 0.3em .25em 0.3em; }
	.brand-all-name-list li{ width:calc(24vw - 2.2em); font-size:0.7em;  }
	/* BRAND */


	/* TEXT */
	.about-banner-txt-container{  font-size:0.75em; letter-spacing:0.05em;  }

	.page-title-container.txt-big{ font-size:1.2em; }

	.label-ele-container{ font-size:0.6em; }
	.nav-ele-container{ font-size:0.5em; }

	.article-content-title{ font-size:1.1em; margin-bottom:0.3em; }
	.article-content-word{ font-size:0.55em; }
	.article-content-date{ font-size:0.45em; color:#333; margin-top:1em; }

	.one-article-one-row .article-title{ font-size:0.7em; letter-spacing:0.05em; margin-top:0em; margin-bottom:0.2em; }
	.one-article-one-row .article-paragraph{ font-size:0.55em; margin-bottom:0.75em; }
	.one-article-one-row .article-date{ font-size:0.45em; color:#333; margin:0; }
	.one-article-one-row .article-hashtag{ font-size:0.45em; }

	.two-articles-one-row .article-title, .three-articles-one-row .article-title{ font-size:0.7em; letter-spacing:0.05em; margin-top:0.66em; margin-bottom:0.2em; }
	.two-articles-one-row .article-paragraph, .three-articles-one-row .article-paragraph{ font-size:0.55em; margin-bottom:0.66em; }
	.two-articles-one-row .article-date, .three-articles-one-row .article-date{ font-size:0.45em; color:#333; }

	.sneak-peek-ig-post .txt-p{ font-size:0.55em; }
	.sneak-peek-ig-post .txt-tiny{ font-size:0.45em; }

	.recommend-article-post .txt-p{ font-size:0.7em; margin-top:0.66em; margin-bottom:0.2em; line-height:140%!important; }
	.recommend-article-post .txt-small{ font-size:0.55em; margin-bottom:1.2em; line-height:140%!important; }
	.recommend-article-post .txt-tiny{ font-size:0.45em; }

	.podcast .three-article-three-row .article-title{ font-size:0.7em!important; line-height:140%!important; }
	.podcast .three-article-three-row .article-content{ font-size:0.55em; margin-bottom:1em; line-height:140%!important; }
	.podcast .three-article-three-row .article-date{ font-size:0.45em;  }

	.brand-description.txt-p{ font-size:0.55em; }

	.list-nav-container.beauty-category{ font-size:0.66em; }
	/* TEXT */

	.static-content-container.txt-small{ font-size:0.55em; }

	.page-title-container.txt-title{ font-size:1.15em; }
	.answer-container.txt-p{ font-size:0.7em; }

	.article-gallery-caption, .article-tags-container{ font-size:0.55em; }
}



/* MENU */
@media only screen and (min-width: 1600px) and (max-height:840px) {
	.menu-container{ overflow:scroll;   }
}
@media only screen and (min-width: 1280px) and (max-width:1599px) and (max-height:784px) {
	.menu-container{ overflow:scroll;   }
}
@media only screen and (min-width: 1024px) and (max-width:1279px) and (max-height:660px) {
	.menu-container{ overflow:scroll;   }
}

/* MENU */


/* Alignment */
.top-center-top-center{ background-position:top center; }
.top-center-center-center{ background-position:top center; }
.top-center-bottom-center{ background-position:top center; }
.top-center-top-left{ background-position:top center; }
.top-center-center-left{ background-position:top center; }
.top-center-bottom-left{ background-position:top center; }
.top-center-top-right{ background-position:top center; }
.top-center-center-right{ background-position:top center; }
.top-center-bottom-right{ background-position:top center; }

.center-center-top-center{ background-position:center center; }
.center-center-center-center{ background-position:center center; }
.center-center-bottom-center{ background-position:center center; }
.center-center-top-left{ background-position:center center; }
.center-center-center-left{ background-position:center center; }
.center-center-bottom-left{ background-position:center center; }
.center-center-top-right{ background-position:center center; }
.center-center-center-right{ background-position:center center; }
.center-center-bottom-right{ background-position:center center; }

.bottom-center-top-center{ background-position:bottom center; }
.bottom-center-center-center{ background-position:bottom center; }
.bottom-center-bottom-center{ background-position:bottom center; }
.bottom-center-top-left{ background-position:bottom center; }
.bottom-center-center-left{ background-position:bottom center; }
.bottom-center-bottom-left{ background-position:bottom center; }
.bottom-center-top-right{ background-position:bottom center; }
.bottom-center-center-right{ background-position:bottom center; }
.bottom-center-bottom-right{ background-position:bottom center; }

.top-left-top-center{ background-position:top left; }
.top-left-center-center{ background-position:top left; }
.top-left-bottom-center{ background-position:top left; }
.top-left-top-left{ background-position:top left; }
.top-left-center-left{ background-position:top left; }
.top-left-bottom-left{ background-position:top left; }
.top-left-top-right{ background-position:top left; }
.top-left-center-right{ background-position:top left; }
.top-left-bottom-right{ background-position:top left; }

.center-left-top-center{ background-position:center left; }
.center-left-center-center{ background-position:center left; }
.center-left-bottom-center{ background-position:center left; }
.center-left-top-left{ background-position:center left; }
.center-left-center-left{ background-position:center left; }
.center-left-bottom-left{ background-position:center left; }
.center-left-top-right{ background-position:center left; }
.center-left-center-right{ background-position:center left; }
.center-left-bottom-right{ background-position:center left; }

.bottom-left-top-center{ background-position:bottom left; }
.bottom-left-center-center{ background-position:bottom left; }
.bottom-left-bottom-center{ background-position:bottom left; }
.bottom-left-top-left{ background-position:bottom left; }
.bottom-left-center-left{ background-position:bottom left; }
.bottom-left-bottom-left{ background-position:bottom left; }
.bottom-left-top-right{ background-position:bottom left; }
.bottom-left-center-right{ background-position:bottom left; }
.bottom-left-bottom-right{ background-position:bottom left; }

.top-right-top-center{ background-position:top right; }
.top-right-center-center{ background-position:top right; }
.top-right-bottom-center{ background-position:top right; }
.top-right-top-left{ background-position:top right; }
.top-right-center-left{ background-position:top right; }
.top-right-bottom-left{ background-position:top right; }
.top-right-top-right{ background-position:top right; }
.top-right-center-right{ background-position:top right; }
.top-right-bottom-right{ background-position:top right; }

.center-right-top-center{ background-position:center right; }
.center-right-center-center{ background-position:center right; }
.center-right-bottom-center{ background-position:center right; }
.center-right-top-left{ background-position:center right; }
.center-right-center-left{ background-position:center right; }
.center-right-bottom-left{ background-position:center right; }
.center-right-top-right{ background-position:center right; }
.center-right-center-right{ background-position:center right; }
.center-right-bottom-right{ background-position:bottom right; }

.bottom-right-top-center{ background-position:bottom right; }
.bottom-right-center-center{ background-position:bottom right; }
.bottom-right-bottom-center{ background-position:bottom right; }
.bottom-right-top-left{ background-position:bottom right; }
.bottom-right-center-left{ background-position:bottom right; }
.bottom-right-bottom-left{ background-position:bottom right; }
.bottom-right-top-right{ background-position:bottom right; }
.bottom-right-center-right{ background-position:bottom right; }
.bottom-right-bottom-right{ background-position:bottom right; }

@media only screen and (min-width:0px) and (max-height:767px) {
.top-center-top-center{ background-position:top center; }
.top-center-center-center{ background-position:center center; }
.top-center-bottom-center{ background-position:bottom center; }
.top-center-top-left{ background-position:top left; }
.top-center-center-left{ background-position:center left; }
.top-center-bottom-left{ background-position:bottom left; }
.top-center-top-right{ background-position:top right; }
.top-center-center-right{ background-position:center right; }
.top-center-bottom-right{ background-position:bottom right; }

.center-center-top-center{ background-position:top center; }
.center-center-center-center{ background-position:center center; }
.center-center-bottom-center{ background-position:bottom center; }
.center-center-top-left{ background-position:top left; }
.center-center-center-left{ background-position:center left; }
.center-center-bottom-left{ background-position:bottom left; }
.center-center-top-right{ background-position:top right; }
.center-center-center-right{ background-position:center right; }
.center-center-bottom-right{ background-position:bottom right; }

.bottom-center-top-center{ background-position:top center; }
.bottom-center-center-center{ background-position:center center; }
.bottom-center-bottom-center{ background-position:bottom center; }
.bottom-center-top-left{ background-position:top left; }
.bottom-center-center-left{ background-position:center left; }
.bottom-center-bottom-left{ background-position:bottom left; }
.bottom-center-top-right{ background-position:top right; }
.bottom-center-center-right{ background-position:center right; }
.bottom-center-bottom-right{ background-position:bottom right; }

.top-left-top-center{ background-position:top center; }
.top-left-center-center{ background-position:center center; }
.top-left-bottom-center{ background-position:bottom center; }
.top-left-top-left{ background-position:top left; }
.top-left-center-left{ background-position:center left; }
.top-left-bottom-left{ background-position:bottom left; }
.top-left-top-right{ background-position:top right; }
.top-left-center-right{ background-position:center right; }
.top-left-bottom-right{ background-position:bottom right; }

.center-left-top-center{ background-position:top center; }
.center-left-center-center{ background-position:center center; }
.center-left-bottom-center{ background-position:bottom center; }
.center-left-top-left{ background-position:top left; }
.center-left-center-left{ background-position:center left; }
.center-left-bottom-left{ background-position:bottom left; }
.center-left-top-right{ background-position:top right; }
.center-left-center-right{ background-position:center right; }
.center-left-bottom-right{ background-position:bottom right; }

.bottom-left-top-center{ background-position:top center; }
.bottom-left-center-center{ background-position:center center; }
.bottom-left-bottom-center{ background-position:bottom center; }
.bottom-left-top-left{ background-position:top left; }
.bottom-left-center-left{ background-position:center left; }
.bottom-left-bottom-left{ background-position:bottom left; }
.bottom-left-top-right{ background-position:top right; }
.bottom-left-center-right{ background-position:center right; }
.bottom-left-bottom-right{ background-position:bottom right; }

.top-right-top-center{ background-position:top center; }
.top-right-center-center{ background-position:center center; }
.top-right-bottom-center{ background-position:bottom center; }
.top-right-top-left{ background-position:top left; }
.top-right-center-left{ background-position:center left; }
.top-right-bottom-left{ background-position:bottom left; }
.top-right-top-right{ background-position:top right; }
.top-right-center-right{ background-position:center right; }
.top-right-bottom-right{ background-position:bottom right; }

.center-right-top-center{ background-position:top center; }
.center-right-center-center{ background-position:center center; }
.center-right-bottom-center{ background-position:bottom center; }
.center-right-top-left{ background-position:top left; }
.center-right-center-left{ background-position:center left; }
.center-right-bottom-left{ background-position:bottom left; }
.center-right-top-right{ background-position:top right; }
.center-right-center-right{ background-position:center right; }
.center-right-bottom-right{ background-position:bottom right; }

.bottom-right-top-center{ background-position:top center; }
.bottom-right-center-center{ background-position:center center; }
.bottom-right-bottom-center{ background-position:bottom center; }
.bottom-right-top-left{ background-position:top left; }
.bottom-right-center-left{ background-position:center left; }
.bottom-right-bottom-left{ background-position:bottom left; }
.bottom-right-top-right{ background-position:top right; }
.bottom-right-center-right{ background-position:center right; }
.bottom-right-bottom-right{ background-position:bottom right; }

}
/* Alignment */



.new-notice-wrap-container{ position:fixed; height:100%; width:100%; top:0; z-index:100; display:none;  overflow:scroll;  -webkit-overflow-scrolling:touch;}
.new-notice-wrap-container.active{ display:block; }

.new-notice-container{ position:relative; margin:1em auto; width:calc(90% - 2em); max-width:840px; text-align:center;  color:#fff; z-index:100; padding:4em 1em 2em 1em; background:#333; background-repeat:no-repeat; background-position:top center; background-size:cover;   }

.new-notice-container.fixed{ position:absolute; top:50%; left:50%; transform: translate(-50%,-50%);  }


.new-notice-container-inner{ margin:auto; width:100%; font-size:0.75em; letter-spacing:0; line-height:1.4;  }
.new-notice-container-inner br{ display:none; }
.new-notice-title{ margin-bottom:0.2em; font-size:2em; font-family: 'JoyceType'; font-weight:200; }

.new-app-button { margin:4em auto 0em auto;  text-align:center;  width:100%;  }
.new-app-button > div{  padding:0.66em 1.5em; margin:auto;  display:inline-block;  border:1px solid #000; color:#000; background:#fff  }
.new-app-button.hover > div{ background:#000; color:#fff; }

.new-app-close-button{ position:absolute; top:0.75em; right:0.75em; width:1em; height:1em; background-repeat:no-repeat; background-position:top right; background-size:contain; background-image:url("/img/popup-close.svg");  cursor:pointer; }

@media only screen and (min-width:0px) and (max-width:768px) {
	.new-notice-container{ padding-top:3.5em; background-size:170% auto; background-position:center 10% ; }
	.new-notice-container-inner{ width:100%; font-size:0.9em; }
	.new-notice-container-inner br{ display:block; }
	.new-app-button { margin:2.5em auto 0.5em auto;   }
	.new-app-close-button{ width:1.2em; height:1.2em;  top:1em; right:1em;}
}

.article-gallery-caption a{ color:#fd6d30; font-weight:bold; line-height:1.5;  }
.article-gallery-caption a:hover{ text-decoration:underline; }

.shop-notice-container{ background:#fd6d30; position:fixed; width:100vw; top:3.5em; z-index:95; color:#fff; left:0; transform:translateY(-100%); }
.shop-notice-container p{ margin:0; }
.shop-notice-container.active{ transition:transform 500ms 100ms ease-out; transform:translateY(0%); }
.shop-notice-container-inner{ margin:0 auto; text-align:center; width:90%; max-height:1280px; padding:0.9em 0; }
.shop-notice-container-inner a{ text-decoration:underline; font-weight:bold;}

.shop-notice-container{ background:#212121; position:fixed; width:100vw; top:3.5em; z-index:95; color:#fff; left:0; transform:translateY(-100%); }
.shop-notice-container.active{ transition:transform 500ms 100ms ease-out; transform:translateY(0%); }
.shop-notice-container-inner{ margin:0 auto; text-align:center; width:90%; max-height:1280px; padding:0.75em 0; }
.shop-notice-container-inner a{ text-decoration:underline; font-weight:bold; color:#fd6d30;}

.new-menu-back-container{ position:fixed; width:100%; height:100vh; left:0; top:0; background:rgba(0,0,0,0.8); display:none;  z-index:101;  }
.new-menu-back-container.active{ display:block; }
.new-menu-container{ position:fixed; background:#fff; height:100%; top:0; width:20em; top:0; left:0; overflow:scroll; -webkit-overflow-scrolling:touch; z-index:101; transform:translate(-100%, 0%); -webkit-transition:transform 400ms cubic-bezier(0.19, 1, 0.22, 1); transition:transform 400ms cubic-bezier(0.19, 1, 0.22, 1); }
.new-menu-container.open{ transform:translate(0%, 0%); }

.new-menu-container .menu-icon{ margin-top:1.75em; margin-bottom:2.5em; top:auto; left:auto; position:relative!important; transform:translateY(-50%)}
.new-menu-container .menu-rectangle{ background:#000;}

.new-menu-container-inner{ background:#ffffff; position:relative; margin-left:1em; width:calc(100% - 1em); min-height:calc(100% - 1.75em);    }


.new-menu-bottom{  margin-top:4em; margin-bottom:0em; width:calc(100%) }
.new-menu-container.tooshort .new-menu-bottom{ position:absolute; bottom:1em; left:0; margin-top:0;  }

/*Menu-Mia*/
.new-menu-title-container { font-family:'JoyceType'; }
.new-menu-title-ele-container { margin-bottom:0.75em;  float:left; width:100% }
.new-menu-title { cursor:pointer; color:#000000; display:inline-block; text-align:left;   }

.new-menu-title.hover { color:#777777; transition:color .2s; }
.eshop .new-menu-title.hover { color:#fd6d30; transition:color .2s; }

.new-menu-title-second { position:relative; margin:2em 0 0 0; font-family:'JoyceType'; display:inline-block;   }
.new-menu-title-second-txt { margin-bottom:0.8em ; cursor:pointer; color:#777777; }
.new-menu-title-second-txt.hover { color:#000000; transition:color .3s; }
.info-all-icons-container{ position:absolute; top:50%; transform:translateY(-50%); right:1.5em }

.new-menu-container .sns-icon-container{ display:block; }

.new-menu-container .info-all-icons-container.search-icon input{ color:#000; width:calc(100% - 1.75em);  left:1.75em;  }
/*Menu-Mia*/

.new-menu-container .subscription-box-container{ margin:0.8em 0 1em 0;}

.new-menu-container .info-all-icons-container{ position:relative; left:auto; top:auto; transform:translate(0);  right:auto; border-bottom:2px solid #000; padding-bottom:0.5em; width:11.2em; margin-bottom:1em; }
.new-menu-container .info-all-icons-container.search-icon{ opacity:0.6; -webkit-transition:opacity .4s 0.5s; transition:opacity .4s 0.5s; }
.new-menu-container .info-all-icons-container.search-icon.show{ opacity:1; }
.new-menu-container .info-icon-container.search-icon{ background-image:url( "../img/search-icon.svg"); background-position:center center; height:100%; width:0.8em; }
@media only screen and (min-width: 0px) and (max-width:1023px) {
	.new-menu-container .info-all-icons-container{  width:14em; }
	.new-menu-container .info-icon-container.search-icon{ height:100%; width:1em; }

	.new-menu-container{ width:19em; }
}

.tiny-nav-container{  width:calc(100% - 1em)!important;}

.header-container .info-all-icons-container.search-icon{  right:3.4em; top:calc(50% + 0.03em); }

.article-content-word a{ color:#fd6d30!important; font-weight:bold; }


@media (orientation: portrait) {
	.home-banner{ height:80vw!important; max-height:450px!important; }
}


.wp-video{ max-width:100%!important; }


.articles-gallery .nav-ele-container, .app-page-navbar-container-inner a:nth-child(3) {
	display: none !important;
}

.footer-container .sns-all-icons-container a:nth-child(3), .footer-container .sns-all-icons-container a:nth-child(5) {
	display: none !important;
}

.footer-container .sns-all-icons-container a {
	position: relative;
}

.footer-container .sns-all-icons-container a:nth-child(1):hover:before {
	position: absolute;
	content: " ";
	width: 150px;
	height: 150px;
	right: 30px;
	bottom: 0px;
	background-image: url(wp_qrcode.jpg);
	background-size: 150px 150px;
}

.all-articles-container .article-date {
	display: none !important;
}

.subscription-box-border h1 {
	font-size: 14px;
  text-align: center;
}

.recommend-article-slider {
	display:none !important;
}

.sbi-screenreader {
    text-indent: 0px!important;
    display: block !important;
    width: auto !important;
    height: 30px !important;
    line-height: 20px !important;
    text-align: left !important;
    overflow: hidden !important;
    position: absolute !important;
    margin-top: -55px !important;
    padding: 15px 0px !important;
    font-size: 14px !important;
    background-color: #FFF !important;
}

#sb_instagram #sbi_images .sbi_item {
    overflow: auto !important;
    padding-top: 55px !important;
}

@media (max-width: 480px) {

#sb_instagram.sbi_mob_col_1 #sbi_images .sbi_item {
    margin-bottom: 20px;
    padding-top: 10px;
}

}

.jobs-contact-box {
    width: 100% !important;
    float: none !important;
    margin-left: 0px !important;
    text-align: center;
}

.footer-container .sns-all-icons-container a:nth-child(1),
.footer-container .sns-all-icons-container a:nth-child(2) {
	display: none;
}

#our_culture_content, #contact_content {
	text-align:center;
}

.subscription-box-container {
  background-color: #FFF;
  border-top: 50px #fff solid !important;
}

.subscription-popmessage {
  font-size: 12px;
  letter-spacing: 0px;
  padding: 20px 0px;
}

.subscription-popmessage ul, .subscription-popmessage li {
  list-style: none;
}

.subscription-popmessage li {
  padding: 0px;
}

.subcheck_message {
  padding: 6px;
  border: 1px solid #ccc;
  display: none;
}

.subcheck_message .subcheck_message_content {
  padding: 6px;
  background-color: #f2f2f2;
}

.subcheck_message label a {
  text-decoration: underline !important;
}

.subscript_submit_v2 {
  width: 100% !important;
  background-color: #000 !important;
  color: #FFF !important;
  font-weight: bold !important;
  text-align: center !important;
  text-transform: uppercase !important;
  line-height: 35px !important;
}

.subscription-box-container select {
    border: 1px #ccc solid;
    color: #777;
    opacity: 1;
	width: 100%;
}

#input-subscription-title {
    width: 30%;
	display: inline-block;
	line-height: 40px;
    height: 40px;
	text-align: center;
	font-weight: normal !important;
}

.first-input {
    width: 66% !important;
	display: inline-block !important;
}

.subscription-header {
	padding-bottom: 20px;
}

.subscript_submit_v2 {
	margin-top: 15px !important;
}

.subscription-box-container.done .subscription-popmessage,
.subscription-box-container.done input,
.subscription-box-container.done select {
	display:none !important;
}

.area_select {
	margin-bottom:10px;
}

.subscription-box-container input,
.subscription-box-container select {
	font-size: 12px;
	height: 35px !important;
}

.subscription-box-container input {
	text-align: center;
	font-weight: normal !important;
  border-bottom: 1px solid #ccc;
}

#area_select {
	text-transform: uppercase;
	padding: 0px 10px;
}

.subscription-box-container input[type="text"]{
    font-family: 'JoyceType' !important;
}

.subscription-popmessage ul input {
  width: 10px !important;
  height: 10px !important;
  border: 1px solid #000;
  background-color: #FFF;
}

.subscription-popmessage ul input[type="radio"] {
  border-radius: 50%;
}

.subscription-popmessage ul input[type="checkbox"] {
  border-radius: 0px;
  -webkit-appearance: checkbox !important;
}

.subscription-popmessage ul input:checked {
  background-color: #000;
}

.subscription-error {
  color: red;
  margin: 0px 0px 20px 0px;
  padding: 10px 0px;
  border-top: red solid 1px;
  border-bottom: red solid 1px;
  font-size: 12px;
  font-weight: normal;
  letter-spacing: 0px;
  display: none;
  text-align: center;
}

.subscription-box-container.check input:invalid {
  border-bottom: 1px solid red !important;
  color: red !important;
}

.subscription-box-container.check select:invalid {
  border: 1px solid red !important;
  color: red !important;
}

.subscription-box-container.done .subscription-error {
  display: none !important;
}

.subscription-box-border {
  width: 100% !important;
}

.subscription-done-container {
  text-align: center !important;
}

.static-content-container ul {
  list-style-position: outside;
  margin-left: 1.5em;
}

.share-to-sns-container {
	display: none !important;
}

@media only screen and (min-width: 768px) and (max-width: 1020px) {

.footer-container {
    padding: 0 0 43px 0;
}

}

@media only screen and (min-width: 0px) and (max-width: 767px) {

.footer-container {
    padding: 0 0 12px 0;
}

}

.sbi_photo_wrap .sbi-screenreader {
	display: none !important;
}