@charset "Shift_JIS";
/* --------------------------------------------------------------------
基本設定
--------------------------------------------------------------------- */
/* ページ内リンクのスクロール用 */
html {
  scroll-behavior: smooth;
}

/* 文字数オーバー時に改行させる */
.wrapper_:not(:has(.mainframe_)) .inblock {
  display: inline-block;
}

/* 【GTM】計測対象の子要素のポインターイベントの無効化 */
.mainframe_ [data-gtm-action] *,
.wrapper_:not(:has(.mainframe_)) [data-gtm-action] * {
  pointer-events: none;
}

/* フォントサイズ（デフォルト） */
#event_wrapper_top,
#event_wrapper_btm {
  font-size: 1.6rem;
  line-height: 1.4;
}

/*  非表示：見出し
    er 画像ver[.m-titleimg_]
    r テキストver[.m-title06_]
    e テキストver[.m-title01_]
================================================== */
.mainframe_ .m-titleimg_,
.mainframe_ .m-title06_,
.mainframe_ .m-title01_ {
  display: none;
}

/*  非表示：見出し
    r 画像ver[.m-title04_]
    e 画像ver・re テキストver[.m-title03_]
================================================== */
.wrapper_ .m-title04_,
.wrapper_ .m-title03_ {
  display: none;
}

/* --------------------------------------------------------------------
「お歳暮」下層ページCSS（PC・SP）
--------------------------------------------------------------------- */
/*--------------- PC --------------------------------------------------------------*/
/* コメント欄（.top_comment_）
================================================== */
.mainframe_ > .top_comment_ {
  display: flex;
  justify-content: center;
  width: 100%;
  height: auto;
  min-height: 100px;
  padding: 60px 0 0 0;
  background: url("/contents/siblings/seibo/2025/img/itemlist_bg_pc.jpg") center top / 100% auto no-repeat;
  margin-bottom: 20px;
}

.mainframe_ > .top_comment_ span {
  display: block;
  color: #514338;
  font-family: '游明朝', YuMincho, 'Hiragino Mincho ProN', 'Hiragino Mincho Pro', 'ＭＳ 明朝', serif;
  font-weight: 500; /* 機種による文字のかすれ防止 */
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
}
.mainframe_ > .top_comment_ > span {
  font-size: 3.6rem;
}
.mainframe_ > .top_comment_ > span > br {
  display: none;
}
.mainframe_ > .top_comment_ span.txt_sub {
  font-size: 2.2rem;
  margin-bottom: 5px;
}

/* 共通：ボタンリスト
================================================== */
.mainframe_ .seibo_itemlist ul.list_btn {
  display: flex;
  justify-content: start;
  flex-wrap: wrap;
  gap: 3px;
  margin: 5px auto 10px auto;
  width: 100%;
}

.mainframe_ .seibo_itemlist ul.list_btn li {
  width: calc((100% - (3px * 4)) / 5);
}

.mainframe_ .seibo_itemlist ul.list_btn li a {
  position: relative;
  display: flex;
  align-items: center;
  color: #111;
  font-size: 1.4rem;
  line-height: 1.2;
  width: 100%;
  height: 50px;
  padding: 0 20px 0 5px;
  background: #fff;
  border: 1px solid #ccc;
}

.mainframe_ .seibo_itemlist ul.list_btn li a::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 10px;
  width: 10px;
  height: 10px;
  border-right: solid 1px #111;
  border-bottom: solid 1px #111;
  transform: translateY(-50%) rotate(-45deg);
}

/* マウスオーバー */
.mainframe_ .seibo_itemlist ul.list_btn li a:hover {
  opacity: 1;
  border-color: #9e0217;
  text-decoration: none;
}

.mainframe_ .seibo_itemlist ul.list_btn li a:hover::after {
  border-color: #9e0217;
}

/* 近畿限定送料
================================================== */
.mainframe_ .seibo_itemlist.kinkisoryo .area {
  text-align: center;
}

/* アイコン説明 */
.mainframe_ .seibo_itemlist.kinkisoryo ul.att {
  margin: 5px 0 0 0;
}

.mainframe_ .seibo_itemlist.kinkisoryo ul.att li {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.2rem;
}

.mainframe_ .seibo_itemlist.kinkisoryo ul.att img {
  width: 44px;
  height: auto;
}

.mainframe_ .seibo_itemlist.kinkisoryo ul.att .txt {
  padding: 0 0 0 5px;
}


/* ベストギフト（.bestgift）
================================================== */
/* アイコン説明 */
.mainframe_ .seibo_itemlist.bestgift .target_item_info {
  background: #fff9dc;
  padding: 3px 0;
}

.mainframe_ .seibo_itemlist.bestgift .target_item_info .inner {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  padding: 5px 0;
}

.mainframe_ .seibo_itemlist.bestgift .target_item_info p:not(.att) {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.4rem;
  line-height: 1;
  margin: 0 10px;
}

.mainframe_ .seibo_itemlist.bestgift .target_item_info p:not(.att) img {
  width: 40px;
  height: 40px;
  margin: 0 5px 0 0;
}

.mainframe_ .seibo_itemlist.bestgift .target_item_info p:not(.att) span.red {
  color: #bf280d;
  font-size: 2.6rem;
  font-weight: bold;
  margin: 3px 0 0 0;
}

.mainframe_ .seibo_itemlist.bestgift .target_item_info p:not(.att) span.red > span {
  font-size: 3.6rem;
  letter-spacing: -0.25rem;
  margin: 0 3px 0 0;
}

.mainframe_ .seibo_itemlist.bestgift .target_item_info p.att {
  position: absolute;
  bottom: 10px;
  right: 40px;
  font-size: 1.1rem;
}

/* 全国一律送料ギフト（.ichiritsu）
================================================== */
/* アイコン説明 */
.mainframe_ .seibo_itemlist.ichiritsu .target_item_info {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.mainframe_ .seibo_itemlist.ichiritsu .target_item_info p {
  display: flex;
  align-items: center;
  font-size: 1.3rem;
  line-height: 1.2;
  width: 100%;
  background: #fff9dc;
  height: 50px;
}
.mainframe_ .seibo_itemlist.ichiritsu .target_item_info p.gentei + p { width: 40%; }
.mainframe_ .seibo_itemlist.ichiritsu .target_item_info p:not(.gentei) { justify-content: center; }

.mainframe_ .seibo_itemlist.ichiritsu .target_item_info p.gentei {
  width: calc(60% - 10px);
  margin: 0 10px 0 0;
  background: #fff9dc;
  border: 1px solid #9e0217;
}

.mainframe_ .seibo_itemlist.ichiritsu .target_item_info p img {
  width: 40px;
  height: 40px;
  margin: 5px;
}

.mainframe_ .seibo_itemlist.ichiritsu .target_item_info p span.txt span.red {
  color: #a40000;
  font-weight: bold;
}
.mainframe_ .seibo_itemlist.ichiritsu .target_item_info > p.gentei span.txt span.red { color: #a40000; }

.mainframe_ .seibo_itemlist.ichiritsu .target_item_info p span.txt span.red > span {
  font-size: 3.6rem;
  letter-spacing: -0.25rem;
  margin: 0 3px 0 0;
}

.mainframe_ .seibo_itemlist.ichiritsu .target_item_info p span.txt {
  position: relative;
  margin: 6px 0 0 0;
  font-size: 1.6rem;
  color: #0a0a0a;
  line-height: 1;
}

.mainframe_ .seibo_itemlist.ichiritsu .target_item_info p span.txt > span:nth-of-type(1) {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 1.2rem;
}

.mainframe_ .seibo_itemlist.ichiritsu .target_item_info p.gentei .deadline {
  background: #9e0217;
  display: flex;
  align-items: center;
  height: 100%;
  margin: 0 20px 0 0;
}

.mainframe_ .seibo_itemlist.ichiritsu .target_item_info p.gentei .deadline > span {
  position: relative;
  color: #fff;
  font-weight: bold;
  padding: 0 5px;
}

.mainframe_ .seibo_itemlist.ichiritsu .target_item_info p.gentei .deadline > span::after {
  content: '';
  position: absolute;
  top: 50%;
  right: -32px;
  border-left: 25px solid transparent;
  border-right: 25px solid transparent;
  border-top: 15px solid #9e0217;
  transform: translateY(-50%) rotate(-90deg);
}

.mainframe_ .seibo_itemlist.ichiritsu .target_item_info p.gentei .deadline > span > span {
  color: #fff799;
}

/* アイコン説明 */
.mainframe_ .seibo_itemlist.ichiritsu .target_item_info .sp_only {
  display: none;
}

/* 注釈 */
.mainframe_ .seibo_itemlist.ichiritsu ul.att li {
  display: inline-block;
  font-size: 1.2rem;
}

.mainframe_ .seibo_itemlist.ichiritsu ul.att img {
  width: 26px;
  height: auto;
  margin: 0 3px;
}


/*--------------- SP --------------------------------------------------------------*/
/* コメント欄（.l-column01_）
================================================== */
.wrapper_ > .l-column01_ {
  display: flex;
  justify-content: center;
  width: 100%;
  height: auto;
  padding: 12% 0 0 0;
  background: url("/contents/siblings/seibo/2025/img/itemlist_bg_sp.jpg") center top / 100% auto no-repeat;
  margin-bottom: 10px;
}

.wrapper_ > .l-column01_ p {
  color: #514338;
  font-family: '游明朝', YuMincho, 'Hiragino Mincho ProN', 'Hiragino Mincho Pro', 'ＭＳ 明朝', serif;
  font-weight: 500; /* 機種による文字のかすれ防止 */
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
}

.wrapper_ > .l-column01_ span {
  display: block;
}
.wrapper_ > .l-column01_ p > span {
  font-size: 2.4rem;
}
.wrapper_ > .l-column01_ p span.txt_sub {
  font-size: 1.6rem;
  margin-bottom: 5px;
}

/* 近畿限定送料
================================================== */
.wrapper_:not(:has(.mainframe_)) .seibo_itemlist.kinkisoryo .area {
  text-align: center;
  font-size: 1.4rem;
  line-height: 1.4;
  font-weight: bold;
  padding: 5px 0 0 0;
}

/* アイコン説明 */
.wrapper_:not(:has(.mainframe_)) .seibo_itemlist.kinkisoryo ul.att {
  max-width: 430px;
  margin: 0 auto;
  padding: 0 3%;
}

.wrapper_:not(:has(.mainframe_)) .seibo_itemlist.kinkisoryo ul.att li {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.2rem;
}

.wrapper_:not(:has(.mainframe_)) .seibo_itemlist.kinkisoryo ul.att img {
  width: 44px;
  height: auto;
}

.wrapper_:not(:has(.mainframe_)) .seibo_itemlist.kinkisoryo ul.att .txt {
  padding: 0 0 0 5px;
}

/* ベストギフト（.bestgift）
================================================== */
/* アイコン説明 */
.wrapper_:not(:has(.mainframe_)) .seibo_itemlist.bestgift .target_item_info {
  max-width: 430px;
  margin: 0 auto;
  padding: 0 3% 15px 3%;
}

.wrapper_:not(:has(.mainframe_)) .seibo_itemlist.bestgift .target_item_info .inner {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
  background: #fff9dc;
  padding: 3% 1%;
}

.wrapper_:not(:has(.mainframe_)) .seibo_itemlist.bestgift .target_item_info p:not(.att) {
  display: flex;
  justify-content: space-around;
  align-items: center;
  font-size: 1.3rem;
  line-height: 1;
  width: calc((100% - 5px) / 2);
}
.wrapper_:not(:has(.mainframe_)) .seibo_itemlist.bestgift .target_item_info p:first-of-type { margin-right: 5px; }

.wrapper_:not(:has(.mainframe_)) .seibo_itemlist.bestgift .target_item_info p:not(.att) img {
  width: 30px;
  height: 30px;
}

.wrapper_:not(:has(.mainframe_)) .seibo_itemlist.bestgift .target_item_info p:not(.att) span.red {
  color: #c7000b;
  font-size: 1.6rem;
  font-weight: bold;
}

.wrapper_:not(:has(.mainframe_)) .seibo_itemlist.bestgift .target_item_info p:not(.att) span.red > span {
  font-size: 2.8rem;
  letter-spacing: -0.25rem;
  margin: 0 3px 0 0;
}

.wrapper_:not(:has(.mainframe_)) .seibo_itemlist.bestgift .target_item_info p.att {
  width: 100%;
  font-size: 1.1rem;
  text-align: right;
  margin: 5px 0 0 0;
}

/* 全国一律送料ギフト（.ichiritsu）
================================================== */
/* アイコン説明 */
.wrapper_:not(:has(.mainframe_)) .seibo_itemlist.ichiritsu .target_item_info {
  font-size: 1.4rem;
  line-height: 1.2;
  padding: 10px 3%;
}

.wrapper_:not(:has(.mainframe_)) .seibo_itemlist.ichiritsu .target_item_info p {
  width: 100%;
  background: #fff9dc;
  display: flex;
  justify-content: center;
  align-items: center;
}
.wrapper_:not(:has(.mainframe_)) .seibo_itemlist.ichiritsu .target_item_info p + p { margin: 5px 0 0 0; }

.wrapper_:not(:has(.mainframe_)) .seibo_itemlist.ichiritsu .target_item_info p.gentei {
  position: relative;
  background: #fff9dc;
  padding: 20px 0 0 0;
  border: 1px solid #9e0217;
}

.wrapper_:not(:has(.mainframe_)) .seibo_itemlist.ichiritsu .target_item_info p img {
  width: 40px;
  height: 40px;
  margin: 5px;
}

.wrapper_:not(:has(.mainframe_)) .seibo_itemlist.ichiritsu .target_item_info p span.txt {
  margin: 6px 0 0 0;
  color: #0a0a0a;
  line-height: 1;
  font-weight: bold;
}

.wrapper_:not(:has(.mainframe_)) .seibo_itemlist.ichiritsu .target_item_info p span.txt span.red {
  color: #a40000;
  font-weight: bold;
}
.wrapper_:not(:has(.mainframe_)) .seibo_itemlist.ichiritsu .target_item_info > p.gentei span.txt span.red { color: #a40000; }

.wrapper_:not(:has(.mainframe_)) .seibo_itemlist.ichiritsu .target_item_info p span.txt span.red > span {
  font-size: 3.0rem;
  letter-spacing: -0.25rem;
  margin: 0 3px 0 0;
}

.wrapper_:not(:has(.mainframe_)) .seibo_itemlist.ichiritsu .target_item_info p.gentei .deadline {
  position: absolute;
  top: -10px;
  width: 100%;
  max-width: 330px;
  margin: 0 auto;
}

.wrapper_:not(:has(.mainframe_)) .seibo_itemlist.ichiritsu .target_item_info p.gentei .deadline br {
  display: none;
}

.wrapper_:not(:has(.mainframe_)) .seibo_itemlist.ichiritsu .target_item_info p.gentei .deadline > span {
  position: relative;
  display: block;
  width: 90%;
  background: #9e0217;
  color: #fff;
  font-size: 1.2rem;
  font-weight: bold;
  text-align: center;
  padding: 3px;
  margin: 0 auto;
  border-radius: 60px;
}

.wrapper_:not(:has(.mainframe_)) .seibo_itemlist.ichiritsu .target_item_info p.gentei .deadline > span::after {
  content: '';
  position: absolute;
  bottom: -8px;
  left: 20px;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 10px solid #9e0217;
}

.wrapper_:not(:has(.mainframe_)) .seibo_itemlist.ichiritsu .target_item_info p.gentei .deadline > span > span {
  color: #fff799;
  padding: 0 5px 0 0;
}

/* 注釈 */
.wrapper_:not(:has(.mainframe_)) .seibo_itemlist.ichiritsu  ul.att {
  margin: 0 3%;
  padding: 10px 0;
}

.wrapper_:not(:has(.mainframe_)) .seibo_itemlist.ichiritsu  ul.att li {
  font-size: 1.2rem;
}

.wrapper_:not(:has(.mainframe_)) .seibo_itemlist.ichiritsu  ul.att img {
  width: 30px;
  height: auto;
  margin: 0 3px;
}