@charset "UTF-8";

/* common css
======================================================================================== */
/* System add style
========================================================================================
======================================================================================== */
/* img Aspect - js
============================================ */
.js-imgAspect.u-imgAspect,
.js-imgAspect>.u-imgAspect {
  -o-object-fit: cover;
  object-fit: cover;
  max-width: 100%;
}

/* gift Search - js
============================================ */
[class].c-giftselectsearch {
  position: relative;
  z-index: 0;
  display: block;
  width: 100%;
  padding: 60px 30px 30px;
  margin: 0;
  background-color: transparent;
  background-image: unset;
  background-position: unset;
  background-size: unset;
}

[class].c-giftselectsearch__inner {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}

[class].c-giftselectsearch__title {
  position: relative;
  z-index: 0;
}

[class].c-giftselectsearch__title>span {
  position: relative;
  z-index: 5;
}

[class].c-giftselectsearch__title::after {
  position: absolute;
  top: -45px;
  left: calc(50% + 115px);
  z-index: 0;
  display: block;
  width: 130px;
  height: 130px;
  content: "";
  background: url("https://www.takashimaya.co.jp/include/shopping/common/image/commonicn_giftsearch_240109.svg") no-repeat center center/contain;
  -webkit-filter: brightness(0) saturate(100%) invert(97%) sepia(54%) saturate(5529%) hue-rotate(171deg) brightness(107%) contrast(85%);
  filter: brightness(0) saturate(100%) invert(97%) sepia(54%) saturate(5529%) hue-rotate(171deg) brightness(107%) contrast(85%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

[class].c-giftselectsearch__btn * {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

@media screen and (max-width: 768px) {
  [class].c-giftselectsearch__title::after {
    top: -13px;
    left: calc(50% + 65px);
    width: 100px;
    height: 100px;
  }
}

[class].c-giftselectsearch+[class].c-giftselectsearch {
  padding-top: 30px;
}

.l-block .c-giftselectsearch[class] {
  width: calc(100% + 60px);
  margin-left: -30px;
}

@media screen and (max-width: 768px) {
  .l-block .c-giftselectsearch[class] {
    width: calc(100% + 20px);
    margin-left: -10px;
  }
}

.c-selectbox__body[class] {
  font-size: 18px;
}

.c-selectbox__body[class]:disabled {
  background: #dedede;
}

/* 特集コンテンツ
============================================ */
@media screen and (max-width: 1080px) {
  .p-productwrap__block.-large>.l-block[data-value=MOD_JP_00082] .c-specialblock__imagebanner {
    width: calc(100% + 60px);
    margin-left: -30px;
  }
}

@media screen and (max-width: 768px) {
  .p-productwrap__block.-large>.l-block[data-value=MOD_JP_00082] .c-specialblock__imagebanner {
    width: calc(100% + 20px);
    margin-left: -10px;
  }
}

/* l-inner
============================================ */
.p-productwrap__block.-large>.l-block .l-inner {
  display: block;
}

/* sto img
============================================ */
img[src*="/sto/image/product/product_image_main/"]:not(.u-imgAspect),
img[src*="/sto/image/product/product_image_sub/"]:not(.u-imgAspect) {
  display: inline-block;
  aspect-ratio: 1/1;
}

/* modal
============================================ */
.js-modal-open[data-modal]:hover {
  cursor: pointer;
}

.js-modal-open[data-modal]:hover * {
  cursor: pointer;
}

@media screen and (min-width: 769px) {
  .js-modal-open[data-modal]:hover {
    opacity: 0.5;
  }
}

/* nav
============================================ */
.c-nav__linkwrap {
  background-color: #3DB1C6;
}

.c-nav__linkwrap:hover {
  cursor: pointer;
}

@media screen and (min-width: 769px) {
  .c-nav__linkwrap:hover {
    opacity: 0.5;
  }
}

/* hotword
============================================ */
.c-hotkeyword {
  background-color: transparent !important;
}

/* accordion
============================================ */
.c-accordion+.c-accordion {
  margin-top: 1px;
}

/* category
============================================ */
.c-categoryNormalbox__body[data-view~=underlayer]>.c-categoryNormalbox__name,
.c-categoryNormalbox__body[data-view~=underlayer]>.c-categoryNormalbox__image {
  grid-area: 1/1;
}

.c-categoryNormalbox__body[data-view~=underlayer]>.c-categoryNormalbox__image {
  text-align: center;
}

/* Utility
========================================================================================
======================================================================================== */
/* Font Color
============================================ */
.mc-fc__main {
  color: #3DB1C6 !important;
}

.mc-fc__sub {
  color: #0759B1 !important;
}

.mc-fc__base {
  color: #FFFAE2 !important;
}

.mc-fc__black {
  color: #313131 !important;
}

.mc-fc__white {
  color: #fff !important;
}

.mc-fc__gray {
  color: #6e6e6e !important;
}

/* Background color
============================================ */
.mc-bgc__main {
  /*background-color: #3DB1C6 !important;*/
  background-color: #0759B1 !important;
  /*2026*/
}

.mc-bgc__sub {
  background-color: #0759B1 !important;
}

.mc-bgc__base {
  /*background-color: #FFFAE2 !important;*/
  background-color: #EAF7FF !important;
  /*2026*/
}

.mc-bgc__em {
  background-color: #FFFAE2 !important;
}

@media screen and (max-width: 768px) {
  .mc-bgc__em__sp {
    background-color: #FFFAE2 !important;
  }
}

@media screen and (min-width: 769px) {
  .mc-bgc__em__pc {
    background-color: #FFFAE2 !important;
  }
}

.mc-bgc__induction {
  background-color: #FFEBF0 !important;
}

.mc-bgc__black {
  background-color: #313131 !important;
}

.mc-bgc__white {
  background-color: #fff !important;
}

.mc-bgc__gray {
  background-color: #d5d5d5 !important;
}

.mc-bgc__none {
  background-color: transparent !important;
}

.l-block:not(.mc-bgc__base)+.l-block.mc-bgc__base,
.l-block.mc-bgc__base+.l-block:not(.mc-bgc__base),
.l-block:not(.mc-bgc__induction)+.l-block.mc-bgc__induction,
.l-block.mc-bgc__induction+.l-block:not(.mc-bgc__induction) {
  padding-top: 30px;
}

.l-block.u-bgc__base+.l-block.mc-bgc__base,
.l-block.mc-bgc__base+.l-block.u-bgc__base,
.l-block.u-bgc__lightgreen+.l-block.mc-bgc__base,
.l-block.mc-bgc__base+.l-block.u-bgc__lightgreen {
  padding-top: 0;
}

.p-productwrap .-large .l-block.mc-bgc__base {
  padding-right: 20px;
  padding-left: 20px;
}

@media screen and (max-width: 1080px) {
  .p-productwrap .-large .l-block.mc-bgc__base {
    width: calc(100% + 60px);
    padding-right: 30px;
    padding-left: 30px;
    margin-left: -30px;
  }
}

@media screen and (max-width: 768px) {
  .p-productwrap .-large .l-block.mc-bgc__base {
    width: calc(100% + 20px);
    padding-right: 10px;
    padding-left: 10px;
    margin-left: -10px;
  }
}

.l-block.u-bgc__lightgreen,
.l-block.u-bgc__base,
.l-block[data-value=MOD_JP_00080] [class*=__arrow],
.l-block[data-value=MOD_JP_00016] [class*=__arrow] {
  background-color: #EAF7FF !important;
}

.l-block.u-bgc__base

.c-accordion__title * {
  cursor: pointer;
}

.c-accordion__title[class*=mc-fc__main]>.c-accordion__icon::before,
.c-accordion__title[class*=mc-fc__main]>.c-accordion__icon::after {
  background-color: #3DB1C6 !important;
}

.c-accordion__title[class*=mc-fc__sub]>.c-accordion__icon::before,
.c-accordion__title[class*=mc-fc__sub]>.c-accordion__icon::after {
  background-color: #0759B1 !important;
}

.c-accordion__title[class*=mc-fc__white]>.c-accordion__icon::before,
.c-accordion__title[class*=mc-fc__white]>.c-accordion__icon::after {
  background-color: #fff !important;
}

.c-accordion__title[class*=mc-fc__gray]>.c-accordion__icon::before,
.c-accordion__title[class*=mc-fc__gray]>.c-accordion__icon::after {
  background-color: #d5d5d5 !important;
}

/* Border
============================================ */
.mc-border__main {
  border: 1px solid #3DB1C6;
}

.mc-border__sub {
  border: 1px solid #0759B1;
}

.mc-border__black {
  border: 1px solid #313131;
}

.mc-border__white {
  border: 1px solid #fff;
}

.mc-border__none {
  border: none !important;
}

.mc-berc__main {
  border-color: #3DB1C6 !important;
}

.mc-berc__sub {
  border-color: #0759B1 !important;
}

.mc-berc__black {
  border-color: #313131 !important;
}

.mc-berc__white {
  border-color: #fff !important;
}

.mc-berr__none {
  border-radius: 0 !important;
}

.mc-berr__corner {
  overflow: hidden;
  border-radius: 6px;
}

.mc-berr__full {
  overflow: hidden;
  border-radius: 50%;
}

.mc-berw__1 {
  border-width: 1px !important;
}

.mc-berw__2 {
  border-width: 2px !important;
}

.mc-berw__3 {
  border-width: 3px !important;
}

/* Parts
========================================================================================
======================================================================================== */
/* MV text block
============================================ */
.p-mvTextblock {
  padding: 30px;
}

.p-mvTextblock__inner {
  max-width: 1200px;
  margin: 0 auto;
}

.p-mvTextblock__descArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.p-mvTextblock__descArea p,
.p-mvTextblock__descArea ul.c-list {
  display: inline-block;
  width: auto;
}

.p-mvTextblock__navArea+.p-mvTextblock__descArea,
.p-mvTextblock__descArea+.p-mvTextblock__navArea {
  margin-top: 30px;
}

.p-productwrap .-large .p-mvTextblock {
  padding-right: 0;
  padding-left: 0;
}

.l-block:not(.mc-bgc__base)+.p-mvTextblock,
.p-mvTextblock+.l-block:not(.mc-bgc__base) {
  padding-top: 0;
}

@media screen and (max-width: 768px) {
  .p-mvTextblock {
    padding: 30px 10px;
  }

  .l-block:not(.mc-bgc__base)+.p-mvTextblock,
  .p-mvTextblock+.l-block:not(.mc-bgc__base) {
    padding-top: 0;
  }
}

/* notice */
.p-mvNotice {
  width: 100%;
  max-width: 460px;
  padding: 12px 8px;
  margin: 0 auto;
  color: #fff;
  background-color: #3DB1C6;
}

.p-mvNotice__text {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}

@media screen and (min-width: 769px) {
  .p-mvNotice {
    width: calc((100% - 96px) / 3);
  }
}

/* Button
============================================ */
.mc-designbtn {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  max-width: 470px;
  padding: 25px 16px;
  margin: 0 auto;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.3;
  color: #fff;
  /*background-color: #3DB1C6;
  border: 2px solid #3DB1C6;*/
  background-color: #0759B1;
  border: 2px solid #0759B1;
  border-radius: 6px;
  -webkit-transition: 0.175s;
  transition: 0.175s;
}

.mc-designbtn>span {
  max-width: 100%;
  /* ((12px + 2px) * 1.4142) / 2 */
  padding: 0 9.8994px;
}

.mc-designbtn::after {
  position: absolute;
  top: 50%;
  /* right: calc(16px + 2px); */
  right: 18px;
  display: block;
  width: 12px;
  height: 12px;
  content: "";
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
}

.mc-designbtn.-sub {
  color: #fff;
  background-color: #0759B1;
  border-color: #0759B1;
}

.mc-designbtn.-sub::after {
  border-color: #fff;
}

.mc-designbtn.-gray {
  color: #fff;
  background-color: #d5d5d5;
  border-color: #d5d5d5;
}

.mc-designbtn.-gray::after {
  border-color: #fff;
}

.mc-designbtn.-reverse {
  color: #313131;
  background-color: #fff;
}

.mc-designbtn.-reverse::after {
  border-color: #313131;
}

.mc-designbtn.-small {
  padding: 14px;
  font-size: 16px;
}

.mc-designbtn.-small::after {
  /* right: calc(14px + 2px); */
  right: 16px;
}

.mc-designbtn.-noArrow>span {
  padding: 0;
}

.mc-designbtn.-noArrow::after {
  display: none;
}

@media screen and (max-width: 768px) {
  .mc-designbtn {
    padding: 14px;
    font-size: 16px;
  }

  .mc-designbtn::after {
    /* right: calc(16px + 2px); */
    right: 16px;
  }
}

/* common css
======================================================================================== */
/* Utility (Original)
========================================================================================
======================================================================================== */
/* icon text
============================================ */
.mc-icontext {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  font-size: inherit;
  line-height: 1.6em;
}

.mc-icontext>.-icn {
  display: block;
  width: auto;
  max-width: 1em;
  height: 1em;
  margin-top: 0.3em;
  margin-right: 0.5em;
  line-height: 0;
}

.mc-icontext>.-tex {
  display: inline-block;
}

.-bigger.mc-icontext>.-icn {
  max-width: 1.6em;
  height: 1.6em;
}

.-center.mc-icontext {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.-bigger.mc-icontext>.-icn,
.-center.mc-icontext>.-icn {
  margin-top: 0;
}

/* Parts (Original)
========================================================================================
======================================================================================== */
/* page - under layer
========================================================================================
======================================================================================== */
/* brand list
============================================ */
.c-brandlist__submit {
  height: auto;
}

.c-brandlist__submit__wrap.-static {
  padding-bottom: 0;
}

/* page - ranking
========================================================================================
======================================================================================== *

/* icon Title
============================================ */
.mc-rankingTitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.mc-rankingTitle>span {
  display: inline-block;
  font-size: 32px;
  line-height: 1.6;
  text-align: center;
}

.mc-rankingTitle[data-icon]::before {
  display: block;
  max-width: 100%;
  min-height: 0;
  margin-bottom: 10px;
  content: "";
}

.mc-rankingTitle[data-icon=crown]::before {
  width: clamp(3.375rem, 3.205rem + 0.73vw, 3.75rem);
  height: clamp(2.5rem, 2.244rem + 1.09vw, 3.063rem);
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 62.2 51.61"><path fill="%23ba9a3d" d="M31.1 44.57c4.37-.03 8.75.22 13.09.75 1.39.16 2.76.45 4.1.84.58.19 2.13.69 2.13 1.93s-1.55 1.74-2.13 1.93c-1.34.39-2.71.68-4.1.84-4.34.53-8.71.78-13.09.75-4.37.03-8.75-.22-13.09-.75-1.39-.16-2.76-.45-4.1-.84-.58-.19-2.13-.69-2.13-1.93s1.55-1.74 2.13-1.93c1.34-.39 2.71-.68 4.1-.84 4.34-.53 8.71-.78 13.08-.75Zm16.66 3.52c-1.54-.45-3.13-.76-4.73-.9-3.96-.43-7.95-.64-11.93-.62-3.99-.02-7.97.18-11.93.62-1.6.14-3.18.45-4.73.9 1.54.45 3.13.76 4.73.9 3.96.43 7.95.64 11.93.62 3.99.02 7.97-.18 11.93-.62 1.6-.14 3.18-.44 4.73-.9Zm3.53-2.56a1.003 1.003 0 0 1-.95-1.32l3.8-11.36a16.008 16.008 0 0 1-3.7 2.96 8.175 8.175 0 0 1-5.16 1.11c-2.9-.4-5.59-2.58-7.97-6.49-2.29-3.75-4.37-9.19-6.2-16.22-1.8 7.01-3.85 12.44-6.12 16.19-2.37 3.91-5.04 6.11-7.95 6.52a8.2 8.2 0 0 1-5.19-1.09c-1.41-.81-2.69-1.84-3.8-3.04l3.82 11.42c.18.52-.11 1.09-.63 1.27s-1.09-.11-1.27-.63l-5.8-17.33c-.17-.52.11-1.09.63-1.27.46-.15.96.04 1.19.47.95 1.63 2.08 3.16 3.36 4.54 1.01 1.12 2.18 2.08 3.49 2.83 1.18.71 2.56 1.01 3.93.85 3.64-.52 8.91-5.32 13.36-25.21.12-.54.66-.88 1.2-.76.38.08.67.38.76.76 4.55 19.93 9.84 24.71 13.48 25.21 1.37.15 2.74-.16 3.91-.87 1.3-.76 2.46-1.72 3.46-2.85 1.25-1.38 2.35-2.89 3.28-4.5.26-.49.87-.67 1.36-.4.43.23.63.74.47 1.2l-5.8 17.33a1 1 0 0 1-.94.68Zm8.16-26.78c1.52 0 2.75 1.23 2.75 2.75s-1.23 2.75-2.75 2.75-2.75-1.23-2.75-2.75 1.23-2.75 2.75-2.75Zm0 3.5c.41 0 .75-.34.75-.75s-.34-.75-.75-.75-.75.34-.75.75.34.75.75.75ZM31.1 0c1.52 0 2.75 1.23 2.75 2.75S32.62 5.5 31.1 5.5s-2.75-1.23-2.75-2.75S29.58 0 31.1 0Zm0 3.5c.41 0 .75-.34.75-.75S31.51 2 31.1 2s-.75.34-.75.75.34.75.75.75ZM2.75 18.75c1.52 0 2.75 1.23 2.75 2.75s-1.23 2.75-2.75 2.75S0 23.02 0 21.5s1.23-2.75 2.75-2.75Zm0 3.5c.41 0 .75-.34.75-.75s-.34-.75-.75-.75-.75.34-.75.75.34.75.75.75Z" /></svg>') no-repeat center center/contain;
}

@media screen and (max-width: 768px) {
  .mc-rankingTitle>span {
    font-size: 22px;
  }
}

/* category
============================================ */
.mc-categoryImagebox {
  position: relative;
}

.mc-categoryImagebox::before {
  content: "";
  display: block;
  padding-top: 73.4375%;
  border-radius: 6px;
}

.mc-categoryImagebox[data-column~="1"]::before {
  padding-top: 47.0423%;
}

.mc-categoryImagebox[data-column~="4"]::before {
  padding-top: 100%;
}

@media screen and (max-width: 768px) {
  .mc-categoryImagebox[data-column~="md:1"]::before {
    padding-top: 61.0169%;
  }

  .mc-categoryImagebox[data-column~="md:2"]::before {
    padding-top: 100%;
  }
}

.mc-categoryImagebox__bg {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  border-radius: 6px;
  border: 1px solid #0759B1;
}

.mc-categoryImagebox__bg>img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%) translateY(-50%);
  transform: translate(-50%) translateY(-50%);
}

.mc-categoryImagebox__thumb {
  position: absolute;
  z-index: 0;
  width: 100%;
}

.mc-categoryImagebox__thumb picture {
  width: 100%;
  display: inline-block;
}

.mc-categoryImagebox__thumb img {
  width: 100%;
}

.mc-categoryImagebox__name {
  display: flex;
  position: absolute;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 50px;
  padding: 1px;
  background-color: #0759B1;
  color: #FFFFFF;
  bottom: 0;
  font-size: 16px;
}

.mc-categoryImagebox.mc-rank2::before {
  content: "";
  display: block;
  padding-top: 100%;
  border-radius: 6px;
}