/* Fonts
---------------------------------------- */
@import url("https://use.typekit.net/sjw5jhn.css");

@font-face {
  font-family: "YakuHanJPs";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/YakuHanJPs/YakuHanJPs-Regular.eot");
  src: url("../fonts/YakuHanJPs/YakuHanJPs-Regular.woff2") format("woff2"),
  url("../fonts/YakuHanJPs/YakuHanJPs-Regular.woff") format("woff");
}
@font-face {
  font-family: "YakuHanJPs";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/YakuHanJPs/YakuHanJPs-Medium.eot");
  src: url("../fonts/YakuHanJPs/YakuHanJPs-Medium.woff2") format("woff2"),
  url("../fonts/YakuHanJPs/YakuHanJPs-Medium.woff") format("woff");
}
@font-face {
  font-family: "YakuHanJPs";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/YakuHanJPs/YakuHanJPs-Bold.eot");
  src: url("../fonts/YakuHanJPs/YakuHanJPs-Bold.woff2") format("woff2"),
  url("../fonts/YakuHanJPs/YakuHanJPs-Bold.woff") format("woff");
}


/* ==================================================== */
/* B A S E */
/* ==================================================== */
main{
  display:block;
}
body{
  color: #333;
  line-height: 1.8;
  font-size: 16px;
  letter-spacing:0.026em;
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, "メイリオ",Helvetica, Arial,  sans-serif;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  overflow-y:scroll;
}
*, *:before, *:after {
  box-sizing: border-box;
}
img{
  max-width:100%;
}
a{
  outline:none;
}
.wf-reg{
  font-family: 'proxima-nova',  sans-serif;
  font-weight:400;
}
.wf-semibold{
  font-family: 'proxima-nova',  sans-serif;
  font-weight:600;
}
a:link { 
  text-decoration: none;
}
a:visited {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
a:active {
}
.clearfix::after {
  content:'';
  display:block;
  clear: both;
}
a{
  -webkit-tap-highlight-color:rgba(100, 100, 100, 0.5);
}
.slick-dots button{
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
  font-size:0;  
}


/* ==================================================== */
/* MODULE */
/* ==================================================== */
#container{
  min-width:1160px;
}
.wrapper{
  padding-top: 105px;
}
.flex{
  display:flex;
}
.width-full{
  width:100%;
  max-width:100%;
  margin-left:auto;
  margin-right:auto;
}
.width-outer{
  width:100%;
  max-width:1390px;
  padding-left: 25px;
  padding-right: 25px;  
  margin-left:auto;
  margin-right:auto;
}
.width-inner{
  width:100%;
  max-width: 1154px;
  padding-left: 25px;
  padding-right: 25px;
  margin-left:auto;
  margin-right:auto;
}
.show-wide{
  display:block;
}
.show-wide-inline{
  display:inline;
}
.show-sml{
  display:none;
}
.align-c{
  text-align:center;
}
.align-r{
  text-align:right;
}
.sec-ttl{
  font-size:38px;
  line-height: 1;
  color:#111;
}
.link-more{
  padding-right:16px;
  background-image:url(../img/assets/arrow.svg);
  background-repeat:no-repeat;
  background-position:top 1px right;
  font-size:15px;
  letter-spacing:0.024em;
  color:#111;
  line-height: 1;
  opacity:0.5;
  transition:opacity 0.4s ease-out;
}
.link-more:hover{
  opacity:1;
}
.sec-inner.primary .ttl-block{
  position:relative;
  margin-bottom: 27px;
}
.sec-inner.primary .link-box{
  position:absolute;
  bottom:0;
  right:0;
}
.sec-inner.secondary .ttl-block{
  float:left;
  width:192px;
  margin-top: -5px;
}
.sec-inner.secondary .ttl-block .sec-ttl{
  margin-bottom: 10px;
}
.sec-inner.secondary .content-block{
  float:right;
  width:912px;
}
.item-unit.flex{
  flex-wrap:wrap;
}
.item-unit.flex .item{
  width:50%;
  width: calc(50% - 24px);
  margin-bottom: 48px;
}
.item-unit.flex .item.spacer{
  display:none;
}
.item-unit.flex .item:nth-child(2n-1){
  margin-right:48px;
}
.item-unit .item a{
  display:block;
  position:relative;
  opacity:1;
  transition:opacity 0.4s ease-out;
}
.no-touchevents .item-unit .item a:hover{
  opacity:0.5;
  transition:opacity 0.2s ease-out;
}
.item-unit .item .meta{
  padding-right:20px;
  padding-left:20px;
  line-height:1.5;
}
.item-unit .item-ttl{
  margin-bottom: 5px;
  color:#333;
  line-height: 1.4;
  font-family: "YakuHanJPs", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, "メイリオ",Helvetica, Arial,  sans-serif;
}
.item .date{
  color:#999;
  font-size:14px;
  font-weight:400;
}
.item-unit .item .item-cat{
  position: absolute;
  top: 8px;
  left: calc(100% - 8px);
  max-width: calc(66% - 8px);
  padding: 2px 7px 1px;
  background-color: #fff;
  font-size: 15px;
  line-height: 1;
  white-space: nowrap;
  color: #333;
  transform-origin: top left;
  transform: rotate(90deg);  
}
.item-unit .item .imgbox{
  position:relative;
  margin-bottom: 16px;
  min-height:288px;
  background-color:#eee;
  text-align:center;
  overflow:hidden;
}
.item-unit.flex .item .scroll-overlay{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-color:#fff;
  z-index:2;
}
.item-unit.flex .item .scroll-overlay.slide{
  transform:translateX(100%);
  transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);
}
.item-unit .item img{
  width:auto;
  height:auto;
  max-height:288px;
}
.blog-unit img{
  max-width:128px;
  max-height:110px;
  width:128px;
  height:110px;  
  opacity:0;
}
.blog-unit.flex{
  flex-wrap:wrap;
}
.blog-unit .item{
  overflow:hidden;
  width:calc(50% - 24px);
  padding-top:40px;
  padding-bottom:41px;
  border-bottom:1px solid #ccc;
}
.blog-unit .item a{
  display:block;
  overflow:hidden;
  opacity:1;
  transition: opacity 0.4s ease-out;  
}
.blog-unit .item a:hover{
  opacity:0.5;
  transition: opacity 0.2s ease-out;  
}
.blog-unit .item:nth-child(1),
.blog-unit .item:nth-child(2){
  border-top:1px solid #ccc;
}
.blog-unit .item:nth-child(2n-1){
  margin-right:48px;
}
.blog-unit .item:nth-child(5){
  display:none;
}
.blog-unit .shop-area{
  font-size:20px;
  color:#333;
}
.blog-unit .shop-area .item-cat{
  position: relative;
  bottom: 2px;  
  margin-left: 7px;
  font-size: 14px;
}
.blog-unit .meta-box{
  float:left;
  max-width:384px;
  margin-top: -6px;
}
.blog-unit .blog-item-ttl{
  line-height:1.5;
  margin-bottom: 7px;
  color:#111;
  font-family: "YakuHanJPs", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, "メイリオ",Helvetica, Arial,  sans-serif;
}
.blog-unit .img-box{
  float:right;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;  
}
.blog-unit .shop-area.area-shop{
  color:#FFB3B8;
}
.blog-unit .shop-area.area-nagoya{
  color:#F0D588;
}
.blog-unit .shop-area.area-sapporo{
  color:#8BB0E0;
}
.blog-unit .shop-area.area-osaka{
  color:#78DCE4;
}
.blog-unit .shop-area.area-harajuku{
  color:#FFB3B8;
}
.blog-unit .shop-area.area-shinjuku{
  color:#AD84BF;
}
.blog-unit .shop-area.area-fukuoka{
  color:#8CE390;
}
.blog-unit .shop-area.shop-shop{
  color:#FFB3B8;
}
.blog-unit .shop-area.shop-nagoya{
  color:#F0D588;
}
.blog-unit .shop-area.shop-sapporo{
  color:#8BB0E0;
}
.blog-unit .shop-area.shop-osaka{
  color:#78DCE4;
}
.blog-unit .shop-area.shop-harajuku{
  color:#FFB3B8;
}
.blog-unit .shop-area.shop-shinjuku{
  color:#AD84BF;
}
.blog-unit .shop-area.shop-fukuoka{
  color:#8CE390;
}
.insta-unit.flex{
  flex-wrap:wrap;
}
.insta-unit .item{
  width:calc(25% - 36px);
  margin-right:48px;
  height:auto;
  margin-right:48px;
  margin-bottom:48px;  
}
.insta-unit .item:nth-child(4n){
  margin-right:0;
}
.insta-unit .item:nth-child(n+4){
  margin-bottom:0;
}
.insta-unit .item .imgbox{
  display:block;
  height:0;
  padding-top:100%;
  background-position: center;
  background-size: cover;
  opacity:1;
  transition: opacity 0.4s ease-out;
}
.insta-unit .item .imgbox:hover{
  opacity:0.5;
  transition: opacity 0.2s ease-out; 
}
.insta-unit .item .imgbox img{
  visibility:hidden;
  height:0;
}
.store-unit{
  width:calc(100% + 48px);
}
.store-unit .item{
  width:calc(25% - 36px);
  margin-right:48px;
  overflow:hidden;
}
.store-unit .item a{
  display:block;
  opacity:1;
  transition: opacity 0.4s ease-out;
  position:relative;
}
.no-touchevents .store-unit .item a:hover{
  opacity:0.5;
  transition: opacity 0.2s ease-out;
}
.ranking-unit.store-unit .item a::before{
  content:'';
  display:block;
  width:27px;
  height:21px;
  background-repeat: no-repeat;
  background-size:27px;
  position:absolute;
  z-index:2;
  top:12px;
  left:12px;
}
.ranking-unit.store-unit .item a::before{
  /* 2022.08.02 Add */
  width:24px;
  height:24px;
  color: #fff;
  background: #000;
  line-height: 1.5;
  font-family: 'proxima-nova',  sans-serif;
  font-weight:400;
  text-align: center;
  top:8px;
  left:8px;
}
.ranking-unit.store-unit .item.num-0 a::before{
  /* background-image:url(../img/assets/ranking/01.png); */
  content:'1';
}
.ranking-unit.store-unit .item.num-1 a::before{
  /* background-image:url(../img/assets/ranking/02.png); */
  content:'2';
}
.ranking-unit.store-unit .item.num-2 a::before{
  /* background-image:url(../img/assets/ranking/03.png); */
  content:'3';
}
.ranking-unit.store-unit .item.num-3 a::before{
  /* background-image:url(../img/assets/ranking/04.png); */ 
  content:'4';
}
.ranking-unit.store-unit .item.num-4 a::before{
  /* background-image:url(../img/assets/ranking/05.png); */
  content:'5';
}
.ranking-unit.store-unit .item.num-5 a::before{
  /* background-image:url(../img/assets/ranking/06.png); */
  content:'6';
}
.ranking-unit.store-unit .item.num-6 a::before{
  /* background-image:url(../img/assets/ranking/07.png); */
  content:'7';
}
.ranking-unit.store-unit .item.num-7 a::before{
  /* background-image:url(../img/assets/ranking/08.png); */
  content:'8';
}
.ranking-unit.store-unit .item.num-8 a::before{
  /* background-image:url(../img/assets/ranking/09.png); */
  content:'9';
}
.ranking-unit.store-unit .item.num-9 a::before{
  /* background-image:url(../img/assets/ranking/10.png); */
  content:'10';
}
.ranking-unit.store-unit .item.num-10 a::before{
  /* background-image:url(../img/assets/ranking/11.png); */
  content:'11';
}
.ranking-unit.store-unit .item.num-11 a::before{
  /* background-image:url(../img/assets/ranking/12.png); */
  content:'12';
}
.store-unit .item.spacer{
  display:none;
}
.store-unit .item p{
  /* line-height:1.4; */
  line-height:1.5;
  font-size:14px;
  color:#333;
  font-family: "YakuHanJPs", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, "メイリオ",Helvetica, Arial,  sans-serif;
}
.store-unit .item .imgbox{
  position:relative;
  overflow: hidden;
  /* margin-bottom: 15px; */
  margin-bottom: 13px;
}
.store-unit .item .imgbox .scroll-overlay{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-color:#fff;
  z-index:2;  
}
.store-unit .item .imgbox .scroll-overlay.slide{
  transform:translateX(100%);
  transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);
}
.store-unit .item del + span{
  color: #c00;
}
.store-unit .slick-dots{
  display:flex;
  /* justify-content: center; */
  justify-content: right;   /* 2022.08.02 Add */
  width:calc(100% - 48px);
  margin-top: 2px;
}
.store-unit .slick-dots li{
  margin:0 4px;
}
.store-unit .slick-dots button{
  width:10px;
  height:10px;
  background-color:#D8D8D8;
  border-radius:50%;
}
.store-unit .slick-dots .slick-active button{
  background-color:#999;
}
.btn-primary{
  display:block;
  position:relative;
  max-width:240px;
  width:100%;
  margin:0 auto;
  padding:16px 0;
  text-align:center;
  line-height:1;
  color:#333;
  font-size:16px;
  border-radius: 3px;
  border:1px solid #333;
  background-color:#fff;
  transition: background 0.4s ease-out, color 0.4s ease-out;
}
.btn-primary.arrow-forward{
  background-image: url(../img/assets/arrow-wh.svg);
  background-repeat: no-repeat;
  background-position: top 16px right 16px;
}
.btn-primary.arrow-forward::after{
  content:'';
  display:block;
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
  background-image: url(../img/assets/arrow.svg);
  background-repeat: no-repeat;
  background-position: top 16px right 16px;  
  opacity:1;
  transition:opacity 0.4s ease-out;
}
.btn-primary.arrow-backward{
  background-image: url(../img/assets/arrow-wh-backward.svg);
  background-repeat: no-repeat;
  background-position: top 16px left 16px;
}
.btn-primary.arrow-backward::after{
  content:'';
  display:block;
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
  background-image: url(../img/assets/arrow-backward.svg);
  background-repeat: no-repeat;
  background-position: top 16px left 16px;  
  opacity:1;
  transition:opacity 0.4s ease-out;
}
.btn-primary:hover {
  background-color:#333;
  color:#fff;
  transition: background 0.2s ease-out, color 0.2s ease-out;
}
.no-touchevents .btn-primary.arrow-forward:hover:after{
  opacity:0;
}
.no-touchevents .btn-primary.arrow-backward:hover:after{
  opacity:0;
}


/* MODLE_PAGE ==================================================== */
.directory-ttl{
  font-size:36px;
  line-height: 1;
  color:#111;
}
.directory-ttl a{
  color:#111;
  opacity:1;
  transition:opacity 0.4s ease-out;
}
.directory-ttl a:hover{
  opacity:0.3;
  transition:opacity 0.2s ease-out;
}
.directory-ttl .subdirectory-ttl{
  color:#999;
}
.page-archive{
  padding-top: 28px;
}
.content{
  padding-top: 24px;
  padding-bottom: 78px;
  padding-bottom:0;
}
.pagenation{
  font-size: 15px;
  color: #333;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.pagenation a{
  background-color:#ECECEC;
  border-radius: 2px;
  color: #333; 
  line-height: 1;
  display: block;
  width: 36px;
  height: 36px;
  padding-top: 11px;
  margin:0 5px;
  transition:border 0.4s ease-out,
             background-color 0.4s ease-out,
             color 0.4s ease-out;
}
.pagenation span.current{
  display: block;
  width: 36px;
  height: 36px;
  margin:0 5px;
  padding-top: 11px;  
  background-color:#333;
  border-radius: 2px;
  color:#fff;
  line-height: 1;
}
.page-numbers.dots{
  height: 2px;
  margin:0 1px;
  color:#666666;
}
.pagenation a.next,
.pagenation a.prev{
  width:auto;
  padding-left:11px;
  padding-right:11px;
}
.pagenation a.next{
  margin-right:0;
}
.pagenation a.prev{
  margin-left:0;
}
.pagenation a:hover{
  background-color:#333333;
  color:#fff;  
  transition:border 0.2s ease-out, background-color 0.2s ease-out, color 0.2s ease-out;
}

.l-lang {
  width: 85px;
  min-height: 20px;
  background-color: #DDDDDD;
  font-size: 10px;
  border-radius: 10px;
}
.l-lang .indicator {
  padding: 1px 10px;
  cursor: pointer;
  opacity: 1;
  transition: opacity .2s ease-out;
}
.ua-safari .l-lang .indicator {
  padding: 2px 10px 0;
}
.ua-windows_nt .l-lang .indicator {
  padding: 1px 8px 0;
}
.l-lang .indicator:hover {
  opacity: .6;
}
.l-lang .indicator::after {
  content: '';
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 4.5px 0 4.5px;
  border-color: #666666 transparent transparent transparent;
  margin-left: 6px;
  float: right;
  margin-top: 7px;
  transform: rotate(0deg);
  transition: transform .2s ease-out;
}
.ua-safari .header .l-lang .indicator::after {
  margin-top: 5px;
}

.l-lang.is-open .indicator::after {
  transform: translateY(0px) rotate(180deg);
}
.l-lang .langlist {
  display: none;
  margin-top: 0;
  padding-bottom: 4px;
}
.l-lang .langlist li a {
  display: block;
  padding: 2px 10px;
  min-height: 20px;
  opacity: 1;
  color: #111;
  transition: opacity .2s ease-out;
}
.ua-desktop .l-lang .langlist li a:hover { 
  opacity: .6;
}
.l-lang .langlist li.is-current{
  display: none;
}

/* ==================================================== */
/* L A Y O U T */
/* ==================================================== */

/* HEADER
---------------------------------------- */
.header{
  position:fixed;
  z-index:5;
  top:0;
  left:0;
  width:100%;
  min-width:1160px;
  padding: 36px 0;
}
.header .inner{
  position:relative;
}
.header-main-box .site-logo{
  float:left;
}
.header-main-box .site-logo h1{
  line-height: 1;
}
.header-main-box .site-logo a{
  display:block;
  opacity:1;
  transition:opacity 0.4s ease-out;
}
.header-main-box .site-logo a:hover{
  opacity: 0.5;
  transition:opacity 0.2s ease-out;
}
.header-main-box .gnav{
  float:left;
  margin-left: 26px;
  opacity:0;
  transition: opacity 0.4s ease-out;
}
.header-main-box .gnav > li:not(:last-child){
  margin-right:8px;
}
.header-main-box .gnav li a{
  display: block;
  padding: 8px;
  color:#111;
  line-height: 1;
  font-weight: bold;
  opacity:1;
  transition: opacity 0.4s ease-out;
}
.header-main-box .gnav li a:hover{
  opacity:0.5;
  transition: opacity 0.2s ease-out;
}
.header .header-onlinestore {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 238px;
  height: 36px;
  position: absolute;
  top: -5px;
  right: 0;
  padding: 0;
  border-radius: 18px;
  border: 1px solid #111;
  background: rgba(255, 255, 255, 0.95);
  font-size: 14px;
  line-height: 1;
  color: #111;
}
.header .header-onlinestore a {
  margin-left: 12px;
  opacity: 1;
  transition: opacity .2s ease-out;
}
.header .header-onlinestore a:hover {
  opacity: .5;
}
.header .header-onlinestore span {
  display: block;
  padding-top: 1px;
}
.header .l-lang {
  position: absolute;
  top: 42px;
  right: 0px;    
}

.gnav-unit li{
  position:relative;
}
.gnav-unit .nav-child{
  background-color:#111;
  position:absolute;
  padding:16px;
  width:282px;
  top: 40px;
  left: 0;
  visibility:hidden;
  transition: opacity 0.4s, visibility 0s ease 0.4s;
  opacity: 0;
  visibility: hidden;
}
.gnav-unit .hover .nav-child{
  transition-delay: 0s; 
  opacity: 1;
  visibility: visible;
}
.gnav-unit .nav-child::before{
  content:'';
  display:block;
  width:16px;
  height:16px;
  position:absolute;
  top: -8px;
  left: 44px;
  background-color:#111;
  transform:rotate(45deg);  
}
.gnav-unit .nav-child li{
  margin-right:0;
  margin-bottom: 3px;
}
.gnav-unit .nav-child li:last-child{
 margin-bottom: 0px; 
}
.gnav-unit .nav-child li a{
  padding:0;
  color:#fff;
  font-size:13px;
  letter-spacing:0.02em;
  line-height:1.6;
  transition: opacity 0.3s;
}
.header-base-nav{
  pointer-events: none;
  opacity:0;
}
.ua-safari .header-base-nav{
  overflow: hidden;
}
.ua-ie .header-base-nav {
  position: relative;
}

.ua-ie .header-base-nav,
.ua-edge .header-base-nav {
  visibility: hidden;
}

.header-base-nav.visible{
  pointer-events: auto;
  opacity:1;  
}

.ua-ie .header-base-nav.visible,
.ua-edge .header-base-nav.visible {
  visibility: visible;
}
/* H O M E */
/* ==================================================== */
.hero{
  padding-bottom:13px;
}
.hero.no-ticker{
  padding-bottom: 80px;
}
.hero .sec-inner{
  overflow:hidden;
}
.hero-slider-wrapper{
  position:relative;
  width:100%;
  max-width:988px;
  margin:0 auto;
}
.hero-slider .slick-list {
  overflow: visible;
}
.hero-slider .slider-item{
  margin:0 8px;
  position:relative;
  overflow:hidden;
  z-index:2;
  opacity:0.5;
  transition: opacity 0.2s ease-out;
  pointer-events: none;
  will-change:opacity;
}
/*
.hero-slider .slider-item:not(.first-slide){
  opacity: 0;
}
.hero.otherslides-loaded .hero-slider .slider-item:not(.first-slide){
  opacity: 1;
}*/



.hero-slider .slider-item.current{
  opacity:1;
  pointer-events: auto;
}
.hero-slider .slider-item a{
  display:block;
  opacity:1;
  transition: opacity 0.4s;
}
.hero-slider .slider-item p{
  padding-top:648px;
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
}
.hero-slider .slider-item img{
  height:0;
  opacity:0;
}
.hero-slider .slider-item .scroll-overlay{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-color:#fff;
  z-index:2;  
  transform:translateX(0);
}
.hero-slider .slider-item .scroll-overlay.slide{
  transform:translateX(100%);
  transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);
}
.no-touchevents .hero-slider .slider-item a:hover{
  opacity:0.5;
}
.hero-slider-controller{
  position: absolute;
  bottom: 20px;
  right: -157px;

}


.hero-slider-controller{
  opacity: 0;
  pointer-events: none;  
}
.hero.visible .hero-slider-controller{
  opacity:1;
  pointer-events: auto;
  transition:opacity 0.2s ease-out;
}

.hero-slider-controller button{
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
  font-size:0;  
  border-radius: 50%;  
  display:block;
  opacity:1;
  transition:opacity 0.4s ease-out;
}
.hero-slider-controller button:hover{
  opacity:0.5;
  transition:opacity 0.2s ease-out;
}
.hero-slider-controller button.next{
  margin-left:12px;
  transform:rotate(180deg);
}
.ticker-home{
	padding-bottom:42px;
}
.ticker-inner{
  position:relative;
	width: 100%;
	max-width: 1154px;
  margin-left: auto;
  margin-right: auto;  
	padding-left: 25px;
	padding-right: 25px;
  overflow: hidden;	
  text-align: center;
}
.ticker-home ul{
  max-width: 722px;
  margin: 0 auto;
}
.ticker-home ul li{
  position:relative;
	font-size:15px;
}
.ticker-home ul li span{
	margin-right:8px;
	font-size:16px;
  color:#111;
}
.ticker-home ul li a{
	text-decoration: underline;
	letter-spacing: 0;
  color:#333;
}
.ticker-home ul li a:hover{
  text-decoration: none;
}
.news-home-unit.flex .item:nth-child(n+3){
  margin-bottom:0;
}
.sec-news-home{
  padding-bottom:100px;
}
.hero + .sec-news-home {
  margin-top: 72px;
}
.news-home-unit{
  margin-bottom: 43px;
}
.news-home-unit .item:nth-child(n+5){
  display:none;
}
.sec-pickup-home{
  padding-bottom:96px;
}
.sec-pickup-home .item-unit.flex .item{
  margin-bottom:0;
}
.sec-pickup-home .item:nth-child(n+3){
  display:none;
}
.sec-lookbook-home{
  padding-bottom:100px;
}
.sec-lookbook-home .item-unit.flex .item{
  margin-bottom:0;
}
.sec-lookbook-home .item:nth-child(n+3){
  display:none;
}

.sec-calif {

}
.sec-calif .error-text {
  font-size: 14px;
  padding-bottom: 32px;
}
.sec-calif .error-text a{
  color: #333;
  text-decoration: underline;
}
.sec-calif .error-text a:hover{
  text-decoration: none;
}
.sec-newarrival{
  padding-top: 78px;
  /* padding-bottom: 46px; */
  /* background-color:#EBEBEC; */
  padding-bottom: 0; /* 2022.08.02 Add */
  background-color:#F4F4F5; /* 2022.08.02 Add */
}
.sec-ttl.ttl-calif span{
  margin-left: 6px;
  margin-right: 6px;
  font-size:12px;
}
.sec-ttl.ttl-calif img{
  transform: translateY(-6px);
}
.sec-ranking{
  background-color:#F4F4F5; 
  padding-top: 54px;
  /* padding-bottom: 46px; */
  padding-bottom: 62px;  /* 2022.08.02 Add */
}
.sec-staffsnap{
 background-color:#EBEBEC; 
 padding-top: 54px;
 padding-bottom: 58px;
}

body[data-ischildsite] .sec-staffsnap .store-unit .item p {
  display: none;
}

/* 2022.08.02 Add */

.sec-calif .link-more-bottom{
  width: 380px;
  margin: 0 auto;
  display: flex;
}
.sec-calif .link-more-bottom li{
  width: 180px;
  font-size: 16px;
  letter-spacing: 0.01em;
}
.sec-calif .link-more-bottom li:first-child{
  margin-right: 20px;
  font-size: 13px;
  letter-spacing: 0.03em;
}
.sec-calif .link-more-bottom li a{
  display: block;
  height: 44px;
  padding-top: 9px;
  color: #FFF;
  background: #000;
  border-radius: 3px;
  text-align: center;
}
.sec-ranking.sec-calif .link-more-bottom li a{
}
.sec-calif .link-more-bottom li:first-child a{
  padding-top: 12px;
}
.sec-calif .link-more-bottom li a:hover{
  opacity: 0.6;
}

/* End 2022.08.02 Add */

.sec-staffblog{
  padding-top:98px;
  padding-bottom: 95px;
}
.sec-staffblog .sec-inner.primary .link-box{
  right:-9px;
}


.blog-nav-unit a{
  display:block;
  padding: 4px 9px;
  opacity:0.5;
  color:#333;
  transition:opacity 0.4s;
}
.blog-nav-unit a:hover{
  opacity:1;
}
.sec-instagram{
  padding-top: 98px;
  padding-bottom: 45px;
}
.sec-instagram .link-more{
  background-image: url(../img/assets/icon-bkwindow.svg);
  background-position: top 3px right;
}
.sec-instagram .sec-ttl svg{
  margin-right: 11px;
}
.sec-instagram .btn-primary{
  display:none;
}
/* F O O T E R */
/* ==================================================== */
.footer{
  padding-bottom:28px;
  padding-top: 116px;
}
.footer .inner{
  margin-bottom:132px;
}
.footer-logo{
  float:left;
  width:288px;
}
.footer-logo a{
  display: inline-block;
  line-height: 1;
  opacity: 1;
  transition:opacity 0.4s ease-out;
}
.footer-logo a:hover{
  opacity: 0.5;
  transition:opacity 0.2s ease-out;
}
.footer-nav-block{
  float:left;
  max-width: 816px;
  position: relative;
}
.external-nav{
  margin-left:-9px;
  margin-bottom: 34px;
  margin-top: -8px;
}
.external-nav li{
  line-height:1;
}
.external-nav a{
  display:block;
  padding:8px 9px;
  opacity:1;
  transition: opacity 0.4s ease-out;
}
.external-nav a:hover{
  opacity:0.5;
  transition: opacity 0.2s ease-out;
}
.external-nav .tw a{
  padding-top:9px;
}
.footer-nav-primary.flex{
  flex-wrap:wrap;
  margin-left:-9px;
}
.footer-nav-primary li{
  width:25%;
  width:192px;
}
.footer-nav-primary li a{
  padding:8px 9px;
  color:#333;
  opacity:1;
  transition: opacity 0.4s ease-out;
}
.footer-nav-primary li a:hover{
  opacity:0.5;
  transition: opacity 0.2s ease-out;
}
.footer-nav-primary li.item-onlinestore {
  width: 249px;
  padding-left: 9px;
}
.footer-nav-primary li.item-onlinestore span {
  letter-spacing: -0.02em;
}
.footer-nav-primary li.item-onlinestore a {
  text-decoration: underline;
  padding: 0;
}
.ua-desktop .footer-nav-primary li.item-onlinestore a:hover {
  text-decoration: none;
  opacity: 1;
}

.footer-applink {
  width: 282px;
  height: 35px;
  position: absolute;
  top: -6px;
  left: 369px;
}
.footer-applink a {
  display: block;
  height: 100%;
  padding-top: 6px;
  padding-left: 16px;
  border-radius: 17.5px;
  background-color: transparent;
  font-size: 13px;
  color: #333;
  font-weight: bold;
  letter-spacing: -0.01em;
  transition: background .4s ease-out;
}
.footer-applink a img {
  margin-right: 8px;
}
@media screen and (min-width: 801px) {
  .ua-desktop .footer-applink a:hover {
    background-color: #EAEAEA;
    transition: background .2s ease-out;
  }  
}

.footer-bottom .width-outer{
  position: relative;
}

.footer-nav-company{
  float:right;
  font-size:13px;
}
.footer-nav-company li{
  border-right:1px solid #000;
  padding-right:8px;
  margin-right:8px;
}
.footer-nav-company li:last-child{
  margin-right:0;  
  padding-right:0;
  border-right:none;
}
.footer-nav-company a{
  display:block;
  color:#333;
  line-height:1;
  opacity: 1;
  transition:opacity 0.4s ease-out;
}
.footer-nav-company a:hover{
  opacity:0.5;
  transition: opacity 0.2s ease-out;
}
.footer-nav-company .sub-text{
  margin-left: -8px;
  font-size:12px; 
}
.footer .copyright{
  float:left;
  font-size:13px;
}
.footer .copyright a{
  color:#333;
  opacity: 1;
  transition:opacity 0.4s;
}
.footer .copyright a:hover{
  opacity:0.5;
}
.footer .l-lang {
  width: 89px;
  position: absolute;
  right: 26px;
  bottom: 43px;
  font-size: 11px;
}
.footer .l-lang .indicator {
  padding: 1px 10px 2px 9px;
}
.ua-safari .footer .l-lang .indicator {
  padding: 2px 10px 1px 9px;
}
.ua-windows_nt .footer .l-lang .indicator {
  padding: 2px 8px 1px 7px;
}
@media screen and (min-width: 801px) {
  .footer .l-lang.is-open .indicator::after {
    transform: translateY(0px) rotate(0deg);
  }  
}


/* MENUICON==================================================== */
.menu-icon{
  position: fixed;
  z-index: 11;
  top: 0;
  right: 0;
  cursor: pointer;
}
.menu-trigger,
.menu-trigger span {
  display: inline-block;
  box-sizing: border-box;
  transition: all .35s;
}
.menu-trigger {
  display:block;
  position: relative;
  z-index: 100;
  width: 28px;
  height: 19px;
  margin: 17px 25px;
}
.menu-trigger span {
  position: absolute;
  z-index:2;
  right: 0;
  width: 100%;
  height: 3px;
  background-color: #000;
  will-change:transform;
}
.menu-trigger span:nth-of-type(1) {
  top: 0;
  width: 100%;
}
.menu-trigger span:nth-of-type(2) {
  top: 8px;
  width: 100%;
}
.menu-trigger span:nth-of-type(3) {
  bottom: 0;
  width: 100%;
}
.menu-icon.active .menu-trigger span{
  background:#000;
  transition:400ms;
  display:block;
}
.menu-icon.active .menu-trigger span:nth-of-type(1) {
  transform-origin:left top;
  transform-origin:center;
  -webkit-transform: translateY(8px) translateX(0px) rotate(45deg);
  transform: translateY(8px) translateX(0px) rotate(45deg);
  -webkit-backface-visibility: hidden;   
  backface-visibility: hidden;  
}
.menu-icon.active .menu-trigger span:nth-of-type(2) {
  opacity: 0;
}
.menu-icon.active .menu-trigger span:nth-of-type(3) {
  transform-origin:left bottom;
  transform-origin:center;
  -webkit-transform: translateY(-8px) translateX(0px) rotate(-45deg);
  transform: translateY(-8px) translateX(0px) rotate(-45deg);
  width: 100%;
  -webkit-backface-visibility: hidden;   
  backface-visibility: hidden;    
}


/* S I N G L E */
/* ==================================================== */
.article-content{
  width:816px;
  float:left;
}
.article-aside{
  float:right;
  width: 240px;
  margin-left:48px;
  margin-top: -6px;
}
.directory-ttl-block{
  margin-bottom: 48px;
  min-height: 78px;
}
.directory-ttl-block .link-back{
  margin-top:9px;
  display: inline-block;
  opacity:0.5;
  padding-left:19px;
  background-image:url(../img/assets/arrow-back.svg);
  background-size:15px 15px;
  background-position:top 2px left -2px;
  background-repeat:no-repeat;
  border-bottom:1px solid #333;
  color:#333;
  font-size:16px;
  line-height: 1.3;
  transition:600ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.directory-ttl-block .link-back:hover{
  opacity:1;
}
.article-meta-box{
  margin-bottom: 5px;
}
.article-meta-box .meta{
  float:left;
  margin-right: 22px;
  font-size:15px;
  color:#333;
}
.article-meta-box .meta a{
  color:#333; 
  text-decoration:underline;
}
.article-meta-box .meta a:not(:first-child){
  margin-left: 3px;
}
.article-meta-box .meta a:hover{
  text-decoration: none;
}
.article-meta-box .metabox-share-unit{
  float:left;
  overflow:hidden;
  margin-top: 3px;
}
.article-meta-box .metabox-share-unit li{
  float:left;
  line-height: 1;
}
.article-meta-box .metabox-share-unit li.tw{
  margin-right:10px;
}
.article-meta-box .metabox-share-unit li{
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  filter: grayscale(100%);
  line-height: 1;
  opacity: 0.6;
  transition: opacity 0.4s ease-out, filter 0.4s ease-out;
}
.article-meta-box .metabox-share-unit li.fb{
  opacity: 0.48;
}
.article-meta-box .metabox-share-unit li:hover{
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  filter: grayscale(0%);
  opacity:1;
}
.article-ttl{
  margin-bottom: 20px;
  max-width: 816px;
  color:#111;
  font-size: 28px;
  line-height: 1.4;  
}
.article-content .main-img{
  margin-bottom: 22px;
}
.article-content-wrapper{
  margin-bottom: 56px;
}
.base-content p{
  margin-bottom: 36px;
  color:#333;
  word-wrap: break-word;
}
.base-content p:last-child{
  margin-bottom:0;
}
.base-content a{
  color:#333;
  text-decoration:underline;
}
.base-content a:hover{
  cursor:pointer;
  text-decoration:none; 
}
.base-content p.caption{
  font-size:14px;
}
.base-content h2{
  margin-top: 25px;
  margin-bottom: 10px;
}
.base-content img{
  max-width:100%;
  height:auto;
}
.base-content p img{
  padding:7px 0 22px;
}
.base-content .box{
  display: block;
  margin-bottom: 36px;
  border-radius: 8px;
  border: 3px solid #DDDDDD;
  font-size: 14px;
  padding: 43px 48px;
}
.base-content .box p{
  margin-bottom: 1em;
}
.base-content .box p:last-child{
  margin-bottom:0px;
}
.base-content .box p:empty{
  display: none;
}
.video {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  margin-bottom:48px;
}
.video iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
.share-unit.flex{
  margin-bottom:40px;
  justify-content: center;
}
.share-unit.flex li{
  margin-right:10px;
}
.share-unit.flex li:last-child{
  margin-right:0;
}
.share-unit a{
  display:block;
  width:172px;
  height:40px; 
  padding:9px 0;
  border-radius: 2px;
  color:#fff;
  font-size:13px;
  line-height:1;
  opacity:1;
  transition:opacity 0.4s ease-out;
}
.ua-safari .share-unit a span {
  position: relative;
  top: 1px;
}

.share-unit a:hover{
  opacity: 0.5;
  transition:opacity 0.2s ease-out;
}
.share-unit img{
  vertical-align: middle;
}
.share-unit a img{
  margin-right:10px;
}
.share-unit .fb a{
  background-color:#39599B;
}
.share-unit .tw a{
  padding: 12px 0px 9px;
  background-color:#45ACDF;
}
.share-unit .ln a{
  background-color:#01BA02;
}
body[data-ischildsite="true"] .share-unit {
  font-family: 'proxima-nova',  sans-serif;
  font-weight:400;  
}
body[data-ischildsite="true"] .share-unit .tw a{
  padding-top: 11px;
}


.page-single .btn-primary{
  width:224px;
  font-size:20px;
}
.editpostlink{
  margin-top:-20px;
  margin-bottom:48px;
}
.article-nav{
  margin-bottom: 74px;
}
.article-category{
  margin-bottom: 28px;
}
.article-archives{
  margin-bottom: 33px;
}
.article-category ul li a,
.article-archives ul li a{
  color:#333;
  opacity:1;
  transition:opacity 0.4s ease-out;
}
.article-category ul li a:hover,
.article-archives ul li a:hover{
  opacity:0.5;
  transition:opacity 0.2s ease-out;
}
.slick-unit-banner .item a{
  display:block;
  padding-top:100%;
  background-size:cover;
  background-position: center center;
  opacity:1;
  transition:opacity 0.4s;  
}
.no-touchevents .slick-unit-banner .item a:hover{
  opacity:0.5;
}
.slick-unit-banner .item img{
  width:100%;
  height:0;
  opacity:0;
}
.slick-unit-banner .slick-dots{
  display:flex;
  justify-content: flex-end;
  margin-top: 12px;
  margin-right: -5px;
}
.slick-unit-banner .slick-dots li{
  margin: 0 4px;
}
.slick-unit-banner .slick-dots button {
  display:block;
  width: 10px;
  height: 10px;
  background-color: #eaeaea;
  border-radius: 50%;
}
.slick-unit-banner .slick-dots .slick-active button{
  background-color: #BBBBBB;
}
.banner-unit.hide-dots .slick-dots{
  display:none!important;
}
.sec-other-news{
  padding-bottom: 40px;
  padding-bottom: 0px;
  overflow:hidden;
}
.sec-other-news .sec-inner.primary .ttl-block{
  margin-bottom:32px;
}
.sec-other-news .sec-ttl{
  font-size:28px;
}
.item-unit.currentnews-unit .item{
  width:336px;
  margin-right:48px;
  margin-bottom: 0;
}
.item-unit.currentnews-unit .item:nth-child(3){
  margin-right:0;
}
.item-unit.currentnews-unit .item:nth-child(n+4){
  display:none;
}
.item-unit.currentnews-unit .item-ttl{
  font-size:16px;
  margin-bottom: 5px;
}
.item-unit.currentnews-unit .item .imgbox{
  min-height: 224px;
}
.item-unit.currentnews-unit .item img{
 max-height: 224px; 
}


/* L O O K B O O K */
/* ==================================================== */
.lookbook-meta-box{
  margin-bottom:47px;
  position:relative;
}
.lookbook-meta-box .lookbook-ttl{
  font-size:28px;
  line-height: 1.2;
  margin-bottom: 11px;
}
.lookbook-meta-box .date{
  font-size:13px;
  color:#999;
}
.lookbook-meta-box .metabox-share-unit{
  position:absolute;
  bottom: -29px;
  right:0;
  text-align: right;
}
.lookbook-meta-box .metabox-share-unit li{
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  filter: grayscale(100%);
  line-height: 1;
  transition: opacity 0.4s, filter 0.4s;
}
.lookbook-meta-box .metabox-share-unit li.tw{
  margin-bottom:8px;
}
.lookbook-meta-box .metabox-share-unit li.fb{
  opacity: 0.85;
}
.lookbook-meta-box .metabox-share-unit li:hover{
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  filter: grayscale(0%);
  opacity:1;
}
.lookbook-content{
  width:80%;
  margin:0 auto;
  min-width:1154px;
  max-width:1154px;
  max-width:1184px;
  padding-right:25px;
  padding-left:25px;
}
.lookbook-content p{
  max-width: 720px;
  margin: 0 auto 30px;
}
.lookbook-content > p:last-child{
  margin-bottom: 60px;
}
.lb-wrap{
  margin-top: 46px;
}
.lb-item{
  width:527px;
  height:auto;
  margin-bottom: 56px;
  overflow: hidden;
  opacity:0;
}
.lb-item p{
  display: inline-block;
  float: right;
  margin-top: 15px;
  padding-left: 11px;
  border-left: 2px solid #333;
  font-size: 15px;
  line-height: 1.5;
  text-align: right;
}
.lb-item p:empty{
  display:none;
}
.lb-item p a{
  color:#333;
  transition:opacity 0.4s;
  opacity:1;
}
.lb-item p a:hover{
  opacity:0.5;
}
.lb-item:nth-of-type(2){
  margin-top:160px;
}
.lb-item:nth-child(2n-1){
  float:left;
}
.lb-item:nth-child(2n){
  float:right; 
}
.lb-item ul{
  width:352px;
  margin-top:15px;
  float: right;
  padding-left:14px;
  position:relative;
}
.lb-item ul::before{
  content: '';
  display: block;
  width: 2px;
  height: calc(100% - 6px);
  background-color: #333;
  position: absolute;
  top: 3px;
  left: 0;
}
.lb-item li{
  font-size:15px; 
  line-height:1.4;
  overflow: hidden;
}
.lb-item li a{
  color:#333;
  float:right;
  text-decoration: underline;
}
.lb-item li a:hover{
 text-decoration: none; 
}
.lb-item img{
  height:auto;
}
.lb-item ul{
  width:auto;
  min-width:352px;
  margin-top:15px;
  float: right;
  padding-left:14px;
  position:relative;
}
.lb-item li .price{
  color:#333;
  float:right;
  padding-left:12px;
}
.lb-item li a{
  color:#333;
  text-decoration: underline;
}


/* P A G E - L O O K B O O K */
/* ==================================================== */
header,
.hnav {
  transition: opacity .2s ease-out;
}
body.is-pagelookbook-swiped header,
body.is-pagelookbook-swiped .hnav {
  opacity: 0;
  pointer-events: none;
}
.page-lookbook-slider .slick-track {
  will-change: transform;
}
.page-lookbook-slider .slick-list {
  width: calc(100% + -1px);
}
.page-lookbook-slider .slider-item {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  -webkit-transform:translateZ(0);
  transform:translateZ(0); 
}

.page-lookbook-slider .slider-item img {
  height: auto;
}

/*arrow*/
.page-lookbook-slider .slick-arrow {
  position: absolute;
  top: 50%;
  margin-top: -20px;
  width: 40px;
  height: 40px;
  background: url('../img/assets/arrow-circle.png') center center / contain no-repeat;
  z-index: 1;
  font-size: 0;
  border: none;  
  outline: none;
  transition: opacity .2s ease-out;
  cursor: pointer;
}
.page-lookbook-slider .slick-arrow.slick-prev {
  left: -20px;
}
.page-lookbook-slider .slick-arrow.slick-next {
  right: -20px;
  transform: rotate(180deg);
}
.page-lookbook-slider .slick-arrow:hover {
  opacity: 0.6;
}
.page-lookbook-slider .slick-arrow.slick-disabled {
  pointer-events: none;
  opacity: 0;
}
/*dots*/
.page-lookbook-slider .slick-dots {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  margin-top: 30px;
  flex-wrap: wrap;
  position: absolute;
  position: relative;
  width: 100%;
}
.page-lookbook-slider .slick-dots li {
  background-color: #aaa;
  width: 6px;
  height: 6px;
  border-radius: 100%;
  margin: 0 4px 4px;  
  cursor: pointer;
}
.page-lookbook-slider .slick-dots li.slick-active {
  background-color: #333;
  cursor: initial;
}

.lookbook-content.is-slider {
  margin-bottom: 100px;
  margin-top: 60px;
}
.lookbook-content .lookbook-note {
  display: none;
  font-size: 12px;
}
.lowertext-lookbook.is-slider {
  margin-top: 60px;
  margin-top: 20px;
  margin-bottom: -40px;
}




/* M E N U */
/* ==================================================== */
.menu{
  position:fixed;
  top:0;
  left:0;
  z-index:8;
  line-height:1.2;
  display:block;
  background-color:#fff;
  width:100%;
  height:100%;
  overflow:scroll;
  -webkit-overflow-scrolling:touch;
  display:none;
}
@media screen and (min-width: 801px) {
  .menu{
    display: none!important;
  }  
}

.menu-logo{
  margin-bottom:36px;
}
.menu-wrapper{
  padding-top:52px;
  padding-bottom:72px;
  padding-right:48px;
  padding-left:48px;
  opacity:0;
}
.menu-nav{
  margin-bottom:20px;
}
.menu-nav li{
  border-bottom:1px solid #D8D8D8;
}
.menu-nav li:first-child{
  border-top:1px solid #D8D8D8;
}
.menu-nav a{
  display:block;
  color:#000;
  cursor:pointer;
  opacity:1;
  transition:opacity 0.4s;
  line-height: 1;
  font-size:18px;
  padding:14px 10px 12px;
  position:relative;
}
.menu-nav a:hover{
  opacity:0.6;
}
.menu .btn-primary{
  max-width: 100%;
  margin-bottom: 14px;
  padding: 14px 0 13px;
  border: 1px solid #D8D8D8;
  font-size: 18px;
}
.menu-nav li.lookbook .icon-plus{
  position: absolute;
  top: 50%;
  margin-top: -8px;
  right: 12px;
  transition: transform 0.4s;
}
.menu-nav li.lookbook .icon-plus::before{
  content:'';
  display:block;
  width:13px;
  height:1px;
  background-color:#000;
  transform:translateY(7px);
  opacity:1;
  transition: opacity 0.4s;
}
.menu-nav li.lookbook .icon-plus::after{
  content:'';
  display:block;
  width:1px;
  height:13px;
  background-color:#000;
  transform:translateX(6px);
}
.menu-nav li.lookbook.active .icon-plus{
  transform:rotate(90deg);
}
.menu-nav li.lookbook.active .icon-plus::before{
  opacity:0;
}
.menu-nav li .nav-child{
  padding:0 10px;
  display:none;
}
.menu-nav li .nav-child li a{
  padding: 18px 2px 14px;
  font-size:13px;
}
.menu-nav .nav-child li:last-child{
  border-bottom:none;
}
.menu .menu-onlinestore {
  font-size: 14px;
}
.menu .onlinestorelist {
  border: 1px solid #D8D8D8;
  border-radius: 3px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 46px;
  margin-top: 5px;
}
.menu .onlinestorelist li {
  width: 50%;
  height: 100%;
}
.menu .onlinestorelist li a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
}
.menu .onlinestorelist li:last-child {
  border-left: 1px solid #D8D8D8;
}
.menu .menu-bottom {
  display: flex;
  justify-content: center;
  align-items: stretch;
}
.menu .menu-bottom-item {
  width: 50%;
  position: relative;
}
.menu .menu-bottom-item .l-lang {
  margin-left: auto;
  margin-right: 0;
  width: 89px;
  min-height: 30px;
  border-radius: 15px;
  position: absolute;
  right: 0;
  top: 40px;
}
.menu .menu-bottom-item .l-lang .indicator {
  padding: 9px 12px 7px;
}
.menu .menu-bottom-item .l-lang .indicator::after {
  margin-top: 4px;
}
.ua-safari .menu .menu-bottom-item .l-lang .indicator::after {
  margin-top: 3px;
}
.ua-windows_nt .menu .menu-bottom-item .l-lang .indicator {
  padding: 9px 10px 7px;
}
/* T O P - N A V I G A T I O N */
/* ==================================================== */
.hnav{
  position:relative;
  z-index:6;
  top:0;
  left:0;
  width:100%;
}
.hnav .inner{
  position:relative;
}
.top-nav-unit{
  position:absolute;
  top:37px;
  right:0;
}
.ua-desktop-windows .top-nav-unit{
  top:35px;
}
.top-nav-unit li{
  margin-bottom: 1px;
}
.top-nav-unit a{
  color:#111;
  font-size:24px;
  line-height:1;
  opacity:1;
  transition:opacity 0.5s ease-out;
}
.top-nav-unit a:hover{
  opacity:0.3;
  transition:opacity 0.3s ease-out;
}

/* S T O R E S */
/* ==================================================== */
.storelist-wrapper{
  position:relative;
  width: 100%;
  max-width: 1154px;
  padding-left: 25px;
  padding-right: 25px;
  margin-left: auto;
  margin-right: auto;  
}
.map-wrapper{
  position:relative;
  margin-bottom: 54px;
}
.map-wrapper map{
  position:relative;
  z-index:1000;
}
.imagemap-unit li{
  position:absolute;
  z-index: 2;
  width: 99px;
  height:32px;
}
.imagemap-unit a{
  display:block;
  font-size:13px;
  background-color:#fff;
  border:1px solid #979797;
  color:#333;
  border-radius:16px;
  height:100%;
  padding-top: 10px;
  line-height: 1;
  text-align:center;
  opacity:1;
  transition:background-color 0.4s, border 0.4s, color 0.4s;
}
@media screen and (min-width: 767px){
  .imagemap-unit a:hover{
    background-color:#aaaaaa;
    border:1px solid #DFDFDF;
    color:#fff;
  }  
  .imagemap-unit a.hover{
    background-color:#aaaaaa;
    border:1px solid #DFDFDF;
    color:#fff;
  }    
}
.imagemap-unit a img{
  width:100%;
  height:auto;
}
.imagemap-unit .btn-01{
  top: 69px;
  right: 124px;
}
.imagemap-unit .btn-02{
  top: 190px;
  right: 124px;
}
.imagemap-unit .btn-03{
  top: 95px;
  right: 332px;
}
.imagemap-unit .btn-04{
  bottom: 28px;
  right: 124px;
}
.imagemap-unit .btn-05{
  top: 137px;
  right: 380px;
}
.imagemap-unit .btn-06{
  top: 163px;
  right: 482px;
}
.imagemap-unit .btn-07{
  top: 163px;
  right: 594px;
}
.imagemap-unit .btn-08{
  width: 136px;
  top: 70px;
  right: 557px;
}
.map-wrapper .imagemap-base{
  width:100%;
  height:auto;
  position: relative;
  z-index: 1;
}
.imagemap-hover-unit li{
  position:absolute;
  z-index:2;
  opacity:0;
  transition:opacity 0.4s;
}
.imagemap-hover-unit li:hover{
  opacity:1;
}
.imagemap-hover-unit li.hover{
  opacity:1;
}
.imagemap-hover-unit li:nth-child(1){
  top: 38px;
  right: 236px;  
}
.imagemap-hover-unit li:nth-child(2){
  top: 229px;
  right: 236px;  
}
.imagemap-hover-unit li:nth-child(3){
  top: 170px;
  right: 317px;
}
.imagemap-hover-unit li:nth-child(4){
  top: 245px;
  right: 317px;
}
.imagemap-hover-unit li:nth-child(5){
  top: 215px;
  right: 378px; 
}
.imagemap-hover-unit li:nth-child(6){
  top: 215px;
  right: 428px;
}
.imagemap-hover-unit li:nth-child(7){
  top: 216px;
  right: 509px;  
}
.storelist-content{
  max-width:816px;
  width:100%;
  float:left;
}
.storelist-aside{
  width:240px;
  float:left;
  margin-left:48px;
  position: fixed;
  z-index: 3;
  top: 247px;
  left: auto;
  opacity:0;
  margin-left: 864px;
}
.storelist-aside .banner-box{
  margin-top:43px;
}
.storelist-aside ul a{
  color:#333;
  font-size: 14px;
  opacity:1;
  transition:opacity 0.3s ease-out;
}
.storelist-aside ul a:hover{
  opacity:0.5;
  transition:opacity 0.2s ease-out;
}
@media screen and (max-height: 680px) and (min-width: 800px){
  .storelist-aside .banner-box{
    display: none;
  }  
}
.storelist-aside.is-bottom{
  position: absolute;
  top: auto;
  bottom:30px;
}

.area-container .country {
  margin-bottom: 37px;
  color: #D0003F;
  font-weight: 400;
  font-size: 26px;
  display: none;
}
body[data-ischildsite="true"] .area-container .country {
  margin-top: -14px;
  display: block;
}
.area-wrapper{
  padding-top: 245px;
  margin-top: -245px;
  margin-bottom: 101px;
}
.area-wrapper:last-child{
  margin-bottom:0;
}
.area-wrapper .area-ttl{
  font-weight:400;
  font-size:24px;
  margin-bottom: 43px;
  color:#111;
}
.modal-areaselect{
  display:none;
}
.area-wrapper dl{
  overflow:hidden;
  margin-bottom:34px;
  min-height: 54px;
}
#area-08.area-wrapper dl{
  min-height: 50px;
  margin-bottom: 24px;
}
.area-wrapper dl:last-child{
  margin-bottom:0;
}
#area-08.area-wrapper dl:last-child{
  margin-bottom:0;
}
.area-wrapper dt{
  width:288px;
  padding-right:48px;
  float:left;
  line-height: 1.4;
}
.area-wrapper dl.company-own strong{
  font-weight: bold;
}
.area-wrapper dt strong{
  font-weight: 400;
  color:#111;
}
.area-wrapper dt strong a{
  color:#111; 
  text-decoration: underline;
}
.area-wrapper dt strong a:hover{
  text-decoration: none;
}
.area-wrapper dt .sub{
  color:#999;
  font-size:13px;
}
.area-wrapper dd{
  max-width:528px;
  float:left;
  font-size:14px;
  line-height: 1.8;
  color:#333;
}
.area-wrapper dd a{
 color:#333;
 text-decoration: underline;
}
.area-wrapper dd a:hover{
  text-decoration: none;
}
.area-wrapper dd .addresscap{
  font-size:12px;
}
.area-wrapper dd .postal-code{
  color:#999999;
}
.company-owned{
  font-size:14px;
  position:relative;
  padding-left:26px;
  padding-top: 2px;
  color:#1E2456;
  margin-top: 6px;
}
.company-owned::before{
  content:'';
  display:block;
  width:20px;
  height:19px;
  background-image:url(../img/assets/icon-bs.png);
  background-size:20px 19px;
  position:absolute;
  top:0;
  left:0;
}
.gmap-link-row{
  margin-top: 3px;
}
.gmap-link{
  position:relative;
  padding-left:16px;
  color:#333;
  opacity:1;
}
.gmap-link:hover{
}
.gmap-link::before{
  content:'';
  display:block;
  width:12px;
  height:16px;
  background-image:url(../img/assets/icon-gmap.svg);
  background-size:12px 16px;
  position:absolute;
  top:0;
  left:0;
}
.area-wrapper dd .blog-link{
  margin-right: 14px;
  display: none;
}

/* A R C H I V E - L O O K B O O K  */
/* ==================================================== */
.lookbook-archive-unit{
  max-width:720px;
  margin:0 auto 51px;
}
.lookbook-archive-unit .item{
  margin-bottom: 75px;
}
.lookbook-archive-unit .item a{
  display:block;
  opacity:1;
  transition:0.4s;
}
.lookbook-archive-unit .item a:hover{
  opacity: 0.5;
}
.lookbook-archive-unit .item:last-child{
  margin-bottom:0;
}
.lookbook-archive-unit .item img{
  margin-bottom: 35px;
  height: auto;
  width:100%;
}
.lookbook-archive-unit .item .imgbox{
  position:relative;
  overflow:hidden;
}
.lookbook-archive-unit .item .imgbox .scroll-overlay{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-color:#fff;
  z-index:2;  
}
.lookbook-archive-unit .item .imgbox .scroll-overlay.slide{
  transform:translateX(100%);
  transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);
}
.lookbook-archive-unit .item .item-ttl{
  font-size:28px;
  line-height: 1.2;
  margin-bottom: 8px;
  color:#333;
}

/* A R C H I V E - N E W S */
/* ==================================================== */
.sec-news-archive{
  padding-bottom: 46px;
}
.sec-news-archive .content-block{
  max-width:912px;
  margin:0 auto;
}
.sec-lookbook-archive{
 padding-bottom: 0px; 
 padding-bottom: 39px;
}
.news-archive-unit.item-unit.flex{
  margin-bottom: 51px;
}
.news-archive-unit.item-unit.flex .item:nth-child(15),
.news-archive-unit.item-unit.flex .item:nth-child(16){
  margin-bottom: 0;
}

/* CONCEPT */
/* ==================================================== */
.concept-inner{
  max-width:720px;
  margin: 0 auto;
  padding-bottom: 54px;
}
.concept-inner .main-img img{
  height:auto;
}
.concept-inner .main-img{
  margin-bottom: 55px;
}
.concept-inner .main-concept{
  text-align: center;
  line-height: 2;
  margin-bottom: 50px;
  margin-top: 0;
  color: #111;
}
.concept-inner .main-concept.lang{
  display: none;
}
.concept-inner .main-concept:last-child{
  margin-bottom: 0;
}
.concept-inner .main-concept::after{
  content:'';
  display:block;
  height:1px;
  max-width:336px;
  background-color:#D8D8D8;
  margin: 50px auto 0;
}

/* ==================================================== */
/* S T A T E */
/* ==================================================== */
.scroll-fade{
  opacity:0;
  transform:translateY(3px);  
}
.scroll-fade.done{
  opacity:1;
  transform:translateY(0px); 
  transition:opacity 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.page-body{
  opacity:0;
}
.home .page-body{
  opacity:0;
}
.hero-fadein{
  opacity:1;
}
.anim{
  opacity:0;
  transform:translateY(10px);
  transition:opacity 1.0s cubic-bezier(0.25, 0.46, 0.45, 0.94),
             transform 1.0s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.anim.done{
  opacity:1;
  transform:translateY(0px);
}
.gnav a{
  color:#fff;
  opacity:0.5;
  transition:opacity 0.4s;
}
.gnav a.nav-current{
  opacity:1;
}
.gnav a:hover{
  opacity:1;
}

/* ==================================================== */
/* S T A T E */
/* ==================================================== */
#ajax-stage{
  position:relative;
  z-index:2;
  top:0;
  left:0;
  width:100%;
  height:auto;
}
#ajax-content{
  background-color:#fff;
}
.hero-slider-wrapper{
  opacity: 0;
}
.newarrival-unit,
.ranking-unit{
  max-height:500px;
}
.slidein{
  opacity:1;
  transform:translateX(0px); 
  transition:600ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.slidein.not-moved{
  opacity:0;
  transform:translateX(5px);
}
.directory-ttl-block .link-back.slidein{
  opacity:0.5;
}
.directory-ttl-block .link-back.slidein:hover{
  opacity:1;
}
.directory-ttl-block .link-back.slidein.not-moved{
  opacity:0;
}
.ua-ie .metabox-share-unit {
  display: none;
}

.c-califnewopen {
 font-size:  14px;
}
.c-califnewopen a {
  text-decoration: underline;
  color: inherit;
}
.c-califnewopen a:hover {
  text-decoration: none;
}
.c-califnewopen.is-en {
  display: none;
}
body[data-ischildsite="true"] .c-califnewopen.is-en {
  display: block;
}
body[data-ischildsite="true"] .c-califnewopen.is-ja {
  display: none;
}