/*
 smallview.css
 ©2018 
 */

 /* ==================================================== */
 /* B A S E */
 /* ==================================================== */
 body{
   font-size: 15px;
 }
a {
 -webkit-tap-highlight-color:rgba(100, 100, 100, 0.5);
}
.show-wide{
  display:none;
}
.show-wide-inline{
  display:none;
}
.show-sml{
  display:block;
}

/* ==================================================== */
/* MODULE */
/* ==================================================== */
#container{
  min-width:auto;
}
.wrapper {
  padding-top: 54px;
}
.width-outer{
  padding-left:25px;
  padding-right:25px; 
  width:100%;
}
.width-inner{
  padding-left:25px;
  padding-right:25px;
  width:100%;
}
.sec-inner.secondary .ttl-block{
  position:relative;
  width:100%;
  float:none;
}
.sec-inner.secondary .link-box{
  position:absolute;
  bottom:4px;
  right: 25px;
}

.sec-inner.secondary .content-block{
  float:none;
  width:100%;
  overflow-x:scroll;
  -webkit-overflow-scrolling:touch;
}
.sec-ttl{
  font-size: 26px;
  margin-bottom:0;  
  line-height: 1.2;
}
.link-more{
  font-size: 12px;
  background-size: 11px 11px;
  padding-right: 14px;
  background-position: top 2px right;
  opacity:1;
  font-family: 'proxima-nova',  sans-serif;
  font-weight:400;  
}
.ttl-block{
  margin-bottom:13px;
}
.sec-inner.primary .ttl-block{
  margin-bottom: 15px;
}
.store-unit .item .imgbox {
  margin-bottom: 8px;
}
.store-unit .item p{
  font-size:12px;
}
.item-unit.flex .item{
  width:100%;
  margin-bottom: 27px;
}
.item-unit.flex .item:last-child{
  margin-bottom:0;
}
.item-unit.flex .item:nth-child(2n-1){
  margin-right:0;
}
.item-unit .item .imgbox {
  margin-bottom: 9px;
  min-height: 133px;
  max-height:100%;
}
.item-unit .item img {
  height: auto;
  width: auto;
  max-height: 100%;
  display: inline;
}
.item-unit .item .meta{
  padding-right:2px;
  padding-left:2px;
  font-size:14px;
  line-height:1.4;
}
.item-unit .item-ttl {
  margin-bottom: 2px;
  min-height:auto;
}
.item .date{
  font-size: 13px;
}
.item-unit .item .item-cat{
  font-size:11px;
  padding: 2px 7px 2px;
}
.item-unit.flex.slick-unit-secondary{
  width:440px;
  width: 1320px;
}
.item-unit.flex.slick-unit-secondary.has-item-5{
  width: 1100px;
}
.item-unit.flex.slick-unit-secondary.has-item-4{
  width: 880px;
}
.item-unit.flex.slick-unit-secondary.has-item-3{
  width: 660px;
}
.item-unit.flex.slick-unit-secondary.has-item-2{
  width: 440px;
}
.item-unit.flex.slick-unit-secondary.has-item-1{
  width: 100%;
}
.item-unit.flex.slick-unit-secondary .item{
  width:200px;
  margin-right:20px;
  margin-bottom:0;
}
.item-unit.flex.slick-unit-secondary .item:nth-child(6){
  margin-right:0;
}
.item-unit.currentnews-unit{
  margin-bottom:0;
}
.item-unit.currentnews-unit .item:nth-child(n+4){
  display:block;
}
.item-unit.flex.slick-unit-secondary .item .imgbox img{
  max-height:133px;
}
.item-unit.flex.slick-unit-secondary .item.spacer{
  display:block;
}
.item-unit.flex.slick-unit-secondary .item:nth-child(2n-1){
  margin-right:20px;
}
.item-unit.currentnews-unit .item .imgbox{
  min-height:100%;
  height:133px;
}
.item-unit.currentnews-unit .item-ttl{
  font-size:14px;
}
.sec-inner.primary{
  overflow:hidden;
}
.sec-inner.primary .overflow-box{
  overflow-x:scroll;
  -webkit-overflow-scrolling:touch;  
}
.store-unit{
  width:2405px;
  display:flex;
  height:auto;
}
.store-unit:empty{
  width: 100%;
  height: auto;
}
.store-unit .item{
  width:180px;
  margin-right:20px;
}
.store-unit .item:last-child{
  margin-right:0;
}
.store-unit .item.spacer{
  display:block;
}
.blog-unit .item{
  float:none;
  width:100%;
  padding-top: 20px;
  padding-bottom: 13px;
}
.blog-unit .item:nth-child(2) {
    border-top: none;
}
.blog-unit .item:nth-child(2n-1){
  margin-right:0;
}
.news-archive-unit.item-unit.flex .item:nth-child(15){
  margin-bottom: 27px; 
}
.blog-unit .meta-box{
  width:calc(100% - 80px);
  padding-right:16px;
  margin-top: -8px;
}
.blog-unit .shop-area{
  font-size: 16px;
}
.blog-unit .shop-area .item-cat{
  bottom:1px;
  font-size: 13px;
}
.blog-unit .blog-item-ttl{
  font-size:15px;
  line-height: 1.4;
  margin-bottom: 4px;
}
.blog-unit img {
  max-width: 80px;
  max-height: auto;
}
.insta-unit.flex{
  margin-bottom:35px;
}
.insta-unit .item{
  width:50%;
  margin-right: 0;
  margin-bottom: 0;
}
.insta-unit .item .imgbox{
  pointer-events: none;
}
.blog-nav-unit{
  display:none;
}
.btn-primary{
  max-width:192px;
  font-size: 14px;
  padding: 16px 0 15px;
}
.pagenation{
  font-size: 15px;
  position:relative;
}
.pagenation a{
  width: 30px;
  margin:0 2px;
}
.pagenation span.current{
  width: 30px;
  margin:0 2px;
}
.pagenation a.prev,
.pagenation a.next{
  position:absolute;
  top:0;
  font-size: 13px;
  padding-top:12px;
}
.pagenation a.prev{
  left:0;
}
.pagenation a.next{
  right:0;
}
@media screen and (max-width:374px){
  .pagenation a,
  .pagenation span.current{
    width:25px;
  }
}

.l-lang .indicator {
  padding-top: 1px;
}

/* MODLE_PAGE ==================================================== */
.directory-ttl {
  font-size: 28px;
}
.directory-ttl-block .link-back{
  display:block;
  position: fixed;
  z-index: 6;
  top: 7px;
  left: 14px;
  border-bottom: 0;
  font-size: 17px;
  padding: 10px 10px 10px 19px;
  background-position: top 12px left -2px;
  margin-top: 0px;
}
.directory-ttl-block .link-back.slidein{
  opacity:1;
}
.content{
  padding-top: 27px;
  padding-bottom: 0px;
}


/* ==================================================== */
/* L A Y O U T */
/* ==================================================== */
.header-main-box .gnav{
  display:none;
}
.header .header-onlinestore{
  display:none;
}
.header {
  padding: 0;
  min-width:auto;
  width:165px;
}
.header-main-box .site-logo img{
  width:115px;
  height:18px;
}
.header .width-outer{
  padding-left:0;
  padding-right:0;
}
.header .l-lang {
  display: none;
}
.hnav{
  display:none;
}
.single .menu-icon{
  display:none;
}
.header .site-logo{
  width: 165px;
  padding:17px 25px;
  position: relative;
}
.header{
  transition:transform 400ms  cubic-bezier(0.645, 0.045, 0.355, 1);
  transform: translateX(0);
}
.single .header{
  transition-delay:0.3s;
  transform: translateX(calc(50vw - 82px));
}
/* H O M E */
/* ==================================================== */
.sec-inner.primary .link-box{
  bottom:4px;
  right: 25px;
}
/* hero
---------------------------------------- */
.hero-slider .slider-item p{
  padding-top:66.66%;
}
.hero-slider-controller{
  display:none;
}
.hero-slider .slider-item{
  margin:0;
  opacity:1;
}
.hero-slider .slick-dots{
  display:flex;
  justify-content: center;
  padding-top: 8px;

}
/*
.hero-slider .slick-dots{
  opacity: 0;
  pointer-events: none;  
}
.hero.otherslides-loaded .hero-slider .slick-dots{
  opacity:1;
  transition: opacity 0.2s ease-out;
}
*/
.hero-slider .slick-dots li{
  margin:0 4px;
}
.hero-slider .slick-dots button{
  width:18px;
  height:3px;
  background-color:#111;
  display:block;
  opacity:0.2;
  transition:opacity 0.4s;
}
.hero-slider .slick-dots .slick-active button,
.hero-slider .slick-dots button:hover{
  opacity:1;
}
.hero {
  padding-bottom: 13px;
}
.hero.no-ticker{
  padding-bottom: 28px;
}
.ticker-home {
  padding-bottom: 26px;
}
.ticker-inner{
  text-align: left;
}
.ticker-home ul{
  max-width:100%; 
  margin-left:0;
  line-height:1.5;
}
.ticker-home ul li{
  height:auto;
  overflow:hidden;
  display: flex;
}
.ticker-home ul li span{
  display: block;
  font-size:14px;
}
.ticker-home ul li a{
  display: block;
  font-size:13px;
  margin-top: 1px;
}
.news-home-unit{
  margin-bottom:0;
}
.news-home-unit .item:nth-child(n+5){
  display:block;
}
.hero + .sec-news-home {
  margin-top: 15px;
}
.sec-news-home {
  overflow:hidden;
  padding-bottom: 44px;
}
.sec-news-home .width-inner{
  padding-right:0;
}
.sec-pickup-home .width-inner{
  padding-right:0;
}
.sec-lookbook-home .width-inner{
  padding-right:0;
}
.sec-pickup-home {
  overflow:hidden;
  padding-bottom: 48px;
}
.sec-pickup-home .item:nth-child(n+3){
  display:block;
}
.sec-lookbook-home{
  overflow:hidden;
  padding-bottom: 36px;
}
.sec-lookbook-home .item:nth-child(n+3){
  display:block;
}

.sec-calif .error-text {
  padding-right: 25px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 13px;
}

.sec-newarrival{
  padding-top: 34px;
  padding-bottom: 27px;
  padding-bottom: 6px; /* 2022.08.02 Add */
  overflow:hidden;
}
.sec-ranking{
  padding-top: 34px;
  padding-bottom: 27px;
  padding-bottom: 40px; /* 2022.08.02 Add */
  overflow:hidden;
}
.sec-newarrival .width-inner,
.sec-ranking .width-inner,
.sec-staffsnap .width-inner{
  padding-right:0;
}
.ranking-unit.store-unit .item a::before{
  top: 8px;
  left: 8px;
}
.sec-staffsnap {
  padding-top: 34px;
  padding-bottom: 39px; 
}
.sec-staffblog{
  padding-top: 36px;
  padding-bottom: 44px;
}
.sec-staffblog .link-box .show-sml{
  display:inline;
}
.sec-staffblog .sec-inner.primary .link-box{
  right:0;
}
.sec-instagram .sec-ttl svg {
  width: 19px;
  height: 19px;
  margin-right: 5px;
}
.sec-instagram .link-more{
  background-image: url(../img/assets/icon-arrow-bold.svg);
  background-position: top 3px right;
  padding-right: 13px;
  background-size: 12px 12px;
}
.ua-android .link-more{
  background-position: top right;
}

/* 2022.08.02 Add */
.sec-calif .link-more-bottom{
  width: 332px;
  margin: 0 auto;
  padding-top: 16px;
}
.sec-calif .link-more-bottom li{
  width: 160px;
  font-size: 14px;
}
.sec-calif .link-more-bottom li:first-child{
  margin-right: 12px;
  font-size: 12px;
}

/* End 2022.08.02 Add */

.ua-android .sec-instagram .link-more{
  background-position: top 1px right;
}
.sec-instagram {
  padding-top: 35px;
  padding-bottom: 0;
}
.sec-instagram .sec-inner.primary .link-box{
  bottom:5px;
  right:0;
}
.sec-instagram .btn-primary{
  width:240px;
  max-width: 240px;
  display:block;
  text-align: center;
}
/* F O O T E R */
/* ==================================================== */
.footer{
  position:relative;
  padding-bottom: 25px;
  padding-top:60px;
}
.footer .banner-box{
  max-width:280px;
  margin:0 auto;
  padding-bottom:60px;
  padding-top:0px;
}
.footer-nav-block{
  float:none;
}
.footer .inner {
  margin-bottom: 25px;
}
.footer-logo{
  float: none;
  position: absolute;
  bottom: 55px;
  left: 50%;
  margin-left: -50px;
  width: 100px;
}
.external-nav.flex{
  justify-content: center;
  margin-left: 0;
  border-top: 1px solid #D8D8D8;
  padding-top: 7px;
  margin-bottom: 7px;
  margin-top:0;
}
.external-nav a{
  padding:10px;
}
.external-nav .tw a {
  padding-top: 13px;
}
.external-nav .mail a{
  padding-top: 12px;
}
.footer-nav-primary.flex{
  margin-left:0;
}
.footer-nav-primary li{
  width:50%;
  width:calc(50% - 5px);
  border-bottom: 1px solid #D8D8D8; 
}
.footer-nav-primary li:nth-child(1),
.footer-nav-primary li:nth-child(2){
 border-top: 1px solid #D8D8D8;  
}
.footer-nav-primary li:nth-child(2n-1){
  margin-right:10px;
}
.footer-nav-primary li:last-child {
  border-bottom: none;
}
.footer-nav-primary li a{
  display: block;
  padding: 9px 5px 8px;
}
.footer-nav-primary li:nth-last-child(2){
  width: 100%;
  margin-left: 0;
}
body[data-ischildsite="true"] .footer-nav-primary li:nth-last-child(3){
  width: 100%;
  margin-left: 0;
}
body[data-ischildsite="true"] .footer-nav-primary li:nth-child(4){
  margin-right:10px;
}
body[data-ischildsite="true"] .footer-nav-primary li:nth-child(5){
  margin-right:0;
}

.footer-nav-primary li.item-onlinestore {
  padding-left: 5px;
  width: 100%;
  height: 45px;
  padding-top: 9px;
}
.footer-nav-primary li.item-onlinestore a {
  display: inline-block;
}
.footer-logo a img{
  width:100px;
  height:auto;
}

.footer-applink {
  position: static;
  height: 48px;
  width: 100%;
  border-top: 2px solid  #EBEBEB;
  border-bottom: 2px solid  #EBEBEB;
}
.footer-applink a {
  padding-top: 10px;
  padding-left: 0;
  border-radius: 0;
  font-weight: normal;  
  color: #222;
  opacity: 1;
}
.footer-applink a:hover {
  opacity: .6;
  transition: opacity .2s ease-out;
}  
.footer-applink a img {
  position: relative;
  top: -1px;
}

.footer-nav-company{
  float:none;
  flex-wrap:wrap;
  padding-bottom: 90px;
}
.footer-nav-company li{
  margin-bottom:16px;
}
.footer-nav-company li:last-child{
 margin-bottom:0; 
}
.footer .l-lang {
  bottom: initial;
  top: -3px;
}
.footer .copyright{
  float:none;
  text-align:center;
  font-size: 12px;
}
.footer .l-lang .indicator::after {
  margin-top: 8px;
}
.ua-safari .footer .l-lang .indicator::after {
  margin-top: 6px;
}
.menu .external-nav{
  max-width: 150px;
  border-top: 0;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: -10px;
  padding-top: 15px;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.menu .external-nav a {
  padding: 5px 10px;
}
.menu .external-nav .tw a {
  padding-top: 7px;
}
.menu .external-nav .mail a {
  padding-top: 6px;
}



/* S I N G L E */
/* ==================================================== */
.article-content{
  width:100%;
  float:none;
}
.article-aside{
  display:none;
}
.directory-ttl-block {
  margin-bottom: 32px;
  min-height: auto;
}
.article-meta-box {
  margin-bottom: 14px;
}
.article-ttl{
  line-height: 1.4;
  font-size: 21px;
}
.article-content-wrapper {
  margin-bottom: 37px;
}
.share-unit.flex{
  margin-bottom: 27px;
}
.share-unit.flex li {
  width: 100%;
}
.share-unit a{
  width:100%;
}
.share-unit a img{
  margin-right:0;
}
.base-content .box{
  padding: 20px 24px;
}
.page-single .btn-primary{
  font-size:17px;
}
.article-nav{
  margin-bottom: 56px;
}
.sec-other-news .sec-ttl {
  font-size: 26px;
}
.sec-other-news .sec-inner.primary .ttl-block {
  margin-bottom: 15px;
}
.sec-other-news {
  padding-bottom: 0px;
}
.sec-other-news .width-inner{
  padding-right:0;
}
.sec-other-news .content-block{
  overflow-x: scroll;
  -webkit-overflow-scrolling:touch;
}
/* L O O K B O O K - S I N G L E  */
/* ==================================================== */
.lookbook-content{
  width:100%;
  min-width: auto;
  max-width: 650px;
}
.lookbook-meta-box{
  padding-top: 52px;
  margin-bottom: 28px;
}
.lookbook-meta-box .lookbook-ttl{
  font-size:24px;
}
.lookbook-meta-box .date{
  position: absolute;
  left: 0;
  top: 0;
}
.lookbook-meta-box .metabox-share-unit{
  display: flex;
  bottom: auto;
  top: 0;
  right: 0;
}
.lookbook-meta-box .metabox-share-unit li.tw{
  margin-bottom: 0;
  margin-right: 8px;
}
.lb-wrap {
  margin-top: 26px;
}
.lb-item{
  width:100%;
  height:auto;
  margin-bottom: 56px;
}
.lb-item p{
  font-size:12px;
  margin-top: 15px;
}
.lb-item:nth-child(2){
  margin-top:0px;
}
.lb-item:nth-child(2n-1){
  float:none;
}
.lb-item:nth-child(2n){
  float:none; 
}
.lb-item ul{
  width:auto;
  min-width:262px;
}
.lb-item li{
  font-size:12px;
}


/* P A G E - L O O K B O O K */
/* ==================================================== */
.lookbook-archive-unit{
  margin-bottom: 36px;
}
.lowertext-lookbook.is-slider {
  margin-top: 10px;
}
.page-lookbook-slider .slider-item img {
  width: 100%;
}
.page-lookbook-slider .slick-dots {
  width: 80%;
  margin: 20px auto 0;
  position: relative;
}
body.is-horizontal .page-lookbook-slider .slider-item {
  max-height: calc(100vh - 20px);
}
.header,
.menu-icon,
.directory-ttl-block .link-back.slidein {
  transition: transform 400ms cubic-bezier(0.645, 0.045, 0.355, 1), opacity .2s ease-out;
}
body.is-pagelookbook-swiped.single .directory-ttl-block .link-back.slidein {
  transition-delay: .3s;
}

body.is-pagelookbook-swiped .menu-icon,
body.is-pagelookbook-swiped .directory-ttl-block .link-back.slidein {
  opacity: 0;
  pointer-events: none;
}
.lookbook-content.is-slider {
  margin-top: 30px;
  margin-bottom: 80px;
}
.lookbook-content .lookbook-note {
  display: block;
}
body.is-horizontal .lookbook-content .lookbook-note {
  display: none;
}
.page-lookbook-slider .slick-dots li {
  margin: 0 4px 8px;  
}


/* S T O R E S */
/* ==================================================== */
.storelist-wrapper{
  padding-left:0;
  padding-right:0;
}
.imagemap-hover-unit{
  display:none;
}
.map-wrapper .imagemap-base-sp{
  width: 100%;
  height: auto;
}
.imagemap-unit li{
  width: 70px;
  height: 22px;
}
.imagemap-unit a{
  font-size:9px;
  padding-top: 6px;
  letter-spacing: 0;
}
.imagemap-unit a img{
  width:100%;
  height:auto;
}
.imagemap-unit .btn-01{
  top: 15.4%;
  right: 3%;
}
.imagemap-unit .btn-02{
  top: 53%;
  right: 3%;
}
.imagemap-unit .btn-03{
  top: 24%;
  right: 43%;
}
.imagemap-unit .btn-04{
  bottom: 7%;
  right: 3%;
}
.imagemap-unit .btn-05{
  top: 37.4%;
  right: 50.8%;
}
.imagemap-unit .btn-06{
  top: 25%;
  right: 67%;
}
.imagemap-unit .btn-07{
  top: 43%;
  right: 79%;
}
.imagemap-unit .btn-08{
  width: 25%;
  top: 7%;
  right: 72%;  
}
.area-container{
  padding-right:25px;
  padding-left:25px;
}
.area-wrapper{
  padding-top: 76px;
  margin-top: -76px;
  padding-bottom: 53px;
  margin-bottom: 32px;
  border-bottom:1px solid #ccc;
}
#area-08.area-wrapper{
  border-bottom:none; 
  padding-bottom: 0; 
}
.area-wrapper .area-ttl-box{
  position:relative;
}
.area-container .country {
  font-size: 24px;
}
body[data-ischildsite="true"] .area-container .country {
  margin-top: 0;
}
.area-wrapper .area-ttl{
  width: calc(100% - 120px);
  font-size:20px;
  line-height: 1.4;  
}
.area-wrapper .btn-areaselect{
  font-size: 12px;
  border: 1px solid #CCCCCC;
  color:#111;
  border-radius: 3px;
  position: absolute;
  top: -2px;
  right: 0;
  padding: 9px 36px 9px 9px;
  line-height: 1;
  background-image:url(../img/assets/triangle.svg);
  background-size:8px 6px;
  background-position:top 12px right 9px;
  background-repeat:no-repeat;
}
.area-navigation.flex{
  display:flex;
  flex-wrap:wrap;
  justify-content: center;
  max-width:300px;
  margin: 0 auto 51px;
}
body[data-ischildsite="true"] .area-navigation.flex {
  margin-bottom: 20px;
}
.area-navigation li{
  line-height:1;
  border-right:1px solid #111;  
  padding-right:10px;
  margin-right:10px;
  margin-bottom:16px;
}
.area-navigation li:nth-child(5),
.area-navigation li:last-child{
  border-right:none;  
  padding-right:0;
  margin-right:0;
  margin-bottom:16px;  
}

body[data-ischildsite="true"] .area-navigation li:nth-child(5) {
  border-right: 1px solid #111;
  padding-right: 10px;
  margin-right: 10px;
  margin-bottom: 16px;  
}
body[data-ischildsite="true"] .area-navigation li:nth-child(n+6) {
  margin-bottom: 16px;   
}

.area-navigation li:nth-child(n+6){
  margin-bottom:0;
}
.area-navigation a{
  display:block;
  font-size: 12px;
  color:#111;
  border-bottom: 1px solid #111;
  padding-bottom: 1px;
}
.area-wrapper dl {
  margin-bottom: 29px;
}
.area-wrapper dt{
  width:100%;
  padding-right:0;
  float:none;
  margin-bottom: 9px;
}
.area-wrapper dt .sub{
  font-size: 12px;
}
.area-wrapper dd{
  float:none;
  font-size: 13px;
  line-height: 1.4;
}
.area-wrapper dd p{
  margin-bottom: 6px;
}
.area-wrapper dd p.addresscap{
}
.area-wrapper dd .gmap-link{
  border: 1px solid #CCCCCC;
  border-radius: 4px;
  text-decoration: none;
  width: 112px;
  display: block;
  line-height: 1;
  padding: 7px 28px 7px;
  font-size: 13px;
  letter-spacing: 0;
  float:left;
  overflow:hidden;
}
.gmap-link-row{
  margin-top: 11px;
}
.gmap-link::before{
  top: 5px;
  left: 10px;
}
.area-wrapper dd .blog-link{
  display: none;
  border: 1px solid #CCCCCC;
  border-radius: 4px;
  text-decoration: none;
  width: 112px;
  
  line-height: 1;
  padding: 7px 18px 7px;
  font-size: 13px;
  letter-spacing: 0;
  float:left;
}
.area-wrapper dt strong{
  font-weight:bold;
}
.modal-areaselect{
  z-index:20;
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  display:none;
}
.modal-areaselect-overlay{
  position:fixed;
  z-index:20;
  top:0;
  left:0;
  width:100%;
  height:100vh;
  background-color:rgba(0, 0, 0, 0.7);
}
.modal-areaselect .modal-content{
  position:absolute;
  z-index:21;
  width:100%;
  width: calc(100% - 40px);
  top: 60px;
  left: 20px;
  margin: 0 auto;
  height:auto;
  background-color:#fff;
  border-radius:4px;
  padding:28px 20px 21px;
  opacity:0;
}
.modal-areaselect-ttl{
  font-size:24px;
  margin-bottom: 19px;
}
.modal-areaselect-unit.flex{
  flex-wrap:wrap;
  margin-bottom: 19px;
}
.modal-areaselect-unit li{
  width:calc(50% - 5px);
  border:1px solid #CCCCCC;
  border-radius: 4px;
  margin-bottom:10px; 
}
.modal-areaselect-unit li:nth-child(n+7){
  margin-bottom:0;
}
.modal-areaselect-unit li:nth-child(2n-1){
  margin-right:10px;
}
.modal-areaselect-unit li a{
  color:#333;
  font-size:14px;
  line-height:1;
  display:block;
  line-height:1;
  padding: 14px 4px;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.btn-areaselect-close{
  width: 40px;
  height: 40px;
  position: relative;
  display: block;
  border: 1px solid #ccc;
  border-radius: 50%;
  margin: 0 auto;
}
.btn-areaselect-close .icon-close{
  display:block;
  width:23px;
  height:23px;
  position: relative;
  transform: rotate(45deg);
  top: 8px;
  left: 8px;
}
.btn-areaselect-close .icon-close::before{
  content:'';
  display:block;
  width:100%;
  height:1px;
  background-color:#000;
  position: absolute;
  top: 11px;
}
.btn-areaselect-close .icon-close::after{
  content:'';
  display:block;
  width:1px;
  height:100%;
  background-color:#000;
  position: absolute;
  left: 11px;
}
/* A R C H I V E - N E W S */
/* ==================================================== */
.news-archive-unit.item-unit.flex {
  margin-bottom: 36px;
}
.news-archive-unit .item{
  width:100%;
}
/* A R C H I V E - L O O K B O O K  */
/* ==================================================== */
.lookbook-archive-unit .item{
  margin-bottom: 29px;
}
.lookbook-archive-unit .item img{
  margin-bottom: 13px;
}
.lookbook-archive-unit .item .item-ttl{
  font-size:16px;
  margin-bottom: 0;
}
.sec-news-archive{
  padding-bottom:0;
}
/* CONCEPT  */
/* ==================================================== */
.concept-inner{
  padding-bottom: 14px;
}
.concept-inner .main-concept{
  text-align: left;
  font-size: 14px;
  line-height: 1.8;
}
.concept-inner .main-img {
  margin-bottom: 38px;
}
.concept-inner .main-concept .hide-sml{
  display:none;
}
.concept-inner .main-concept{
  margin-bottom: 35px;
}
.concept-inner .main-concept::after{
  margin: 34px auto 0;
}
.concept-inner .main-concept:last-child::after{
  display:none;
}

/* W I N D O W - S I Z E */
/* ==================================================== */
@media screen and (max-width:374px){
  .area-navigation a{
    font-size:10px;
  }
}

/* MENU */
/* ==================================================== */
.m-fade{
  opacity:0;
  transform:translateY(15px);
  transition:800ms;
}
.m-fade.done{
  opacity:1;
  transform:translateY(0px); 
}

.c-califnewopen {
  width: calc(100% - 25px);
  font-size:  13px;
}