@charset "UTF-8";
/*================================================================

    PC クリスマスギフト特集（下層）

================================================================*/
/*------------------------------------------------------------
    共通
------------------------------------------------------------*/
/*  リセット  
----------------------------------------------*/
#HD {
  margin-bottom: 7px; }

/* メインバナー 
----------------------------------------------*/
#MB .spXmas_mainBox {
  margin-bottom: 25px; }

#MB .spXmas_mainBox_bnr {
  margin-bottom: 15px; }

#MB .spXmas_mainBox_lead {
  font-size: 1.2em;
  line-height: 1.5; }

#MB .spXmas_mainBox_txtBox {
  margin: 30px 0 35px 0;
  text-align: center; }

#MB .spXmas_mainBox_txtBox_heading {
  margin-bottom: 15px;
  font-size: 2em;
  font-weight: normal;
  font-family: "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝B", "ＭＳ 明朝", serif; }

#MB .spXmas_mainBox_txtBox_txt {
  font-size: 1.3em;
  line-height: 1.5; }

/* 説明セクション（画像あり） 
----------------------------------------------*/
#MB .spXmas_desc_01 {
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px; }

#MB .spXmas_desc_01_img {
  margin-right: 30px; }

#MB .spXmas_desc_01_txt {
  padding-top: 5px; }

#MB .spXmas_desc_01_txt > .heading {
  margin-bottom: 15px;
  font-size: 1.5em;
  font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "游ゴシック Medium", YuGothic, YuGothicM, Meiryo, "メイリオ", sans-serif; }

#MB .spXmas_desc_01_txt > .txt {
  margin-bottom: 1em;
  font-size: 1.2em;
  line-height: 1.5; }

/* 説明セクション（テキストのみ） 
----------------------------------------------*/
#MB .spXmas_desc_02 {
  margin-bottom: 30px;
  padding: 20px 25px 25px;
  background-color: #f3f3f3; }

#MB .spXmas_desc_02_heading {
  margin-bottom: 5px;
  font-size: 1.6em;
  line-height: 2;
  font-weight: bold;
  font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "游ゴシック Medium", YuGothic, YuGothicM, Meiryo, "メイリオ", sans-serif; }

#MB .spXmas_desc_02_txt {
  font-size: 1.2em;
  line-height: 1.7; }

/* 見出し2下　画像見出し 
----------------------------------------------*/
#MB .spXmas_heading_sub > h3 {
  margin-bottom: 14px;
  text-align: center; }

#MB .spXmas_heading_sub > h4 {
  margin: 10px;
  font-size: 1.6em;
  font-weight: normal;
  text-align: center;
  font-family: "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝B", "ＭＳ 明朝", serif; }

#MB .spXmas_heading_sub > p {
  font-size: 1.3em;
  text-align: center;
  margin-bottom: 20px; }

/* 関連ページ 
----------------------------------------------*/
#MB .spXmas_related {
  margin-bottom: 20px; }

#MB .spXmas_related li > a > img:hover {
  opacity: 0.7;
  transition: 0.3s; }

/* 下層リンク 
----------------------------------------------*/
#MB .spXmas_lowerLink {
  margin-bottom: 30px; }

#MB .spXmas_lowerLink_heading {
  margin-bottom: 5px;
  margin-left: 3px;
  font-size: 1.4em;
  font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "游ゴシック Medium", YuGothic, YuGothicM, Meiryo, "メイリオ", sans-serif; }

#MB .spXmas_lowerLink_list {
  padding: 15px;
  background: #f8f4e7; }

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

#MB .spXmas_lowerLink_list > li > a {
  position: relative;
  padding-left: 10px;
  padding-right: 15px;
  color: #886e23; }

#MB .spXmas_lowerLink_list > li > a:before {
  content: "";
  position: absolute;
  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;
  bottom: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

/* ランキング導線バナー 
----------------------------------------*/
#MB .spXmas_lowerLayer_ranking {
  margin-top: 30px;
  margin-bottom: 10px; }

#MB .spXmas_lowerLayer_ranking > .img {
  margin-bottom: 5px; }
  #MB .spXmas_lowerLayer_ranking > .img:hover {
    opacity: 0.7;
    transition: 0.3s; }

#MB .spXmas_lowerLayer_ranking > .txt {
  font-size: 1.2em;
  padding-bottom: 5px; }

/* 戻るボタン 
----------------------------------------------*/
#MB .spXmas_btnBack {
  margin-top: 20px;
  text-align: center; }
  #MB .spXmas_btnBack:hover {
    opacity: 0.7;
    transition: 0.3s; }

/*------------------------------------------------------------
    ディズニー
------------------------------------------------------------*/
#MB .disney_heading_box {
  display: table;
  width: 735px;
  margin-bottom: 10px;
  padding: 0 22px;
  box-sizing: border-box; }

#MB .disney_heading_box .column {
  display: table-cell;
  vertical-align: top;
  font-size: 1.2em; }

#MB .disney_heading_box .column:first-child {
  width: 86px;
  padding-right: 22px; }

/*------------------------------------------------------------
    JANE PACKER
------------------------------------------------------------*/
#MB .spXmas_janepacker_lead {
  display: table;
  width: 735px;
  margin-bottom: 20px; }

#MB .spXmas_janepacker_lead .column {
  display: table-cell;
  vertical-align: middle;
  width: 50%;
  padding: 25px 0;
  color: #FFF;
  text-align: center;
  background: #211714; }

#MB .spXmas_janepacker_lead h2 {
  font-size: 30px;
  font-weight: normal;
  letter-spacing: 2px;
  font-family: "Times New Roman", serif; }

#MB .spXmas_janepacker_lead p {
  font-size: 12px;
  line-height: 1.6; }

#MB .spXmas_grid_box.janepacker {
  position: relative;
  width: 735px;
  height: 500px;
  margin-bottom: 20px; }

#MB .spXmas_grid_box.janepacker .txtBox {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: -3px;
  margin: auto;
  width: 290px;
  height: 360px;
  color: #202020;
  margin-right: 30px; }

#MB .spXmas_grid_box.janepacker .txtBox h3 {
  margin-bottom: 20px;
  font-size: 2.4em;
  font-weight: normal;
  letter-spacing: -2px;
  font-family: "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝B", "ＭＳ 明朝", serif; }

#MB .spXmas_grid_box.janepacker .txtBox p {
  margin-bottom: 1em;
  font-size: 1.2em;
  line-height: 1.8; }

#jane_detail {
  margin-bottom: 20px; }

#jane_detail h2 {
  color: #202020;
  padding: 25px 0;
  font-size: 2.4em;
  font-weight: normal;
  text-align: center;
  background-color: #c8c0b6;
  font-family: "Times New Roman", serif; }

#jane_detail h2 span {
  color: #fff;
  display: block;
  font-weight: normal;
  font-size: 14px;
  margin-top: 7px; }

#jane_detail .collection_box ul li {
  position: relative;
  height: 250px; }

#jane_detail .collection_box ul p {
  position: absolute;
  top: 96px;
  color: #3f3f3f;
  width: 367px;
  text-align: center;
  font-size: 1.9em;
  font-weight: bold; }

#jane_detail .collection_box ul span {
  font-size: 0.7em;
  font-weight: normal; }

.collection_box ul p.right {
  right: 0; }

#MB .spXmas_heading02.janepacker {
  font-weight: 400;
  font-family: Futura, Verdana, Helvetica, Arial, sans-serif; }

/*------------------------------------------------------------
     ギフトオプション 
------------------------------------------------------------*/
.option_detail_box {
  margin: 20px 0 40px; }

.option_detail_box .option_detail_box_inner {
  margin-bottom: 40px;
  padding-right: 25px; }

.option_detail_box .option_detail_box_inner_left {
  float: left;
  width: 200px;
  margin-right: 30px; }

.option_detail_box .option_detail_box_inner_right {
  float: left;
  width: 480px; }

.option_detail_box .option_detail_box_title {
  font-size: 1.6em;
  margin-bottom: 5px;
  font-weight: bold; }

.option_detail_box .option_detail_box_price {
  font-size: 1.4em;
  margin-bottom: 20px; }

.option_detail_box .option_detail_box_cap {
  font-size: 1.2em;
  line-height: 1.5;
  margin-bottom: 17px; }

.option_detail_box .option_detail_box_sub {
  font-size: 1em;
  line-height: 1.5; }

.option_detail_box_inner_right span {
  display: block;
  color: #fff;
  line-height: 24px;
  height: 24px;
  font-size: 1.2em;
  width: 118px;
  text-align: center;
  background-color: #f27089;
  margin-bottom: 16px; }

/* 注文方法 */
.flow_detail_box {
  margin-bottom: 30px;
  background-color: #f3f3f3;
  padding: 22px 20px 24px 20px; }

.flow_detail_box .flow_detail_title {
  font-size: 1.4em;
  font-weight: bold;
  font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "游ゴシック Medium", YuGothic, YuGothicM, Meiryo, "メイリオ", sans-serif;
  margin-bottom: 24px; }

.flow_detail_box ul li:first-child {
  margin-left: 0; }

.flow_detail_box ul li {
  width: 223px;
  margin-left: 13px;
  float: left; }

.flow_detail_box ul li img {
  margin-bottom: 20px; }

.flow_detail_box ul li p {
  font-size: 1.2em;
  margin-left: 5px;
  padding-top: 3px; }

.flow_detail_box ul li span {
  font-size: 1.4em;
  font-weight: bold;
  display: block;
  float: left;
  height: 40px;
  margin-right: 5px; }

.flow_detail_box_inner {
  width: 695px;
  background-color: #ffffff;
  height: 135px;
  padding-bottom: 10px; }

.flow_detail_box_inner .flow_detail_box_inner_left {
  float: left; }

.flow_detail_box_inner_right {
  width: 495px;
  float: left;
  font-size: 1.2em;
  line-height: 1.5; }

.flow_detail_box_inner_right .flow_detail_box_inner_title {
  font-size: 1.2em;
  font-weight: bold;
  margin: 28px 0 10px 0; }

.flow_detail_box_inner_right .red {
  color: #d02b2b; }

/* メッセージカード */
.xmas_sec_message {
  position: relative;
  margin-bottom: 35px; }

.xmas_sec_message .over_cap {
  position: absolute;
  font-size: 1.2em;
  top: 90px;
  left: 431px;
  line-height: 2; }

.xmas_sec_details {
  margin-bottom: 30px; }

.xmas_sec_details .details_L {
  float: left;
  width: 200px;
  padding-right: 30px; }

.xmas_sec_details .details_R {
  float: right;
  padding-right: 30px;
  width: 475px; }

.xmas_sec_details_date {
  margin-bottom: 10px;
  padding: 5px 10px;
  color: #ffffff;
  font-size: 1.1em;
  text-align: center;
  background: #ac1c25;
  display: inline-block; }

.xmas_sec_details .details_R > h3 {
  font-size: 1.6em;
  margin: 0 0 5px; }

.xmas_sec_details .details_R p {
  font-size: 1.1em;
  line-height: 1.6; }

.xmas_sec_details_price {
  margin-bottom: 10px;
  font-size: 1.2em !important; }

.xmas_sec_details .details_R .details_txt {
  margin-bottom: 20px;
  font-size: 1.2em; }

.xmas_card_details_box {
  width: 760px; }

.xmas_card_details_box li {
  float: left;
  width: 355px;
  margin: 0 25px 35px 0; }

.xmas_card_details_box .small_L {
  float: left;
  width: 150px;
  padding-right: 20px; }

.xmas_card_details_box .small_R {
  float: right;
  width: 180px; }

.xmas_card_details_box .small_R > p {
  font-size: 1.2em; }

/*------------------------------------------------------------
    配送・お支払い方法
------------------------------------------------------------*/
#MB .delivery_subHeading {
  margin-top: 20px;
  margin-bottom: 10px;
  padding: 10px;
  font-size: 1.6em;
  font-weight: bold;
  background: #fbe3e1; }

#MB .delivery_subHeading02 {
  font-size: 1.4em;
  margin-top: 18px; }

#MB .spXmas_txtLink.delivery {
  font-size: 1.2em; }

/*------------------------------------------------------------
    お花のお手入れアドバイス
------------------------------------------------------------*/
#MB .flowerCare {
  margin-bottom: 30px; }

.flowerCare_txt > span.spXmas_txtLink {
  padding-right: 20px; }

#MB .flowerCare .conts_h {
  color: #FFF;
  font-size: 1.8em;
  text-align: center;
  line-height: 50px;
  font-family: "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝B", "ＭＳ 明朝", serif;
  background: #b99115; }

#MB .flowerCare_txt {
  padding: 30px;
  font-size: 1.3em;
  line-height: 1.7;
  background: #f8f4e7; }

#MB .spXmas_txtLink {
  margin-top: 15px; }

/*------------------------------------------------------------
    サイトマップ
------------------------------------------------------------*/
#MB .xmas_sitemapBody h3 a,
#MB .xmas_sitemapBody h3 span {
  display: block;
  margin-top: 30px;
  padding: 3px 10px;
  color: #FFF;
  font-weight: bold;
  font-size: 1.4em;
  background: #b99115; }

#MB .xmas_sitemapBody h4 {
  display: block;
  margin-top: 10px;
  padding: 3px 10px;
  color: #000;
  font-weight: bold;
  font-size: 1.3em; }

#MB .xmas_sitemapBody ul li {
  margin-top: 10px;
  font-size: 1.2em; }

#MB .xmas_sitemapBody ul li a {
  display: block;
  width: 700px;
  padding: 5px 10px 5px 25px;
  background: url(../img/sitemap/bg_middle.gif) no-repeat 15px center #FFFFFF; }

#MB .xmas_sitemapBody ul li:last-child a {
  background: url(../img/sitemap/bg_bottom.gif) no-repeat 15px center #FFFFFF; }

#MB .xmas_sitemapBody ul li a:hover {
  background-color: #eee; }

/*------------------------------------------------------------
    クリスマスの読み物
------------------------------------------------------------*/
/*  クリスマスの読み物一覧  
----------------------------------------------*/
.xmas_columnList_box .columnBox {
  float: left;
  width: 367px;
  padding: 0px 20px;
  margin-bottom: 20px;
  box-sizing: border-box; }

.xmas_columnList_box .columnBox .imgBox {
  float: left;
  width: 60px; }

.xmas_columnList_box .columnBox .textBox {
  float: right;
  width: 247px; }

.xmas_columnList_box .columnBox .textBox h2 {
  margin-bottom: 5px;
  font-size: 1.4em;
  font-weight: bold; }

.xmas_columnList_box .columnBox .textBox p {
  font-size: 1.2em;
  line-height: 1.7; }

.xmas_columnList_box .columnBox:nth-child(2n+1) {
  border-right: solid 1px #e5e5e5; }

/*  クリスマスの読み物 記事  
----------------------------------------------*/
#MB .xmas_column_box .textBox {
  float: left;
  width: 435px; }

#MB .xmas_column_box .imgBox {
  float: right;
  width: 280px;
  margin-left: 20px; }

#MB .xmas_column_box h3 {
  margin: 20px auto 5px;
  font-weight: bold; }

#MB .xmas_column_box h4 {
  margin-bottom: 5px;
  font-size: 1.3em;
  font-weight: bold; }

#MB .xmas_column_box p {
  margin-bottom: 1em;
  line-height: 1.7; }

#MB .xmas_column_box ul {
  margin-bottom: 1em; }

#MB .xmas_column_box ul.disc {
  list-style-position: outside;
  list-style-type: disc; }

#MB .xmas_column_box ul li {
  margin-left: 1.5em;
  font-size: 1.2em;
  line-height: 1.7; }

#MB .xmas_column_box ul li.highlight {
  font-weight: bold;
  color: #F00; }

#MB .xmas_column_box .textBox .column_link a {
  position: relative;
  padding-left: 10px;
  color: #d20e19; }
  #MB .xmas_column_box .textBox .column_link a:before {
    content: "";
    position: absolute;
    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;
    bottom: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg); }

/* 関連ページ */
#MB .spXmas_column_related {
  margin-bottom: 10px; }

#MB .spXmas_column_related > .spXmas_grid_col2.column {
  display: flex;
  justify-content: center; }

#MB .spXmas_column_related > .spXmas_grid_col2.column > li:nth-child(2n+1) {
  margin-right: 20px; }
#MB .spXmas_column_related > .spXmas_grid_col2.column > li:hover {
  opacity: 0.7;
  transition: 0.3s; }

/* コンテマ記事 
----------------------------------------------*/
/* タイトル */
#HtmlBody #MainBody #MB .articleTitle {
  margin: 0 0 23px 2px;
  padding-bottom: 17px;
  font-size: 2.7em;
  font-weight: normal;
  line-height: 1.2;
  border-bottom: 1px solid #DEDEDE; }

#HtmlBody #MainBody #MB .articleTitle a {
  text-decoration: none;
  color: #000; }

#HtmlBody #MainBody #MB .articleTitle a:hover {
  text-decoration: underline; }

/* メイン画像 */
#lifestyle_heading01 {
  /*margin-bottom: 15px;*/
  position: relative;
  width: 280px;
  height: 280px;
  overflow: hidden;
  float: right;
  margin-left: 10px;
  margin-bottom: 10px; }

#lifestyle_heading01 img {
  width: 571px;
  height: 280px;
  position: absolute;
  top: 0;
  left: -145px;
  height: 280px; }

/* 段落 */
#MB .lifestyle_wrap p {
  font-size: 1.3em;
  line-height: 1.7;
  margin-bottom: 30px;
  /*font-size: 1.5em;
  line-height: 1.75;*/ }

/* リンク */
.listLink {
  font-size: 1.4em;
  color: #cf4753;
  text-align: right; }

.listLink a {
  color: #cf4753 !important; }

#MB .lifestyle_wrap p a {
  text-decoration: none !important; }

#MB .lifestyle_wrap p a span.articleLink {
  font-weight: bold;
  color: #cf4753; }

/* 関連記事・関連特集 */
.lifestyle_heading_related {
  padding: 8px 10px 8px 15px;
  font-size: 1.4em; }

.lifestyle_heading_related.rArticle {
  background-color: #fbe3e1; }

.lifestyle_heading_related.rSpecial {
  background-color: #e5e5e5; }

#MB .comGood.rArticle li {
  width: 706px !important;
  border-right: none; }

/* PR */
.prBox {
  height: 200px;
  margin: 20px 0;
  background-color: #ccc; }

/* イベント別メッセージ文例一覧 */
body#index #MB .messageEventList {
  margin: 0 0 22px 2px;
  clear: both;
  border-left: 1px solid #DEDEDE;
  /*margin-bottom: 22px;*/ }

body#index #MB .messageEventList li {
  padding: 8px 13px 3px 13px;
  width: 217px;
  word-break: break-all;
  float: left;
  border-right: 1px solid #DEDEDE; }

body#index #MB .messageEventList li ul li {
  padding: 0 0 10px 0;
  float: none;
  border-right: none; }

body#index #MB .messageEventList li ul li a {
  padding-left: 50px;
  display: inline-block;
  font-size: 1.2em;
  text-indent: -1px;
  line-height: 35px;
  background-repeat: no-repeat;
  background-position: left 5px; }

/* 個別記事ページ
--------------------------------------------------*/
/* 見出し2 */
.lifestyle_heading02 {
  margin-bottom: 5px;
  font-size: 1.6em;
  font-weight: bold;
  /*padding: 5px 10px;
  font-size: 1.9em;
  line-height: 1;
  color: #cf4753;
  border-left: 5px solid #cf4753;*/ }

/* 見出し3 */
.lifestyle_heading03 {
  font-size: 1.5em; }

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

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

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

.lifestyle_heading03.section {
  counter-increment: section;
  /*counter-reset: section;*/ }

/* サブ画像 */
.lifestyle_subImg {
  position: relative;
  width: 280px;
  height: 280px;
  overflow: hidden;
  margin-left: 20px;
  margin-bottom: 10px;
  float: right;
  /*width: 450px;*/
  /*margin: 0 auto 20px;
  position:relative;
  width: 280px;
  height: 280px;
  overflow: hidden;*/ }

.lifestyle_subImg img {
  position: absolute;
  top: 0;
  left: -85px; }

/* 順序リスト */
.lifestyle_orderList {
  font-size: 1.4em;
  list-style-type: decimal;
  list-style-position: inside;
  margin: 0 0 29px 4px; }

/* 順序なしリスト */
.lifestyle_unorderList {
  font-size: 1.4em;
  list-style-position: inside;
  margin: 0 0 29px 4px;
  list-style-type: disc; }

/*p .highlight {
    background-color: #ffff66;
}
*/

/*# sourceMappingURL=category.css.map */