@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;
}

#HD {
  margin-bottom: 0;
}

.comTop {
  padding-bottom: 10px !important;
}

#WSTBP9ZH0006A .m_bttom_30 {
  margin-bottom: 0 !important;
}

p.pan {
  padding: 0 10px;
}

#MainBody h1 {
  margin-bottom: 0;
}

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

/* フォント
----------------------------------------------*/
#MB,
#LI,
#HD {
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", Meiryo, "メイリオ", sans-serif;
}

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

/*追加　ここから*/
.mainBtm {
  clear: both;
  padding-top: 40px;
}

.mainBtm .ttl02 {
  clear: both;
  font-size: 1.1em;
  margin: 0 auto 10px;
}

.mainBtm .productBox {
  margin: 0 -40px;
  position: relative;
  width: 1040px;
}

.mainBtm .productBox .inner li img,
.mainBtm .productBox .imgL {
  float: left !important;
}

.mainBtm .productBox .imgL,
.mainBtm .productBox .imgR {
  float: right;
  padding-top: 42px;
}

.mainBtm .productBox .imgL {
  margin-right: 20px;
}

.mainBtm .productBox .inner {
  background: url("../img/index/inner_bg.gif") no-repeat scroll left top transparent;
  margin: 0 auto;
  overflow: hidden;
  padding: 22px 10px;
}

.mainBtm .productBox .inner ul {
  padding: 0 3px 15px 0;
  width: 990px;
}

.mainBtm .productBox .inner li {
  float: left;
  font-size: 1.2em;
  line-height: 1.4;
  margin-right: 30px;
  width: 260px;
}

.mainBtm .productBox .inner li span {
  display: block;
  padding: 2px 0 0 80px;
}

.mainBtm .productBox .inner li span span {
  color: #222222;
  display: inline;
  font-size: 0.91em;
  padding: 2px 0 0;
}

.mainBtm .productBox img.carou {
  display: block;
}

.mainBtm .iconUl {
  margin: 6px 0 30px;
  text-align: center;
}

.mainBtm .iconUl li {
  cursor: pointer;
  display: inline;
  float: none;
  margin: 0 2px;
  width: 10px;
}

.mainBtm .flower {
  background: url("../img/index/flower_bg.gif") repeat-y scroll center top transparent;
  margin: 0 -88px;
  padding: 21px 88px 20px;
  position: relative;
}

.mainBtm .flower ul li {
  color: #1F1713;
  float: left;
  font-size: 1.1em;
  margin-right: 14px;
  width: 180px;
}

.mainBtm .flower ul li a {
  color: #1F1713;
}

.mainBtm .flower ul li img {
  display: block;
  margin-bottom: 12px;
}

.mainBtm .txtDl {
  border-bottom: 1px solid #DEDEDE;
  border-top: 1px solid #DEDEDE;
  margin: 0 auto;
  padding: 20px 2px 17px;
  width: 954px;
}

.mainBtm .txtDl dt {
  color: #398B92;
  float: left;
  font-size: 1.1em;
  width: 75px;
}

.mainBtm .txtDl dd {
  font-size: 1.1em;
  margin-bottom: 12px;
  padding-left: 76px;
}

.prod_box .row3_prod_list {
  float: left;
  margin: 10px;
  width: 220px;
}

#LI .inner .photoBox {
  float: right;
}

#LI .inner .textBox {
  margin: 3px 0 0;
  width: 80px;
  float: left;
}

#LI .inner .textBox .title {
  margin-bottom: 7px;
}

#LI .inner p {
  font-size: 1.1em;
  line-height: 1.4;
}

#LI .inner .subInner {
  padding: 0 19px 4px 15px;
}

#LI .inner .link {
  margin: 0 16px 8px 0;
  clear: both;
  text-align: right;
}

#LI .inner .link a {
  padding-left: 14px;
  background: url(../img/common/icon12.gif) no-repeat left center;
}

.rankingUl {
  margin-bottom: 20px;
}

.rankingUl li {
  padding: 13px 11px 0;
  width: 125px;
  float: left;
  font-size: 1.1em;
  text-align: center;
}

.rankingUl .ranking {
  margin-bottom: 10px;
  text-align: center;
  background: url(../img/index/ranking_bg.gif) no-repeat center bottom;
}

.rankingUl .new {
  margin: 16px 0 5px;
  text-align: left;
}

.rankingUl .txt {
  letter-spacing: -1px;
  line-height: 1.5;
}

.rankingUl span {
  margin-bottom: 8px;
  display: block;
  line-height: 11px;
}

.rankingUl span img {
  margin-right: 5px;
}

/*追加　ここまで*/
/* 終了文言
----------------------------------------------*/
.spXmas_end_sp {
  margin-bottom: 10px;
  padding: 20px;
  text-align: center;
  background: #fef3e6;
}

.spXmas_end_sp p {
  line-height: 1.5;
  margin-bottom: 0.5em;
  color: #b3343c;
  text-align: center;
  font-family: f_gothic;
}

.spXmas_end_sp .link {
  margin-top: 10px;
  font-weight: bold;
  color: #b3343c;
}

.spXmas_end_sp .link p {
  margin-bottom: 10px;
}

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

/* メインバナー
----------------------------------------------*/
/* メインテキスト
----------------------------------------------*/
.spXmas_intro,
#HD .spXmas_intro {
  margin-top: 1.875rem;
  padding: 0 20px;
  color: #202020;
}

.spXmas_intro_heading,
#HD .spXmas_intro_heading {
  margin: 0;
  color: #202020;
  font-size: 1.375rem;
  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,
#HD .spXmas_intro_heading::before {
  content: "";
  display: block;
  width: 33px;
  height: 60px;
  margin: 0 auto 0.625rem;
  background-image: url("../img/decor_common.png");
  background-size: contain;
  background-repeat: no-repeat;
}

.spXmas_intro_txt,
#HD .spXmas_intro_txt {
  margin-top: 1.25rem;
  font-size: 0.875rem;
  line-height: 1.7;
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", Meiryo, "メイリオ", sans-serif;
}

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

.spXmas_intro_heading,
.spXmas_intro_txt,
#HD .spXmas_intro_heading,
#HD .spXmas_intro_txt {
  text-align: center;
}

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

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

.spXmas_flowerType_column:not(:first-child) {
  padding-left: 21px;
}

.spXmas_flowerType_column,
.spXmas_flowerType_listSmall {
  flex: 0 1 168px;
  width: 168px;
  align-items: center;
  display: flex;
  flex-direction: column;
}

.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: 138px;
}

.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: 1rem;
  color: #202020;
  font-size: 0.875rem;
  line-height: 1.58;
  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;
}

.spXmas_flowerType_txt {
  display: block;
  margin-top: 0.5rem;
  font-size: 0.75rem;
  line-height: 1.33;
}

/* ローカルナビ
----------------------------------------------*/
.spXmas_localNav {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 30px;
  padding: 0 30px;
}

.spXmas_localNav li {
  flex: 0 1 154px;
}
.spXmas_localNav li:not(:nth-child(4n+1)) {
  margin-left: 19px;
}
.spXmas_localNav li:nth-child(n+5) {
  margin-top: 20px;
}

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

/* 3カラム */
.spXmas_localNav.-col3 {
  width: 500px;
  margin: 40px auto 0;
  justify-content: center;
}

.spXmas_localNav.-col3 li:nth-of-type(n+4) {
  margin-top: 19px;
}

/* プレーンテキスト版 */
.spXmas_localNav.-txt li {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1rem 0.625rem 1.125rem;
  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 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
}
.spXmas_messagecard:active {
  transform: translateY(2px);
  transition: 0.2s;
}

.spXmas_messagecard img {
  width: 466px;
}

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

.spXmas_messagecard + #WSTBP9ZH0006B {
  margin-top: 30px;
}

/* 説明
----------------------------------------------*/
.spXmas_desc {
  width: 735px;
  margin-top: 20px;
  padding: 3.125rem 1.875rem;
  background: #e9eff1;
  box-sizing: border-box;
}

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

.spXmas_desc_imgbox {
  width: 326px;
}

.spXmas_desc_txtbox,
.spXmas_descOnlyTxt {
  padding: 30px;
  color: #202020;
  line-height: 1.7;
  background: #fff;
  box-sizing: border-box;
}

.spXmas_desc_txtbox {
  width: 349px;
}

.spXmas_desc_heading03 {
  color: #202020;
  font-size: 1.8em;
  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 {
  color: #202020;
  font-size: 1.8em;
  font-feature-settings: "palt";
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", Meiryo, "メイリオ", sans-serif;
}

.spXmas_descOnlyTxt {
  width: 484px;
  margin: 0 auto;
  box-shadow: 28px 40px 0px 0px #d1bedc;
  z-index: 999;
}

.spXmas_desc_txtbox p,
.spXmas_descOnlyTxt p {
  margin: 0;
  padding: 0;
  margin-top: 0.5rem;
  font-size: 1.3em;
}

.spXmas_descWithImg + .spXmas_descOnlyTxt {
  margin-top: 40px;
}

.spXmas_descWithImg + .spXmas_descWithImg {
  padding-top: 50px;
}

.spXmas_desc + #WSTBP9ZH0006A,
.spXmas_desc + #WSTBP9ZH0006B,
.spXmas_desc + #WSTBP9ZH0006C {
  margin-top: 20px;
}

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

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

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

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

.spXmas_prodS_img,
.spXmas_prodS_txt {
  width: calc((100% - 26px) / 2);
}

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

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

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

.spXmas_prodL_ctt {
  display: flex;
  justify-content: space-between;
  padding: 20px 0;
}

.spXmas_prodL_img,
.spXmas_prodL_txt {
  width: calc((100% - 26px) / 2);
}

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

.spXmas_prodL_txt > .spXmas_lead {
  text-align: left;
}

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

.spXmas_lowerLink_heading {
  margin: 0 10px;
  padding: 0 10px 0.625rem;
  color: #202020;
  font-size: 1.6em;
  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_subhead {
  display: block !important;
  width: 100%;
  color: #202020;
  font-size: 1.5em;
  line-height: 1.5;
  text-align: center;
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", Meiryo, "メイリオ", sans-serif;
}

.spXmas_lowerLink_list li + .spXmas_lowerLink_subhead {
  margin-top: 0.8em;
}

.spXmas_lowerLink_list {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  width: 80%;
  margin: 15px auto 0;
  padding: 0 30px;
}

.spXmas_lowerLink_list > li {
  display: inline-block;
  font-size: 1.2em;
  line-height: 2;
}

.spXmas_lowerLink_list > li > a {
  position: relative;
  padding-left: 10px;
  padding-right: 15px;
  color: #202020;
  text-decoration: none;
}
.spXmas_lowerLink_list > li > 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: rotate(45deg);
}

/* 下層ランキングバナー
----------------------------------------------*/
.spXmas_lowerLayer_ranking {
  display: flex;
  justify-content: center;
  margin: 40px auto;
}

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

.spXmas_lowerLayer_ranking.current {
  display: none;
}

/* 読み物下層リンク
----------------------------------------------*/
.spXmas_topColumn_inner {
  margin-top: 2em;
  padding: 0 30px;
}

.spXmas_topColumn_toc {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 1em;
  padding: 0 30px;
}

.spXmas_topColumn_toc a {
  display: flex;
  flex: 0 1 48%;
}

.spXmas_topColumn_tocCtt {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
}

.spXmas_topColumn_tocCtt {
  padding: 1.2em 0;
  border-bottom: 1px dotted #c6c6c6;
}

.spXmas_topColumn_tocImg {
  flex: 0 1 20%;
}

.spXmas_topColumn_tocTxt {
  flex: 0 1 75%;
}

.spXmas_topColumn_tocTtl {
  margin: 0;
  padding: 0;
  line-height: 1.4;
}

.spXmas_topColumn_tocTxt > p {
  margin: 0;
  padding: 0;
  margin-top: 0.5em;
  color: #535353;
  line-height: 1.4;
  font-size: 12px;
}

.spXmas_topColumn_inner + .spXmas_btn-default {
  margin-top: 20px;
}

/* 締切日訴求・お手入れ・カレンダー・日比谷花壇について
----------------------------------------------*/
.spXmas_topCare_img {
  width: 100%;
  margin: 0 auto;
}
.spXmas_topCare_img:hover {
  opacity: 0.7;
  transition: 0.3s;
}

.spXmas_topPurchase_img {
  margin-top: 20px;
  padding: 0 80px;
  text-align: center;
  box-sizing: border-box;
}

.spXmas_topPurchase_img img {
  max-width: 90%;
}

.spXmas_topPurchase_img.-calendar {
  padding: 0;
}

.spXmas_topPurchase_img.-calendar img {
  max-width: 100%;
}

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

/* お届けについて
----------------------------------------------*/
.spXmas_topPurchase_term {
  max-width: 600px;
  margin: 2em auto 0;
}

.spXmas_topPurchase_termBox {
  max-width: 518px;
  margin-top: 1.25rem;
  margin-right: auto;
  margin-left: auto;
  border: 3px solid #b2c6d0;
}

.spXmas_topPurchase_termBox .spXmas_lead {
  margin: 1em;
  text-align: left;
}

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

.spXmas_topPurchase_termAttn {
  max-width: 518px;
  margin-top: 1em;
  margin-right: auto;
  margin-left: auto;
  font-size: 0.713rem;
}

/* 日比谷花壇について
----------------------------------------------*/
.spXmas_lead.-brand {
  margin: 0 30px;
  text-align: left;
}

/* 特集メニュー
----------------------------------------------*/
/* .spXmas_menu {
  margin: 20px 0;
}

.spXmas_menu_heading02 {
  display: none;
}

.spXmas_menu_heading02:before {
  margin-right: 0.5em;
}

.spXmas_menu_heading02:after {
  margin-left: 0.5em;
}

.spXmas_menu_heading02 > img {
  display: inline-block;
  width: 1.46em;
  height: 1.46em;
  padding-right: 0.5rem;
}

.spXmas_menu_category + .spXmas_menu_category {
  margin-top: 20px;
}

.spXmas_menuList_item > .spXmas_menu_subcategory {
  font-size: 1.3em;
  font-weight: bold;
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", Meiryo, "メイリオ", sans-serif;
}

.spXmas_menu_subcategory > em {
  font-style: normal;
}

.spXmas_menu_subcategory:nth-of-type(n+2) {
  margin-top: 10px;
}

.spXmas_menu_ttl > h3 {
  margin: 0;
  padding: 0 0 5px 5px;
  color: #202020;
  font-size: 1.4em;
  font-weight: 400;
  font-feature-settings: "palt";
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", Meiryo, "メイリオ", sans-serif;
  border-bottom: solid 1px #dedede;
}

.spXmas_menuList_item {
  margin-top: 13px;
  padding-left: 6px;
}

.spXmas_menuList_item li {
  padding: 4px 0;
  font-size: 1.2em;
  line-height: 1.5;
}

.spXmas_menuList_item li a {
  position: relative;
  display: block;
  padding-left: 10px;
  color: #202020;
}
.spXmas_menuList_item li 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);
} */

/* PCのみバナー */
/* .spXmas_menuPc_deadline {
  margin-top: 10px;
}

.spXmas_menuPc_backToTop:hover {
  opacity: 0.7;
  transition: 0.3s;
}

.spXmas_menuPc_link {
  margin-top: 5px;
  padding: 4px 0;
  font-size: 0.75rem;
  line-height: 1.5;
  text-align: right;
}

.spXmas_menuPc_link a {
  position: relative;
  padding-left: 10px;
  color: #202020;
}
.spXmas_menuPc_link 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_menuPc_btnList {
  margin-top: 15px;
}

.spXmas_menuPc_btnList > li:not(:first-child) {
  margin-top: 10px;
}
.spXmas_menuPc_btnList > li:hover {
  opacity: 0.7;
  transition: 0.3s;
}

.spXmas_menuPc_btnList a {
  display: block;
} */

.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: 30px;
  display: none;
}

.spXmas_relatedSp > .spXmas_heading02 {
  padding: 0 0 5px 5px;
  color: #202020;
  font-size: 1.4em;
  font-weight: 400;
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", Meiryo, "メイリオ", sans-serif;
  border-bottom: solid 1px #dedede;
}

.spXmas_relatedSpList {
  margin-top: 13px;
}

.spXmas_relatedSpList li + li {
  margin-top: 10px;
}

.spXmas_btn-default.-menu {
  display: none;
}

/* 見出し 
----------------------------------------------*/
/* 見出し2 */
.spXmas_heading02 {
  position: relative;
  margin: 40px 0 40px;
  padding: 0 0 6px;
  color: #202020;
  font-size: 1.25rem;
  font-weight: normal;
  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: -10px;
  margin: auto;
  width: 50px;
  height: 1px;
  background: #202020;
}

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

.spXmas_heading02-decor {
  position: relative;
  color: #202020;
  font-size: 1.25rem;
  line-height: 1.7;
  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_heading02-decor::after {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  bottom: -15px;
  margin: auto;
  width: 60px;
  height: 2px;
  background: #202020;
}

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

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

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

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

.decorHeading_sub {
  display: block;
  font-size: 0.8125rem;
  line-height: 1.4;
  text-align: center;
  font-weight: 400;
  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: 1rem;
  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.875rem;
  border-top: 3px double #c87c7c;
}
.spXmas_heading03 > span:before {
  left: -2.4em;
}
.spXmas_heading03 > span:after {
  right: -2.4em;
}

.spXmas_heading03 + #WSTBP9ZH0006A,
.spXmas_heading03 + #WSTBP9ZH0006B,
.spXmas_heading03 + #WSTBP9ZH0006C {
  margin-top: 10px;
}

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

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

/* 見出し4 */
.spXmas_heading04 {
  display: block;
  margin-top: 1.25rem;
  color: #202020;
  font-size: 0.9375rem;
  line-height: 1.5;
  font-weight: bold;
  text-align: center;
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", Meiryo, "メイリオ", sans-serif;
}

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

/*リード文*/
.spXmas_lead {
  margin: 1em 0;
  padding: 0;
  color: #202020;
  font-size: 0.8125rem;
  line-height: 1.7;
  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: 380px;
  margin-top: 20px;
  font-size: 0.875rem;
  padding: 1rem 20px;
  box-sizing: border-box;
  color: #b3343c;
  text-align: center;
  text-decoration: none;
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", Meiryo, "メイリオ", sans-serif;
  background: #c8d6dd;
}
.spXmas_btn-default a:after {
  content: "";
  position: absolute;
  margin: auto 0;
  width: 9px;
  height: 9px;
  border-top: 1px solid;
  border-right: 1px solid;
  border-top-color: #b3343c;
  border-right-color: #b3343c;
  top: 0;
  right: 15px;
  bottom: 0;
  transform: rotate(45deg);
}
.spXmas_btn-default a:hover {
  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: #FFF;
}

/*ボタン（基本色）トップへ*/
.spXmas_btn-default.-top a {
  display: block;
  position: relative;
  width: 380px;
  margin-top: 20px;
  font-size: 0.875rem;
  padding: 1rem 20px;
  box-sizing: border-box;
  color: #FFF;
  text-align: center;
  text-decoration: none;
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", Meiryo, "メイリオ", sans-serif;
  background: #b3343c;
}
.spXmas_btn-default.-top a:after {
  content: "";
  position: absolute;
  margin: auto 0;
  width: 9px;
  height: 9px;
  border-top: 1px solid;
  border-right: 1px solid;
  border-top-color: #FFF;
  border-right-color: #FFF;
  top: 0;
  right: 15px;
  bottom: 0;
  transform: rotate(45deg);
}
.spXmas_btn-default.-top a:hover {
  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: 380px;
  margin-top: 20px;
  font-size: 0.875rem;
  padding: 1rem 20px;
  box-sizing: border-box;
  color: #b3343c !important;
  text-align: center;
  text-decoration: none;
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", Meiryo, "メイリオ", sans-serif;
  background: #c8d6dd;
}
.spXmas_btn-viewAll a:after {
  content: "";
  position: absolute;
  margin: auto 0;
  width: 9px;
  height: 9px;
  border-top: 1px solid;
  border-right: 1px solid;
  border-top-color: #b3343c;
  border-right-color: #b3343c;
  top: 0;
  right: 15px;
  bottom: 0;
  transform: rotate(45deg);
}
.spXmas_btn-viewAll a:hover {
  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: #FFF;
}

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

.spXmas_btn-inverse a {
  display: block;
  position: relative;
  width: 380px;
  margin-top: 20px;
  font-size: 0.875rem;
  padding: 1rem 20px;
  box-sizing: border-box;
  color: #b3343c !important;
  text-align: center;
  text-decoration: none;
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", Meiryo, "メイリオ", sans-serif;
  background: #FFF;
  border: solid 1px #b3343c;
  text-decoration: none !important;
}
.spXmas_btn-inverse a:after {
  content: "";
  position: absolute;
  margin: auto 0;
  width: 9px;
  height: 9px;
  border-top: 1px solid;
  border-right: 1px solid;
  border-top-color: #b3343c;
  border-right-color: #b3343c;
  top: 0;
  right: 15px;
  bottom: 0;
  transform: rotate(45deg);
}
.spXmas_btn-inverse a:hover {
  opacity: 0.7;
  transition: 0.3s;
}
.spXmas_btn-inverse a:active {
  transform: translateY(3px);
}

/*ボタン（もっと読む）*/
.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: 380px;
  margin-top: 20px;
  font-size: 0.875rem;
  padding: 1rem 20px;
  box-sizing: border-box;
  color: #b3343c !important;
  text-align: center;
  text-decoration: none;
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", Meiryo, "メイリオ", sans-serif;
  background: #FFF;
  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: 9px;
  height: 9px;
  border-top: 1px solid;
  border-right: 1px solid;
  border-top-color: #b3343c;
  border-right-color: #b3343c;
  top: 0;
  right: 15px;
  bottom: 0;
  transform: rotate(45deg);
}
.spXmas_btn-more span:hover {
  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-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_mv {
  margin-bottom: 0;
}

.spXmas_flowerCare {
  background: #e9eff1;
}

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

.spXmas_flowerCare_inner .conts_h {
  color: #FFF;
  font-size: 1.1875rem;
  line-height: 50px;
  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: 30px;
  font-size: 1.3em;
  line-height: 1.7;
}

.spXmas_flowerCare_txt span {
  display: inline-block;
  margin-right: 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 > P + .arrowTxtLink-right {
  margin-top: 1em;
}

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

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

.spXmas_column_toc a {
  display: flex;
  flex: 0 1 48%;
}

.spXmas_column_tocCtt {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
}

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

.spXmas_column_tocImg {
  flex: 0 1 20%;
}

.spXmas_column_tocTxt {
  flex: 0 1 75%;
}

.spXmas_column_tocTtl {
  margin: 0;
  padding: 0;
  font-size: 1.4em;
  line-height: 1.4;
}

.spXmas_column_tocTxt > p {
  margin: 0;
  padding: 0;
  margin-top: 0.5em;
  color: #535353;
  font-size: 1.1em;
  line-height: 1.4;
}

/*------------------------------------------------------------
    コラム
------------------------------------------------------------*/
/* コラム下層（基本）
----------------------------------------------*/
.spXmas_column_inner {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  margin: 30px 0;
  padding: 0 30px;
}

.spXmas_column_txt {
  flex: 0 1 auto;
}

.spXmas_column_txt > .spXmas_heading03 {
  margin: 0;
  color: #202020;
  font-size: 1.65em;
  text-align: left;
}
.spXmas_column_txt > .spXmas_heading03:not(:first-child) {
  margin-top: 1em;
}

.spXmas_column_txt > .spXmas_heading04 {
  margin: 0;
  font-size: 1.5em;
  text-align: left;
  font-weight: 400;
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", Meiryo, "メイリオ", sans-serif;
}
.spXmas_column_txt > .spXmas_heading04:not(:first-child) {
  margin-top: 1em;
}

.spXmas_column_txt > p {
  line-height: 1.7;
}
.spXmas_column_txt > p:not(:first-child) {
  margin-top: 1em;
}

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

.spXmas_heading03 + p {
  margin-top: 0.5em;
}

.spXmas_column_txt > .spXmas_heading04 + p {
  margin-top: 0.5em;
}

.spXmas_column_img {
  flex: 0 1 250px;
  flex: 0 1 auto;
  flex-shrink: 0;
  margin-left: 20px;
}

.spXmas_column_img img {
  width: 100%;
  width: 230px;
}

.spXmas_column_list {
  margin-top: 1em;
  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: center;
  margin: 0 30px;
}

.spXmas_column_relatedList li {
  width: 330px;
}

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

.spXmas_column_relatedTxt {
  display: block;
  margin-top: 1em;
  color: #585858;
  font-size: 1.2em;
  line-height: 1.4;
}

/* ボタン */
.spXmas_column + .spXmas_btn-viewAll,
.spXmas_column + .spXmas_btn-inverse,
p + .spXmas_btn-inverse {
  margin-top: 1.875rem;
}

.spXmas_column_txt .spXmas_btn-inverse {
  margin-top: 2em;
}

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

/* テキストリンク */
.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_inner.-qnr {
  display: block;
}

.spXmas_column_qnr {
  display: flex;
  justify-content: space-between;
  margin-top: 2em;
}

.spXmas_column_qnrColumn {
  flex: 0 1 49%;
}

.spXmas_column_qnrHeading {
  margin: 0;
  padding: 0.8em 0.8em;
  color: #fff;
  font-size: 1.6em;
  line-height: 1.5;
  text-align: center;
  border-radius: 6px;
}

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

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

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

.spXmas_column_qnrDeflist > dt.-sender {
  color: #e79e00;
}

.spXmas_column_qnrDeflist > dt.-receiver {
  color: #f9678e;
}

.spXmas_column_qnrDeflist > dd {
  margin-top: 1.5em;
}

.spXmas_column_qnrDeflist > dd > img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}

.spXmas_column_qnrCap {
  margin-top: 1rem;
  color: #a0a0a0;
  font-size: 1.1em;
  line-height: 1.4;
  text-align: center;
}

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

.spXmas_column_txt .spXmas_topFaq_faqbox + .spXmas_topFaq_faqbox {
  margin-top: 2em;
}

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

/* 長寿の呼び名
----------------------------------------------*/
.spXmas_nameTable {
  clear: both;
  margin: 20px 0px;
  border-top: 1px solid #858585;
  border-left: 1px solid #858585;
  font-size: 1.3em;
  line-height: 1.78;
  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: 40px;
}

.spXmas_heading02 + .spXmas_columnLifestyle_ctt > .spXmas_columnLifestyle_img,
.spXmas_columnLifestyle_txt + .spXmas_columnLifestyle_img {
  margin-top: 2em;
}

.spXmas_columnLifestyle_ctt {
  padding: 0 30px;
}

.spXmas_columnLifestyle_ctt + .spXmas_columnLifestyle_ctt {
  margin-top: 3em;
}

.spXmas_columnLifestyle_txt > .spXmas_heading03 {
  text-align: center;
  color: #202020;
}

.spXmas_columnLifestyle .spXmas_heading03 + p {
  margin-top: 0.5em;
}

.spXmas_columnLifestyle_txt > .spXmas_heading04 {
  text-align: left;
}

.spXmas_columnLifestyle p {
  margin-top: 1em;
  line-height: 1.7;
}

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

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

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

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

/* 順序リスト */
.spXmas_columnLifestyle_orderList {
  list-style-type: decimal;
  list-style-position: inside;
  margin-top: 0.5em;
}

/* 順序なしリスト */
.lifestyle_unorderList {
  margin-top: 0.5em;
  line-height: 1.7;
  list-style-position: outside;
  list-style-type: disc;
}

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

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

/* 商品コンポーネント */
.spXmas_columnLifestyle_txt > .comp {
  margin-right: -30px;
  margin-left: -30px;
  font-size: 0.625rem;
}

.spXmas_columnLifestyle_txt > .comp a {
  color: #202020;
  font-size: 0.625rem;
  background: none;
}

.spXmas_columnLifestyle_txt > .comp p + p {
  margin-top: 0;
}

.spXmas_columnLifestyle_txt > .comp .new img {
  width: inherit;
}

/* 目次 */
.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: 54px;
  margin-left: auto;
  padding-right: 10px;
}

/*------------------------------------------------------------
    配送・お支払い方法
------------------------------------------------------------*/
/* 見出し3
----------------------------------------------*/
.spXmas_delivery_heading03 {
  margin: 30px 30px 10px;
  padding: 0.625em;
  color: #b3343c;
  font-size: 1.6em;
  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: 20px;
  padding: 0 80px;
  text-align: center;
  box-sizing: border-box;
}

.spXmas_delivery_img img {
  max-width: 90%;
}

.spXmas_delivery_img.-calendar {
  padding: 0;
}

.spXmas_delivery_img.-calendar img {
  max-width: 100%;
}

.spXmas_delivery .spXmas_lead {
  margin: 0 30px;
}
.spXmas_delivery .spXmas_lead:not(:first-of-type) {
  text-align: left;
}

.spXmas_delivery_dl,
.spXmas_delivery_list {
  margin: 0 30px;
  font-size: 0.8125rem;
  line-height: 1.5;
}

.spXmas_delivery_dl > dt {
  margin-top: 2em;
  font-weight: bold;
}

.spXmas_delivery_dl > dd + dt {
  margin-top: 1em;
}

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

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

.spXmas_delivery .arrowTxtLink-right {
  margin: 0 30px;
}

/* お届けについて */
.spXmas_delivery_term {
  max-width: 600px;
  margin: 2em auto 0;
}

.spXmas_delivery_termBox {
  max-width: 518px;
  margin-top: 1.25rem;
  margin-right: auto;
  margin-left: auto;
  border: 3px solid #b2c6d0;
}

.spXmas_delivery_termBox .spXmas_lead {
  margin: 1em;
  text-align: left;
}

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

.spXmas_delivery_termAttn {
  max-width: 518px;
  margin-top: 1em;
  margin-right: auto;
  margin-left: auto;
  font-size: 0.713rem;
}

/*------------------------------------------------------------
    ギフトオプション
------------------------------------------------------------*/
/* オプション */
.spXmas_desc_deadline {
  display: inline-block;
  padding: 0.1em 0.4em;
  color: #fff;
  font-size: 1em;
  font-weight: bold;
  font-feature-settings: "palt";
  letter-spacing: 0.12em;
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", Meiryo, "メイリオ", sans-serif;
  background: #b3343c;
}

.spXmas_desc_deadline + .spXmas_desc_heading03 {
  margin-top: 10px;
}

.spXmas_desc_price {
  margin-top: 0.5em;
  font-size: 1.3em;
}

p.spXmas_desc_detail {
  font-size: 1.1em;
}

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

.spXmas_card_inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.spXmas_card_column {
  display: flex;
  width: 327px;
}

.spXmas_card_column:nth-of-type(2n) {
  margin-left: 20px;
}

.spXmas_card_column:nth-of-type(n+3) {
  margin-top: 20px;
}

.spXmas_card_img,
.spXmas_card_txt {
  width: 50%;
}

.spXmas_card_img {
  margin-right: 15px;
}

.spXmas_card_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.12em;
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", Meiryo, "メイリオ", sans-serif;
  background: #b3343c;
}

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

.spXmas_card_price {
  margin-top: 0.2em;
  font-size: 11px;
}

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

.spXmas_card_main {
  position: relative;
  width: 23em;
  margin: 0 auto;
  margin-bottom: 20px;
  padding: 0 1.5rem;
  font-size: 1.125rem;
  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: 29em;
  margin: 0 auto;
  padding: 0 1.5rem;
  font-size: 1.125rem;
  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;
  text-align: center;
}

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

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

/* 注文方法 */
.spXmas_orderProcess {
  margin-top: 30px;
}

.spXmas_orderProcess_heading {
  margin: 0 10px;
  padding: 0 10px 0.625rem;
  color: #202020;
  font-size: 1.4em;
  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 {
  display: flex;
  margin-top: 20px;
  padding: 0 30px;
  box-sizing: border-box;
}

.spXmas_orderProcess_list li {
  width: 212px;
}

.spXmas_orderProcess_list li + li {
  margin-left: 19px;
}

.spXmas_orderProcess_img,
.spXmas_orderProcess_txt {
  width: 212px;
}

.spXmas_orderProcess_txt {
  display: flex;
  margin-top: 15px;
}

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

.spXmas_orderProcess_txt span {
  display: inline-block;
  margin-right: 6px;
  color: #b3343c;
  font-size: 1.6em;
  font-weight: bold;
  line-height: 1;
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", Meiryo, "メイリオ", sans-serif;
}

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

.spXmas_sitemap > .spXmas_heading02 {
  margin-top: 0;
}

.spXmas_sitemap_heading03 {
  display: block;
  margin-top: 20px;
  padding: 3px 10px;
  color: #b3343c;
  font-size: 1rem;
  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 h4 {
  display: block;
  margin-top: 10px;
  color: #202020;
  font-size: 0.8125rem;
  font-weight: bold;
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", Meiryo, "メイリオ", sans-serif;
}

.spXmas_sitemap_list li {
  margin-top: 10px;
  font-size: 0.8125rem;
}

.spXmas_sitemap_list a {
  position: relative;
  display: block;
  padding-left: 1em;
  color: #202020;
}
.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: 28.5714285714vw;
  text-align: center;
}
@media (min-width: 768px) {
  .spXmas_localNav-threecolors li {
    width: 14.0056022409vw;
  }
}
.spXmas_localNav-threecolors li:not(:nth-of-type(3n+1)) {
  margin-left: 3.6414565826vw;
}
.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: 664px;
  margin: auto;
  margin-left: 0;
}

.spXmas_desc-three > .img_ctt > .img_sub {
  width: 363px;
  margin: auto;
  margin-right: 0;
  margin-top: -170px;
}

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

/*------------------------------------------------------------
    トップページ
------------------------------------------------------------*/
/* メインビジュアル・コピー
----------------------------------------------*/
#HD > .spXmas_main {
  width: 960px;
  margin: 0 auto 40px;
}

#HD .spXmas_main_heading {
  margin-bottom: 0.5em;
  color: #8b8b8b;
  font-size: 0.75rem;
  font-weight: normal;
  text-align: center;
}

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

#HD .spXmas_introTxt.-small {
  color: #202020;
  font-size: 1.3em;
  line-height: 1.78;
  font-weight: bold;
}

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

/* バナー
----------------------------------------------*/
#HD .spXmas_topTheme_img {
  display: flex;
  justify-content: center;
  margin-top: 40px;
  margin-bottom: 40px;
}

/* ローカルナビ
----------------------------------------------*/
.spXmas_topLocalNav {
  box-sizing: border-box;
}

.spXmas_topLocalNav_recomList,
.spXmas_topLocalNav_styleList {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.spXmas_topLocalNav_recomList {
  margin: 0 auto;
}

.spXmas_topLocalNav_recomList > li {
  flex: 0 1 138px;
}
.spXmas_topLocalNav_recomList > li:not(:nth-child(5n+1)) {
  margin-left: 11px;
}
.spXmas_topLocalNav_recomList > li:nth-child(n+6) {
  margin-top: 13px;
}

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

.spXmas_topLocalNav_recomList > li > a > img:hover,
.spXmas_topLocalNav_styleList > li > a > img:hover {
  opacity: 0.7;
  transition: 0.3s;
}

/* おすすめの花
----------------------------------------------*/
.spXmas_topRecom {
  display: flex;
  justify-content: center;
  margin-top: 40px;
  padding: 40px 0;
  background: #c8d6dd;
  background-image: url("../img/recom_bg_pc.png");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.spXmas_topRecom + #WSTBP9ZH0006A {
  margin-top: 1em;
}

.spXmas_topRecom_inner {
  text-align: center;
}

.spXmas_topRecom_heading02 {
  width: 320px;
  margin: 0 auto;
  padding: 0;
  color: #b3343c;
  font-size: 1.3em;
  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;
}

.spXmas_topRecom_inner > .spXmas_lead {
  margin: 1em 0 0;
  color: #b3343c;
  text-align: center;
}

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

/* メッセージカード */
.spXmas_topRecom_messagecard {
  display: flex;
  justify-content: center;
  margin: 30px 0;
}
.spXmas_topRecom_messagecard:hover {
  opacity: 0.7;
  transition: 0.3s;
}
.spXmas_topRecom_messagecard:active {
  transform: translateY(2px);
  transition: 0.2s;
}

.spXmas_topRecom_messagecard img {
  width: 466px;
}

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

.spXmas_topRecomSpecial_heading {
  position: relative;
  width: 18em;
  margin: 0 auto;
  padding: 0 2em;
  color: #202020;
  font-size: 1.125rem;
  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: 30px;
  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: 26.125rem;
}

/* おすすめ画像見出し
----------------------------------------------*/
.spXmas_topPickup {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 240px;
  padding: 0 30px;
  background: #ccc;
  background-position: center center;
  background-size: cover;
  box-sizing: border-box;
}

.spXmas_topPickup_inner {
  box-sizing: border-box;
}

.spXmas_topPickup_heading02 {
  position: relative;
  margin-top: 0;
  padding-bottom: 0.625rem;
  color: #FFF;
  font-size: 1.375rem;
  line-height: 1.5;
  font-weight: 400;
  mix-blend-mode: difference;
  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::before {
  position: absolute;
  display: block;
  bottom: 0;
  content: "";
  width: 3.125rem;
  height: 2px;
  margin-top: 0.625rem;
  background-color: #5cdada;
}

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

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

.spXmas_topPickup + .spXmas_lead {
  margin-top: 15px;
}

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

.spXmas_btn-inverse + .spXmas_heading03 {
  margin-top: 40px;
}

.spXmas_recomThreeColors_heading03 {
  display: block;
  margin-top: 1.25rem;
  color: #fff;
  font-size: 1rem;
  line-height: 1.5;
  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 + #WSTBP9ZH0006A,
.spXmas_recomThreeColors_heading03 + #WSTBP9ZH0006B,
.spXmas_recomThreeColors_heading03 + #WSTBP9ZH0006C {
  margin-top: 10px;
}

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

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

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

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

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

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

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

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

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

.spXmas_topRecomSpecial + .spXmas_topPickup {
  margin-top: 60px;
}

.spXmas_btn-inverse + .spXmas_topPickup {
  margin-top: 40px;
}

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

/* スペシャルコンテンツからさがす
----------------------------------------------*/
.spXmas_topSpecial_list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px;
  padding: 0 30px;
}

.spXmas_topSpecial_list + .spXmas_heading03 {
  margin-top: 30px;
}

.spXmas_topSpecial_list.-oneColumn {
  display: block;
}

.spXmas_topSpecial_column.-oneColumn {
  width: 100%;
  margin-left: 0 !important;
}
.spXmas_topSpecial_column.-oneColumn:not(:first-of-type) {
  margin-top: 20px;
}

.spXmas_topSpecial_column {
  width: 212px;
}
.spXmas_topSpecial_column:not(:nth-of-type(3n+1)) {
  margin-left: calc((100% - 636px) / 2);
}
.spXmas_topSpecial_column:nth-of-type(n+4) {
  margin-top: 3em;
}

.spXmas_topSpecial_column a:hover {
  opacity: 0.7;
  transition: 0.3s;
}

.spXmas_topSpecial_txt {
  display: block;
  margin-top: 0.625rem;
  color: #4f4f4e;
  font-size: 1.4em;
  line-height: 1.42;
  font-weight: bold;
  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_topSpecial_list.-col3 > .spXmas_topSpecial_column {
  width: 211px;
}

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

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

.spXmas_topStyle_column,
.spXmas_topStyle_listSmall {
  width: 154px;
}
.spXmas_topStyle_column:not(:nth-of-type(3n+1)),
.spXmas_topStyle_listSmall:not(:nth-of-type(3n+1)) {
  margin-left: 20px;
}

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

.spXmas_topStyle_column img {
  width: 100%;
}

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

.spXmas_topStyle_listSmall > .spXmas_topStyle_column img {
  width: 65%;
}

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

.spXmas_topStyle_pageTtl.-small {
  font-size: 0.8125rem;
  line-height: 1.4;
}

.spXmas_btn-default + .spXmas_topPickup {
  margin-top: 65px;
}

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

/* 予算からさがす
----------------------------------------------*/
.spXmas_topBudget {
  margin-bottom: 40px;
}

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

.spXmas_topBudget_column {
  width: 104px;
  text-align: center;
}
.spXmas_topBudget_column:not(:nth-of-type(6n+1)) {
  margin-left: 35px;
}
.spXmas_topBudget_column:nth-of-type(n + 7) {
  margin-top: 10px;
}

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

.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.36;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.03em;
  background: #c8d6dd;
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", Meiryo, "メイリオ", sans-serif;
}
.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: 8px;
  width: 4px;
  height: 4px;
}

/* 花言葉別
----------------------------------------------*/
.spXmas_flowerlang {
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px;
  padding: 0 30px;
}

.spSummer_topSpecial_list + .spSummer_heading03 {
  margin-top: 30px;
}

.spXmas_flowerlang_cttWrap {
  width: 326px;
  padding: 20px 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-bottom: 1px dotted #ccc;
}
.spXmas_flowerlang_cttWrap:nth-of-type(-n+2) {
  padding-top: 0;
}
.spXmas_flowerlang_cttWrap:nth-of-type(2n) {
  padding-left: calc(100% - 652px);
}

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

.spXmas_flowerlang_img {
  width: 164px;
}

.spXmas_flowerlang_txt {
  width: 150px;
}

.spXmas_flowerlang_ttl {
  font-size: 1rem;
  font-weight: bold;
  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_flowerlang_cttWrap > .spXmas_btn-inverse a {
  width: 274px;
  margin-top: 10px;
}

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

.spXmas_topFaq_name {
  position: relative;
  padding: 10px 15px 10px 10px;
  color: #b3343c;
  font-size: 1.5em;
  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: 14px;
  bottom: 0;
  width: 10px;
  height: 10px;
  border-top: 2px solid #FFF;
  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-bottom: 1em;
  display: none;
}

.spXmas_topFaq_txt {
  margin-top: 1em;
  font-size: 0.8125rem;
  line-height: 1.7;
}

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

.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_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_txt strong + .spXmas_topFaq_list,
.spXmas_topFaq_list + strong {
  margin-top: 0.5rem;
}

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

/* メッセージカード
----------------------------------------------*/
.spXmas_topMessage_main {
  display: flex;
  justify-content: space-between;
  margin: 0 30px;
}

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

.spXmas_topMessage_img,
.spXmas_topMessage_lead {
  width: 327px;
}

.spXmas_topMessage_lead {
  font-size: 0.8125rem;
  line-height: 1.7;
}

.spXmas_topMessage .spXmas_btn-inverse a {
  width: 19em;
  font-size: 0.8125rem;
  line-height: 1.5;
}

.spXmas_topMessage_sub {
  margin: 0 30px;
}

.spXmas_topMessage_heading03 {
  margin-top: 1.6em;
  color: #df5069;
  font-size: 1.6em;
  text-align: center;
  text-decoration: underline;
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", Meiryo, "メイリオ", sans-serif;
}

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

.spXmas_topMessage_list li {
  list-style: disc;
}

/* 読み物 
----------------------------------------------*/
.spXmas_topColumn.-top {
  margin: 0 1.875rem;
}

.spXmas_topColumn_heading03 {
  padding: 10px 10px;
  color: #b3343c;
  font-size: 15px;
  font-weight: 400;
  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_lead.-column {
  text-align: center;
}

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

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

.spXmas_topColumn_wrap > .spXmas_topColumn_img {
  display: flex;
  justify-content: center;
  margin: 20px 21.5px 0;
}

.spXmas_topColumn_wrap > .spXmas_topColumn_img img {
  width: 466px;
}

.spXmas_topColumn_Wrap.-columnSetting .spXmas_btn-inverse a {
  box-sizing: border-box;
}

.spXmas_topColumn_ctt {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  margin-top: 20px;
}

.spXmas_topColumn_img {
  width: 240px;
}

.spXmas_topColumn_txt {
  width: 414px;
  font-size: 0.8125rem;
  line-height: 1.7;
}

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

/* リスト */
.spXmas_topColumn_list {
  margin: 1em 0 0 1em;
  color: #202020;
  font-size: 1.2em;
  line-height: 1.67;
}

.spXmas_topColumn_list li {
  list-style: disc;
}

.spXmas_topColumn_lead {
  margin-top: 20px;
  color: #202020;
  font-size: 1.1em;
  line-height: 1.5;
}

.spXmas_topColumn_heading03 + .spXmas_topColumn_lead {
  text-align: center;
}

.spXmas_topColumn_rankingImg {
  margin-top: 10px;
}

.spXmas_topColumn_rankingImg + .spXmas_topColumn_lead {
  margin-top: 1em;
}

.spXmas_topColumn_rankingTtl {
  position: relative;
}

.spXmas_topColumn_rankingHeading04 {
  position: absolute;
  top: 53%;
  left: 45.7142857143%;
  transform: translateY(-53%);
  margin-bottom: 0;
  color: #fff;
  font-size: 1.8em;
  line-height: 1.83;
  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_rankingWrap {
  display: flex;
  justify-content: space-between;
  padding: 0 19px;
}

.spXmas_topColumn_rankingBox {
  width: 198px;
}

.spXmas_topColumn_rankingHeading05 {
  margin-bottom: 0.7222222222rem;
  color: #b3343c;
  font-size: 1rem;
  text-align: center;
  text-decoration: underline;
}

.spXmas_btn-inverse.-column a {
  width: 100%;
  margin-top: 1rem;
  margin-bottom: 0;
  padding: 15px 15px;
  font-size: 1.2em;
}

/* 駆け込み
----------------------------------------------*/
.spXmas_topQuick {
  padding-bottom: 80px;
  border-bottom: 2px solid #b3343c;
}

.spXmas_topQuick a {
  display: block;
}
.spXmas_topQuick a:active {
  transform: translateY(3px);
  transition: 0.3s;
}

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

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

> .spXmas_topAnott_wrap {
  margin-top: 0;
}

.spXmas_topAnott {
  color: #c8d6dd;
  line-height: 1.4;
  text-align: center;
}

.spXmas_topQuick + .spXmas_topAnott {
  margin-top: 40px;
}

.spXmas_topAnott + a {
  margin-top: 20px;
}

.spXmas_topAnott_sub {
  color: #202020;
  font-size: 1.375rem;
  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 4rem;
  color: #202020;
  font-size: 1.375rem;
  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: 1.875rem;
  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 {
  margin-top: 0.4em;
}

.spXmas_topAnott_caut {
  margin-top: 0.2em;
  color: #585858;
  font-size: 0.8125rem;
  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: 1.5em;
}

.spXmas_topAnott_arrow img {
  width: 190px;
}

.spXmas_topAnott + .spXmas_topLocalNav {
  margin-top: 2em;
}

.spXmas_topAnott_wrap > .spXmas_topLocalNav > .spXmas_topLocalNav_recomList {
  width: 436px;
}

.spXmas_topAnott_wrap > .spXmas_topLocalNav > .spXmas_topLocalNav_recomList li {
  margin-top: 0;
  margin-left: 0;
}
.spXmas_topAnott_wrap > .spXmas_topLocalNav > .spXmas_topLocalNav_recomList li:nth-child(n+4) {
  margin-top: 11px;
}
.spXmas_topAnott_wrap > .spXmas_topLocalNav > .spXmas_topLocalNav_recomList li:not(:nth-of-type(3n+1)) {
  margin-left: 11px;
}

.spXmas_topQuick_list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px;
  padding: 0 30px;
}

.spXmas_topQuick_column {
  width: 326px;
}
.spXmas_topQuick_column:not(:nth-of-type(4n+1)) {
  margin-left: 15px;
}
.spXmas_topQuick_column:nth-of-type(n+5) {
  margin-top: 3em;
}

.spXmas_topQuick_column a:hover {
  opacity: 0.7;
  transition: 0.3s;
}
/*# sourceMappingURL=style.css.map */