/*-------------------------------------------------------------------------------------------------------------------------------
* 基本設定
-------------------------------------------------------------------------------------------------------------------------------*/
@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;500;600;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@700&display=swap&family=Oswald:wght@200..700');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');
:root {
  --color1: #45b035;
  --color1t: rgba(69, 176, 53, 0.15);
  --color2: #7fbe26;
  --color4: #c12b35;
  --color5: #c64e00;
}
.nav-PC.show-PC,
.eigyo-PC.show-PC,
.eigyo_box02 {
  display:none;
}

.cf:before,
.cf:after {
  content: " ";
  display: table;
}
.cf:after {
  clear: both;
}
.cf {
  *zoom: 1;
}
.container {
}

small {
font-size: 76%;
}
i {
font-style: normal;
display: inline-block;
}

p.description:before,
p.description:after {
  content: " ";
  display: table;
}
p.description:after {
  clear: both;
}
p.description {
  *zoom: 1;
}


.fadein {
  opacity: 0;
  transition: all 0.2s 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;
}
@media screen and (max-width:767px) {
#wrapper {
padding: 0 3vw;
}
}

/* contents
=================================================================== */
{
  max-width:100%;
  box-sizing:border-box;
}
p img {
  max-width:100%;
}
p img.imsmall {
  max-width:40%;
}
p img.fll,
p .fll {
  float: left;
  margin: 0 0.5em 0.5em 0;
  max-width:40%;
  text-align: center;
}
p img.flr,
p .flr {
  float: right;
  margin: 0 0 0.5em 0.5em;
  max-width:40%;
  text-align: center;
}
p .fll img,
p .flr img {
width: 100%;
}
p img.sml {
  max-width:20%;
}

p,
li {
  font-size: 15px;
}
small {
  font-weight: normal;
}
@media screen and (max-width: 480px) {
  p,
  li {
    font-size: 14px;
  }
}
/* ----- header ----- */

.contentHeader {
padding: 0 0 0;
background-color: #fffcd3;
background-image: url(/base/shinjuku/img/hk25aw_title_bg.jpg);
background-size: cover;
background-repeat: no-repeat;
}

.header-logo {
width: 100%;
max-width: 980px;
margin: 0 auto ;
text-align: center;
box-sizing: border-box;
padding: 2rem 0;
text-align:center;
}
.header-logo img {
  width: 100%;
  height: auto;
}

.header-copy {
background-color: var(--color1);
padding: 1em 0;
}
.header-copy-inner {
display: block;
margin: 0 auto 0;
max-width: 980px;
text-align :left;
}
.header-copy-inner li {
display: inline-block;
font-feature-settings: "palt";
font-family: "YakuHanJP", "M PLUS 1p";
font-size: 1.4rem;
color: #FFF;
}
.header-copy-inner li.textL {
font-size: 115%;
background-color: #fff000;
padding: 0.2em 0.5em;
color: #000;
margin-right: 0.5em;
}
.footerNavi {
width: 100%;
max-width: 738px;
margin: 0 auto 80px;
display: flex;
justify-content: space-between;
}
.footerNavi li {
width: 100%;
font-family: "YakuHanJP", "M PLUS 1p";
font-size: 1.8em;
font-weight: 600;
-moz-box-shadow: 3px 4px 12px 1px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 3px 4px 12px 1px rgba(0, 0, 0, 0.5);
-ms-box-shadow: 3px 4px 12px 1px rgba(0, 0, 0, 0.5);
box-shadow: 3px 4px 12px 1px rgba(0, 0, 0, 0.5);
background-color: rgb(245,220,218);
display: flex;
align-items: center;
justify-content: space-between;
}
.footerNavi li a {
padding: 12px 18px 12px 1em;
display: flex;
align-items: center;
justify-content: space-between;
text-decoration: none;
color:#ad4961;
width: 100%;
}
.footerNavi li a .footerNaviText {
width: 100%;
text-align: center;
}
.footerNavi li a:after {
display: block;
content:"";
background-size: contain;
width: 54px;
height: 54px;
background-image: url(/base/shinjuku/img/am_arrow01.png);
background-repeat: no-repeat;
}


@media screen and (max-width: 768px) {
  .contentHeader {
padding: 0 ;
  }
  .header-logo {
    padding: 3vw;
    margin: 0 auto 0 auto;
    overflow: hidden;
  }
  .header-logo img {
  }
  .header-copy {
  font-size: 1rem;
  padding: 3vw;
  line-height: 1.3;
  }
  .header-copy-inner li {
    font-size: 1.4rem;
  }
.footerNavi {
margin: 0 auto 3em;
}
.footerNavi li {
font-size: 1.1em;
}
.footerNavi li a {
padding: 6px 9px ;
}
.footerNavi li a:after {
width: 20px;
height: 20px;
}

}

/* ----- conent ----- */
.contentWrapp {
padding: 0;
width: 100%;
max-width: 980px;
box-sizing:border-box;
position: relative;
background-color: #FFF;
overflow: hidden;
margin: 0 auto 4px;
border-radius: 6px;
}


.contentWrapp:first-of-type {
margin: 0 auto 0;
}
.couponWrapp {
padding: 0;
width: 100%;
max-width: 980px;
box-sizing:border-box;
position: relative;
background-color: #FFF;
overflow: hidden;
margin: 0 auto 4px;
}
.contentWrapp:last-child {
  margin: 0 auto 0;
}
.contentWrapp.bg01 {
/*  -moz-box-shadow: 3px 3px 8px 0px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 3px 3px 8px 0px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 3px 3px 8px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 3px 3px 8px 0px rgba(0, 0, 0, 0.5);*/
}
.contentWrapp.bg02 {
border: 1px solid #DDD;
}
.contentWrapp#colBtn {
}

.coupon {
border: 1.5rem solid var(--color1t);
}
.coupon2col .coupon:not(:last-child:nth-child(odd)) {
width: calc(50% - 2px);
margin-bottom: 0;
}
.couponWrapp:not(.coupon2col) .coupon + .coupon {
margin-top: 4px;
}

.couponImage {
width: 20%;
}
.couponImage img {
max-width: 100%;
}
.couponText {
width: calc(80% - 1em);
}
.couponText:only-child {
width: 100%;
}
.couponText p {
font-size: 2rem;
line-height: 1.5;
letter-spacing: normal;
padding: 0 0;
font-feature-settings: "palt";
font-family: "YakuHanJP", "M PLUS 1p";
padding: 2rem;
}
.couponText p sup {
font-size: 76%;
vertical-align: text-top;
}
.couponText p small {
display: inline-block;
}
.coupon h2 {
font-size: 3rem;
letter-spacing: normal;
font-feature-settings: "palt";
font-family: "YakuHanJP", "M PLUS 1p";
margin: 0 0;
text-align: left;
color: var(--color1);
background-color: var(--color1t);
font-weight: 500;
line-height: 1.3;
padding: 0 2rem 1.5rem 2rem;
text-align: center;
}

.coupon2col {
display: flex;
flex-wrap: wrap;
gap: 4px;
}
@media screen and (max-width:767px) {
.contentWrapp:first-of-type {
}
.coupon {
}
.coupon p {
font-size: 0.92em;
padding: 2rem;
}
.coupon h2 {
line-height: 1.3;
padding: 2rem;
}
.coupon h2 img.show-PCx {
display: none;
}
.couponImage {
width: 100%;
width: 30%;
float: right;
}
.couponText {
width: 100%;
}

}
.couponTistleText {
display: inline-block;
text-align: center;
}
#wrapper .couponTistleText a {
color: inherit;
text-decoration: none;
}
.content {
  display:block;
  width:100%;
  margin:0 auto;
  text-align:left;
  box-sizing:border-box;
}
.accordion .content {
  display:none;
  display:;
/*border-left: 1px solid #DDD;
border-right: 1px solid #DDD;
border-bottom: 1px solid #DDD;*/
}
@media screen and (min-width: 768px) {
#col9.accordion .content {
}
}
.group1 {
  max-width:980px;
}
.group2 {
box-sizing: border-box;
margin: 0 auto 0 auto;
}
.accordion .content > h3 {
margin: 0 auto;
text-align: center;
color: #FFF;
font-size: 1.2em;
padding: 0.5em;
}
.accordion .content > h3.jikangentei {
background-color: #e59700;
}
.accordion .content > h3.kyoto {
background-color: #77b323;
}
.accordion .content > h3 + p {
text-align: center;

}
.accordion .content > h3:first-child {
}

@media screen and (min-width: 768px) {
.topicsColumn.group2 {
/*padding-top: 2em;
padding-bottom: 2em;
margin-bottom: 2em;
border-bottom: 2px dotted #DDD;
background-color: #DDD;*/
padding: 1em;
margin-bottom: 0;
border-bottom: none;
}
.topicsColumn.group2:last-child {
margin-bottom: 0;
border-bottom: none;
}
.topicsColumn.group2 {
}
#col1  {
background-color: #f0d5bc;
}
#col2 {
background-color: #e6ddcc;
}
#col3 {
background-color: #f6c8d6;
}
#col4 {
background-color: #f5baa6;
}
#col5 {
background-color: #d7e597;
}
#col6 {
background-color: #ddc7af;
}
#col7 {
background-color: #ddc7af;
}
#col8 {
background-color: #efeff1;
}
#col9 {
background-color: #d4a26e;
}
#col10 {
background-color: #efeff1;
}
#col11 {
background-color: #ddc7af;
}
#col12 {
background-color: #eeedea;
}
#col13 {
background-color: #efeff1;
}
#col0 .topicsColumn.group2 {
padding-top: 0px;
}
.topicsColumn.group3 {
padding: 1.5rem;
}
.topicsColumn.group3 + .topicsColumn.group2,
.topicsColumn.group2 + .topicsColumn.group3 {
padding-top: 0;
}
}


.footerNotes {
  text-align: left;
  margin: 0 auto ;
  width: 100%;
  padding: 2em ;
}
.footerNotes ul {
  margin: 0 auto ;
max-width: 980px;
}
.footerNotes ul li {
display: inline-block;
}
@media screen and (max-width: 768px) {
  .contentWrapp {
  margin: 0 auto 6px;

  }
  .content {
    padding: 0 ;
  }
  .group2 {
  }

  .footerNotes {
    padding: 0;
  }
}

.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: space-between;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
.group3.topicsColumn {
  gap: 1em;
}
}

.topicsDetail {
  margin-bottom: 60px;
  width: 100%;
  max-width: 980px;
  box-sizing: border-box;
}
.topicsDetail:last-cjild {
  margin-bottom: 24px;
}

.group1 .topicsDetail {
  max-width: 980px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.group2 .topicsDetail {
box-sizing: border-box;
margin: 0 auto 2em auto;
padding: 0 2em 2em 2em;
border-bottom: 2px dotted #DDD;
box-sizing: border-box;
}
.group2 .topicsDetail:last-child {
margin-botom: 0 ;
border-bottom: none;
}
@media screen and (min-width: 768px) {
.group2 .topicsDetail {
display: flex;
align-items: center;
margin: 0 auto 1em auto;
padding: 0 ;
border-bottom: none;
background-color: rgba(255,255,255,0.9);
border-radius: 0.5em;
overflow: hidden;
}
.group2.group2b .topicsDetail {
display: block;
}
}

.group2 .topicsDetail:last-child {
margin-bottom: 0;
}
.topicsColumn + .group2 {
padding-bottom: 0;
}
.topicsColumn + .group2 .topicsDetail:first-child:last-child {
border-top: 2px dotted #DDD;
padding: 40px;
}
.topicsColumn + .group2.group2s .topicsDetail:first-child:last-child {
border-top: none;
padding: 0;
}
.topicsColumn + .group2.group2s + .group2.group2s {
padding-bottom: 1em;
}
.group3 .topicsDetail {
max-width: calc(50% - 20px);
padding: 0 0 2em 0;
background-color: rgb(255,255,255,0.9);
margin-bottom: 2em;
border-bottom: 2px dotted #DDD;
}

.group3 .topicsDetail:lat-child {
margin-bottom: 0;
border-bottom: none;
}
@media screen and (min-width: 768px) {
.group3 .topicsDetail {
max-width: calc(50% - 0.5em);
background-color: rgb(255,255,255,0.9);
padding: 0 0 0;
margin-bottom: 0;
border-bottom: none;
border-radius: 0.5em;
overflow: hidden;
}
.group3.group3-3col .topicsDetail {
max-width: calc((100% - 2em) / 3);
}
.group3 .topicsDetail:nth-last-child(2):nth-child(odd),
.group3 .topicsDetail:last-child:nth-child(even) {
margin-bottom: none;
border-bottom: none;
}
}
@media screen and (min-width: 768px) {
.group3 .topicsDetail:nth-child(odd) {
position: relative;
}
.group3 .topicsDetail:nth-child(odd):after {
position: absolute;
content:"";
width: 1px;
height: 100%;
border-right: dotted 2px #DDD;
top: 0;
right: -20px;
}
.group3 .topicsDetail:nth-child(odd):after {
display: none;
}
.group3:not(.group3-3col) .topicsDetail:last-child:nth-child(odd) {
width: 100%;
max-width: 100%;
display: flex;
gap: 1em;
align-items: flex-start;
}
/*.group3:last-child .topicsDetail:last-child:nth-child(odd) {
padding: 0 0 40px 0;
margin-bottom: 0;
border-bottom: none;
}*/

.group3:not(.group3-3col) .topicsDetail:last-child:nth-child(odd) .topicsDetailPhoto {
width: calc(50%- 0.5em);
}
.group3 .topicsDetail:last-child:nth-child(odd) .topicsDetailPhoto.noImage {
display: none;
}

.group3:not(.group3-3col) .topicsDetail:last-child:nth-child(odd) .topicsDetailText {
width: calc(50%- 0.5em);
}
.group3 .topicsDetail:last-child:nth-child(odd) .topicsDetailPhoto.noImage + .topicsDetailText {
width: 100%;
max-width: 100%;
}

.group3 .topicsDetail:last-child:nth-child(odd):after {
display: none;
}
}

.topicsDetailText {
  box-sizing: border-box;
  width: 100%;
}
.group1 .topicsDetailText {
  max-width: 376px;
  padding-left: 20px;
}
.group2 .topicsDetailText {
}
@media screen and (min-width: 768px) {
.group2 .topicsDetailText  {
width: 30%;
padding: 1em;
flex-grow: 1;
}
.group2.group2b .topicsDetailText  {
width: 100%;
}

}
.group3 .topicsDetailText {
max-width: 600px;
padding: 0.75em;
}

.topicsDetailPhoto {
  margin-bottom: 6px;
  padding: 0px ;
  width: 100%;
  box-sizing: border-box;
  width: 100%;
  display: block;
  background-color: #FFF;
position: relative;
}
.group2 .topicsDetailPhoto {
}
@media screen and (min-width: 768px) {
.group2 .topicsDetailPhoto {
width: 70%;
max-width: 600px;
margin-bottom: 0;
}
.group2.group2s .topicsDetailPhoto {
width: 30%;
}

.group2 .topicsDetailPhoto.noImage {
display: none;
}
.group2.group2b .topicsDetailPhoto {
width: 100%;
max-width: 600px;
margin: 0 auto;
}
}
.topicsDetailPhoto:empty {
display: none;
}
p.limited {
position: absolute;
left: 0;
bottom:0 ;
display: flex;
}
p.limited:empty {
display: none;
}
@media screen and (min-width: 768px) {
.group2 p.limited {
left: auto;
bottom:auto ;
right: 0;
top: 0;
}
}

p.limited {
}
.noImage p.limited {
position: inherit;
}
.noImage p.limited:empty {
display: none;
}
.limited span {
display: flex;
justify-content: center;
align-items: center;
width: 4.4em;
height: 4.4em;
background-color: #F00;
color: #FFF;
text-align: center;
font-size: 1.2rem;
line-height: 1.25;
}
.limited span.limited {
background-color: #fad9e7;
color: #d0398f;
}
@media screen and (max-width: 767px) {
.limited span {
}
}
.topicsDetail p.description span.eatin,
.topicsDetail p.description span.debut,
.topicsDetail p.description span.reserve,
.topicsDetail p.description span.play,
.topicsDetail p.description span.new,
.topicsDetail p.description span.seiri,
.topicsDetail p.description span.limited-t ,
.topicsDetail p.description span.limited-s,
.topicsDetail p.description span.dgs,
.topicsDetail p.description span.cafe,
.topicsDetail p.description span.bar,
.topicsDetail p.description span.tennai,
.topicsDetail p.description span.anniv,
.topicsDetail p.description span.dogai {
display: inline-flex;
justify-content: center;
align-items: center;
padding: 0.1em 0.25em;
color: #FFF;
margin: 0 0.25em 0 0;
font-size: 80%;
text-align: center;
}
.topicsDetail p.description span.eatin.ltfll,
.topicsDetail p.description span.debut.ltfll,
.topicsDetail p.description span.reserve.ltfll,
.topicsDetail p.description span.play.ltfll,
.topicsDetail p.description span.new.ltfll,
.topicsDetail p.description span.seiri.ltfll,
.topicsDetail p.description span.limited-t.ltfll ,
.topicsDetail p.description span.limited-s.ltfll,
.topicsDetail p.description  span.dgs.ltfll,
.topicsDetail p.description  span.cafe.ltfll,
.topicsDetail p.description  span.bar.ltfll,
.topicsDetail p.description  span.tennai.ltfll,
.topicsDetail p.description  span.anniv.ltfll,
.topicsDetail p.description  span.dogai.ltfll   {
display: flex;
float: left;
}
.topicsDetail p.description span.eatin.ibin,
.topicsDetail p.description span.debut.ibin,
.topicsDetail p.description span.reserve.ibin,
.topicsDetail p.description span.play.ibin,
.topicsDetail p.description span.new.ibin,
.topicsDetail p.description span.seiri.ibin,
.topicsDetail p.description span.limited-t.ibin ,
.topicsDetail p.description span.limited-s.ibin,
.topicsDetail p.description  span.dgs.ibin,
.topicsDetail p.description  span.cafe.ibin,
.topicsDetail p.description  span.bar.ibin,
.topicsDetail p.description  span.tennai.ibin,
.topicsDetail p.description  span.anniv.ibin,
.topicsDetail p.description  span.dogai.ibin   {
display: flex;
margin: 0 0.25em 0 0;
width: fit-content;
height: auto;
}

.topicsDetail span.eatin {
background-color: transparent;
text-align: center;
border-radius: 50%;
background-image: url(/base/shinjuku/img/eatin_bg.svg);
background-size: contain;
background-repeat: no-repeat;
    background-position: center;
}
.topicsDetail span.debut {
background-color: #ed6d02;
}
.topicsDetail span.reserve {
background-color: #7f4296;
}
.topicsDetail span.play {
background-color: #AA8420;
}
.topicsDetail span.new {
background-color: #fff100;
color: #000;
}
.topicsDetail span.seiri {
background-color: #1d2088;
}
.topicsDetail span.limited-t {
background-color: #d71718;
}
.topicsDetail span.limited-s {
background-color: #e4007f;
}
.topicsDetail span.dgs {
background-color: #c1c0ab;
color: #316038;
}
.topicsDetail span.cafe {
background-color: #ae7620;
}
.topicsDetail span.bar {
background-color: #8f7098;
}
.topicsDetail span.tennai {
background-color: #A72126;
}
.topicsDetail span.anniv {
background-color: #e95b9c;
    width: 6em;
}
.topicsDetail span.dogai {
background-color: #e95b9c;
}
.topicsDetail p.description .iconWrapper {
display: block;
position: relative;
max-width: 30%;
}

.topicsDetail p.description .iconWrapper span.eatin,
.topicsDetail p.description .iconWrapper span.debut,
.topicsDetail p.description .iconWrapper span.reserve,
.topicsDetail p.description .iconWrapper span.play,
.topicsDetail p.description .iconWrapper span.new,
.topicsDetail p.description .iconWrapper span.seiri,
.topicsDetail p.description .iconWrapper span.limited-t,
.topicsDetail p.description .iconWrapper span.limited-s,
.topicsDetail p.description .iconWrapper span.tennai,
.topicsDetail p.description .iconWrapper span.anniv,
.topicsDetail p.description .iconWrapper span.dogai    {
position: absolute;
bottom: 0;
right: 0;
margin: 0 0;
}

.topicsDetail  {
}
.hkbrand{
color: #00a73c;
font-weight: 600;
font-size: 108%;
}
.group1 .topicsDetail:nth-child(even) {
  flex-direction: row-reverse;
}
.group1 .topicsDetail:nth-child(even) .topicsDetailText {
  padding-left: 0;
  padding-right: 20px;
}

.group3 .topicsDetailPhoto {
  margin-bottom: 0;

}

@media screen and (max-width: 767px) {

  .topicsColumn {
    margin: 0 auto ;
    transform: inherit;
    border-bottom: 1px dotted #DDD;
  }
  .topicsDetail {
    margin-bottom: 20px;
    display: block;
  }
  .topicsDetailText {
    padding-left: 0px;
    max-width: 100%;
  }
  .group1 .topicsDetail {
    display: block;
  }

  .group1 .topicsDetailText {
    max-width: 100%;
    padding-left: 0;
  }

  .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 : 6px;
  }

  .topicsDetailPhoto {
    width: 100%;
    margin-bottom: 0;
    float: none;
  }
  .group2 .topicsDetail {
  padding: 0px;
  margin-bottom: 0;
  }
  .group3 .topicsDetail {
  max-width: 50%;
  padding: 0;
  background-color: rgb(255,255,255,0.5);
  margin-bottom: 0;
  border-bottom: 1px dotted #DDD;
  border-right: 1px dotted #DDD;
  }
  .group3 .topicsDetail:first-child:last-child {
  max-width: 100%;
  display: flex;
  flex-direction: column;
  border-bottom: none;
  border-right: none;
  }
  .group3 .topicsDetail:first-child:last-child .topicsDetailText {
    padding: 3vw;
  }
}

.topicsDetailPhoto  img{
  width: 100%;
  /*max-width: 600px;*/
  box-sizing: border-box;
  background-color:#FFF;
}
.slick-slide img {
    display: block;
    width: 100%;
}
.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) {
  .topicsDetailPhoto p img{
    border:none;
    padding: 0;
  }
}

.topicsDetail h4 {
font-size: 2.6rem;
letter-spacing: normal;
font-feature-settings: "palt";
font-family: "Oswald", "YakuHanJP", "M PLUS 1p";
margin:0 0 0.5em;
text-align: left;
color: #000;
font-weight: 500;
line-height: 1.3;
}
#col3 .topicsDetail h4 {
color: #E8383D;
}
#col4 .topicsDetail h4 {
color: #E94820;
}
#col5 .topicsDetail h4 {
color: #009E3B;
}
.sttl {
font-size: 105%;
letter-spacing: normal;
font-feature-settings: "palt";
font-family: "YakuHanJP", "M PLUS 1p";
text-align: left;
color: var(--color1);
font-weight: 500;
display: inline-block;
margin-top: 0.25em;
}
.sttl:first-child {
margin-top: 0;
}

.craft {
padding-top: 45px;
}
.craft h4 {
  font-size: 2em;
text-align:center;
color:#7c5f15;
}
.craft + .group3.topicsColumn {
padding-top: 0;
}
.craft + .group3.topicsColumn .topicsDetail h4 {
font-size: 1.2em;
color:#7c5f15;
}

.craft  li  {
text-align:center;

}
.topicsDetail h4 small {
font-size: 65%;
color: #000;
font-family: "YakuHanJP", "M PLUS 1p";
display: inline-block;
}
.topicsDetail h4 a{
color: #e95383;
}
.topicsDetail p.description strong,
.topicsDetail p.description2 strong {
font-weight: normal;
color: var(--color1);
}
#col12 .topicsDetail p.description strong,
#col12 .topicsDetail p.description2 strong {
color: #8E2946;
}
#col13 .topicsDetail p.description strong,
#col13 .topicsDetail p.description2 strong {
color: #831D50;
}
.topicsDetail h4 font[style] {
  margin-right: 6px;
}
@media screen and (max-width: 767px) {
  .topicsDetail h4,
  .craft h4 {
    margin-bottom: 0.5em;
  }
}

.topicsDetail ul.spec {
margin-bottom: 0.5em;
}
.topicsDetail ul.spec li.date {
  letter-spacing: normal;
  color:#000;
  font-feature-settings: "palt";
  font-family: "YakuHanJP", "M PLUS 1p";
}
@media screen and (max-width: 767px) {
.topicsDetail ul.spec li.date {
}

}
.topicsDetail ul.spec li.date em {
font-style: normal;
color: #F00;
}
.topicsDetail ul.spec li.place {
  margin: 0 0 0 0;
  letter-spacing: normal;
  font-size: 1.0em;
  color:#000;
  font-feature-settings: "palt";
  font-family: "YakuHanJP", "M PLUS 1p";
}
.topicsDetail ul.spec:empty,
.topicsDetail ul.spec li:empty {
display: none;
}
.topicsDetail p.description,
.topicsDetail p.description2 {
  font-size: 1.8rem;
  line-height:1.5;
  letter-spacing: normal;
  color:#000;
  padding:  0 0;
  font-feature-settings: "palt";
  font-family: "YakuHanJP", "Noto Sans JP", sans-serif;
}
.topicsDetail p.description .date_sub2,
.topicsDetail p.description .date_sub3 {
font-family:  "YakuHanMP", 'Noto Serif JP', serif;
font-feature-settings: "palt";
display: block;
margin-bottom: 1em;
font-size: 1.6rem;
}
.topicsDetail p.description .date_sub3 {
margin-bottom: 0;
margin-top: 1em;
}
.topicsDetail p.description .date_sub2:empty,
.topicsDetail p.description .date_sub3:empty {
display: none;
}
.topicsDetail p.description img[align],
.topicsDetail p.description2 img[align] {
  float:left;
  margin: 0 12px 12px 0;
}
.topicsDetail p.description strong,
.topicsDetail p.description2 strong {
font-weight: 600;
display: inline-block;
}
.topicsDetail p.description small:not(.i),
.topicsDetail p.description2 small:not(.i) {
display: inline-block;
}
.topicsDetail p.description small.il,
.topicsDetail p.description2 small.il {
display: inline;
}
.topicsDetail p.description strong + br,
.topicsDetail p.description2 strong + br,
.topicsDetail p.description strong + small + br ,
.topicsDetail p.description2 strong + small + br {
content:"";
display: block;
margin-bottom: 0.4em;
}
.topicsDetail p.description em,
.topicsDetail p.description2 em{
font-style: normal;
color: #F00;
}
.topicsDetail p.description b,
.topicsDetail p.description2 b {
font-weight: 600;
}

@media screen and (max-width: 767px) {
  .topicsDetail ul li{
    font-size: 0.65em;
  }
  .topicsDetail p.description,
  .topicsDetail p.description2 {
    /*font-size: 0.8em;*/
  }
  .topicsDetail p.description .date_sub2,
  .topicsDetail p.description .date_sub3 {
    /*font-size: 0.72em;*/
  }

  p.description img,
  p.description2 img{
    width: inherit;
  }
  .group3   p.description img {
    max-width: 60%;
  }
 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;
  }
}

.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;
}
#colBtn .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 .acc--btn {
display: flex;
align-items: center;
justify-content: space-between;
max-width: 100%;
position: relative;
}

.accordion .blockTitle .acc--btn img,
#col0.accordion .blockTitle .acc--btn img {
width: auto;
max-width: 100%;
height: auto;
}
#col0.accordion .blockTitle .acc--btn img {
margin: 0 auto;
}
.accordion .blockTitle .acc--btn::after {
position: absolute;
bottom: 10px;
left: calc(50% - 26px);
content: " ";
background-image: url(/base/shinjuku/img/arrow_white.svg);
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
display: block;
width: 52px;
height: 20px;
 box-sizing: border-box;
transform: scale(1, 1);
transition: all 0.2s;
animation: 4s ease 0s infinite normal none running wiggle;
}
.accordion:nth-child(2) .blockTitle .acc--btn::after {
animation: 4s ease 0.25s infinite normal none running wiggle;
}
.accordion:nth-child(3) .blockTitle .acc--btn::after {
animation: 4s ease 0.5s infinite normal none running wiggle;
}
.accordion:nth-child(4) .blockTitle .acc--btn::after {
animation: 4s ease 0.75s infinite normal none running wiggle;
}
.accordion:nth-child(5) .blockTitle .acc--btn::after {
animation: 4s ease 1s infinite normal none running wiggle;
}
.accordion:nth-child(6) .blockTitle .acc--btn::after {
animation: 4s ease 1.25s infinite normal none running wiggle;
}
.accordion:nth-child(7) .blockTitle .acc--btn::after {
animation: 4s ease 1.5s infinite normal none running wiggle;
}
.accordion:nth-child(8) .blockTitle .acc--btn::after {
animation: 4s ease 1.75s infinite normal none running wiggle;
}
.accordion:nth-child(9) .blockTitle .acc--btn::after {
animation: 4s ease 2.00s infinite normal none running wiggle;
}
.accordion:nth-child(10) .blockTitle .acc--btn::after {
animation: 4s ease 2.25s infinite normal none running wiggle;
}
.accordion:nth-child(11) .blockTitle .acc--btn::after {
animation: 4s ease 2.5s infinite normal none running wiggle;
}
.accordion:nth-child(12) .blockTitle .acc--btn::after {
animation: 4s ease 2.75s infinite normal none running wiggle;
}
.accordion:nth-child(13) .blockTitle .acc--btn::after {
animation: 4s ease 3.00s infinite normal none running wiggle;
}
@keyframes wiggle {
  2% {
    -webkit-transform: translateY(3px) rotate(2deg);
    transform: translateY(3px) rotate(2deg);
  }
  4% {
    -webkit-transform: translateY(-3px) rotate(-2deg);
    transform: translateY(-3px) rotate(-2deg);
  }
  6% {
    -webkit-transform: translateY(3px) rotate(2deg);
    transform: translateY(3px) rotate(2deg);
  }
  8% {
    -webkit-transform: translateY(-3px) rotate(-2deg);
    transform: translateY(-3px) rotate(-2deg);
  }
  10% {
    -webkit-transform: translateY(2px) rotate(1deg);
    transform: translateY(2px) rotate(1deg);
  }
  12% {
    -webkit-transform: translateY(-2px) rotate(-1deg);
    transform: translateY(-2px) rotate(-1deg);
  }
  14% {
    -webkit-transform: translateY(2px) rotate(1deg);
    transform: translateY(2px) rotate(1deg);
  }
  16% {
    -webkit-transform: translateY(-2px) rotate(-1deg);
    transform: translateY(-2px) rotate(-1deg);
  }
  18% {
    -webkit-transform: translateY(1px) rotate(0);
    transform: translateY(1px) rotate(0);
  }
  20% {
    -webkit-transform: translateY(-1px) rotate(0);
    transform: translateY(-1px) rotate(0);
  }
}

.accordion .blockTitle .acc--btn.pink:after {
background-image: url(/base/shinjuku/img/arrow_pink.svg);
}
.accordion .blockTitle .acc--btn.orange:after {
background-image: url(/base/shinjuku/img/arrow_orange.svg);
}
.accordion .blockTitle.open .acc--btn::after {
transform: scale(1, -1);
animation: none!important;
}
@media screen and (max-width: 767px) {
  .blockTitle {
  }
  
  .blockTitle img {
width: auto; 
max-width: 100%;
  }
  .accordion .blockTitle .acc--btn img,
  #col0.accordion .blockTitle .acc--btn img {
  }
  .accordion .blockTitle .acc--btn::after,
  #col0.accordion .blockTitle .acc--btn::after {
bottom: 2px;
left: calc(50% - 13px);
width: 26px;
height: 7px;

  }
#col0 .blockTitle {
}
#colBtn .blockTitle .acc--btn {
padding: 0.5em;
font-size: 1.2em;
}

#col0.accordion .blockTitle .acc--btn {
padding: 0.35em 0.5em 0.7em 0.5em;
font-size: 1.2em;
}

}

p + [data-readmore-toggle].readMore,
p + [data-readmore-toggle].readMore,
p + [data-readmore-toggle].readLess,
p + [data-readmore-toggle].readLess,
p + [data-readmore-toggle].readMore,
p[data-readmore].readMore,
p + [data-readmore-toggle].readLess,
p[data-readmore].readLess {
  padding: 2px 5px;
  text-decoration: none;
  font-size: 1.2em;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-align: center;
  margin: 4px auto 0 ;
  color:#000;
  background-color:#DDD;
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) {
  p + [data-readmore-toggle].readMore,
  p + [data-readmore-toggle].readMore,
  p + [data-readmore-toggle].readLess,
  p + [data-readmore-toggle].readLess,
  p + [data-readmore-toggle].readMore,
  p[data-readmore].readMore,
  p + [data-readmore-toggle].readLess,
 p[data-readmore].readLess  {
    padding: 3vw;
    font-size: 1em;
    min-width: 120px;
  }
.readMore:before,
.readLess:before  {
  width: 1em;
  height: 1em;
  margin-right: 4px;
}

}

.topicsDetail p.description  a[href$="http://www.takashimaya.co.jp/store/special/takaapp/index.html"]{
  display: block;
  font-size: 14px !important;
  line-height:130%;
  color:#FFF;
  text-align: center;
  text-decoration: none;
  padding: 12px;
  border-top-color: rgb(160, 0, 0);
  background-color: rgb(160, 0, 0);
  background-image: linear-gradient(to bottom, rgb(224, 105, 105) 0px, rgb(108, 0, 0) 100%);
  background-size: 100% auto;
  border-bottom: 1px solid rgb(108, 108, 108);
  border-radius: 4px 4px 4px 4px;
  -webkit-transition: opacity 0.2s ease;
  -moz-transition: opacity 0.2s ease;
  -ms-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}
.topicsDetail p.description a[href$="http://www.takashimaya.co.jp/store/special/takaapp/index.html"]:hover {
  opacity:0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
  -moz-opacity:0.7;
  -khtml-opacity: 0.7;
  -webkit-transition: opacity 0.2s ease;
  -moz-transition: opacity 0.2s ease;
  -ms-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}
.amBrand {
display: flex;
justify-content: center;
flex-wrap: wrap;
width: 100%;
max-width: 738px;
margin: 0 auto 4em;
}


.amBrand h2{
font-family: "YakuHanJP", "M PLUS 1p";
font-size: 1.8em;
color: #ad4961;
width: 100%;
text-align: center;
margin-bottom: 1em;
}
.amBrandList {
/*display: flex;
justify-content: space-between;
flex-wrap: wrap;*/
}
.amBrandList dt {
width: 3em;
float: left;
clear: left;
font-size: 1.2em;
}
.amBrandList dd {
width: calc(100% - 3em);
float: left;
font-size: 1.2em;
}
@media screen and (max-width: 767px) {
.amBrand {
margin: 0 auto 2em;
}


.amBrand h2{
font-size: 1.1em;
}
.amBrandList dt {
font-size: 1.0em;
}
.amBrandList dd {
font-size: 1.0em;
}

}

/* main_slide
===================================================================== */
.main_slide-PC{
	margin: 5px 0 0 0;
}

/* slider-PC */
.slider-PC {
  /*opacity: 0;
  transition: opacity 0.2s linear 0.5s;*/
}
.slider-PC.slick-initialized{
  /*opacity: 1;*/
}
.slider-PC li{
  width: 686px;
	margin: 0 ;
}
.slider-PC li a img{
	width: 100%;
	opacity: 1;
	transition: all 0.2s;
}
.slider-PC li a img:hover{
	opacity: 0.6;
}
.slider-PC li img[usemap] {
    width: 100%;
    opacity: 1;
    transition: all 0.2s;
}



/* slick
--------------------------------------------------------- */
.slick-loading .slick-list {
	background: url(/base/departmentstore/common/img/loading.gif) center center no-repeat #FFF;
}
.slider-PC .slick-prev,
.slider-PC .slick-next {
	font-size: 0;
	line-height: 0;
	position: absolute;
	display: block;
	padding: 0;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	cursor: pointer;
	color: transparent;
	border: none;
	outline: none;
	background: transparent;
	box-sizing: border-box;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;

}

.slider-PC  .slick-prev {
	left: -8px;
	top: 50%;
	width: 22px;
	height: 22px;
	background: url(/base/departmentstore/common/img/main_slider_prev3.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #ad4961;

	z-index: 100;
}
.slider-PC  .slick-next {
	right: -8px;
	top: 50%;
	width: 22px;
	height: 22px;
	background: url(/base/departmentstore/common/img/main_slider_next3.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #ad4961;

	z-index: 100;
}

/* Dots */
.slick-dotted.slick-slider {
}

.slick-dots {
    position: absolute;
    bottom: 0px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
background-color: rgba(255,255,255,0.5);
}
.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 2px;
    padding: 0;
    cursor: pointer;
}
.slick-dots li:first-child:last-child {
display:none;
}
.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1;
}
.slick-dots li button:before {
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 5px;
    left: 0;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    content: '';
    text-align: center;
    background-color: #000;
    opacity: .25;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
    opacity: .75;
    color: black;
}


.modal-content {
  box-sizing: border-box;
  position: fixed;
  display: none;
  z-index: 2;
  margin: 0;
  padding: 20px 34px 20px 20px;
  background: #fff; 
}

@media screen and (max-width: 767px) {
  .modal-content {
    padding: 12px; 
 }
}

.modal-overlay {
  z-index: 1;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 120%;
  background-color: rgba(0, 0, 0, 0.75); }

.modal-open:hover {
  cursor: pointer; }

.modal-close {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 35px;
  height: 34px;
  background-image: url("/base/shinjuku/wellbe_field/img/wellbe_brandibox_close.png");
  background-repeat: no-repeat;
  text-indent: -9999px; }

.modal-close:hover {
  cursor: pointer;
  color: #f00; }


.modal-content .topicsDetail {
margin: auto;
width: 100%;
max-width: 600px;
box-sizing: border-box;
display: flex;
align-items: center;
}
.modal-content .topicsDetailText {
box-sizing: border-box;
width: 100%;
max-width: 600px;
}

.modal-content .topicsDetailPhoto {
padding: 0px ;
width: 100%;
box-sizing: border-box;
width: 100%;
max-width: 166px;
display: block;
background-color: #FFF;
margin-right: 20px;
}

@media screen and (max-width: 767px) {
.modal-content .topicsDetail {
}
.modal-content .topicsDetailText {
}
.modal-content .topicsDetailPhoto {
}

}

.modal-content .topicsDetail h4 {
font-size: 3rem;
letter-spacing: normal;
font-feature-settings: "palt";
font-family: "YakuHanJP", "M PLUS 1p";
margin:0 0 12px 0;
text-align: left;
color: rgba(0,0,0,1);
font-weight: normal;
line-height: 1.4;
}
.modal-content .topicsDetail h4 a{
color: rgba(0,0,0,1);
text-decoration:none;
}

@media screen and (max-width: 767px) {
.modal-content .topicsDetail h4 {
font-size: 2rem;
}
}
.modal-content .topicsDetail ul.spec li.date {
letter-spacing: normal;
font-size: 1.9rem;
color:#000;
}
.modal-content  .topicsDetail ul.spec li.place {
margin: 0 0 2em;
letter-spacing: normal;
font-size: 1.9rem;
color:#000;
}
.modal-content .topicsDetail p.description2 {
font-size: 1.3em;
line-height:160%;
letter-spacing: normal;
color:#000;
}
.modal-content .topicsDetail p.description2 small {
line-height:1.4;
}
@media screen and (max-width: 767px) {
.modal-content  .topicsDetail p.description2 {
font-size: 1.2em;
line-height: 1.4;
}
.modal-content p.description2 img{
}
}

.btn1 {
width: 100%;
max-width: 633px;
margin: 0 auto 1em;
}
.btn1 li {
margin-bottom: 1em;
}
.btn1 li.ancr a {
display: inline-block;
position: relative;
}
.btn1 li.ancr a:after {
  content: "";
  background-image: url("/base/shinjuku/img/saimatsu_arrow.png");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  display: block;
  position: absolute;
  height: 32px;
  width: 32px;
  bottom: 16px;
  right: 10px;
  box-sizing: border-box;
  transform: rotate(0deg);
  -webkit-transform:  rotate(0deg);
}

.btn1 a img {
width: inherit;
max-width: 100%;
height: auto;
}
p.text_rp {
font-size: 1.15em;
color: #000;
font-feature-settings: "palt";
font-family: "YakuHanJP", "M PLUS 1p";
text-align: center;
}
p.btn_rp {
margin: 0 auto;
padding-bottom: 2em;
}
.btn_rp a {
display: flex;
padding: 1em;
font-size: 1.2em;
letter-spacing: normal;
font-feature-settings: "palt";
font-family: "YakuHanJP", "M PLUS 1p";
background-color: #44af35;
color: #FFF;
justify-content: center;
text-decoration: none;
width: 100%;
max-width: 633px;
margin: 0 auto;
position: relative;
}
.btn_rp a:after {
  content: "";
  background-image: url("/base/shinjuku/img/saimatsu_arrow.png");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  display: block;
  position: absolute;
  height: 32px;
  width: 32px;
  bottom: calc(50% - 16px);
  right: 10px;
  box-sizing: border-box;
  transform: rotate(-90deg);
  -webkit-transform:  rotate(-90deg);
}

@media screen and (max-width: 767px) {
.btn1 a:after {
  height: 20px;
  width: 20px;
  bottom: 12px;
  right: 5px;
}
p.text_rp {
font-size: 0.72em;
padding: 3vw 3vw 0 3vw;
}
p.btn_rp {
padding: 3vw;
}
.btn_rp a {
font-size: 1em;
padding: 0.7em;
}
.btn_rp a:after {
  height: 20px;
  width: 20px;
  bottom: calc(50% - 10px);
  right: 6px;
}

}
.saimatsuInfo {
display: block;
background-color: #C00;
color: #FFF;
font-size: 2em;
text-align :center;
padding: 20px;
position: relative;
}
.saimatsuInfo:after{
position: absolute;
bottom:  -20px;
left: calc(50% - 100px);
content: "";
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 20px 100px 0 100px;
border-color: #C00 transparent transparent transparent;
}
@media screen and (max-width: 767px) {
.saimatsuInfo {
font-size: 1.2em;
padding: 10px;
}

}
.ib {
display: inline-block;
}
@media print {
  #header,
  #eigyo,
  .nav-PC,
  #footer {
    display:none;
  }
  #storeWrapper {
    margin: 0 auto;
    padding: 0 0;
  }
.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;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
max-width: 90%;
    transform: translate3d(0px, 0px, 0px)!important;
}
.slick-list {
    overflow: visible;
}
.slick-initialized .slick-slide.slick-cloned {
display:none;
}
.slider-PC .slick-prev,
.slider-PC .slick-next,
.slick-dots {
display:none!important;
}
.group2 {
margin-top: 2em;
}
.topicsDetail {
page-break-inside: avoid;
display: block;
}
.group2 .topicsDetail {
page-break-before: always;
}
.acc--btn + .content .group2 .topicsDetail {
page-break-before: avoid;
}
.group3.topicsColumn {
align-items: flex-start;
display: block;
}
.group3 .topicsDetail {
display: inline-block;
vertical-align: top;
}
.group3 .topicsDetail:nth-child(odd) {
margin-right: 10px;
}
}



.instaWrapper {
width: 100%;
max-width: 980px;
margin: 2em auto 4px;
display: flex;
justify-content: center;
gap: 4px;
}
.tcnMap {
width: 40%;
}
.tcnMap:nth-child(2) {
}
.tcnMap p {
display: flex;
height: 100%;
}
.tcnMap p a {
background-color: var(--color1);
color: #FFF;
text-decoration: none;
display: flex;
gap: 0.25em;
height: 100%;
width: 100%;
align-items: center;
justify-content: center;
padding: 0.5em 1.5em;
font-family: "YakuHanJP", "M PLUS 1p";
font-weight: 600;
font-size: 2.2rem;
line-height: 1.3;
position: relative;
border-radius: 6px;
text-align: center;
}
.tcnMap p a:after {
content: "";
width: 16px;
height: 16px;
background-image: url(/base/shinjuku/img/bridal220222_arrow_white.png);
backgdouns-size: contain;
background-repeat: no-repat;
background-position: center center;
position: abosolute;
top: calc(50% - 6px);
right: 6px;
}
.tcnInsta {
width: 20%;
/*max-width: 488px;*/
text-align: left;
display: inline-flex;
align-items: center;
justify-content: center;
border: 1px solid #DDD;
padding: 0.5em;
border-radius: 6px;
}
.tcnInsta:only-child {
max-width: 100%;
}
.tcnInsta dl {
display: flex;
align-items: center;
justify-content: center;
}
.tcnInsta dl dt {
display: block;
margin: 0 12px 0 0 ; 
}
.tcnInsta dl dd {
font-family: "YakuHanJP", "M PLUS 1p";
font-weight: 400;
font-size: 1.2em;
color:#000;
line-height: 1.3;
}
.tcnInsta a{
text-decoration: none;
color:#000;
}
.orikomi {
width: 20%;
height: auto;
}

@media (min-width: 768px) {
.tcnInsta dl dd {
font-size: 0.85em;
}
.orikomi {
margin: -1em 1em 0 0;
transform: scale(1.1, 1.1) rotate(-8deg) translate(0, -2%);
box-shadow: 0px 3px 12px 0px rgba(0, 0, 0, 0.35);
}

}
@media screen and (max-width: 767px) {

.instaWrapper {
    padding: 0 3vw;
}
.tcnInsta dl dd {
font-size: 1em;
}
.tcnInsta {
width: 100%;
margin-top: 0.5em;
}
.tcnMap p a {
padding: 6vw;
}
.tcnMap {
width: 100%;
}
.orikomi {
margin: -4vw 0 -4vw 0;
}
}
@media (min-width: 768px) {
.instasvg {
width: 40px;
}
}

@media screen and (max-width: 767px) {
.instaWrapper {
width: 100%;
flex-direction: column;
gap: 1vw;
}
.instasvg {
width: 20px;
}
}
.instalogo {
 fill: #000;
 width: 80px;
}
.week1 {
background-color: #008ccf;
color: #FFF;
display: inline-block;
font-feature-settings: "palt";
font-family: "YakuHanJP", "M PLUS 1p";
padding: 0.025em 0.5em;
border-radius: 1em;
}
.week1b {
background-color: #f18e1d;
color: #FFF;
display: inline-block;
font-feature-settings: "palt";
font-family: "YakuHanJP", "M PLUS 1p";
padding: 0.025em 0.5em;
}

.week2 {
background-color: #00a73c;
color: #FFF;
display: inline-block;
font-feature-settings: "palt";
font-family: "YakuHanJP", "M PLUS 1p";
padding: 0.025em 0.5em;
border-radius: 1em;
}
.week3 {
background-color: #F00;
color: #FFF;
display: inline-block;
font-feature-settings: "palt";
font-family: "YakuHanJP", "M PLUS 1p";
padding: 0.025em 0.5em;
}
p.contentNotes {
max-width: 720px;
box-sizing: border-box;
margin: 0 auto 0 auto;
padding: 1em 0;
font-feature-settings: "palt";
font-family: "YakuHanJP", "M PLUS 1p";
font-size: 0.92em;
}
.craft {
    box-sizing: border-box;
    background-color: rgb(255,255,255,1);
    margin-bottom: 24px;
    padding-bottom: 24px;
    border-top: 5px dotted #DDD;
    box-sizing: border-box;
    margin: 0 auto 0 auto;
}

.footBnr {
width: 100%;
max-width: 900px;
margin: 0 auto;
padding: 2em 0;
display: flex;
gap: 12px;
align-items: center;
}
.footBnr li {
width: calc(100% - 24px / 3);
}
.footBnr li img {
width: 100%;
height: auto;
}
@media screen and (max-width: 767px) {

}

.subTitle {
width: 100%;
margin: 0 auto 0;
padding: 0 1em;
font-size: 2.5em;
letter-spacing: normal;
font-feature-settings: "palt";
font-family: "YakuHanJP", "M PLUS 1p";
margin: 0 0 0.5em;
text-align: left;
color: var(--color1);
font-weight: 500;
line-height: 1.3;
text-align: center;
}
#col2 .subTitle {
    color: var(--color2);
}
.subTitle img {
max-width: 880px;
}
@media screen and (min-width: 768px) {
.subTitle {
border-top: 4px solid #FFF;
padding-top: 1em;
margin-top: 1em;
}
.subTitle:first-child {
border-top: none;
padding-top: 1em;
margin-top: 0;
}
}
.subTitle img {
width: auto;
height: auto;
max-width: 100%;
}
p.subTitleKaiki {
letter-spacing: normal;
font-size: 1.15em;
color: #000;
font-feature-settings: "palt";
font-family: "YakuHanJP", "M PLUS 1p";
max-width: calc(100% - 2em);
margin: 0 auto 0;
padding: 1em 0 0 0;
}
p.subTitleKaiki em {
font-style: normal;
color: #F00;
}
@media screen and (max-width:767px) {
.subTitle {
max-width: 100%;
margin: 3vw auto 0;
padding: 3vw  ;
font-size: 1.5em;
}
.subTitle:first-child {
margin-top: 0;
}
p.subTitleKaiki {
font-size: 0.85em;
padding: 0 3vw 3vw 3vw ;
max-width: 100%;
margin: 3vw auto 0;
}

}
.pontaBnr {
width: 100%;
max-width: 620px;
box-sizing: border-box;
margin: 0 auto 4em;
}
.pontaBnr img {
width: 100%;
height: auto;
}


.wrap {
  max-width: 800px;
  margin: 0 auto;
  width: 100%;
  position: relative;
}
.movie {
  padding-top: 6em;
  max-width: 620px;
  padding-bottom: 3em;
}
.movie .title {
  margin: 0 auto;
  width: 100%;
  max-width: 476px;
  padding-bottom:  1em;
}
.movie iframe {
  width: 100%;
}
.foot-banners {
  max-width: 620px;
}
.foot-banners li {
  padding-bottom:  3em;
}
.foot-banners .text {
  text-align: center;
  font-weight: bold;
  font-size: 1.65em;
  line-height: 1.4;
  padding-bottom: 0.5em;
}
.youtube {
max-width: 620px;
margin: 0 auto;
}
.wrap img {
max-width: 100%;
height: auto;
}
@media only screen and (max-width: 750px) {
  .movie {
    padding: 4vw 4vw 8vw 4vw;
    border-top: 1px solid #000;
    max-width: auto;
    max-width: inherit;
    box-sizing: border-box;
  }
   .movie .title {
    margin: 0 auto;
    width: 100%;
    padding: 0 4vw 4vw;
  }
  .foot-banners li {
    padding-bottom: 4vw;
  }
  .foot-banners .text {
    font-size:  2em;
    line-height: 1.5;
  }

}
.otherdept {
width: 100%;
max-width: 980px;
margin: 3em auto 3em;
}
.otherdept a {
display: flex;
gap: 0.5em;
aligj-items: center;
box-sizing: border-box;
padding: 0.5em;
background-color: var(--color1);
text-decoration: none;
}
@media screen and (max-width: 767px) {
.otherdept a {
flex-direction: column;
}
}
.otherdept__text {
color: #FFF;
font-feature-settings: "palt";
font-family: "YakuHanJP", "M PLUS 1p";
font-size: 1.2em;
font-weight: 500;
display: flex;
align-items: center;
flex-grow: 1;
text-align: center;
justify-content: center;
}
.otherdept__image {
max-width: 70%;
}
.otherdept__image img {
width: 100%;
height: auto;
}
@media screen and (max-width: 767px) {
.otherdept {
width: 100%;
max-width: auto;
margin: 0 auto 6vw;
display: block;
padding: 2vw;
}
.otherdept__text {
font-size: 0.85em;
font-weight: 600;
display: block;
text-align: center;
}
.otherdept__image {
max-width: 100%;
}

}

.parfait {
display: flex;
align-items: center;
gap: 1em;
padding: 0.75em;
border: 2px dotted #741a23;
border-radius: 1em;
}
.parfait__image {
width: 35%;
text-align: center;
}
@media screen and (max-width: 767px) {
.parfait__image {
width: 25%;
}
}
.parfait__image img {
width: 100%!important;
}
.parfait__text {
flex-grow: 1;
width: 65%;
}

.typesquare_option {
font-size: 1.8em;
font-family: "YakuHanJP", "M PLUS 1p";
text-align: center;
color: #e57e3a;
line-height: 1.3;
margin-botttom: 0.5em;
}
@media screen and (max-width: 767px) {
	.typesquare_option {
		font-size: 1.2em;
		line-height: 4.4em;
		letter-spacing: 0.1em;
	}
}
.park {
background-color:#ebf5f0;
}

.show-PC{
	display: block;
}
.show-SP{
	display: none;
}

@media screen and (max-width:767px) {
	.show-PC{
		display: none;
	}
	.show-SP{
		display: block;
	}
}

.cd--table {
display: table
}
.cd--tr {
display: table-row;
}
.cd--td {
display: table-cell;
padding: 0.2em 0.5em;
font-size: 110%;
}
