@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap");
@import url("https://use.typekit.net/kbz3grk.css");
/*------------------------------------------------------------
    共通設定
------------------------------------------------------------*/
/* 既存CSSリセット
----------------------------------------------*/
h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
}

p {
  margin: 0;
  padding: 0;
}

#WSTBA9ZH0007 p,
.birthday_lead p {
  margin: 0 0 1em;
  padding: 0 10px;
}

/* パンくず
----------------------------------------------*/
p.pan {
  padding: 0 10px;
}

/* 画像横幅100%
----------------------------------------------*/
.fitImg img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}

/* リンク 
----------------------------------------------*/
.spXmas_body a {
  color: #202020;
  text-decoration: none;
}

/* 終了文言
----------------------------------------------*/
.spXmas_end_sp {
  margin-bottom: 10px;
  padding: 20px 10px;
  font-size: 14px;
  line-height: 1.3;
  font-weight: normal;
  color: #b3343c;
  text-align: left;
  background: #fef3e6;
}

.spXmas_end_sp.link {
  color: #b3343c;
}

.spXmas_end_sp.link p {
  margin-bottom: 10px;
  padding: 0;
  font-size: 14px;
  line-height: 1.4;
}

.spXmas_end_sp.link a {
  color: #b3343c;
  font-weight: bold;
  font-size: 18px;
}

/* メインバナー
----------------------------------------------*/
.spXmas_main_heading {
  margin-bottom: 0.5em;
  color: #8b8b8b;
  font-size: 0.6875rem;
  font-weight: normal;
  text-align: center;
}

/* メインテキスト
----------------------------------------------*/
.spXmas_intro {
  margin-top: 1.0625rem;
  margin-bottom: 1.5625rem;
  padding: 0 10px;
}

.spXmas_intro_heading {
  margin: 0;
  margin-top: 1.5625rem;
  color: #202020;
  font-size: 1.25rem;
  line-height: 1.7;
  font-weight: 400;
  text-align: center;
  font-feature-settings: "palt";
  letter-spacing: 0.1em;
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", Meiryo, "メイリオ", sans-serif;
}
.spXmas_intro_heading::before {
  content: "";
  display: block;
  width: 27.5px;
  height: 50px;
  margin: 0 auto 0.625rem;
  background-image: url("../../img/decor_common.png");
  background-size: contain;
  background-repeat: no-repeat;
}

.spXmas_intro_heading + .spXmas_intro_txt {
  margin-top: 0.8125rem;
}

.spXmas_intro_txt {
  color: #202020;
  font-size: 0.8125rem;
  line-height: 1.7;
  text-align: center;
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", Meiryo, "メイリオ", sans-serif;
}

.spXmas_intro_txt p + p {
  margin-top: 1em;
}

/* 花別説明
----------------------------------------------*/
.spXmas_flowerType {
  margin-bottom: 30px;
  padding: 0 21.5px;
}

.spXmas_flowerType_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 30px;
}

.spXmas_flowerType_column:nth-of-type(2n) {
  padding-left: 23px;
}

.spXmas_flowerType_column,
.spXmas_flowerType_listSmall {
  flex: 0 1 168px;
  width: 168px;
  align-items: center;
  display: flex;
  flex-direction: column;
  flex: 0 1 calc((100% - 23px) / 2);
}
@media (min-width: 768px) {
  .spXmas_flowerType_column,
.spXmas_flowerType_listSmall {
    flex: 0 1 calc((100% - 2rem) / 4);
  }
}
@media (min-width: 768px) {
  .spXmas_flowerType_column:not(:nth-of-type(4n + 1)),
.spXmas_flowerType_listSmall:not(:nth-of-type(4n + 1)) {
    margin-left: 0.625rem;
  }
}
.spXmas_flowerType_column:nth-of-type(n + 3),
.spXmas_flowerType_listSmall:nth-of-type(n + 3) {
  margin-top: 1.875rem;
}
@media (min-width: 768px) {
  .spXmas_flowerType_column:nth-of-type(n + 3),
.spXmas_flowerType_listSmall:nth-of-type(n + 3) {
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  .spXmas_flowerType_column:nth-of-type(n + 5),
.spXmas_flowerType_listSmall:nth-of-type(n + 5) {
    margin-top: 0.625rem;
  }
}

.spXmas_flowerType_column a {
  color: #202020;
  text-decoration: none;
}
.spXmas_flowerType_column a:hover {
  opacity: 0.7;
  transition: 0.3s;
}

.spXmas_flowerType_column img {
  width: 140px;
}

.spXmas_flowerType_listSmall {
  display: flex;
  justify-content: center;
  margin: 0 auto;
}

.spXmas_flowerType_listSmall > .spXmas_flowerType_column img {
  width: 65%;
}

.spXmas_flowerType_pageTtl {
  display: block;
  margin-top: 12px;
  color: #202020;
  font-size: 0.875rem;
  line-height: 1.58;
  font-weight: 400;
  text-align: center;
  letter-spacing: -0.03em;
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", Meiryo, "メイリオ", sans-serif;
}

.spXmas_flowerType_txt {
  display: block;
  margin-top: 0.625rem;
  font-size: 0.6875rem;
  line-height: 1.42;
}

/* ローカルナビ
----------------------------------------------*/
/* 2カラム */
.spXmas_localNav {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 1.25rem 21.5px 0;
}

.spXmas_localNav > li > a {
  display: block;
}
.spXmas_localNav > li > a:active {
  transform: translateY(2px);
  transition: 0.2s;
}

.spXmas_localNav li {
  flex: 0 1 calc((100% - 12px) / 2);
}
@media (min-width: 768px) {
  .spXmas_localNav li {
    flex: 0 1 calc((100% - 2rem) / 4);
  }
}
.spXmas_localNav li:nth-of-type(2n) {
  margin-left: 0.625rem;
}
@media (min-width: 768px) {
  .spXmas_localNav li:nth-of-type(2n) {
    margin-left: 0;
  }
}
@media (min-width: 768px) {
  .spXmas_localNav li:not(:nth-of-type(4n + 1)) {
    margin-left: 0.625rem;
  }
}
.spXmas_localNav li:nth-of-type(n + 3) {
  margin-top: 0.9375rem;
}
@media (min-width: 768px) {
  .spXmas_localNav li:nth-of-type(n + 3) {
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  .spXmas_localNav li:nth-of-type(n + 5) {
    margin-top: 0.625rem;
  }
}

/* プレーンテキスト版 */
.spXmas_localNav.-txt li {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1rem 0.625rem 1.1875rem;
  color: #b3343c;
  text-align: center;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.5;
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", Meiryo, "メイリオ", sans-serif;
  background: #c8d6dd;
  box-sizing: border-box;
}
.spXmas_localNav.-txt li:after {
  content: "";
  position: absolute;
  margin: auto 0;
  width: 4px;
  height: 4px;
  border-top: 1px solid;
  border-right: 1px solid;
  border-top-color: #b3343c;
  border-right-color: #b3343c;
  left: 0;
  right: 0;
  bottom: 8px;
  margin: auto;
  transform: rotate(135deg);
}

.spXmas_localNav.-txt li a:link,
.spXmas_localNav.-txt li a:active,
.spXmas_localNav.-txt li a:visited {
  color: #b3343c;
  text-decoration: none;
}

/* メッセージカード
----------------------------------------------*/
.spXmas_messagecard {
  margin-top: 30px;
  padding: 0 21.5px;
}
.spXmas_messagecard:active {
  transform: translateY(2px);
  transition: 0.2s;
}

.spXmas_messagecard_txt {
  margin-top: 0.625rem;
  font-size: 0.6875rem;
  line-height: 1.7;
  text-align: center;
}

.spXmas_messagecard + #WSTBA9ZH0033 {
  margin-top: 20px;
}

/* 説明セクション
----------------------------------------------*/
.spXmas_desc {
  margin-top: 20px;
  padding: 45px 21.5px;
  background: #e9eff1;
  box-sizing: border-box;
}

.spXmas_desc_txtbox,
.spXmas_descOnlyTxt {
  padding: 20px 30px 30px;
  color: #202020;
  line-height: 1.71875;
  background: #fff;
}

.spXmas_desc_heading03 {
  margin: 0;
  font-size: 1.125rem;
  line-height: 1.7;
  font-weight: 400;
  font-feature-settings: "palt";
  letter-spacing: 0.1em;
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", Meiryo, "メイリオ", sans-serif;
}

.spXmas_desc_heading04 {
  margin: 0;
  font-size: 0.8125rem;
  font-feature-settings: "palt";
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", Meiryo, "メイリオ", sans-serif;
}

.spXmas_desc_txtbox p,
.spXmas_descOnlyTxt p {
  margin: 0;
  padding: 0;
  margin-top: 0.5rem;
  font-size: 0.8125rem;
  line-height: 1.7;
}

.spXmas_descWithImg + .spXmas_descOnlyTxt {
  margin-top: 1.25rem;
}

.spXmas_descWithImg + .spXmas_descWithImg {
  margin-top: 30px;
}

.spXmas_heading02 + .spXmas_desc,
.spXmas_heading03 + .spXmas_desc {
  margin-top: 0;
}

.spXmas_desc + #WSTBA9ZH0032,
.spXmas_desc + #WSTBA9ZH0033,
.spXmas_desc + #WSTBA9ZH0034 {
  margin-top: 20px;
}

/*------------------------------------------------------------
    スライドショー（クロスフェード）
------------------------------------------------------------*/
#js-prodImgSlide01,
#js-prodImgSlide02 {
  margin: 0 auto;
  width: 88.5333333333vw;
  height: 58.6666666667vw;
  text-align: left;
  overflow: hidden;
  position: relative;
  z-index: 9;
}

#js-prodImgSlide01 img,
#js-prodImgSlide02 img {
  top: 0;
  left: 0;
  position: absolute;
}

/* 商品棚（ベタ打ち）
----------------------------------------------*/
/* 商品棚（小） */
.spXmas_prodS {
  margin: 0 21.5px;
}

.spXmas_prodS_ctt {
  display: flex;
  justify-content: space-between;
  padding: 20px 0;
  border-bottom: 1px dotted #ccc;
}

.spXmas_prodS_img,
.spXmas_prodS_txt {
  width: 42.6666666667vw;
}

.spXmas_prodS_txt {
  padding-left: 2.9333333333vw;
  font-size: 0.8125rem;
  line-height: 1.7;
}

.spXmas_prodS_price {
  margin-top: 0.3em;
  font-weight: bold;
}

/* 商品棚（大） */
.spXmas_prodL {
  margin: 0 21.5px;
}

.spXmas_prodL_name {
  margin-top: 1.25rem;
  color: #202020;
  font-size: 0.9375rem;
  line-height: 1.5;
  text-align: left;
  font-weight: bold;
  font-feature-settings: "palt";
  letter-spacing: 0.1em;
}

.spXmas_prodL_txt > .spXmas_lead {
  margin-left: 0;
  margin-right: 0;
}

/* 下層リンク
----------------------------------------------*/
.spXmas_lowerLink {
  margin-top: 1.875rem;
}

.spXmas_lowerLink_heading {
  margin: 0 10px;
  padding: 0 10px 0.625rem;
  color: #202020;
  font-size: 0.9375rem;
  line-height: 1.4;
  text-align: center;
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", Meiryo, "メイリオ", sans-serif;
  border-bottom: solid 2px #e5e5e5;
}

.spXmas_lowerLink_subHeading {
  display: inline-block;
  margin: 0;
  margin: 1em 8.8vw 0.2em;
  font-size: 0.9375rem;
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", Meiryo, "メイリオ", sans-serif;
  background-image: url("../../img/bg_brush_small.jpg");
  background-size: contain;
}

.spXmas_lowerLink_subHeading a {
  color: #202020;
  text-decoration: none;
}

.spXmas_lowerLink_subHeading + .spXmas_lowerLink_list {
  padding-top: 0;
}

.spXmas_lowerLink_list {
  padding: 0 21.5px;
}

.spXmas_lowerLink_list > li {
  position: relative;
  display: block;
  font-size: 0.875rem;
  line-height: 2.5;
}
.spXmas_lowerLink_list > li::before {
  content: "";
  position: absolute;
  margin: auto 0;
  width: 4px;
  height: 4px;
  border-top: 1px solid;
  border-right: 1px solid;
  border-top-color: #4a4a4a;
  border-right-color: #4a4a4a;
  top: 1em;
  left: 0;
  transform: rotate(45deg);
}

.spXmas_lowerLink_list > li > a {
  position: relative;
  padding-left: 10px;
  padding-right: 15px;
  color: #202020;
  text-decoration: none;
}

.spXmas_lowerLink_list > li.spXmas_lowerLink_subhead::before {
  content: none;
}

.spXmas_lowerLink_subhead > h3 {
  margin: 0;
}

.spXmas_lowerLink > .spXmas_topKind_list {
  margin-top: 1rem;
}

/* 下層ランキングバナー
----------------------------------------------*/
.spXmas_lowerLayer_ranking {
  margin: 35px auto;
}

.spXmas_lowerLayer_ranking a img:active {
  transform: translateY(2px);
  transition: 0.2s;
}

.spXmas_lowerLayer_ranking.current {
  display: none;
}

/* 読み物リンク
----------------------------------------------*/
.spXmas_topColumn_inner {
  padding: 0 ;
}

.spXmas_topColumn_inner + .spXmas_topColumn_inner {
  margin-top: 1rem;
}

.spXmas_topColumn_toc {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0;
}

.spXmas_topColumn_toc > a {
  flex: 0 1 49%;
}

.spXmas_topColumn_tocCtt {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}

.spXmas_topColumn_tocCtt {
  height: 100%;
  padding: 0.8rem 0;
  border-bottom: 1px dotted #c6c6c6;
  box-sizing: border-box;
}

.spXmas_topColumn_tocImg {
  flex: 0 1 25%;
}

.spXmas_topColumn_tocTxt {
  flex: 0 1 70%;
}

.spXmas_topColumn_tocTtl {
  margin: 0;
  padding: 0;
  font-size: 0.6875rem;
  line-height: 1.3;
}

.spXmas_topColumn_tocTxt > p {
  display: none;
  margin: 0;
  padding: 0;
  margin-top: 0.1875rem;
  color: #606060;
  font-size: 0.6875rem;
  line-height: 1.25;
}

/* 締切日訴求・お手入れ・カレンダー・日比谷花壇について
----------------------------------------------*/
.spXmas_topCare_img,
.spXmas_topPurchase_img {
  margin-top: 1.25rem;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .spXmas_topCare_img,
.spXmas_topPurchase_img {
    margin: 0 auto;
    max-width: 600px;
  }
}

.spXmas_topDeadline {
  margin: 35px 0;
}

.spXmas_topPurchase_img img {
  width: 100%;
}

.spXmas_topPurchase_heading03 {
  color: #b3343c;
  font-size: 0.875rem;
  background: #e9eff1;
  margin: 20px 21.5px 10px;
  padding: 10px;
  font-weight: 400;
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", Meiryo, "メイリオ", sans-serif;
}

.spXmas_topAbout .spXmas_lead {
  font-size: 0.75rem;
}

/* お届けについて
----------------------------------------------*/
.spXmas_topPurchase_termBox {
  margin: 1.25rem 21.5px;
  border: 3px solid #b2c6d0;
}

.spXmas_topPurchase_termBox .spXmas_lead > span {
  color: #b3343c;
  font-weight: bold;
  background: #e9eff1;
}

.spXmas_topPurchase_termAttn {
  margin: 0;
  padding: 0;
  margin: 1em 21.5px 0;
  font-size: 0.713rem;
}

/* 特集メニュー
----------------------------------------------*/
.spXmas_menuPc {
  display: none;
}

.spXmas_menu {
  margin: 1.875rem 0 1.875rem;
}

.spXmas_menu_heading02 {
  display: block;
  margin: 0;
}

.spXmas_menu_list {
  border-top: solid 1px #fef3e6;
}

.spXmas_menu_category {
  list-style: none;
}

.spXmas_menu_subcategory {
  background: #b3343c;
  font-size: 0.875rem;
  color: #fff;
  padding: 0.5rem 10px;
}

.spXmas_menu_ttl {
  position: relative;
  margin: 0;
  padding: 10px;
  color: #b3343c;
  font-size: 0.875rem;
  line-height: 3;
  font-weight: 400;
  font-feature-settings: "palt";
  letter-spacing: 0.1em;
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", Meiryo, "メイリオ", sans-serif;
  cursor: pointer;
  background: #e9eff1;
  border-bottom: solid 1px #c8d6dd;
}
.spXmas_menu_ttl::after {
  content: " ";
  margin: auto;
  display: block;
  position: absolute;
  top: 0;
  right: 14px;
  bottom: 0;
  width: 10px;
  height: 10px;
  border-top: 2px solid #a3a3a3;
  border-right: 2px solid #a3a3a3;
  transform: rotate(135deg);
  transition: all 0.35s;
}
.spXmas_menu_ttl::hover {
  text-decoration: underline;
}

.spXmas_menu_ttl > h3 {
  margin: 0;
  font-weight: inherit;
}

.spXmas_menu_ttl.open::after {
  transform: rotate(315deg);
}

.spXmas_menuList_item h4 {
  margin-bottom: 0;
  padding: 8px 24px 8px 10px;
  color: #ffffff;
  font-size: 0.875rem;
  background: #b3343c;
}

.spXmas_menuList_item li a {
  position: relative;
  display: block;
  padding: 15px 24px 15px 10px;
  color: #202020;
  font-size: 0.875rem;
  text-decoration: none;
  border-bottom: 1px solid #e1e1e1;
}
.spXmas_menuList_item li a::after {
  content: "";
  position: absolute;
  top: 0;
  right: 10px;
  bottom: 0;
  width: 8px;
  height: 8px;
  margin: auto 0;
  border-top: 1px solid;
  border-right: 1px solid;
  border-top-color: #6e6e6e;
  border-right-color: #6e6e6e;
  transform: rotate(45deg);
}

.spXmas_menu_bnr {
  margin-top: 1.5rem;
  padding: 0 10px;
}

.spXmas_menu_list + .spXmas_btn-inverse {
  margin: 1.5rem 0 1.875rem;
}

.spXmas_menu_bnr {
  display: flex;
  flex-wrap: wrap;
  margin: 0 10px;
}

.spXmas_menu_bnr li {
  flex: 0 1 calc((100% - 0.6875rem) / 2);
}
.spXmas_menu_bnr li:not(:nth-of-type(2n)) {
  margin-right: 0.6875rem;
  margin-right: 0.625rem;
}
.spXmas_menu_bnr li:nth-of-type(n+3) {
  margin-top: 1.125rem;
}

.spXmas_btn-default.-menu a {
  margin-top: 20px;
}

/* 関連特集
----------------------------------------------*/
.spXmas_relatedSp {
  margin-bottom: 1.875rem;
  display: none;
}

.spXmas_relatedSpList {
  padding: 0 5.7333333333vw;
}

.spXmas_relatedSpList li + li {
  margin-top: 1rem;
}

/* 見出し 
----------------------------------------------*/
/* 見出し2 */
.spXmas_heading02 {
  position: relative;
  margin: 2.5rem 10px 40px;
  color: #202020;
  font-size: 1.125rem;
  line-height: 1.7;
  text-align: center;
  font-weight: 400;
  font-feature-settings: "palt";
  letter-spacing: 0.1em;
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", Meiryo, "メイリオ", sans-serif;
}
.spXmas_heading02::after {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  bottom: -15px;
  margin: auto;
  width: 50px;
  height: 1px;
  background: #202020;
}

.spXmas_desc + .spXmas_heading02 {
  margin-top: 3.25rem;
}

#WSTBA9ZH0034 + .spXmas_section > .spXmas_heading02 {
  margin-top: 1.25rem;
}

#WSTBA9ZH0032 + .spXmas_heading02 {
  margin-top: 0;
}

/* 見出し2 装飾つき */
.spXmas_heading02-decorWrap {
  margin: 2.5rem 10px 40px;
}

.spXmas_heading02-decor {
  position: relative;
  color: #202020;
  font-size: 1.125rem;
  line-height: 1.7;
  text-align: center;
  font-weight: 600;
  font-feature-settings: "palt";
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", Meiryo, "メイリオ", sans-serif;
}
.spXmas_heading02-decor::after {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  bottom: -15px;
  margin: auto;
  width: 50px;
  height: 2px;
  background: #202020;
}

.decorHeading_img {
  display: flex;
  justify-content: center;
}

.decorHeading_img.-s img {
  width: 150px; /* 画像小 */
}

.decorHeading_img.-l img {
  width: 332px; /* 画像大 */
}

.decorHeading_img + .spXmas_heading02-decor {
  margin-top: 0.9375rem;
}

.decorHeading_sub {
  display: block;
  font-size: 0.75rem;
  line-height: 1.4;
  text-align: center;
  font-weight: 600;
  font-feature-settings: "palt";
  letter-spacing: 0.05em;
  font-family: "din-2014", sans-serif;
}

/*見出し3*/
.spXmas_heading03 {
  display: block;
  margin-top: 1.25rem;
  color: #b3343c;
  font-size: 0.9375rem;
  line-height: 1.5;
  text-align: center;
  font-weight: 400;
  font-feature-settings: "palt";
  letter-spacing: 0.1em;
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", Meiryo, "メイリオ", sans-serif;
}

.spXmas_heading03 > span {
  position: relative;
  display: inline-block;
}
.spXmas_heading03 > span:before, .spXmas_heading03 > span:after {
  content: "";
  position: absolute;
  top: calc(50% - 2px);
  display: inline-block;
  width: 1.5625rem;
  border-top: 3px double #b3343c;
}
.spXmas_heading03 > span:before {
  left: -2.4em;
}
.spXmas_heading03 > span:after {
  right: -2.4em;
}

.spXmas_heading03 + #WSTBA9ZH0032,
.spXmas_heading03 + #WSTBA9ZH0033,
.spXmas_heading03 + #WSTBA9ZH0034 {
  margin-top: 0.75rem;
}

.spXmas_heading03 + .spXmas_desc {
  margin-top: 0.75rem;
}

/*見出し3（小）*/
.spXmas_heading03.-large {
  font-size: 1.125rem;
}

.spXmas_messagecard + .spXmas_heading03.-large {
  margin-top: 40px;
}

/* 見出し4 */
.spXmas_heading04 {
  margin-top: 1.25rem;
  color: #202020;
  font-size: 0.9375rem;
  line-height: 1.5;
  text-align: center;
  font-weight: bold;
  font-feature-settings: "palt";
  letter-spacing: 0.1em;
}

/* 見出し5 */
.spXmas_heading05 {
  margin: 1em 21.5px;
  padding: 0;
  color: #202020;
  font-size: 0.8125rem;
  line-height: 1.7;
  font-weight: bold;
}

/*リード文*/
.spXmas_lead {
  margin: 1em 21.5px;
  padding: 0;
  color: #202020;
  font-size: 0.8125rem;
  line-height: 1.7;
}
@media (min-width: 768px) {
  .spXmas_lead {
    text-align: center;
  }
}

.spXmas_lead.-tac {
  text-align: center;
}

.spXmas_lead.-note {
  color: #fd1d1d;
  font-size: 0.75rem;
}

/* ボタン 
----------------------------------------------*/
/*ボタン（基本色）*/
.spXmas_btn-default {
  display: flex;
  justify-content: center;
}

.spXmas_btn-default a {
  display: block;
  position: relative;
  width: 17rem;
  margin-top: 20px;
  padding: 1.2em 1.4em;
  color: #b3343c;
  font-size: 0.875rem;
  line-height: 1.3;
  text-align: center;
  text-decoration: none;
  background: #c8d6dd;
  box-sizing: border-box;
}
.spXmas_btn-default a:after {
  content: "";
  position: absolute;
  margin: auto 0;
  width: 8px;
  height: 8px;
  border-top: 1px solid;
  border-right: 1px solid;
  border-top-color: #b3343c;
  border-right-color: #b3343c;
  top: 0;
  right: 14px;
  bottom: 0;
  transform: rotate(45deg);
}
.spXmas_btn-default a:active {
  opacity: 0.7;
  transition: 0.3s;
}
.spXmas_btn-default a:active {
  transform: translateY(3px);
}
.spXmas_btn-default a:link, .spXmas_btn-default a:visited {
  color: #b3343c;
}

/*ボタン（基本色）トップへ*/
.spXmas_btn-default.-top a {
  display: block;
  position: relative;
  width: 17rem;
  margin-top: 20px;
  padding: 1.2em 1.4em;
  color: #FFF;
  font-size: 0.875rem;
  line-height: 1.3;
  text-align: center;
  text-decoration: none;
  background: #b3343c;
  box-sizing: border-box;
}
.spXmas_btn-default.-top a:after {
  content: "";
  position: absolute;
  margin: auto 0;
  width: 8px;
  height: 8px;
  border-top: 1px solid;
  border-right: 1px solid;
  border-top-color: #FFF;
  border-right-color: #FFF;
  top: 0;
  right: 14px;
  bottom: 0;
  transform: rotate(45deg);
}
.spXmas_btn-default.-top a:active {
  opacity: 0.7;
  transition: 0.3s;
}
.spXmas_btn-default.-top a:active {
  transform: translateY(3px);
}

/*ボタン（すべて見る）*/
.spXmas_btn-viewAll {
  display: flex;
  justify-content: center;
}

.spXmas_btn-viewAll a {
  display: block;
  position: relative;
  width: 17rem;
  margin-top: 20px;
  padding: 1.2em 1.4em;
  color: #b3343c !important;
  font-size: 0.875rem;
  line-height: 1.3;
  text-align: center;
  text-decoration: none;
  background: #c8d6dd;
  box-sizing: border-box;
}
.spXmas_btn-viewAll a:after {
  content: "";
  position: absolute;
  margin: auto 0;
  width: 8px;
  height: 8px;
  border-top: 1px solid;
  border-right: 1px solid;
  border-top-color: #b3343c;
  border-right-color: #b3343c;
  top: 0;
  right: 14px;
  bottom: 0;
  transform: rotate(45deg);
}
.spXmas_btn-viewAll a:active {
  opacity: 0.7;
  transition: 0.3s;
}
.spXmas_btn-viewAll a:active {
  transform: translateY(3px);
}
.spXmas_btn-viewAll a:link, .spXmas_btn-viewAll a:visited {
  color: #b3343c;
}

/*ボタン（反転色）*/
.spXmas_btn-inverse {
  display: flex;
  justify-content: center;
}

.spXmas_btn-inverse a {
  display: block;
  position: relative;
  width: 17rem;
  margin-top: 20px;
  padding: 1.2em 1.4em;
  color: #b3343c !important;
  font-size: 0.875rem;
  line-height: 1.3;
  text-align: center;
  text-decoration: none;
  background: #FFF;
  box-sizing: border-box;
  border: solid 1px #b3343c;
  text-decoration: none !important;
}
.spXmas_btn-inverse a:after {
  content: "";
  position: absolute;
  margin: auto 0;
  width: 8px;
  height: 8px;
  border-top: 1px solid;
  border-right: 1px solid;
  border-top-color: #b3343c;
  border-right-color: #b3343c;
  top: 0;
  right: 14px;
  bottom: 0;
  transform: rotate(45deg);
}
.spXmas_btn-inverse a:active {
  opacity: 0.7;
  transition: 0.3s;
}
.spXmas_btn-inverse a:active {
  transform: translateY(3px);
}

#WSTBA9ZH0034 + .spXmas_btn-default a,
#WSTBA9ZH0007 + .spXmas_btn-default a,
#WSTBA9ZH0034 + .spXmas_btn-viewAll a,
#WSTBA9ZH0007 + .spXmas_btn-viewAll a,
#WSTBA9ZH0034 + .spXmas_btn-inverse a,
#WSTBA9ZH0007 + .spXmas_btn-inverse a {
  margin-top: 0;
}

/*ボタン（もっと読む）*/
.spXmas_btn-more {
  display: flex;
  justify-content: center;
  display: block;
  width: 100%;
  bottom: 0;
  left: 0;
  text-align: center;
}

.spXmas_btn-more.-open {
  padding: 80px 0 0;
  position: absolute;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 60%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00ffffff", endColorstr="#ffffff", GradientType=0 );
}

.spXmas_btn-more.-close {
  background: none;
  padding: 30px 0 0;
  position: relative;
}

.spXmas_btn-more span {
  display: block;
  position: relative;
  width: 17rem;
  margin-top: 20px;
  padding: 1.2em 1.4em;
  color: #b3343c !important;
  font-size: 0.875rem;
  line-height: 1.3;
  text-align: center;
  text-decoration: none;
  background: #FFF;
  box-sizing: border-box;
  border: solid 1px #b3343c;
  width: 136px;
  margin: 0 auto;
  padding: 15px;
  cursor: pointer;
}
.spXmas_btn-more span:after {
  content: "";
  position: absolute;
  margin: auto 0;
  width: 8px;
  height: 8px;
  border-top: 1px solid;
  border-right: 1px solid;
  border-top-color: #b3343c;
  border-right-color: #b3343c;
  top: 0;
  right: 14px;
  bottom: 0;
  transform: rotate(45deg);
}
.spXmas_btn-more span:active {
  opacity: 0.7;
  transition: 0.3s;
}
.spXmas_btn-more span:active {
  transform: translateY(3px);
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
}

.spXmas_btn-more.-open span:after {
  transform: rotate(135deg);
}

.spXmas_btn-more.-close span:after {
  transform: rotate(-45deg);
}

/* 上に戻るボタン
----------------------------------------------*/
#spXmas_backtotop {
  width: 59px;
  height: 59px;
  position: fixed;
  right: 5px;
  bottom: 50px;
  z-index: 99;
}

#spXmas_backtotop a img {
  position: relative;
  display: block;
  width: 59px;
  height: 59px;
  text-decoration: none;
}

/* 矢印つきテキストリンク
----------------------------------------------*/
.arrowTxtLink-right {
  text-align: right;
}

.arrowTxtLink-left {
  text-align: left;
}

.arrowTxtLink-right a {
  position: relative;
  display: inline;
  padding-left: 10px;
  font-size: 13px;
  text-decoration: none;
}
.arrowTxtLink-right a:before {
  content: "";
  position: absolute;
  margin: auto 0;
  width: 4px;
  height: 4px;
  border-top: 1px solid;
  border-right: 1px solid;
  border-top-color: #4a4a4a;
  border-right-color: #4a4a4a;
  top: 0.5em;
  left: 0;
  transform: translate(0, -50%);
  transform: rotate(45deg);
}

.arrowTxtLink-left a {
  position: relative;
  display: inline;
  padding-left: 10px;
  font-size: 13px;
  text-decoration: underline;
}
.arrowTxtLink-left a:before {
  content: "";
  position: absolute;
  margin: auto 0;
  width: 4px;
  height: 4px;
  border-top: 1px solid;
  border-right: 1px solid;
  border-top-color: #4a4a4a;
  border-right-color: #4a4a4a;
  top: 0.5em;
  left: 0;
  transform: translate(0, -50%);
  transform: rotate(45deg);
}

.arrowTxtLink-right a:link,
.arrowTxtLink-right a:active,
.arrowTxtLink-right a:visited {
  color: #202020;
}

.arrowTxtLink-left a:link,
.arrowTxtLink-left a:active,
.arrowTxtLink-left a:visited {
  color: #202020;
}

/* もっと読む
----------------------------------------------*/
.spXmas_readMore {
  color: #b3343c;
  font-size: 0.8125rem;
  font-weight: bold;
  text-align: center;
  text-decoration: underline;
}

.spXmas_btn-viewAll + .spXmas_readMore,
.spXmas_btn-inverse + .spXmas_readMore {
  margin-top: 1em;
}

/* 非表示
----------------------------------------------*/
@media (min-width: 640px) {
  .pcOnly {
    display: none;
  }
}
@media (min-width: 768px) {
  .pcOnly {
    display: none;
  }
}
@media (min-width: 1025px) {
  .pcOnly {
    display: block;
  }
}

@media (min-width: 640px) {
  .spOnly {
    display: block;
  }
}
@media (min-width: 768px) {
  .spOnly {
    display: block;
  }
}
@media (min-width: 1025px) {
  .spOnly {
    display: none;
  }
}

@media (min-width: 768px) {
  .noTablet {
    display: none;
  }
}

.topOnly {
  display: none;
}

/*------------------------------------------------------------
    お花のお手入れアドバイス
------------------------------------------------------------*/
.spXmas_flowerCare {
  background: #e9eff1;
}

.spXmas_flowerCare_inner {
  border-width: 0 1px 1px;
}

.spXmas_flowerCare_inner .conts_h {
  margin-bottom: 0;
  color: #FFF;
  font-size: 0.9375rem;
  line-height: 30px;
  font-weight: 400;
  text-align: center;
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", Meiryo, "メイリオ", sans-serif;
  background: #b3343c;
}

.spXmas_flowerCare_txt {
  padding: 10px;
  font-size: 0.8125rem;
  line-height: 1.7;
  text-indent: -1em;
}

.spXmas_flowerCare_txt p {
  padding-right: 0px;
  text-indent: -1em;
  padding-left: 1em;
}
.spXmas_flowerCare_txt p::before {
  content: "・";
}

.spXmas_flowerCareDetail_img-pot {
  margin: 10px 0;
}

.spXmas_flowerCare_txt .RJLink {
  line-height: 2;
  display: inline-block;
}

.spXmas_flowerCare .RJLink a {
  font-size: 1em;
}

.spXmas_flowerCare_txt .arrowTxtLink-right {
  margin-top: 1em;
  margin-right: 0.5rem;
}

/*------------------------------------------------------------
    コラム
------------------------------------------------------------*/
/* コラム一覧
----------------------------------------------*/
.spXmas_column_toc {
  padding: 0 5.33vw;
}

.spXmas_column_tocCtt {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.spXmas_column_tocCtt {
  padding: 0.8rem 0;
  border-bottom: 1px dotted #c6c6c6;
}

.spXmas_column_tocImg {
  flex: 0 1 21%;
}

.spXmas_column_tocTxt {
  flex: 0 1 75%;
}

.spXmas_column_tocTtl {
  margin: 0;
  padding: 0;
  font-size: 0.8125rem;
  line-height: 1.3;
}

.spXmas_column_tocTxt > p {
  margin: 0;
  padding: 0;
  margin-top: 0.3125rem;
  color: #606060;
  font-size: 0.6875rem;
  line-height: 1.25;
}

/*------------------------------------------------------------
    コラム
------------------------------------------------------------*/
/* コラム下層（基本）
----------------------------------------------*/
.spXmas_column_inner {
  margin-top: 2em;
  padding: 0 ;
  display: block;
}

.spXmas_column_img {
  margin: 0;
}

.spXmas_column_txt {
  margin-top: 1rem;
  padding: 0;
}

.spXmas_column_txt .spXmas_heading03 {
  margin: 0;
  margin-top: 1.25rem;
  color: #202020;
  font-size: 0.9375rem;
  line-height: 1.5;
  text-align: left;
}

.spXmas_column_txt .spXmas_heading04 {
  margin: 0;
  margin-top: 0.8rem;
  font-size: 0.875rem;
  text-align: left;
  font-weight: 600;
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", Meiryo, "メイリオ", sans-serif;
}

.spXmas_column_txt > p {
  margin: 0;
  padding: 0;
  margin-top: 0.8rem;
  line-height: 1.7;
}

.spXmas_column_txt > p + p {
  margin-top: 1rem;
}

.spXmas_column_txt > .spXmas_heading04 + p {
  margin-top: 0.4rem;
}

.spXmas_column_txt > p + .spXmas_heading04 {
  margin-top: 1.3rem;
}

.spXmas_column_list {
  margin-top: 0.8rem;
  line-height: 1.7;
}

.spXmas_column_list li {
  margin-left: 1.2em;
}

.spXmas_column_list li + li {
  margin-top: 0.5em;
}

.spXmas_column_list.-disc {
  list-style-position: outside;
  list-style-type: disc;
}

/* 関連ページ */
.spXmas_column_relatedList {
  display: flex;
  justify-content: space-between;
  margin: 0 21.5px;
}

.spXmas_column_relatedList li:nth-of-type(2n) {
  margin-left: 1.3333333333vw;
}

.spXmas_column_relatedTxt {
  display: block;
  margin-top: 0.5rem;
  color: #585858;
  font-size: 0.6875rem;
  line-height: 1.4;
}

/* テキストリンク */
.spXmas_column_txt a {
  color: #b3343c;
  background: linear-gradient(transparent 60%, #ffff66 60%);
  text-decoration: none !important;
}

.spXmas_column_txt > .spXmas_btn-inverse a {
  background: #fff;
}

/* ボタン */
.spXmas_column_txt .spXmas_btn-inverse {
  margin-top: 1em;
}

.spXmas_column_txt .spXmas_btn-inverse a {
  margin-top: 0;
}

/* アンケート
----------------------------------------------*/
.spXmas_column_qnrColumn {
  margin-top: 1.25rem;
}

.spXmas_column_qnrHeading {
  margin: 0;
  padding: 0.5rem 0.3rem;
  color: #fff;
  font-size: 0.9375rem;
  line-height: 1.5;
  text-align: center;
  border-radius: 4px;
}

.spXmas_column_qnrHeading.-sender {
  background: #f6a800;
}

.spXmas_column_qnrHeading.-receiver {
  background: #fa7699;
}

.spXmas_column_qnrDeflist > dt {
  margin-top: 0.875rem;
  font-size: 0.875rem;
  line-height: 1.4;
  font-weight: bold;
}

.spXmas_column_qnrDeflist > dd > img {
  display: block;
  margin-top: 0.875rem;
  width: 100%;
  vertical-align: bottom;
}

.spXmas_column_qnrCap {
  margin-top: 1rem;
  font-size: 0.6875rem;
  line-height: 1.4;
  text-align: center;
}

/* よくある質問
----------------------------------------------*/
.spXmas_column_txt .spXmas_topFaq_faqbox {
  margin: 0;
}

.spXmas_column_txt .spXmas_topFaq_qbox {
  display: block;
  margin-top: 0.8rem;
}

.spXmas_column_txt .spXmas_topFaq_txt p {
  margin-top: 0.8rem;
  font-size: 0.875rem;
  line-height: 1.7;
}

/* 長寿の呼び名
----------------------------------------------*/
.spXmas_nameTable {
  clear: both;
  margin-top: 20px;
  border-top: 1px solid #858585;
  border-left: 1px solid #858585;
  font-size: 0.8125rem;
  line-height: 1.3;
  box-sizing: border-box;
}

.spXmas_nameTable th,
.spXmas_nameTable td {
  padding: 5px;
  border-right: 1px solid #858585;
  border-bottom: 1px solid #858585;
  text-align: center;
}

.spXmas_nameTable td.textL {
  text-align: left;
}

.spXmas_nameTable th.thead01 {
  padding: 0;
  width: 20%;
}

.spXmas_nameTable th.thead01 span {
  display: block;
  padding: 5px;
}

/*------------------------------------------------------------
    コラム下層（コンテマ）
------------------------------------------------------------*/
/* 見出しカウント設定
----------------------------------------------*/
body {
  counter-reset: -chapter;
  counter-reset: -section;
}

/* 見出しカウント */
.spXmas_heading02.-chapter:before {
  content: counter(-chapter) ". ";
}

.spXmas_heading02.-chapter {
  counter-increment: -chapter;
  counter-reset: -section;
}

.spXmas_heading03.-section:before {
  content: counter(-section) ". ";
}

.spXmas_heading03.-section {
  counter-increment: -section;
}

/* コラム下層（コンテマ）
----------------------------------------------*/
.spXmas_columnLifestyle {
  margin-top: 1rem;
}

.spXmas_columnLifestyle .spXmas_heading03 {
  text-align: left;
}

.spXmas_columnLifestyle .spXmas_heading03 {
  margin-bottom: 0;
  color: #202020;
}

.spXmas_columnLifestyle .spXmas_heading04 {
  margin: 0;
  margin-top: 0.8rem;
  font-size: 0.875rem;
  text-align: left;
}

.spXmas_columnLifestyle_ctt {
  padding: 0 ;
}

.spXmas_columnLifestyle_ctt + .spXmas_columnLifestyle_ctt {
  margin-top: 2rem;
}

.spXmas_columnLifestyle_img + .spXmas_columnLifestyle_img,
.spXmas_columnLifestyle_txt + .spXmas_columnLifestyle_img {
  margin-top: 1rem;
}

.spXmas_columnLifestyle_img img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}

.spXmas_columnLifestyle p {
  margin: 0;
  padding: 0;
  margin-top: 0.8rem;
  line-height: 1.7;
}

.spXmas_columnLifestyle p + p {
  margin-top: 1rem;
}

.spXmas_columnLifestyle .spXmas_heading03 + p {
  margin-top: 0.3125rem;
}

.spXmas_columnLifestyle .highlight {
  background: linear-gradient(transparent 60%, #ffff66 60%);
}

/* 順序リスト */
.spXmas_columnLifestyle_orderList {
  font-size: 0.875rem;
  line-height: 1.5;
  list-style-type: decimal;
  list-style-position: inside;
}

.spXmas_columnLifestyle_orderList + p {
  margin-top: 1rem;
}

p + .spXmas_columnLifestyle_orderList {
  margin-top: 1rem;
}

/* 順序なしリスト */
.lifestyle_unorderList {
  margin: 0 10px 24px;
  font-size: 14px;
  line-height: 1.4;
  list-style-type: disc;
  list-style-position: inside;
}

.lifestyle_unorderList li {
  text-indent: -1em;
  padding-left: 1em;
}

p + .lifestyle_unorderList {
  margin-top: 1rem;
}

/* テキストリンク */
.spXmas_columnLifestyle_txt a {
  color: #b3343c;
  background: linear-gradient(transparent 60%, #ffff66 60%);
  text-decoration: none !important;
}

/* 商品コンポーネント */
.spXmas_columnLifestyle_txt .c-item a {
  color: #202020;
  background: none;
}

.spXmas_columnLifestyle_txt > .c-item {
  margin: 0;
}

.spXmas_columnLifestyle_txt > p + .c-item {
  margin-top: 10px;
}

.spXmas_columnLifestyle_txt > .c-item a {
  color: #202020;
  background: none;
}

/* 目次 */
.spXmas_columnLifestyle_ctt > .index-001 {
  margin-top: 30px;
  margin-bottom: 30px;
  padding: 1em 1em 1em 1.5em;
  border: 1px solid #999;
  background-color: #f7f7f7;
  font-size: 0.875rem;
  line-height: 1.7;
}

.spXmas_columnLifestyle_ctt > .index-001 div {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 5px 0;
}

.spXmas_columnLifestyle_ctt > .index-001 label::after {
  margin-left: 5px;
  font-size: 0.8em;
  color: #166c9d;
  content: "[開く]";
  cursor: pointer;
}

.spXmas_columnLifestyle_ctt > .index-001:has(:checked) label::after {
  content: "[閉じる]";
}

.spXmas_columnLifestyle_ctt > .index-001 input {
  display: none;
}

.spXmas_columnLifestyle_ctt > .index-001 ol {
  list-style-type: disc;
  margin: 0;
  padding: 0 0 0 1.2em;
  overflow: hidden;
}

.spXmas_columnLifestyle_ctt > .index-001 > ol {
  height: 0;
}

.spXmas_columnLifestyle_ctt > .index-001:has(:checked) > ol {
  height: auto;
}

.spXmas_columnLifestyle_ctt > .index-001 ol ol {
  margin-top: 5px;
}

.spXmas_columnLifestyle_ctt > .index-001 li {
  padding: 2px 0;
}

.spXmas_columnLifestyle_ctt > .index-001 a {
  color: #166c9d;
}

.spXmas_columnLifestyle_ctt .-example {
  padding: 0.8em 1em;
  background-color: #e1e1e1;
}

.bulletPointList {
  list-style-type: disc;
  list-style-position: inside;
  text-indent: 0.5em;
  /* font-size: 1.4em;
  font-weight: bold; */
}

/*------------------------------------------------------------
    ディズニー
------------------------------------------------------------*/
.spXmas_disney_copyright {
  display: block;
  width: 38px;
  margin-top: 40px;
  margin-left: auto;
  padding: 0 21.5px;
}

/*------------------------------------------------------------
    配送・お支払い方法
------------------------------------------------------------*/
.spXmas_topPurchase.current {
  display: none;
}

/* 見出し3
----------------------------------------------*/
.spXmas_delivery_heading03 {
  margin: 20px 21.5px 10px;
  padding: 10px;
  color: #b3343c;
  font-size: 14px;
  font-weight: 400;
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", Meiryo, "メイリオ", sans-serif;
  background: #e9eff1;
}

.spXmas_delivery_img {
  margin-top: 1.25rem;
  padding: 0 21.5px;
}

.spXmas_delivery_img img {
  width: 100%;
}

.spXmas_delivery_dl,
.spXmas_delivery_list {
  margin: 1em 21.5px;
  padding: 0;
  color: #202020;
  font-size: 0.8125rem;
  line-height: 1.7;
}

.spXmas_delivery_dl > dt {
  font-weight: bold;
}

.spXmas_delivery_dl > dd + dt {
  margin-top: 0.5rem;
}

.spXmas_delivery_dl > dd > .spXmas_delivery_list {
  margin: 0;
}

.spXmas_delivery_list {
  list-style-position: outside;
  list-style-type: disc;
  margin-top: 0.5em;
}

.spXmas_delivery_list li {
  margin-left: 1.2em;
}

.spXmas_delivery .arrowTxtLink-right {
  margin: 1em 21.5px 0;
}

/* お届けについて */
.spXmas_delivery_termBox {
  margin: 1.25rem 21.5px;
  border: 3px solid #b2c6d0;
}

.spXmas_delivery_termBox .spXmas_lead > span {
  color: #b3343c;
  font-weight: bold;
  background: #e9eff1;
}

.spXmas_delivery_termAttn {
  margin: 0;
  padding: 0;
  margin: 1em 21.5px 0;
  font-size: 0.713rem;
}

/*------------------------------------------------------------
    ギフトオプション
------------------------------------------------------------*/
/* オプション */
.spXmas_desc_deadline {
  display: inline-block;
  padding: 0.1em 0.4em;
  color: #fff;
  font-size: 0.75rem;
  font-weight: bold;
  font-feature-settings: "palt";
  letter-spacing: 0.05em;
  background: #b3343c;
}

.spXmas_desc_deadline + .spXmas_desc_heading03 {
  margin-top: 0.5rem;
}

.spXmas_desc_price {
  margin-top: 0.2rem;
  font-size: 0.8125rem;
}

p.spXmas_desc_detail {
  font-size: 0.6875rem;
}

/* メッセージカード */
.spXmas_card_wrap {
  padding: 30px 21.5px;
  background: #ffffff;
  background: linear-gradient(to bottom, #ffffff 0%, #e9eff1 100%);
  box-sizing: border-box;
}

.spXmas_card_column {
  display: flex;
}

.spXmas_card_column + .spXmas_card_column {
  margin-top: 1.25rem;
}

.spXmas_card_img,
.spXmas_card_txt {
  width: calc((100% - 0.71875rem) / 2);
}

.spXmas_card_img {
  margin-right: 0.71875rem;
}

.spXmas_card_deadline {
  display: inline-block;
  padding: 0.3em 0.4em;
  color: #fff;
  font-size: 0.75rem;
  font-weight: bold;
  font-feature-settings: "palt";
  letter-spacing: 0.05em;
  background: #b3343c;
}

.spXmas_card_heading03 {
  margin: 0;
  color: #202020;
  font-size: 0.8125rem;
  line-height: 1.5;
  font-weight: 400;
  font-feature-settings: "palt";
  letter-spacing: 0.1em;
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", Meiryo, "メイリオ", sans-serif;
}

.spXmas_card_deadline + .spXmas_card_heading03 {
  margin-top: 0.5em;
}

.spXmas_card_price {
  margin-top: 0.5rem;
  font-size: 0.6875rem;
}

.spXmas_card_desc {
  margin: 0;
  padding: 0;
  margin-top: 1em;
  font-size: 0.75rem;
  line-height: 1.5;
}

.spXmas_card_main {
  margin: 0;
  padding: 0;
}

.spXmas_card_main {
  position: relative;
  width: 18em;
  margin: 0 auto 20px;
  padding: 0 1.5rem;
  font-size: 1rem;
  line-height: 1.41;
  font-weight: bold;
  text-align: center;
  font-feature-settings: "palt";
  letter-spacing: 0.05em;
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", Meiryo, "メイリオ", sans-serif;
}
.spXmas_card_main::before, .spXmas_card_main::after {
  content: "";
  position: absolute;
  top: 50%;
  display: inline-block;
  height: 1px;
  width: 3.5625rem;
  background-color: #202020;
}
.spXmas_card_main::before {
  left: 0;
  transform: rotate(70deg);
}
.spXmas_card_main::after {
  right: 0;
  transform: rotate(-70deg);
}

/* セールカード */
.spXmas_saleCard {
  margin-top: 1.875rem;
}

.spXmas_saleCard_main,
.spXmas_saleCard_attn {
  margin: 0;
  padding: 0;
}

.spXmas_saleCard_main {
  position: relative;
  width: 20em;
  margin: 0 auto;
  padding: 0 1.5rem;
  font-size: 1rem;
  line-height: 1.41;
  font-weight: bold;
  text-align: center;
  font-feature-settings: "palt";
  letter-spacing: 0.05em;
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", Meiryo, "メイリオ", sans-serif;
}
.spXmas_saleCard_main::before, .spXmas_saleCard_main::after {
  content: "";
  position: absolute;
  top: 50%;
  display: inline-block;
  height: 1px;
  width: 3.5625rem;
  background-color: #202020;
}
.spXmas_saleCard_main::before {
  left: 0;
  transform: rotate(70deg);
}
.spXmas_saleCard_main::after {
  right: 0;
  transform: rotate(-70deg);
}

.spXmas_saleCard_attn {
  margin-top: 1em;
  font-size: 0.6875rem;
  line-height: 1.41;
  text-align: center;
}

.spXmas_saleCard_img {
  display: flex;
  flex-wrap: nowrap;
  margin-top: 1.25rem;
  padding: 0 5.7333333333vw;
}

.spXmas_saleCard_column {
  width: calc((100% - 0.71875rem) / 2);
}
.spXmas_saleCard_column:not(:first-of-type) {
  margin-left: 0.71875rem;
}

/* 注文方法 */
.spXmas_orderProcess {
  margin-top: 3.25rem;
}

.spXmas_orderProcess_heading {
  margin: 0 10px;
  padding: 0 10px 0.625rem;
  color: #202020;
  font-size: 0.875rem;
  line-height: 1.4;
  text-align: center;
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", Meiryo, "メイリオ", sans-serif;
  border-bottom: solid 2px #e5e5e5;
}

.spXmas_orderProcess_list {
  margin-top: 1.25rem;
  padding: 0 21.5px;
}

.spXmas_orderProcess_list li {
  display: flex;
}

.spXmas_orderProcess_list li + li {
  margin-top: 0.625rem;
}

.spXmas_orderProcess_img,
.spXmas_orderProcess_txt {
  width: calc((100% - 0.71875rem) / 2);
}

.spXmas_orderProcess_img {
  margin-right: 0.71875rem;
}

.spXmas_orderProcess_txt {
  display: flex;
}

.spXmas_orderProcess_txt p {
  margin: 0;
  padding: 0;
  font-size: 0.75rem;
  line-height: 1.5;
}

.spXmas_orderProcess_txt span {
  display: inline-block;
  margin-top: 0.125rem;
  margin-right: 0.25rem;
  color: #b3343c;
  font-size: 1rem;
  font-weight: bold;
}

/*------------------------------------------------------------
    サイトマップ
------------------------------------------------------------*/
.spXmas_sitemap {
  padding: 0 21.5px;
}

.spXmas_sitemap_heading03 {
  margin: 0;
  margin-top: 1em;
  padding: 0.5em 0.7em;
  color: #b3343c;
  font-size: 0.9375rem;
  line-height: 1.5;
  font-weight: 400;
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", Meiryo, "メイリオ", sans-serif;
  background: #c8d6dd;
}

.spXmas_sitemap_heading03 + .spXmas_sitemap_list {
  margin-top: 0.5em;
}

.spXmas_sitemap_list li {
  font-size: 0.8125rem;
  line-height: 1.75;
}

.spXmas_sitemap_list a {
  position: relative;
  display: block;
  padding-left: 1em;
  color: #202020;
  text-decoration: none;
}
.spXmas_sitemap_list a:before {
  content: "";
  position: absolute;
  margin: auto 0;
  width: 4px;
  height: 4px;
  border-top: 1px solid;
  border-right: 1px solid;
  border-top-color: #4a4a4a;
  border-right-color: #4a4a4a;
  top: 0.5em;
  left: 0;
  transform: translate(0, -50%);
  transform: rotate(45deg);
}
.spXmas_sitemap_list a:link, .spXmas_sitemap_list a:active, .spXmas_sitemap_list a:visited {
  color: #202020;
}

/*------------------------------------------------------------
    3つのカラー
------------------------------------------------------------*/
.spXmas_localNav-threecolors {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 1.25rem 21.5px 0;
}

.spXmas_localNav-threecolors li {
  flex: inherit;
  width: 27.2vw;
  text-align: center;
}
@media (min-width: 768px) {
  .spXmas_localNav-threecolors li {
    width: 13.3333333333vw;
  }
}
.spXmas_localNav-threecolors li:not(:nth-of-type(3n+1)) {
  margin-left: 3.4666666667vw;
}
.spXmas_localNav-threecolors li:nth-of-type(n+4) {
  margin-top: 1.0625rem;
}
@media (min-width: 768px) {
  .spXmas_localNav-threecolors li:nth-of-type(n+4) {
    margin-top: 0;
  }
}

.spXmas_desc-three > .img_ctt > .img_main {
  width: 88.5333333333vw;
  margin: auto;
  margin-left: 0;
}

.spXmas_desc-three > .img_ctt > .img_sub {
  width: 57.3333333333vw;
  margin: auto;
  margin-right: 0;
  margin-top: -21.0666666667vw;
}

.spXmas_desc-three > .txt_ctt {
  margin-top: 1.875rem;
}

/*------------------------------------------------------------
    トップページ
------------------------------------------------------------*/
/* メインビジュアル・コピー
----------------------------------------------*/
.spXmas_main_heading {
  margin-bottom: 0.5em;
  color: #8b8b8b;
  font-size: 0.6875rem;
  font-weight: normal;
  text-align: center;
}

.spXmas_intro_heading > .-sub {
  font-size: 1rem;
  font-weight: 400;
  font-family: "din-2014", sans-serif;
}

.spXmas_intro_txt.-top {
  font-weight: normal;
}

.spXmas_intro_txt.-top p {
  display: inline;
  margin: 0;
  padding: 0;
}

.spXmas_intro_txt.-top p + p {
  margin-top: 0;
}

/* バナー
----------------------------------------------*/
.spXmas_topTheme_img {
  margin: 30px auto;
}
@media (min-width: 768px) {
  .spXmas_topTheme_img {
    margin: 0 auto;
    max-width: 600px;
  }
}

/* ローカルナビ
----------------------------------------------*/
.spXmas_topLocalNav {
  margin-top: 1.5rem;
  padding: 0 21.5px;
}

.spXmas_topLocalNav_recomList {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
}

.spXmas_topLocalNav_recomList.-initial {
  justify-content: start;
}

.spXmas_topLocalNav_recomList > li {
  width: calc((100% - 20px) / 3);
}
.spXmas_topLocalNav_recomList > li:nth-child(n+4) {
  margin-top: 10px;
}
.spXmas_topLocalNav_recomList > li:not(:nth-child(3n+1)) {
  margin-left: 10px;
}

.spXmas_topLocalNav_recomList > li > a {
  display: block;
}
.spXmas_topLocalNav_recomList > li > a:hover {
  opacity: 0.7;
  transition: 0.3s;
}
.spXmas_topLocalNav_recomList > li > a:active {
  transform: translateY(8px);
  transition: 0.3s;
}

/* 遅れてごめんね */
/* おすすめの花
----------------------------------------------*/
.spXmas_topRecom {
  display: flex;
  justify-content: center;
  margin: 1.3671875rem 0 0.078125rem;
  padding: 1.5rem 0 1.875rem;
  background: #c8d6dd;
  background-image: url("../../img/recom_bg_sp.png");
  background-position: center bottom;
  background-size: cover;
  background-repeat: no-repeat;
}

.spXmas_topRecom_inner {
  text-align: center;
}

.spXmas_topRecom_heading02 {
  display: inline-block;
  width: 16.6875rem;
  margin-bottom: 20px;
  padding: 0;
  color: #b3343c;
  font-size: 1rem;
  line-height: 1.4;
  text-align: center;
}
@media (min-width: 768px) {
  .spXmas_topRecom_heading02 {
    width: 100%;
    max-width: 100%;
  }
}

.spXmas_topRecom_inner > .spXmas_lead {
  margin: 0;
  color: #b3343c;
  font-size: 0.6875rem;
  line-height: 1.5;
  text-align: center;
}

.spXmas_topRecom_inner > .spXmas_lead > p + p {
  margin-top: 1em;
}

.spXmas_topRecom + #WSTBA9ZH0033 {
  margin-top: 20px;
}

/* メッセージカード */
.spXmas_topRecom_messagecard {
  margin-top: 1rem;
  margin-bottom: 1.25rem;
  padding: 0 21.5px;
}

/* お悩みの方 */
.spXmas_topRecomSpecial {
  margin-top: 1.875rem;
}

.spXmas_topRecomSpecial_heading {
  position: relative;
  width: 18em;
  margin: 0 auto;
  padding: 0 1em;
  color: #202020;
  font-size: 1rem;
  line-height: 1.4;
  font-feature-settings: "palt";
  letter-spacing: 0.1em;
  text-align: center;
  font-weight: 400;
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", Meiryo, "メイリオ", sans-serif;
}
.spXmas_topRecomSpecial_heading:before, .spXmas_topRecomSpecial_heading:after {
  content: "";
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 26px;
  height: 1px;
  background-color: #202020;
}
.spXmas_topRecomSpecial_heading:before {
  left: 0;
  transform: rotate(50deg);
}
.spXmas_topRecomSpecial_heading:after {
  right: 0;
  transform: rotate(-50deg);
}

/* 駆け込み */
.spXmas_topRecom_heading02.-last {
  width: 21.75rem;
}

/* おすすめ画像見出し
----------------------------------------------*/
.spXmas_topPickup {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 13.4375rem;
  background: #ccc;
  background-position: center center;
  background-size: cover;
}

.spXmas_btn-default + .spXmas_topPickup {
  margin-top: 3.125rem;
}

.spXmas_topPickup_inner {
  margin: 0 1rem;
  padding: 0;
  box-sizing: border-box;
}

.spXmas_topPickup_heading02 {
  position: relative;
  margin-top: 0;
  padding-bottom: 0.625rem;
  color: #FFF;
  mix-blend-mode: difference;
  font-size: 0.9375rem;
  line-height: 1.5;
  font-weight: 400;
  font-feature-settings: "palt";
  letter-spacing: 0.1em;
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", Meiryo, "メイリオ", sans-serif;
}
.spXmas_topPickup_heading02::after {
  position: absolute;
  display: block;
  bottom: 0;
  content: "";
  width: 3.125rem;
  height: 2px;
  margin-top: 0.625rem;
  background-color: #34b3ab;
}

.spXmas_topPickup_heading02 > span {
  font-size: 0.75rem;
}

.spXmas_topPickup_headingSub {
  margin: 0;
  padding: 0;
  margin-top: 0.625rem;
  display: block;
  color: #FFF;
  mix-blend-mode: difference;
  font-size: 0.75rem;
  line-height: 1.5;
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", Meiryo, "メイリオ", sans-serif;
}

.spXmas_lead.-recom {
  margin: 1.25rem 10px;
  text-align: center;
}

.spXmas_lead.-recom p {
  margin: 0;
  padding: 0;
}

.spXmas_lead.-recom p + p {
  margin-top: 1em;
}

.spXmas_lead.-recom > .spXmas_lead.-note {
  font-size: inherit;
}

.spXmas_lead.-small {
  color: #585858;
  font-size: 0.75rem;
  line-height: 1.5;
}

.spXmas_recomThreeColors_heading03 {
  margin-top: 1.25rem;
  color: #fff;
  font-size: 0.9375rem;
  line-height: 1.6;
  text-align: center;
  font-weight: 700;
  font-feature-settings: "palt";
  letter-spacing: 0.1em;
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", Meiryo, "メイリオ", sans-serif;
}

.spXmas_recomThreeColors_heading03.-red > span {
  background: #d20034;
}

.spXmas_recomThreeColors_heading03.-pink > span {
  background: #e88c81;
}

.spXmas_recomThreeColors_heading03.-gray > span {
  background: #6e7889;
}

.spXmas_recomThreeColors_heading03 + #WSTBA9ZH0032,
.spXmas_recomThreeColors_heading03 + #WSTBA9ZH0033,
.spXmas_recomThreeColors_heading03 + #WSTBA9ZH0034 {
  margin-top: 0.75rem;
}

.spXmas_topPickup.-bgThreeColors {
  background-image: url("../../img/bg_three_sp.jpg");
}

.spXmas_topPickup.-bgWreath {
  background-image: url("../../img/bg_wreath_sp.jpg");
}

.spXmas_topPickup.-bgArrangement {
  background-image: url("../../img/bg_arrangement_sp.jpg");
}

.spXmas_topPickup.-bgPreserved {
  background-image: url("../../img/bg_preserved_sp.jpg");
}

.spXmas_topPickup.-bgPreserved {
  background-image: url("../../img/bg_preserved_sp.jpg");
}

.spXmas_topPickup.-bgPot {
  background-image: url("../../img/bg_pot_sp.jpg");
}

.spXmas_topPickup.-bgSet {
  background-image: url("../../img/bg_set_sp.jpg");
}

.spXmas_btn-inverse + .spXmas_topPickup {
  margin-top: 2.1875rem;
}

.spXmas_heading03 + #WSTBA9ZH0032 {
  margin-top: 1.25rem;
}

.spXmas_topPickup + #WSTBA9ZH0034 {
  margin-top: 1.25rem;
}

.spXmas_topRecomSpecial + .spXmas_topPickup {
  margin-top: 2.1875rem;
}

/* 駆け込み */
.spXmas_topPickup.-lastBgHeaven {
  background-image: url("../../img/bg_heaven_last_sp.jpg");
}

/* スペシャルコンテンツからさがす
----------------------------------------------*/
.spXmas_topSpecial {
  display: block;
  margin-top: 0.625rem;
  font-size: 0.875rem;
  line-height: 1.4;
}

.spXmas_topSpecial .spXmas_heading03 {
  margin-bottom: 1.25rem;
}

.spXmas_topSpecial_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0 ;
}

.spXmas_topSpecial_list + .spXmas_topSpecial_list {
  margin-top: 1.125rem;
}

.spXmas_topSpecial_list.-oneColumn {
  justify-content: center;
}

.spXmas_topSpecial_column {
  flex: 0 1 calc((100% - 0.6875rem) / 2);
}
@media (min-width: 768px) {
  .spXmas_topSpecial_column {
    flex: 0 1 calc((100% - 2.0625rem) / 3);
  }
}
.spXmas_topSpecial_column:nth-of-type(2n) {
  margin-left: 0.6875rem;
}
@media (min-width: 768px) {
  .spXmas_topSpecial_column:nth-of-type(2n) {
    margin-left: 0;
  }
}
@media (min-width: 768px) {
  .spXmas_topSpecial_column:not(:nth-of-type(3n+1)) {
    margin-left: 1rem;
  }
}
.spXmas_topSpecial_column:nth-of-type(n+3) {
  margin-top: 1.125rem;
  margin-left: 0;
}
@media (min-width: 768px) {
  .spXmas_topSpecial_column:nth-of-type(n+3) {
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  .spXmas_topSpecial_column:nth-of-type(n+4) {
    margin-top: 1.125rem;
  }
}

.spXmas_topSpecial_column.-oneColumn {
  flex: 0 1 auto;
  margin-left: 0;
}
@media (min-width: 768px) {
  .spXmas_topSpecial_column.-oneColumn {
    margin: 0 auto;
  }
}

.spXmas_topSpecial_column.-oneColumn + .spXmas_topSpecial_column {
  margin-top: 1.125rem;
}

.spXmas_topStyle_txt {
  display: block;
  margin-top: 0.625rem;
  font-size: 0.75rem;
  line-height: 1.42;
}

@media (min-width: 768px) {
  .spXmas_topSpecial_list.-col3 {
    justify-content: center;
  }
}

.spXmas_topSpecial_list.-col3 > .spXmas_topSpecial_column {
  flex: 0 1 27.7333333333vw;
}

.spXmas_topSpecial_list.-col3 > .spXmas_topSpecial_column:not(:nth-of-type(2n)) {
  margin-right: 0;
}

.spXmas_topSpecial_list.-col3 > .spXmas_topSpecial_column:not(:nth-of-type(2n)) {
  margin-top: 0;
}

.spXmas_topSpecial_list.-col3 > .spXmas_topSpecial_column:not(:nth-of-type(3n+1)) {
  margin-left: 2.6666666667vw;
}

/* スタイルからさがす
----------------------------------------------*/
.spXmas_topStyle {
  margin-bottom: 1.875rem;
}

.spXmas_topStyle_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 1rem;
  padding: 0 ;
}
@media (min-width: 768px) {
  .spXmas_topStyle_list {
    justify-content: space-between;
  }
}

.spXmas_topStyle_column {
  width: calc((100% - 14px) / 2);
  color: #202020;
  text-decoration: none;
}
@media (min-width: 768px) {
  .spXmas_topStyle_column {
    width: calc((100% - 42px) / 3);
  }
}
.spXmas_topStyle_column:nth-of-type(2n) {
  margin-left: 14px;
}
@media (min-width: 768px) {
  .spXmas_topStyle_column:nth-of-type(2n) {
    margin-left: 0;
  }
}
@media (min-width: 768px) {
  .spXmas_topStyle_column:not(:nth-of-type(3n+1)) {
    margin-left: 1rem;
  }
}
.spXmas_topStyle_column:nth-of-type(n+3) {
  margin-top: 1.125rem;
  margin-left: 0;
}
@media (min-width: 768px) {
  .spXmas_topStyle_column:nth-of-type(n+3) {
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  .spXmas_topStyle_column:nth-of-type(n+4) {
    margin-top: 1.125rem;
  }
}

.spXmas_topStyle_column a {
  display: flex;
  flex-direction: column;
  color: #202020;
  text-decoration: none;
}

.spXmas_topStyle_listSmall {
  display: flex;
  justify-content: center;
  margin: 0 auto;
}

.spXmas_topStyle_column.-small {
  margin-top: 1.0625rem;
  flex: 0 1 50%;
  text-align: center;
}

.spXmas_topStyle_column.-small img {
  width: 62.5%;
}

.spXmas_topStyle_pageTtl {
  display: block;
  margin-top: 0.875rem;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 400;
  text-align: center;
  font-feature-settings: "palt";
  letter-spacing: 0.1em;
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", Meiryo, "メイリオ", sans-serif;
}
@media (min-width: 768px) {
  .spXmas_topStyle_pageTtl {
    font-size: 0.875rem;
  }
}

.spXmas_topStyle_pageTtl.-small {
  font-size: 0.78125rem;
  letter-spacing: 0.1em;
}

.spXmas_topStyle_txt {
  display: block;
  margin-top: 0.625rem;
  font-size: 0.75rem;
  line-height: 1.42;
}

/* プリなし */
/* お届け日
----------------------------------------------*/
.spXmas_deadline {
  margin-top: 1.875rem;
  padding: 0 21.5px;
}

/* 予算からさがす
----------------------------------------------*/
.spXmas_topBudget_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0 ;
}
@media (min-width: 768px) {
  .spXmas_topBudget_list {
    flex-wrap: nowrap;
  }
}

.spXmas_topBudget_column {
  width: 26.9333333333vw;
  text-align: center;
}
@media (min-width: 768px) {
  .spXmas_topBudget_column {
    width: 13.3333333333vw;
  }
}
.spXmas_topBudget_column:not(:nth-of-type(3n+1)) {
  margin-left: 3.7333333333vw;
}
@media (min-width: 768px) {
  .spXmas_topBudget_column:not(:nth-of-type(6n+1)) {
    margin-left: 2.6666666667vw;
  }
}
.spXmas_topBudget_column:nth-of-type(n+4) {
  margin-top: 0.9375rem;
}
@media (min-width: 768px) {
  .spXmas_topBudget_column:nth-of-type(n+4) {
    margin-top: 0;
  }
}

.spXmas_topBudget_column a {
  color: #202020;
  text-decoration: none;
}

.spXmas_topBudget_column img {
  width: 100%;
}

.spXmas_topBudget_pageTtl {
  position: relative;
  display: block;
  padding: 0.625rem 0.3125rem;
  color: #b3343c;
  font-size: 0.75rem;
  line-height: 1.3;
  font-weight: 400;
  text-align: center;
  letter-spacing: 0.1em;
  background: #c8d6dd;
}
.spXmas_topBudget_pageTtl:after {
  content: "";
  position: absolute;
  margin: auto 0;
  width: 8px;
  height: 8px;
  border-top: 1px solid;
  border-right: 1px solid;
  border-top-color: #b3343c;
  border-right-color: #b3343c;
  top: 0;
  right: 10px;
  bottom: 0;
  transform: rotate(45deg);
  /* 矢印色 */
  right: 7px;
  width: 4px;
  height: 4px;
}
@media (min-width: 768px) {
  .spXmas_topBudget_pageTtl {
    font-size: 0.8rem;
  }
}

/* 花言葉別
----------------------------------------------*/
.spXmas_flowerlang {
  margin: 0 21.5px;
}

.spXmas_flowerlang_cttWrap {
  padding: 20px 0;
  border-bottom: 1px dotted #ccc;
}

.spXmas_flowerlang_ctt {
  display: flex;
  justify-content: space-between;
}

.spXmas_flowerlang_img,
.spXmas_flowerlang_txt {
  width: 42.6666666667vw;
}

.spXmas_flowerlang_txt {
  padding-left: 2.9333333333vw;
  line-height: 1.42;
}

.spXmas_flowerlang_ttl {
  font-size: 0.875rem;
  font-weight: 400;
  font-feature-settings: "palt";
  letter-spacing: 0.1em;
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", Meiryo, "メイリオ", sans-serif;
}

.spXmas_flowerlang_desc {
  font-size: 0.75rem;
  margin-top: 0.3em;
}

/* よくある質問
----------------------------------------------*/
.spXmas_topFaq_faqbox {
  margin: 0 21.5px 10px;
}

.spXmas_topFaq_name {
  position: relative;
  padding: 10px 28px 10px 10px;
  color: #b3343c;
  font-size: 0.8125rem;
  line-height: 1.2;
  font-weight: 400;
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", Meiryo, "メイリオ", sans-serif;
  background: #e9eff1;
}
.spXmas_topFaq_name::after {
  content: " ";
  margin: auto;
  display: block;
  position: absolute;
  top: 0;
  right: 11px;
  bottom: 0;
  width: 8px;
  height: 8px;
  border-top: 2px solid #b3343c;
  border-right: 2px solid #b3343c;
  transform: rotate(135deg);
  transition: all 0.35s;
}

.spXmas_topFaq_faqbox.open > .spXmas_topFaq_name::after {
  transform: rotate(315deg);
}

.spXmas_topFaq_qbox {
  margin-top: 1em;
  margin-bottom: 1em;
  display: none;
}

.spXmas_topFaq_txt {
  font-size: 0.75rem;
  line-height: 1.7;
}

.spXmas_topFaq_txt p {
  margin: 0;
  padding: 0;
}

.spXmas_topFaq_txt p + p,
.spXmas_topFaq_txt p + strong,
.spXmas_topFaq_list + p {
  margin-top: 1rem;
}

.spXmas_topFaq_txt a {
  color: #b3343c;
  text-decoration: underline;
}

.spXmas_topFaq_list {
  margin-top: 1em;
}

ol.spXmas_topFaq_list {
  list-style-type: decimal;
  list-style-position: outside;
}

ul.spXmas_topFaq_list {
  list-style-type: disc;
  list-style-position: outside;
}

.spXmas_topFaq_list li {
  margin-left: 1.2em;
}

.spXmas_topFaq_list.-horiz li {
  margin-left: 0;
  display: inline-block;
}

.spXmas_topFaq_txt strong + .spXmas_topFaq_list,
.spXmas_topFaq_list + strong {
  margin-top: 0.5rem;
}

.spXmas_topFaq_txt > .spXmas_btn-inverse {
  margin-bottom: 1.5rem;
}

/* 予算 */
.spXmas_topColumn_budgetList {
  margin-top: 1em;
}

.spXmas_topColumn_budgetList li {
  line-height: 1.7;
}

.spXmas_topColumn_budgetList > .arrowTxtLink-right {
  text-align: left;
}

/* メッセージカード
----------------------------------------------*/
.spXmas_topMessage_main,
.spXmas_topMessage_sub {
  padding: 0 21.5px;
}

.spXmas_topMessage_lead {
  margin-top: 1em;
  color: #202020;
  font-size: 0.75rem;
  line-height: 1.7;
}

.spXmas_topMessage_img + .spXmas_topMessage_lead {
  margin-top: 0.8125rem;
}

.spXmas_topMessage_heading03 {
  margin-top: 1.125rem;
  margin-bottom: 0.7222222222rem;
  color: #b00909;
  font-size: 0.875rem;
  text-align: center;
  text-decoration: underline;
}

.spXmas_topMessage_list {
  margin: 1em 0 0 1em;
  color: #202020;
  font-size: 0.75rem;
  line-height: 1.7;
}

.spXmas_topMessage_list li {
  list-style: disc;
}

.spXmas_btn-default.-column a {
  width: 90%;
  margin-top: 1rem;
  margin-bottom: 0;
  color: #fff;
}

/* 読み物
----------------------------------------------*/
.spXmas_topColumn.-top {
  margin: 0 21.5px;
}

.spXmas_topColumn_heading03 {
  padding: 10px 10px;
  color: #b3343c;
  font-size: 0.875rem;
  line-height: 1.5;
  font-weight: 600;
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", Meiryo, "メイリオ", sans-serif;
  border-left: solid 5px #b3343c;
  background: #fef3e6;
}

.spXmas_topColumn .spXmas_lead,
.spXmas_topColumn_wrap .spXmas_lead {
  margin-left: 0;
  margin-right: 0;
  font-size: 0.75rem;
}

.spXmas_topColumn {
  margin-top: 30px;
}

.spXmas_topColumn_img {
  float: right;
  width: 120px;
  width: 32vw;
  margin-left: 10px;
  margin-bottom: 10px;
}

.spXmas_topColumn_txt {
  font-size: 0.75rem;
  line-height: 1.7;
}

.spXmas_topColumn_txt p {
  margin: 0;
  padding: 0;
}

.spXmas_topColumn_txt p + p {
  margin-top: 1em;
}

.spXmas_topColumn_wrap + .spXmas_topColumn_heading03 {
  margin-top: 20px;
}

.spXmas_topColumn_wrap + .spXmas_topColumn_wrap {
  margin-top: 30px;
}

/* ランキング（クリスマス） */
.spXmas_topColumn_lead {
  color: #202020;
  font-size: 0.75rem;
  line-height: 1.5;
}

.spXmas_topColumn_heading03 + .spXmas_lead {
  color: #202020;
  line-height: 1.5;
}

.spXmas_topColumn_rankingImg {
  margin-top: 10px;
}

.spXmas_topColumn_rankingImg + .spXmas_topColumn_lead {
  margin-top: 0.8125rem;
}

.spXmas_topColumn_rankingTtl {
  position: relative;
}

.spXmas_topColumn_rankingHeading04 {
  position: absolute;
  top: 51%;
  left: 30.9333333333vw;
  transform: translateY(-51%);
  margin-bottom: 0;
  color: #fff;
  font-size: 0.875rem;
  line-height: 1.357;
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", Meiryo, "メイリオ", sans-serif;
}

.spXmas_topColumn_rankingHeading04.-grandmother {
  color: #6762b5;
}

.spXmas_topColumn_rankingBox {
  margin-top: 1.125rem;
}

.spXmas_topColumn_rankingBox + .spXmas_topColumn_rankingBox {
  margin-top: 30px;
}

.spXmas_btn-inverse.-column a {
  margin-top: 1rem;
  margin-bottom: 0;
  color: #fff;
}

/* 駆け込み
----------------------------------------------*/
.spXmas_topQuick {
  margin-top: 3.75rem;
  padding: 0 21.5px 3.75rem;
  border-bottom: 2px solid #b3343c;
}

.spXmas_topQuick a {
  display: block;
  margin-top: 0.5em;
}
.spXmas_topQuick a:active {
  transform: translateY(2px);
  transition: 0.2s;
}

.spXmas_topQuick.-em a {
  filter: drop-shadow(0px 5px 5px rgb(181, 181, 181));
}

.spXmas_topAnott_wrap {
  margin-top: 50px;
  background: #effbff;
  background: linear-gradient(to bottom, #fef3e6 0%, #fff 100%);
}

.spXmas_topAnott {
  margin-top: 1.875rem;
  text-align: center;
  line-height: 1.5;
}

.spXmas_topAnott_wrap > .spXmas_topAnott {
  padding-top: 34px;
}

.spXmas_topAnott p {
  margin: 0;
  padding: 0;
}

.spXmas_topAnott_sub {
  color: #202020;
  font-size: 0.9rem;
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", Meiryo, "メイリオ", sans-serif;
}

.spXmas_topAnott_sub.-gray {
  color: #202020;
}

.spXmas_topAnott_balloon span {
  position: relative;
  display: inline-block;
  padding: 0 3rem;
  color: #202020;
  font-size: 0.9rem;
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", Meiryo, "メイリオ", sans-serif;
}
.spXmas_topAnott_balloon span:before, .spXmas_topAnott_balloon span:after {
  content: "";
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 2.8125rem;
  height: 1px;
  background-color: #202020;
}
.spXmas_topAnott_balloon span:before {
  left: 0;
  transform: rotate(50deg);
}
.spXmas_topAnott_balloon span:after {
  right: 0;
  transform: rotate(-50deg);
}

.spXmas_topAnott_balloon.-blue span {
  color: #b3343c;
}
.spXmas_topAnott_balloon.-blue span:before, .spXmas_topAnott_balloon.-blue span:after {
  content: "";
  background-color: #b3343c;
}

.spXmas_topAnott_marker {
  color: #F00;
  background: #fffc00;
}

.spXmas_topAnott_sub + .spXmas_topAnott_balloon,
.spXmas_topAnott_balloon + .spXmas_topAnott_sub {
  margin-top: 0.5em;
}

.spXmas_topAnott_caut {
  margin-top: 0.5em !important;
  color: #585858;
  font-size: 0.6875rem;
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", Meiryo, "メイリオ", sans-serif;
}

.spXmas_topAnott_arrow {
  display: flex;
  justify-content: center;
  margin-top: 1rem;
}

.spXmas_topAnott_arrow img {
  width: 160px;
}

.spXmas_topQuick_list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 1rem;
}

.spXmas_topQuick_column {
  flex: 0 1 calc((100% - 0.6875rem) / 2);
}
.spXmas_topQuick_column:not(:nth-of-type(2n)) {
  margin-right: 0.6875rem;
}
.spXmas_topQuick_column:nth-of-type(n+3) {
  margin-top: 1.125rem;
}
/*# sourceMappingURL=style.css.map */