/*-------------------------------------------------------------------------------------------------------------------------------
* 基本設定
-------------------------------------------------------------------------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans:700');
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+1p:wght@400;500;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap');

#header {
position: initial;
}
#eigyo {
display: none;
}
#pagetop {
  display: none;
  position: fixed;
  right: 20px;
  bottom: 20px; 
}
#pagetop a {
display: flex;
justify-content: center;
align-items: center;
color: #FFF;
background-color: rgba(137,109,44,0.8);
width: 5em;
height: 5em;
border-radius: 2.5em;
font-size: 1.6em;
font-family: 'YakuHanJP', 'M PLUS 1p', sans-serif;
font-weight: 800;
text-decoration: none;
position: relative;
}
#pagetop a:after {
  content: '';
  width: 1em;
  height: 1em;
  border-top: solid 2px #FFF;
  border-right: solid 2px #FFF;
  position: absolute;
  left: 1.8em;
  top: 0.8em;
  transform: rotate(-45deg);

}
#pagetop img {
width: 100%;
height: auto;
}
  @media screen and (max-width: 767px) {
    #pagetop {
      width: 15%;
      height: auto; 
}
#pagetop a {
width: 50px;
height: 50px;
font-size: 1.2em;
}
#pagetop a:after {
  width: 12px;
  height: 12px;
  left: 19px;
  top: 5px;

}

}
  @media print {
    #pagetop {
      display: none !important; 
} 
}

.nav-PC.show-PC,
.eigyo-PC.show-PC,
.eigyo_box02 {
  display:none;
}
@-moz-document url-prefix() {
  .nav-PC.show-PC + #contents ,
  .eigyo-PC.show-PC + #contents  {
    padding-top: 72px;;
  }
}

.cf:before,
.cf:after {
  content: " ";
  display: table;
}
.cf:after {
  clear: both;
}
.cf {
  *zoom: 1;
}
.container {
}

.fadein {
  opacity: 0;
  transition: all 0.5s ease-in-out 0.1s; }
  @media print {
    .fadein {
      opacity: 1;
      transition: none; } }

.fadeinRate {
  opacity: 0;
  transition: all 2.0s ease-in-out 0.3s; }
  @media print {
    .fadein {
      opacity: 1;
      transform: translate(0);
      transition: none; } }

.fadeinT {
  opacity: 0;
  transform: translate(0, -20px);
  transition: all 0.5s ease-out 0.3s; }
  @media print {
    .fadeinT {
      opacity: 1;
      transform: translate(0);
      transition: none; } }

.fadeinL {
  opacity: 0;
  transform: translate(-20px, 0);
  transition: all 0.5s ease-in-out 0.3s; }
  @media print {
    .fadeinL {
      opacity: 1;
      transform: translate(0);
      transition: none; } }

.fadeinB {
  opacity: 0;
  transform: translate(0, 20px);
  transition: all 0.8s ease-in-out 0.5s; }
  @media print {
    .fadeinB {
      opacity: 1;
      transform: translate(0);
      transition: none; } }

.fadeinR {
  opacity: 0;
  transform: translate(20px, 0);
  transition: all 0.5s ease-in-out 0.3s; }
  @media print {
    .fadeinR {
      opacity: 1;
      transform: translate(0);
      transition: none; } }

.fadein.scrollin,
.fadeinRate.scrollin,
.fadeinT.scrollin,
.fadeinL.scrollin,
.fadeinB.scrollin,
.fadeinR.scrollin {
  opacity: 1;
  transform: translate(0, 0) scale(1); }


.contentWrapper {
width:100%;
text-align: center;
}
@media screen and (min-width: 768px) {
.contentWrapper {
}
}
.contentWrapper a {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.contentWrapper a:hover {
  opacity:0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
  -moz-opacity:0.7;
  -khtml-opacity: 0.7;
}
.contentWrapper a.test {
  text-decoration: none;
color: inherit!important;
}
@media screen and (max-width:767px) {
.contentWrapper {
padding: 12vw 3vw;
}
}

/* contents
=================================================================== */
#contents {
  max-width:100%;
  box-sizing:border-box;
}
#contents p img {
  max-width:100%;
}

#contents small {
  font-weight: normal;
}

/* ----- header ----- */

.contentHeader__Wrapper {
}
.contentHeader {
width: 100%;
max-width: 980px;
margin: 0 auto;
padding: 4em 0  ;
}
.contentHeader__logo {
max-width: 980px;
box-sizing: border-box;
padding: 0;
margin-bottom: 4em;
}
.contentHeader__logo img {
width: 100%;
height: auto;
}
.contentHeader__copy {
width: 100%;
max-width: 580px;
margin: 0 auto 3em;
}
.contentHeader__copy img {
width: 100%;
height: auto;
}
@media screen and (max-width: 767px) {
.contentHeader__copy {
margin: 5vw auto;
padding: 0 10vw;
}

}
@media screen and (max-width: 767px) {
  .contentHeader__Wrapper {
  }
  .contentHeader {
  padding:  4vw ;
  }
  .contentHeader__logo{
    margin-bottom: 4vw;
  }
  .contentHeader__logo img {
  }

}




/* ----- conent ----- */
.content1 {
width: 100%;
position: relative;
}
.content1__image {
width: 100%;
z-index: -1;
}
.content1__image--text {
width: fit-content;
position: absolute;
top: 3%;
left: 5%;
font-family: "YakuHanMP", 'Noto Serif JP', serif;
font-size: 2.6em;
color: #000;
filter: drop-shadow(0 0 10px #FFF);
line-height: 1.3;
}
.content1--dark .content1__image--text {
color: #FFF;
filter: drop-shadow(0 0 10px #000);
left: auto;
right: 5%;
}


@media screen and (min-width: 768px) {
.content1__image {
position: sticky;
top: 166px;
left: 0;
/*aspect-ratio: 16 / 9;*/
max-height: calc(100vh - 166px);
}

}
.content1__image img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;
}

@media screen and (max-width: 767px) {
.content1__image {
overflow: hidden;
}
.content1__image img {
}
.content1__image--text {
width: 100%;
position: static;
font-size: 1.6em;
filter: none;
color: #000;
padding: 4vw;
text-align: center;
}
.content1--dark .content1__image--text {
color: #000;
filter: none;
}

}
.content1__text {
width: 100%;
z-index: -1;
background-color: rgba(255,255,255,0.5);
backdrop-filter: blur(16px);
padding: 100px 0;
}
.content1--dark .content1__text {
background-color: rgba(57,69,109,0.1);
}
@media print {
.content1--dark .content1__text {
background-color: rgba(57,69,109,1);
}
}
.items {
max-width: 980px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
gap: 3em 2em;
}
@media screen and (max-width: 767px) {
.items {
gap: 4vw;
}
.content1__text {
width: 100%;
z-index: -1;
background-color: transparent;
backdrop-filter: none;
padding: 4vw ;
}
.content1--dark .content1__text {
background-color: transparent;
}


}
.item {
box-sizing: border-box;
width: calc(50% - 1em);
}
.item.col3 {
width: calc((100% - 4em) / 3);
}
@media screen and (max-width: 767px) {
.item {
width: calc(50% - 2vw);
}
}

.item__image {
margin-bottom: 1em;
}
.item04 .item__image {
background-image: url(/base/shinjuku/img/ls24_04.jpg);
background-size: cover;
}
@media screen and (max-width: 767px) {
.item__image {
margin-bottom: 1vw;
}
}

.item__image img {
width: 100%;
height: 100%;
object-fit: contain;
border-radius: 1em;
}
.item04 .item__image img {
backdrop-filter: blur(24px);
}
.item__text {
width: 100%;
display: block;
}

.item__name {
font-size: 1.4em;
font-feature-settings: "palt";
font-family: "YakuHanJP", "M PLUS 1p";
font-weight: 500;
}
.item__name a {
color: inherit;
text-decoration: none;
}
@media screen and (max-width: 767px) {
.item__name {
font-size: calc(1.2em * 0.7);
}
}
.item__num {
font-size: 180%;
font-family: "Great Vibes", cursive;
font-weight: 400;
font-style: normal;
display: inline-block;
margin: 0 0.5em 0 0;
line-height: 1;
}
.item__copy {
font-size: 1.0em;
font-feature-settings: "palt";
font-family: "YakuHanMP", 'Noto Serif JP', serif;
font-weight: 400;
margin-bottom: 0.25em;
}
@media screen and (max-width: 767px) {
.item__copy {
font-size: calc(1.0em * 0.7);
}
}
.item__spec {
font-size: 1.2em;
font-feature-settings: "palt";
font-family: "YakuHanJP", "M PLUS 1p";
font-weight: 400;
}
.item__spec strong {
font-size: 125%;
font-weight: 500;
line-height: 1;
display: inline-block;
}
.item__spec small {
font-size: 85%;
line-height: 1;
display: inline-block;
}
@media screen and (max-width: 767px) {
.item__spec {
font-size: calc(1.0em * 0.7);
}
}
.item__floor {
font-size: 1em;
font-feature-settings: "palt";
font-family: "YakuHanJP", "M PLUS 1p";
font-weight: 400;
}
@media screen and (max-width: 767px) {
.item__floor {
font-size: calc(0.86em * 0.7);
}
}
.content1--dark .item__name,
.content1--dark .item__num,
.content1--dark .item__copy,
.content1--dark .item__spec,
.content1--dark .item__floor {
color: #FFF;
}
@media screen and (max-width: 767px) {
.content1--dark .item__name,
.content1--dark .item__num,
.content1--dark .item__copy,
.content1--dark .item__spec,
.content1--dark .item__floor {
color: #000;
}
}
.footerNotes {
  text-align: left;
  margin: 0 auto ;
  width: 100%;
  padding: 2em 0;
background-color: #FFF;
}
.footerNotes ul {
  margin: 0 auto ;
max-width: 980px;
}
#contents .footerNotes ul li{
display: inline-block;
}

@media screen and (max-width: 768px) {
  .footerNotes {
    padding: 12px;
  }
  #contents .footerNotes ul li{
  font-size: 0.7em;
  }
}

@media print {
  #header,
  #eigyo,
  .nav-PC,
  #footer {
    display:none;
  }
  #storeWrapper {
    margin: 0 auto;
    padding: 0 0;
  }
}