@charset "utf-8";


.visually-hidden {
  position: absolute;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  white-space: nowrap;
}


html {
  height: -webkit-fill-available;
  font-size: 62.5%;
  scroll-padding-top: 110px;
}

html:has(dialog:not(.c-calendar-filter__dialog)[open]) {
  overflow: hidden;
}

@media print, screen and (width < 768px) {
  html {
    scroll-padding-top: 138px;
  }
}

body {
  margin: 0;
  font-size: 1.6rem;

}
a {
  color: inherit;
  text-decoration: none;
}
a:focus-visible {
  outline-offset: 4px;
  border-radius: 4px;
}

inut,
select,
textarea,
legend,
label,
form,
button {
  display: block;
  background-color: transparent;
  border: none;
  color: inherit;
  font-size: inherit;
  line-height: inherit;
  appearance: none;
}
button:focus-visible {
  outline-offset: 4px;
  border-radius: 4px;
}
::placeholder {
  color: #333;
}
/* visually-hidden */
.visually-hidden {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  white-space: nowrap;
  clip-path: inset(50%);
}

@media print, screen and (width <=767px) {
  .-pc-only {
    display: none !important;
  }
}

@media print, screen and (width < 768px) {
  .-sp-only {
    display: none !important;
  }
}
.feature{
	margin:0;
	padding:0
}
#renewalfes {
    background: #FBE1E2;
    background: linear-gradient(125deg, rgba(251, 225, 226, 1) 0%, rgba(255, 251, 245, 1) 50%, rgba(255, 245, 218, 1) 100%);
    font-family: "zen-kaku-gothic-new", sans-serif;
    font-weight: 900;
    font-style: normal;
    color: #000;
    overflow: hidden;
}
#renewalfes header.lead-wrap{
	margin-bottom: 28vh;
}
#renewalfes header.lead-wrap .title-wrap{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	gap:20px;
	color: #fff;
	font-weight: 600;
	font-size: clamp(20px,3.0vw,33px);
	padding: 0vh 5vw 15vh;
	background: url(/scsq/foodshow_edge/renewalfes/first_title-bg.webp) no-repeat center/100%;
	aspect-ratio: 2001/728;
}
#renewalfes header.lead-wrap .title-wrap p{
	height:9vh;
	max-height:70px
}
#renewalfes header.lead-wrap .title-wrap p img{
	height:100%;
	object-fit:contain;
}
@media screen and (max-width:768px){
	#renewalfes header.lead-wrap .title-wrap{
		aspect-ratio: auto;
		background: url(/scsq/foodshow_edge/renewalfes/first_title-bg.webp) no-repeat center/cover;
		padding: 7vh 5vw 15vh;
	}
#renewalfes header.lead-wrap .title-wrap p{
	height:6vh;
	max-height:45px;
	width:75%
}
}
#renewalfes header.lead-wrap .title-wrap h1{
	max-width:800px;
	width:90%;
	margin:0 auto;
	height: 50%;
}
@media screen and (max-width:768px){
	#renewalfes header.lead-wrap .title-wrap h1{
	width:100%;
}
}
#renewalfes header.lead-wrap .title-wrap h1 img{
	height:100%;
	object-fit:contain;
}
#renewalfes header.lead-wrap .ank-wrap{
	display: grid;
	grid-template-columns: repeat(5,1fr);
	align-items: center;
	max-width: 1000px;
	margin: 0 auto 0px;
}
#renewalfes header.lead-wrap .ank-wrap figure{
	grid-column: 1/3;
	margin-right: 50px;
}
@media screen and (max-width:768px){
	#renewalfes header.lead-wrap .ank-wrap{
		width:90%;
		grid-template-rows: 30% 1fr 90px;
	}
	#renewalfes header.lead-wrap .ank-wrap figure{
	grid-column: 1/6;
	width: 70%;
	margin: 0 auto;
}
}
#renewalfes header.lead-wrap .ank-wrap p{
	grid-column: 3/6;
	font-size: clamp(17px,2.0vw,23px);
	line-height: 2.2;
	color: #e7388e;
}
@media screen and (max-width:768px){
	#renewalfes header.lead-wrap .ank-wrap p{
	grid-column: 1/6;
  }
}
#renewalfes header.lead-wrap .ank-wrap nav{
	grid-column: 1/6
}
#renewalfes header.lead-wrap .ank-wrap nav{
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap:5%;
	max-width: 700px;
	margin: 56px auto 0px;
	width: 80%;
}
@media screen and (max-width:768px){
	#renewalfes header.lead-wrap .ank-wrap nav{
		margin-top:0
	}
}
#renewalfes header.lead-wrap .ank-wrap nav button{
	transition:0.3s
}
#renewalfes header.lead-wrap .ank-wrap nav button:hover{
	transform:translateY(15px);
}
#renewalfes header.lead-wrap .ank-wrap nav button a{
	display: block;
	width:100%;
	height: 15vh;
}
#renewalfes header.lead-wrap .ank-wrap nav button a img{
	height: 100%;
	object-fit: contain;
	object-position: bottom;
}



#renewalfes main section:first-of-type{
	margin-top:0
}
#renewalfes main section{
	margin:30vh 0
}
#renewalfes main .section-lead{
	margin:0 auto 15vh;
	display: grid;
	grid-template-columns: 49% 1fr;
	gap:10%;
	max-width: 1200px;
	width:88%;
	align-items: center;
	line-height: 2.0;
	position: relative;
	z-index: 1;
	font-size: clamp(15px, 2.0vw, 23px);
	letter-spacing: 0.1em;
}
@media screen and (max-width:768px){
	#renewalfes main .section-lead{
		grid-template-columns: 1fr;
		gap:20px;
		margin: 0 auto 40px;
	}
}
@media screen and (max-width:400px){
	#renewalfes main .section-lead br{
		display:none
	}
}
#renewalfes main .section-lead h2{
	margin:0;
	height: 35vh;
}
@media screen and (max-width:768px){
	#renewalfes main .section-lead h2{
	height: 20vh;
  }
}
#renewalfes main .section-lead h2 img{
	height:100%;
	object-position: left;
	object-fit:contain;
}
#renewalfes main section#limititem .section-lead h2{
    min-height:260px	
}
#renewalfes main section#newshop .section-lead h2{
    height:30vh;
    min-height:350px
}
@media screen and (max-width:768px){
	#renewalfes main section#limititem .section-lead h2{
    min-height:auto	
}
	#renewalfes main section#newshop .section-lead h2{
		height: 243px;
		min-height:auto
		}
}
#renewalfes main #newshop .b2-map{
	margin:0 auto 8vh;
	max-width:900px;
	width:97%;
	display: block;
}
#renewalfes main #newshop ul{
	display: grid;
	grid-template-columns: repeat(2,1fr);
	gap: 13vh 15%;
	max-width: 1000px;
	width: 90%;
	margin: 0 auto;
}
@media screen and (max-width: 560px){
	#renewalfes main #newshop ul{
	grid-template-columns: 1fr;
	max-width: 400px;
		width: 85%;
	}
}
#renewalfes main #newshop ul li{
	font-size: clamp(13px,1.5vw,14px);
}
#renewalfes main #newshop ul li > figure{
	border-top-left-radius: 3vw;
	border-bottom-right-radius: 3vw;
	overflow: hidden;
	width: 100%;
}
@media screen and (max-width: 560px){
	#renewalfes main #newshop ul li > figure{
		width:80%;
		margin:0 auto
	}
}
#renewalfes main #newshop ul li .brand-name-wrap{
	margin: 20px auto 15px;
	width:97%;
	display: grid;
	grid-template-columns: 15% 1fr 20%;
	font-size:clamp(14px,1.8vw,16px);
	font-weight: 600;
	width: 100%;
	justify-content: space-between;
	gap:10px;
	align-items:center
}
#renewalfes main #newshop ul li .brand-name-wrap > figure{
	width: 100%;
}
#renewalfes main #newshop ul li .brand-name-wrap > figure img{
	width: 100%;
	height:100%;
	object-fit: contain;
}
#renewalfes main #newshop ul li .brand-name-wrap .brandname{
	font-size: clamp(15px,2.5vw,22px);
}
#renewalfes main #newshop ul li .brand-name-wrap .brandname span{
	font-size: clamp(11px,1.5vw,14px);
}
#renewalfes main #newshop ul li .brand-name-wrap .opendate{
	width: 100%;
	aspect-ratio:1/1;
}
#renewalfes main #newshop ul li .brand-name-wrap .opendate img{
	height: 100%;
	object-fit:contain;
}
#renewalfes main #newshop ul li .recommend{
	margin-top: 75px;
	padding: 10px;
	background: #ff8f43;
	border-radius: 20px;
	color: #fff;
	display: grid;
	grid-template-columns: 40% 1fr;
	width: 100%;
	position: relative;
	align-items: center;
	gap: 8%;
	overflow: hidden;
}
@media screen and (max-width: 560px){
	#renewalfes main #newshop ul li .recommend{
	margin-top: 25px;
	}
}
#renewalfes main #newshop ul li .recommend::before{
	content:"";
	display: block;
	width: 65%;
	background: url(https://www.tokyu-dept.co.jp/scsq/foodshow_edge/renewalfes/first_recommend.webp) no-repeat center/contain;
	aspect-ratio: 417/41;
	position: absolute;
	bottom: 36px;
	transform: translateY(90%) rotate(-3deg);
	right: 4px;
	opacity: 1;
}
#renewalfes main #newshop ul li .recommend figure{
	border-radius: 50%;
	overflow: hidden;
}
#renewalfes main #newshop ul li:last-of-type .recommend figure{
	background:#000;
	aspect-ratio: 1/1;
	display: flex;
	justify-content: center;
	align-items: center;
}
#renewalfes main #newshop ul li .recommend p {
	position:relative;
	z-index:1000
}
#renewalfes main #newshop ul li .recommend p .sub{
	display:block;
	border:1px solid;
	padding:1px 7px;
	width:max-content;
	margin-bottom:5px;
}

#renewalfes main #newshop ul li .recommend p .reco-title{
	display:block;
	border-bottom: 2px solid;
	margin-bottom: 5px;
	line-height: 1.0;
	padding: 0 0 3px;
}
#renewalfes main #newshop ul li .recommend p .main{
	font-size:16px;
}
#renewalfes main #newshop ul li .recommend p span.num{
	font-size: 19px;
}
#renewalfes main #newshop ul li .recommend p span.recommend-item{
	font-size: clamp(16px,1.9vw,19px);
}
ul.item-list.special p.item-price {
    color: #c12222;
}
#limititem .item-area h3 {
    height: 70px;
    padding: 0 30px;
}
@media screen and (max-width:768px){
	#limititem .item-area h3 {
    width:90%;
		margin:0 auto 30px
  }
}
#limititem .item-area h3 img{
	height:100%;
	object-fit:contain;
	object-position:left center
}
#renewalfes main #specialnews {
    padding: 13vh 0 20vh;
    margin-bottom: 0;
    position: relative;
    overflow: hidden;
    background: #ffd52f;
}
#renewalfes main  #specialnews .section-lead{
	margin-bottom:7vh
}
#renewalfes main #specialnews .section-lead h2{
    min-height:350px
}
@media screen and (max-width:768px){
	#renewalfes main #specialnews .section-lead h2{
    min-height:auto
  }
}
#renewalfes main #specialnews::before{
	content:"";
	display:block;
	width: 114%;
	height: 121%;
	background: url(/scsq/foodshow_edge/renewalfes/event-bg.webp) repeat center/2%;
	position: absolute;
	top: -10%;
	right: 0;
	z-index: 0;
	transform: rotate(8deg);
	opacity: 0.2;
}
ul.news-list {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 10%;
    max-width: 1200px;
    width: 90%;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}
@media screen and (max-width:950px){
	ul.news-list{
		grid-template-columns:1fr;
		gap:50px;
		width: 85%;
		max-width:500px
	}
}
@media screen and (max-width:768px){
	ul.news-list{
		grid-template-columns:1fr;
		gap:50px;
		width: 85%;
	}
}
.news-list li figure {
	width: 43%;
	margin: 0 auto 20px;
	background: #fff;
	aspect-ratio: 1/1;
	padding: 7% 2% 10% 3%;
	border-radius: 50%;
	border: 5px dashed #f58c1d;
}
@media screen and (max-width:768px){
	.news-list li figure{
		width:100px;
		padding: 20px 15px 15px 15px;
	}
}
.news-list li figure img {
	object-fit: contain;
}
.news-list li:first-of-type figure {
	padding: 7% 5% 7%;
}
@media screen and (max-width:768px){
	.news-list li:first-of-type figure{
		padding: 20px 15px 15px 15px;
	}
}
ul.news-list li h3 {
    font-size: clamp(17px,3.7vw,24px);
    text-align: center;
}
ul.news-list li h3 span {
    font-size: clamp(10px,1.7vw,14px);
    display: block;
    text-align: left;
    line-height: 1.2;
    margin: 0 0 5px;
}
@media screen and (max-width:950px){
	ul.news-list li h3 span{
		text-align:center;
	}
}
ul.news-list li h3 span.papabubble {
    font-size: clamp(15px, 3.7vw, 21px);
    display: inline;
}
ul.news-list li p.date {
    text-align: center;
    margin: 15px 0 22px;
    background: #f58c1d;
    color: #fff;
    padding: 3px 5px;
    border-radius: 100vh;
}
ul.news-list li .note.info span {
    margin: 0 0 5px;
    font-size: clamp(12px,1.0vw,14px);
    border-bottom: 3px dotted;
    padding: 2px 5px;
    display: block;
}
ul.news-list li .note span.caution {
    margin: 5px 0;
    font-size: clamp(10px,1.0vw,12px);
    border-bottom: none;
    padding: 0;
    font-weight:500;
    display: block;
}
ul.news-list li .note.info {
margin: 0 0 20px;
}