@font-face { font-family: 'clubpointsregular'; src: url('/sites/default/files/font/clubpoints-regular-webfont.woff2') format('woff2'), url('/sites/default/files/font/clubpoints-regular-webfont.woff') format('woff'), url('/sites/default/files/font/clubpoints-regular-webfont.svg#clubpointsregular') format('svg'); font-weight: normal; font-style: normal; }
article#locus .cp-sign { font-family: 'clubpointsregular' !important; font-weight: normal !important; padding-left: 2px; padding-right: 2px; }
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@700&display=swap');
article#locus .font1010 { font-family: 'Poppins', sans-serif !important; font-weight: 700; letter-spacing: 0.1em; color: inherit; }
h1, h2, h3, h4, h5, h6 { text-shadow: none; font-weight: bold; }
.normaltext { font-weight: normal; }
.navbar { margin-bottom: 0 !important; }
article#locus * { font-family: 'Century Gothic', Helvetica, Arial, 'Microsoft JhengHei', STHeiti, sans-serif !important; }
article#locus table { background-color: transparent; }
article#locus body { background-color: #000; color: #ffffff; font-family: "Century Gothic", "Myriad Pro", Helvetica, Arial, sans-serif; }
article#locus a, article#locus a:visited, article#locus a:focus { color: inherit; text-decoration: none; }
article#locus a:hover, article#locus a:active { color: inherit; text-decoration: none; }
article#locus .lang-switch { font-size: 12px; color: #999 !important; }
article#locus .mainlogo { width: 130px; height: 75.8px; cursor: pointer; margin-left: 15px; }
article#locus .container { width: 100% !important; max-width: 1170px !important; overflow: hidden; }
article#locus .navbar-custom { margin-bottom: 0; border-bottom: none; letter-spacing: 1px; border-radius: 0; }
article#locus .navbar-custom .container { background: #000; padding: 15px; }
article#locus #brand { padding-top: 10px; padding-bottom: 10px; }
article#locus #cta { padding-top: 20px; }
article#locus .no-padding { padding: 0 !important; }
article#locus .no-margin { margin: 0 !important; }
article#locus .img-center { margin-left: auto; margin-right: auto; display: block; }
article#locus .pad-intro { padding: 25px 15px 0px 15px; }
article#locus .pad-block { padding-top: 10px; padding-bottom: 10px; }
article#locus .pad-side { padding-left: 15px; padding-right: 15px; }
article#locus .img-rounded-big { border-radius: 20px; }
article#locus .hkt > img { height: 13px; }
article#locus .white-bg { background: #fff; }
article#locus .grey-bg { background: #4f4f4f; }
article#locus .white-bg .cta-txt { color: #000; }
article#locus .grey-bg .cta-txt { color: #fff; }
article#locus .white-bg .tnc-txt { color: #111; }
article#locus .grey-bg .tnc-txt { color: #eee; }
article#locus .tnc-txt { font-family: Helvetica, Arial, sans-serif; font-size: 12px; line-height: normal; }
article#locus #tnc ol, article#locus #tnc ul { margin: 0; }
article#locus #tnc ol > li, #tnc ul > li { margin-left: -2.2em; }
article#locus .tnc-txt a { text-decoration: underline; }
/*Button*/
article#locus .btn-cta { font-size: 120%; padding: 10px 20px; font-weight: bold; color: #000; background-color: #ffdd00; border: none; margin: 8px 5px; white-space: normal; }
article#locus .btn-cta:focus, article#locus .btn-cta.focus { color: #000; background-color: #f5d400; border: none; }
article#locus .btn-cta:hover { color: #000; background-color: #e7c800; border: none; }

@media (max-width: 767px) {
article#locus .mainlogo { width: 75px; height: 43.75px }
article#locus .btn-cta { width: 90%; margin: 0; margin-bottom: 10px; }
article#locus .pad-side { padding-left: 15px; padding-right: 15px; }
article#locus .pad-block { padding-top: 10px; padding-bottom: 10px; padding-left: 0; padding-right: 0; }
article#locus .flexReverse { flex-direction: column-reverse !important; }
}
article#locus * { color: #FFFFFF; }
article#locus .brand-bg { background-color: #333333; padding: 75px 0; }
article#locus .row { padding-left: 70px; padding-right: 70px; }
article#locus .tnc-txt { font-family: Helvetica, Arial, sans-serif; font-size: 10px; line-height: 120%; color: #FFFFFF; }
article#locus .stickyBTN { background-image: linear-gradient(rgba(219, 162, 55, 0), rgba(147, 101, 54, 0)), linear-gradient(90deg, #DBA237, #936536); }
article#locus .mt30 { margin-top: 30px; }
article#locus .mt50 { margin-top: 50px; }
article#locus .bigpad { padding-left: 120px !important; padding-right: 120px !important; }
article#locus .text-left-center { text-align: left; }
article#locus .pageBG { background-color: #030905; }
article#locus .bg1 { background-size: contain, cover; background-image: url(https://1010-style.com/assets/mitsui_outlet/images/flower_on_top.png), url(https://1010-style.com/assets/mitsui_outlet/images/bg.jpg); background-position: center top, center bottom; background-repeat: repeat-y, no-repeat; }
article#locus .bg2 { background-size: 100%; background-image: url(https://1010-style.com/assets/mitsui_outlet/images/bg2.jpg); background-position: center top; background-repeat: repeat-y; position: relative; }
article#locus .bg2::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 25px; background-image: url(https://1010-style.com/assets/mitsui_outlet/images/top_bar.png); }
article#locus .bg3 { background-size: cover, cover; background-image: url(https://1010-style.com/assets/mitsui_outlet/images/flower_on_top_b.png), url(https://1010-style.com/assets/mitsui_outlet/images/bg3.jpg); background-position: center top, center top; background-repeat: repeat-y, no-repeat; }
article#locus .flexR { display: flex; flex-direction: row; justify-content: center; align-items: center; }
article#locus .flexC { display: flex; flex-direction: column; justify-content: center; align-items: center; }
article#locus sup, article#locus strong { color: inherit !important; }
/* article#locus h1 { font-size: max(2.604166666666667vw, 32px); background-image: -webkit-linear-gradient(135deg, #ece1b9 0%, #ffffff 17%, #ece1b9 39%, #ffffff 66%); background-clip: text; -webkit-background-clip: text; text-fill-color: transparent; -webkit-text-fill-color: transparent; } */

:root { --purple : #9c4fa5;
}
* { scroll-padding: 120px; scroll-behavior: smooth; }

@media (max-width: 991px) {
article#locus .row { padding-left: 25px; padding-right: 25px; }
article#locus .bigpad { padding-left: 20px !important; padding-right: 20px !important; }
}

@media (max-width: 767px) {
.offerbx .flexR { flex-direction: column !important; }
}
.hidebx { display: none; }
.showbx { display: block !important; }
.bg1 .flexR { margin-bottom: 40px; gap: 2em; }
.bg1 .flexR img { max-width: 300px; }
/*.bg1 .flexR:last-child img{max-width: 130px;}*/
.bg1 .flexR img.tng { max-width: 180px; }
.bg1 .flexR:nth-child(even) div:first-child { order: 2; }
.bg1 .flexR:nth-child(even) div:last-child { order: 1; }
.bg1 .flexR h3 { position: relative; line-height: 150%; }
.bg1 .flexR h3 strong { line-height: 0.1em; }
.bg1 .flexR h3::before { content: ''; position: absolute; left: 0%; top: 0; width: 20px; height: 20px; background-image: url(https://1010-style.com/assets/mitsui_outlet/images/gold_flower.png); background-size: cover; background-repeat: no-repeat; transform: translate(-100%, 0%); }
h1.under_b { position: relative; margin-bottom: 60px; }
h1.under_b:after { content: ''; position: absolute; left: 50%; bottom: -30px; width: 118px; height: 18px; background-image: url(https://1010-style.com/assets/mitsui_outlet/images/unb.png); background-size: 100%; background-repeat: no-repeat; transform: translateX(-50%); }
/***************/
.parent { display: grid; grid-template-columns: none; grid-template-rows: none; gap: 20px 60px; margin-bottom: 20px; }
.shp_fr { grid-area: 1 / 2 / 4 / 3; }
.shp_fr img, .shp_fr_b img { max-width: 370px; }
.div_logo { grid-area: 1 / 1 / 2 / 2; }
.shp_btn { grid-area: 2 / 1 / 3 / 2; }
.shp_fr_b { grid-area: 1 / 1 / 4 / 1; }
.div_logo_b { grid-area: 1 / 2 / 2 / 2; }
.shp_btn_b { grid-area: 2 / 2 / 2 / 2; }

@media (max-width: 767px) {
.offerbox img { max-width: 160px; }
.parent { display: grid; grid-template-columns: none; grid-template-rows: none; gap: 20px 2em; }
.shp_fr, .shp_fr_b { grid-area: 2 / 1 / 3 / 2; }
.shp_fr img, .shp_fr_b img { max-width: 100%; }
.div_logo, .div_logo_b { grid-area: 1 / 1 / 2 / 2; }
.div_logo img, .div_logo_b img { display: block; margin: auto; }
.shp_btn, .shp_btn_b { grid-area: 3 / 1 / 4 / 2; }
}
/***************/
    
.flexC.scr_cont { overflow: auto; align-items: flex-start !important; justify-content: flex-start !important; gap: 30px; width: 75%; padding: 20px 1em; }
.area_mark { margin: 0; font-size: 40px; align-self: flex-start; width: 20%; color: var(--purple) !important; padding-top: 20px; position: relative; display: block; width: fit-content; }
.area_mark::after { content: ''; position: absolute; background-image: url(https://1010-style.com/assets/mitsui_outlet/images/bar_b.png); background-position: right top; background-repeat: no-repeat; width: 2em; height: 6px; bottom: -10px; left: 0; }
.resc { position: relative; overflow: hidden; z-index: 1; padding: 5px 26px; cursor: pointer; display: block; width: auto; border-radius: 40px; background-color: #e6e2d4; border: 1px solid #e6e2d4; color: #4f4643 !important; font-size: 16px; transition: all 0.3s ease; }
.resc.onnn { background-color: transparent; border: 1px solid var(--purple); color: var(--purple) !important; }
.shop_row { position: relative; padding: 15px 30px; background-color: #fff; box-shadow: 1px 1px 10px 2px rgba(0,0,0,0.15); -webkit-box-shadow: 1px 1px 10px 2px rgba(0,0,0,0.15); -moz-box-shadow: 1px 1px 10px 2px rgba(0,0,0,0.15); }
article#locus .shop_row * { color: #4f4643; }
.shop_row::before, .shop_box::before { content: ''; position: absolute; right: -5px; top: -5px; width: 0px; height: 0px; border-style: solid; border-width: 0 40px 40px 0; border-color: transparent var(--purple) transparent transparent; transform: rotate(0deg); }
.addrs { padding-left: 34px; position: relative; margin: 20px auto; }
.addrs:before { content: ''; position: absolute; width: 34px; height: 34px; background-image: url(https://1010-style.com/assets/mitsui_outlet/images/address.png); background-repeat: no-repeat; top: -4px; left: -4px; }
.shop_box { background-color: #fff; width: calc(33.3333% - 2em); box-shadow: 1px 1px 10px 2px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 1px 1px 10px 2px rgba(0, 0, 0, 0.15); -moz-box-shadow: 1px 1px 10px 2px rgba(0, 0, 0, 0.15); align-self: stretch; position: relative; }
.shop_box * { color: #4f4643 !important; }
.shop_box .fr { border-bottom: 3px solid #cfc9b5; }
.shop_box .addrs { margin-top: 30px; margin-bottom: 0; }
.shop_rest { flex-wrap: wrap; gap: 2em; padding: 20px 0px; }
.sec3 { position: relative; }
/*.sec3:after{position: absolute; content: ''; width: 58px; height: 58px; right: 0; top: 50%; transform: translate(50%, -50%); background-image: url(https://1010-style.com/assets/mitsui_outlet/images/q_mark.png);}*/

.swiper-container.yen_coupon { height: auto; width: 100%; }
.swiper-container img { opacity: 0; }
.swiper-container h4 { opacity: 0; font-weight: bold; }
.swiper-slide-active img, .swiper-slide-active h4 { opacity: 1; }
.stp_flx { display: flex; flex-direction: row; justify-content: center; gap: 10px; margin-left: 20px; }
.stp_flx a { color: #958d75 !important; font-size: 28px; font-weight: bold; transition: all 0.3s ease; border-radius: 100%; width: 42px; height: 42px; background-color: transparent; text-align: center; cursor: pointer; }
.stp_flx a.onnn { background-color: #958d75; color: #fff !important; }
.offerbox { background-image: url(https://1010-style.com/assets/mitsui_outlet/images/box_line.png), url(https://1010-style.com/assets/mitsui_outlet/images/box_topright.png), url(https://1010-style.com/assets/mitsui_outlet/images/box_bg.jpg); background-repeat: no-repeat, no-repeat, repeat; background-position: bottom left, top right, top left; background-color: rgba(255,255,255,0.75); -webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,0.3); box-shadow: 0 2px 20px 0 rgba(0,0,0,0.1); padding-top: 1em; padding-bottom: 1em; margin-bottom: 2em; }
.crossbanner { margin-top: 1em }
.crossbanner img { -webkit-border-radius: 15px; border-radius: 15px; -webkit-box-shadow: 1px 1px 10px 2px rgba(0, 0, 0, 0.15); box-shadow: 1px 1px 10px 2px rgba(0, 0, 0, 0.15); margin-top: 35px; }
.anchor_menu { display: flex; flex-direction: row; gap: 1em; justify-content: space-between; align-items: center; flex-wrap: wrap; }
.anchor_menu a { padding: 20px; position: relative; text-align: center; width: calc(50% - 1em); font-size: 18px; align-self: stretch; display: flex; flex-direction: column; justify-content: center; background-color: #ebebe9; overflow: hidden; }
.anchor_menu a span { color: #4f4643 !important; }
.anchor_menu a::after, .anchor_menu a::before { position: absolute; content: ''; }
.anchor_menu a::after { top: 0; left: 50%; width: 100%; height: 8px; background-image: url(https://1010-style.com/assets/mitsui_outlet/images/anchor_trig_brown.png); transform: translate(-50%, -100%); background-repeat: no-repeat; background-size: contain; background-position: center bottom; transition: all 0.3s ease; }
.anchor_menu a::before { bottom: -2px; left: 0%; width: 100%; height: 4px; background-image: url(https://1010-style.com/assets/mitsui_outlet/images/anchor_dotted_brown.png), url(https://1010-style.com/assets/mitsui_outlet/images/anchor_line_brown.png); background-repeat: no-repeat; background-size: contain, 100%; background-position: left bottom, 21px bottom; transition: bottom 0.3s ease; }
.anchor_menu a:hover { background-color: #fff; filter: drop-shadow(0px 0px 8px rgba(0,0,0,0.2)); }
.anchor_menu a:hover::after { transform: translate(-50%, 0%); background-image: url(https://1010-style.com/assets/mitsui_outlet/images/anchor_trig_purple.png); }
.anchor_menu a:hover::before { bottom: 0px; background-image: url(https://1010-style.com/assets/mitsui_outlet/images/anchor_dotted_purple.png), url(https://1010-style.com/assets/mitsui_outlet/images/anchor_line_purple.png); }

@media (max-width: 767px) {
.bg1 .flexR { flex-direction: column !important; margin-bottom: 1.5em; gap: 0px; }
.bg1 .flexR h3 { text-align: center; }
.bg1 .flexR img { max-width: 220px; }
.bg1 .flexR:nth-child(odd) div:first-child, .bg1 .flexR div:first-child { order: 1; }
.bg1 .flexR:nth-child(odd) div:last-child, .bg1 .flexR div:last-child { order: 2; }
.resc { padding: 5px 20px; font-size: 14px; }
.area_fx { flex-direction: column !important; }
.area_mark { font-size: 30px; margin: 20px auto 30px; padding-top: 0; }
.area_mark::after { right: auto; left: 0; }
.flexC.scr_cont { width: 100%; gap: 20px 1em; padding-left: 10px; }
.shop_row { padding: 10px 20px; }
.shop_row h3 { font-size: 20px; margin-top: 10px; }
.shop_row p { margin-bottom: 10px !important; }
.shop_box { width: calc(100% - 2em); }
.shop_box .addrs { margin-top: 20px; margin-bottom: 10px; margin-left: 0; }
.shop_rest { flex-wrap: wrap; gap: 2em; padding: 0px; }
.sec3 { margin: 3em auto 1em !important; padding-top: 10px; }
.sec3:after { right: auto; left: 50%; top: 0%; transform: translate(-50%, -100%); width: 38px; height: 38px; background-size: contain; }
h1 { font-size: 20px; }
h2 { font-size: 18px; }
h3 { font-size: 17px; }
h4 { font-size: 15px; }
.bg1 li { font-size: 15px !important; }
.bg1 span { font-size: 14px !important; }
.anchor_menu a { width: calc(50% - 0.5em); font-size: 16px; padding: 10px; }
}
.scr_cont::-webkit-scrollbar {
width: 4px;
}
.scr_cont::-webkit-scrollbar-track {
background: #cfcfcf;
border-radius: 3px;
}
.scr_cont::-webkit-scrollbar-thumb {
background: #cc9dd2;
border-radius: 3px;
}
@supports not selector(::-webkit-scrollbar) {
.scr_cont {
scrollbar-color: #cc9dd2 #cfcfcf;
}
}