@charset "UTF-8";
:root {
  --imgpath: "/img/usr/design/";
  --notification-height: 48px;
  --scroll-x: 0;
  --scroll-y: 0;
  --gnav-height: 50px;
  --gnav-shrinkheight: 42px;
  --header-height: 94px;
  --header-shrinkheight: 77px;
  --sp-header-height: 86px;
  --sp-header-shrinkheight: 77px;
}

html {
  min-width: 1256px;
}

body {
  font-family: "Noto Sans JP", sans-serif;
  color: #333;
  background-color: #f7f7f7;
}
body.is-fixed {
  overflow: clip;
}

a:focus,
button:focus {
  outline: none;
}
a:focus-visible,
button:focus-visible {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.cmn-inner {
  width: 1256px;
  margin-inline: auto;
}

.u-hide {
  display: none;
}

[data-browse-mode=P] .u-sp {
  display: none;
}

[data-browse-mode=S] .u-pc {
  display: none;
}

.is-notlogin .u-login {
  display: none;
}

.is-login .u-notlogin {
  display: none;
}

.u-align-left {
  text-align: left !important;
}
.u-align-center {
  text-align: center !important;
}
.u-align-right {
  text-align: right !important;
}

.js-tab-contents {
  display: none;
}
.js-tab-contents.is-active {
  display: block;
}

.js-acc-body {
  display: none;
}

.splide__arrow {
  width: 48px;
  height: 48px;
  background: transparent;
  border: none;
  opacity: 1;
  -webkit-transition: opacity 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: opacity 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.splide__arrow[disabled] {
  opacity: 0;
}
.splide__arrow svg {
  display: none;
}

.splide__arrow--prev {
  left: -24px;
  background-image: url("../../img/design/btn/carousel-prev.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.splide__arrow--next {
  right: -24px;
  background-image: url("../../img/design/btn/carousel-next.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

/* stylelint-disable no-invalid-position-at-import-rule */
/* --------------------
  ヘッダー
-------------------- */
.cmn-header {
  position: relative;
  z-index: 999;
  overflow-x: clip;
  background-color: #fff;
}
.cmn-header-notice {
  padding: 10px 0;
  color: #fff;
  text-align: center;
  background-color: #000;
}
.cmn-header-notice a {
  color: #fff;
}
.cmn-header-notice p {
  line-height: 1.3;
}
.cmn-header-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 14px 0;
}
.cmn-header-logo {
  width: 260px;
  opacity: 1;
  -webkit-transition: opacity 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: opacity 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
  will-change: opacity;
}
[data-browse-mode=P] .cmn-header-logo:hover {
  opacity: 0.75;
}

.cmn-header-logo img {
  width: 111px;
  vertical-align: top;
}
.cmn-header-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 260px;
}
.cmn-header-nav a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  gap: 3px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 11px;
  -webkit-transition: color 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: color 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.cmn-header-nav a i {
  width: 26px;
  height: 26px;
  -webkit-transition: background-image 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: background-image 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.cmn-header-nav a i.is-filter {
  background: url("../../img/design/header/icn-filter.png") 50% 50%/contain no-repeat;
}
.cmn-header-nav a i.is-mypage {
  background: url("../../img/design/header/icn-mypage.png") 50% 50%/18px no-repeat;
}
.cmn-header-nav a i.is-fav {
  background: url("../../img/design/header/icn-fav.png") 50% 50%/contain no-repeat;
}
.cmn-header-nav a i.is-cart {
  margin-right: 6px;
  background: url("../../img/design/header/icn-cart.png") 50% 50%/contain no-repeat;
}
.cmn-header-nav a:hover {
  color: #ed1b24;
  text-decoration: none;
}
.cmn-header-nav a:hover i.is-filter {
  background-image: url("../../img/design/header/icn-filter_o.png");
}
.cmn-header-nav a:hover i.is-mypage {
  background-image: url("../../img/design/header/icn-mypage_o.png");
}
.cmn-header-nav a:hover i.is-fav {
  background-image: url("../../img/design/header/icn-fav_o.png");
}
.cmn-header-nav a:hover i.is-cart {
  background-image: url("../../img/design/header/icn-cart_o.png");
}
.cmn-header-nav .js-cart-count {
  position: absolute;
  top: -3px;
  right: -3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 18px;
  height: 18px;
  font-family: "Lato", sans-serif;
  font-size: 9px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  background-color: #ed1b24;
  border: 1px solid #fff;
  border-radius: 50%;
}
.cmn-header-search {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.cmn-header-search form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 480px;
  margin-inline: auto;
  overflow: hidden;
  border: 1px solid #ccc;
  border-radius: 30px;
}
.cmn-header-search form input {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 13px 4px 13px 24px;
  font-size: 12px;
  line-height: 1.2;
  border: 0;
  border-radius: 30px 0 0 30px;
}
.cmn-header-search form input::-webkit-input-placeholder {
  color: #b8b8b8;
}
.cmn-header-search form input::-moz-placeholder {
  color: #b8b8b8;
}
.cmn-header-search form input:-ms-input-placeholder {
  color: #b8b8b8;
}
.cmn-header-search form input::-ms-input-placeholder {
  color: #b8b8b8;
}
.cmn-header-search form input::placeholder {
  color: #b8b8b8;
}
.cmn-header-search form input:hover {
  border: 0;
}
.cmn-header-search form button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 24px 0 10px;
  background-color: transparent;
  border: 0;
}
.cmn-header-search form button img {
  width: 20px;
}
.cmn-header-tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  gap: 8px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  margin-top: 12px;
}
.cmn-header-tags--fixitem {
  position: sticky;
  left: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.cmn-header-tags ul {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  gap: 8px;
}
.cmn-header-tags li {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.cmn-header-tags a {
  display: block;
  padding: 5px 8px;
  font-size: 14px;
  line-height: 1;
  color: #333;
  background-color: #e7e7ee;
  border-radius: 20px;
}

/* --------------------
  フッター
-------------------- */
.pane-footer {
  position: relative;
  padding: 14px 0 10px;
}
.pane-footer .container {
  position: static !important;
}
.pane-footer .block-page-top {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 99;
  display: block;
  width: 40px;
  height: 40px;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: visibility 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.pane-footer .block-page-top a {
  display: block;
  width: 40px;
  height: 40px;
  background: url("../../img/design/btn/btn-pagetop.png") 0 0/contain no-repeat;
  background-color: transparent;
}
.pane-footer .block-page-top.is-show {
  visibility: visible;
  opacity: 1;
}
.pane-footer .block-page-top.is-absolute {
  position: absolute;
  top: -60px;
  bottom: auto;
}
.pane-footer .cmn-footer-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  line-height: 1;
}
.pane-footer .cmn-footer-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.pane-footer .cmn-footer-links li {
  padding-right: 1.5em;
  padding-left: 1.5em;
  font-size: 13px;
  border-left: 1px solid #fff;
}
.pane-footer .cmn-footer-links li:last-child {
  border-right: 1px solid #fff;
}
.pane-footer .cmn-footer-sns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 14px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.pane-footer .cmn-footer-sns a {
  width: 35px;
  opacity: 1;
  -webkit-transition: opacity 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: opacity 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
  will-change: opacity;
}
[data-browse-mode=P] .pane-footer .cmn-footer-sns a:hover {
  opacity: 0.75;
}

.pane-footer .cmn-footer-copyright {
  margin-top: 26px;
  font-size: 12px;
  text-align: center;
}

/* stylelint-enable no-invalid-position-at-import-rule */
.pane-left-menu {
  margin-top: 0;
}
.pane-left-menu h2 {
  padding: 8px 16px;
  margin-top: 40px;
  font-size: 16px;
  color: #fff;
  background-color: #000;
  border: 0;
}
.pane-left-menu h2 a {
  color: #fff;
  opacity: 1;
  -webkit-transition: opacity 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: opacity 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
  will-change: opacity;
}
[data-browse-mode=P] .pane-left-menu h2 a:hover {
  opacity: 0.75;
}

.pane-left-menu h2 a:hover {
  text-decoration: none;
}
.pane-left-menu .block-left-menu--bnr + .block-left-menu--bnr {
  margin-top: 16px;
}
.pane-left-menu .block-left-menu--bnr a {
  opacity: 1;
  -webkit-transition: opacity 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: opacity 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
  will-change: opacity;
}
[data-browse-mode=P] .pane-left-menu .block-left-menu--bnr a:hover {
  opacity: 0.75;
}

.pane-left-menu .block-left-menu--bnr img {
  vertical-align: top;
}

.block-category-tree--items,
.block-genre-tree--items {
  background-color: #fff;
}

.block-category-tree--item,
.block-genre-tree--item {
  line-height: 1.2;
  border-top: 0;
}
.block-category-tree--item a,
.block-category-tree--item > span,
.block-genre-tree--item a,
.block-genre-tree--item > span {
  height: auto;
  padding: 12px 27px 12px 16px;
  font-size: 13px;
  word-break: break-word;
  -webkit-transition: background-color 0.3s ease-in-out, background-position 0.2s ease-in-out;
  transition: background-color 0.3s ease-in-out, background-position 0.2s ease-in-out;
}
.block-category-tree--item a:hover,
.block-genre-tree--item a:hover {
  text-decoration: none;
  background-color: rgba(246, 141, 111, 0.2);
}

.block-genre-tree--level1 > li a,
.block-genre-tree--level1 > li > span {
  font-weight: 500;
}
.block-genre-tree--level1 > li a {
  text-decoration: none;
}
.block-genre-tree--level1 > li a:hover {
  text-decoration: none;
  background-color: rgba(246, 141, 111, 0.2);
}

.block-genre-tree--level2 > li,
.block-genre-tree--level3 > li,
.block-genre-tree--level4 > li {
  text-indent: 0;
}
.block-genre-tree--level2 > li a,
.block-genre-tree--level2 > li > span,
.block-genre-tree--level3 > li a,
.block-genre-tree--level3 > li > span,
.block-genre-tree--level4 > li a,
.block-genre-tree--level4 > li > span {
  font-weight: 400;
}
.block-genre-tree--level2 > li a,
.block-genre-tree--level3 > li a,
.block-genre-tree--level4 > li a {
  background: url("../../img/design/icn/arrow-right.png") calc(100% - 14px) 50%/9px no-repeat;
}
.block-genre-tree--level2 > li a:hover,
.block-genre-tree--level3 > li a:hover,
.block-genre-tree--level4 > li a:hover {
  background-color: rgba(246, 141, 111, 0.2);
  background-position: calc(100% - 10px) 50%;
}

.block-genre-tree--level2 > li a,
.block-genre-tree--level2 > li > span {
  padding-left: 24px;
}

.block-genre-tree--level3 > li a,
.block-genre-tree--level3 > li > span {
  padding-left: 32px;
}

.block-genre-tree--level4 > li a,
.block-genre-tree--level4 > li > span {
  padding-left: 40px;
}

@media screen and (max-width: 1256px) {
  .splide__arrow--prev {
    left: -20px;
  }
  .splide__arrow--next {
    right: -20px;
  }
}
/* === メニューカラフル演出を追記 === */
.cmn-header-tags a {
  display: block;
  padding: 8px 14px;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;
  color: #333;
  background: linear-gradient(135deg, #f2f2f2, #e0e0e0);
  border-radius: 30px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  transition: all 0.3s ease-in-out;
  transform: translateY(0);
}

.cmn-header-tags a:hover {
  color: #fff;
  text-decoration: none;
  background: linear-gradient(135deg, #ff4e50, #f9d423);
  transform: translateY(-2px) scale(1.05);
  box-shadow: 0 4px 10px rgba(255, 78, 80, 0.3);
}

/* タグごとのカラー差異 */
.cmn-header-tags li:nth-child(1) a { background: linear-gradient(135deg, #a18cd1, #fbc2eb); }
.cmn-header-tags li:nth-child(2) a { background: linear-gradient(135deg, #f093fb, #f5576c); }
.cmn-header-tags li:nth-child(3) a { background: linear-gradient(135deg, #4facfe, #00f2fe); }
.cmn-header-tags li:nth-child(4) a { background: linear-gradient(135deg, #43e97b, #38f9d7); }
.cmn-header-tags li:nth-child(5) a { background: linear-gradient(135deg, #fa709a, #fee140); }
.cmn-header-tags li:nth-child(6) a {
  background: linear-gradient(135deg, #30cfd0, #330867) !important;
  color: #fff !important;
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
  font-weight: 600;
}
.cmn-header-tags li:nth-child(6) a:hover {
  box-shadow: 0 0 8px rgba(48, 207, 208, 0.4);
}
.cmn-header-tags li:nth-child(7) a { background: linear-gradient(135deg, #ffecd2, #fcb69f); }

/* リニューアルOPEN/キャンペーンのブロックを左に寄せて、アイコンとの衝突回避 */
.cmn-header-tags-list li:nth-child(7) {
  margin-right: auto;
}

/* モバイル対応 */
@media screen and (max-width: 768px) {
  .cmn-header-tags {
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 6px;
    padding-inline: 8px;
  }
  .cmn-header-tags a {
    font-size: 12px;
    padding: 6px 10px;
  }
}
/*縦2横6変換*/
/* ===== 新・横7列×2段 タグ構成スタイル ===== */
.cmn-header-tags-alt {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  margin-top: 16px;
}

.cmn-header-tags-alt .tag-row {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  gap: 8px;
}

.cmn-header-tags-alt .tag-row a {
  display: inline-block;
  padding: 8px 14px;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
  border-radius: 30px;
  white-space: nowrap;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  transition: all 0.3s ease-in-out;
  transform: translateY(0);
  border: 1px solid transparent;
}

/* === 上段：青緑にグレー混ぜた（渋谷トーン） === */
.cmn-header-tags-alt .row-1 a {
background: linear-gradient(135deg, #c2c6dc, #abaec2);
color: #2e2f42;
border: 1px solid #a2a4b8;

}

/* === 下段：ピンクベージュ系（親しみ） === */
.cmn-header-tags-alt .row-2 a {
  background: linear-gradient(135deg, #fef1e1, #fbd4b4);
  color: #4a2c17;
  border: 1px solid #e7c5a5;
}

/* === ホバー共通 === */
.cmn-header-tags-alt .tag-row a:hover {
  transform: translateY(-1px) scale(1.03);
  background: #fff;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}

/* === モバイル対応 === */
@media screen and (max-width: 768px) {
  .cmn-header-tags-alt .tag-row {
    flex-wrap: wrap;
    justify-content: center;
  }
  .cmn-header-tags-alt .tag-row a {
    font-size: 12px;
    padding: 6px 10px;
  }
}

header.cmn-header {
  background: linear-gradient(
    135deg,
    #ff1dce 0%,   /* Pantone 806 C 近似色 */
    #ff1dce 30%,
    #ff1dce 70%,
    #ff1dce 100%
  ) !important;
  background-color: transparent !important;
}
 

/* === フッター調整　Footer Sitemap (Total Navigation) === */
.footer-sitemap {
  padding: 28px 0 8px;
  background-color: #fff;
  border-top: 1px solid #e5e5e5;
}
.footer-sitemap__inner {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 28px;
}
.footer-sitemap__col {
  border: 0;
}
/* FirefoxとWebKitのsummaryマーカー非表示 */
.footer-sitemap__col > summary {
  list-style: none; /* Firefox対策 */
}
.footer-sitemap__col > summary::-webkit-details-marker {
  display: none; /* WebKit対策 */
}
.footer-sitemap__head {
  display: block;
  padding: 10px 0;
  margin: 0 0 6px;
  font-size: 14px;
  font-weight: 700;
  color: #111;
  cursor: default; /* PCでは開閉しない感じに見せる */
}
.footer-sitemap__list {
  display: grid;
  grid-auto-rows: minmax(20px, auto);
  gap: 8px;
  padding: 0;
  margin: 0;
  list-style: none;
}
.footer-sitemap__list a {
  display: inline-block;
  font-size: 13px;
  line-height: 1.4;
  color: #333;
  text-decoration: none;
  transition: color .2s ease, transform .2s ease;
}
[data-browse-mode=P] .footer-sitemap__list a:hover {
  color: #ed1b24; /* 既存のホバー赤に合わせる */
  transform: translateX(2px);
}

/* レイアウト整合：既存フッターとの間隔調整 */
.footer-sitemap + .cmn-footer-nav {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #f0f0f0;
}

/* SP（data-browse-mode=S）と狭幅対応：アコーディオン化 */
@media screen and (max-width: 768px) {
  .footer-sitemap__inner {
    grid-template-columns: 1fr;
    gap: 14px;
  }
  .footer-sitemap__head {
    cursor: pointer;
    position: relative;
    padding: 12px 28px 12px 0;
    border-top: 1px solid #eee;
  }
  .footer-sitemap__col:first-child .footer-sitemap__head { border-top: 0; }
  .footer-sitemap__head::after {
    content: "";
    position: absolute;
    right: 6px;
    top: 50%;
    width: 10px;
    height: 10px;
    border-right: 2px solid #333;
    border-bottom: 2px solid #333;
    transform: translateY(-60%) rotate(45deg);
    transition: transform .2s ease;
  }
  .footer-sitemap__col[open] > .footer-sitemap__head::after {
    transform: translateY(-40%) rotate(-135deg);
  }
}

/* === Header: ブラックピンク直結／検索行だけピンク／タグ背景なし（clean） === */

/* 1) ヘッダー全体ピンクは無効化（昔のgradient潰し） */
header.cmn-header{
  background: none !important;          /* header全体は白にしない＝下の地色のまま */
  background-color: transparent !important;
}

/* 2) 黒帯とピンク帯を“段差ゼロ”で直結させる */
.cmn-header-content{
  position: relative;
  padding-top: 0 !important;            /* 既存の padding:14px 0 を打ち消す */
  z-index: 0;
}
.cmn-header-content::before{
  content:"";
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  width:100vw;                           /* 画面幅いっぱいの帯 */
  top:-2px;                              /* 黒帯に 1〜2px かぶせて白スキマ撲滅 */
  height:60px;                           /* ←検索の下端までしっかり覆う。72〜78で微調整可 */
  background:#ff1dce;                    /* K-POPピンク */
  z-index:-1;
}
/* 子要素は帯の表側に */
.cmn-header-content > *{
  position:relative;
  z-index:1;
}

/* 3) タグブロックは背景ナシ（浮かせない） */
.cmn-header-center .cmn-header-tags-alt{
  background:none !important;
  border:none !important;
  padding:8px 0;
  margin-top:12px;                       /* ピンク帯との距離。8〜14で好みに */
}
/* ロゴを上に持ち上げる */
.cmn-header-logo {
  display: flex;
  align-items: center;
  margin-top: -100px;   /* 上に移動（-の値で持ち上げる） */
}

/* 右側のアイコン群（ウルトラ検索、マイページなど）を持ち上げる */
.cmn-header-nav {
  display: flex;
  align-items: center;
  margin-top: -100px;   /* 上に移動（ロゴと同じ高さに） */
}

/* 必要なら検索部分との上下位置も合わせる */
.cmn-header-center {
  margin-top: 0;       /* ロゴ・アイコンと揃えるための調整 */
}
/* ロゴ：強め白フチ＋影 */
.cmn-header-logo img {
  width: 90px;          /* 好みで 80–100px */
  height: auto;

  background: transparent !important;
  padding: 0 !important;
  border-radius: 6px;

  /* 白縁を強めに（4px）＋影も少し強化 */
  filter:
    drop-shadow(0 0 4px rgba(255,255,255,0.98))   /* 白縁発光 */
    drop-shadow(0 2px 8px rgba(0,0,0,0.3));       /* 下方向の影 */
}
/* タグ段の縦位置を下げる（強制上書き） */
.cmn-header-center .cmn-header-tags-alt {
  margin-top: 18px !important;   /* 16〜20で好みに調整 */
}
.cmn-header-center .cmn-header-search {
  margin-top: 6px; /* 下げたい分だけpx指定（例: 4〜10px） */
}
.pane-footer .footer-sitemap {
  background: none !important;
  border-top: 1px solid rgba(0,0,0,.06) !important; /* やさしい区切り線 */
}

/* フッターサイトマップのテキスト全般を白に */
.pane-footer .footer-sitemap,
.pane-footer .footer-sitemap a,
.pane-footer .footer-sitemap__head,
.pane-footer .footer-sitemap__list a,
.pane-footer .cmn-footer-copyright {
  color: #fff !important;
}

/* リンクホバー時の色も見やすい色に（任意） */
.pane-footer .footer-sitemap__list a:hover {
  color: #ff1dce !important; /* ピンクにする例 */
}
/* 右側アイコン：白フチ発光＋ほんのり影（ロゴと同テイスト） */
.cmn-header-nav a i{
  background-color: transparent !important;
  border-radius: 6px;
  filter:
    drop-shadow(0 0 6px rgba(255,255,255,0.98))   /* 白いオーラ */
    drop-shadow(0 2px 8px rgba(0,0,0,0.30));      /* 下方向の影 */
}

/* ホバー時もフィルターを維持（色だけ切り替わる既存仕様に追従） */
.cmn-header-nav a:hover i{
  filter:
    drop-shadow(0 0 4px rgba(255,255,255,0.98))
    drop-shadow(0 2px 6px rgba(0,0,0,0.30));
}

/* カートのバッジも沈みがちなので、白フチで視認性UP（任意） */
.cmn-header-nav .js-cart-count{
  box-shadow: 0 0 4px rgba(255,255,255,0.9);
}
/* 検索フォーム：くっきり白フチ＋はっきり影 */
.cmn-header-center .cmn-header-search form {
  background-color: #fff !important;   /* 本体を白ベタでくっきり */
  border: 2px solid #fff !important;   /* 太めの白枠 */
  border-radius: 30px;
  box-shadow:
    0 0 6px rgba(255,255,255,1),       /* 明るい白縁 */
    0 4px 8px rgba(0,0,0,0.35);        /* しっかりした下方向影 */
}

/* 入力欄は余計な背景色を消してスッキリ */
.cmn-header-center .cmn-header-search input.cmn-header-search--keyword {
  background: none !important;
}