/*-------------------------------------------------------------------------------------------------------------------------------
* 基本設定
-------------------------------------------------------------------------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans:700');
@import url('https://fonts.googleapis.com/css2?family=Dela+Gothic+One&family=M+PLUS+Rounded+1c&display=swap');
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+1p:wght@400;500;600&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=Yusei+Magic&display=swap');
:root {
  --color1: #FDEE00;
  --color2: #FCD600;
  --color3: #a11d2a;
}
#container{
	width: 100%;
	min-width: auto;
}
#header {
  min-width: auto;
}
#eigyo {
  display:none;
}
#header .h_nav {
  display:none;
}
.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,
.description:before,
.description:after, {
  content: " ";
  display: table;
}
.cf:after,
.description:after {
  clear: both;
}
.cf,
.description {
  *zoom: 1;
}


.container {
background: url( "/base/yokohama/img/bn24_title_bg.svg" ) var(--color1);
background-size: cover;
background-attachment: fixed;
background-repeat: no-repeat;
}
.fll,
p.description img.fll {
float: left;
margin: 0 0.75em 0.75em 0;
width: 30%;
height: auto;
}
.flr,
p.description img.flr {
float: right;
margin: 0 0 0.75em 0.75em;
width: 30%;
height: auto;
}
.flrs {
float: right;
margin: 0 0 0.75em 0.75em;
height: auto;
}
.flls {
float: left;
margin: 0 0.5em 0 0;
height: auto;
}
#contents p .img60th {
width: 3em;
height: auto;
}

@media screen and (max-width: 767px) {
.container {
background: url( "/base/yokohama/img/bn24_title_bg2.svg" ) var(--color1);
background-size: 100%;
background-attachment: inherit;
background-repeat: repeat;
}
}

.fadein {
  opacity: 0;
  transform: translate(0, 20px);
  transition: all 0.5s ease-in-out 0.3s;

 }

.group1 .topicsDetail .topicsDetailText.fadein {
  transform: translate(20px, 0);
}
.group1.group1--b .topicsDetail .topicsDetailText.fadein,
.group1 .topicsDetail:nth-child(even) .topicsDetailText.fadein,
.group1.group1--b .topicsDetail .topicsDetailText.fadein {
  transform: translate(-20px, 0);
}

  @media print {
    .fadein {
      opacity: 1;
      transform: translate(0);
      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); }

.group1 .topicsDetail .topicsDetailText.fadein.scrollin {
  opacity: 1;
  transform: translate(0, 0) scale(1); 
}
.group1.group1--b .topicsDetail .topicsDetailText.fadein.scrollin,
.group1 .topicsDetail:nth-child(even) .topicsDetailText.fadein.scrollin {
  opacity: 1;
  transform: translate(0, 0) scale(1); 
}
#contents #cont01 .topicsDetail .topicsDetailPhoto p.fadein.scrollin {
  animation: poyoyon2 1s ease-in-out 1s forwards;


}
@keyframes poyoyon2 {
  0%  {
    transform: scale(1.0, 1.0) translate(0, 0);
  }
  15% {
    transform: scale(0.98, 0.9) translate(0, 5px);
  }
  30% {
    transform: scale(1.02, 1.0) translate(0, 8px);
  }
  50% {transform: scale(0.98, 1.05) translate(0, -8px);
  }
  70% {
    transform: scale(1.0, 0.9) translate(0, 5px);
  }
  100% {
    transform: scale(1.0, 1.0) translate(0, 0);
  }
  0%, 100% {
    opacity: 1;
  }
}

.contentWrapperGroup {
width:100%;
box-sizing: border-box;
position: relative;
}
.contentWrapperGroup {
position: relative;
}

@media screen and (min-width: 768px) {
.contentLeftnavi {
display: block;
position: sticky;
top: calc(100vh - 29em);
left: calc(100% - 5em - 20px);
width: 5em;
height: 0;
z-index: 100;
transition: all 0.5s ease-out 0.3s;
}
.contentLeftnavi ul {
display: flex;
flex-direction: column;
gap: 0.5em;
}
.contentLeftnavi a {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
color: #FFF;
background-color:rgba(169,16,35,0.85);;
width: 5em;
height: 5em;
border-radius: 2.5em;
font-size: 1em;
font-family: 'YakuHanJP', 'M PLUS 1p', sans-serif;
font-weight: 800;
line-height: 1.2;
text-align: center;
text-decoration: none;
position: relative;
}
.contentLeftnavi a:after {
content: "";
position: absolute;
top: calc(50% - 10px);
left: -14px;
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 0 0;
border-color: transparent rgba(255, 255, 255, 0.4) transparent transparent;
z-index: -100;
}
.contentLeftnavi .contentLeftnavi01 a:after {
border-color: transparent rgba(34,172,52,0.85) transparent transparent;
}
.contentLeftnavi .contentLeftnavi02 a:after {
border-color: transparent rgba(169,16,35,0.85) transparent transparent;
}
.contentLeftnavi .contentLeftnavi03 a:after {
border-color: transparent rgba(64,119,54,0.85) transparent transparent;
}
.contentLeftnavi .contentLeftnavi04 a:after {
border-color: transparent rgba(241,141,0,0.85) transparent transparent;
}
.contentLeftnavi .current a:after {
border-width: 10px 10px 10px 0;
}

}


@media screen and (max-width: 767px) {
.contentLeftnavi {
display: block;
opacity: 0;
position: sticky;
top: 70px;
left: 2vw;
width: 100vw;
height: 0;
z-index: 100;
transition: all 0.5s ease-out 0.3s;
}
.contentLeftnavi.fixed {
opacity: 1;
}
.contentLeftnavi ul {
display: flex;
gap: 2vw;
justify-content: center;
padding: 0 60px;
}
.contentLeftnavi a {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
color: #FFF;
background-color:rgba(169,16,35,0.85);
width: 50px;
height: 50px;
border-radius: 25px;
font-size: 0.7em;
font-family: 'YakuHanJP', 'M PLUS 1p', sans-serif;
font-weight: 800;
line-height: 1.2;
text-align: center;
text-decoration: none;
position: relative;

}
}

@media print {
.contentLeftnavi {
display: none;
}

}

.contentLeftnavi .contentLeftnavi01 a {
background-color:rgba(34,172,52,0.85);
}
.contentLeftnavi .contentLeftnavi02 a {
background-color:rgba(169,16,35,0.85);
}
.contentLeftnavi .contentLeftnavi03 a {
background-color:rgba(64,119,54,0.85);
}
.contentLeftnavi .contentLeftnavi04 a {
background-color:rgba(241,141,0,0.85);
}
#pagetop {
  display: none;
  position: fixed;
  right: 20px;
  bottom: 0; 
z-index: 101;
}
#pagetop a {
display: flex;
margin: 0 0 0 auto;
justify-content: center;
align-items: center;
color: #FFF;
background-color:rgba(91,66,10,0.85);
width: 5em;
height: 5em;
border-radius: 2.5em 2.5em 0 0;
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 {
  right: 2vw;
  bottom: 0; 

      width: 15%;
      height: auto; 
}
#pagetop a {
width: 50px;
height: calc(50px + 2vw);
font-size: 1.2em;
}
#pagetop a:after {
  width: 12px;
  height: 12px;
  left: 19px;
  top: 5px;

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

.contentWrapper {
width:100%;
padding: 8em 0;
box-sizing: border-box;

}
.contentWrapper {
background: url( "/base/yokohama/img/bn24_title_bg.svg" ) var(--color1);
background-size: cover;
background-attachment: fixed;
background-repeat: no-repeat;
}
@media print {
.contentWrapper {
background: url( "/base/yokohama/img/bn24_title_bg2.svg" ) var(--color1);
background-size: 100%;
background-attachment: inherit;
background-repeat: repeat;
}
}
.contentWrapper:nth-child(even) {
background-color: var(--color2);
}
.contentWrapper#cont01 {
}
.contentWrapper#cont01b {
}
.contentWrapper#cont02 {
}
.contentWrapper#cont03 {
}

@media screen and (min-width: 768px) {
.contentWrapper {
}
.contentWrapperGroup .contentWrapper {
padding: 8em 5em;
}
.contentWrapperGroup .contentWrapper#cont01 {
padding: 0 5em 8em 5em;
}
}
@media print {
.contentWrapperGroup .contentWrapper {
padding: 8em 5em;
}
}
.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: 6vw 0;
}
}

/* 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;
font-size: 80%;
}
@media screen and (max-width: 480px) {
  #contents p,
  #contents li {
    font-size: 14px;
  }
}
/* ----- header ----- */

.contentHeader {
padding: calc(72px + 3em) 6em 3em;
}
.header-logo {
width: 100%;
max-width: 1080px;
margin: 0 auto ;
text-align: center;
box-sizing: border-box;
padding: 0;
text-align:center;
position: relative;
}
.header-logo img {
width: 100%;
height: auto;
}
.header-logo:before {
/*content: "";
width: 86px;
height: 64px;
background-image: url(/base/shinjuku/img/sekkaku-g240319_icon02.svg);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
bottom: 23%;
left: -5%;*/
}
.footer-logo {
width: 100%;
max-width: 880px;
margin: 0 auto ;
text-align: center;
box-sizing: border-box;
padding: 0;
text-align:center;
position: relative;
}
.footer-logo img {
width: 100%;
height: auto;
}
.footer-ponta {
width: 100%;
max-width: 500px;
margin: 0 auto 2em;
text-align: center;
box-sizing: border-box;
padding: 0;
text-align:center;
position: relative;
}
.footer-ponta img {
width: 100%;
height: auto;
}

@media screen and (max-width: 767px) {
.header-logo:before {
/*width: 10vw;
height: 10vw;
bottom: 19%;
left: -2%;*/
}
}
.header-logo:after {
/*content: "";
width: 93px;
height: 78px;
background-image: url(/base/shinjuku/img/sekkaku-g240319_icon03.svg);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
bottom: 7%;
right: -3%;*/
}
@media screen and (max-width: 767px) {
.header-logo:after {
/*width: 10vw;
height: 10vw;
bottom: 18%;
right: -2%;*/
}
}
#contents p.header-kaiki {
margin: auto 0;
max-width: 724px;
margin: 2em auto 1em ;
text-align: center;
position: relative;
}
#contents p.header-kaiki img {
width: 100%;
height: auto;
}
#contents p.bodyNotes {
margin: 1em auto 1em;
font-feature-settings: "palt";
font-family: "YakuHanJP", "M PLUS 1p";
font-size: 1em;
text-align: center;
}
#contents p.bodyNotes.textL {
font-family: "Dela Gothic One", sans-serif;
font-weight: 400;
font-size: 3.6vw;
color: #9d1f24;
}

.kakomi {
background-color: #F00;
color: #FFF;
display: inline-block;
line-height: 1;
padding: 0.1em 0.5em;
margin-right: 0.5em;
}
#contents p.mark65 {
display: flex;
gap: 1em;
width: fit-content;
margin: 1em auto 2em;
font-feature-settings: "palt";
font-family: "YakuHanJP", "M PLUS 1p";
font-size: 1.2em;
text-align: left;
line-height: 1.3;
padding: 0.5em;
background-color: rgba(255,255,255,0.4);
border-radius: 0.5em;
box-sizing: border-box;
}
@media screen and (max-width: 767px) {
#contents p.mark65 {
font-size: 0.85em;
}
#contents p.mark65 img {
width: 15%;
}
}
#contents p.bodyCopy {
margin: 4em auto 2em;
font-feature-settings: "palt";
font-family: "YakuHanJP", "M PLUS 1p";
font-size: 1.6em;
text-align: center;
position: relative;
padding: 0 6em;
max-width: 1020px;
}
#contents p.catchCopy {
margin: 4em auto 2em;
font-feature-settings: "palt";
font-family: "YakuHanJP", "Open Sans";
font-weight: 700;
font-style: normal;
font-size: 2.6em;
text-align: center;
color: #FFF;
line-height: 1.1;
display: flex;
margin: 2em auto 0 auto;
width: 8em;
height: 8em;
background-color: #ed6c00;
align-items: center;
justify-content: center;
border-radius: 50%;
}
#contents p.catchCopy b {
font-size: 120%;
}
#contents p.catchCopy .catchCopy--l2 {
font-size: 65%;
font-family: "YakuHanJP", "M PLUS 1p";
color: #FFF;
display: inline-block;
margin-top: 0.25em;
line-height: 1.4;
}

@media screen and (min-width: 768px)  and (max-width: 1080px) {
#contents p.bodyCopy {
font-size: 2vw;
}
#contents p.catchCopy {
font-size: 1.6em;
}
}

#contents p.bodyCopy:before {
content: "";
width: 88px;
height: 80px;
background-image: url(/base/shinjuku/img/sekkaku-g240319_icon04.svg);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
bottom: 27%;
left: 0;
}
#contents p.bodyCopy:after {
content: "";
width: 78px;
height: 101px;
background-image: url(/base/shinjuku/img/sekkaku-g240319_icon05.svg);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
bottom: 50%;
right: 0%;
}



@media screen and (max-width: 768px) {
  .contentHeader {
  padding: calc(96px + 4vw)  4vw  4vw  4vw ;
  }
  .header-logo {
    padding: 0;
    margin: 0 auto 0 auto;
    padding: 0;
  }
  .header-logo img {
  }
#contents p.header-copy {
font-size: 0.85em;
padding: 0;
margin: 0 auto 4vw ;
}
#contents p.bodyNotes {
margin: 4vw auto 4vw;
font-size: 0.75em;
text-align: center;
padding: 0 4vw;
}
#contents p.bodyNotes.textL {
font-size: 4.2vw;
}
#contents p.bodyCopy {
margin: 4vw auto 4vw;
font-size: 1em;
padding: 0;
}
#contents p.bodyCopy:before {
display: none;
}
#contents p.bodyCopy:after {
display: none;
}

}

/* ----- conent ----- */
.contentInner {
  padding: 0;
  width: 100%;
  box-sizing:border-box;
  position: relative;
  margin: 0 auto;
}
.contentWrapp:first-of-type {
}
.contentWrapp:last-child {
  margin: 0 auto 0;
}
.contentWrapp.bg01 {
}
.contentWrapp.bg02 {
}

.content {
  display:block;
  width:100%;
  margin:0 auto;
  text-align:left;
  box-sizing:border-box;
}
.accordion .content {
  display:none;
  display:;
}
.group1 {
max-width:1280px;
margin: 0 auto;
}
.group2 {
box-sizing: border-box;
margin: 0 auto 0 auto;
}
.accordion .content > h3 {
*max-width: 720px;*/
margin: 0 auto 1em;
text-align: center;
}
#contents .accordion .content > h3 + p {
text-align: center;

}
.accordion .content > h3:first-child {
margin-top: 60px;
}
@media screen and (min-width: 768px) {
.topicsColumn.group2 {
    max-width: 620px;
    margin: 6em auto 0;
}

.topicsColumn.group3 {
}

}

.group3 {
/*max-width: 1280px;*/
margin: 0 auto 0 auto;
}
.footerNotes {
  text-align: left;
  margin: 0 auto ;
  width: 100%;
  padding: 2em ;
}
.footerNotes ul {
  margin: 0 auto ;
max-width: 1080px;
}
.footerNotes ul li{
display: inline-block;
}

@media screen and (max-width: 768px) {
  .contentInner {
  margin: 0 auto;

  }
  .content {
    padding: 0 ;
  }
  .group2 {
  }

  .footerNotes {
    padding: 12px;
  }
}

.topicsTitle {
  padding-bottom:20px;
}
.topicsTitle h3{
  padding:12px;
  background-color:#2a2a2a;
  font-size:32px;
  font-weight:bold;
  line-height:1;
  font-feature-settings: "palt";
  font-family: "YakuHanJP", "M PLUS 1p";
  font-weight: 600;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
}
.topicsTitle h3 a{
}
.topicsColumn {
width: 100%;
padding: 0px;
}
.group3.topicsColumn {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 20px;
}
.topicsColumn + .group3.topicsColumn {
margin-top: 4em;
}
.group3.topicsColumn + .group3.topicsColumn {
margin-top: 20px;
}

.topicsDetail {
  width: 100%;
  max-width: 980px;
  box-sizing: border-box;
}
.topicsDetail:last-cjild {
  margin-bottom: 24px;
}

.group1 .topicsDetail {
max-width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
justify-content: center;
gap: 12px;
}
@media screen and (min-width: 768px) {
div#cont01 .group1 .topicsDetail + .topicsDetail  {
/*margin-top: 2em;*/
}
}
div#cont03 .group1 .topicsDetail + .topicsDetail  {
margin-top: 2em;
}
.group1 .topicsDetail#os37881 + .topicsDetail{
/*margin-top: -2.5em;*/
}
@media screen and (min-width: 768px) and (max-width: 1280px) {
div#cont01 .group1 .topicsDetail + .topicsDetail  {
margin-top: 2vw;
}
.group1 .topicsDetail + .topicsDetail#os37882 {
margin-top: -0;
}
}
@media screen and (max-width: 767px) {
.group1 .topicsDetail + .topicsDetail  {
margin-top: 5vw;
}
.group1 .topicsDetail + .topicsDetail#os37882 {
margin-top: 5vw;
}
}
.group2 .topicsDetail {
display: flex;
flex-direction: row-reverse;
gap: 1em;
padding: 1.5em;
box-sizing: border-box;
background-color: rgb(255,255,255,1);
}
.group2 .topicsDetail + .topicsDetail {
margin-top: 2em;
}
.group3 .topicsDetail {
width: calc((100% - 60px) / 4);
max-width: 420px;
padding: 0;
border-radius: 6px;
/*overflow: hidden;*/
position: relative;
}
#cont02 .group3 .topicsDetail {
/*width: calc((100% - 20px) / 2);
max-width: 630px;*/
}
.group3 .topicsDetail.large {
width: calc(((100% - 40px) / 3) * 2 + 20px);
max-width: 860px;
}
@media screen and (min-width: 768px) {
.group3 .topicsDetail.large .topicsDetailPhoto .topicsDetailPhoto--inner {
width: 100%;
aspect-ratio: 3 / 2;
}
.group3 .topicsDetail.large .topicsDetailPhoto p img {
width: 100%;
height: 100%;
object-fit: cover;
}
}
@media screen and (min-width: 768px) and (max-width: 980px) {
.group3 .topicsDetail {
width: calc((100% - 40px) / 2);
}
#cont02 .group3 .topicsDetail {
/*width: calc((100% - 20px) / 2);*/
}
.group3 .topicsDetail.large {
width: calc(((100% - 40px) / 2) * 2 + 20px) ;
}
}
@media screen and (min-width: 768px) {
.group3 .topicsDetail {
display: flex;
flex-direction: column;
}
.group3 .topicsDetail.sgCommentWrapper {
position: relative;
}
}

.topicsDetailText {
box-sizing: border-box;
width: 100%;
}
.group1 .topicsDetailText {
box-sizing: border-box;
padding: 1.25em;
background-color: rgba(255,255,255,0.4);
border-radius: 3px;
width: auto;
height: 100%;
max-width: 40%;
border-radius: 0.5em;
box-sizing: border-box;
position: relative;
/*flex-grow: 1;*/
}
@media screen and (min-width: 1280px) {
.group1 .topicsDetailText {
max-width: calc(100% - 620px);
}
}
@media screen and (min-width: 768px) {
.group1 .topicsDetailText {
display: inline-block;
}
.sgComment {
top: -6em;
right: 0;
position: absolute;
width: 45%;
}
#os37933 .sgComment {
top: 8em;
right: 2em;
}
#os38010 .sgComment {
top: -3em;
}

div.large .sgComment {
position: inherit;
}
.group3 .topicsDetail.large#os38010 .sgComment {
bottom: auto;
right: 0;
top: -566px;
max-width: 33%;
}
}

.group1 .sgCommentWrapper .topicsDetailText {
position: relative;
flex-grow: 1;
padding: 2em 1.5em 1.5em 1.5em;
}
@media screen and (min-width: 980px) {
.group1 .sgCommentWrapper .topicsDetailText {
transform: translateY(-25%);
}
.sgComment {
}
.group1 .topicsDetail:nth-child(odd) .sgComment{
position: absolute;
left: -20%;
}

.group1.group1--b .topicsDetail .sgComment,
.group1 .topicsDetail:nth-child(even) .sgComment{
position: absolute;
bottom: -11em;
right: -20%;
}
.group1 .topicsDetaillarge .sgComment{
position: inherit;
}
.group3 .topicsDetail.large .sgComment{
position: absolute;
bottom: 0;
right: 0;
top: auto;
max-width: 40%;
}
.group3 .topicsDetail#os37944 .sgComment{
bottom: auto;
right: 3%;
top: -280px;
transform: rotate(5deg);
}


.group3 .topicsDetail.large#os37944 .sgComment{
bottom: auto;
right: 3%;
top: -450px;
transform: rotate(5deg);
}

}
.sgNew {
position: absolute;
top: -3em;
left: 1em;
background-color: #e5004f;
color: #FFF;
width: 4em;
height: 4em;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-feature-settings: "palt";
font-family: "YakuHanJP", "M PLUS 1p";
font-size: 1em;
}
#cont01 .topicsDetailArrow,
#cont03 .topicsDetailArrow {
display: none;
}
@media screen and (min-width: 768px) , print {
.item--rep:before {
content:"";
position: absolute;
top: 0.75em;
left: -2.1em;
width: 22px;
height: 1px;
border-style: solid;
border-width: 2px;
border-color: transparent transparent rgba(0,0,0,0.8) transparent;
z-index: 100;
}
.item--rep:after {
content:"";
position: absolute;
top: 0.43em;
left: -2em;
transform: rotate(45deg);
width: 16px;
height: 16px;
border-style: solid;
border-width: 2px;
border-color: transparent transparent rgba(0,0,0,0.8) rgba(0,0,0,0.8);
z-index: 100;
}
.group1.group1--b .topicsDetail .item--rep:before,
.group1 .topicsDetail:nth-child(even) .item--rep:before {
left: auto;
right: -2.1em;
}
.group1.group1--b .topicsDetail .item--rep:after,
.group1 .topicsDetail:nth-child(even) .item--rep:after {
left: auto;
right: -2.1em;
border-color: rgba(0,0,0,0.8) rgba(0,0,0,0.8) transparent transparent;
}
.group3 .item--rep:before,
.group3 .item--rep:after {
display: none;
}
#cont03 .group1 .topicsDetail:nth-child(odd) .topicsDetailText:after {
/*content:"";
position: absolute;
top: calc(50% - 20px);
left: -20px;
width: 0;
height: 0;
border-style: solid;
border-width: 20px 20px 20px 0;
border-color: transparent rgba(255,255,255,0.4) transparent transparent;*/
}
#cont03 .group1 .topicsDetail:nth-child(odd) .topicsDetailArrow {
position: absolute;
top: calc(50% - 20px);
left: -20px;
width: 40px;
height: 40px;
}
#cont03 .group1 .topicsDetail:nth-child(odd) .topicsDetailArrow:after {
content:"";
position: absolute;
top: 10px;
left: 10px;
transform: rotate(45deg);
width: 16px;
height: 16px;
border-style: solid;
border-width: 2px;
border-color: transparent transparent rgba(0,0,0,0.8) rgba(0,0,0,0.8);
z-index: 100;
}
#cont03 .group1 .topicsDetail:nth-child(odd) .topicsDetailArrow:before {
content:"";
position: absolute;
top: 16px;
left: 6px;
width: 22px;
height: 1px;
border-style: solid;
border-width: 2px;
border-color: transparent transparent rgba(0,0,0,0.8) transparent;
z-index: 100;
}
#cont03 .group1 .topicsDetail:nth-child(even) .topicsDetailText:after {
/*content:"";
position: absolute;
top: calc(50% - 20px);
right: -20px;
width: 0;
height: 0;
border-style: solid;
border-width: 20px 0 20px 20px;
border-color: transparent transparent transparent rgba(255,255,255,0.4);*/
}
#cont03 .group1 .topicsDetail:nth-child(even) .topicsDetailArrow {
position: absolute;
top: calc(50% - 20px);
right: -20px;
width: 40px;
height: 40px;
}
#cont03 .group1 .topicsDetail:nth-child(even) .topicsDetailArrow:after {
content:"";
position: absolute;
top: 10px;
right: 10px;
transform: rotate(45deg);
width: 16px;
height: 16px;
border-style: solid;
border-width: 2px;
border-color: rgba(0,0,0,0.8) rgba(0,0,0,0.8)  transparent transparent;
z-index: 100;
}
#cont03 .group1 .topicsDetail:nth-child(even) .topicsDetailArrow:before {
content:"";
position: absolute;
top: 16px;
right: 6px;
width: 22px;
height: 1px;
border-style: solid;
border-width: 2px;
border-color: transparent transparent rgba(0,0,0,0.8) transparent;
z-index: 100;
}
}

@media screen and (max-width: 767px) {
.group1 .topicsDetailText:before {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 0 30px 20px 30px;
border-color: transparent transparent rgba(255, 255, 255, 0.4) transparent;
position: absolute;
left: calc(50% - 30px);
top: -20px;
}
}
.group2 .topicsDetailText {
flex-grow: 1;
padding: 1em;
}
.group3 .topicsDetailText {
box-sizing: border-box;
padding: 1.5em;
background-color: rgba(255, 255, 255, 0.4);
border-radius: 0 0 6px 6px;
flex-grow: 1;
position: relative;
}
@media screen and (min-width: 768px) {
.group3 .sgCommentWrapper.large .topicsDetailText {
padding-right: 40%;
}
.group3 .sgCommentWrapper.large#os38010 .topicsDetailText {
padding-right: 1.5em;
}
}

.group3 .topicsDetailText:before {
content:"";
width: 0;
height: 0;a
border-style: solid;
border-width: 0 30px 20px 30px;
border-color: transparent transparent rgba(255, 255, 255, 0.4) transparent;
position: absolute;
left: calc(50% - 30px);
top: -20px;
}
.group3 .topicsDetailText:only-child:before {
display: none;
}

.topicsDetailPhoto {
  margin-bottom: 6px;
  padding: 0px ;
  width: 100%;
  box-sizing: border-box;
  width: 100%;
  display: block;
position: relative;
overflow: hidden;
border-radius: 6px 6px 0 0;
}
.group1 .topicsDetailPhoto {
  max-width: 50%;
  margin-bottom: 0;
border-radius: 4em;
}
@media screen and (min-width: 768px) {
#cont01 .group1 .topicsDetailPhoto {
  max-width: 62%;
}

.group1 #os37881 .topicsDetailPhoto {
  max-width: 62%;
}
.group1 #os37901 .topicsDetailPhoto {
  max-width: 50%;
}

}
#cont03 .group1 .topicsDetailPhoto {
  max-width: 520px;
}
#cont03 .group1 #os38062 .topicsDetailPhoto {
  max-width: 620px;
}
#cont03 .group1 #os38065 .topicsDetailPhoto {
  max-width: 400px;
}
@media screen and (max-width: 1280px) {
.group1 .topicsDetailPhoto {
  max-width: 100%;
}
}
.group2 .topicsDetailPhoto {
  max-width: 30%;
}
#contents p.limited {
position: absolute;
left: 3px;
bottom: 3px ;
display: flex;
gap: 3px;
}
#contents .group1 p.limited {
left: -1.5em;
bottom: auto ;
top: -4.5em;
}
#contents .group3.goods p.limited {
left: 3px;
bottom: auto ;
top: -3em;
}
.limited > span,
.week__text .week1,
.week__text .week2 {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
/*width: 3.5em;
height: 3.5em;*/
width: 4.6em;
height: 4.6em;
background-color: #009d70;
color: #FFF;
text-align: center;
/*font-size: 1.0em;*/
font-size: 1.15em;
line-height: 1.1;
border-radius: 50%;
}
.description .limited {
width: fit-content;
display: inline-flex;
}
.group3  .limited > span {
font-size: 0.85em;
}
.description .limited > span {
width: fit-content;
height: fit-content;
font-size: 0.85em;
border-radius: 1em;
padding: 0.25em 0.5em;
}

@media screen and (max-width: 767px) {
.limited > span,
.week__text .week1,
.week__text .week2 {
font-size: 0.85em;
}

}
.item__sub--image .limited {
display: block;
width: 100%;
}
.item__sub--image .limited > span {
width: 100%;
height: auto;
}
@media screen and (min-width: 768px) {
.mtn1 {
margin-top: -2em;
}
}
.limited span.eatin {
background-color: #4b8619;
}
.limited span.debut {
background-color: #eb6ea5;
}
.limited span.reserve {
background-color: #7f4296;
}
.limited span.play {
background-color: #df4090;
}
.limited span.new {
background-color: #e4007f;
}
.limited span.seiri {
background-color: #1d2088;
}
.limited span.yoko {
background-color: transparent;
}
.limited span.senkou {
background-color: rgb(28, 58, 148);
/*width: 4.6em;
height: 4.6em;
font-size: 1.15em;*/
}
.limited span.tennai {
background-color: #ea5205;
}
.topicsDetail h4 span.yoko {
color: #FFF;
text-align: center;
font-size: 72%;
line-height: 1.2;
background-color: #009d70;
padding: 0.25em 0.5em;
display: inline-block;
margin-bottom: 0.25em;
}
.yoko--limited {
font-size: 120%;
}
.group1.group1--b .topicsDetail,
.group1 .topicsDetail:nth-child(even) {
  flex-direction: row-reverse;
}
.group1 .topicsDetail:nth-child(even) .topicsDetailText {
}

.group3 .topicsDetailPhoto {
baclground-color: #FFF;
margin-bottom: 0;
}

@media screen and (max-width: 767px) {

  .topicsColumn {
    margin: 0 auto ;
    transform: inherit;
  }
  .group3.topicsColumn {
  display: block;
  }
  .group2.topicsColumn {
    padding: 0 3vw;
  }
  .topicsDetail {
    margin-bottom: 20px;
    display: block;
  }
  .topicsDetailText {
    padding-left: 0px;
    max-width: 100%;
  }
  .group1 .topicsDetail {
    display: block;
   padding: 0 3vw;
        overflow: hidden;
  }


  .group1 .topicsDetailText {
    max-width: 100%;
  }

  .group1 .topicsDetail:nth-child(even) .topicsDetailText {
  }
  .group1 .topicsDetail:nth-child(even) .topicsDetailPhoto {
  }
  .topicsDetail:nth-child(even) .topicsDetailText {
  }
  .group2 .topicsDetailText {
    max-width: 100%;
    padding : 12px;
  }
  .group3 .topicsDetailText {
    max-width: 100%;
    padding : 12px;
  }

  .topicsDetailPhoto {
    width: 100%;
    margin-bottom: 0;
    float: none;
  }
  .group2 .topicsDetail {
  padding: 0px;
  margin-bottom: 0;
  }
  .group2 .topicsDetail + .topicsDetail {
  margin-top: 3vw;
  }
  .group3 .topicsDetail {
   width: 100%; 
    max-width: 100%;
   padding: 0 3vw;
  }
  #cont02 .group3 .topicsDetail {
   width: 100%; 
    max-width: 100%;
  }
    .group3 .topicsDetail.large {
    width: 100% ;
    max-width: 100%;
}
}

#contents .topicsDetailPhoto img {
width: 100%;
height: 100%;
box-sizing: border-box;
}
#contents #cont01 .topicsDetail:not(#os37881) .topicsDetailPhoto img {
border-radius: 33%;
}

.slick-slide img {
    display: block;
    width: 100%;
}
#contents .topicsDetailPhoto  a:hover{
  opacity:1;
  filter: alpha(opacity=100);
  -ms-filter: "alpha(opacity=100)";
  -moz-opacity:1;
  -khtml-opacity: 1;
}
@media screen and (max-width: 767px) {
  #contents .topicsDetailPhoto p img{
    border:none;
    padding: 0;
  }
}
#contents p.detailCopy {
  font-size: 1.4em;
  font-feature-settings: "palt";
font-family: "YakuHanMP", "Noto Serif JP";
  font-weight: 400;
  margin-bottom: 0.8em;
}
#contents p.detailCopy:empty {
  display: none;
}
.topicsDetail h4,
.st {
  font-size: 1.8em;
  letter-spacing: normal;
  font-feature-settings: "palt";
  font-family: "YakuHanJP", "M PLUS Rounded 1c", sans-serif;
  text-align: left;
  font-weight: 600;
  line-height: 1.4;
margin-bottom: 0.25em;
}
@media print {
.topicsDetail h4,
.st {
  font-size: 1.3em;
}
}
.st {
margin: 1em 0 0 0;
display: inline-block;
}
.st:first-child {
margin: 0 0 0 0;
}
.topicsDetail h4 small {
  font-size: 80%;
  color: #9d1f24;
  font-family: "YakuHanJP", "M PLUS 1p";
  display: inline-block;
  margin-right: 0.5em;
}
#cont02 .topicsDetail h4 small {
}
.topicsDetail h4 a{
color: inherit;
text-decoration: none;
}

.topicsDetail h4 font[style] {
  margin-right: 6px;
}
#cont03 .group2 .topicsDetail h4 {
  font-size: 1.8em;
color: #0d5e32;
margin-bottom: 0.5em;
}
@media screen and (max-width: 767px) {
  .topicsDetail h4,
  #cont03 .group2 .topicsDetail h4 {
    font-size: 1.4em;
  }
}

.topicsDetail ul.spec {
}
#contents #cont03 .group2 .topicsDetail ul.spec {
margin-bottom: 0.5em;
}
#contents .topicsDetail ul.spec li.date {
  margin: 0 0 0 0;
  letter-spacing: normal;
  font-size: 1em;
  color:#000;
  font-feature-settings: "palt";
  font-family: "YakuHanJP", "M PLUS 1p";
display: iblock;
}
#contents .topicsDetail ul.spec li.place {
  margin: 0 0 0 0;
  letter-spacing: normal;
  font-size: 1em;
  color:#000;
  font-feature-settings: "palt";
  font-family: "YakuHanJP", "M PLUS 1p";
display: iblock;
}
#contents #cont03 .topicsDetail ul.spec li.date,
#contents #cont03 .topicsDetail ul.spec li.place {
color: #0d5e32;
}
#contents .topicsDetail ul.spec li.date:empty,
#contents .topicsDetail ul.spec li.place:empty,
.topicsDetail ul.spec:empty,
.topicsDetail ul.spec li:empty {
display: none;
}
#contents .topicsDetail p.description,
#contents .topicsDetail p.description2 {
  font-size: 1.3em;
  line-height:1.4;
  letter-spacing: normal;
  color:#000;
  padding:  0 0;
  font-feature-settings: "palt";
  font-family: "YakuHanJP", "M PLUS 1p";
}
#contents .topicsDetail p.description a.test {
color: inherit;
text-decoration: none;
}
}
@media print {
#contents .topicsDetail p.description,
#contents .topicsDetail p.description2 {
  font-size: 1.15em;
}
}
#contents #cont03 .group2 .topicsDetail p.description {
color: #0d5e32;
  font-size: 1.3em;
}
.topicsDetail p.description img[align],
.topicsDetail p.description2 img[align] {
  float:left;
  margin: 0 12px 12px 0;
}
#contents .topicsDetail p.description strong,
#contents .topicsDetail p.description2 strong {
font-weight: 600;
display: inline-block;
font-size: 125%;
}
#contents .topicsDetail p.description .price,
#contents .topicsDetail p.description2 .price {
font-weight: 600;
display: inline-block;
}
#contents .topicsDetail p.description strong + br,
#contents .topicsDetail p.description2 strong + br,
#contents .topicsDetail p.description strong + small + br ,
#contents .topicsDetail p.description2 strong + small + br {
content:"";
display: block;
margin-bottom: 0.4em;
}
#contents .topicsDetail p.description em,
#contents .topicsDetail p.description2 em{
font-style: normal;
color: #C00;
}
#contents .topicsDetail p.description b,
#contents .topicsDetail p.description2 b {
font-weight: 600;
}
.item--each {
display: block;
display: list-item;
margin-left: 1.5em;
}
.group3 .item--each {
margin-left: 0;
}
.group1.group1--b .topicsDetail .item--each,
.group1 .topicsDetail:nth-child(even) .item--each {
margin-right: 1.5em;
}
@media screen and (min-width: 768px) {

#cont03 .group1 .topicsDetail:nth-child(even) .item--each {
margin-right: 1.5em;
}
}

.item--each + .item--each  {
margin-top: 0.25em;
}
.item--rep {
display: block;
/*margin-left: 0;*/
margin-bottom: 0.5em;
position: relative;
width: fit-content;
}
.item--koakomi {
padding: 1em;
border-radius: 0.25em;
display: block;
background-color: rgba(255,255,255,0.3);
}
.ponta__wapper {
width: 80%;
max-width: 500px;
margin: 4em auto;
}
@media screen and (max-width: 767px) {
  #contents .topicsDetail ul li{
    font-size: 13px;
  }
  #contents .topicsDetail p.description,
  #contents .topicsDetail p.description2 {
    font-size: 14px;
  }
  p.description img,
  p.description2 img{
    max-width: 100%;
    width: inherit;
  }
  p.description img[align="left"],
  p.description2 img[align="left"]{
    float:left;
    margin-right:12px;
    clear:left;
  }
  .topicsDetail ul.spec li.place {
    margin: 0 0 .5em;
  }
  .topicsDetail  table {
    display: block;
  }
  .topicsDetail  table tr {
    display: block;
  }
  .topicsDetail  table tr td {
    display: block;
    width: 100%;
    float:left;
  }
}

.item__sub {
display: flex;
align-items: center;
gap: 0.8em;
}
.item__sub2--image {
display: block;
width: 100%;
aspect-ratio: 3 / 2;
}
.item__sub2--image img {
width: 100%;
height: 100%;
object-fit: cover;
}
@media screen and (min-width: 768px) {
#os37933 .item__sub {
align-items: flex-end;
}
}
p.description .item__sub img {
width: 45%;
height: auto;
}
.item__sub--image {
width: 45%;
}
p.description .item__sub .item__sub--image img {
width: 100%;
}
.item__sub--text {
flex-grow: 1;
}


.accordion {
}
.blockTitle {
margin: 0 auto 1em;
box-sizing:border-box;
position: relative;
text-align: center;
max-width: 100%;
font-family: "Dela Gothic One", sans-serif;
font-weight: 400;
font-style: normal;
font-size: 4em;
text-align: center;
color: #9d1f24;
line-height: 1.1;
/*-webkit-text-stroke: 1px var(--color2);
-webkit-text-fill-color: #9d1f24;*/
}
.blockTitle em {
font-style: normal;
font-size: 120%;
}
#cont03 .blockTitle {
max-width: 630px;
}
.blockTitle img {
max-width: 100%;
height: auto;
}
#contents p.blockDate {
font-feature-settings: "palt";
font-family: "YakuHanJP", "M PLUS 1p";
font-size: 1.4em;
text-align: center;
margin: 0 auto 3em;
}
@media screen and (min-width: 768px) {
#cont01 .blockTitle {
margin: 0 auto 0;
width: fit-content;
}
#cont01 .blockTitle img {
margin-top: -8em;
}
}
#cont01 .blockTitle.fadein.scrollin img,
.group3 .topicsDetail.fadein .sgComment img {
animation: korokoro 2.5s linear 0s 1;
}
@keyframes korokoro {
  0%   { transform: translate(0%, 0%); }
  5%   { transform: translate(5%, 0%) rotate(5deg); }
  25%  { transform: translate(10%, 0%) rotate(10deg); }
  30%  { transform: translate(-5%, 0%) rotate(-5deg); }
  35%  { transform: translate(-7.5%, 0%) rotate(-7.5deg); }
  45%  { transform: translate(5%, 0%) rotate(5deg); }
  50%  { transform: translate(7.5%, 0%) rotate(7.5deg); }
  60%  { transform: translate(-2.5%, 0%) rotate(-2.5deg); }
  65%  { transform: translate(-3.5%, 0%) rotate(-3.5deg); }
  75%  { transform: translate(0%, 0%) rotate(0deg); }
  100% { transform: translate(0%, 0%) rotate(0deg); }
}

.present {
width: 100%;
max-width: 980px;
margin: 4em auto;
border: 2px solid #9d1f24;
border-radius: 3em;
padding: 2em;
background-color: #FFF;
}
.present__title {
background-color: #e4007f;
color: #FFF;
padding: 1em;
font-size: 1.5em;
font-feature-settings: "palt";
font-family: "YakuHanJP", "M PLUS Rounded 1c", sans-serif;
text-align: center;
font-weight: 600;
line-height: 1.4;
}
.present__text--wapper {
padding: 1em;
background-color: #FFF;
display: flex;
align-items: center;
gap: 1em;
}
@media screen and (max-width: 767px) {
.present__text--wapper {
flex-direction: column;
}
}
#contents p.present__text1 {
color: #e4007f;
font-size: 1.3em;
line-height: 1.4;
letter-spacing: normal;
font-feature-settings: "palt";
font-family: "YakuHanJP", "M PLUS 1p";
margin-bottom: 0.5em;
}
#contents p.present__text2 {
font-size: 1.0em;
line-height: 1.4;
letter-spacing: normal;
color: #000;
font-feature-settings: "palt";
font-family: "YakuHanJP", "M PLUS 1p";
}
#contents .present__text--wapper img {
width: 20%;
height: auto;
border: 1px solid  #DDD;
}
@media screen and (min-width: 768px) {
#contents .present__text--wapper img {
/*transform: rotate(-8deg) scale(1.1);*/
}
}

@media screen and (max-width: 767px) {
#contents .present__text--wapper img {
width: 60%;
}
}

.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 p img {
-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 p img {
transform: scale(1.1,1.1);
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
width: ih
}
.accordion .blockTitle h2 {
display: flex;
align-items: center;
justify-content: space-between;
max-width: 100%;
position: relative;
}
.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/bimi220325_arrow_white.png);
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
display: block;
width: 52px;
height: 14px;
 box-sizing: border-box;
transform: scale(1, 1);
transition: all 0.2s;
}
.accordion .blockTitle h2.pink:after {
background-image: url(/base/shinjuku/img/bimi220325_arrow_pink.png);
}

.accordion .blockTitle.open h2::after {
transform: scale(1, -1);
}
@media screen and (max-width: 767px) {
  .blockTitle {
  padding: 0 3vw;
  margin: 0 auto 3vw;
  font-size: 2em;
  }
  
  .blockTitle img {
  width: auto; 
  max-width: 100%;
  }
  .accordion .blockTitle h2 img {
  }
  .accordion .blockTitle h2::after {
  bottom: 2px;
  left: calc(50% - 13px);
  width: 26px;
  height: 7px;
  }
}

.description + [data-readmore-toggle].readMore,
.description + [data-readmore-toggle].readMore,
.description + [data-readmore-toggle].readLess,
.description + [data-readmore-toggle].readLess,
.description + [data-readmore-toggle].readMore,
.description[data-readmore].readMore,
.description + [data-readmore-toggle].readLess,
.description[data-readmore].readLess,
.todetail a {
  padding: 2px 5px;
  text-decoration: none;
  font-size: 1.2em;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
max-width: 300px;
  text-align: center;
  margin: 4px auto 0 ;
  color:rgba(140,42,70,0.9);
  border: rgba(140,42,70,1) 1px solid;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
box-sizing: border-box;
}
.readMore:before,
.readLess:before  {
  vertical-align: middle;
  display:inline-block;
  content:"";
  width: 15px;
  height: 15px;
  background-image: url("/base/shinjuku/img/thumb_brown_plus.png");
  background-repeat: no-repeat;
  background-position: center center;
  box-sizing:border-box;
  margin-right: 4px;
  background-size: contain;
}
.readLess:before  {
  background-image: url("/base/shinjuku/img/thumb_brown_minus.png");
}
@media screen and (max-width: 767px) {
  .description + [data-readmore-toggle].readMore,
  .description + [data-readmore-toggle].readMore,
  .description + [data-readmore-toggle].readLess,
  .description + [data-readmore-toggle].readLess,
  .description + [data-readmore-toggle].readMore,
  .description[data-readmore].readMore,
  .description + [data-readmore-toggle].readLess,
  .description[data-readmore].readLess,
.todetail a  {
    padding: 3px;
    font-size: 12px;
    min-width: 120px;
  }
.readMore:before,
.readLess:before  {
  width: 22px;
  height: 22px;
  margin-right: 4px;
}

}


.reserve {
width: 100%;
max-width: 1080px;
margin: 2em auto 0;
background-color: rgba(255,255,255,0.3);
}
.reserveInner {
padding: 2em;
}
.reserve h3 {
font-family: "YakuHanJP", "M PLUS 1p";
font-weight: 400;
font-size: 1.6em;
text-align: center;
background-color: rgba(95,114,86,1);
color: #FFF;
padding: 0.5em;
}
#contents .reserve p,
#contents .reserve dl {
margin-bottom: 1em;
font-family: "YakuHanJP", "M PLUS 1p";
font-weight: 400;
}
#contents .reserve p {
font-size: 1.1em;
}
#contents .reserve dl dt {
font-size: 1.1em;
}
#contents .reserve dl dd {
font-size: 0.95em;
}

@media screen and (max-width: 767px) {
.reserveInner {
padding: 1em;
}
.reserve h3 {
font-size: 1em;
padding: 0.25em;
}
#contents .reserve p {
font-size: 0.85em;
}
#contents .reserve dl dt {
font-size: 0.85em;
}
#contents .reserve dl dd {
font-size: 0.8em;
}

}




.ib {
display: inline-block;
}
.whatWrapper {
width: 100%;
background-color: var(--color2);
padding: 1em 0 25em;
}
.what {
box-sizing: border-box;
border-radius: 1em;
background-color: #FFF;
border: 1px solid #000;
padding: 65px 65px 35px 65px;
width: 100%;
max-width: 620px;
margin: 11em auto 0;
position: relative;
}
.what:after {
content: "";
width: 83px;
height: 77px;
background-image: url(/base/shinjuku/img/sekkaku-g240319_what_icon04.svg);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
bottom: -4%;
right: 10%;
z-index: 1;
}
.what__inner {
position: relative;
}
.what__inner + .what__inner {
padding-top: 1em;
border-top: 1px solid #9c1f24;
}
@media screen and (max-width: 767px) {
.what__inner + .what__inner {
margin-top: 1em;
}
.whatWrapper {
padding: 4vw 0;
}
}
@media print {
.whatWrapper {
padding: 1em 1em 12em;
}
}
@media screen and (min-width: 768px) {
.what__inner + .what__inner {
/*flex-direction: row-reverse;*/
}
}
.what__inner:nth-child(2):after {
content: "";
width: 56px;
height: 48px;
background-image: url(/base/shinjuku/img/sekkaku-g240319_what_icon02.svg);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 29%;
right: -10%;
}
.what__inner + .what__inner:after {
content: "";
width: 70px;
height: 65px;
background-image: url(/base/shinjuku/img/sekkaku-g240319_what_icon03.svg);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 40%;
left: -10%;
}

@media screen and (min-width: 768px) {
.what__inner {
display: flex;
gap: 2em;
margin: 1em auto 2em auto;
align-items: center;
flex-direction: column;
}
}
@media print {
.what__inner {
display: flex;
gap: 2em;
margin: 1em auto 2em auto;
align-items: center;
}
}
.what__title {
margin: -11em auto 2em;
width: 100%;
max-width: 529px;
position: relative;
}
.what__title img {
width: 100%;
height: auto;
}
.what__title:after {
content: "";
width: 66px;
height: 61px;
background-image: url(/base/shinjuku/img/sekkaku-g240319_what_icon01.svg);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 32%;
right: -30%;
}
#contents p.what__image {
margin: 0 auto 1em auto;
position: relative;
}
#contents p.what__copy {
font-feature-settings: "palt";
font-family: "YakuHanJP", "M PLUS 1p";
font-size: 1.35em;
color: #9c1f24;
}
@media screen and (min-width: 768px) {
#contents p.what__image {
margin: 0;
flex-basis: 52%;
max-width: 489px;
}
#contents p.what__copy {
flex-grow: 1;
flex-basis: min-content;
}
}

#contents p.what__hayaoki {
text-align: center;

position: relative;
}
#contents p.what__note1 {
font-feature-settings: "palt";
font-family: "YakuHanJP", "M PLUS 1p";
font-size: 0.95em;
margin: 1em auto 0 auto;
}

@media screen and (max-width: 767px) {
#contents p.what__copy {
font-size: 1em;
}
.what {
border-radius: 1em;
padding: 8vw;
width: 100%;
max-width: 92vw;
margin: 10vw auto 0;
position: relative;
}
.what:after {
content: "";
width: 10vw;
height: 10vw;
bottom: -2%;
right: 10%;
}
.what__title {
margin: -23vw auto 4vw;
max-width: 85%;
}
.what__title:after {
width: 10vw;
height: 10vw;
top: -17%;
right: -27%;
}
.what__inner:nth-child(2):after {
width: 10vw;
height: 10vw;
top: 29%;
right: -15%;
}
.what__inner + .what__inner:after {
width: 10vw;
height: 10vw;
top: 40%;
left: -16%;
}
#contents p.what__note1 {
font-size: 0.75em;
}

}
#cont00 {
padding: 0 1em;
margin: 0 0;
position: relative;
}
@media screen and (min-width: 768px) {
#cont00:before {
content:"";
position: absolute;
top: 0;
left: 0;
right: 0;
width: 100%;
height: 52%;
background-color: #5b420a;
}

}
@media screen and (max-width: 767px) {
#cont00 {
padding: 3vw 3vw 0;
margin: 3vw 0 0;
}
}
.contNavi__wrapper {
display: flex;
gap: 5%;
justify-content: center;
max-width: 1160px;
margin: 0 auto;
transform: translate(0, -2em);
}
.contNavi__wrapper li a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.contNavi__wrapper li a:after {
content: "";
display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 25px solid transparent;
  border-left: 25px solid transparent;
  border-top: 30px solid #555555;
  border-bottom: 0;
transform: translate(0, -1.2em);
animation: wiggle 4s infinite;
}
.contNavi__wrapper li.contNavi02 a:after {
animation-delay: 0.5s;
}
.contNavi__wrapper li.contNavi03 a:after {
animation-delay: 1s;
}
.contNavi__wrapper li.contNavi04 a:after {
animation-delay: 1.5s;
}

@keyframes wiggle {
  2% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  4% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  6% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  8% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  10% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  12% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  14% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  16% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  18% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  20% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}



.contNavi__wrapper li.contNavi01 a:after {
  border-top: 30px solid #22ac38;
}
.contNavi__wrapper li.contNavi02 a:after {
  border-top: 30px solid #a91023;
}
.contNavi__wrapper li.contNavi03 a:after {
  border-top: 30px solid #407736;
}
.contNavi__wrapper li.contNavi04 a:after {
  border-top: 30px solid #f18d00;
}
.contNavi__wrapper li a img {
width: 100%;
height: auto;
}
@media screen and (max-width: 767px) {
.contNavi__wrapper li a:after {
  border-right: 12.5px solid transparent;
  border-left: 12.5px solid transparent;
  border-top: 15px solid #555555;
transform: translate(0, -1.2em);
}
.contNavi__wrapper li.contNavi01 a:after {
  border-top: 15px solid #22ac38;
}
.contNavi__wrapper li.contNavi02 a:after {
  border-top: 15px solid #a91023;
}
.contNavi__wrapper li.contNavi03 a:after {
  border-top: 15px solid #407736;
}
.contNavi__wrapper li.contNavi04 a:after {
  border-top: 15px solid #f18d00;
}
}
@media print {
  #header,
  #eigyo,
  .nav-PC,
  #footer {
    display:none;
  }
  #storeWrapper {
    margin: 0 auto;
    padding: 0 0;
  }
#contents .topicsDetail p.description {
height: auto!important;
}

.description + [data-readmore-toggle].readMore,
.description + [data-readmore-toggle].readMore,
.description + [data-readmore-toggle].readLess,
.description + [data-readmore-toggle].readLess,
.description + [data-readmore-toggle].readMore,
.description[data-readmore].readMore,
.description + [data-readmore-toggle].readLess,
.description[data-readmore].readLess {
display:none;
}
.group2 {
margin-top: 2em;
}
.topicsDetail {
page-break-inside: avoid;
display: block;
}
.group2 .topicsDetail {
page-break-before: always;
}
h2 + .content .group2 .topicsDetail {
page-break-before: avoid;
}
.group3.topicsColumn {
display: block;
}
.group3 .topicsDetail {
display: inline-block;
vertical-align: top;
}
.group3 .topicsDetail:nth-child(odd) {
margin-right: 10px;
}
}
#contents p.copy01 {
width: fit-content;
box-sizing: border-box;
font-size: 1.6em;
font-feature-settings: "palt";
font-family: "YakuHanJP", "M PLUS 1p";
font-weight: 400;
margin: 4em auto 2em;
text-align: center;
padding: 1.25em;
background-color: rgba(255, 255, 255, 0.2);
border-radius: 0.5em;
}

@media screen and (max-width: 767px) {
#contents p.copy01 {
font-size: 1.0em;
margin: 4vw auto 0;
}
}
.twitter-timeline {
width: 100%;
max-width: 750px!important;
margin: 0 auto;
}
.X__title {
font-size: 1.5em;
line-height: 1.2;
letter-spacing: normal;
color: #000;
padding: 0 0;
font-feature-settings: "palt";
font-family: "YakuHanJP", "M PLUS 1p";
font-weight: 400;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
gap: 1em;
margin: 0 auto 2em;
}
.X__title a {
color: inherit;
}
.x__logo {
width: 2em;
height: auto;
}

.map__link {
padding: 2em 0; 
}
.map__link + .map__link  {
padding-top: 0; 
}

.map__link a {
background-color: var(--color3);
display: flex;
width: fit-content;
box-sizing: border-box;
padding: 0.75em 2em 0.75em 1em;
color:#FFF;
font-size: 1.4em;
font-feature-settings: "palt";
font-family: "YakuHanJP", "M PLUS 1p";
font-weight: 500;
margin: 0 auto;
position: relative;
text-decoration: none;
line-height: 1;
border-radius: 0.25em;
min-width: 13em;
}
.map__link a:before {
content: "";
position: absolute;
right: 0.25em;
top: calc(50% - 0.5em);
z-index: 1100;
display: block;
width: 1em;
height: 1em;
background-color: #FFF;
border-radius: 0.7em;
}

.map__link a:after {
content: "";
    position: absolute;
    right: 0.5em;
    top: calc(50% - 0.275em);
    z-index: 1101;
    display: block;
    width: 0.4em;
    height: 0.4em;
    border-top: 4px solid var(--color3);
    border-right: 4px solid var(--color3);
    transform: rotate(45deg);
}
@media print {
  body {
    zoom: 0.68;
    -webkit-print-color-adjust: exact; } }

/* IE10以上 */
@media print and (-ms-high-contrast: none) {
  /* @pageの指定いらないかも */
  @page {
    size: A4;
    margin: 12.7mm 9.7mm; }
  body {
    zoom: 1.8;
    width: 1200px;
    transform: scale(0.5);
    transform-origin: 0 0; } }


.kaikispan {
width: fit-content;
min-width: 15em;
background-color: #9d1f24;
border-radius: 50%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin: 2em auto 1em;
padding: 1em;
aspect-ratio: 1 / 1;
}
.week1,
.week__text .week1,
.limited > span.week1 {
background-color: #1c3a94;
}
.week2,
.week__text .week2,
.limited > span.week2 {
background-color: #39ae36;
}
.kaikispan--title {
font-family: YakuHanJP, "M PLUS 1p";
font-weight: 600;
text-align: center;
line-height: 1.2;
color: #FFF;
font-size: 1.5em;
}
.kaikispan--title b {
font-weight: 600;
font-size: 120%;
}
#contents p.kaikispan--kaiki {
font-family: YakuHanJP, "M PLUS 1p";
font-weight: 500;
text-align: center;
line-height: 1.2;
color: #FFF;
font-size: 2em;
}
#contents p.kaikispan--kaiki b {
font-size: 135%;
}
#contents p.kanban {
display: block;
width: fit-content;
padding: 2.6em 1em 1em;
font-size: 0.7em;
float: right;
aspect-ratio: 400 / 216;
margin: -10.5em -3em 0 0.5em;
transform: rotate(-3deg);
line-height: 1.2;
border: 2px solid #2d97d5;
padding: 0.25em 0.25em 0;
background-color: #FFF;
box-shadow: 5px 2px 2px rgba(0,0,0,0.3);
}
#contents .group1 .topicsDetail:nth-child(even) p.kanban {
transform: rotate(3deg);
}
#contents .group1 p.kanban {
font-size: 1.2em;
margin: -7em -3em 1em 0.5em;
}
@media screen and (max-width: 767px) {
#contents .group1 p.kanban {
font-size: 0.8em;
}
}
.kanban:before {
content: url(/base/yokohama/img/bn25_kanban1.svg);
display: block;
width: 90%;
margin: 0 auto;
}
.kanban:after {
content: url(/base/yokohama/img/bn25_kanban2.svg);
margin: -1em -0.5em -0.25em -0.5em;
display: block;
}
.kanban--inner {
display: block;
border: 2px solid #000;
padding: 0.5em 0.5em 1em 0.5em;
box-sizing: border-box;
max-width: 16em;
min-width: 13em;
}
@media screen and (max-width: 767px) {
.kanban--inner {
min-width: auto;
}
}
.week__wrapper {
width: fit-content;
margin: 0 auto;
}
#contents p.week__text,
#contents ul.week__text li {
font-size: 1.8em;
line-height: 1.4;
letter-spacing: normal;
color: #000;
padding: 0 0;
font-feature-settings: "palt";
font-family: "YakuHanJP", "M PLUS 1p";
}
#contents ul.week__text {
display: flex;
gap: 1em;
}
#contents ul.week__text li {
display: flex;
gap: 0.5em;
align-items: center;
}
#contents p.week__text span,
#contents ul.week__text li .week1,
#contents ul.week__text li .week2 {
display: inline-flex;

}
#contents li .week__text--inner {
display: block;
font-weight: 800;
line-height: 1.2;
}
.week1 + .week__text--inner {
color: #1c3a94;
}
.week2 + .week__text--inner {
color: #39ae36;
}
#contents li .week__text--inner small {
color: #000;
font-size: 70%;
}
@media screen and (max-width: 767px) {
#contents p.week__text,
#contents ul.week__text li {
font-size: 0.85em;
}
#contents ul.week__text {
gap: 0.5em;
}
}