/*-------------------------------------------------------------------------------------------------------------------------------
* 基本設定
-------------------------------------------------------------------------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css?family=M+PLUS+Rounded+1c:400,700');
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+1p:wght@400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;800&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');

:root {
  --color1: #e83817;
  --color1t: rgba(232,56,23,0.1);
}

sup {
font-size: 75.5%;
vertical-align: top;
position: relative;
top: -0.1em;

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

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

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

.fadeinL {
  opacity: 0;
  transform: translate(-20px, 0);
  transition: all 1s ease-in-out 0.5s; }
  @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.5s; }
  @media print {
    .fadeinB {
      opacity: 1;
      transform: translate(0);
      transition: none; } }

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

.fadeinBg:after {
  opacity: 0;
  transition: all 0.5s ease-in-out 0.5s; }
  @media print {
    .fadeinBg:after {
      opacity: 1;
      transform: translate(0);
      transition: none; } }

.fluffy {
  opacity: 0;
  transition: all 0.25s ease-out 0s;
}
.fluffy.scrollin {
  animation: fluffy1 2s ease;
  opacity: 1;
  transform: translate(0, 0) scale(1);
}

@keyframes fluffy1 {
  0% { transform:translateY(0) }
  5% { transform:translateY(0) }
  10% { transform:translateY(0) }
  20% { transform:translateY(-15px) }
  25% { transform:translateY(0) }
  30% { transform:translateY(-15px) }
  50% { transform:translateY(0) }
  100% { transform:translateY(0) }
}


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


.content-header-bnr {
width: 100%;
max-width: 980px;
margin: 0 auto 20px;
}
.content-header-bnr ul {
display: flex;
justify-content: space-between;
}
.content-header-bnr ul li {
width: calc(50% - 10px);
}
.content-header-bnr ul li img {
width: 100%;
height:auto; 
}

.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,
.eigyo_box02 + #contents  {
padding-top: 72px;
}
}

.cf:before,
.cf:after {
  content: " ";
  display: table;
}

.cf:after {
  clear: both;
}

.cf {
  *zoom: 1;
}

body {
  color: #000000;
  line-height: 1.5;
  background: #FFF;
}
.colRed {
color: #F00;
}
/*-------------------------------------------------------------------------------------------------------------------------------
* index
-------------------------------------------------------------------------------------------------------------------------------*/
#wrapper {
padding-bottom: 50px;
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;
}



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

#contents h2 img{
width: inherit;
height: auto;
max-width:100%;
-moz-transition: -moz-transform 0.5s linear;
-webkit-transition: -webkit-transform 0.5s linear;
-o-transition: -o-transform 0.5s linear;
-ms-transition: -ms-transform 0.5s linear;
transition: transform 0.5s linear;

}

#contents p img {
	max-width:100%;
}
#contents p img.doublepacking {
max-width: 23px;
    vertical-align: bottom;
    margin: 0.2em;
}

#contents small {
font-weight: normal;
line-height: 140%;
padding-top: 6px;
}
#contents .textS {
    font-size: smaller;
}




/* ----- header ----- */
.otokuShinjuku {
background-color:#fffded;
padding: 40px 0;
}
.contentHeader {
text-align: center;
box-sizing: border-box;
margin: 0 auto ;
}
.header-logo__wrapper {
display: flex;
background-color: #fffcfb;
}
.header-image {
width: 43.5%;
}
.header-logo {
width: 56.5%;
}
.header-logo__wrapper img {
width: 100%;
height: auto;
}
.header-kaiki--wrapper {
background-color: var(--color1);
padding: 2rem 0;
}
.header-kaiki2-inner {
box-sizing: border-box;
margin: 0 auto ;
display: flex;
gap: 1rem;
justify-content: center;
align-items: center;
box-sizing: border-box;
}
#contents .header-kaiki2-inner h3 {
color: #FFF;
letter-spacing: normal;
font-feature-settings: "palt";
font-family: "YakuHanJP",'M PLUS 1p', sans-serif;
font-weight: 700;
font-size: 1.92rem;
}
#contents .header-kaiki2-inner p {
color: #FFF;
letter-spacing: normal;
font-feature-settings: "palt";
font-family: "YakuHanJP",'M PLUS 1p', sans-serif;
font-weight: 500;
font-size: 1.5rem;

}
@media screen and (max-width: 767px) {
.header-kaiki--wrapper {
padding: 2vw;
}

.header-kaiki2-inner {
flex-direction: column;
gap: 0.5rem;
padding:0 3vw;
}
#contents .header-kaiki2-inner h3 {
font-size: 1.6rem;
}
#contents .header-kaiki2-inner p {
font-size: 1.3rem;

}

}

#contents p.header-kaiki {
display: flex;
gap: 5%;
width: 100%;
max-width: 980px;
margin: 0 auto;
}
.bdtop,
#contents p.header-kaiki.bdtop {
margin-top: 1rem;
padding-top: 1rem;
border-top: 1px solid #FFF;
}
#contents p.header-kaiki .header-kaiki--inner {
display: flex;
}
#contents p.header-kaiki .header-kaiki--inner:nth-child(1) {
width: 47.5%;
}
#contents p.header-kaiki .header-kaiki--inner:nth-child(2) {
width: 47.5%;
}
#contents p.header-kaiki img {
width: 100%;
max-width: 980px;
height: auto;
}
@media screen and (max-width: 980px) {
.header-logo__wrapper {
}
.header-image {
width: 100%;
}
.header-logo {
width: 100%;
margin: 0 auto;
}
#contents p.header-kaiki {
gap: 2vw
}
#contents p.header-kaiki .header-kaiki--inner:nth-child(1) {
width: 100%;
}
#contents p.header-kaiki .header-kaiki--inner:nth-child(2) {
width: 100%;
}

}

@media screen and (max-width: 768px) {
.otokuShinjuku {
padding: 0 3vw 6vw;
}
.contentHeader {
}
.header-logo {
}
#contents .header-logo img {
}

}

a.test {
text-decoration: none;
}
.contentWrapp {
padding: 0px 0;
width: 100%;
margin: 40px auto ;
box-sizing:border-box;
position: relative;
}
.contentWrapp.count0 {
display: none;
}

.contentWrapp:last-child {
margin-bottom: 0;

}


.content {
display:block;
width:100%;
max-width: 980px;
margin:0 auto;
padding: 18px 0 ;
text-align:left;
box-sizing:border-box;
}

@media screen and (max-width: 768px) {
.contentWrapp {
padding: 0px;
margin: 0 auto 6vw ;
}
.content {
padding: 0 3vw ;
}
}



.footerNotes {
text-align: left;
margin: 20px auto 0;
width: 100%;
max-width: 980px;
padding: 20px 0;
}
@media screen and (max-width: 767px) {
.footerNotes {
padding: 12px;
}
}
/* ----- */

.topicsDetail {
width: 100%;
max-width: 980px;
box-sizing: border-box;
}
.topicsDetail:last-of-type {
margin-bottom: 0;
}
.topicsDetailText {
    box-sizing: border-box;
    width: 100%;
}
.topicsDetailText em{
font-style: normal;
color: rgba(255,0,0,1);
}
.topicsDetailText b{
font-size: 120%;
}
.topicsDetailText b.text__price{
font-size: 140%;
  font-family: "Roboto Condensed", sans-serif;
  font-optical-sizing: auto;
}
.topicsDetailText i{
	font-style: normal;
	color: #0033CC;		
}

.topicsDetailPhoto {
margin: 0 auto;
padding: 0px ;
width: 100%;
box-sizing: border-box;
width: 100%;
max-width: 600px;
display: block;
text-align: center;
}



@media screen and (max-width: 767px) {
.topicsDetail {
display: block;
}
.topicsDetailText {
    padding-left: 0px;
    max-width: 100%;
}

.topicsDetail:nth-child(even) .topicsDetailText {
    padding-left: 0;
    padding-right: 0px;
}

.topicsDetailPhoto {
width: 100%;
margin-bottom: 12px;
float: none;
}

}

#contents .topicsDetailPhoto p img{
width: 600px;
max-width: 100%;
box-sizing: border-box;
background-color:#FFF;
}
#contents .topicsDetailPhoto p 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;
}

}
.topicsDetail h4 {
font-size: 2.8rem;
letter-spacing: normal;
font-feature-settings: "palt";
font-family: "Roboto Condensed", "YakuHanJP",'M PLUS 1p', sans-serif;
font-weight: 800;
padding: 16px 20px 12px;
text-align: left;
color: var(--color1);
line-height: 1.4;
}
.topicsDetail h4.alcenter,
.alcenter {
text-align: center;
}
.topicsDetail h4.dfl {

}
.topicsDetail h4 a{
color: var(--color1);
}
.topicsDetail h4 strong {
font-size: 200%;
line-height: 100%;
}
.colorBlack {
color: #000;
}
#contents .topicsDetail h4 small.colorBlack {
font-size: 70%;
margin-bottom: 0.2em;
}
#contents .topicsDetail h4 small.colorBlack small {
font-size: 90%;
}

.underLine {
    background: linear-gradient(transparent 70%, #fff100 70%);

}
.topicsDetail h4 small.colorBlack em {
color:#e50011;
font-style: normal;
}
#contents p.copy1,
#contents p.copy2,
#contents p.copy3 {
font-size: 2.8rem;
letter-spacing: normal;
font-feature-settings: "palt";
font-family: "Roboto Condensed", "YakuHanJP", 'M PLUS 1p', sans-serif;
font-weight: 700;
text-align: left;
color: var(--color1);
line-height: 1.5;
}
#contents p.copy1 strong,
#contents p.copy2 strong,
#contents p.copy3 strong {
font-size: 128%;
color: #000;
}
#contents p.copy1 small,
#contents p.copy2 small,
#contents p.copy3 small {
font-size: 80%;
}
#contents p.copy1.alcenter,
#contents p.copy2.alcenter,
#contents p.copy3.alcenter {
text-align: center;
}
#contents p.copy2 {
font-size: 2rem;
}
#contents p.copy3 {
font-size: 4rem;
}
@media print {
#contents p.copy1 {
font-size: 1.68rem;
}
#contents p.copy2 {
font-size: 1.4rem;
}
#contents p.copy3 {
font-size: 2.6rem;
}
}
.topicsDetail ul.spec li.date {
letter-spacing: normal;
    font-size: 1.5rem;
color:#000;
}
.topicsDetail ul.spec li.place {
    margin: 0 0 2em;
letter-spacing: normal;
    font-size: 1.5rem;
color:#000;
}
#contents p.description {
font-size: 1.92rem;
line-height:160%;
letter-spacing: normal;
color:#000;
font-family: "YakuHanJP",'M PLUS 1p', sans-serif;
font-weight: 400;
font-feature-settings: "palt";
}
#contents .appli p.description {
font-size: 2rem;
padding: 2rem 0;
}
/*
@media screen and (max-width: 767px) {
#contents p.copy1 {
font-size: 3.6rem;
text-align: center;
}
#contents p.copy2 {
font-size: 2.6rem;
}
#contents p.copy2 {
font-size: 3.2rem;
}
#contents .appli p.description {
font-size: 1.92rem;
padding: 0 0;
}
}
*/
#contents .description small {
font-size: 72%;
}
p.description img[align] {
float:left;
margin: 0 12px 12px 0;
}

#contents p.description + .description ,
#contents .descriptionList + .description {
margin-top: 2em;
}
#contents .description + .descriptionList {
margin-top: 1em;

}
#contents .descriptionList {
text-align: left;
margin-top: 2rem;
}
#contents .descriptionList li {
font-size: 1.6rem;
line-height:160%;
letter-spacing: normal;
color:#000;
font-family: "YakuHanJP",'M PLUS 1p', sans-serif;
font-weight: 400;
font-feature-settings: "palt";
list-style: none;
display: inline-block;
}
@media print {
#contents .descriptionList li {
font-size: 0.96rem;
}
}
#contents .descriptionList li + li {
}
@media screen and (max-width: 767px) {
#contents p.description {
}
#contents .descriptionList li {
display: list-item;
}
p.description img{
max-width: 100%;
width: inherit;
}
p.description .topicsDetailPhotoThumbnail  img{
width: 100%;
}
p.description img[align="left"]{
float:left;
margin-right:12px;
clear:left;
}
.topicsDetail  table {
display: block;
}
.topicsDetail  table tr {
display: block;
}
.topicsDetail  table tr td {
display: block;
width: 100%;
float:left;
}
}




@media screen and (max-width: 767px) {
.topicsDetail h4 {
font-size: 1.2rem;
}
}

.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 {
color:rgba(255,255,255,1);
padding: 6px;
text-decoration: none;
font-size: 1.6rem;
cursor: pointer;
display: block;
width: 20%;
min-width: 220px;
text-align: center;
margin: 0 auto ;
background-color:rgba(238,120,0,0.8);
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-o-border-radius: 20px;
-ms-border-radius: 20px;
}
.readMore:before,
.readLess:before  {
vertical-align: middle;
display:inline-block;
content:"";
width: 17px;
height: 17px;
background-image: url("/base/store/special/img/parts_plus.png");
background-repeat: no-repeat;
background-position: center center;
background-color:rgba(255,255,255,.5);
box-sizing:border-box;
line-height: 17px;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
margin-right: 4px;
}
.readLess:before  {
background-image: url("/base/store/special/img/parts_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 {
padding: 3px;
font-size: 1.2rem;
min-width: 120px;
}
}



.online {
width: 750px;
max-width: 100%;
margin: 40px auto;
}
.online img {
width: 100%;
height: auto;
}
@media screen and (max-width: 767px) {
.online {
padding: 0 6px;
}

}
.btn01 {
margin: 0 auto 40px auto;
width: 100%;
max-width: 674px;
}

.footer-bnr {
width: 100%;
max-width: 770px;
margin: 0 auto;
}
.footer-bnr  dt{
font-size: 1.92rem;
font-weight: bold;
color: #cf4d69;
}
.footer-bnr img {
width: 100%;
max-width: 770px;
height: auto;
}

.br::before {
	content: "\A" ;
	white-space: pre ;
}

.btnOnlineWrapper {
display: flex;
width: 100%;
max-width: 980px;
margin: 0 auto;
padding: 2rem 0;
gap: 2rem;
}
#contents li.btnOnline,
#contents p.btnOnline,
.btnOnline  {
width: 100%;
}
#contents li.btnOnline a,
#contents p.btnOnline a,
.btnOnline a{
display: flex;
justify-content: center;
align-items: center;
height: 4em;
border: 2px solid var(--color1);
border-radius: 12px;
color: var(--color1);
background: var(--color1t);
position: relative;
text-decoration: none;
font-size: 2.6rem;
text-align: center;
font-feature-settings: "palt";
font-family: "YakuHanJP",'M PLUS 1p', sans-serif;
font-weight: 800;
padding: 0 2em;
}
@media print {
#contents li.btnOnline a,
#contents p.btnOnline a,
.btnOnline a {
font-size: 1.5rem;
}
}
#contents li.btnOnline a .catalog {
width: 15%;
height: auto;
margin-right: 0.75em;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
#contents li.btnOnline a:hover .catalog {
-webkit-transform: rotate(8deg);
transform: rotate(8deg);
}
#contents li.btnOnline a:after,
#contents p.btnOnline a:after,
.btnOnline a:after {
position: absolute;
bottom: auto;
left: auto;
margin: auto;
vertical-align: middle;
content: "";
-webkit-transform: translateY(-50%) rotate(45deg);
transform: translateY(-50%) rotate(45deg);
top: 50%;
right: 16px;
border-top: 2px solid var(--color1);
border-right: 2px solid var(--color1);
width: 16px;
height: 16px;
}
#contents li.btnOnline.btnBara,
#contents p.btnOnline.btnBara,
.btnBara {
display: block;
width: fit-content;
margin: 0 auto 0 ;
}


@media screen and (max-width: 767px) {
.seiboCol2 .topicsDetail .topicsDetailPhoto,
.seiboCol3 .topicsDetail .topicsDetailPhoto {
width: 100%;
box-sizing: border-box;
margin-left: 12px;
}
.seiboCol2 .topicsDetail .topicsDetailPhoto img,
.seiboCol3 .topicsDetail .topicsDetailPhoto img {
width: 40%;
height: auto;
display: inline-block;
}
.seiboCol2 .topicsDetail . topicsDetailText,
.seiboCol3 .topicsDetail . topicsDetailText{
width: 100%;
}
#contents .seiboCol2 .topicsDetailPhoto p,
#contents .seiboCol3 .topicsDetailPhoto p {
text-align: center;
}
#contents .seiboCol2 .topicsDetailPhoto p img,
#contents .seiboCol3 .topicsDetailPhoto p img {
max-width: 40%;
}
.btnOnlineWrapper {
/*flex-direction: column;*/
margin: 0 auto;
padding: 2vw;
gap: 1vw;
}

#contents p.btnOnline {
}
#contents li.btnOnline + li.btnOnline {
}
#contents li.btnOnline a,
#contents p.btnOnline a,
.btnOnline a{
font-size: 2.2rem;
}

#contents li.btnOnline a:after,
#contents p.btnOnline a:after,
.btnOnline a:after {
top: 50%;
right: 0.5em;
border-top: 1px solid var(--color1);
border-right: 1px solid var(--color1);
width: 0.rem;
height: 0.rem;
}

#contents li.btnOnline.btnBara,
#contents p.btnOnline.btnBara {
max-width: 100%;
padding: 0 3vw;
}

}

.btns {
width: 100%;
max-width: 980px;
margin: 20px auto 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.btns li.btn {
width: calc(33% - 9.5px);
border: 4px solid var(--color1);
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-o-border-radius: 16px;
-ms-border-radius: 16px;
overflow: hidden;
box-sizing: border-box;
}
.btns li.btn:nth-child(3):last-child {
}
.btns li.btn a {
display: block;
position: relative;
}
.btns li.btn a:after {
content: "";
display: block;
position: absolute;
background-image: url("/base/shinjuku/img/gift200602_arrow.png");
background-repeat: no-repeat;
width: 60px;
height: 60px;
right: 6px;
bottom: 6px;
}
.btns li.btn img{
display:block
}
.spBtn {
display: block;
padding: 24px 12px;
background-color: rgba(159,126,82,0.2);
text-align: center;
}
a .spBtn 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;
}
a:hover .spBtn img {
  opacity:0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
  -moz-opacity:0.7;
  -khtml-opacity: 0.7;

}
#contents .seiboCol1 p.description img.alcenter {
display: block;
margin: 1em auto 0;
width: 100%;
height: auto;
max-width: 220px;
}
@media screen and (max-width: 767px) {
.btns {
margin: 20px auto ;
justify-content: center;
}

.btns li.btn {
width: calc(50% - 10px);
margin: 5px;
border: 2px solid var(--color1);
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-o-border-radius: 8px;
-ms-border-radius: 8px;
overflow: hidden;
}
.btns li.btn:nth-child(3):last-child {
width: 100%;
}
.btns li.btn a {
}
.btns li.btn a:after {
width: 30px;
height: 30px;
right: 3px;
bottom: 3px;
background-size: contain;
}
.btns li.btn:nth-child(3):last-child a {
display: flex;
align-items: start;
}
.btns li.btn:nth-child(3):last-child img {
width: 50%;
height: auto;
}
}

.giiftCont1 {
width: 100%;
max-width: 980px;
margin: 40px auto 0;
border: 4px solid var(--color1);
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-o-border-radius: 16px;
-ms-border-radius: 16px;
overflow: hidden;
box-sizing: border-box;
}
.giiftCont1 {
}

.giiftCont2 {
width: 100%;
max-width: 980px;
margin: 40px auto ;
border: 4px solid var(--color1);
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-o-border-radius: 16px;
-ms-border-radius: 16px;
overflow: hidden;
box-sizing: border-box;
background-color: #FFF;
}
@media screen and (max-width: 767px) {
.giiftCont2 {
margin: 0 auto 6vw;
padding: 0 0 0;
}
.giiftCont1 {
margin: 0 auto 6vw;
}
}
.giiftCont2.closed {
    opacity: 0.4;
}

.seiboCol1 {
width: 100%;
max-width: 980px;
margin: 0 auto;
display: block;
}
.seiboCol1-2 {
}
.seiboCol1-2 dt,
.seiboCol1-2 dd {
text-align: left;
}
.seiboCol1-2 .topicsDetail {
display: flex;
align-items: center;
gap: 2rem;
justify-content: space-between;
flex-direction: row-reverse;
padding: 3rem 3rem 0 3rem;
}
.seiboCol1-2 .topicsDetail:last-child {
padding-bottom: 3rem;
}

.seiboCol1-2 .topicsDetail.imgrow {
flex-direction: row;
}
.seiboCol1-2 .topicsDetail + .topicsDetail {
padding-top: 0;

}

.seiboCol1-2 .topicsDetail .topicsDetailPhoto {
box-sizing: border-box;
width: 100%;
max-width: 169px;
}
.seiboCol1-2 .topicsDetail .topicsDetailPhoto.imgL {
max-width: 30%;
}

#contents .seiboCol1-2 .topicsDetail .topicsDetailPhoto img {
width: auto;
max-width: 100%;
height: auto;
}
.seiboCol1-1 .btnCatalog {
display: flex;

}
.seiboCol1-1 .btnCatalog .btn {
margin-top: 5px;
display: block;
width: 100%;
}
.seiboCol1-1 .btnCatalog .btn a {
width: 100%;
	display: block;
	padding: 5px 5px 5px 28px;
	font-size: 1.6rem;
	font-weight: 600;
	text-align: center;
	position: relative;
}
.seiboCol1-1 .btnCatalog .btn a::before {
	display: block;
	content: "";
	width: 20px;
	height: 20px;
	position: absolute;
	top: 50%;
	left: 6px;
	margin-top: -10px;
}
@media screen and (max-width:767px) {
.seiboCol1 {
display: block;
padding: 12px;
}
.seiboCol1-1,
.seiboCol1-2 {
width: 100%;
}
.seiboCol1-1 {
border-bottom: 2px dotted var(--color1);
border-right: none;
}
.seiboCol1-2 .topicsDetail {
padding: 0;
}

.seiboCol1-2 .topicsDetail .topicsDetailPhoto{
width: 50%;
float: none;
margin: 0 auto;
padding-top: 0;
}
}
.seiboCol1-2 .topicsDetail . topicsDetailText{
width: 64%;
box-sizing: border-box;
}
.seiboCol1-2 .topicsDetail h4 {
padding: 0 0 1rem;
font-size: 3.5rem;
}
.dfl {
display: flex;
gap: 2rem;
align-items: center;
}
@media print {
.seiboCol1-2 .topicsDetail h4 {
padding: 0 0 0.5rem
font-size: 2.1rem;
gap: 1rem;
}
.dfl {
gap: 1rem;
}

}
#contents .seiboCol1 p.description img {
vertical-align: middle;
margin: 0 2px;
}


.otoku1 h2 {
width: 100%;
max-width: 982px;
margin: 3rem auto calc(5rem + 80px) auto;
position: relative;
}
.otoku1 h2:after {
content: "";
width: 56px;
height: 56px;
background-image: url(/base/shinjuku/img/seibo221101_otoku_arrow.svg);
background-size: contain;
background-repeat: no-repeat;
position: absolute;
bottom: -80px;
left: calc(50% - 28px);
z-index: 100;
}
#contents .kakomi {
width: 100%;
max-width: 980px;
margin: 0 auto 40px auto;
border: 4px solid var(--color1);
border-radius: 12px;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
-o-border-radius: 12px;
-ms-border-radius: 12px;
/*overflow: hidden;*/
background-color: #FFF;
text-align: center;
padding:48px;
position: relative;
}
#contents .kakomi p,
#contents .kakomi ul {
max-width: 876px;
margin-left: auto;
margin-right: auto;
}
#contents .kakomi p:not(.dateStart):first-child,
#contents .kakomi ul:first-child {
/*margin-top: 48px;*/
}
#contents .kakomi p:last-child,
#contents .kakomi ul:last-child {
/*margin-bottom: 48px;*/
}
#contents .otoku1 h2 img,
#contents .otoku1 p img {
width: auto;
max-width: 100%;
height: auto;
}
.ib {
display: inline-block;
line-height: 1;
}
@media screen and (max-width:767px) {
.otoku1 {
padding: 6vw 0 0 0;
}
.otoku1 h2 {
width: 80%;
max-width: auto;
margin: 0 auto 16vw ;
}
.otoku1 h2:after {
content: "";
width: 10vw;
height: 10vw;
bottom: -12vw;
left: calc(50% - 5vw);
}
#contents .otoku1 p {
max-width: 100%;
margin: 0 auto
padding: 0;
}
#contents .otoku1 h2 img,
#contents .otoku1 p img {
width: 100%;
}
#contents .kakomi {
max-width: 100%;
margin: 0 auto 6vw auto;
padding:3vw;
}

.seiboCol1-2 .topicsDetail h4{
padding: 0 0 3vw;
}
.dfl {
}
#contents .topicsDetail h4 small.colorBlack {
font-size: 65%;
}
}

#contents p.dateStart,
.dateStart {
border-radius: 3em;
background-color: rgba(210, 16, 26, 1);
color: #FFF;
font-feature-settings: "palt";
font-family: "YakuHanJP", 'M PLUS 1p', sans-serif;
font-size: 2rem;
align-items: center;
justify-content: center;
line-height: 1.4;
font-weight: 600;
display: flex;
width: 6em;
height: 6em;
flex-shrink: 0;
text-align: center!important;
}
@media print {
#contents p.dateStart,
.dateStart {
font-size: 1.2rem;
}
}
#contents p.dateStart.fll,
.dateStart.fll {
position: inherit;
float: left;
margin: 0 1rem 1rem 0;
}

.dateStart b {
font-size: 125%;
font-weight: 600;
}
.mtt {
margin-top: 3rem;
}
.titleKakomi {
background-color: rgba(210, 16, 26, 1);
color: #FFF;
font-feature-settings: "palt";
font-family: "YakuHanJP", 'M PLUS 1p', sans-serif;
font-size: 2rem;
align-items: center;
justify-content: center;
line-height: 1.4;
font-weight: 600;
width: fit-content;
border-radius: 2em;
padding: 0.25em 1em;
margin-bottom: 0.5em;
display: inline-block;
}
@media screen and (max-width: 767px) {
#contents p.dateStart,
.dateStart  {
}
#contents p.dateStart.fll,
.dateStart.fll {
}
.presentTitle {
width: 70%;
}
}
.uline {
background: linear-gradient(transparent 70%, rgba(204,51,70,35%) 70%);

}
.coupon__image {
width: 100%;
max-width: 465px;
margin: 2.5rem auto ;
}
@media screen and (max-width: 767px) {
.coupon__image {
width: 80%;
margin: 4vw auto ;
}
}
.coupon__image img {
width: 100%;
height: auto;
}

.closed {
position:relative;
}
.closed .topicsDetailPhoto ,
.closed .topicsDetailText,
.closed .kakomi {
opacity: 0.4;
}
#contents p.closed__text {
display: flex; 
align-items: center; 
justify-content: center; 
position: absolute; 
z-index: 500;
width: 80%; 
height: 20%; 
top: 40%; 
left: 10%;
background-color: rgba(255,255,255,0.8); 
border: 1px solid #F00; 
color:#F00; 
font-size: 1.6em; 
font-weight: bold;
text-align: center;
}
@media screen and (max-width: 767px) {
#contents p.closed__text {
}

}
.textL {
font-size: 115%;
}
.show-PC{
	display: block;
}
.show-SP{
	display: none;
}

@media screen and (max-width:767px) {
	.show-PC{
		display: none;
	}
	.show-SP{
		display: block;
	}
}

.cb {
  clear: both;

}
img.flr {
float: right;
width: 20%;
margin: 0 0 1rem 1rem;
}
img.fll {
float: left;
width: 20%;
margin: 0 1rem 1rem 0;
}
img.flr.flb {
width: 36%;
}
img.fll.flb {
width: 36%;
}

@media screen and (max-width: 767px) {
img.flr {
width: 30%;
}
img.fll {
width: 30%;
}
img.flr.flb {
width: 40%;
}
img.fll.flb {
width: 40%;
}
}
.box__col2,
.box__col3 {
display: flex;
gap: 4rem;
}

.box__col2--inner,
.box__col3--inner {
width: 100%;
position: relative;
}
.box__col2--inner:first-child:after,
.box__col3--inner:first-child:after,
.box__col3--inner:nth-child(2):after {
content: "";
position: absolute;
top: 0;
right: calc(-2rem + 1px);
width: 0;
height: 100%;
border-right: 3px dotted var(--color1);
}

.box__col2--inner figure + p,
.box__col3--inner figure + p {
margin-top: 1rem;
}
.box__col2--inner img,
.box__col3--inner img {
width: 100%;
height: auto;
}

@media screen and (max-width: 767px) {
.box__col2,
.box__col3 {
/*flex-direction: column;*/
}
.box__col2--inner:first-child:after,
.box__col3--inner:first-child:after,
.box__col3--inner:nth-child(2):after {
border-right: 1px dotted var(--color1);
}

}

@media print {
#header,
#eigyo,
.nav-PC,
#footer {
display:none;
}
#storeWrapper {
    margin: 0 auto;
    padding: 0 0;
}
}
.mb1r {
margin-bottom: 1rem;
}
.mb2r {
margin-bottom: 2rem;
}
.mb3r {
margin-bottom: 3rem;
}
.mt1r {
margin-top: 1rem;
}
.mt2r {
margin-top: 2rem;
}
.mt3r {
margin-top: 3rem;
}