@charset "UTF-8";
/* ==================================================== 

シーズナルテンプレート | PC

===================================================== */


/* --------------------------------------------------- 

ecm-kanban[ecm]※看板(モジュール)

---------------------------------------------------  */

.ecm-kanban-layout-default .ecm-kanban-text-title {
  font-size: 32px;
}
.ecm-kanban-layout-default.-red .ecm-kanban-text-title {
  color:#a80219;
}
.ecm-kanban-layout-default.-green .ecm-kanban-text-title {
  color:#006e5b;
}
.ecm-kanban-layout-default.-blue .ecm-kanban-text-title {
  color:#2f3e99;
}
.ecm-kanban-layout-default .ecm-kanban-text-title {
  display: block;
  margin-right: 0;
  text-align: center;
}
.ecm-kanban-layout-default .ecm-kanban-text {
  position: absolute;
  right: 0;
  left: 0;
  bottom: 50%;
  margin: auto;
  width: 750px;
  text-align: left;
  transform: translateY(50%);
  color:#333333;
}

.cnt-text-26px{
  font-size:26px;
}

/* --------------------------------------------------- 

scm-alert-free-shipping[scm]※配送アイテム(モジュール)

---------------------------------------------------  */
.scm-alert-free-shipping-layout-default {
  background-color:#f7f7f7;
  color: #333;
}

/* --------------------------------------------------- 

scm-ad-review[scm]※広告：レビューを見るボタン(モジュール)

---------------------------------------------------  */
[data-ad-id="100216"] .scm-ad-review-layout-default{
  color: #fff !important;
  background-color: #016E5B;
  border: 1px solid #016E5B;
}
[data-ad-id="100535"] .scm-ad-review-layout-default{
  color: #333 !important;
  background-color: #BB1C32;
  border: 1px solid #333;
}

/* --------------------------------------------------- 

scm-ad-header-100536[scm]※広告：ショップ名背景エリア(モジュール)

---------------------------------------------------  */
.scm-ad-layout-default .scm-ad-header-100536 {
  color: #333 !important;
  background-color: #d1d1d1;
}

/* --------------------------------------------------- 

scm-ad-header[scm]※広告：ショップ名背景エリア(モジュール)

---------------------------------------------------  */
[data-ad-id="100536"] .scm-ad-header-layout-default{
  color: #333 !important;
  background-color: #d1d1d1;
}

/* ---------------------------------------------------

scm-ad-100293※広告：キーワード枠

---------------------------------------------------  */
.scm-ad-100293-layout-default{
  align-items: center;
  background-color: #fff;
  color: #333333!important;
}
.scm-ad-100293-layout-default .scm-ad-triangle-100293{
  border-bottom-color: #cd0000;
  border-right-color: #cd0000;
}

/* --------------------------------------------------- 

scm-ad-more[scm]※広告：詳しく見るボタン(モジュール)

---------------------------------------------------  */
[data-ad-id="100310"] .scm-ad-more-layout-default{
  color: #016E5B !important;
  background-color: #fff;
  border: 1px solid #016E5B;
}

/* --------------------------------------------------- 

scm-ad-note-100310[scm]※広告：商品説明(モジュール)

---------------------------------------------------  */
.scm-ad-note-100310-layout-default{
  color: #333;
  background: #f7f7f7;
}

/* --------------------------------------------------- 

scm-sub-headline[scm]※ふきだし付見出し(モジュール)

---------------------------------------------------  */
.scm-sub-headline-layout-default{
  background-color: #DB411F;
  color: #ffffff;
}
.scm-sub-headline-layout-default::before{
  background: #DB411F;
}

/* --------------------------------------------------- 

ecm-button[ecm]※ボタン(モジュール)

---------------------------------------------------  */
.ecm-button-layout-default {
  width: 344px;
  height: 48px;
  display: flex;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  background-color: #016E5B;
  border: 1px solid #ffffff;
  color: #ffffff!important;
}
.ecm-button-layout-default:visited{
  color: #ffffff!important;
}
.ecm-button-layout-default:hover{
  background-color: #016E5B; /* デフォルトの背景色と同じ色を指定 */
  color: #ffffff!important;
  opacity:.8;
}


/* --------------------------------------------------- 

ecm-search[ecm]※検索窓(モジュール)

---------------------------------------------------  */
.ecm-search-layout-default {
  width: 560px;
  margin: 0 auto;
  border: 1px solid #BB1C32;
}
.ecm-search-layout-default .ecm-search-submit {
  background-color: #BB1C32;
}

/* --------------------------------------------------- 

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 {
  border-radius: 8px;
  overflow: hidden;
}

/* --------------------------------------------------- 

sea-c-background[sea] ※背景色(ユニーク)

---------------------------------------------------  */
.sea-c-background {
  position: relative;
}
.sea-c-background-medama {
  background-color: #bb1c32;
}
.sea-c-background-joubu {
  background-color: #d29c6f;
}
.sea-c-background-kihon {
  background-color: #ffffff;
}
.sea-c-background-period{
  background-color: #fbf6d8;
  color: #333333;
}

/* --------------------------------------------------- 

sea-index-tobira[sea] ※扉ページ用目次(ユニーク)

---------------------------------------------------  */
.sea-index-tobira {
  background-color: #fff;
  box-shadow: 0 1.25px 6px #0003;
}
.sea-index-tobira .sea-index-tobira-link {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 50px;
  border-bottom: 1px solid #cccccc;
  text-decoration: none;
}
.sea-index-tobira .sea-index-tobira-text {
  color: #333333;
}
.sea-index-tobira-layout-default .ecm-icon-chevron-down {
  color: #BB1C32;
}


/*
scm-ad-100293
-------------------------------------------------*/
.scm-ad-100293-valentine2025{align-items: center;}
.scm-ad-100293-layout-udr-valentine{
  background-color: #580413!important;
  color: #fff!important;
  align-items: center;
}
.scm-ad-100293-layout-udr-valentine:hover,
.scm-ad-100293-layout-udr-valentine:visited{
  color: #fff!important;
}
.scm-ad-100293-layout-udr-valentine .scm-ad-triangle-100293{
  border-bottom-color: #fff;
  border-right-color: #fff;
}
.scm-ad-100293-valentine2025 .scm-ad-triangle-100293 {
  border-bottom-color: #bb0021;
  border-right-color: #bb0021;
}


/*
-xmas-udr-keyword
-------------------------------------------------*/
.-xmas-udr-keyword .scm-keyword{
  background-color: #016E5B;
  color:#ffffff !important;
}
