/** Shopify CDN: Minification failed

Line 26:0 All "@import" rules must come first

**/
/* =================================================================
   IMEDIS LUXURY THEME V7 - COMPLETE SAFE EDITION
   ================================================================= */

/* -----------------------------------------------------------------
   CSS VARIABLES
   ----------------------------------------------------------------- */
:root {
  --dark-navy: #0A1628;
  --dark-navy-light: #0F2744;
  --gold: #D4AF37;
  --gold-light: #E8C967;
  --imedis-blue: #5BC0DE;
  --white: #FFFFFF;
  --text-dark: #333333;
  --text-medium: #555555;
  --border-gray: #E8E8E8;
}

/* Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500&family=Noto+Serif+JP:wght@300;400&display=swap');

/* -----------------------------------------------------------------
   GLOBAL
   ----------------------------------------------------------------- */
body {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 300;
  letter-spacing: 0.02em;
  -webkit-font-smoothing: antialiased;
}

html {
  scroll-behavior: smooth;
}

/* -----------------------------------------------------------------
   ANNOUNCEMENT BAR
   ----------------------------------------------------------------- */
.announcement-bar {
  background-color: var(--dark-navy) !important;
}

.announcement-bar *,
.announcement-bar a,
.announcement-bar span,
.announcement-bar p,
.announcement-bar__link,
.announcement-bar__message {
  color: var(--white) !important;
}

.announcement-bar a:hover {
  color: var(--gold) !important;
}

/* -----------------------------------------------------------------
   HEADER
   ----------------------------------------------------------------- */
.header-wrapper,
.section-header,
#shopify-section-header,
.header {
  background-color: var(--dark-navy) !important;
  border-bottom: 1px solid var(--gold);
}

/* ヘッダー内テキスト - 白 */
.header__heading-link,
.header__heading-link span,
.header__menu-item,
.header__menu-item span,
.header__menu-item > span,
.list-menu__item,
.list-menu__item span,
.header__active-menu-item,
.header__inline-menu a,
.header__inline-menu span {
  color: var(--white) !important;
}

/* ヘッダーアイコン - 白 */
.header__icon,
.header__icon svg,
.header__icon path,
.header__icon circle {
  color: var(--white) !important;
  stroke: var(--white) !important;
}

.header__icon:hover,
.header__icon:hover svg,
.header__icon:hover path {
  color: var(--gold) !important;
  stroke: var(--gold) !important;
}

/* メニューホバー - ゴールド */
.header__menu-item:hover,
.header__menu-item:hover span,
.list-menu__item:hover,
.list-menu__item:hover span,
.header__inline-menu a:hover {
  color: var(--gold) !important;
}

/* カートバッジ */
.cart-count-bubble {
  background-color: var(--gold) !important;
  color: var(--dark-navy) !important;
}

/* -----------------------------------------------------------------
   DROPDOWN MENU
   ----------------------------------------------------------------- */
.header__submenu,
.header__submenu-list,
.list-menu--disclosure,
.disclosure__list,
.mega-menu,
.mega-menu__content {
  background-color: var(--dark-navy-light) !important;
  border-color: rgba(212, 175, 55, 0.3) !important;
}

/* ドロップダウン内テキスト - 白 */
.header__submenu *,
.header__submenu a,
.header__submenu span,
.header__submenu li,
.header__submenu .header__menu-item,
.header__submenu .header__menu-item span,
.header__submenu .list-menu__item,
.header__submenu .list-menu__item span,
.list-menu--disclosure *,
.list-menu--disclosure a,
.list-menu--disclosure span,
.disclosure__list *,
.disclosure__list a,
.disclosure__link,
.disclosure__link span,
.mega-menu *,
.mega-menu a,
.mega-menu span,
.mega-menu__link,
.mega-menu__link span {
  color: rgba(255, 255, 255, 0.9) !important;
}

/* ドロップダウンホバー - ゴールド */
.header__submenu a:hover,
.header__submenu a:hover span,
.header__submenu .header__menu-item:hover span,
.header__submenu .list-menu__item:hover span,
.list-menu--disclosure a:hover,
.disclosure__link:hover,
.mega-menu a:hover,
.mega-menu__link:hover {
  color: var(--gold) !important;
}

/* -----------------------------------------------------------------
   MOBILE MENU DRAWER
   ----------------------------------------------------------------- */
.menu-drawer,
.menu-drawer__inner-container {
  background-color: var(--dark-navy) !important;
}

.menu-drawer *,
.menu-drawer a,
.menu-drawer span,
.menu-drawer p,
.menu-drawer__menu-item,
.menu-drawer__menu-item span,
.menu-drawer__navigation a,
.menu-drawer__navigation span,
.menu-drawer__utility-links a {
  color: var(--white) !important;
}

.menu-drawer a:hover,
.menu-drawer__menu-item:hover span {
  color: var(--gold) !important;
}

.menu-drawer__close-button,
.menu-drawer__close-button svg {
  color: var(--white) !important;
  stroke: var(--white) !important;
}

/* -----------------------------------------------------------------
   MAIN CONTENT
   ----------------------------------------------------------------- */
#MainContent h1,
#MainContent h2,
#MainContent h3,
#MainContent h4,
.section-header__title,
.title,
h1, h2, h3, h4 {
  font-family: 'Noto Serif JP', serif;
  font-weight: 300;
  color: var(--text-dark) !important;
}

#MainContent p,
#MainContent span,
#MainContent li,
#MainContent label,
#MainContent td,
#MainContent th {
  color: var(--text-dark) !important;
}

/* -----------------------------------------------------------------
   PRODUCT CARDS
   ----------------------------------------------------------------- */
.card-wrapper {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.card-wrapper:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.card,
.card__inner {
  border: 1px solid var(--border-gray);
  transition: border-color 0.3s ease;
}

.card-wrapper:hover .card,
.card-wrapper:hover .card__inner {
  border-color: var(--gold);
}

.card__media img {
  transition: transform 0.5s ease;
}

.card-wrapper:hover .card__media img {
  transform: scale(1.05);
}

/* 商品タイトル */
.card__heading,
.card__heading a,
.card__heading span,
.card-information__text,
.card-information__text a {
  color: var(--text-dark) !important;
  transition: color 0.3s ease;
}

.card__heading a:hover,
.card-information__text a:hover {
  color: var(--imedis-blue) !important;
}

/* ベンダー名 */
.card .caption,
.card-information .caption {
  color: var(--text-medium) !important;
}

/* -----------------------------------------------------------------
   PRICE - ゴールド
   ----------------------------------------------------------------- */
.price,
.price-item,
.price-item--regular,
.price-item--sale,
.price .money,
.price-item .money {
  color: var(--gold) !important;
  font-weight: 500;
}

.product__info-wrapper .price,
.product__info-wrapper .price-item,
.product .price-item--regular {
  color: var(--gold) !important;
  font-size: 1.4rem;
}

/* -----------------------------------------------------------------
   BUTTONS
   ----------------------------------------------------------------- */
.button--primary,
.shopify-payment-button__button--unbranded,
.product-form__submit,
.cart__submit,
.cart__checkout-button {
  background-color: var(--gold) !important;
  background: linear-gradient(135deg, var(--gold), var(--gold-light)) !important;
  color: var(--dark-navy) !important;
  border: none !important;
  font-weight: 400;
  letter-spacing: 0.08em;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.button--primary:hover,
.shopify-payment-button__button--unbranded:hover,
.product-form__submit:hover,
.cart__submit:hover,
.cart__checkout-button:hover {
  background-color: var(--gold-light) !important;
  transform: translateY(-2px);
  box-shadow: 0 5px 15px rgba(212, 175, 55, 0.3);
}

.button--secondary {
  background-color: var(--imedis-blue) !important;
  color: var(--white) !important;
  border: none !important;
}

.button--secondary:hover {
  background-color: #4AB0CE !important;
  transform: translateY(-2px);
}

a.button,
.slider-button {
  background-color: var(--imedis-blue) !important;
  color: var(--white) !important;
}

a.button:hover {
  background-color: var(--dark-navy) !important;
}

/* -----------------------------------------------------------------
   PRODUCT PAGE
   ----------------------------------------------------------------- */
.product__title,
.product__title h1 {
  font-family: 'Noto Serif JP', serif;
  font-weight: 300;
  color: var(--text-dark) !important;
}

.product__description,
.product__description *,
.product__description p,
.product__description span,
.product__description li,
.product__description ul,
.product__description ol,
.product__description h1,
.product__description h2,
.product__description h3,
.product__description h4,
.product__description td,
.product__description th,
.product__text,
.product__text *,
.rte,
.rte *,
.rte p,
.rte span,
.rte li {
  color: var(--text-medium) !important;
  line-height: 1.9;
}

.accordion__content,
.accordion__content *,
.accordion__content p,
.accordion__content span,
.accordion__content li,
.collapsible-content,
.collapsible-content *,
.collapsible-content p {
  color: var(--text-dark) !important;
}

summary,
.accordion__title {
  color: var(--text-dark) !important;
}

.quantity__button {
  color: var(--text-dark) !important;
}

/* -----------------------------------------------------------------
   COLLECTION PAGE
   ----------------------------------------------------------------- */
.collection-hero__title {
  color: var(--text-dark) !important;
}

.collection-hero__description {
  color: var(--text-medium) !important;
}

/* -----------------------------------------------------------------
   FOOTER - 強制ダーク背景
   ----------------------------------------------------------------- */
.footer,
footer,
footer.footer,
.section-footer,
#shopify-section-footer,
.shopify-section-footer,
.footer.color-background-1,
.footer.color-scheme-1,
.footer.color-scheme--background-1,
.footer.gradient,
section.footer,
div.footer,
[class*="section-footer"],
[class*="shopify-section-footer"] {
  background: var(--dark-navy) !important;
  background-color: var(--dark-navy) !important;
  border-top: 2px solid var(--gold) !important;
}

/* フッター見出し */
.footer h2,
.footer h3,
.footer h4,
.footer__title,
.footer__heading,
.footer-block__heading,
footer h2,
footer h3,
footer h4 {
  color: var(--white) !important;
  font-size: 13px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

/* フッター内すべてのテキスト */
.footer *,
footer *,
.footer a,
.footer p,
.footer span,
.footer li,
.footer label,
.footer div,
.footer__list-item,
.footer__list-item a,
.footer-block,
.footer-block p,
.footer-block a,
.footer-block li,
.footer-block span,
.footer__content,
.footer__content a,
.footer__content p,
.footer__content span {
  color: rgba(255, 255, 255, 0.75) !important;
}

/* フッターリンクホバー */
.footer a:hover,
.footer__list-item a:hover,
.footer-block a:hover,
footer a:hover {
  color: var(--gold) !important;
}

/* フッター入力欄 */
.footer input,
.footer .field__input,
.footer textarea,
.newsletter-form__field-wrapper input,
footer input {
  background-color: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(255, 255, 255, 0.3) !important;
  color: var(--white) !important;
}

.footer input::placeholder,
.footer .field__input::placeholder,
footer in
/* -----------------------------------------------------------------
   LAYOUT - バナー余白調整
   ----------------------------------------------------------------- */
.slideshow,
.banner,
.image-banner,
[class*="slideshow"],
[class*="banner"] {
  padding-left: 3rem !important;
  padding-right: 3rem !important;
}

@media screen and (max-width: 749px) {
  .slideshow,
  .banner,
  .image-banner,
  [class*="slideshow"],
  [class*="banner"] {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
}