/* Common Smallview */
/* ---------------------------------------- */
/* Base */
/* ---------------------------------------- */
body{
  font-size: 13px;
}

/* ---------------------------------------- */
/* COMPONENT */
/* ---------------------------------------- */
.show-sml{
  display: block;
}
.hide-sml{
  display: none;
}
.c-btn {
  width: 100%;
  min-width: 200px;
  padding: 15px 15px;
  font-size: 13px;
}
@media screen and (max-width: 374px){
  .c-btn {
    padding: 17px 6px;
    font-size: 11px;    
  }
  .c-btn::after {
    right: 7px;
  }
      
}
.c-btn.c-btn-jp {
  padding-top: 18px;
  font-size: 13px;
}
.c-btn-thirdly {
  font-size: 13px;
}


/* ---------------------------------------- */
/* BLOCK */
/* ---------------------------------------- */
.l-inner {
  max-width: 480px;
  padding-right: 25px;
  padding-left: 25px;
}
.l-section-head {
  right: 10px;
  margin-right: 0;
  width: 27px;
}
.l-section-head .inner {
  top: 34px;
}
.l-section-head .title-en {
  font-size: 21px;
  display: inline-block;  
}
.l-section-head .title-ja {
  margin-top: 10px;
  margin-right: 0;
  font-size: 12px;
  display: inline-block;
}
.ua-ios .l-section-head .title-ja {
  position: relative;
  left: 7px;
}

.l-header {
  display: none;
  position: fixed;
  left: 0;
  width: 100%;
  height: 100%;
  margin-left: 0;
  background-color: #003451;
  color: #fff;
  font-size: 18px;
}
.l-header .inner {
  padding-top: 56px;
}
.l-header .header-logo {
  display: none;
}
.l-header .localnav {
  text-align: center;
}
.l-header .localnav li:not(:last-child) {
  margin-bottom: 14px;
}
.l-header .localnav li a::before {
  display: none;
}
.l-header .sociallist {
  margin-top: 38px;
  margin-bottom: 52px;
  justify-content: center;
  width: 100%;
}
.l-header .sociallist li + li {
  margin-left: 16px;
}
.l-header .sociallist li a img {
  opacity: 0;
}
.l-header .sociallist li:first-child a {
  background: url(../img/assets/icon_instagram_white.png) center center / contain no-repeat;
}
.l-header .sociallist li:nth-child(2) a {
  background: url(../img/assets/icon_facebook_white.png) center center / contain no-repeat;
}

.l-footer {
  min-height: initial;
  padding: 90px 25px 20px;
}
.l-footer .footer-company {
  margin-bottom: 15px;
}
.l-footer .footer-company img {
  width: 90px;
}

.l-footer .footer-logo {
  right: 25px;
  top: -81px;
}
.l-footer .footer-logo a img {
  width: 192px;
}
.l-footer .copyright {
  font-size: 9px;
}

button.menuicon {
  width: 58px;
  height: 58px;
  display: block;
  position: fixed;
  top: 12px;
  left: 0;
  z-index: 11;
  pointer-events: none;
  opacity: 0;
  transition: opacity .2s ease-out;
}
body.is-hero-end button.menuicon {
  pointer-events: auto;
  opacity: 1;
}
body.is-menu-open button.menuicon {
  pointer-events: auto;
  opacity: 1;
}
.menuicon-btn {
  position: relative;
  width: 18px;
  height: 12px;
  margin: 0 auto;
}
.menuicon-btn span {
  display: block;
  position: absolute;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #003451;
  transform-origin:center center;
  transition: background .2s ease-out, transform .2s ease-out;
}

.menuicon-btn span:nth-of-type(1) {
  top: 0;
}
.menuicon-btn span:nth-of-type(2) {
  bottom: 0;
}

body.is-menu-open .menuicon-btn span {
  background-color: #fff;
}
body.is-menu-open .menuicon-btn span:nth-of-type(1) {
  transform: translateY(4px) translateX(0px) rotate(45deg);
}
body.is-menu-open .menuicon-btn span:nth-of-type(2) {
  transform: translateY(-5px) translateX(0px) rotate(-45deg);
}



/* ---------------------------------------- */
/* LAYOUT */
/* ---------------------------------------- */
.line-top {
  height: 12px;
}
/* HERO */
.section-hero {
  z-index: 1;
  height: 100vh;
  height: 667px;  
  /* background: url(../img/hero_bg_sml.jpg) center top / cover no-repeat; */
}
.section-hero figure {
  display: none;
}
.hero-logo-container {
  position: static;
  display: flex;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.hero-logo {
  display: block;
  height: auto;
  position: static;
  text-align: center;
}
.hero-logo img {
  width: 200px;
  height: auto;
}


/* ABOUT */
.section-about {
  padding-top: 150px;
  padding-bottom: 60px;
}
.section-about::before {
  height: 440px;
}
.section-about .l-section-head {
  margin-top: -60px;
}
.ua-ios .section-about .l-section-head {
  margin-top: 90px;
}
.section-about .about-title {
  margin-bottom: 80px;
  text-align: left;
}
.section-about .about-title img {
  width: 240px;
}
.section-about .about-copy {
  margin-bottom: 80px;
  padding-right: 30px;
}
.about-outline-container {
  padding-top: 0;
  padding-bottom: 55px;
}

.about-outline-container .slick-list {
  padding-right: 0!important;
  padding-left: 0!important;
}

.about-outline-wrapper {
  background-color: transparent;
}
.about-outline-wrapper .slick-track {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
}
.about-outline-wrapper .about-outline-item {
  height: auto;
  background-color: transparent;
  padding-top: 0;
}
.about-outline-wrapper .about-outline-item .l-inner {
  max-width: 480px;
}
.about-outline-container .outline-declaration .title {
  font-size: 17px;
}
.about-outline-container .outline-declaration {
  display: flex;
  justify-content: flex-start;
  align-items: center;  
  font-size: 13px;
  width: initial;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}
@media screen and (max-width: 374px){
  .about-outline-container .outline-declaration .title {
    font-size: 16px;
  }
}
.about-outline-container .outline-declaration .declaration-01,
.about-outline-container .outline-declaration .declaration-02 {
  letter-spacing: 0;
}
.about-outline-container .outline-illustration {
  max-width: initial;
  width: initial;
  margin-right: 0;
  margin-left: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 40px;
  padding-bottom: 20px;
}
.about-outline-container .outline-illustration img {
  margin-right: auto;
  margin-left: auto;
}
.about-outline-container .outline-illustration .l-inner {
  padding-right: 0;
  padding-left: 0;
}
.about-outline-container .outline-illustration .illustration-box {
  padding-right: 12px;
  padding-left: 12px;
}
@media screen and (min-width: 400px){
  .about-outline-container .outline-illustration .illustration-box {
    padding-right: 25px;
    padding-left: 25px;
  }  
  .about-outline-container .outline-illustration .illustration-box img {
    width: 100%;
    max-width: 480px;
  }  
}

.about-video {
  margin-top: 40px;
  padding-right: 40px;
  padding-left: 40px;
  margin-bottom: 0;  
}
.about-outline-container .slick-dots {
  bottom: -17px;
}
.about-outline-wrapper .slick-arrow {
  bottom: -30px;
  margin-bottom: 0;
}
.about-outline-wrapper .slick-arrow {
  display: none!important;
}
.about-outline-wrapper .slick-arrow.slick-next {
  left: 25px;
}
.about-outline-wrapper .slick-arrow.slick-prev {
  right: 25px;
}


/* MARCHE */
.l-section.section-marche {
  padding-top: 0;
  padding-bottom: 0;  
}
.l-section.section-marche .l-section-head {
  /* margin-top: 258px; */
  margin-top: 20px;
}
@media screen and (min-width: 400px){
  .l-section.section-marche .l-section-head {
    padding-bottom: 130px;
  }  
}

/* .section-marche-head {
  padding-bottom: 40px;
} */
.section-marche-head .gallery-wrapper {
  max-width: 100%;
}
.section-marche-head .gallery {
  position: relative;
  width: calc(100% + 50px);
  left: -25px;
}
.section-marche-head .gallery .gallery-logo-wrap {
  position: absolute;
  right: initial;
  top: initial;
  margin-top: 0;
  left: 0px;
  bottom: 0px;
}
.section-marche-head .gallery-logo-wrap .gallery-logo {
  width: 120px;
}

.section-marche-head .content {
  display: block;
  margin-top: 140px;
}
.section-marche-head .content .preface {
  padding-right: 30px;
  margin-bottom: 80px;
}
.section-marche-head .content .sns-container {
  width: 100%;
  padding-right: 30px;
}
.section-marche-head .content .sns-facebook .fb-page {
  height: 340px;
  overflow: hidden;
}
.section-marche-head .content .sns-facebook iframe {
  width: 100%!important;
}
.section-marche-head .content .sns-instagram {
  padding-top: 13px;
}
.section-marche-head .content .sns-instagram .headline{
  margin-bottom: 2px;
  color: #003451;
}
.sns-container .instagram-slide {
  max-width: 100%;
  justify-content: space-between;
}
.sns-container .instagram-slide .item {
  width: calc(50% - 5px);
  max-height: 195px;
}
@media screen and (max-width: 375px) {
  .sns-container .instagram-slide .item {
    max-height: 143px;
  }
}

/* .sns-container .instagram-slide .item:nth-child(2n) {
  margin-left: 10px;
} */
.sns-container .instagram-slide .item:not(:first-child) {
  margin-left: 0;
}
.sns-container .instagram-slide .item:nth-child(n+3) {
  margin-top: 10px;
}

.marche-nav {
  overflow: auto;
  height: auto;
}
.marche-nav-container .status {
  margin-bottom: 19px;
}
.marche-nav .anchorlist {
  display: block;
}
.marche-nav .anchorlist::before {
  display: none;
}
.marche-nav .anchorlist li {
  width: auto;
  height: 100%;
  margin-right: 0;
  margin-bottom: 10px;
  font-size: 13px;
  font-weight: bold;
}
.marche-nav .anchorlist li:last-child {
  margin-bottom: 0;
}
.marche-nav .anchorlist li a {
  padding-bottom: 14px;
  background: url(../img/assets/icon_arrow_yellow.png) right 16px center / 20px 11px no-repeat;
}
.marche-nav .anchorlist li a strong {
  display: block;
  font-size: 24px;
}
.marche-nav .anchorlist li a::before, 
.marche-nav .anchorlist li a::after {
  height: 2px;
}

.block-marche {
  padding-top: 60px;
}
.block-marche .gallery {
  width: calc(100% + 50px);
  margin-left: -25px;
}
.block-marche .gallery figcaption {
  top: -30px;
}
.block-marche:nth-child(2n-1) .gallery figcaption {
  right: 21px;
}
.block-marche:nth-child(2n) .gallery figcaption {
  left: 26px;
}
.block-marche .gallery .marche-slider {
  max-width: initial;
}

.block-marche .gallery-wrapper.l-inner {
  max-width: 100%;
}
.block-marche .gallery .arrow-container,
.block-marche:nth-child(2n-1) .gallery .arrow-container,
.block-marche:nth-child(2n) .gallery .arrow-container { 
  left: initial;
  bottom: -49px;
  right: 0;
}

@media screen and (min-width: 480px) {
  .block-marche .gallery .arrow-container, 
  .block-marche:nth-child(2n-1) .gallery .arrow-container, 
  .block-marche:nth-child(2n) .gallery .arrow-container {
    right: 50%;
    margin-right: -213px;  
  }  
}

.block-marche .content {
  padding-top: 10px;
}
.block-marche .content .head {
  margin-bottom: 21px;
}
.block-marche .content .head p {
  height: 40px;
  margin-left: -25px;
  padding-top: 3px;
  padding-left: 25px;
  font-size: 24px;
}

@media screen and (min-width: 480px) {
  .block-marche .content .head p {
    margin-left: 0;
    padding-left: 18px;
  }
}

.block-marche .content .head .c-tag {
  font-size: 12px; 
}
.ua-android .block-marche .content .head .c-tag {
  padding-top: 2px;
}
.block-marche .content .body {
  display: block;
}
.block-marche .content .metabox {
  padding-right: 0;
  width: 100%;
}
.block-marche .content .detailslist {
  display: block;
  font-size: 13px;
}
.block-marche .content .detailslist .item {
  max-width: initial;
  padding-right: 0;
}
.block-marche .content .detailslist .item + .item {
  margin-top: 23px;
}

.block-marche .content .detailslist .item dt.c-tag {
  margin-bottom: 14px;
  font-weight: bold;
  padding-top: 2px;
}
.ua-ios .block-marche .content .detailslist .item dt.c-tag {
  padding-top: 0px;
}
.block-marche .content .detailslist .item > dd {
  font-size: 15px;
}
.block-marche .content .detailslist .item .business-day {
  font-size: 13px;
}
.block-marche .content .detailslist .item .note {
  font-size: 12px;
}
.block-marche .content .detailslist .item .note.address {
  font-size: 13px;
}
.block-marche .content .imgbox {
  width: 100%;
  margin-top: 20px;
  padding-top: 0;
}
.block-marche .content .imgbox img {
  width: 100%;
}
.block-marche .content .imgbox a.note {
  font-size: 11px;
}
.block-marche .content .detailslist .item .notebox {
  font-feature-settings: 'palt';
  letter-spacing: 0.11em;  
}

/* SHINJUKU */
.block-marche.marche-shinjuku .gallery figcaption {
  width: 149px;
  height: auto;
}
/* MINAMIAOYAMA */
.block-marche.marche-minamiaoyama .gallery figcaption {
  width: 106px;
  height: auto;
}
.block-marche.marche-minamiaoyama .content .head p {
  padding-top: 6px;
  font-size: 19px;
}
/* YOKOHAMA */
.block-marche.marche-yokohama .gallery figcaption {
  width: 102px;
  height: auto;
  top: -30px;
  right: 50px;
}

@media screen and (max-width: 374px){
  .block-marche .content .head p,
  .block-marche.marche-minamiaoyama .content .head p {
    font-size: 14px;
    padding: 7px 12px 0px 25px;
    height: 30px;
  }
  .block-marche .gallery .arrow-container {
    height: 30px;
  }
  .block-marche .gallery .arrow-container, 
  .block-marche:nth-child(2n-1) .gallery .arrow-container, 
  .block-marche:nth-child(2n) .gallery .arrow-container {
    bottom: -41px;
  }
}



.section-marche .block-gallery {
  height: 322px;
  margin-top: 47px;
  margin-bottom: 0;
}


/*
Cases 2024 add */
.l-section.section-cases {
  margin-top: -20px;
  padding-top: 0;
  /* padding-bottom: 146px; */
}
.l-section.section-cases .cases-contents{
  width: auto;
}
.section-cases .l-inner {
  max-width: 490px;
  padding-right: 50px;
}





/*
WEBSTORE */
.l-section.section-webstore {
  padding-top: 0;
  padding-bottom: 146px;
}

.l-section.section-webstore .l-section-head .inner {
    position: absolute;
    top: 162px;  
}

.section-webstore .l-inner {
  max-width: 490px;
  padding-right: 50px;
}
.section-webstore .content-head::before {
  display: none;
} 
.section-webstore .content-head {
  margin-bottom: 30px;
}
.section-webstore .content-head .webstore-banner {
  padding-left: 0;
}
.section-webstore .preface {
  font-size: 13px;
  word-break: break-all;
}
.section-webstore .organizer {
  margin-top: 95px;
}

.section-webstore .store-links {
  /* display: flex; */
  /* max-width: 544px; */
  /* margin: 0 auto 0; */
  /* justify-content: space-between; */
}
.section-webstore .store-links li{
  width: 48%;
  /* max-width: 256px; */
}
.section-webstore .store-links li .c-btn{
  /* width: 100%; */
  /* min-width: 128px; */
  /* text-align: center; */
  color: #003451 !important;
  height: 60px;
  font-size: 15px;
}
.section-webstore .store-links li .c-btn::after{
  right: 11px;
}
.section-webstore .store-links li .c-btn span{
  position: relative;
  background: none;
}
.section-webstore .store-links li .c-btn.jre{
  /* padding-top: 14px; */
  /* padding-bottom: auto; */
}
.section-webstore .store-links li .c-btn.i-lumine{
  padding-top: 12px;
}
.section-webstore .store-links li .c-btn.i-lumine img{
  width: auto;
  height: 18px;
}

.section-webstore .c-btn {
  width: 100%;
}


/* ---------------------------------------- */
/* STATE */
/* ---------------------------------------- */

.section-marche .block-gallery .item-01 {
  width: 99px;
  height: 99px; 
}
.section-marche .block-gallery .item-02 {
  width: 99px;
  height: 99px; 
}
.section-marche .block-gallery .item-03 {
  width: 126px;
  height: 126px; 
}
.section-marche .block-gallery .item-04 {
  width: 144px;
  height: 115px; 
}
.section-marche .block-gallery .item-05 {
  width: 144px;
  height: 115px; 
}
.section-marche .block-gallery .item-06 {
  width: 169px;
  height: 225px; 
}
.section-marche .block-gallery .item-07 {
  width: 99px;
  height: 99px; 
}
.section-marche .block-gallery .item-08 {
  width: 198px;
  height: 118px; 
}
.section-marche .block-gallery .item-09 {
  width: 220px;
  height: 132px; 
}
.section-marche .block-gallery .item-10 {
  width: 220px;
  height: 132px; 
}
.section-marche .block-gallery .item-11,
.section-marche .block-gallery .item-12 {
  width: 144px;
  height: 115px; 
}
.section-marche .block-gallery .item-13 {
  width: 198px;
  height: 118px; 
}
.section-marche .block-gallery .item-14 {
  width: 126px;
  height: 126px; 
}
.section-marche .block-gallery .item-15,
.section-marche .block-gallery .item-16{
  width: 144px;
  height: 115px; 
}

/* 2021 update */
.shop-news>div{
  margin: 0 0 25px;
  width: 100%;
  padding: 13px 11px;
  line-height:1.5;
}

.about-video-sns{
  padding-top: 0;
}
.about-video-sns-flex{
  display: block;
}

.video{
  padding-top: 56.25%;
  margin-right: 30px;

}

.about-video-sns-flex{
  padding-right: 30px;

}

.content .about-video-sns .sns-container {
  width: 100%;
  margin:40px 0 0 ;
}

.sns-instagram{
  padding-right: 30px;

}

.instagram-slide{
  flex-wrap: wrap;
}

.instagram-slide .item:last-child{
  display:block;
}

.about-video-sns-content-title h3{
  font-size: 14px;
}

.about-video-sns-flex .about-video-sns-content-title{
  position: relative;
  transform: translate(0px, 0px);
}
.about-video-sns-flex .about-video-sns-content-title h3{
  font-size: 14px;
}

.sns-container .about-video-sns-content-title h3 {
  color: #003451;
}

.shop-shinjuku.block-marche .content .head p {
  height: 72px;
  line-height: 1.25;
  display: flex;
  align-items: center;
}
.shop-shinjuku:before{
  width: 182px;
  height: 154px;
  top: -10px;
}
.shop-shinjuku.block-marche .gallery figcaption{
  transform: rotate(-20deg);
  left:80px;
  top: -67px;
  width: 47%;
}
.section-marche-head .gallery-logo:nth-child(1) {
  position: absolute;
  top: auto;
  left: 25px;
  bottom: -80px;
  margin-top: -144px;  
  z-index: 2;
}
.section-marche-head .gallery-logo:nth-child(2) {
  position: absolute;
  left: 175px;
  bottom: -80px;
  margin-top: -144px;  
  z-index: 2;
}

.section-shop{
  padding-top: 0;
}