@charset "UTF-8";

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

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

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

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

---------------------------------------------------  */
.ecm-kanban-layout-default .ecm-kanban-text {
  position: absolute;
  right: 0;
  bottom: 50%;
  left: 0;
  width: 742px;
  margin: auto;
  color: #133e66;
  text-align: left;
  transform: translateY(50%);
}
.ecm-kanban-layout-default .ecm-kanban-text-subtitle {
  margin-bottom: 12px;
  font-size: 24px;
  font-weight: 600;
  text-align: center;
}
.ecm-kanban-layout-default .ecm-kanban-text-title {
  display: flex;
  flex-direction: column;
  font-size: 36px;
  text-align: center;
}

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

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

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

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

scm-ad-review[scm]※広告：レビューを見るボタン(モジュール)

---------------------------------------------------  */
[data-ad-id="100216"] .scm-ad-review-layout-default {
  color: #ffffff !important;
  background-color: #12aec5;
  border: 1px solid #12aec5;
}

[data-ad-id="100535"] .scm-ad-review-layout-default {
  color: #333333 !important;
  background-color: #ffffff;
  border: 1px solid #333333;
}

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

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

---------------------------------------------------  */
.scm-ad-layout-default .scm-ad-header-100536 {
  color: #333333 !important;
  background-color: #d1d1d1;
}

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

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

---------------------------------------------------  */
[data-ad-id="100536"] .scm-ad-header-layout-default {
  color: #333333 !important;
  background-color: #e0f8fb;
}

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

scm-ad-100293※広告：キーワード枠

---------------------------------------------------  */
.scm-ad-100293-layout-default {
  align-items: center;
  background-color: #fcfbf2;
}

.scm-ad-100293-layout-default .scm-ad-triangle-100293 {
  border-right-color: #12aec5;
  border-bottom-color: #12aec5;
}

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

scm-ad-100293※広告：厳選ショップキーワード枠

---------------------------------------------------  */
.scm-ad-100293-layout-keyword {
  border: 1px solid #ff9600 !important;
}
.scm-ad-100293-layout-keyword .scm-ad-triangle-100293 {
  border-right-color: #ff9600;
  border-bottom-color: #ff9600;
}

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

scm-ad-more[scm]※広告：詳しく見るボタン(モジュール)

---------------------------------------------------  */
[data-ad-id="100310"] .scm-ad-more-layout-default {
  color: #ffffff !important;
  background-color: #12aec5;
  border: 1px solid #12aec5;
}

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

scm-ad-note-100310[scm]※広告：商品説明(モジュール)

---------------------------------------------------  */
.scm-ad-note-100310-layout-default {
  color: #333333;
  background: #f7f7f7;
}

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

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

---------------------------------------------------  */
.scm-sub-headline-layout-default {
  color: #ffffff;
  background-color: #ff9600;
}

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

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

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

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

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

.ecm-button-layout-default:hover {
  background-color: #12aec5;
  opacity: 0.8;
}

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

ecm-search[ecm]※検索窓(モジュール)

---------------------------------------------------  */
.ecm-search-layout-default {
  width: 560px;
  margin: 0 auto;
  border: 1px solid #12aec5;
}

.ecm-search-layout-default .ecm-search-submit {
  background-color: #12aec5;
}

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

ecm-cpa[ecm]※CPA(モジュール)

---------------------------------------------------  */
.ecm-cpa.ecm-cpa-shadowed {
  box-shadow: 9px 9px 8px rgba(0, 0, 0, 0.12);
}

.ecm-cpa.ecm-cpa-rounded {
  overflow: hidden;
  border-radius: 8px;
}

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

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

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

.sea-c-background-medama {
  max-width: 1920px;
  margin: 0 auto;
  background-color: #fffbd9;
}

.sea-c-background-joubu {
  max-width: 1920px;
  margin: 0 auto;
  background-color: #e0f8fb;
}

.sea-c-background-kihon {
  max-width: 1920px;
  margin: 0 auto;
  background-color: #ffffff;
}

.sea-c-background-period {
  max-width: 1920px;
  margin: 0 auto;
  color: #133e66;
  background-color: #f8e565;
}

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

sea-index-tobira[sea] ※扉ページ用目次(ユニーク)

---------------------------------------------------  */
.sea-index-tobira {
  background-color: #ffffff;
  box-shadow: 0 1.25px 6px rgba(0, 0, 0, 0.2);
}

.sea-index-tobira .sea-index-tobira-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 50px;
  text-decoration: none;
  border-bottom: 1px solid #cccccc;
}

.sea-index-tobira .sea-index-tobira-text {
  color: #333333;
}

.sea-index-tobira-layout-default .ecm-icon-chevron-down {
  color: #12aec5;
}

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

scm-keyword[scm] ※キーワードボタン(モジュール)

---------------------------------------------------  */
.scm-keyword.sea-c-keyword {
  background-color: #ffffff;
}

/*

link

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

/*

utility

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