@charset "UTF-8";

/* ====================================================

シーズナルテンプレート | PC

===================================================== */
/* ---------------------------------------------------

scm-subpage-header[scm] ※下層特集共通ヘッダ(モジュール)

---------------------------------------------------  */
.sea-c-subpage-header-container {
  width: 100%;
  /*max-width: 1920px;*/
  margin: 0 auto;
  background-color: #feebea;
  border-bottom: 2px solid #c46a7b;
}

.sea-c-subpage-header {
  width: 960px;
  margin: 0 auto;
  padding: 7px 13px 4px 10px;
  background-color: inherit;
}

.sea-c-subpage-header:hover {
  text-decoration: none;
}

.sea-c-subpage-header:hover > * {
  opacity: 0.8;
}

.sea-c-subpage-header .scm-subpage-header-text {
  color: #ea4881;
  font-size: 16px;
}

.sea-c-subpage-header .scm-subpage-header-icon {
  color: #fff;
  background-color: #ea4881;
}

.sea-c-subpage-header .scm-subpage-header-image {
  width: 219px;
}

/* ---------------------------------------------------

ecm-kanban[ecm]※看板(モジュール)

---------------------------------------------------  */
.ecm-kanban-layout-default .ecm-kanban-text-title {
  display: block;
  margin-right: 0;
  text-align: center;
  font-size: 36px;
}

.ecm-kanban-layout-default .ecm-kanban-text {
  position: absolute;
  right: 0;
  left: 0;
  bottom: 50%;
  margin: auto;
  width: 742px;
  color: #5b5249;
  text-align: left;
  transform: translateY(50%);
}

.sea-kanban-text-title-layout-default {
  display: inline-block;
  padding: 8px 36px;
  margin-bottom: 12px;
  font-size: 20px;
  line-height: 1;
  color: #5b5249;
  border: 2px solid #5b5249;
}

/* ---------------------------------------------------

scm-alert-free-shipping[scm]※配送アイテム(モジュール)

---------------------------------------------------  */
.scm-alert-free-shipping-layout-default {
  background-color: #fff3f1;
}

.scm-alert-free-shipping-layout-default .scm-alert-free-shipping-text {
  color: #593204;
}

/* ---------------------------------------------------

scm-ad-header[scm]※広告：ショップ名背景エリア(モジュール)

---------------------------------------------------  */
[data-ad-id="100208"] .scm-ad-header-layout-default {
  color: #fff !important;
  background-color: #d96b6a;
  border: 1px solid #d96b6a;
}

/* ---------------------------------------------------

scm-headline[scm]※見出し(モジュール)

---------------------------------------------------  */
.scm-headline-layout-default {
  color: #5b5249;
}

/* ---------------------------------------------------

scm-sub-headline[scm]※ふきだし付見出し(モジュール)

---------------------------------------------------  */
.scm-sub-headline-layout-default {
  background-color: #d96b6a;
  font-size: 30px;
  color: #fff;
}

.scm-sub-headline-layout-default::before {
  background: #d96b6a;
}

/* ---------------------------------------------------

scm-sub-headline[scm]※見出し下説明文(モジュール)

---------------------------------------------------  */
.scm-headline-description-layout-default {
  line-height: 1.5;
  text-align: left;
}

/* ---------------------------------------------------

ecm-button[ecm]※ボタン(モジュール)

---------------------------------------------------  */
.ecm-button-layout-default {
  width: 344px;
  height: 48px;
  display: flex;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  background-color: #fff;
  border: 1px solid #d1d1d1;
  color: #333 !important;
}

.ecm-button-layout-default:visited {
  color: #333 !important;
}

.ecm-button-layout-default:hover {
  background-color: #fff; /* デフォルトの背景色と同じ色を指定 */
  color: #333 !important;
  opacity: 0.8;
}

.ecm-button-layout-default {
  border: 1px solid #d96b6a;
  box-shadow: 0 3px 20px rgba(0, 0, 0, 0.2);
}

/* ---------------------------------------------------

sea-c-background[sea] ※背景色(ユニーク)

---------------------------------------------------  */
.sea-c-background {
  position: relative;
}

.sea-c-background-medama {
  max-width: 1920px;
  margin: 0 auto;
  background: url(https://r.r10s.jp/evt/event/mother/pre/2026/_pc/img/under/template/bg_darkpink.png?v=202602271453)
    repeat top center/100%;
}

.sea-c-background-joubu {
  max-width: 1920px;
  margin: 0 auto;
  background: url(https://r.r10s.jp/evt/event/mother/pre/2026/_pc/img/under/template/bg_lightpink.png?v=202602271453)
    repeat top center/100%;
}

.sea-c-background-kihon {
  background-color: #fff;
}

.sea-c-background-period {
  max-width: 1920px;
  margin: 0 auto;
  background-color: #d96b6a;
  color: #fff;
}

.mother2026_pre .sea-c-background.-lightPink::before {
  content: none;
}

/*

link

-------------------------------------------------  */
a:focus-visible,
button:focus-visible {
  outline: -webkit-focus-ring-color auto 1px;
}

/*

utility

-------------------------------------------------  */
.sea-u-text-19px {
  font-size: 19px;
}