@charset "utf-8";
#container {
  width: 100%;
}
#appBodyNews {
  max-width: 980px;
  margin: auto;
}
div#appBodyNews .information {
  background: #fff;
  border: 1px solid #a6a6a6;
  padding: 5px;
  margin: 20px 0 0;
}
div#appBodyNews .information h2{
  margin-bottom: 6px;
  font-size: 21px;
  letter-spacing: 0;
}
.box_attention.gray {
  max-width: 980px;
  margin: auto;
}
#Christmas2025{
  position: relative;
  box-sizing: border-box;
  font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  overflow-x: hidden;
  width: 100%;
}
#Christmas2025.nav-active::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: #00000075;
  z-index: 13;
  position: absolute;
  top: 0;
  left: 0;
}
#Christmas2025 img{
	width: 100%;
	height: auto;
	transition: 0.3s;
	max-width: 100%!important;
}
#Christmas2025 a{
	color: #fff;
	text-decoration: none;
	transition: 0.3s;
}
#Christmas2025 h1{
  width: 0;
  font-size: 0px;
}
.mcblue h4{
  text-shadow: none;
}
.pc-only{
  display: none!important;
}
.flex-wrap{
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
}
.flex-wrap::after{
  display: none
}
.category-section{
	padding: 40px 0;
}
.christmas-subtitle{
	margin: 0 0 30px;
	font-size: 24px;
	line-height: 1.2;
	position: relative;
	z-index: 10;
	color: #6b53b8;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	text-align: center;
}
.christmas-subtitle span{
	font-size: 15px;
}
h4.panel-title{
	margin: 20px 0;
	font-size: 25px;
	background: transparent;
	line-height: 0.8;
	color: #ffd1d1;
	position: relative;
}
.panel-title span{
	font-size: 15px;
}
.more-bt{
	font-size: 18px;
	font-weight: 600;
  max-width: 450px;
	position: relative;
	display: inline;
	padding-right: 20px;
}
.more-bt::before{
	content: "";
	display: block;
	position: absolute;
	width: 7px;
	height: 7px;
	border-top: 2px solid #c4252c;
	border-right: 2px solid #c4252c;
	top: 50%;
	right: -8px;
	transform: translateY(-50%) rotate(45deg);
	z-index: 20;
	transition: all 0.3s ease 0s;
}
.more-bt::after{
	content: "";
	display: block;
	position: absolute;
	width: 30px;
	height: 30px;
	background: #fff;
	top: 50%;
	right: -20px;
	visibility: visible;
	border-radius: 50%;
	transform: translateY(-50%);
}
.more-bt02{
	width: 85%;
	max-width: 280px;
	margin: 0 auto;
	text-align: center;
	border-radius: 100vh;
	font-weight: 600;
	background: #6d58b2;
	/* background: linear-gradient(71deg, rgba(191,180,195,1) 0%, rgba(140,143,212,1) 100%); */
	position: relative;
	font-size: 17px;
}
#Christmas2025 .more-bt02 a{
	width: 100%;
	display: inline-block;
	padding: 14px 0;
	color: #ffffff;
}
.more-bt02:nth-of-type(n+2){
	margin-top: 28px;
}
.more-bt02 div{
	margin-right: 10px;
}
.more-bt02 div span{
	font-size: 20px;
	margin-right: 2px;
}
.more-bt02.price::before,.more-bt02.price::after{
  display:none
}
.more-bt02.price div{
	margin-right: 0;
}
.more-bt02::before,.more-bt03::before{
	content: "";
	display: block;
	position: absolute;
	width: 4px;
	height: 4px;
	border-top: 2px solid #ffffff;
	border-right: 2px solid #ffffff;
	top: 50%;
	right: 26px;
	transform: translateY(-50%) rotate(45deg);
	z-index: 20;
	transition: all 0.3s ease 0s;
}
.more-bt02::after,.more-bt03::after{
	content: "";
	display: block;
	position: absolute;
	width: 25px;
	height: 25px;
	border: 1px solid #ffffff;
	top: 50%;
	right: 5%;
	visibility: visible;
	border-radius: 50%;
	transform: translateY(-50%);
}
.more-bt03{
	width: 85%;
	max-width: 280px;
	margin: 70px auto 2px;
	text-align: center;
	border-radius: 100vh;
	font-weight: 600;
	border:2px solid #fff;
	position: relative;
	font-size: 16px;
	box-shadow: 0 2px;
}
.brand .more-bt03{
	margin: 20px auto 2px;
}
.more-bt03 a{
	width: 100%;
	display: inline-block;
	padding: 10px 0;
}
#christmascake .more-bt03{
	background: #6d58b2;
}
#ChooseDeli .more-bt03{
	background: #6d58b2;
}
.item-info{
	padding: 15px 0;
	color: #ffffff;
  transform: translateX(-15%)
}

.item-info .item-place{
  padding-left: 15px;
  font-weight: 600;
  font-size: 11px;
  color: #f3fc56;
  position:relative;
  width: 88%;
}
.item-info .item-place::before{
	content: "";
	display: block;
	position: absolute;
	width: 10px;
	height: 10px;
	background: #f3fc56;
	top: -7px;
	left: 0;
	z-index: 20;
	border-radius: 50%
}
.item-info .item-place::after{
	content: "";
	display: block;
	position: absolute;
	width: 1px;
	height: 20px;
	border-right: 2px solid #f3fc56;
	bottom: 0px;
	left: 3px;
	z-index: 20;
	visibility: visible;
}
.item-info .item-place.long::before{
	top: 7px;
}
.item-info .item-place.long::after{
	bottom: 3px;
}
.item-info .brand-name{
	margin: 5px 0 2px;
  line-height: 1.0;
	font-weight: 600;
	font-size: 14px;
}
.item-info .item-name{
	margin-bottom: 3px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}
.item-info .item-price{
	font-size: 15px;
	font-weight: 600;
	line-height: 1.2;
	text-align: right;
}
.item-info .item-price span{
	margin-left: 2px;
	font-size: 13px;
}
@keyframes fuwafuwa {
  0%{
  opacity: 1;
    transform: translateY(0);
  }
   40%,100% {
    transform: translateY(0);
  }
  20% {
    transform: translateY(-10px);
  }
  50% {
    transform: translateY(-10px);
  }
}
.fuwafuwa {
  animation: 2s fuwafuwa ;
}
@keyframes slide {
  from{
    opacity: 1;
    transform: translateY(100px);
  }
   to {
    transform: translateY(0);
  }
}
.slide-move {
  animation: 2s slide ;
}

/*メインビジュアル*/
.mainvisual{
    width: 100%;
    height: 90vh;
    position: relative;
    background: linear-gradient(270deg, #d0ffdc, #c4a7d6, #b0cfff, #ed726f);
    background-size: 800% 800%;
    -webkit-animation: AnimationName 40s ease infinite;
    -moz-animation: AnimationName 40s ease infinite;
    -o-animation: AnimationName 40s ease infinite;
    animation: AnimationName 40s ease infinite;
    overflow: hidden;
}
@-webkit-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-moz-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-o-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
  .mainvisual #canvas{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 550px;
    z-index: 1000;
}
  .mainvisual::before{
    content: "";
    display: block;
    width: 60vw;
    height: auto;
    aspect-ratio: 1000/551;
    position: absolute;
    top: 10vh;
    left: 1vw;
    background: url(https://www.tokyu-dept.co.jp/image/christmas/2025/main-title.webp) no-repeat bottom/contain;
    z-index: 100;
    opacity: 0;
    animation:title-fuwa-sp 1.5s forwards;
    animation-delay:1.7s;
    filter: drop-shadow(1px 1px 2px #a8a8a8);
  }
  .mainvisual::after{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: url(https://hcad.tokyu-dept.co.jp/image/christmas/2025/mv-bg-sp.webp) no-repeat center bottom/100%;
    z-index: 1;
    opacity: 0;
    animation:bg-fuwa 1.5s forwards;
    visibility: visible;
  }
  @keyframes title-fuwa-sp {
    from{
      opacity: 0;
      transform: translateX(-50px) rotate(90deg);
    }
     to {
       opacity: 1;
       /* transform: translateX(0) rotate(90deg); */
    }
  }
  @keyframes title-fuwa {
    from{
      opacity: 0;
      transform: translateY(-200px);
    }
     to {
       opacity: 1;
      transform: translateY(0);
    }
  }
  @keyframes bg-fuwa {
    from{
      opacity: 0;
      transform: translateY(200px);
    }
     to {
       opacity: 1;
      transform: translateY(0);
    }
  }
  
  .mv-cake{
    position: absolute;
    width: 18%;
    bottom: 5%;
    transform: translateY(-1200px);
    animation:cake-drop 1.2s ease-in-out forwards;
    max-width: 300px;
    z-index: 100;
  }
  .mv-cake.cake-main{
    width: 56%;
    left: 50%;
    bottom: 5vh;
    animation-delay: 1.0s;
    max-width: 270px;
  }

  @keyframes cake-drop {
    0%  {
      opacity: 0.5;
    transform: scale(1.0, 1.0) translate(-50%, -1000px);
    }
    80% {
      transform: scale(0.98, 1.00) translate(-51%, 0);
    }
    90% {
      transform: scale(1.0, 0.98) translate(-50%, -3px);
     }
    100% {
      opacity: 1;
      transform: scale(1.0, 1.0) translate(-50%, 0);
    }
  }
  figure.mv-date {
    position: absolute;
    width: 142px;
    top: 30px;
    right: 6px;
    z-index: 1000;
    animation: title-fuwa-sp02 1.5s forwards;
    animation-delay: 1.7s;
    opacity: 0;
    margin: 0;
    transform: translateY(0px);
  }
  @keyframes title-fuwa-sp02 {
    from{
      opacity: 0;
      transform: translateY(-250px);
    }
     to {
       opacity: 1;
      transform: translateY(0);
    }
  }
  @media screen and (min-width:800px){
    .mainvisual,.mainvisual #canvas{
      height: 650px;
    }
    .mainvisual::before{
      top: 3%;
      left: 2%;
      width: 50%;
      height: 45%;
      animation:title-fuwa 1.5s forwards;
      animation-delay:1.7s;
    }
    .mainvisual::after{
      background: url(https://hcad.tokyu-dept.co.jp/image/christmas/2025/mainvisual-bg-pc.webp) no-repeat center bottom/100%;
    }
    .mv-cake.cake-main{
      width: 24%;
      left: 47%;
      bottom: 7%;
      animation-delay: 1.0s;
      max-width: 400px;
    }
    .mv-cake.cake01{
      left: 14%;
    }
    .mv-cake.cake02{
      right: 3%;
      animation-delay: 0.2s;
    }
   figure.mv-date {
      width: 280px;
      top: 30px;
      right: 20px;
      bottom: auto;
      z-index: 30;
      animation:title-fuwa 1.5s forwards;
      animation-delay:1.7s;
      filter: drop-shadow(2px 2px 2px #fff);
    }
  }
  @media screen and (min-width:1500px){
    .mainvisual,.mainvisual #canvas{
      height: 790px;
    }
  }

/* * * * * * * * * * * * * * * * * * * * * * * * * 
　ハンバーガーメニュー
* * * * * * * * * * * * * * * * * * * * * * * *  */
.l_header.nav-active,.l_header.active{
  transform: translateY(0);
}
.l_header {
  position: fixed;
  top: 55px;
  right: 4px;
  width: 50px;
  height: 50px;
  justify-content: center;
  align-items: center;
  display: flex;
  max-height: 100px;
  z-index: 100;
  background: #525252;
  transition: 0.5s;
  transform: translateY(-100px);
  border-radius: 50%;
  z-index: 1200;
}
.l_header.nav-active::before{
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: #53402f59;
  z-index: 13;
  position: absolute;
  top: 0;
  left: 0;
}
.l_header__hamburger {
  position: relative;
  z-index: 200;
}
.l_header__hamburger:hover {
  cursor: pointer;
}
.l_header__hamburger span {
  display: block;
  position: relative;
  width: 26px;
  height: 2px;
  background-color: #ffffff;
  transition: ease 0.4s;
  z-index: 300;
}
.l_header__hamburger span:nth-child(1) {
  top: 0;
}
.l_header__hamburger span:nth-child(2) {
  margin: 7px 0;
}
.l_header__hamburger span:nth-child(3) {
  top: 0;
}
.l_header__hamburger:hover {
  cursor: pointer;
}
.l_header__nav {
  position: absolute;
  top: -5px;
  right: -4px;
  max-width: 375px;
  width: 300px;
  height: 100vh;
  background-color: #faf9f8;
  transform: translateX(375px);
  transition: ease 0.4s;
  z-index: 200;
}
.l_header__nav nav {
    padding-bottom: 30px;
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
}

.l_header__nav_list {
  width: 100%;
}
.l_header__nav.nav-active {
  transform: translateX(0);
}

.hamburger.active span:nth-child(1) {
  top: 5px;
  transform: rotate(45deg);
  background: #fff;
}

.hamburger.active span:nth-child(2) {
  opacity: 0;
}

.hamburger.active span:nth-child(3) {

  top: -13px;
  transform: rotate(-45deg);
    background: #fff;
}


.l_header__nav h3{
  margin: 0 0 17px;
  font-size: 17px;
  font-weight: 600;
  letter-spacing: 0.1em;
  display: flex;
  align-items: center;
  gap:7px;
}
.l_header__nav h3 .icon-img{
  width:28px;
}
.l_header__nav .nav__item:nth-of-type(2) h3 .icon-img{
  width:40px;
}
  
.l_header__nav h4 {
  border-bottom: 2px solid;
  padding: 0 0 5px;
  margin: 0 0 8px;
  font-size: 15px;
  letter-spacing: 0.1em;
    background: transparent;
    text-align: left;
}
.l_header__nav_list::after {
    display: none;
}
.l_header__nav .nav__item ul {
  padding: 0;
  margin: 0 9px;
  display: flex;
  gap:25px;
  flex-wrap: wrap;
}
.l_header__nav .nav__item ul::after {
    display: none;
}
.l_header__nav .nav__item ul li {
  width: 100%;
  position: relative;
  border-bottom: 1px dashed;
}
.l_header__nav .nav__item:last-of-type ul li{
  border-bottom: 2px dashed;
}
.l_header__nav .nav__item > ul > li {
    width: 100%;
}
.l_header__nav .nav__item ul ul {
  padding: 0;
  gap: 12px;
}


li.nav__item.nav-category {
    padding: 35px 15px;
    background: #ed8b8b;
}
li.nav__item.nav-category:nth-of-type(2) {
    background: #808fdc;
}
li.nav__item.nav-category:nth-of-type(3) > ul > li {
    position: relative;
}
li.nav__item.nav-category:nth-of-type(3) {
    background: #717171;
  padding:35px 15px 130px;
}
.l_header__nav .nav__item > ul > li {
  border-bottom: 2px none;
}
.l_header__nav .nav__item ul li a {
  display: block;
  letter-spacing: 2.4px;
  padding: 7px 26px 7px 0;
  text-decoration: none;
  font-weight: 600;
  color: #785b31;
}
.l_header__nav .nav__item.nav-category ul li::after,#Christmas2025 .l_header__nav .nav__item:last-of-type ul li::after {
    content: "";
    display: block;
    width: 3px;
    height: 3px;
    border-top: 2px solid #ed8b8b;
    border-left: 2px solid #ed8b8b;
    position: absolute;
    top: 48%;
    right: 7px;
    transform: rotate(135deg) translateY(50%);
    z-index: 12;
}
li.nav__item.nav-category:nth-of-type(2) ul li::after {
    border-top: 2px solid #808fdc;
    border-left: 2px solid #808fdc;
}
#Christmas2025 .l_header__nav .nav__item:last-of-type ul li::after {
    border-top: 2px solid #717171;
    border-left: 2px solid #717171;
}
.l_header__nav .nav__item.nav-category ul li::before,#Christmas2025 .l_header__nav .nav__item:last-of-type ul li::before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background: #fff;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    z-index: 1;
    border-radius: 50%;
}
#Christmas2025 .l_header__nav .nav__item > ul > li::before, #Christmas2025 .l_header__nav .nav__item > ul > li::after {
  display: none;
}

@media screen and (min-width: 769px) {
  .l_header {
    top: 20px;
  right: 2%;
  width: 70px;
  height: 70px;
  }
  .l_header.nav-active{
    transition: 0s;
  }
  .l_header__hamburger span {
    width: 30px;
    height: 2px;
  }
  .l_header__hamburger span:nth-child(2) {
    margin: 10px 0;
  }
  .hamburger.active span:nth-child(3) {
    top: -18px;
  }
  .l_header__nav{
    width: 68vw;
    max-width: 100vw;
    transform: translateX(100vw);
    top: -20px;
    right: -65%;
    transition: ease 0.7s;
  }
  .l_header__nav h3{
    margin-bottom: 30px;
    font-size: 27px;
    gap: 15px;
  }
  .l_header__nav h3 .icon-img {
    width: 39px;
  }
  .l_header__nav .nav__item:nth-of-type(2) h3 .icon-img {
    width: 59px;
  }
  .l_header__nav h4 {
    border-bottom: 4px solid;
    padding-bottom: 5px;
    margin-bottom: 9px;
    font-size: 20px;
  }
  li.nav__item.nav-category {
    padding: 68px 28px;
  }

  .l_header__nav .nav__item ul {
    padding: 0 0 36px;
    margin: 0;
    gap:46px;
  }
  .l_header__nav_list li.nav__item.nav-category > ul > li li {
    width: calc((100% - 50px) / 3);
    display: flex;
    align-items: center;
  }
  .l_header__nav .nav__item ul li a {
    padding: 16px 43px 16px 0;
    width: calc(100% - 43px);
  }
  .l_header__nav .nav__item ul ul {
    margin: 0 25px;
    padding: 0;
    gap: 25px;
  }
  .l_header__nav .nav__item.nav-category ul li::after,#Christmas2025 .l_header__nav .nav__item:last-of-type ul li::after {
    width: 8px;
    height: 8px;
    top: 48%;
    right: 19px;
  }
  .l_header__nav .nav__item.nav-category ul li::before,#Christmas2025 .l_header__nav .nav__item:last-of-type ul li::before {
    width: 25px;
    height: 25px;
    top: 50%;
    right: 12px;
  }
}
@media screen and (min-width: 769px) and (max-width: 980px){
  .l_header__nav_list li.nav__item.nav-category > ul > li li {
    width: calc((100% - 25px) / 2);
  }
}


/*アンカーリンクボタン*/
.ank-wrap{
  margin: 0;
  height: auto;
}
.ank-wrap h2{
  background: #fff;
  font-size: 13px;
  color: #333;
}
.ank-wrap .flex-wrap{
  justify-content: center;
  align-items: stretch;
  width: 100%;
}
.ank-link::before{
 display:none;
}
.ank-wrap .ank-link{
  text-align: center;
  font-size: 13px;
  font-weight: 600;
  transition: 0.3s;
  box-sizing: border-box;
  position:relative;
  width: 50%;
  }
.ank-wrap .ank-link::after{
  display: none;
}
.ank-wrap .ank-link:nth-of-type(1){
  position: relative;
  background: #ffffff;
}
.ank-wrap .ank-link:nth-of-type(1)::before{
  content: "";
  display: block;
  position: absolute;
  width: 31px;
  height: 31px;
  background: #ffffff;
  bottom: -33px;
  right: 42%;
  transform: rotate(-45deg) translateX(50%) translateY(-50%);
  z-index: 0;
}
.ank-wrap .ank-link:nth-of-type(2){
  background: url(https://www.tokyu-dept.co.jp/image/christmas/2025/ank-bt-bg.webp) no-repeat center / cover;
}
.ank-wrap .ank-link > a{
  padding: 20px 10px 13px;
  display: block;
}
#Christmas2025 .ank-wrap .ank-link:nth-of-type(1) a {
	color: #6d58b2;
}
#Christmas2025 .ank-wrap .ank-link:nth-of-type(2) a {
  padding: 41px 10px 11px;
}
.ank-wrap .ank-link .ank-title{
  margin: 20px 0 0 -17px;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.ank-wrap .ank-link:nth-of-type(1) .ank-title {
  margin: 25px 0 0;
}
.ank-wrap .ank-link:nth-of-type(2) .ank-title {
    margin: 10px 0 0 -15px;
}
.ank-wrap .ank-link .ank-title div{
  padding: 0 0 0 0;
  font-size: 14px;
  letter-spacing:0.2em;
  position: relative;
  line-height: 1.5;
}
.ank-link:nth-of-type(2) .ank-title div::before{
  content: "";
  display: block;
  position: absolute;
  width: 6px;
  height: 6px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  bottom: 35%;
  right: -17px;
  transform: rotate(45deg) translateY(50%);
  z-index: 20;
  transition: all 0.3s ease 0s;
}
.ank-link:nth-of-type(2) .ank-title div::after{
  content: "";
  display: block;
  position: absolute;
  width: 23px;
  height: 23px;
  border: 2px solid #ffffff;
  bottom: 31%;
  right: -35px;
  transform: rotate(45deg) translateY(50%);
  z-index: 20;
  transition: all 0.3s ease 0s;
  visibility:visible;
  border-radius:50%
}
.ank-wrap .ank-link:nth-of-type(1) .ank-title div {
  padding: 0;
}
.ank-wrap .ank-link .ank-title div span{
  font-size: 18px;
}
.ank-wrap .ank-link .ank-title div span.fukidashi{
  font-size: 11px;
  position: absolute;
  letter-spacing: 0em;
  width: 66px;
  height: 43px;
  left: -20px;
  top: -39px;
  background: url(https://www.tokyu-dept.co.jp/image/christmas/2024/fukidashi.webp) no-repeat center/contain;
  color: #333;
  display: flex!important;
  justify-content: center;
  align-items: center;
}
.ank-wrap .ank-link:nth-of-type(1) .ank-title div span.fukidashi{
  background: url(https://www.tokyu-dept.co.jp/image/christmas/2025/fukidahshi_purple.webp) no-repeat center/contain;
  color: #ffffff;
  line-height: 1.2;
}
.ank-wrap .ank-link .ank-image{
  position:absolute;
  width: 70%;
  height: 40px;
  right: -11px;
  top: 10px;
}
#Christmas2025 .ank-link .ank-image img{
  width:100%;
  height:100%;
  object-fit:contain;
}
.ank-wrap .ank-link .ank-image {
  width: 50%;
  height: 56px;
  right: 6px;
  top: 9px;
}
.ank-wrap .ank-link .ank-title div span.fukidashi {font-size: 10px;width: 50px;height: 45px;left: -4px;top: -43px;line-height: 1.2;}
.ank-wrap .ank-link .ank-title div span {
  font-size: 21px;
}

/*予約承り日時・受取日*/
.information{
  border:none;
  padding: 29px 15px 20px;
  margin: 0;
  position: relative;
  color: #333;
  background: #e3f2ff;
  /* border-top: 2px solid #5498d1; */
  z-index: 1;
}
.information h2{
  margin-bottom: 22px;
  font-size: 26px;
  color: #696969;
  letter-spacing: 0.2em;
  position: relative;
  z-index: 100;
}
.christmas-leadmessage{
  margin-bottom: 20px;
  font-weight: 600;
  text-align: center;
  line-height: 1.8;
  position: relative;
  z-index: 2;
  gap: 25px;
  justify-content: space-between;
  align-items: flex-start;
}
.christmas-leadmessage::after{
  content: "";
  display: block;
  position: absolute;
  width: 1px;
  height: 100%;
  border-left: 2px dashed #696969;
  bottom: 0;
  right: 50%;
  transform: translateX(-50%);
  z-index: 20;
  visibility: visible;
}
.christmas-leadmessage > div{
  line-height: 1.0;
  font-size: 18px;
  width: calc((100% - 25px) / 2);
}
.ank-wrap .ank-link:nth-of-type(1) .christmas-leadmessage  span.week-day{
  background:#e56992;
}
.christmas-leadmessage div span{
  font-size: 12px;
}
span.week-day{
  margin: 0 5px 0!important;
  color: #fff;
  font-size: 11px;
  background: #76afd5;
  aspect-ratio:1/1;
  border-radius: 100vh;
  margin-bottom: 10px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 20px;
}

.christmas-leadmessage > div > div{
  color: #5d9ed3;
  display: inline-block;
  line-height: 1.0;
  border: 1px solid;
  position: relative;
  margin-bottom: 8px;
  font-size: 11px;
  padding: 7px 15px;
  background: #fff;
}
.ank-wrap .ank-link:nth-of-type(2) .christmas-leadmessage > div > div{
  color: #e56e8f;
}
.christmas-leadmessage > div > div::before{
  display: block;
  position: absolute;
  top: 0px;
  right: -5px;
  width: 16px;
  height: 5px;
  transform: rotate(45deg) translateY(-50%);
  border-bottom: solid 1px;
  background: #ffffff;
  content: "";
  visibility: visible;
}
.ank-wrap .ank-link:nth-of-type(2) .christmas-leadmessage > div:nth-of-type(1) > div::before{
  background: #f4aa99;
}
.ank-wrap .ank-link:nth-of-type(2) .christmas-leadmessage > div:nth-of-type(1) > div::after{
  background: #ec9d9b;
}
.ank-wrap .ank-link:nth-of-type(2) .christmas-leadmessage > div:nth-of-type(2) > div::before{
  background: #ee9f9a;
}
.ank-wrap .ank-link:nth-of-type(2) .christmas-leadmessage > div:nth-of-type(2) > div::after{
  background: #e7949d;
}
.christmas-leadmessage > div > div::after{
  display: block;
  position: absolute;
  bottom: -3px;
  left: -9px;
  width: 16px;
  height: 5px;
  transform: rotate(45deg) translateY(-50%);
  border-top: solid 1px;
  background: #ffffff;
  content: "";
  visibility: visible;
}
.attention-wrap{
  padding: 20px 0 0;
  background: rgb(83,151,210);
  background: linear-gradient(100deg, rgba(83,151,210,1) 0%, rgb(136 187 215) 100%);
}
.header-button{
	width: 85%;
	max-width: 450px;
	margin: 0 auto;
	text-align: center;
	border-radius: 100vh;
	font-weight: 600;
	background:#333;
	color: #fff;
	position: relative;
}
.header-button a{
	width: 100%;
	display: inline-block;
	padding: 11px 0;
}



@keyframes down{
	 0%, 100% {
    bottom: 5%;
  }
  50% {
    bottom: 8%;
  }
}
@keyframes blockfuwa{
  from{
    opacity: 0;
    transform: scale(1.1);
  }
  to{
  opacity: 1;
  transform: scale(1.0);
  }
}

/*ケーキ・オードブルボタン*/
.bopis-info-ank{
  padding: 20px 0 0;
}

.which-wrap.flex-wrap {
    gap: 30px;
}
.which-bt {
    width: calc((100% - 30px) / 2);
    aspect-ratio: 1/1;
    border-radius: 50%;
    position: relative;
    background: rgb(83,151,210);
    background: linear-gradient(118deg, rgba(83,151,210,1) 0%, rgba(196,228,220,1) 100%);
}
.which-bt:nth-of-type(1)::before{
  content: "";
  display: block;
  width: 90%;
  height: 90%;
  background: url("https://www.tokyu-dept.co.jp/image/christmas/2024/which-button01.webp") no-repeat center/contain;
  z-index: 1;
  position: absolute;
  bottom: 50%;
  right: 50%;
    transform: translateX(-50%) translateY(-50%);
}
.which-bt:nth-of-type(2)::before{
  content: "";
  display: block;
  width: 90%;
  height: 90%;
  background: url("https://www.tokyu-dept.co.jp/image/christmas/2024/which-button02.webp") no-repeat center/contain;
  z-index: 1;
  position: absolute;
  bottom: 50%;
  right: 50%;
    transform: translateX(-50%) translateY(-50%);
}
.which-bt a {
    display: flex;
    width: 100%;
    height: 100%;
}
#Christmas2025 .which-bt a img {
    position: absolute;
    z-index: 10;
    width: 66%;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}
#Christmas2025 .which-bt a img::before{
  content: "";
  display: block;
  position: absolute;
  width: 4px;
  height: 4px;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  bottom: 50%;
  right: 50%;
  transform: rotate(45deg) translateY(50%) translateX(50%);
  z-index: 20;
  transition: all 0.3s ease 0s;
}
#Christmas2025 .which-bt a img::after{
  content: "";
  display: block;
  position: absolute;
  width: 23px;
  height: 23px;
  border: 2px solid #fff;
  bottom: 50%;
  right: 50%;
  transform: rotate(45deg) translateY(50%) translateX(-50%);
  z-index: 20;
  transition: all 0.3s ease 0s;
  visibility:visible;
  border-radius:50%
}
.which-bt:nth-of-type(2) {
    background: rgb(240,140,143);
    background: linear-gradient(215deg, rgb(229 145 75) 0%, rgba(248,197,169,1) 100%);
}
.which-bt a div {
    width: 1px;
    height: 1px;
    overflow: hidden;
}

/*ケーキ*/
#christmascake{padding: 23px 0 40px;margin:0;background: #ea7b7b;/* background: linear-gradient(101deg, rgba(83,151,210,1) 0%, rgba(196,228,220,1) 100%); */}
#christmascake .christmas-title{
  margin: 0 auto 0 10px;
  width: 90%;
  height: 120px;
  background: url(https://www.tokyu-dept.co.jp/image/christmas/2025/caketitle.webp) no-repeat center/contain;
  font-size: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
#Christmas2025 .keyword-title img{
	width: 48%;
	margin-left: 40px;
}
.list-wrap > .flex-wrap{
	gap: 20px;
	padding: 34px 0;
	border-bottom: 2px dashed;
}
.list-wrap > .flex-wrap.size, .list-wrap > .flex-wrap.ranking {
    margin-top: 23px;
    padding-bottom: 22px;
}
.list-wrap > .flex-wrap.size{
	/* padding-top:15px; */
}
.list-wrap > .flex-wrap.category{
      align-items: center;
}
.list-wrap > .flex-wrap:last-of-type{
	border-bottom: none;
}
.list-wrap > .flex-wrap .list-name{
	width: 33px;
	font-size: 18px;
	writing-mode: vertical-rl;
	letter-spacing: 0.1em;
	font-weight: 600;
	padding: 20px 5px 25px 0;
	border: 2px dotted #fff;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
	border-left: none;
	line-height: 1.0;
	margin-left: -10px;
	background: #ca3939;
	color: #ffffff;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	height: 40px;
}
.list-wrap > .flex-wrap .list-name::after{
	display:none
}
.list-wrap > .flex-wrap .list-name span{
	margin-top: 5px;
	font-size: 11px;
	writing-mode: vertical-rl;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}
.list-wrap > .flex-wrap > div:last-of-type {
	width: calc(100% - 67px);
	gap: 20px 10px;
	align-items: flex-end;
	justify-content: center;
}



/*おすすめ*/
.cakedeli-mv{
  position: relative;
  max-width: 1500px;
  margin: 0 auto 60px;
}
.swiper-wrapper,.swiper,.swiper-slide{
  height: auto;
}
.cakedeli-mv .swiper-wrapper{
  padding-top: 38px;
  min-height: 285px;
}
.cakedeli-mv .swiper-wrapper::after{
  display: none;
}
.cakedeli-item.swiper-slide {
  height: auto;
  transform: scale(.7) translateY(36px);
  transition: opacity 1s, transform 1s;
  width: 100%;
}
.cakedeli-item.swiper-slide.swiper-slide-next {
  transform: scale(.7) translateY(36px) translateX(15px);
}
.cakedeli-item.swiper-slide-active{
  transform: scale(1.0);
  transition: opacity 1s, transform 1s;
}
.cakedeli-item.slick-slide a{
  display: flex;
  align-items: center;
  flex-direction: column;
}
.cakedeli-item.swiper-slide .item-info{
  opacity: 0;
  display: none
}
.cakedeli-item.swiper-slide-active .item-info{
  opacity: 1;
  display: block;
  width: 212px;
  transform: translateX(-19%);
}
.cakemv-img{
  position: relative;
}
.cakedeli-item.swiper-slide-active .cakemv-img{
    width: 144%;
    margin-left: -6%;
    height: 153px;
}
#Christmas2025 .cakedeli-item.swiper-slide-active .cakemv-img img{
  width: 100%;
	height:100%;
	object-fit:contain;
}

.cakemv-img .recommend{
  padding: 1px 7px;
  position: absolute;
  top: -15px;
  right: -6px;
  transform: rotate(45deg);
  border: 3px dotted;
  border-radius: 100vh;
  font-size: 11px;
  font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}
.cakedeli-item.swiper-slide-active .cakemv-img .recommend{
  color: #f3fc56;
}

/*ランキング*/
#ranking .heading {
  display: none;
}
.list-wrap > .flex-wrap.ranking,#christmascake .list-wrap > .flex-wrap.ranking{grid-column: 1/5;}
.list .bx-wrapper {
    background: transparent;
  margin: 0 auto;
}
.list-wrap > .flex-wrap.ranking .list-name{
    max-width: 1188px;
    margin: 0 auto 30px;
}
#Christmas2025 #ranking-area{
  color: #274365;
  margin: 55px auto;
}
#ranking-area h4.panel-title{
  color: #bf3154;
  margin-bottom: 0;
}
.tag .new {
  margin-top: 10px;
  border-color: #c4252c;
  color: #c4252c;
}
.item .price span, #Christmas2025 .item .name a, .item .price {
  color: #464646;
  font-size: 14px;
}
.flex-wrap.ranking .rank {
    display: none;
}
.flex-wrap.ranking .item::before {
  content: "";
  display: block;
  position: absolute;
  width: 40px;
  height: 50px;
  top: 0px;
  left: 0;
  z-index: 20;
  transition: all 0.3s ease 0s;
  background:url(https://www.tokyu-dept.co.jp/giftidea/images/ranking1.webp) no-repeat center/contain
}
.flex-wrap.ranking .item:nth-of-type(2)::before {
  background:url(https://www.tokyu-dept.co.jp/giftidea/images/ranking2.webp) no-repeat center/contain
}
.flex-wrap.ranking .item:nth-of-type(3)::before {
  background:url(https://www.tokyu-dept.co.jp/giftidea/images/ranking3.webp) no-repeat center/contain
}
.flex-wrap.ranking .item:nth-of-type(4)::before {
  background:url(https://www.tokyu-dept.co.jp/giftidea/images/ranking4.webp) no-repeat center/contain
}
.flex-wrap.ranking .item:nth-of-type(5)::before {
  background:url(https://www.tokyu-dept.co.jp/giftidea/images/ranking5.webp) no-repeat center/contain
}
.flex-wrap.ranking .item:nth-of-type(6)::before {
  background:url(https://www.tokyu-dept.co.jp/giftidea/images/ranking6.webp) no-repeat center/contain
}
.flex-wrap.ranking .item:nth-of-type(7)::before {
  background:url(https://www.tokyu-dept.co.jp/giftidea/images/ranking7.webp) no-repeat center/contain
}
.flex-wrap.ranking .item:nth-of-type(8)::before {
  background:url(https://www.tokyu-dept.co.jp/giftidea/images/ranking8.webp) no-repeat center/contain
}
.flex-wrap.ranking .item:nth-of-type(9)::before {
  background:url(https://www.tokyu-dept.co.jp/giftidea/images/ranking9.webp) no-repeat center/contain
}
.flex-wrap.ranking .item:nth-of-type(10)::before {
  background:url(https://www.tokyu-dept.co.jp/giftidea/images/ranking10.webp) no-repeat center/contain
}


/*サイズから選ぶ*/
#Christmas2025 .size-box:first-of-type img{
	width: 58%;
}
#Christmas2025 .size-box:nth-of-type(2) img{
	width: 56%;
}
#Christmas2025 .size-box:nth-of-type(3) img{
	width: 56%;
}
.list-wrap > .flex-wrap.size > div:last-of-type {
	gap: 20px 10px;
	display: grid;
	grid-template-columns: repeat(3,1fr);
}
.size-box{
	padding: 0;
	position: relative;
}
.size-box a{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}
.size-box .size-text {
    width: 100%;
    text-align: center;
    font-weight: 600;
    font-size: 13px;
    line-height: 1.2;
}
.size-box:nth-of-type(2) .size-text {
    bottom: 20%;
}
.size-box:nth-of-type(3) .size-text {
    font-size: 16px;
    bottom: 19%;
}
.size-box .size-text span{
    font-size: 21px;
}
#Christmas2025 .size-box .category-link img{
  height: 95px;
  width: auto;
}


/*予算*/
.list-wrap > .flex-wrap.price > .flex-wrap{
  gap:15px 10px;
}
.list-wrap > .flex-wrap.price > .flex-wrap .more-bt02 {
    width: calc((100% - 10px) / 2);
    margin:0;
    font-size: 12px;
    box-shadow: 0 2px #8f2020;
    background: rgb(255,252,240);
    background: linear-gradient(45deg, rgba(255,252,240,1) 0%, rgba(243,255,251,1) 100%);
    background: #fff;
    max-height: 56px;
}
.list-wrap > .flex-wrap.price > .flex-wrap .more-bt02::before{
  right: 21px;
}
#Christmas2025 .list-wrap > .flex-wrap.price > .flex-wrap .more-bt02 a{
	color: #df3333;
}
#christmascake .more-bt02::before{
	border-top: 2px solid #5f9fd3;
	border-right: 2px solid #5f9fd3;
	right: 11%;
}
#christmascake .more-bt02::after{
	border: 1px solid #5f9fd3;
}
/*種類*/
.list-wrap > .flex-wrap.category > .scroll-wrap{
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
  padding: 21px 0 0;
  width: calc(100% - 64px);
}
.category-box{
	margin: 0 0 0 10px;
	padding: 0;
	width: 36%;
	aspect-ratio: 1/1;
	border: 2px dotted;
	border-radius: 50%;
	display: inline-block;
	position: relative;
	max-width: 168px;
}
.category-box a{
	width: 100%;
	height:100%;
	justify-content: center;
}
.category-title{
    margin: -15px 0 0;
    width: 88%;
    height: 30px;
    white-space: pre-wrap;
    font-weight: 600;
    text-align: center;
    background: #ea7b7b;
    font-size: 15px;
}
#ChooseDeli .category-title{
    background: #7481cd;
}
.category-box .category-img{
	width: 70%;
	display: block;
	margin: 0 auto;
	max-width: 100px;
}


/*ブランド*/
.brand-box{
  width: 100%;
  position: relative;
}
.brand-box{
	/* margin-top: 6px; */
	border-top: 1px dashed #ffffffcc;
	padding:6px 0;
}
.brand-box:last-of-type{
	border-bottom: 1px solid #ffffff7d;
}
.brand-box .brand-link{
	/* padding-top: 5px; */
	display: flex;
	align-items: center;
	box-sizing: border-box;
	height: 100%;
}
.brand-box:last-of-type .brand-link{
  /* padding-bottom: 5px; */
}
.brand-link .brand-name{
  padding-right: 43px;
  font-weight: 600;
  font-size: 16px;
  position: relative;
}
.brand-link .brand-name::before{
	content: "";
	display: block;
	position: absolute;
	width: 4px;
	height: 4px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	top: 50%;
	right: 18px;
	transform: translateY(-50%) rotate(45deg);
	z-index: 20;
	transition: all 0.3s ease 0s;
}
.brand-link .brand-name::after{
	content: "";
	display: block;
	position: absolute;
	width: 25px;
	height: 25px;
	border: 1px solid #fff;
	top: 50%;
	right: 8px;
	visibility: visible;
	border-radius: 50%;
	transform: translateY(-50%);
}
.brand-link .brand-img{
	margin-right:10px;
	width: 50px;
  height:50px;
	display: flex;
	align-items: center;
}
#Christmas2025 .brand-link .brand-img img{
	height:100%;
	object-fit:contain;
	object-position:center;
}
/*渋谷マップバナー*/
.shibuyamap-bnr{
  width:90%;
  margin: 0 auto 10px ;
  transition: 0.3s;
    display: flex;
    flex-direction: column;
    max-width: 980px;
}
.shibuya-fukidashi {
    margin: 0 auto 13px;
    padding: 15px 46px;
    background: #fff;
    display: inline-block;
    border-radius: 100vh;
    position: relative;
    color: #333;
  animation:fuwa 1.5s infinite;
    line-height: 1.7;
}
.shibuya-fukidashi::before {
    content: "";
    display: block;
    position: absolute;
    width: 18px;
    height: 18px;
    background: #ffffff;
    bottom: -9px;
    right: 50%;
    transform: rotate(-45deg) translateX(50%) translateY(50%);
    z-index: 0;
    border-bottom-left-radius: 5px;
  }
.shibuya-fukidashi::after{
	content: "";
	display: block;
	position: absolute;
	width: 50px;
	height: 60px;
	bottom: 29px;
	right: -15px;
	z-index: 20;
	transition: all 0.3s ease 0s;
	background: url("https://www.tokyu-dept.co.jp/image/christmas/2025/santa.webp") no-repeat center/contain;
	visibility:visible;
	transform: translateY(50%);
}
@keyframes fuwa{
  0%,100%{
    transform: translateY(0);
  }
  50%{
    transform: translateY(-5px)
  }
}


/*店舗リンクボタン*/
.list-wrap > .flex-wrap.store{
    padding-bottom: 0;
    margin-bottom: 31px;
    gap: 14px;
}
.list-wrap > .flex-wrap.store > .flex-wrap{
    justify-content: flex-start;
    width: calc(100% - 58px);
    gap: 15px;
    max-width: 500px;
    margin: 0 auto;
}
.list-wrap > .flex-wrap.store > .flex-wrap .store-link{
  text-align: center;
  border-radius: 100vh;
  font-weight: 600;
  position: relative;
  width: 100%;
  box-shadow: 0 2px #8f3d3d;
  background:#fff;
}
#Christmas2025 .list-wrap > .flex-wrap.store > .flex-wrap .store-link a{
  color: #df3333;
  padding: 10px 8px;
  display:block;
}
.list-wrap > .flex-wrap.store > .flex-wrap .flex-wrap{
	gap:10px;
	width: 100%;
  justify-content: flex-start;
}
.list-wrap > .flex-wrap.store > .flex-wrap .flex-wrap.shibuya::after{
	display:none
}
.list-wrap > .flex-wrap.store > .flex-wrap .flex-wrap .store-link{
  width: calc((100% - 10px) / 2);
}
.list-wrap .flex-wrap.store .flex-wrap.fuwabox .flex-wrap.shibuya.cake .store-link{
  border-radius: 16px;
}
.list-wrap .flex-wrap.store .flex-wrap.fuwabox .flex-wrap.shibuya.cake .store-link a img{
  max-height: 90px;
  object-fit: contain;
  margin-bottom: 8px;
}
.list-wrap > .flex-wrap.store > .flex-wrap .flex-wrap .store-link.scsq{
  width: 100%;
}
.list-wrap > .flex-wrap > div:last-of-type.delivery-cake{
  text-align: center;
  margin: 20px auto 34px;
  width: 95%;
}
.delivery-cake .delivery-cake-text{
  margin: 0 auto 10px;
  font-size: 13px;
  border-bottom: 1px solid #fff;
  position: relative;
  max-width: 600px;
}
.delivery-cake .delivery-cake-text::before{
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  transform: rotate(-45deg) translateX(-50%);
  position: absolute;
  bottom: 0;
  left: 50%;
  background: #e07272;
  z-index: 1;
  border-left: 1px solid;
  border-bottom: 1px solid;
}
.delivery-cake .delivery-cake-text span{
  font-size: 15px;
  font-weight: 600;
}
.delivery-cake .delivery-bt{
  max-width: 450px;
  margin: 0 auto;
  text-align: center;
  border-radius: 100vh;
  font-weight: 600;
  background: #6d58b2;
  position: relative;
  width: 100%;
  box-shadow: 0 2px #302163;
}
.delivery-cake .delivery-bt::before{
	content: "";
	display: block;
	position: absolute;
	width: 4px;
	height: 4px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	top: 50%;
	right: 25px;
	transform: translateY(-50%) rotate(45deg);
	z-index: 20;
	transition: all 0.3s ease 0s;
}
.delivery-cake .delivery-bt::after{
	content: "";
	display: block;
	position: absolute;
	width: 25px;
	height: 25px;
	border: 1px solid #fff;
	top: 50%;
	right: 13px;
	visibility: visible;
	border-radius: 50%;
	transform: translateY(-50%);
}
.delivery-cake .delivery-bt a{
  padding: 10px 20px 10px 0;
}
.delivery-cake .delivery-bt .fukidashi-text{
  position: absolute;
  top: -60px;
  left: 10px;
  font-size: 11px;
  width: 66px;
  height: 102px;
  line-height: 1.2;
  z-index: 10;
  background: url(https://www.tokyu-dept.co.jp/image/christmas/2024/fukidashi.webp) no-repeat center/contain;
  color: #3b2192;
  display: flex;
  justify-content: center;
  align-items: center;
}
.delivery-cake .delivery-bt a.flex-wrap{
  gap:0;
  justify-content: center;
  align-items: center;
}
.delivery-cake .delivery-bt .title{
  width:calc(100% - 10px - 34%);
  font-size: 18px;
  letter-spacing: 0.2em;
}
.delivery-cake .delivery-bt .day-wrap{
  width: 28%;
  display: flex;
  flex-direction: column;

  align-items: center;
}
.delivery-cake .delivery-bt .day-wrap span.week-day {
    color: #3b2192;
    background: #ffffff;
}
.delivery-cake .delivery-bt .day-wrap > div:first-of-type{
  font-size: 12px;
  border: 1px solid;
  padding: 0 7px 0 10px;
  display: inline-block;
}
.delivery-cake .delivery-bt .day-wrap > div:last-of-type{
  font-size: 18px;
    display: flex;
    align-items: center;
}


.map-bt{
  margin: 0px auto;
  position: relative;
}
.map-img{
  width: 80%;
  margin: 0 auto;
}

#Christmas2025 .map-bt a{
  display: block;
  width: 100%;
}

@media screen and (max-width: 767px){
  .list-wrap > .flex-wrap.store > .flex-wrap .flex-wrap .store-link{
    width: 100%;
  }
  .list-wrap .flex-wrap.store .flex-wrap.fuwabox .flex-wrap.shibuya.cake .store-link{
    width: calc((100% - 20px) / 3);
    font-size: 13px;
  }
	.list-wrap > .flex-wrap.store > .flex-wrap .flex-wrap .store-link .store-btn{
		display: flex;
		gap: 20px;
		align-items: center;
		margin: auto;
		width: 80%
		
	}
	.list-wrap > .flex-wrap.store > .flex-wrap .flex-wrap .store-link .store-btn::after{
		display:none;
	}
	#Christmas2025 .list-wrap > .flex-wrap.store > .flex-wrap .flex-wrap .store-link .store-btn img{
		width: 18%;
		margin-bottom: 0;
	}
	#Christmas2025 .list-wrap > .flex-wrap.store > .flex-wrap .flex-wrap .store-link .store-btn .store-name{
		width: calc((100% - 20px) - 18%);
	}
	.list-wrap > .flex-wrap.price > .flex-wrap .more-bt02,
	.brand-box{
		max-height: 56px;
	}
	#Christmas2025 .list-wrap > .flex-wrap.store > .flex-wrap .flex-wrap.another a,
	#Christmas2025 #ChooseDeli .list-wrap > .flex-wrap.store > .flex-wrap .flex-wrap.shibuya a,
	#Christmas2025 #ChooseDeli .list-wrap > .flex-wrap.store > .flex-wrap .flex-wrap.another a{
	  padding: 14px 8px;
    }
}

/*オードブル*/
#ChooseDeli{
	padding: 20px 0 40px;
	background: #f8aa83;
	background: #7481cd;
	/* background: linear-gradient(215deg, rgba(240,140,143,1) 0%, rgba(248,197,169,1) 100%); */
}
#ChooseDeli .list-wrap > .flex-wrap .list-name{
	background: rgb(54 72 179);
}
#ChooseDeli .cakedeli-item.swiper-slide-active .cakemv-img .recommend,#ChooseDeli .item-info .item-place{
  color: #f3fc56;
}
#ChooseDeli .item-info .item-place::before{
	background: #f3fc56;
}
#ChooseDeli .item-info .item-place::after{
	border-right: 2px solid #f3fc56;
}
#ChooseDeli .christmas-title{
  margin: 0 auto 0 10px;
  width: 90%;
  height: 138px;
  background: url(https://hcad.tokyu-dept.co.jp/image/christmas/2025/delititle.webp) no-repeat center/contain;
  font-size: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

#ChooseDeli .category-title::before{
  background: url("https://www.tokyu-dept.co.jp/image/christmas/2024/delicategorytitle01.webp") no-repeat center/contain;
}
#ChooseDeli .category-box.deli .category-title::before{
  background: url("https://www.tokyu-dept.co.jp/image/christmas/2024/delicategorytitle02.webp") no-repeat center/contain;
}
#ChooseDeli .category-box.roastbeef .category-title::before{
  background: url("https://www.tokyu-dept.co.jp/image/christmas/2024/delicategorytitle03.webp") no-repeat center/contain;
}
#ChooseDeli .category-box.sushi .category-title::before{
  background: url("https://www.tokyu-dept.co.jp/image/christmas/2024/delicategorytitle04.webp") no-repeat center/contain;
}
#ChooseDeli .category-box.seafood .category-title::before{
  background: url("https://www.tokyu-dept.co.jp/image/christmas/2024/delicategorytitle05.webp") no-repeat center/contain;
}
#ChooseDeli .category-box.stollen .category-title::before{
  background: url("https://www.tokyu-dept.co.jp/image/christmas/2024/delicategorytitle06.webp") no-repeat center/contain;
}
#ChooseDeli .cakedeli-mv .swiper-wrapper{
    min-height: 284px;
}
#ChooseDeli .cakedeli-item.swiper-slide-active .cakemv-img{
  width: 135%;
  margin-left:-11%;
}
/*予算*/
#ChooseDeli .list-wrap > .flex-wrap.price > .flex-wrap .more-bt02 {/* background: rgb(255,252,240); *//* background: linear-gradient(45deg, rgba(255,252,240,1) 0%, rgba(255,248,242,1) 100%); */box-shadow: 0 2px #243591;/* background: rgb(255,252,240); */}
#ChooseDeli .category-box .category-img{
	width: 80%;
}
/*デリ*/
#ChooseDeli .list-wrap > .flex-wrap.store > .flex-wrap .store-link{
  box-shadow: 0 2px #243591;
}
#ChooseDeli .more-bt02::before{
	border-top: 2px solid #f08c8f;
	border-right: 2px solid #f08c8f;
}
#ChooseDeli .more-bt02::after{
	border: 1px solid #f08c8f;
}
#Christmas2025 #ChooseDeli .more-bt02 a,#Christmas2025 #ChooseDeli .list-wrap > .flex-wrap.store > .flex-wrap .store-link a {
    color: #324ac7;
}


/*バナー*/
.banner-section{
  margin-top: 40px;
    padding: 0 10px;
}
.banner-section .flex-wrap{
  justify-content: center;
  flex-wrap:wrap;
  gap:15px 10px;
}
.banner-section .bnr-link{
  width: 100%;
}

/*インタビュ－*/
#interview{
  padding: 44px 0 50px;
  background: #fff;
}
#interview .content-block{
  max-width:1500px;
}
/* 中央以外のスライド */
.interview-box.slick-slide {
	padding:15px 0;
  height: auto;
  opacity: .3;
  transform: scale(.7);
  transition: opacity .5s, transform .5s;
  width: 100%;
}
/* 中央のスライド */
.interview-box.slick-slide.slick-center{
  opacity: 1;
  transform: scale(1.0);
}
.interview-section .interview-box{
	border-radius:30px;
	background: rgb(116 129 205);
}
.interview-section .interview-box:nth-of-type(2n){
	border-radius:30px;
	background: rgb(234 123 123);
}
.interview-section .interview-box a{
	width:100%;
	height: 100%;
	display:flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
}
.interview-section .interview-box h4{
  margin: 0;
  padding: 10px 18px;
  color: #ffffff96;
  background: transparent;
  font-size: 30px;
  line-height: 0.7;
  font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
  text-align: center;
  word-break: break-all;
}
.interview-section .interview-box h4 span{
  font-size:14px;
  opacity:1;
  margin-bottom: 10px;
  display: inline-block;
  line-height: 1.0;
  color: #fff;
}
.interview-img{
	position: relative;
	width:56%;
	margin: 0 auto 10px;
}
.interview-section .interview-box .flex-wrap{
  max-width:250px;
  width: 83%;
  margin-bottom: 15px;
  position:relative;
  padding-right: 26px;
  gap: 14px;
}
.interview-section .interview-box .flex-wrap::before{
	content: "";
	display: block;
	position: absolute;
	width: 4px;
	height: 4px;
	border-top: 2px solid #ffffff;
	border-right: 2px solid #ffffff;
	top: 50%;
	right: 12px;
	transform: translateY(-50%) rotate(45deg);
	z-index: 20;
	transition: all 0.3s ease 0s;
}
.interview-section .interview-box .flex-wrap::after{
	content: "";
	display: block;
	position: absolute;
	width: 25px;
	height: 25px;
	border: 1px solid #ffffff;
	top: 50%;
	right: 0;
	visibility: visible;
	border-radius: 50%;
	transform: translateY(-50%);
}
.interview-section .interview-box .flex-wrap .p-img {
	width: 46px;
}
.interview-section .interview-box .flex-wrap .interview-title{
	width: calc(100% - 66px);
	font-weight: 600;
}
.interview-section .interview-box .flex-wrap .interview-title span{
	font-size: 15px;
}
.interview-section .more-bt03{
	border:2px solid #aa75aa
}
#Christmas2025 .interview-section .more-bt03 a{
	color: #aa75aa
}
.interview-section .more-bt03::before{
	border-top: 2px solid #aa75aa;
	border-right: 2px solid #aa75aa;
}
.interview-section .more-bt03::after{
	border: 1px solid #aa75aa;
}



/*スライダー設定*/
button.slick-arrow{
	background: transparent;
	position: absolute;
	bottom: 0;
	left: 5%;
	font-size: 0;
	border: none;
}
button.slick-next{
	left: 15%;
}
button.slick-arrow::before{
	content: "";
	display: block;
	position: absolute;
	width: 7px;
	height: 7px;
	border-top: 2px solid #aa79b5;
	border-right: 2px solid #aa79b5;
	bottom: 0;
	z-index: 20;
}
button.slick-next::before{
	right: 0;
	transform: rotate(45deg);
}
button.slick-prev::before{
	left: 0;
	transform: rotate(-135deg);
}
.slick-dots{
	margin: 35px 20px 0 auto;
	display: flex;
	justify-content: center;
	height: 3px;
	width: 70%;
}
.slick-dots li{
	width: calc(100% / 4);
	background: #fff;
	font-size: 0;
}
.slick-dots li button{
	width: 100%;
	border: none;
	padding: 0;
	height: 100%;
	transition: 0.3s;
}
.slick-dots li.slick-active button{
	background: #aa79b5;
}


/*配送ケーキ*/
.shipping-section{
	margin: 50px 0 70px;
}
.shipping-section .christmas-subtitle{
	color: #274365;
}
.shipping-section .more-bt02 span{
	font-size: 20px;
}
.shipping-section .more-bt02:last-of-type{
	background: #1b9951;
}
.shipping-section .more-bt02:last-of-type::before{
	border-top: 2px solid #1b9951;
	border-right: 2px solid #1b9951;
}

/*トピックス*/
#other-topics{
	margin: 80px 0;
}
#other-topics .christmas-subtitle{
	color: #274365;
}
.topics-section .christmas-subtitle{
	color: #274365;
}
.topics-box{
	margin: 0 10px;
}
.topics-text{
	padding: 15px 10px;
	background: #b13838;
	position: relative;
	font-weight: 600;
  min-height: 80px;
}
.topics-text::before{
	content: "";
	display: block;
	border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #fff;
	position: absolute;
	bottom: 10px;
	right: 5px;
	transform: rotate(135deg)
}
#other-topics .slick-dots{
	margin-right: 10px;

	width: 70%;
}
#other-topics button.slick-arrow::before{
	border-top: 2px solid #274365;
	border-right: 2px solid #274365;
}

/*-----------------------------------
クリスマスギフト
-----------------------------------*/
.christmasgift-wrap{
  margin-top: 65px;
	padding: 19px 14px 50px;
	background: rgb(213 155 203);
	background: linear-gradient(215deg, rgb(208 154 199) 0%, rgb(255 168 168) 100%);
}
.christmasgift-wrap .christmas-title{
  margin: 0 auto 29px 8px;
  width: 90%;
  height: 140px;
  background: url(https://www.tokyu-dept.co.jp/image/christmas/2024/delivery-categorytitle.webp) no-repeat center/contain;
  font-size: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 10;
}
.christmasgift-wrap .more-bt03{
  max-width:450px;
}
.christmasgift-wrap .more-bt03::before {
    right: 33px;
}
.christmasgift-wrap .main-category{
  padding: 0;
  display:flex;
  flex-wrap:wrap;
  gap: 23px 15px;
  width: 100%;
}
 .christmasgift-wrap .main-category::after{
	 display:none;
 }
.christmasgift-wrap .sab-category{
  margin-top:20px;
  overflow-x: scroll;
  white-space: nowrap;
  padding: 8px 3px 13px;
  gap: 50px 30px;
  overflow-y: hidden;
}
.christmasgift-wrap .category-box{
	padding: 0;
  margin: 0;
	width: calc((100% - 15px) / 2);
	box-sizing:border-box;
	aspect-ratio: 1/1;
	border: 3px dotted #ffffffba;
	border-radius: 10px;
	display: inline-block;
	position: relative;
	background: #ffffff87;
	box-shadow: 0 0 8px #fff;
	overflow: hidden;
}
.christmasgift-wrap .main-category .category-box{
	border: 4px dotted #ffffffba;
}
.christmasgift-wrap .sab-category .category-box{
	margin: 0 0 0 8px;
	width: 43%;
	aspect-ratio: 1/1.2;
}
.christmasgift-wrap .sab-category .category-box:first-of-type{
	margin:0
}
.christmasgift-wrap .category-box a{
	width:100%;
	height:100%;
}
.christmasgift-wrap .category-box a{
	width:100%;
	height:100%;
	display: block;
}
.christmasgift-wrap .category-title {
  font-size: 15px;
  font-weight: 600;
  background: #b77599;
  text-align: center;
  padding: 4px 0;
  position: absolute;
  width: 123%;
  bottom: 5px;
  left: 50%;
  transform: translateX(-50%) rotate(5deg);
  font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
  box-shadow: 0 0 4px #a46487;
  top: auto;
  height: auto;
}
.christmasgift-wrap .category-title::before{
  display: none
}
.christmasgift-wrap .sab-category .category-title{
  background: #a672a1;
  box-shadow: 0 0 4px #a672a1;
}
.christmasgift-wrap .category-box .category-img{
	width: 89%;
	display: flex;
	justify-content: center;
	margin: 0 auto;
	height: 75%;
	position: absolute;
	transform: translate(-50%, -60%);
	top: 50%;
	left: 50%;
}
.christmasgift-wrap .scroll-wrap.sab-category .category-box .category-img{
	height: 55%;
}
#Christmas2025 .christmasgift-wrap .category-img img {
  width: 100%;
  height: auto;
  transition: 0.3s;
  max-height: 100%;
  object-fit: contain;
  object-position: center;
}
@media screen and (min-width: 800px){
  .christmasgift-wrap{
    margin-top: 100px;
    padding: 70px 0 100px;
  }
  .christmasgift-wrap .category{
    max-width: 1000px;
    margin:0 auto;
  }
  .christmasgift-wrap .christmas-title {
    margin: 0 auto 41px;
    height: 200px;
  }
  .christmasgift-wrap .more-bt03{
    margin-top: 40px;
  }
  .christmasgift-wrap .category {
    width: calc(100% - 14px);
  }
  .christmasgift-wrap .category > .scroll-wrap.main-category {
    padding: 7px;
    gap: 55px 30px;
    width: auto;
  }
  .christmasgift-wrap .category > .scroll-wrap .category-box {
    margin: 0;
    width: calc((100% - 90px) / 4);
    box-sizing: border-box;
    border: 8px dotted #fff;
    box-shadow: 0 0 7px #fff;
  }
  .christmasgift-wrap .category > .scroll-wrap.sab-category {
    margin-top: 12px;
    padding: 7px;
    gap: 21px 10px;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    max-width: 1000px;
  }
  .christmasgift-wrap .category > .scroll-wrap.sab-category .category-box {
    width: calc((100% - 40px) / 5);
    border: 6px dotted #fff;
    margin: 0;
  }
}

/*-----------------------------------
渋谷のクリスマス
-----------------------------------*/
.shop-section {
  margin: 80px auto 0;
  max-width: 1000px;
}
.shop-section .special_item .item-info{
  width: calc((100% - 10px) - 40%);
  padding: 0;
  transform: none;
}
.shop-section .item-info .special_brand {
  border-bottom: 2px dashed;
  padding: 5px 0px;
  border-top: 2px dashed;
  text-align: center;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.1em;
}

.shop-section .shop-logo {
  margin-bottom: 10px;
  width: 100%;
  height: 50px;
}

#Christmas2025 .shop-section .shop-logo img {
  height: 100%;
  object-fit: contain;
}

.shop-section a {
  color: rgb(255 255 255);
}

.shop-section .flex-wrap.box-layout {
  gap: 30px;
  margin: 0px auto;
  /*max-width: 850px;*/
}

.shop-section .flex-wrap.box-layout .special_item {
  width: calc((100% - 60px) / 3);
  margin: 0px;
  position: relative;
  transition: all 0.1s ease 0s;
  border-radius: 30px;
}

.shop-section .flex-wrap.box-layout .special_item::before {
  display: none;
}

.shop-section .flex-wrap.box-layout .special_item:nth-of-type(1) {
  background: #e2ce0f;
}

.shop-section .flex-wrap.box-layout .special_item:nth-of-type(2) {
  background: #91d74d;
}

.shop-section .flex-wrap.box-layout .special_item:nth-of-type(3) {
  background: #279eef;
}

.shop-section .flex-wrap.box-layout .special_item:nth-of-type(4) {
  background: #628ba5;
}
.shop-section .flex-wrap.box-layout .special_item a{
  padding: 20px;
  height: 100%;
  display: flex;
  gap: 10px;
  align-items: center;
}
.shop-section .flex-wrap.box-layout .special_item a .special_image{
  width: 40%;
  height: 100%;
  margin: 0px auto;
  overflow: hidden;
  position: relative;
  border-radius: 50%;
  background: rgb(255, 255, 255);
  display: flex;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1 / 1;
}
.shop-section .flex-wrap.box-layout .special_item a .special_image img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease 0s;
  object-position: center center;
}
@media screen and (max-width: 767px){
  .shop-section .flex-wrap.box-layout {
      gap: 15px;
      width: 80%;
  }

  .shop-section .flex-wrap.box-layout .special_item {
      width: 100%;
  }

  .shop-section .shop-logo {
      height: 47px;
  }

  .shop-section .shop-logo img{
      /* object-position: center; */
  }
  .shop-section .item-info .special_brand {
      padding-top: 10px;
      font-size: 13px;
      border-bottom: none;
  }

  .shop-section .flex-wrap.box-layout .special_item a{
      padding: 14px 20px;
      display: flex;
      flex-direction: row;
      align-items: center;
  }

  .shop-section .flex-wrap.box-layout .special_item a .special_image {
      width: 73%;
  }

  .shop-section .flex-wrap.box-layout .special_item a .special_image{
    max-width:105px;
  }          
}


/*-----------------------------------
店頭での受け取り方法
-----------------------------------*/
.tab-wrap{
	margin: 0;
	justify-content: center;
}
.tab-bt{
	padding: 10px 0;
	width:50%;
	position: relative;
	background: #909090;
	font-weight: 600;
	transition: all 0.5s ease-out;
	cursor: pointer;
	text-align: center;
	color: #ebebeb;
}
.tab-bt.active{
	border: none;
	position: relative;
	background: #ef8fab;
	color: #ffffff;
	background: #b39bd4;
	/* background: linear-gradient(215deg, rgb(213 155 203) 0%, rgb(245 181 181) 100%); */
}
.tab-bt.active::before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    transform: rotate(-45deg) translateX(-50%);
    position: absolute;
    bottom: 2px;
    left: 50%;
    background: #b39bd4;
    z-index: -1;
    border:none;
}
.category-area{
	display: none;
}
.category-area.active{
	padding: 20px 0 0;
	display: block;
}

.bg-wrap{
  margin-top: 30px
}
#howto-section {
  padding-top: 40px;
  color: #333;
  width: 100%;
}
#howto-section .title-heading {
    position: relative;
    z-index: 56;
    color: #595959;
    margin: 0;
    font-size: 18px;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    border-bottom: 2px dotted;
    max-width: 500px;
    width: 85%;
    margin: 0 auto;
    text-align: center;
}
#howto-section dl:first-of-type {
  margin: 15px 10px 0;
}
#howto-section .howto-area dl:first-of-type {
    margin: 40px 20px;
}
#howto-section .panel-wrap .flex-wrap{
  display:block;
}
#howto-section dl {
  position: relative;
  z-index: 1;
  margin: 20px 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
#howto-section dl dt {
    color: #2b2b2b;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    letter-spacing: 0.1em;
    border: 1px solid;
    display: inline-block;
    padding: 3px 0;
    position: relative;
    width: 120px;
}
#howto-section dl dt::before {
    display: block;
    position: absolute;
    top: 0px;
    right: -5px;
    width: 16px;
    height: 5px;
    transform: rotate(45deg) translateY(-50%);
    border-bottom: solid 1px;
    background: #ffffff;
    content: "";
    visibility: visible;
}
#howto-section dl dt::after {
    display: block;
    position: absolute;
    bottom: -2px;
    left: -7px;
    width: 15px;
    height: 8px;
    transform: rotate(45deg);
    border-top: solid 1px;
    background: #ffffff;
    content: "";
    visibility: visible;
}
#howto-section dl dd {
  padding: 6px 0 0;
  color: #5d5d5d;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.1em;
  margin: 0;
    width: 100%;
}
#howto-section dl dd > div + div {
  margin-top: 15px;
  padding-top: 15px;
}
#howto-section dl dd > div + div.btn-box {
  margin-top: 15px;
  padding-top: 0;
}
#howto-section dl dd > div h3 {
  color: #a30909;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}
#howto-section dl dd {
  color: #5d5d5d;
  text-align: center;
}
#howto-section dl dd p{
  font-size: 22px;
}
#howto-section dl dd span{
  font-size: 13px;
}
#howto-section dl dd span.week-day{
  font-size: 13px;
  background: #b39bd4;
}
#howto-section 
dl dd > div .more-bt02 p{
	color:#fff;
}
#howto-section .btn-box .button.arw-right {
  margin: 20px auto;
}
#howto-section .notification {
  position: relative;
  background: #757575;


  padding: 11px 15px 15px;
  text-align: center;
  z-index: 2;
    margin: 0 auto 5px;
}
#howto-section .notification::before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    transform: rotate(-45deg) translateX(-50%);
    position: absolute;
    bottom: 0;
    left: 50%;
    background: #757575;
    z-index: -1;
}
#howto-section .notification p {
  color: #ffffff;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.3;
}
#howto-section .notification span {
  font-size: 14px;
}
#howto-section .notification .note {
  padding-top: 5px;
  font-size: 11px;
text-align: left;
    line-height: 1.8;
}

#howto-section .howto-area{
  padding: 28px 0 40px;
}
#howto-section .howto-area .title-heading {
  position: relative;
  z-index: 1;
}
#howto-section .howto-area .title-heading::before {
    background: #991b1b;
}
#howto-section .howto-area .title-heading + p {
  font-size: 12px;
  margin-bottom: 10px;
}
#howto-section .howto-area > p{
  margin: 0 15px;
}
#howto-section .scroll-table {
  overflow-x: scroll;
  width: 100%;
  margin: 0 auto;
}
#howto-section .store-list {
  position: relative;
  z-index: 1;
    width: 180%;
}
#howto-section .store-list thead tr {
  background-color: #aeaeae;
}
#howto-section .store-list thead tr th {
  vertical-align: top;
  padding: 13px;
  color: #ffffff;
  font-weight: bold;
  letter-spacing: 0.1em;
  font-size: 14px;
}
#howto-section .store-list thead tr th span {
  font-size: 12px;
  display: block;
}
#howto-section .store-list thead tr th:nth-child(-n+3) {
  border-right: 1px solid #cfcfcf;
}


#howto-section .store-list tbody tr {
  border-bottom: 1px dashed #717171;
}
#howto-section .net .store-list tbody tr:nth-of-type(2), #howto-section .net .store-list tbody tr:nth-of-type(4), #howto-section .net .store-list tbody tr:nth-child(6), #howto-section .net .store-list tbody tr:nth-of-type(7), #howto-section .net .store-list tbody tr:nth-of-type(9), #howto-section .net .store-list tbody tr:nth-of-type(10), #howto-section .net .store-list tbody tr:nth-of-type(12), #howto-section .net .store-list tbody tr:nth-of-type(14), #howto-section .net .store-list tbody tr:nth-of-type(16), #howto-section .net .store-list tbody tr:nth-of-type(17), #howto-section .net .store-list tbody tr:nth-of-type(18), #howto-section .net .store-list tbody tr:nth-of-type(19) {
  border-bottom: 1px solid #717171;
}
#howto-section .howto-area .store-list tbody tr {
  background-color: #ffffff;
}
#howto-section .howto-area .store-list tbody tr:nth-child(even) {
  background-color: #f3f3f3;
}
#howto-section .net .store-list tbody tr{
    background-color: #f3f3f3;
}
#howto-section .net .store-list tbody tr:nth-child(1), #howto-section .net .store-list tbody tr:nth-child(2), #howto-section .net .store-list tbody tr:nth-child(5), #howto-section .net .store-list tbody tr:nth-child(6), #howto-section .net .store-list tbody tr:nth-child(8), #howto-section .net .store-list tbody tr:nth-child(9), #howto-section .net .store-list tbody tr:nth-child(11), #howto-section .net .store-list tbody tr:nth-child(12), #howto-section .net .store-list tbody tr:nth-child(15), #howto-section .net .store-list tbody tr:nth-child(16), #howto-section .net .store-list tbody tr:nth-child(19)  {
    background-color: #FFFFFF;
}
td.shop {
    text-align: left;
}
#Christmas2025 td.shop a,
#Christmas2025 td a.map-link {
    margin: 0 10px 0 5px;
    padding-right: 23px;
    display: inline-block;
    color: #3066ff;
    position: relative;
}
#Christmas2025 td.shop a::before,
#Christmas2025 td a.map-link::before{
    content: "→";
    display: block;
    position: absolute;
    width: 20px;
    height: 14px;
    font-size: 20px;
    bottom: 6px;
    right: 11px;
    z-index: 1;
    visibility: visible;
    transform: rotate(-45deg);
}
#howto-section .store-list tbody tr td {
  padding: 7px 11px;
  font-size: 12px;
  font-weight: bold;
}
#howto-section .store-list tbody tr td.place {
  border-right: none
}
#howto-section .store-list tbody tr td:nth-child(-n+3) {
  border-right: 1px solid #afafaf;
}
#howto-section .store-list .free-dial img {
  position: relative;
  width: 25px;
  top: -3px;
  margin-right: 2px; 
}
#howto-section .note {
  position: relative;
  z-index: 1;
  padding-top: 20px;
  font-size: 12px;
}
.btn-box {
    margin-top: 20px;
}
#Christmas2025 p.store-note a {
    color: #2d4496;
    font-weight: 600;
}

/*豆知識*/
.tips-section{
	margin-top: 60px;
	padding: 0 15px 50px;
	position: relative;
	color:#333;
	background: #fff;
}

.tips-section .content-block{
  position: relative;
  z-index: 100;
}
.tips-section h4{
	color: #b52da1;
	background: transparent;
	font-size: 17px;
	text-align: left;
	border: none;
	text-shadow:none;
	font-weight: 600;
	margin-bottom: 10px;
	padding: 0;
	position: relative;
	border-bottom:2px dotted;
}
.tips-section .column h4::before{
	content: "";
	display: block;
	position: absolute;
	width: 30px;
	height: 39px;
	bottom:0;
	right: 15px;
	z-index: 20;
	transition: all 0.3s ease 0s;
  background: url("https://www.tokyu-dept.co.jp/image/christmas/2025/santa.webp") no-repeat center/contain;
}
.tips-section .column:nth-of-type(2) h4::before{
  background: url("https://www.tokyu-dept.co.jp/image/christmas/2024/christmas-kid.webp") no-repeat center/contain;
}
.tips-section .column:nth-of-type(3) h4::before{
  background: url("https://www.tokyu-dept.co.jp/image/christmas/2025/presentori.webp") no-repeat center/contain;
}
.column-wrap p{
	line-height: 1.8;
}
.column:nth-of-type(n+2){
	margin-top: 30px;
}

/*-----------------------------------
ポップアップバナー
-----------------------------------*/
.survey-pop{
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 100;
  width: 25%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  transition:0.8s;
  opacity: 0;
  max-width: 350px;
    min-width: 180px;
}
.survey-pop.active{
  opacity: 1;
}
.survey-pop .close{
  margin-bottom: 5px;
  width: 14%;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background: #000;
  position: relative;
  cursor: pointer;
    min-width: 30px;
}
.survey-pop .close span{
  width: 3px;
  height: 63%;
  position: absolute;
  background: #fff;
  top: 18%;
  left: 46%;
  transform: rotate(45deg);
}
.survey-pop .close span:nth-of-type(2){
  transform: rotate(-45deg)
}

@media screen and (min-width:600px){
  #Christmas2025 {
    font-size: 16px;
  }
　　#Christmas2025 a:hover img{
  transform:scale(0.9);
}
  .more-bt02 div span {
    font-size: 24px;
  }
  .more-bt03 a {
    padding: 13px 0;
    font-size: 17px;
  }
  .header-button{
    font-size: 16px;
  }
  .list-wrap > .flex-wrap {
    display: flex;
  }
  .list-wrap > .flex-wrap .list-name {
    width: 43px;
    font-size: 26px;
  }
  
  
  
  .information h2 {
    margin-bottom: 22px;
    font-size: 26px;
  }
  .christmas-leadmessage > div {
    font-size: 26px;
  }
  .christmas-leadmessage > div > div {
    margin-bottom: 15px;
    font-size: 17px;
    padding: 7px 15px;
  }
  .christmas-leadmessage div span {
    font-size: 16px;
  }
  span.week-day {
    width: 25px;
  }
  
  .attention-wrap {
    padding: 20px 0 0;
    background: rgb(83,151,210);
    background: linear-gradient(100deg, rgb(84 151 210) 0%, rgb(145 193 216) 100%);
  }
  
  #christmascake .christmas-title,#ChooseDeli .christmas-title {
    height: 102px;
  }


  .cakedeli-item.swiper-slide-active .cakemv-img,#ChooseDeli .cakedeli-item.swiper-slide-active .cakemv-img{
    width: 118%;
    margin-left: 0;
  }
  .cakemv-img .recommend{
    top: 20px;
    right: -36px;
  }
  .list-wrap > .flex-wrap.size, .list-wrap > .flex-wrap.ranking {
    margin-top: 0;
    padding-bottom: 22px;
  }
	.size-box a{
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    gap: 25px;
}
  .item-info .item-place {
    font-size: 13px;
    line-height: 1.4;
    margin-bottom: 11px;
  }
  .item-info .brand-name {
    font-size: 17px;
  }
  .item-info .item-price {
    font-size: 19px;
  }

  
  .size-box:nth-of-type(3) .size-text {
    font-size: 18px;
  }
  .size-box .size-text {
    font-size: 15px;
  }
  .size-box .size-text span {
    font-size: 24px;
  }
  
  .list-wrap > .flex-wrap.price > .flex-wrap .more-bt02 {
    font-size: 14px;
  }
  
  .brand-link .brand-img {
    width: 50px;
    height: 54px;
  }
  .brand-link .brand-name ,.brand-link .brand-name.long-name{
    font-size: 16px;
  }

  .delivery-cake{
  text-align: center;
  margin:20px 15px;
  }
  .delivery-cake .delivery-cake-text {
    margin: 0 auto 22px;
    padding: 0 0 5px;
    font-size: 15px;
    border-bottom: 2px solid #fff;
    max-width: 600px;
  }
  .delivery-cake .delivery-cake-text span {
    font-size: 17px;
    font-weight: 600;
  }
  .delivery-cake .delivery-cake-text::before {
    bottom: -3px;
    border-left: 2px solid;
    border-bottom: 2px solid;
  }
  .delivery-cake .delivery-bt {
    max-width: 515px;
  }
  .delivery-cake .delivery-bt a {
    padding: 16px 35px 16px 18px;
  }
  .delivery-cake .delivery-bt .title {
    font-size: 22px;
  }
  .delivery-cake .delivery-bt .day-wrap > div:last-of-type {
    font-size: 21px;
  }
  .delivery-cake .delivery-bt .day-wrap > div:first-of-type {
    margin-bottom: 5px;
  }
  
  .list-wrap > .flex-wrap.store > .flex-wrap .flex-wrap.shibuya .store-link:last-of-type{
    width: 100%;
    font-size: 14px;
  }
  .list-wrap > .flex-wrap.store > .flex-wrap .flex-wrap{
  justify-content: center;
  }
  .interview-section .interview-box h4{
    margin-bottom: -28px;
    font-size: 47px;
  }
  .interview-section .interview-box h4 span{
    font-size: 18px;
    margin-bottom: 10px;
    line-height: 1.2;
  }
  
  
  /*ランキング*/
  .list-wrap > .flex-wrap.ranking > div:last-of-type {
    margin: 0 auto;
    max-width: 100%;
  }
  #ranking.list .item > a img {
      border-radius: 50%;
  }

  #ranking.list .item{
      position:relative
  }
  #ranking.list .item > a {
      margin: 0 0 15px;
  }
    .flex-wrap.ranking .item::before {
      width: 40px;
      height: 50px;
  }
  #ranking.list .bx-prev:before,
  #ranking.list .bx-next:before {
      content: "";
      display: block;
      position: absolute;
      width: 6px;
      height: 6px;
      border-top: 2px solid #ffffff;
      border-right: 2px solid #ffffff;
      top: 27px;
      right: 29px;
      transform: rotate(45deg);
      z-index: 20;
      transition: all 0.3s ease 0s;
      left: auto;
      background: transparent;
  }
  #ranking.list .bx-prev:before{
      transform:rotate(-135deg);
          right: 26px;
  }
  #ranking.list .bx-prev::after, .list .bx-next::after {
      content: "";
      display: block;
      position: absolute;
      width: 60px;
      height: 60px;
      border: 1px solid #ffffff;
      top: 0;
      right: 0;
      visibility: visible;
      border-radius: 50%;
      background: #ffffff36;
  }
  #ranking.list .bx-prev, .list .bx-next{
      background: transparent;
      transform: translateY(-50%);
  }
  #ranking .item .tag {
      top: 162px;
  }

}

@media screen and (min-width: 800px){
  .box_attention .inner .size1 {
    width: 100%;
  }
  .box_attention .inner {
      width: 100%;
  }
  .sp-only{
    display: none;
  }
  .pc-only{
    display: block!important;
  }
  .content-block,.column-wrap{
    max-width: 1000px;
    margin: 0 auto;
  }
  .christmas-subtitle{
    font-size: 35px;
    line-height: 1.5;
  }
  .christmas-subtitle span{
    font-size: 18px;
  }
  .header-button{
    margin:0 auto;
    width: 100%;
    max-width: 630px;
  }
  .cakedeli-mv .swiper-wrapper{
  min-height: 450px;
  }
  #ChooseDeli .cakedeli-mv .swiper-wrapper{
    min-height: 450px;
  }
  /*アンカーリンクボタン*/
  .ank-wrap{
    margin: 0;
    height: auto;
  }
  .ank-wrap h2{
    background: #fff;
    font-size: 13px;
    color: #333;
  }
  .ank-wrap .flex-wrap{
    margin: 0 auto 0;
    align-items: stretch;
  }
  .ank-wrap .ank-link::after{
    display: none;
  }
  .ank-wrap .ank-link:nth-of-type(1)::before {
    width: 50px;
    height: 50px;
    bottom: -60px;
  }

  .ank-wrap .ank-link > a{
    padding: 20px 10px;
  }
  #Christmas2025 .ank-wrap .ank-link:nth-of-type(2) a{
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 34px 10px;
  }
  .ank-wrap .ank-link:nth-of-type(1) .ank-title {
    margin: 0;
  }
  .ank-wrap .ank-link .ank-title div{
    padding: 0 15px 0 0;
    font-size: 14px;
    letter-spacing:0.2em;
    position: relative;
  }
  .ank-link .ank-title div::before{
    width: 6px;
    height: 6px;
    bottom: 45%;
    right: -7px;
    transform: rotate(45deg) translateY(50%);
    z-index: 20;
  }
  .ank-wrap .ank-link:nth-of-type(1) .ank-title div::before{
    right: -3px;
    transform: rotate(135deg) translateY(-50%);
  }
  .ank-wrap .ank-link .ank-title div span{
    font-size: 20px;
  }
  .ank-wrap .ank-link .ank-title div span.fukidashi{
    font-size: 11px;
    position: absolute;
    letter-spacing: 0em;
    width: 66px;
    height: 43px;
    left: -20px;
    top: -39px;
    background: url(https://www.tokyu-dept.co.jp/image/christmas/2024/fukidashi.webp) no-repeat center/contain;
    color: #6b6b6b;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .ank-wrap .ank-link .ank-image{
    position:absolute;
    width: 70%;
    height: 40px;
    right: -11px;
    top: 10px;
  }
  #Christmas2025 .ank-link .ank-image img{
    width:100%;
    height:100%;
    object-fit:contain;
  }
  .ank-wrap .ank-link .ank-image {
    width: 35%;
    height: 90px;
    right: 30px;
    top: 11px;
  }
  .ank-wrap .ank-link:nth-of-type(2) .ank-image {
    right: -14px;
    top: 58px;
  }
  .ank-wrap .ank-link .ank-title{
    padding-top: 27px;
    padding-left: 38px;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: flex-end;
  }
  .ank-wrap .ank-link .ank-title div {
        padding: 0 15px 0 0;
        font-size: 21px;
  }
  .ank-wrap .ank-link .ank-title div span.fukidashi,.ank-wrap .ank-link:nth-of-type(1) .ank-title div span.fukidashi  {
    font-size: 15px;
    width: 76px;
    height: 66px;
    left: -79px;
    top: -35px;
    /* line-height: 1.2; */
  }
  .ank-wrap .ank-link .ank-title div span {
    font-size: 33px;
  }
  .ank-link:nth-of-type(2) .ank-title div::before{
    right: -17px;
    bottom: 50%;
  }
  .ank-link:nth-of-type(2) .ank-title div::after{
    right: -51px;
    width: 42px;
    height: 42px;
    bottom: 43%;
  }
  
  /*予約承り日時・受取日*/
  .information{
    margin: 0 auto;
    padding: 36px 0;
  }
  .information h2{
    margin-bottom: 22px;
    font-size: 26px;
    color: #696969;
    letter-spacing: 0.2em;
    position: relative;
    z-index: 100;
  }
  .christmas-leadmessage{
    font-weight: 600;
    text-align: center;
    line-height: 1.8;
    position: relative;
    z-index: 2;
    gap:20px;
    margin: 0 auto 32px;
    max-width: 800px;
    /* color: #fff; */
  }
  .christmas-leadmessage::after{
    content: "";
    display: none;
    position: absolute;
    width: 1px;
    height: 100%;
    border-left: 2px dashed #696969;
    bottom: 0;
    right: 50%;
    transform: translateX(-50%);
    z-index: 20;
    visibility: visible;
  }
  .christmas-leadmessage > div{
    width:calc((100% - 20px) / 2);
    line-height: 1.0;
    font-size: 32px;
  }
  .ank-wrap .ank-link:nth-of-type(2) .christmas-leadmessage > div {
    font-size: 26px;
  }
  .ank-wrap .ank-link:nth-of-type(1) .christmas-leadmessage  span.week-day{
    background:#e56992;
  }
  .christmas-leadmessage div span{
    font-size: 16px;
  }
  span.week-day{
    margin: 0 5px 0!important;
    color: #fff;
    font-size: 11px;
    background: #76afd5;
    aspect-ratio:1/1;
    border-radius: 100vh;
    margin-bottom: 10px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 25px;
  }
  .christmas-leadmessage > div > div{
    margin-bottom: 15px;
    font-size: 16px;
    padding: 7px 15px;
  }
  .christmas-leadmessage > div > div::before{
    display: block;
    position: absolute;
    top: 0px;
    right: -5px;
    width: 16px;
    height: 5px;
    transform: rotate(45deg) translateY(-50%);
    border-bottom: solid 1px;
    content: "";
    visibility: visible;
  }

  .ank-wrap .ank-link:nth-of-type(2) .christmas-leadmessage > div:nth-of-type(1) > div::before{
    background: #f2a5aa;
  }
  .ank-wrap .ank-link:nth-of-type(2) .christmas-leadmessage > div:nth-of-type(1) > div::after{
    background: #f19dab;
  }
  .ank-wrap .ank-link:nth-of-type(2) .christmas-leadmessage > div:nth-of-type(2) > div::before{
    background: #f6b7ab;
  }
  .ank-wrap .ank-link:nth-of-type(2) .christmas-leadmessage > div:nth-of-type(2) > div::after{
    background: #f4aeaa;
  }
  .christmas-leadmessage > div > div::after{
    display: block;
    position: absolute;
    bottom: -3px;
    left: -9px;
    width: 16px;
    height: 5px;

    transform: rotate(45deg) translateY(-50%);
    border-top: solid 1px;
    content: "";
    visibility: visible;
  }
  
  
  .attention-wrap {
    padding: 20px 0 0;
    background: transparent;
  }
  /*渋谷マップバナー*/
  .shibuyamap-bnr {
    margin: 0 auto;
    width:100%;
    grid-column: 3/5;
  }
  .list-wrap{
    padding: 0 20px;
    display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-template-rows: auto;
    gap: 60px 40px;
  }
	#ChooseDeli .list-wrap{
    grid-template-columns: repeat(3,1fr);
    grid-template-rows: auto;
 }
	#ChooseDeli .list-wrap > .flex-wrap,#ChooseDeli .list-wrap > .flex-wrap{
		border-bottom:none
	}
  #christmascake .list-wrap > .flex-wrap.store{
    margin-bottom: 26px;
    grid-column: 1/3;
    border: none;
  }
  .list-wrap > .flex-wrap > div:last-of-type {
    width: 100%;
    max-width: 1000px;
    justify-content: center;
  }
	    .list-wrap > .flex-wrap {
        display: block;
    }
  .list-wrap > .flex-wrap .list-name ,#ChooseDeli .list-wrap > .flex-wrap .list-name{
    margin: 0 0 29px;
    width: 100%;
    writing-mode: lr;
    padding: 0;
    border: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    background: transparent;
    font-size: 33px;
  }
  .list-wrap > .flex-wrap .list-name span{
    margin: 0 0 0 5px;
    writing-mode: lr;
    font-size: 17px;
  }
  #Christmas2025 .more-bt02 a{
    padding: 14px 0px;
    font-size: 18px;
  }
  .more-bt02::before, .more-bt03::before {
    right: 26px;
  }
  .more-bt02:nth-of-type(n+2) {
    margin-top: 43px;
  }
  .map-img{
    width: 80%;
    height: 100px;
    margin: 0 auto;
  }
  #Christmas2025 .map-bt a {
    max-height: 100px;
    width: 100%;
    height: 100%;
  }
  #Christmas2025 .map-img img{
    height: 100%;
    object-fit: contain;
  }
  #christmascake .christmas-title,#ChooseDeli .christmas-title {
    height: 201px;
    margin: 0px auto 27px 39px;
  }

  
  /*バナー*/
.banner-section{
   margin: 80px auto 0;
    max-width: 1500px;
    padding: 0 20px;
}
.banner-section .flex-wrap{
  gap:20px;
}
.banner-section .bnr-link{
  width: calc((100% - 40px)/ 3);
}
  #christmascake {
    padding: 45px 0 100px;
  }
	#ChooseDeli {
    padding: 40px 0 100px;
  }
  .category-section {
    padding: 70px 0 100px;
  }
  .cakemv-img .recommend {
    font-size: 19px;
  }
  .cakedeli-item.swiper-slide {
    transform: scale(.7) translateY(70px);
  }
  .cakedeli-item.swiper-slide.swiper-slide-next {
    transform: scale(.8) translateX(50px);
  }
  .cakedeli-item.swiper-slide.swiper-slide-prev {
    transform: scale(.8) translateX(-50px);
  }
  .cakedeli-item.swiper-slide-active {
    transform: scale(1.1);
  }
  .cakedeli-mv .swiper-button-prev, .cakedeli-mv .swiper-button-next{
    position: absolute;
    bottom: 70px;
    right: 50%;
    left: auto;
    top: auto;
    width: 60px;
    height: 60px;
    margin: 0;
    display: block;
  }
  .cakedeli-mv .swiper-button-next{
    right: 42.5%;
  }
  .swiper-button-prev::before,.swiper-button-next::before{
    content: "";
    display: block;
    position: absolute;
    width: 6px;
    height: 6px;
    border-top: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
    top: 27px;
    right: 29px;
    transform: rotate(45deg);
    z-index: 20;
    transition: all 0.3s ease 0s;
  }
  .swiper-button-prev::before{
    right: 25px;
    transform: rotate(-135deg);
  }
  .swiper-button-prev::after,.swiper-button-next::after{
    content: "";
    display: block;
    position: absolute;
    width: 60px;
    height: 60px;
    border: 1px solid #ffffff;
    top: 0;
    right: 0;
    visibility: visible;
    border-radius: 50%;
    background: #ffffff36;
  }

  .cakedeli-item.swiper-slide-active a{
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .item-info{
    transform: translateX(0)
  }
  .cakedeli-item.swiper-slide-active .item-info{
    transform: translateX(0)
  }
  .cakedeli-item.swiper-slide-active .cakemv-img {
    width: 125%;
    margin-left: 11%;
    height: 250px;
  }
  .cakedeli-item.swiper-slide-active .cakemv-img .recommend {
    top: 20px;
    right: 10px;
  }
  #Christmas2025 .cakedeli-item.swiper-slide-active .cakemv-img img{
    height: 100%;
    object-fit: contain;
  }
  .list-wrap > .flex-wrap.category > .scroll-wrap{
    padding: 10px 0px 0;
    overflow-x: hidden;
    display: flex;
    flex-wrap: wrap;
    gap: 35px 30px;
    max-width: 1000px;
    width: auto;
  }
	#ChooseDeli .list-wrap > .flex-wrap.category > .scroll-wrap{
		gap: 40px 28px;
	}
  .list-wrap > .flex-wrap.category > .scroll-wrap::after{
    display: none;
  }
  .list-wrap > .flex-wrap.category > .scroll-wrap .category-box{
    margin: 0;
    width: calc((100% - 56px) / 3);
    box-sizing: border-box;
    border: 4px dotted;
  }
	.list-wrap > .flex-wrap.category > .scroll-wrap .category-box.chicken{
		width:34%;
	}
  #christmascake .list-wrap > .flex-wrap.category > .scroll-wrap .category-box{
    width: calc((100% - 70px) / 2);
  }
  .list-wrap > .flex-wrap.size > div:last-of-type {
    gap: 15px;
  }
	.list-wrap > .flex-wrap.size > div:last-of-type {
	display: block;
}
	.list-wrap > .flex-wrap.size > div:last-of-type a{
	padding: 20px 0px;
	box-sizing: border-box;
	flex-direction:row;
	border-bottom: 1px dashed #ffffffcc;
}
.list-wrap > .flex-wrap.size > div:last-of-type .size-box:first-of-type a{
	border-top: 1px dashed #ffffffcc;
}
	.size-box .size-text {
    width: calc((100% - 31%) - 10px);
    text-align: left;
}
	#Christmas2025 .size-box:first-of-type img{
	width: 12%;
}
#Christmas2025 .size-box:nth-of-type(2) img{
	width: 14%;
}
#Christmas2025 .size-box:nth-of-type(3) img{
	width: 16%;
}
  #Christmas2025 .size-box img{
    height: 100%;
    object-fit: contain;
  }

  .list-wrap > .flex-wrap.price > .flex-wrap .more-bt02{
    width: 100%
  }
  #Christmas2025 .flex-wrap.price .more-bt02 a{
    font-size: 14px;
  }
  
  .brand-link .brand-name, .brand-link .brand-name.long-name {
    width: calc(100% - 50px);
    
  }
  .list-wrap > .flex-wrap.store > .flex-wrap .flex-wrap ,.list-wrap > .flex-wrap.store > .flex-wrap{
    gap: 20px 10px;
  }
  .list-wrap > .flex-wrap.store > .flex-wrap,.list-wrap > .flex-wrap.store  .list-name{
    width: 92%;
    margin: 0 auto 30px;
  }
  .list-wrap > .flex-wrap.store > .flex-wrap .flex-wrap .store-link {
    width: calc((100% - 30px) / 4);
  }
  .list-wrap > .flex-wrap.store > .flex-wrap .flex-wrap.shibuya .store-link,.list-wrap > .flex-wrap.store > .flex-wrap .flex-wrap.shibuya .store-link:last-of-type,#ChooseDeli .list-wrap > .flex-wrap.store > .flex-wrap .flex-wrap.shibuya .store-link{
    width: calc((100% - 20px) / 3);
  }
  #ChooseDeli .list-wrap > .flex-wrap.store > .flex-wrap .flex-wrap .store-link {
    width: calc((100% - 15px) / 2);
  }

  .map-bt {
    display: flex;
  }
  .interview-section {
    position:relative;
  }
  #interview .content-block{
    max-width:1500px;
    padding: 0 40px;
  }
  .interview-section .interview-box h4 {
    margin-bottom:  -35px;
    font-size: 47px;
    line-height: 0.7;
  }
  .interview-section .interview-box h4.longname {
    margin:10px 19px -69px;
  }
  .interview-section .swiper-button-prev::before, .interview-section .swiper-button-next::before{
	border-top: 2px solid #6b53bf;
	border-right: 2px solid #6b53bf;
	}
  .interview-section .swiper-button-prev::after, .interview-section .swiper-button-next::after{
	border: 1px solid #6b53bf;
	background: #ffffffc2;
	}
  .interview-section .interview-box .flex-wrap .p-img {
	width: 47px;
	}
  .interview-section .interview-box .flex-wrap .interview-title{
	width: calc(100% - 63px);
	padding-left: 0;
	font-weight: 600;
	}
  .interview-section .swiper-button-prev {
    left: 5%;
    width: 60px;
    height: 60px;
    transform: translateX(-50%);
  }
  .interview-section .swiper-button-next {
    right: 5%;
    width: 60px;
    height: 60px;
    transform: translateX(50%);
  }
  
  .bg-wrap{
    margin-top: 50px
  }
  .tips-section {
    padding: 70px 50px 128px;
  }
  #howto-section .title-heading {
    font-size: 23px;
  }
  #howto-section .panel-wrap .flex-wrap {
    display:flex;
    margin: 40px 20px;
    gap:30px;
    justify-content: center;
  }
  #howto-section .panel-wrap .flex-wrap dl {
    margin: 0;
    width:40%
  }
  #howto-section dl {
    position: relative;
    z-index: 1;
    margin: 39px 20px;
  }
  #howto-section dl:first-of-type {
    margin: 23px 20px 0;
  }
  #howto-section dl dt {
    padding: 7px 0 5px;
    font-size: 18px;
    margin: 0 auto;
    width: 180px;
  }
  #howto-section dl dd {
    font-size: 19px;
  }
  #howto-section dl dd p {
    font-size: 30px;
  }
  #howto-section .scroll-table {
    overflow-x: hidden;
    width: 95%;
    margin: 0 auto;
  }
  #howto-section .notification {
    max-width: 80%;
  }
  #howto-section .notification p {
    font-size: 19px;
    line-height: 1.5;
  }
  #howto-section .notification .note {
    padding-top: 13px;
    font-size: 11px;
    line-height: 1.8;
 }
  #howto-section .more-bt02{
    width: 100%;
   }
	#howto-section .more-bt02{
		max-width: 340px;
		text-align: center;
	}
	#howto-section .more-bt02::before{
		right: 31px;
	}
	#howto-section .more-bt02::after{
		right: 20px;
	}
	#howto-section .more-bt02 a{
		padding: 14px 16px;
		box-sizing: border-box;
	}
  #howto-section .store-list {
    width:100%;
  }
}
@media screen and (max-width:767px){
  #howto-section .more-bt02{
    max-width: 300px;
  }
  #howto-section .more-bt02 a{
    padding: 14px 44px;
    box-sizing: border-box;
  }
  #howto-section .more-bt02::before{
    right: 31px;
  }
  #howto-section .more-bt02::after{
    right: 20px;
  }
  
}
@media screen and (min-width:800px) and (max-width:1100px){
  .shibuyamap-bnr {
    grid-column: 1/5;
  }
	#ChooseDeli .list-wrap{
    grid-template-columns: repeat(2,1fr);
    grid-template-rows: auto;
 }
	#ChooseDeli .list-wrap > .flex-wrap.store{
		grid-column:1/4
	}
    #christmascake .list-wrap > .flex-wrap.store{
    grid-column: 1/5;
  }
	.list-wrap > .flex-wrap.category > .scroll-wrap{
		gap:15px
	}
  #christmascake .list-wrap > .flex-wrap.category > .scroll-wrap .category-box,.list-wrap > .flex-wrap.category > .scroll-wrap .category-box{
	  padding-bottom:10px;
	  width: 100%;
	  aspect-ratio: auto;
	  border: none;
	  border-radius: 0;
	  border-bottom: 1px dashed #ffffffcc;
	 }
  #christmascake .list-wrap > .flex-wrap.category > .scroll-wrap .category-box:first-of-type,.list-wrap > .flex-wrap.category > .scroll-wrap .category-box:first-of-type{
	  padding-top: 10px;
	  border-top: 1px dashed #ffffffcc;
	 }
	.category-box a{
		align-items:center
	}
.category-title{
    margin: 0;
    width: calc((100% - 30%));
    height: auto;
    font-size: 15px;
    text-align: left;
}
.category-box .category-img,#ChooseDeli .category-box .category-img{
	width: 30%;
	height: 49px;
	display: block;
	margin: 0 auto;
}
	#Christmas2025 .category-box .category-img img,#ChooseDeli .category-box .category-img img{
		height:100%;
		object-fit:contain;
		width:100%;
	}
}
@media screen and (max-width:799px) and (min-width:600px){
  .ank-wrap .ank-link .ank-title div span {
    font-size: 27px;
  }
  .ank-wrap .ank-link .ank-title {
    margin: 0;
    padding-left: 48px;
  }
}
@media screen and (max-width:799px) and (min-width:500px){
  .ank-wrap .ank-link .ank-title div span.fukidashi,.ank-wrap .ank-link:nth-of-type(1) .ank-title div span.fukidashi  {
    font-size: 12px;
    width: 61px;
    height: 51px;
    left: -61px;
    top: -23px;
  }
  .ank-wrap .ank-link .ank-title {
    margin: 0;
    padding-left: 48px;
  }
}
@media screen and (max-width:799px){
  .list-wrap {
    padding: 0 ;
    column-gap: 30px;
  }
	#christmascake .list-wrap > .flex-wrap.store{
    width: 100%
  }
  #ranking{
    margin-top: 0!important
  }
  #rankinglist{
    width:100%;
    display: block;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    opacity: 1;
  }
  #rankinglist .item:nth-of-type(1){
    margin-left:0;
  }
  #rankinglist .item{
    margin:0 7px;
    width:40%;
    display: inline-block;
    clear: both;
    word-break:break-all;
    overflow:hidden;
    float:none
  }
  #rankinglist .item img{
    overfow:hidden;
    border-radius:50%
  }
  #Christmas2025 #rankinglist .item .name a,#Christmas2025 #rankinglist .item .name {
    word-break:break-all!important;
    white-space: normal;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    font-size:12px;
    font-weight: 600;
  }
  #Christmas2025 #rankinglist .item .name {
	  margin-top:-15px;
    margin-bottom:7px;
    font-size:12px;
  }
  .list-wrap > .flex-wrap .list-name {
  font-weight: 700;
  height: auto;
  }
  .list-wrap > .flex-wrap.ranking .list-name{
    width: 30px;
    margin: 0 auto 0 -9px;
  }
  .list-wrap > .flex-wrap.ranking > div:last-of-type {
    transform: translateX(-20px);
    width: calc(100% - 50px);
  }
	.list-wrap > .flex-wrap.ranking > div:last-of-type #ranking{
		overflow-x:auto;
	}
  .list-wrap > .flex-wrap.brand .flex-wrap{
    width: 95%;
    margin:0 auto
  }
  .survey-pop{
    bottom: 200px;
    right: 8px;
    min-width:100px
 }
  .survey-pop .close{
  margin-bottom:3px;
    width:2px;
  }
  #howto-section .more-bt02 a{
    padding: 14px 16px;
  }
}


@media screen and (min-width:800px) and (max-width:900px){
  .christmas-leadmessage > div {
    font-size: 27px;
  }
  .christmas-leadmessage div span {
    font-size: 13px;
    width: 20px;
  }
  .christmas-leadmessage > div > div {
    margin-bottom: 15px;
    font-size: 14px;
    padding: 5px 11px;
  }
  .cakemv-img .recommend {
    font-size: 14px;
  }
}
@media screen and (min-width:1150px){

  .store-link.scsq {
    font-size: 15px;
   }
	.ank-wrap .ank-link .ank-title div {
    font-size: 27px;
  }
	.ank-wrap .ank-link .ank-title div span {
    font-size: 38px;
  }
	.ank-wrap .ank-link .ank-title div span.fukidashi, .ank-wrap .ank-link:nth-of-type(1) .ank-title div span.fukidashi {
    font-size: 17px;
    width: 90px;
    height: 70px;
    left: -88px;
  }
}
@media screen and (min-width:1230px){
    .cakedeli-mv .swiper-wrapper{
      min-height: 500px;
    }
  .list-wrap {
    padding: 0 50px;
    gap: 80px 50px;
    max-width: 1500px;
    margin: 70px auto 0;
  }
  .list-wrap > .flex-wrap.category > .scroll-wrap .category-box.chicken .category-title{
    top: -31px;
    left: -38px;
  }

  .list-wrap > .flex-wrap.store > .flex-wrap .flex-wrap.shibuya .store-link,#ChooseDeli .list-wrap > .flex-wrap.store > .flex-wrap .flex-wrap.shibuya .store-link{
    width: calc((100% - 10px) / 2);
  }
  #ChooseDeli .list-wrap > .flex-wrap.store > .flex-wrap .flex-wrap.shibuya .store-link:last-of-type{
    width:100%;
  }
  .list-wrap > .flex-wrap.store > .flex-wrap .flex-wrap.shibuya .store-link:last-of-type {
    width: 100%;
  }
  #christmascake .list-wrap > .flex-wrap.store > .flex-wrap .flex-wrap.shibuya .store-link, #christmascake .list-wrap > .flex-wrap.store > .flex-wrap .flex-wrap.shibuya .store-link:last-of-type {
    width: calc((100% - 20px) / 3);
  }
  .cakedeli-mv .swiper-button-prev, .cakedeli-mv .swiper-button-next{
    bottom: 130px;
    right: 50.3%;
  }
  #ChooseDeli .cakedeli-mv .swiper-button-prev, #ChooseDeli .cakedeli-mv .swiper-button-next{
    bottom: 95px;
  }
  .cakedeli-mv .swiper-button-next{
    right: 45%;
  }

}
@media screen and (max-width:1299px){
  .interview-section .interview-box h4 {
    font-size: 37px;
    min-height: 100px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}
@media screen and (min-width:1300px){
  .interview-section .interview-box h4 {
    margin-bottom: 0;
    min-height: 118px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .list-wrap > .flex-wrap.category > .scroll-wrap .category-box.chicken .category-title{
    top: -31px;
    left: -38px;
  }
}
@media screen and (min-width:1000px){
  .ank-wrap .flex-wrap{
    margin: 0 auto 0;
    align-items: stretch;
  }
  .ank-wrap .ank-link{
    transition: 0.3s;
    }
}
@media screen and (min-width:1500px){
  .list-wrap > .flex-wrap .list-name, #ChooseDeli .list-wrap > .flex-wrap .list-name{
    font-size: 42px;
  }
}