/*-------------------------------------------------------------------------------------------------------------------------------
* 基本設定
-------------------------------------------------------------------------------------------------------------------------------*/
@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');

:root {
  --color1: rgba(29,80,162,1);
  --color2: rgba(29,80,162,1);
  --color2t: rgba(29,80,162,0.1);
  --color3: rgba(229,0,18, 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: #fff5e0;
    align-items: center;
}
.header-image {
width: 43.5%;
}
.header-logo {
width: 56.5%;
box-sizing: border-box;
padding-right: 10%;
}
.header-logo__wrapper img {
width: 100%;
height: auto;
}
#contents p.header-kaiki {
text-align: center;
box-sizing: border-box;
margin: 0 auto ;
padding: 0;
background-color:var(--color2);
}
#contents .header-kaiki2 {
box-sizing: border-box;
padding: 0 0 1rem;
background-color:var(--color2);
text-align: left;
}
.header-kaiki2-inner {
box-sizing: border-box;
margin: 0 auto ;
max-width: 920px;
display: flex;
gap: 1rem;
justify-content: center;
align-items: center;
padding: 1rem;
background-color: #FFF;
box-sizing: border-box;
}
#contents .header-kaiki2 h3 {
color: #000;
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 p {
color: #000;
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) {
#contents .header-kaiki2 {
padding: 3vw;
}
.header-kaiki2-inner {
flex-direction: column;
gap: 0.5rem;
padding:0 3vw;
}
#contents .header-kaiki2 h3 {
font-size: 1.6rem;
}
#contents .header-kaiki2 p {
font-size: 1.3rem;

}

}

#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;
}

}

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

}

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

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}
a.test {
text-decoration: none;
}
@media screen and (max-width: 768px) {
#wrapper {
}
}
#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;
}
.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;

}

.contentWrapp.mb20 {
margin: 0 auto 20px;
}

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

.blockContent {
display:none;
}

@media screen and (max-width: 768px) {
.contentWrapp {
padding: 0px;
margin: 0 auto 6vw ;
}
.contentWrapp.bg00 {
}
.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;
}
}
/* ----- */

.topicsTitle {
padding-bottom:20px;
}
.topicsTitle h3{
padding:12px;
background-color:#2a2a2a;
font-size:3rem;
font-weight:bold;
/*color:#FFF;*/
line-height:1;
font-family: "YakuHanJP",'M PLUS Rounded 1c', sans-serif;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-o-border-radius: 6px;
-ms-border-radius: 6px;
}
.topicsTitle p{
margin-top:12px;
font-size:1.2rem;
color:#2a2a2a;

}
.topicsTitle h3 a{
/*color:#FFF;*/
}
.topicsColumn {
width: auto;
margin: 40px auto ;
}
.contentWrapp.group3 .topicsColumn {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
.topicsColumn {
margin: 0px auto 20px ;
}
}
.topicsDetail {
width: 100%;
max-width: 980px;
box-sizing: border-box;
}
.topicsDetail:last-of-type {
margin-bottom: 0;
}
.contentWrapp.group1 .topicsDetail {
max-width: 980px;
display: flex;
justify-content: space-between;
align-items: center;
}

.contentWrapp.group2 .topicsDetail {
max-width: 980px;
}
.contentWrapp.group3 .topicsDetail {
max-width: calc(50% - 20px);
}

.topicsDetailText {
    box-sizing: border-box;
    width: 100%;
}
.contentWrapp.group1 .topicsDetailText {
    max-width: 376px;
    padding-left: 20px;
}
.contentWrapp.group2 .topicsDetailText {
    max-width: 980px;
}
.topicsDetailText em{
font-style: normal;
color: rgba(255,0,0,1);
}
.topicsDetailText b{
font-size: 120%;
}
.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;
}
.contentWrapp.group2 .topicsDetailPhoto {
box-shadow: none;

}
.contentWrapp.group1 .topicsDetail:nth-child(even) {
flex-direction: row-reverse;
}
.contentWrapp.group1 .topicsDetail:nth-child(even) .topicsDetailText {
    padding-left: 0;
    padding-right: 20px;
}
.contentWrapp.group1 .topicsDetail:nth-child(even) .topicsDetailPhoto {
}



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

.contentWrapp.group1 .topicsDetailText {
    max-width: 100%;
    padding-left: 0;
}
.contentWrapp.group2 .topicsDetailText {
    max-width: 100%;
}
.contentWrapp.group1 .topicsDetail:nth-child(even) .topicsDetailText {
    padding-left: 0;
    padding-right: 0;
}
.contentWrapp.group1 .topicsDetail:nth-child(even) .topicsDetailPhoto {
}

.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: "YakuHanJP",'M PLUS 1p', sans-serif;
font-weight: 700;
padding: 16px 20px 12px;
text-align: left;
color: var(--color1);
line-height: 1.4;
}

.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;
}
.underLine {
    background: linear-gradient(transparent 70%, #fff100 70%);

}
.topicsDetail h4 small.colorBlack em {
color:#e50011;
font-style: normal;
}
#contents p.copy1 {
font-size: 2.5rem;
letter-spacing: normal;
font-feature-settings: "palt";
font-family: "YakuHanJP", 'M PLUS 1p', sans-serif;
font-weight: 500;
text-align: left;
color: var(--color1);
line-height: 1.6;
}
@media print {
#contents p.copy1 {
font-size: 2.0rem;
}
}
.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 .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;
}
}





.blockTitle img {
width: inherit;
max-width: 100%;
height: auto;
}
.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;
  position: relative;
  cursor:pointer;

}
.accordion .blockTitle > img {
width: 100%;
height: auto;
max-width: 880px;
}
.accordion .blockTitle:hover {
  opacity:0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
  -moz-opacity:0.7;
  -khtml-opacity: 0.7;
}
.accordion .blockTitle::after {
  content: "";
  background-image: url("/base/shinjuku/img/arrow.png");
  background-size: auto;
  background-position: center center;
  background-repeat: no-repeat;
  display: block;
  height: 44px;
  width: 27px;
  position: absolute;
  top: calc(50% - 22px);
  right: 4px;
  box-sizing: border-box;
  -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::after img{
  width: 100%;
}
.accordion .blockTitle.open::after {
  transform: rotate(-180deg);
  -webkit-transform:  rotate(-180deg);
}

.blockTitle span {
  display: inline-block;
  white-space: nowrap;
}
#contents p.bodyCopy {
font-family: "YakuHanJP",'M PLUS Rounded 1c', sans-serif;
font-size: 2.2rem;
line-height: 2;
width: 100%;
max-width: 750px;
margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .accordion {
  }
.blockTitle em{
font-size: 3.6rem;
line-height: 36px;
}
.accordion .blockTitle::after {
  height: 22px;
  width: 13px;
  top: calc(50% - 11px);
  right: 8px;
background-size: contain;
  }

#contents p.bodyCopy {
font-size: 1.92rem;  
height: 24px;
  width: 24px;

line-height: 1.6;
padding: 0 12px;
}
.topicsDetail h4 {
font-size: 1.2rem;
}
.group2 .topicsDetail h4 {
margin-bottom: 0;
}

}




.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;
}
}


.topicsDetail p.description  a[href$="http://www.takashimaya.co.jp/store/special/takaapp/index.html"]{
display: block;
width: 100%;
max-width: 600px;
margin: 2em auto;
padding: 12px;
font-size: 1.4rem !important;
line-height:130%;
color:#FFF;
text-align: center;
text-decoration: none;
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;
}



.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;
}
.contentWrapp.bg01 {

border-bottom: 1px solid #DDD;
}
.contentWrapp.bg02 {

}

.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;
}

.seiboCol2,
.seiboCol3,
.seiboCol4 {
width: 100%;
max-width: 980px;
margin: 0 auto;
position: relative;
}
.seiboCol2 dl,
.seiboCol3 dl,
.seiboCol4 {
border: 4px solid var(--color2);
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;
}
.seiboCol3.sec1 dl {
border: none;
border-radius: 0;
}
.seiboCol2 dl dt,
.seiboCol2 dl dd,
.seiboCol3 dl dt,
.seiboCol3 dl dd,
.seiboCol4 dt,
.seiboCol4 dd {
text-align: left;
}
.seiboCol2 dl .topicsDetail,
.seiboCol3 dl .topicsDetail,
.seiboCol4 dl .topicsDetail {
display: flex;
justify-content: space-between;
flex-direction: row-reverse;
padding: 0;
}
.seiboCol3 dl .topicsDetail{
}
.seiboCol3 dl .topicsDetail + .topicsDetail {
}
.seiboCol3 dl .topicsDetail.noteContent {
background-color: #ead9ca;
padding: 2rem 0 0;
}

.seiboCol2 .topicsDetail .topicsDetailPhoto{
width: 28%;
box-sizing: border-box;
padding-bottom: 12px;
}
.seiboCol3 .topicsDetail .topicsDetailPhoto{
width: 30%;
box-sizing: border-box;
padding-bottom: 12px;
}
@media screen and (min-width:768px) {
.seiboCol3 .topicsDetail .topicsDetailPhoto {
margin-top: -35px;
margin-right: 12px;

}
}

@media screen and (max-width:767px) {
.seiboCol4Wrapper {
padding: 0 3vw;
}
.seiboCol4 {
}
.seiboCol3 dl .topicsDetail {
display: block;
padding: 0;
}

.seiboCol3 .topicsDetail .topicsDetailPhoto{
width: 50%;
margin: 0 auto;
padding-right: 0;
padding-bottom: 0;
}
.seiboCol3 dl .topicsDetail.noteContent {
padding: 0 2vw;
}

}

#contents .seiboCol2 .topicsDetail .topicsDetailPhoto img {
width: 206px;
height: auto;
}
#contents .seiboCol3 .topicsDetail .topicsDetailPhoto img {
width: 100%;
max-width: 264px;
height: auto;
}

.seiboCol2 .topicsDetail . topicsDetailText,
.seiboCol3 .topicsDetail . topicsDetailText{
width: 64%;
box-sizing: border-box;
}
.seiboCol2 dl .date,
#contents .seiboCol4 p.date {
background-color: var(--color1);
border-bottom: 4px solid var(--color1);
padding: 0.25em;
text-align: center;
color: #FFF;
font-size: 2.6rem;
letter-spacing: normal;
font-feature-settings: "palt";
font-family: "YakuHanJP",'M PLUS 1p', sans-serif;
font-weight: 700;
line-height: 1.7;
}
.seiboCol3 dl .date {
padding: 0 0.25rem 0  0.25rem;
text-align: center;
color: var(--color1);
font-size: 3rem;
letter-spacing: normal;
font-feature-settings: "palt";
font-family: "YakuHanJP",'M PLUS 1p', sans-serif;
font-weight: 800;
line-height: 1.6;
}
.seiboCol3 dl .date:first-child {
padding: 2rem 0.25rem 0  0.25rem;
}
.seiboCol3 dl .date .lt {
font-weight: 400;
}

.seiboCol2 dl .date a,
.seiboCol3 dl .date a {
text-decoration: none;
color: #FFF;
}
div dl .date strong {
font-size: 120%;
}
div dl .date .gentei,
.gentei {
display: inline-flex;
background-color: var(--color1);
padding: 0.25em 0.5em;
color: #FFF;
line-height: 1;
border-radius: 0.5em;
font-size: 70%;
font-weight: 400;
}
div dl .date .gentei:after {
	content: "\A" ;
	white-space: pre ;
}
.br::before {
	content: "\A" ;
	white-space: pre ;
}
p.date {
position: relative;
}
p.date:before {
/*content: " ";
display: block;
width: calc(50% - 2em);
border-bottom: 1px solid var(--color1);
position: absolute;
top: 70%;
left: 0;*/
}
p.date:after {
/*content: " ";
display: block;
width: calc(50% - 2em);
border-bottom: 1px solid var(--color1);
position: absolute;
top: 70%;
right: 0;*/
}
.seiboCol2 dl .place,
.seiboCol3 dl .place {
padding: 0 12px 12px;
text-align: center;
font-size: 1.76rem;

}
.seiboCol2 dl .place em,
.seiboCol3 dl .place em {
font-style: normal;
color:#e50011;
}
.seiboCol2 dl dt ,
.seiboCol3 dl dt {
text-align: left;
font-size: 2.5rem;
letter-spacing: normal;
font-feature-settings: "palt";
font-family: "YakuHanJP",'M PLUS 1p', sans-serif;
font-weight: 500;
color: #000;
vertical-align: middle;
line-height: 1.4;
padding: 1em 0 1em;
display: inline-block;
text-align: center;

}
@media print {
.seiboCol2 dl dt ,
.seiboCol3 dl dt {
font-size: 1.68rem;
}
}
.cp200 .seiboCol3 dl dt {
color: var(--color1);
padding: 0 2em;
}
.appli .seiboCol3 dl dt {
background-color: #B69144;
color: #FFF;
display: flex;
justify-content: center;
gap: 1rem;
align-items: center;
font-size: 3.6rem;
text-align: left;
}
@media screen and (max-width: 767px) {
.appli .seiboCol3 dl dt {
}
.appli .seiboCol3 dl dt img {
width: 25%;
height: auto;
}
}
.appli .tokuten {
font-family: "YakuHanJP", 'M PLUS 1p', sans-serif;
font-weight: 500;
color: #000;
line-height: 1.4;
font-size: 3rem;
text-align: center;
padding: 1rem 2rem ;
}
@media screen and (max-width: 767px) {
.appli .tokuten {
font-size: 1.92rem;
}
}
 .seiboCol3 dl dt em {
color: #F00;
font-style: normal;
}
@media screen and (min-width: 768px) {
.seiboCol3 dl dt {
}
.cp200 .seiboCol3 dl dt {
display: block;
margin: 0 auto;

}
}
.seiboCol3 dl dt i {
font-style: normal;
display: inline-block;
}
.seiboCol2 dl dt a,
.seiboCol3 dl dt a {
text-decoration: none;
color: #000;
}
.seiboCol2 dl dt strong,
.seiboCol3 dl dt strong {
font-size: 4.2rem;
margin: 0.5em 0;
display: inline-block;
line-height: 1.2;
}
@media print {
.seiboCol2 dl dt strong,
.seiboCol3 dl dt strong {
font-size: 3.6rem;
}
}

#contents .seiboCol2 dl .topicsDetail .topicsDetailText  {
padding: 20px;
}
#contents .seiboCol3 dl .topicsDetail .topicsDetailText  {
padding: 0 3rem 2rem;
}

#contents .seiboCol2 dl .topicsDetail .topicsDetailText .description ul li,
#contents .seiboCol3 dl .topicsDetail .topicsDetailText .description ul li {
padding: 16px 0;
font-size: 1.9rem;
border-top: 1px dotted var(--color1);
font-feature-settings: "palt";
font-weight: bold;
}
.seiboCol4 h2 {
text-align: center;
font-size: 4rem;
letter-spacing: normal;
font-feature-settings: "palt";
font-family: "YakuHanJP",'M PLUS 1p', sans-serif;
font-weight: 700;
margin: 12px;
color: #000;
vertical-align: middle;
line-height: 100%;
display: flex;
aling-items: center;
justify-content: center;
padding: 16px 0;
color: #e50011;
}
.seiboCol4 ul {
display: flex;
justify-content: space-between;
padding: 0 24px 24px 24px;
}
.seiboCol4 li.topicsDetail  {
width: calc(33% - 12px);
margin-bottom: 0;
box-sizing: border-box;
}
.seiboCol4 li.topicsDetail .topicsDetailPhoto {
margin-bottom: 8px;
}
#contents .seiboCol4 li.topicsDetail p.description {
margin-bottom: 1em;
font-family: "YakuHanJP",'Noto Serif JP', sans-serif;
line-height: 150%;
padding: 0!important;
}

.seiboCol4 li.topicsDetail  .topicsDetailPhotoThumbnail {
display: block;
float: right;
margin: 0 0 6px 6px;
width: 25%;
}
#contents .seiboCol4 li.topicsDetail p.spec {
font-size: 1.6rem;
line-height: 160%;
letter-spacing: normal;
color: #000;
font-family: "YakuHanJP",'M PLUS 1p', sans-serif;
font-weight: 400;
}
#contents .seiboCol4 li.topicsDetail p.spec strong,
#contents .seiboCol4 li.topicsDetail p.spec b {
font-weight: 700;
}
#contents .seiboCol4 li.topicsDetail p.spec strong {
font-size: 1.92rem;
}
#contents .seiboCol4 li.topicsDetail p.spec .orderNumber {
color:#e4007e;
}
#contents .seiboCol4 li.topicsDetail p img.mark {
vertical-align: bottom;
margin: 0.2em;
}
#contents .seiboCol4 li.topicsDetail p .orderW {
display: inline-block;
padding: 0.1em;
line-height: 1;
background-color: #000;
color:#FFF;
margin: 0 .2em;
}
#contents .seiboCol4 p.seiboCol4Notes {
padding: 24px;
    font-feature-settings: "palt";
    font-family: "YakuHanJP",'M PLUS 1p', sans-serif;
}
#contents .seiboCol4 p.seiboCol4Notes img{
vertical-align: middle;
margin: 0.2em;
}
.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: 3.6em;
border: 2px solid var(--color2);
border-radius: 12px;
color: var(--color2);
background: var(--color2t);
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;
line-height: 1.3;
}
@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(--color2);
border-right: 2px solid var(--color2);
width: 16px;
height: 16px;
}
#contents li.btnOnline.btnBara,
#contents p.btnOnline.btnBara,
.btnBara {
display: block;
max-width: 400px;
margin: 0 auto 0 ;
}

#contents li.btnOnline.btnBara a,
#contents p.btnOnline.btnBara a,
.btnBara a {
text-align: center;
font-size: 1.6rem;
}
@media screen and (min-width:766px) {
#contents .seiboCol2 dl .topicsDetail .topicsDetailText .description ul li,
#contents .seiboCol3 dl .topicsDetail .topicsDetailText .description ul li {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
position: relative;
}
#contents .seiboCol2 dl .topicsDetail .topicsDetailText .description ul li:after {
content: "";
display: block;
width: 100%;
height: 1px;
border-top: 3px dotted #000;
position: absolute;
top: calc(50% - 2px);
left: 0;
z-index: -1;
}
#contents .seiboCol2 dl .topicsDetail .topicsDetailText .description ul li.leaderNone:after {
display: none;
}
#contents .seiboCol2 dl .topicsDetail .topicsDetailText .description ul li > span {
padding-right: .5em;
}
#contents .seiboCol2 dl .topicsDetail .topicsDetailText .description ul li > em {
padding-left: .5em;
}
#contents .seiboCol2 dl .topicsDetail .topicsDetailText .description ul li > span,
#contents .seiboCol2 dl .topicsDetail .topicsDetailText .description ul li em {
background-color:#FFF;

}

}

#contents .seiboCol2 dl .topicsDetail .topicsDetailText .description ul li:last-child,
#contents .seiboCol3 dl .topicsDetail .topicsDetailText .description ul li:last-child {
/*padding-bottom: 0;*/
}
#contents .seiboCol2 dl .topicsDetail .topicsDetailText .description ul li strong,
#contents .seiboCol3 dl .topicsDetail .topicsDetailText .description ul li strong {
display: inline-block;
background-color: var(--color1);
color: #FFF;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-o-border-radius: 6px;
-ms-border-radius: 6px;
padding: 10px 8px;
line-height: 100%;
margin-right: 6px;
}
#contents .seiboCol2 dl .topicsDetail .topicsDetailText .description ul li strong.wide12,
#contents .seiboCol3 dl .topicsDetail .topicsDetailText .description ul li strong.wide12 {
text-align: center;
width:10em;
padding: 10px 8px;
}
#contents .seiboCol2 dl .topicsDetail .topicsDetailText .description ul li em,
#contents .seiboCol3 dl .topicsDetail .topicsDetailText .description ul li em {
font-weight: bold;
}
#contents .seiboCol2 dl .topicsDetail .topicsDetailText .description ul li .prize,
#contents .seiboCol3 dl .topicsDetail .topicsDetailText .description ul li .prize {
font-style: normal;
color: var(--color1);
font-size: 86%;
font-weight: normal;
display: inline-block;
margin-right: 6px;
}
#contents .seiboCol2 dl .topicsDetail .topicsDetailText .description ul li small,
#contents .seiboCol3 dl .topicsDetail .topicsDetailText .description ul li small {
    line-height: inherit;
    padding-top: 0px;
    display: inline;
}
#contents .seiboCol2 dl .topicsDetail .topicsDetailText .description ul li small.notes,
#contents .seiboCol3 dl .topicsDetail .topicsDetailText .description ul li small.notes {
    display: inherit;
    padding-top: .25em;
font-size: 1.1rem;
width: 100%;
}
.seiboCol2 dl dt .chusen,
.seiboCol2 dl dt .chusen {
display: inline-block;
vertical-align: middle;
background-color: var(--color1);
text-align: center;
color: #FFF;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-o-border-radius: 16px;
-ms-border-radius: 16px;
font-size: 2.2rem;
padding: 8px;
line-height: 100%;
margin-right: 8px;
}
@media screen and (max-width: 767px) {
.seiboCol2,
.seiboCol3 {
/*margin-bottom: 6vw;*/
}
.seiboCol2 dl,
.seiboCol3 dl {
/*border: 2px solid var(--color1);
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-o-border-radius: 4px;
-ms-border-radius: 4px;*/

}
.seiboCol2 dl .topicsDetail,
.seiboCol3 dl .topicsDetail {
display: block;
padding: 0;
}
.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%;
}
.seiboCol2 dl .date,
.seiboCol3 dl .date,
#contents .seiboCol4 p.date {
padding: 3vw ;
font-size: 5vw;
}
.seiboCol2 dl .place,
.seiboCol3 dl .place {
padding: 0 12px;
text-align: center;
font-size: 1.6rem;
}
#contents .seiboCol2 dl .topicsDetail .topicsDetailText .description ul li strong.wide12,
#contents .seiboCol3 dl .topicsDetail .topicsDetailText .description ul li strong.wide12 {
width:auto;
}

.seiboCol2 dl dt,
.seiboCol3 dl dt {
font-size: 3.2rem;
margin: 0 0;
padding: 2vw ;
}
.seiboCol3 dl dt {
display: block;
text-align: center;
}
.seiboCol2 dl dt strong,
.seiboCol3 dl dt strong {
font-size: 120%;
}
#contents .seiboCol2 dl .topicsDetail .topicsDetailText,
#contents .seiboCol3 dl .topicsDetail .topicsDetailText {
padding: 12px;
}
#contents .seiboCol2 dl .topicsDetail .topicsDetailText .description ul li,
#contents .seiboCol3 dl .topicsDetail .topicsDetailText .description ul li {
padding: 6px 0;
font-size: 1.4rem;
}
#contents .seiboCol2 dl .topicsDetail .topicsDetailText .description ul li strong,
#contents .seiboCol3 dl .topicsDetail .topicsDetailText .description ul li strong {
display: inline-block;
padding: 2px 3px;
margin-right: 3px;
}
#contents .seiboCol2 dl .topicsDetail .topicsDetailText .description ul li .prize,
#contents .seiboCol3 dl .topicsDetail .topicsDetailText .description ul li .prize {
margin-right: 3px;
}
.seiboCol2 dl dt .chusen,
.seiboCol3 dl dt .chusen {
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-o-border-radius: 16px;
-ms-border-radius: 16px;
font-size: 1.5rem;
padding: 4px;
margin-right: 3px;
}
#contents .seiboCol2 .topicsDetailPhoto p,
#contents .seiboCol3 .topicsDetailPhoto p {
text-align: center;
}
#contents .seiboCol2 .topicsDetailPhoto p img,
#contents .seiboCol3 .topicsDetailPhoto p img {
max-width: 40%;
}
.seiboCol4 h2 {
font-size: 2.4rem;
margin: 12px;
line-height: 150%;
display: block;
padding: 16px 0;
}
.seiboCol4 ul {
display: block;
padding: 0 3vw 3vw 3vw;
}
.seiboCol4 li.topicsDetail  {
width: 100%;
margin-bottom: 24px;
padding-bottom: 24px;
border-bottom: 1px solid #DDD;
}
.seiboCol4 li.topicsDetail .topicsDetailPhotoThumbnail {
display: block;
float: right;
margin: 0 0 6px 6px;
width: 33%;
}

#contents .seiboCol4 li.topicsDetail p img.mark {
width: inherit;
}
#contents .seiboCol4 p.seiboCol4Notes {
padding: 12px;
}
#contents .seiboCol4 p.seiboCol4Notes img{
width: inherit;
}
.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: 1.6rem;
border-radius: 0.5rem;
}
#contents li.btnOnline a:after,
#contents p.btnOnline a:after,
.btnOnline a:after {
top: 50%;
right: 0.5rem;
border-top: 1px solid var(--color2);
border-right: 1px solid var(--color2);
width: 0.5rem;
height: 0.5rem;
}

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

}

.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;
}
.giiftCont1 dl {
border: 4px solid var(--color2);
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;
}
@media screen and (min-width:768px) {
.giiftCont1 {
}

.giiftCont1 dl {
display: flex;
flex-wrap: wrap;
}
.giiftCont1 dl dt{
width: 100%;
}
.giiftCont1 dl dd{
width: 100%;
}
}
.giiftCont1 dl dd {
border-top: 1px dotted rgba(230,35,32,0.5);
}


.giiftCont2 {
width: 100%;
max-width: 980px;
margin: 40px auto ;
page-break-inside: avoid;
}
.giiftCont2 > dl {
border: 4px solid var(--color2);
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;
}
.giiftCont2 > dl > dd {
}
@media screen and (max-width: 767px) {
.giiftCont2 {
margin: 0 auto 6vw;
padding: 0 0 0;
}
.giiftCont2 > dl {
}
.giiftCont1 {
margin: 0 auto 6vw;
}

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

}

.seiboCol1-2 .topicsDetail .topicsDetailPhoto {
box-sizing: border-box;
width: 100%;
max-width: 256px;
}
#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.kanto {
margin-right: 5px;
}
.seiboCol1-1 .btnCatalog .btn.kansai {
margin-left: 5px;
}
.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;
}
.seiboCol1-1 .btnCatalog .btn.kanto a {
	color: #ea5520;
	border: solid 2px #ea5520;
	border-radius: 10px;
}
.seiboCol1-1 .btnCatalog .btn.kanto a:before {
	background: url(/base/pc/store/special/summergift/2020/img/top/icn_arrow01.png) no-repeat left center;
	background-size: contain;
}
.seiboCol1-1 .btnCatalog .btn.kansai a {
	color: #00a73c;
	border: solid 2px #00a73c;
	border-radius: 10px;
}
.seiboCol1-1 .btnCatalog .btn.kansai a:before {
	background: url(/base/pc/store/special/summergift/2020/img/top/icn_arrow02.png) no-repeat left center;
	background-size: contain;
}
@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-1 .topicsDetail .topicsDetailText,
.seiboCol1-2 .topicsDetail .topicsDetailText  {
}
.seiboCol1-2 .topicsDetail {
display: block;
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: 1rem 0 ;
font-size: 3.9rem;
line-height: 1.2;
display: flex;
gap: 2rem;
}
@media print {
.seiboCol1-2 .topicsDetail h4 {
padding: 1rem 0 ;
font-size: 3.6rem;
display: flex;
gap: 1rem;
}
}
@media screen and (max-width: 767px) {
.seiboCol1-2 .topicsDetail h4 {
justify-content: center;
}
}
#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(--color2);
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: 3rem;
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;
}
@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: 3vw 0 ;
font-size: 5rem;
}
#contents .topicsDetail h4 small.colorBlack {
font-size: 65%;
}
}

#contents p.dateStart,
.dateStart {
border-radius: 3em;
background-color: var(--color3);
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;
}
@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;
}
dl .dateStart {
text-align: center!important;
}
.dateStart b {
font-size: 125%;
font-weight: 600;
}
.mtt {
margin-top: 3rem;
}

@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 {
}

}
.giiftCont2 {
width: 100%;
max-width: 980px;
margin: 40px auto ;
}
.giiftCont2 > dl,
.sec1 {
border: 4px solid var(--color2);
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;
}
.giiftCont2.closed > dl {
    opacity: 0.4;
}
.giiftCont2 > dl > dd {
}
@media screen and (max-width: 767px) {
.giiftCont2 {
margin: 0 auto 6vw;
padding: 0 0 0;
}
.giiftCont2 > dl {
}
.giiftCont1 {
margin: 0 auto 6vw;
}

}
.sec1 {
}
.sec1--inner {
padding: 1em 3em 1em;
display: flex;
gap: 1em;
justify-content: space-between;
text-align: center;
}
@media screen and (max-width: 767px) {
.sec1--inner {
padding: 3vw 3vw 1vw;
gap: 1vw;
flex-direction: column;
}

}
.sec1--inner2 {
padding: 0 3em 3em 3em;
text-align: center;
}
@media screen and (max-width: 767px) {
.sec1--inner2 {
padding: 0 3vw 3vw 3vw;
}
}
.sec1__image {

}
@media screen and (max-width: 767px) {
.sec1__image {
padding: 5vw;
}
.sec1__image img {
width: 60%;
}
}
.sec1__text {
width: 100%;
}
#contents p.sec1__text1 {
letter-spacing: normal;
font-feature-settings: "palt";
font-family: "YakuHanJP", 'M PLUS 1p', sans-serif;
font-weight: 500;
color: var(--color2);
line-height: 1.6;
font-size: 1.4em;
}
@media screen and (max-width: 767px) {
#contents p.sec1__text1 {
font-size: 1.0em;
}
}
.sec1__text2--wrapper {
background-color: var(--color2);
color: #FFF;
padding: 1em;
}
@media screen and (max-width: 767px) {
.sec1__text2--wrapper {
padding: 2vw;
}
}
#contents p.sec1__text2 {
letter-spacing: normal;
font-feature-settings: "palt";
font-family: "YakuHanJP",'Noto Serif JP', sans-serif;
font-weight: 600;
font-size: 2em;
}
@media screen and (max-width: 767px) {
#contents p.sec1__text2 {
font-size: 1.4em;
}
}
#contents p.sec1__text2b {
letter-spacing: normal;
font-feature-settings: "palt";
font-family: "YakuHanJP", 'M PLUS 1p', sans-serif;
font-weight: 600;
line-height: 1.6;
font-size: 1.4em;
}
@media screen and (max-width: 767px) {
#contents p.sec1__text2b {
font-size: 1.0em;
}
}
#contents p.sec1__text3 {
letter-spacing: normal;
font-feature-settings: "palt";
font-family: "YakuHanJP", 'M PLUS 1p', sans-serif;
font-weight: 400;
color: var(--color2);
line-height: 1.6;
font-size: 1.4em;
}
@media screen and (max-width: 767px) {
#contents p.sec1__text3 {
font-size: 1.0em;
}
}
.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;

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

@media screen and (max-width: 767px) {
p.description img.flr {
width: 30%;
}
p.description img.fll {
width: 30%;
}
p.description img.flr.flb {
width: 40%;
}
p.description img.fll.flb {
width: 40%;
}
}

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