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

.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 {
max-width: 980px;
margin: 0 auto;
}

.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.5s ease-in-out 0.3s; }
  @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); }


#wrapper {
width:100%;

}
#wrapper 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;
}
#wrapper a:hover {
  opacity:0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
  -moz-opacity:0.7;
  -khtml-opacity: 0.7;
}
#wrapper a.test {
  text-decoration: none;
color: inherit!important;
}


/* contents
=================================================================== */
#contents {
  max-width:100%;
  box-sizing:border-box;
}
#contents p img {
  max-width:100%;
}
#contents p,
#contents li {
  font-size: 15px;
}
#contents small {
  font-weight: normal;
}
@media screen and (max-width: 480px) {
  #contents p,
  #contents li {
    font-size: 14px;
  }
}
/* ----- header ----- */

.contentHeader {
padding: 0 0;
}

#contents p.header-copy {
width: 100%;
max-width: 826px;
margin: 0 auto ;
text-align: center;
box-sizing: border-box;
padding: 0 0 0;
text-align:center;
}
#contents p.header-copy img {
  width: 100%;
  height: auto;
}
.header-logo {
width: 100%;
margin: 0 auto ;
text-align: center;
box-sizing: border-box;
padding: 0;
text-align:center;
}
.header-logo img {
  width: 100%;
  height: auto;
}




@media screen and (max-width: 768px) {
  .contentHeader {
   padding: 0 0 0;
  }
  .header-logo {
    padding: 0;
    margin: 0 auto 0 auto;
    padding: 0;
    overflow: hidden;
  }
  .header-logo img {
  }
}

/* ----- conent ----- */
.contentWrapp {
  padding: 0;
  width: 100%;
  max-width: 980px;
  box-sizing:border-box;
  position: relative;
  background-color: #FFF;
  overflow: hidden;
  margin: 0 auto;
border: 1px solid #7f5c05;
}
#col1.contentWrapp {
}
.contentWrapp +.contentWrapp {
border-top: none;
}

.content {
  display:block;
  width:100%;
  margin:0 auto;
  text-align:left;
  box-sizing:border-box;
}
.accordion .content {
  display:none;
}
.content--inner {
background-color: #000;
}
.accordion .content > h3 {
max-width: 900px;
margin: 0 auto 1rem;
position: relative;
z-index: 100;
}
#col5.accordion .content > h3 {
margin-bottom: 1em;
}

.accordion .content ul + h3 {
margin-top: 2rem;
}
.accordion .content > h3.wide {
margin-bottom: 1rem;
}
.accordion .content > h3 img {
width: auto;
max-width: 100%;
height: auto;
}
.accordion .content > h3.wide img {
max-width: inherit;
}
#col5.accordion .content > h3 img {
max-width: 100%;
width: auto;
}
.topicsColumn {
padding: 39px ;
width: 100%;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
gap: 26px;
}
.topicsColumn.alend {
align-items: flex-end;

}
.topicsColumn.wide {
gap: 0;
padding-bottom: 0;
}
.topicsColumn li {
width: calc(50% - 14px);
}

.topicsColumn.at li {
width: 100%;
}
@media screen and (min-width: 768px) {
.topicsColumn.at {
flex-wrap: inherit;
justify-content: space-between;
}
.topicsColumn.at li.entrance01 {
width: 599px;
}
.topicsColumn.at li.entrance02 {
width: 247px;
}
}
.topicsColumn.at li.entrance01 {
}

@media screen and (max-width:767px) {
.topicsColumn.at {
display: block;
}
.topicsColumn.at li.entrance02 {
padding: 0 20vw 3vw;
text-align: center;
}
}
.topicsColumn.wide li{
width: 100%;
}
.topicsColumn.wide li + .show-PC{
margin-top: 1rem;
}
#col1 .topicsColumn.wide li + .show-PC {
margin-top: 0;
}
.topicsColumn.wide li + .show-SP{
margin-top: 1rem;
}
#col1 .topicsColumn.wide li + .show-SP{
margin-top: 0;
}
.ctr {
display: flex;
align-items: center;
}
.btm {
display: flex;
align-items: flex-end;
}
@media print {
.topicsColumn,
.accordion .content > h3 {
page-break-before: always; 
}
h3 + .topicsColumn {
page-break-before:avoid; 
}
.topicsColumn li ,
.topicsColumn li img {
page-break-inside: avoid;
}
}


@media screen and (min-width: 767px) {
/*.btm:before {
content: "";
background-image: url(/base/shinjuku/img/geishun211226_arrow-left.png);
background-repeat: no-repeat;
background-size: contain;
width: 14px;
height:24px;
position: absolute;
top: 0px;
left: -17px;
}*/
}
.topicsColumn li img {
width: auto;
max-width: 100%;
height: auto;
}
.topicsColumn + .topicsColumn {
/*margin-top: 2rem;*/
padding-top: 0;
}
.topicsColumn + .topicsColumn.mt0 {
margin-top: 0;
}

.topicsColumn.at + .topicsColumn{
padding-top: 39px;
}
.pt1rem {
padding-top:1rem;
}
.ib__wrapper  {
text-align: center;
padding: 2rem 0 0;
}
.ib__wrapper li {
display: inline-block;
}
@media screen and (min-width:768px) {
.pcpt1rem {
padding-top:1rem;
}
}
@media screen and (max-width:767px) {
.topicsColumn li.spmt0 {
margin-top: 0;
}
.ib__wrapper  {
padding: 3vw 3vw 0 3vw;
}
.ib__wrapper li:first-child {
width: 86.3%;
margin-bottom: 3vw;
}
.topicsColumn.at + .topicsColumn{
padding-top: 3vw;
}

}
.footerNotes {
  text-align: left;
  margin: 0 auto ;
  width: 100%;
  padding: 2em ;
}
.footerNotes ul {
  margin: 0 auto ;
max-width: 980px;
}
.footerNotes ul li em {
color:#F00;
font-style: normal;
}




.accordion {
}
.blockTitle {
margin: 0;
box-sizing:border-box;
position: relative;
cursor:pointer;
}
.accordion .blockTitle {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.accordion .blockTitle:hover {
  opacity:0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
  -moz-opacity:0.7;
  -khtml-opacity: 0.7;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.accordion .blockTitle h2 {
display: flex;
align-items: center;
justify-content: center;
max-width: 100%;
min-height: 160px;
position: relative;
color: #7f5c05;
text-align: center;
font-size: 2em;
font-family: 'Noto Serif JP', serif;
box-sizing: border-box;
background-repeat: no-repeat;
background-size: cover;
background-position: right  center;
}
#col1.accordion .blockTitle h2 {
background-image: url(/base/shinjuku/img/geishun26_01_bg.jpg);
}
#col2.accordion .blockTitle h2 {
background-image: url(/base/shinjuku/img/geishun26_02_bg.jpg);
}
#col3.accordion .blockTitle h2 {
background-image: url(/base/shinjuku/img/geishun26_03_bg.jpg);
}
#col4.accordion .blockTitle h2 {
background-image: url(/base/shinjuku/img/geishun26_04_bg.jpg);
}


.accordion .blockTitle h2 img, {
width: auto;
max-width: 100%;
height: auto;
}
.accordion .blockTitle h2::after {
position: absolute;
bottom: 10px;
left: calc(50% - 26px);
content: " ";
background-image: url("/base/shinjuku/img/geishun211225_arrow02.png");
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
display: block;
width: 52px;
height: 15px;
 box-sizing: border-box;
transform: scale(1, 1);
transition: all 0.2s;
}
#col1.accordion .blockTitle h2::after {
background-image: url("/base/shinjuku/img/geishun211225_arrow01.png");
}
.accordion .blockTitle.open h2::after {
transform: scale(1, -1);
}
#col1.accordion .blockTitle h2::before,
#col2.accordion .blockTitle h2::before,
#col3.accordion .blockTitle h2::before,
#col4.accordion .blockTitle h2::before {
position: absolute;
bottom: 10px;
left: 10%;
top: 0;
content: " ";
background-image: url("/base/shinjuku/geishun/img/geishun23_01_tn01_2.png");
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
display: block;
width: 11.656%;
height: 100%;
 box-sizing: border-box;
transform: scale(1, 1);
transition: all 0.2s;
}
#col2.accordion .blockTitle h2::before {
background-image: url("/base/shinjuku/geishun/img/geishun23_01_tn02_2.png");
}
#col3.accordion .blockTitle h2::before {
background-image: url("/base/shinjuku/geishun/img/geishun23_01_tn03_2.png");
}
#col4.accordion .blockTitle h2::before {
background-image: url("/base/shinjuku/geishun/img/geishun23_01_tn04_2.png");
}
@media screen and (max-width: 768px) {
  .contentWrapp {

  }
  .content {
  }
  .accordion .content > h3 {
  padding:  3vw;
    margin: 0 auto 0;

  }
  #col5.accordion .content > h3 {
  max-width: 100%;
  }
  .accordion .content > h3.wide {
  max-width: 100%;
  }
  .topicsColumn {
    margin: 0 auto ;
    transform: inherit;
   gap: 0;
    padding: 2vw ;
  }
.topicsColumn li {
width: 100%;
    margin-top: 2rem;
}
.topicsColumn li:first-child {
    margin-top: 0;
}
.topicsColumn.wide li {
    margin-top: 0;
}
.topicsColumn li.ctr {
display: block;
margin-top: 1rem;
}
.topicsColumn li.show-SP img {
}

  .footerNotes {
    padding: 12px;
  }
  .blockTitle {
  }
  .accordion .blockTitle h2 {
  min-height: 30vw;
  padding: 0 6vw;
  font-size: 1.3em;
  line-height: 1.4;
  background-position: right -28vw center;
  }
  #col1.accordion .blockTitle h2,
  #col2.accordion .blockTitle h2,
  #col3.accordion .blockTitle h2,
  #col4.accordion .blockTitle h2 {
padding: 0 6vw 0 17vw;
}
  #col2.accordion .blockTitle h2,
  #col3.accordion .blockTitle h2,
  #col4.accordion .blockTitle h2 {
  text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
              -1px 1px 0 #FFF, 1px -1px 0 #FFF,
              0px 1px 0 #FFF,  0-1px 0 #FFF,
              -1px 0 0 #FFF, 1px 0 0 #FFF;
}
  .blockTitle img {
  width: auto; 
max-width: 100%;
    }
  .accordion .blockTitle h2 img,
  #col0.accordion .blockTitle h2 img {
  }
  .accordion .blockTitle h2::after,
  #col0.accordion .blockTitle h2::after {
bottom: 2px;
left: calc(50% - 13px);
width: 26px;
height: 7px;

  }
  #col1.accordion .blockTitle h2::before,
  #col2.accordion .blockTitle h2::before,
  #col3.accordion .blockTitle h2::before,
  #col4.accordion .blockTitle h2::before {
  left: 4px;
width: 15%;
  }
  #col1.accordion .blockTitle h2 {
  text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
              -1px 1px 0 #FFF, 1px -1px 0 #FFF,
              0px 1px 0 #FFF,  0-1px 0 #FFF,
              -1px 0 0 #FFF, 1px 0 0 #FFF;
  }
}



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


.instaCol {
color:#000;
}
.tcnInsta {
text-align: center;
}
.tcnInsta {
display: flex;
align-items: center;
justify-content: center;
border-top: 1px solid rgba(255,255,255,0.3);
border-bottom: 1px solid rgba(255,255,255,0.3);
padding: 1em 0;
margin: 0 auto; 
}
.tcnInsta dt {
display: block;
margin: 0 12px 0 0 ; 
}

.tcnInsta dd {
font-family: "YakuHanJP", "M PLUS 1p";
font-weight: "600";
font-size: 1.2em;
color:#000;
line-height: 1.3;
}
.tcnInsta dd a{
text-decoration: none;
color:#000;
}
@media (min-width: 768px) {
.tcnInsta dd {
font-size: 0.85em;
}
}
@media screen and (max-width: 767px) {
.tcnInsta dd {
font-size: 1em;
}
}
@media (min-width: 768px) {
.instasvg {
width: 40px;
}
}

@media screen and (max-width: 767px) {
.instasvg {
width: 20px;
}
}
.instalogo {
 fill: #000;
 width: 80px;
}