@charset "utf-8";
footer.global {
  padding-bottom: 90px;
}
html {
  scroll-behavior: smooth;
}
body{
  background-color: #ffd4d4;
}
#article_contents .flex {
  display: block;
}
footer.global small,footer.global .inner{
  width: 100%;
  max-width: 1200px;
}
main .box_important_notice { margin-bottom: 40px;}
header + .box_important_notice,
.box_important_notice:first-child { margin-bottom: 10px; }
.box_important_notice ul {
  width: 100%;
  max-width: 1200px;
}
#oshichoco main {
  width: 100%;
}
.inner {
  padding: 0;
  max-width: 100%;
}
#article_contents section {
  max-width:100%;
  padding: 0;
}

#oshichoco body{
	margin: 0;
}
#oshichoco html{
	scroll-behavior: smooth;
}
#oshichoco li::marker {
  display: none;
  content: "";
}
#oshichoco{
  box-sizing: border-box;
  font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
  font-size: 15px;
  line-height: 1.7;
  color: #522507;
  width: 100%;
  overflow: hidden;
  max-width: 100%;
}

#oshichoco .main{
  position: relative;
  overflow: hidden; 
}

#oshichoco img{
	width: 100%;
	height: auto;
	vertical-align: bottom;
	transition: 0.5s;
}

#oshichoco a:hover img{
	transform: scale(1.05);
}

#oshichoco a{
	text-decoration: none;
}

.mv:after {
  content: "";
  width: 70%;
  height: 30%;
  position: absolute;
  top: 35%;
  left: 20.8%;
  /* transform: translate(-50%, -50%); */
  /* -webkit-transform: translate(-84%, -56%); */
  -ms-transform: translate(-50%, -50%);
  background: no-repeat;
  background-size: 100%;
  visibility: visible;
  animation: 19s penred infinite;
}

.mv .ank-link {
  position: absolute;
  top: 65%;
  right: 38%;
  width: 50px;
}
.mv .flex-wrap {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap :4px;
}
.mv .ank-link .color-bt {
  width: calc((100% - 4px) / 2);
  border-radius: 50%;
  background: #fff;
  position: relative;
  
}
.mv .ank-link .color-bt a {
  width: 100%;
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
 
.h1-title {
  margin: auto;
  padding-top: 30px;
  max-width: 360px;
  animation: slide 2s;
}

@keyframes slide {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.title-h2 {
  padding: 0 20px;
}
#other .title-h2 {
  padding: 0 30px;
}

#oshichoco .mv{
  position: relative;
  background: url(https://www.tokyu-dept.co.jp/images/season/valentine/2025/oshiiro_bg.webp) no-repeat;
  background-size: 100%;
  height: 754px;
  margin-bottom: 40px;
}


#oshichoco h1 img {
  padding: 0;
}

.furi {
  background: url(https://www.tokyu-dept.co.jp/images/season/valentine/2025/oshiiro_people4.png) no-repeat;
  background-size: 100%;
  position: absolute;
  width: 181px;
  height: 23%;
  top: 81%;
  left: -12%;
  rotate: 18deg;
  animation: 3s furifuri infinite;
}

@keyframes furifuri {
  50% {
    opacity: 1;
    transform: rotate(-1deg) translateY(10px) translateX(-5px);
  }
  0%, 100% {
    opacity: 1;
    transform: rotate(-2deg) translateY(1);
  }
}


.tapboy {
  background: url(https://www.tokyu-dept.co.jp/images/season/valentine/2025/oshiiro_people5.png) no-repeat;
  background-size: 100%;
  height: 20%;
  width: 172px;
  position: absolute;
  top: 88%;
  right: 4px;
  animation: 2s fuwafuwa infinite;
}
@keyframes fuwafuwa {
  0%, 100% {
    transform: translateY(0);
  }
  30% {
    transform: translateY(-13px);
  }
}

.tika {
  background: url("https://www.tokyu-dept.co.jp/images/season/valentine/2025/oshiiro_cameraste.png") no-repeat;
  background-size: 100%;
  width: 100px;
  height: 8%;
  position: absolute;
  top: 57%;
  right: 18px;
  animation: 2s tikatika infinite;
}
@keyframes tikatika {
  0%, 100% {
    opacity: 1;
  }
  50% {
    transform: rotate(6deg) translateY(0) translateX(-0);
  }
}

.cheki {
  background: url("https://www.tokyu-dept.co.jp/images/season/valentine/2025/oshiiro_chekiste.png") no-repeat ;
  background-size: 100%;
  width: 56px;
  height: 7%;
  position: absolute;
  top: 66%;
  right: 15%;
  animation: 2s tikatika infinite;
}

.star {
  background: url("https://www.tokyu-dept.co.jp/images/season/valentine/2025/oshiiro_starste.png") no-repeat ;
  background-size: 100%;
  width: 39px;
  height: 6%;
  position: absolute;
  top: 26%;
  left: 16px;
  animation: 2s tikatika infinite;
}
.megahon {
  background: url(https://www.tokyu-dept.co.jp/images/season/valentine/2025/oshiiro_megahonste.png) no-repeat;
  background-size: 100%;
  width: 129px;
  height: 9%;
  rotate: -89deg;
  position: absolute;
  top: 97%;
  right: 35%;
  animation: 2s tikatika infinite;
}

.subtitle {
  position: absolute;
  top: 73%; 
  left: 10%;
  text-align: center;
}
.subtitle span {
  background-color: #ffffffed;
  font-size: 15px;
  font-weight: 600;
  padding: 2px 5px 1px 7px;
  border-radius: 2px;
   
}

.color-mainimg {
  width: 80%;
  margin-bottom: 50px;
}
.color-mainimg .item-info {
  text-align: left;
  padding: 10px 0 0;
}
.oshichoco-bt{
  width: 70%;
  margin: 20px auto 26px;
  text-align: center;
  border-radius: 100vh;
  border: 2px solid #561d1d;
  font-weight: 600;
  background: #fff;
  position: relative;
  font-size: 20px;
  transition: 0.3s;
  cursor: pointer;
}
.varentop {
  width: 72%;
  margin: 20px auto 0;
  text-align: center;
  border-radius: 100vh;
  font-weight: 600;
  position: relative;
  font-size: 18px;
  transition: 0.3s;
  background: #561d1d;
}
.varentop a {
  padding: 15px 0;
  display: block;
  width: 100%;
  color: #fff;
  text-decoration: none;
  font-size: 16px;
}
.varentop::before{
  content: "";
  display: block;
  position: absolute;
  width: 7px;
  height: 7px;
  border-top: 2px solid #561d1d;
  border-right: 2px solid #561d1d;
  top: 50%;
  right: 25px;
  transform: translateY(-50%) rotate(45deg);
  z-index: 20;
  transition: all 0.3s ease 0s;
}
.varentop::after{
  content: "";
  display: block;
  position: absolute;
  width: 30px;
  height: 30px;
  background: #fff;
  top: 50%;
  right: 13px;
  visibility: visible;
  border-radius: 50%;
  transform: translateY(-50%);
}
.varentop::after, .varentop::before {
  transition: 0.3s;
}
  
.varentop:hover::after {
  right: 8px;
} 
.varentop:hover::before {
  right: 20px;
}

.varentop a div {
  padding-right: 20px;
}

.oshichoco-bt:nth-of-type(n+2){
  margin-top: 30px;
}

.oshichoco-bt:hover, .bt-wrap .oshichoco-bt:hover{
  transform: translateY(-10px);
}

.oshichoco-bt a{
  padding: 12px 0;
  display: block;
  width: 100%;
  color: #561d1d;
  text-decoration: none;
}
.oshichoco-bt div{
  margin-right: 17px;
}
.oshichoco-bt div span{
  font-size: 30px;
  margin-right: 2px;
}
.oshichoco-bt::before{
  content: "";
  display: block;
  position: absolute;
  width: 7px;
  height: 7px;
  border-top: 2px solid #561d1d;
  border-right: 2px solid #561d1d;
  top: 50%;
  right: 25px;
  transform: translateY(-50%) rotate(45deg);
  z-index: 20;
  transition: all 0.3s ease 0s;
}
.oshichoco-bt::after{
  content: "";
  display: block;
  position: absolute;
  width: 30px;
  height: 30px;
  background: #fff;
  top: 50%;
  right: 13px;
  visibility: visible;
  border-radius: 50%;
  transform: translateY(-50%);
}
/*固定ボタン*/
#article_contents #nav-section{
  position: fixed;
  top: 70px;
  right: 2%;
  z-index: 200;
  opacity: 0;
  transition: 0.3s;
  animation: fuwa;
  /* margin: 0!important; */
  width: 70px;
}
@keyframes fuwa{
  0% {
opacity: 0;
  }

  100% {
opacity: 1;
  }
}
#article_contents #nav-section.active{
  opacity: 1;
}
.side-nav{
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: #D5376D;
  font-weight: 600;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  line-height: 1.3;
  transition: 0.5s;
  cursor: pointer;
  margin: 0;
  color: #fff;
}
.side-nav:nth-of-type(1):hover{
  background: #185F07;
}
.side-nav .nav-text{
  font-size: 14px;
}
.illst-mainimg {
  padding: 46px 50px 4px;
}

/*tab切替*/

.category-area {
  display: none;
}

.category-area.active {
  display: block;
}

/*アンカーリンク*/
.top-bt{ 
	position: fixed;
	bottom: 10px;
	right: 10px;
	width: 50px;
	height: 50px;
	font-weight: 600;
	background: #EB5677;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
}

.top-bt a{ 
	color: #fff;
}

.color-bt::before {
	width: 23px;
  display: block;
  content: "";
  height: 23px;
}

#red .pickup-item .item-wrap .item-info::before, #red .varentop {
  background-color: #dd4a4a;
}

#red .brand-name, #red .item-name {
  box-shadow: 4px 4px #dd4a4a;
}

#red .pickup-item .item-wrap, #red .pickup-item .item-wrap .itemimg, #red .varentop::before {
  border-color: #dd4a4a;
}

#orange .pickup-item .item-wrap .item-info::before, #orange .varentop {
  background-color: #ff6e00;
}

#orange .brand-name, #orange .item-name {
  box-shadow: 4px 4px #ff6e00;
}

#orange .pickup-item .item-wrap, #orange .pickup-item .item-wrap .itemimg, #orange .varentop::before {
  border-color: #ff6e00;
}

#yellow .pickup-item .item-wrap .item-info::before, #yellow .varentop {
  background-color: #ffcf2e;
}

#yellow .brand-name, #yellow .item-name {
  box-shadow: 4px 4px #ffcf2e;
}

#yellow .pickup-item .item-wrap, #yellow .pickup-item .item-wrap .itemimg, #yellow .varentop::before {
  border-color: #ffcf2e;
}

#green .pickup-item .item-wrap .item-info::before, #green .varentop {
  background-color: #8ec74d;
}

#green .brand-name, #green .item-name {
  box-shadow: 4px 4px #8ec74d;
}

#green .pickup-item .item-wrap, #green .pickup-item .item-wrap .itemimg, #green .varentop::before {
  border-color: #8ec74d;
}

#blue .pickup-item .item-wrap .item-info::before, #blue .varentop {
  background-color: #27a6db;
}

#blue .brand-name, #blue .item-name {
  box-shadow: 4px 4px #27a6db;
}

#blue .pickup-item .item-wrap, #blue .pickup-item .item-wrap .itemimg, #blue .varentop::before {
  border-color: #27a6db;
}

#purple .pickup-item .item-wrap .item-info::before, #purple .varentop {
  background-color: #5d33c0;
}

#purple .brand-name, #purple .item-name {
  box-shadow: 4px 4px #5d33c0;
}

#purple .pickup-item .item-wrap, #purple .pickup-item .item-wrap .itemimg, #purple .varentop::before {
  border-color: #5d33c0;
}
#pink .pickup-item .item-wrap .item-info::before, #pink .varentop {
  background-color: #ffabd0;
}

#pink .brand-name, #pink .item-name {
  box-shadow: 4px 4px #ffabd0;
}

#pink .pickup-item .item-wrap, #pink .pickup-item .item-wrap .itemimg, #pink .varentop::before {
  border-color: #ffabd0;
}

#white .pickup-item .item-wrap .item-info::before, #white .varentop {
  background-color: #a3ced2;
}

#white .brand-name, #white .item-name {
  box-shadow: 4px 4px #a3ced2;
}

#white .pickup-item .item-wrap, #white .pickup-item .item-wrap .itemimg, #white .varentop::before {
  border-color: #a3ced2;
}

#black .varentop {
  background-color: #333;
}

#black .varentop::before {
  border-color: #333;
}
#colorful .pickup-item .item-wrap .item-info::before, #colorful .varentop {
  background: linear-gradient(107deg, rgb(255 114 199) 0%, rgb(123 214 255) 100%);
}

#colorful .brand-name, #colorful .item-name {
  box-shadow: 4px 4px #728af2;
}

#colorful .pickup-item .item-wrap, #colorful .pickup-item .item-wrap .itemimg, #colorful .varentop::before {
  border-color: #f772d1;
}

.color-wrap {
  padding: 20px 16px 64px;
}
.red {
  background-color: #ffcaca;
}
.orange {
  background-color: #ffe2c6;
}
.yellow {
  background-color: #ffecad;
}
.green {
  background-color: #d6f0b8;
}
.blue {
  background-color: #88d7f9;
}
.purple {
  background-color: #cabaee;
}
.pink {
  background-color: #ffd6e8;
}
.white {
  background-color: #f0ffff;
}
.black {
  background-color: #d3d3d3;
}
.colorful {
  background: linear-gradient(107deg, rgb(255 205 235) 0%, rgb(203 239 255) 100%);
}
.mv .ank-link .color-bt.red {
  background-color: #dd4a4a;
}
.mv .ank-link .color-bt.orange {
  background-color: #ff6e00;
}
.mv .ank-link .color-bt.yellow {
  background-color: #ffcf2e;
}
.mv .ank-link .color-bt.green {
  background-color: #8ec74d;
}
.mv .ank-link .color-bt.blue {
  background-color: #27a6db;
}
.mv .ank-link .color-bt.purple {
  background-color: #5d33c0;
}
.mv .ank-link .color-bt.pink {
  background-color: #ff77bb;
}
.mv .ank-link .color-bt.white {
  background-color: #e6fdff;
}
.mv .ank-link .color-bt.black {
  background-color: #333333;
}
.mv .ank-link .color-bt.colorful {
  background: linear-gradient(107deg, rgb(255 114 199) 0%, rgb(123 214 255) 100%);
}

.color-lead {
	margin: 20px 10px 30px;
}
.color-lead div {
	font-size: 18px;
	font-weight: 600;
	text-align: center;
}

.flex-wrap {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.brand-name, .item-name {
  background-color: #fff;
  padding: 3px 3px 0 6px;
  font-weight: 600;
  box-shadow: 4px 4px #4e4e4e;
  color: #522507;
}
.item-name span {
  font-size: 12px;
}
.pickup-p {
  margin: 0 auto;
  text-align: center;
  font-weight: 600;
}

/*カラー商品大サイズ*/
.main-box {
	position: relative;
  height: 440px;
}
.color-title {
  max-width: 42px;
  position: absolute;
  top: 6px;
  left: 0;
}
.mainimg {
  position: absolute;
  top: 76px;
  right: 0px;
  width: 82%;
  rotate: 3deg;
}
#orange .mainimg {
  top: 40px;
}
#blue .mainimg {
  top: 50px;
	right: 4px;
}
#yellow .mainimg {
  top: 5px;
  right: -18px;
}
#green .mainimg {
	top: 20px;
	right: 7px;
}
#purple .mainimg{
	top: 20px;
}
#pink .mainimg {
  top: 42px;
}
#white .mainimg {
  right: 0px;
	top: 42px;
}
#black .mainimg {
  top: 18px;
  right: 12px;
  width: 76%;
}
#colorful .mainimg {
  top: 38px;
  right: -10px;
}
#yellow .mainimg img{
	width: 80%;
}
#colorful .mainimg  img{
	width: 90%;
}
.main-box .item-info {
  position: absolute;
  bottom: 40px;
  left: -20px;
}

.main-box .brand-name {
  font-size: 18px;
  margin-bottom: 10px;
  padding-left: 13px;
}
.main-box .item-name {
  padding-left: 13px;
}
.main-box .brand-name, .main-box .item-name {
  padding-right: 7px ;
}
/*カラー商品小サイズ*/
.pickup-item .item-wrap {
  border: 2px solid #333;
  margin-bottom: 20px;

}
.pickup-item .item-wrap:hover .item-info::after {
  right: 67px;
}
.pickup-item .item-wrap:last-of-type {
  margin-bottom: 0;
}
.pickup-item .item-wrap a {
  display: flex;
  flex-wrap: nowrap;
}
.pickup-item .item-wrap .itemimg {
  border-right: 2px solid;
	width: 55%;
  height: auto;
  overflow: hidden;
}
#oshichoco .pickup-item .item-wrap .itemimg img{
	height: 100%;
	object-fit: cover;
}
.pickup-item .item-wrap .item-info {
  width: calc(100% - 55%);
  position: relative;
  padding-top: 9px;
  padding-bottom: 43px;
}
.pickup-item .item-wrap .brand-name {
  margin-bottom: 6px;
}
.pickup-item .item-wrap .item-info::before {
  position: absolute;
  bottom: 5px;
  right: 50px;
  background-color: #333333;
  width: 48px;
  height: 28px;
  content: "";
  border-radius: 38px;
}
.pickup-item .item-wrap .item-info::after {
  content: "";
  position: absolute;
  bottom: 14px;
  right: 72px;
  border-bottom: 3px solid #fff;
  border-left: 3px solid #fff;
  width: 6px;
  height: 6px;
  rotate: 225deg;
  visibility: visible;
  transition: 0.3s;
}
/*バレンタインの楽しみ方*/
#howto {
  padding: 20px 16px 25px;
}
.howto-swipe {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: hidden;
}
.howto-img {
  width: 100%;
  background-color: #333;
  border-radius: 50%;
}

.swiper--wrapper {
  /* wrapperのサイズを調整 */
  width: 100%;
  height: 300px;
}

.swiper-slide {
  /* スライドのサイズを調整、中身のテキスト配置調整、背景色 */
  color: #ffffff;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 300px;
}

.swiper {
  height: 38vh;
  margin-top: 16px;
}
.swiper-pagination-bullet-active {
  background: #561d1d;
}

/*推しoo*/
#other {
  background-color: #ffecdd;
  padding: 20px 0 30px;
}

.other-wrap {
  margin: 56px 16px;
  width: 80%;
}

.other-wrap a {
  position: relative;
  display: block;
}
.other-title {
  position: absolute;
  top: -20px;
  right: -21px;
  width: 28%;
  z-index: 1;
  height: 100%;
}
.other-img {
  border: 2px solid #dd4a4a;
}
.other-wrap:nth-of-type(2n) {
  margin-left: calc(100% - 85%);
}
.other-wrap:nth-of-type(2n) .other-title {
  position: absolute;
  left: -21px;
}

.item-text {
  line-height: 1.6;
  font-size: 14px;
  margin-top: 16px;
}
.middletext {
  text-align: center;
  font-weight: 600;
  font-size: 18px;
  line-height: 1.6;
  margin-bottom: 40px;
}

.item-info .other-name {
  font-weight: 600;
  font-size: 16px;
  width: 97%;
  margin: auto;
  padding: 13px 0;
  text-align: center;
  border-radius: 100vh;
  border: 2px solid #561d1d;
  position: relative;
  transition: 0.3s;
  color: #561d1d;
}
.item-info .item-price{
	font-size: 18px;
	font-weight: 600;
	line-height: 1.2;
}
.item-info .item-price span{
	margin-left: 2px;
	font-size: 13px;
}

.penbt.ank-link{
  margin: 30px 0 50px;
  transform: rotate(14deg);
  position: absolute;
  top: 41%;
  left: 40%;
  width: 24%;
}
.penbt .color-bt{
  margin-right: 6px;
  position: relative;
  width: calc((100% - -5px) / 3);
}
.penbt .color-bt:nth-of-type(2n){
	margin-right: 0;
}
.penbt .color-bt:nth-of-type(n+3){
	margin-top: 10px;
}

  
.penbt .red {
  background-color: #ffcaca;
}
.penbt .orange {
  background-color: #ffe2c6;
}
.penbt .yellow {
  background-color: #ffcf2e;
}
.penbt .green {
  background-color: #8ec74d;
}
.penbt .blue {
  background-color: #27a6db;
}
.penbt .purple {
  background-color: #5d33c0;
}
.penbt .pink {
  background-color: #ffabd0;
}
.penbt .white {
  background-color: #f0ffff;
}
.penbt .black {
  background-color: #333333;
}
.penbt .colorful {
  background: rgb(175,255,110);
  background: linear-gradient(144deg, rgba(175,255,110,1) 0%, rgba(161,212,255,1) 100%);
}


.mv .pen_color {
  background: no-repeat center/59%;
  width: 100%;
  height: 100%;
  animation: 20s pen_red linear infinite;
}

.scroll-up {
  opacity: 0; 
  visibility: hidden;
  transform: translateY(50px);
  transition: all 1s;
}
.scroll-up.is-show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0px);
}

@media screen and (max-width: 850px) {
	#oshichoco .mv {
		padding: 100% 0; 
		position: relative;
		background: url(https://www.tokyu-dept.co.jp/images/season/valentine/2025/oshiiro_bg.webp) no-repeat;
		background-size: 100%;
		height: 100%;
		margin-bottom: 40px;
	}
	body {
		background-color: #fff;
	}
	.color-wrap.red {
		padding-top: 60px;
	}
	.pc-only{
		display: none;
	}
	.color-bt::before {
		width: 45px;
		height: 24px;
	}
	.mv:after {
		top: 35.2%;
		left: 20.8%;
	}

	.mv .ank-link {
		top: 66%;
		right: 38%;
		width: 12%;
		/* height: 600px; */
	}
	.subtitle {
		top: 75%;
		left: 11%;
		width: 33%;
		max-width: 120px;
	}

	.h1-title {
		width: 90%;
		max-width: none;
		position: absolute;
		top: 30px;
		left: 50%;
		-webkit-transform: translate(-50%, -14%);
		-ms-transform: translate(-50%, -50%);
	}

	.title-h2 {
		padding: 0 20px;
	}

	#other .title-h2 {
		padding: 0 30px;
	}

	.pickup-item .item-wrap:hover .item-info::after {
		right: 28px;
	}

	.furi {
		width: 100%;
		height: 32%;
		top: 19%;
		left: -19%;
		max-width: 190px;
	}

	.tapboy {
		height: 25%;
		width: 100%;
		max-width: 204px;
		top: 91%;
		right: 2%;
	}

	.tika {
		width: 30%;
		height: 18%;
		top: 60%;
		right: 2%;
		max-width: 149px;
	}

	.cheki {
		width: 13%;
		height: 12%;
		top: 70%;
		right: 18%;
	}

	.star {
		width: 7%;
		height: 11%;
		top: 17%;
		left: 3%;
	}

	.megahon {
		width: 42%;
		max-width: 175px;
		rotate: -128deg;
		top: 95%;
		right: 59%;
	}


	.mainimg {
		position: absolute;
		top: 48px;
		right: 0px;
		max-width: none;
		width: 78%;
		rotate: 3deg;
	}

	#red .mainimg {
		top: 75px;
		right: 4px;
	}
	#orange .mainimg {
		top: 54px;
		right: 10px;
	}
	#yellow .mainimg {
		top: 12px;
	}
	#green .mainimg {
		top: 27px;
	}
	#blue .mainimg {
		top: 50px;
	}
	#purple .mainimg {
		top: 35px;
	}
	#pink .mainimg {
		top: 52px;
	}
	#white .mainimg{
		right: 8px;
	}
	#black .mainimg {
		width: 73%;
		right: 15px;
	}

	.brand-name {
		font-size: 18px;
		margin-bottom: 10px;
	}
	/*.pickup-item .item-wrap .itemimg {
		width: 60%;
	}*/
	#oshichoco .pickup-item .item-wrap .itemimg img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		overflow: hidden;
	}
	.pickup-item .item-wrap .item-info {
		padding-top: 22px;
	}
	.pickup-item .item-wrap .item-info::before {
		bottom: 12px;
		right: 12px;
	}
	.pickup-item .item-wrap .item-info::after {
		bottom: 21px;
		right: 33px;
	}
	.swiper {
		height: 100%;
		margin-top: 56px;
	}

	#colorful .mainimg {
		top: 34px;
		right: -6px;
	}
}
@media screen and (min-width: 849px){
.feature {
  margin-bottom: -80px;
}

#oshichoco {
  display: flex;
  padding-bottom: 0;
  justify-content: center;
}
.main {
  width: 375px;
  background: #fff;
  padding: 0 0 60px;
  box-shadow: 0 5px 60px #9e9c8999;
  z-index: 5;
}

.pc-only {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #ffd4d4;
  width: calc((100%  - 375px) / 2);
  display: flex;
  align-items: center;
  justify-content: center;
}
  
.pc-only .fixed{
  width: 100%;
}
.pc-only.leftback {
  background: url(https://www.tokyu-dept.co.jp/images/season/valentine/2025/oshiiro_people4.png) no-repeat 98% 36% / 23%, url(https://www.tokyu-dept.co.jp/images/season/valentine/2025/oshiiro_megahonste.png) no-repeat 8% 93% / 22%, url(https://www.tokyu-dept.co.jp/images/season/valentine/2025/oshiiro_starste.png) no-repeat 32% 97% / 6%, url(https://www.tokyu-dept.co.jp/images/season/valentine/2025/oshiiro_people1.png) no-repeat 1% 3% / 27%, url(https://www.tokyu-dept.co.jp/images/season/valentine/2025/oshiiro_penste.png) no-repeat 94% 7% / 8%, url(https://www.tokyu-dept.co.jp/images/season/valentine/2025/oshiiro_people2.png) no-repeat 88% 117% / 23%;
}
  
.pc-only.rightback {
  background: url(https://www.tokyu-dept.co.jp/images/season/valentine/2025/oshiiro_people5.png) no-repeat 88% 93% / 30%, url(https://www.tokyu-dept.co.jp/images/season/valentine/2025/oshiiro_cameraste.png) no-repeat 59% 99% / 16%, url(https://www.tokyu-dept.co.jp/images/season/valentine/2025/oshiiro_penste.png) no-repeat 97% 3% / 7%, url(https://www.tokyu-dept.co.jp/images/season/valentine/2025/oshiiro_people3.png) no-repeat 2% 14% / 17%, url(https://www.tokyu-dept.co.jp/images/season/valentine/2025/oshiiro_starste.png) no-repeat 91% 17% / 6%;
}
  
.pc-only.leftback .left-title {
  width: 70% !important;
  max-width: 400px;
}
.pc-only.leftback .leftbox {
  width: 80%;
  margin: 30px auto 0;
  max-width: 468px;
}
.pc-only.leftback .fixed {
  text-align: center;
}
.pc-only.leftback .leftbox .left-wrap {
  background-color: #fff;
  margin-bottom: 16px;
  box-shadow: 2px 3px 8px 0px #ffbebe;
  text-align: center;
}
.pc-only.leftback .leftbox .left-wrap a {
  padding: 10px 16px;
  display: block;
}
.pc-only.rightback{
  left: auto
}
.pc-only.rightback ul {
  display: flex;
  flex-wrap: wrap;
  gap :20px;
  max-width: 380px;
}
.pc-only.rightback ul li {
  width: calc((100% - 40px) / 3);
  transition: 0.3s;
}
.pc-only.rightback ul li:hover {
  transform: scale(1.03);
}
.pc-only.rightback ul li a {
  display: block;
}

.pc-only ul{
  padding: 20px;
  font-weight: 700;
  font-style: normal;
}

.top-bt{
  display: none;
  z-index: 2000;
}
}
@keyframes penred {
  0%,100% {
    opacity: 1;
    background-image: url(https://www.tokyu-dept.co.jp/images/season/valentine/2025/oshiiro_penlighttop_red.png);
    }

  10% {
    opacity: 1;
    background-image: url(https://www.tokyu-dept.co.jp/images/season/valentine/2025/oshiiro_penlighttop_orange.png);
  }

  20% {
    opacity: 1;
    background-image: url(https://www.tokyu-dept.co.jp/images/season/valentine/2025/oshiiro_penlighttop_yellow.png);
  }

  30% {
    opacity: 1;
    background-image: url(https://www.tokyu-dept.co.jp/images/season/valentine/2025/oshiiro_penlighttop_green.png);
  }

  40% {
    opacity: 1;
    background-image: url(https://www.tokyu-dept.co.jp/images/season/valentine/2025/oshiiro_penlighttop_blue.png);
  }

  50% {
    opacity: 1;
    background-image: url(https://www.tokyu-dept.co.jp/images/season/valentine/2025/oshiiro_penlighttop_purple.png);
  }

  60% {
    opacity: 1;
    background-image: url(https://www.tokyu-dept.co.jp/images/season/valentine/2025/oshiiro_penlighttop_pink.png);
  }

  70% {
    opacity: 1;
    background-image: url(https://www.tokyu-dept.co.jp/images/season/valentine/2025/oshiiro_penlighttop_white.png);
  }

  80% {
    opacity: 1;
    background-image: url(https://www.tokyu-dept.co.jp/images/season/valentine/2025/oshiiro_penlighttop_black.png);
  }
  90% {
    opacity: 1;
    background-image: url(https://www.tokyu-dept.co.jp/images/season/valentine/2025/oshiiro_penlighttop_colorful.png);
  }
}


/*推し○○バレンタイン*/

.other .otherpage {
  margin: 0 20px;
}
.other .otherpage .nav-box {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  justify-content: center;
  margin: 36px 20px;
}

.other .otherpage  .nav-wrap {
  width: calc((100% - 32px) / 3);
  position: relative;
  display: block;
}

.other .otherpage  .nav-wrap:after {
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  border-bottom: 3px solid #dd4a4a;
  border-left: 3px solid #dd4a4a;
  position: absolute;
  bottom: 12px;
  left: 41%;
  rotate: -45deg;
}

.copy {
  font-size: 22px;
  font-weight: 600;
  color: #522507;
  margin: 15px 0 10px;
  line-height: 1.4;
}

.other .otherpage .other-img {
  rotate:3deg;
}


.other .otherpage #heart .pickup-item .item-wrap .item-info::before, #heart .varentop {
  background-color: #dd4a4a;
}
.other .otherpage #heart .brand-name, #heart .item-name {
  box-shadow: 4px 4px #dd4a4a;
}
.other .otherpage #heart .pickup-item .item-wrap, #heart .pickup-item .item-wrap .itemimg, #heart .varentop::before {
  border-color: #dd4a4a;
}

.other .otherpage #animal .pickup-item .item-wrap .item-info::before, #animal .varentop {
  background-color: #ffcf2e;
}
.other .otherpage #animal .brand-name, #animal .item-name {
  box-shadow: 4px 4px #ffcf2e;
}
.other .otherpage #animal .pickup-item .item-wrap, #animal .pickup-item .item-wrap .itemimg, #animal .varentop::before {
  border-color: #ffcf2e;
}
.other #animal .other-img {
  border: 2px solid #ffcf2e;
}
.other .otherpage #flower .pickup-item .item-wrap .item-info::before, #flower .varentop {
  background-color: #27a6db;
}
.other .otherpage #flower .brand-name, #flower .item-name {
  box-shadow: 4px 4px #27a6db;
}
.other .otherpage #flower .pickup-item .item-wrap, #flower .pickup-item .item-wrap .itemimg, #flower .varentop::before {
  border-color: #27a6db;
}
.other #flower .other-img {
  border: 2px solid #27a6db;
}

.other .mv:after {
  display: none;
}
#oshichoco.other .mv {
  background: url(https://www.tokyu-dept.co.jp/images/season/valentine/2025/oshiiro_other_bg.png) no-repeat;
  background-size: 100%;
  height: 513px;
}

.other .h1-title {
  padding-top: 130px;
  max-width: 345px;
  animation: slide 2s;
}

.other .furi {
  height: 40%;
  top: 68%;
  left: -12%;
  rotate: 18deg;
  animation: 3s furifuri infinite;
}
.other .tapboy {
  height: 31%;
  width: 172px;
  top: 77%;
  right: 4px;
  animation: 2s fuwafuwa infinite;
}
.other .megahon {
  height: 11%;
  rotate: -89deg;
  top: 91%;
  right: 38%;
  animation: 2s tikatika infinite;
}
.other .tika {
  height: 13%;
  top: 58%;
  right: 11px;
  animation: 2s tikatika infinite;
}
.other .cheki {
  width: 49px;
  height: 10%;
  top: 72%;
  right: 27%;
  animation: 2s tikatika infinite;
}
.other .star {
  height: 8%;
  top: 12%;
  left: 16px;
  animation: 2s tikatika infinite;
}
#oshichoco.other .main {
  background-color: #ffecdd;
}
#oshichoco.other .pickup-item .item-wrap .itemimg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  overflow: hidden;
}


@media screen and (max-width: 850px) {
.other .furi {
  width: 100%;
  height: 44%;
  top: 63%;
  left: -19%;
  max-width: 190px;
}
.other .tapboy {
  height: 37%;
  width: 100%;
  max-width: 177px;
  top: 78%;
  right: 2%;
}
.other .megahon {
  width: 36%;
  max-width: 175px;
  rotate: -128deg;
  top: 96%;
  right: 49%;
}
.other .tika {
  width: 25%;
  height: 18%;
  top: 63%;
  right: 2%;
  max-width: 129px;
}
.other .cheki {
  width: 13%;
  height: 12%;
  top: 68%;
  right: 27%;
}
.other .star {
  width: 10%;
  height: 11%;
  top: 10%;
  left: 3%;
}
#oshichoco.other .mv {
  margin-bottom: 0;
  height: 0;
  padding: 70% 0;
}
.other .middletext {
  margin-top: 40px;
}

}